@charset "utf-8"; /*ljcong 2017.01.09*/ * { margin: 0; border: 0; padding: 0; } body { font-size: 14px; font-family: Arial, "微软雅黑", Microsoft YaHei, "宋体", SimSun; background:#fff;} a { color: inherit; outline: none; text-decoration: none; } ul, li, ol { list-style-type: none; } input, textarea, button, select { outline: none; font-family: Arial, "微软雅黑", Microsoft YaHei, "宋体", SimSun; font-size: 14px; } input[type='button'], button { appearance: none; -webkit-appearance: none; -moz-appearance: none; } textarea { resize: none; } img { display: block; } em, i { font-style: normal; } b { font-weight: normal; } /*宽度*/ .imgW-100 { width: 100%; transition: 0.5s linear 0s; } .imgMW-100 { max-width: 100%; transition: 0.5s linear 0s; } .w-100 { width: 100%; } .mw-100 { max-width: 100%; } .w-1200 { width: 100%; max-width: 1200px; margin: 0 auto; } .w-1400 { width: 100%; max-width: 1400px; margin: 0 auto; } .w-30 { width: 30%; } .w-50 { width: 50%; } /*字体*/ .font-over1 { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .font-over2 { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden } /*对齐方式*/ .dis-t, .dis-m, .dis-b { display: inline-block; } .dis-t { vertical-align: top; } .dis-m { vertical-align: middle; } .dis-b { vertical-align: bottom; } .v-align-m1:before, .v-align-m2:before, .v-align-m3:after, .v-align-m4:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; font-size: 0; } .v-align-m2:before { margin-left: -5px; } /*显示/隐藏尺寸*/ .pc, .pc-720, .pc-1200 { display: block; } .mob, .mob-720, .mob-1200 { display: none; } /*形状*/ .SJ-L:after { content: ''; display: inline-block; border-style: solid; border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px; margin-left: 5px; width: 0; height: 0; } .SJ-B:after { content: ''; display: inline-block; border-style: solid; border-color: #000 transparent transparent transparent; border-width: 4px 5px 0px 5px; margin-left: 5px; width: 0; height: 0; } .SJ-BL:before { content: ''; display: inline-block; border-style: solid; border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px; margin-right: 5px; width: 0; height: 0; } /*浮动*/ .clear { display: inline-block; vertical-align: top; width: 100%; } .float-R { float: right; } .float-L { float: left; } /*IE8透明度*/ .opacity50 { opacity: 0.5; filter: Alpha(opacity=50); } /*通用背景*/ .public-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 2; } @media screen and (max-width: 1200px) { .pc-1200 { display: none; } .mob-1200 { display: block; } } @media screen and (max-width: 1024px) { .pc { display: none; } .mob { display: block; } } @media screen and (max-width: 720px) { .pc-720 { display: none; } .mob-720 { display: block; } }