@charset "utf-8";  /*ljcong 2018.6.20*/
* { margin: 0; border: 0; padding: 0; font-family: Arial, "微软雅黑", Microsoft YaHei, "宋体", SimSun; box-sizing: border-box; }
a { color: inherit; outline: none; text-decoration: none; }
ul, li, ol { list-style-type: none; }
input, textarea, button, select, body { font-size: 14px; }
input, textarea, button, select, input[type=submit], input[type=reset], input[type=button], input[type=text] { outline: none; border-radius: 0; resize: none; }
input[type='button'], button { cursor: pointer; outline:none;}
img, .block { display: block; }
em, i { font-style: normal; }
/*宽度*/
.imgW-100, .w-100 { width: 100%; }
.w-1200 { width: 62.5%; }
.w-1400 { width: 73%; }
.w-1600 { width: 84%; }
.imgW-100 { transition: 0.5s linear 0s; }
.w-1200, .w-1400, .w-1600 { margin: 0 auto; }
.w-50 { width: 50%; }
/*字号*/
.f-0 { font-size: 0; }
.f-12 { font-size: 12px; }
.f-14 { font-size: 14px; }
.f-16 { font-size: 16px; }
.f-18 { font-size: 18px; }
/*颜色*/
.c-fff { color: #fff; }
.c-f5 { color: #f5f5f5; }
.c-999 { color: #999; }
.c-666 { color: #666; }
.c-333 { color: #333; }
/*字体*/
.font-over1 { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.font-over2 { word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.text-u { text-transform: uppercase; }
.text-c { text-transform: capitalize; }
.text-center{text-align:center;}
/*对齐方式*/
.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, .v-align-m2 { font-size: 0; }
.v-align-m1:before, .v-align-m2:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
/*尺寸*/
.m-WH100{max-height:100%; max-width:100%;}
/*显示/隐藏尺寸*/
.pc, .pc-720 { display: block; }
.mob, .mob-720 { display: none; }
/*三角形*/
.SJ-L:after, .SJ-B:after, .SJ-BL:after { content: ''; display: inline-block; border-style: solid; width: 0; height: 0; margin-left: 5px; }
/*向左*/
.SJ-L:after { border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px; }
/*向下*/
.SJ-B:after { border-color: #000 transparent transparent transparent; border-width: 4px 5px 0px 5px; }
/*向左下*/
.SJ-BL:after { border-color: transparent transparent transparent #000; border-width: 4px 0 4px 5px; }
/*浮动*/
.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: 0; }
[id*='public-bg'] {
display:none;
}
/*定位*/
.pos-r { position: relative; z-index: 0; }
.p-Ycenter { position: absolute; top: 50%; z-index: 0; transform: translateY(-50%); }
@media screen and (min-width: 721px) {
}
@media screen and (max-width: 1600px) {
.f-18 { font-size: 16px; }
}
@media screen and (max-width: 1400px) {
.f-14 { font-size: 12px; }
.f-16,.f-18 { font-size: 14px; }
}
@media screen and (max-width: 1024px) {
.pc { display: none; }
.mob { display: block; }
.f-16{font-size:12px;}
.w-1200, .w-1400, .w-1600 { width: 94%; }
input, textarea, button, select, input[type=submit], input[type=reset], input[type=button], input[type=text] { appearance: none; -webkit-appearance: none; -moz-appearance: none; }
}
@media screen and (max-width: 720px) {
.f-12,.f-3v8{ font-size: 3.8vw; }/*待删f12 f14 f16 f18*/
.f-14,.f-4v4{ font-size: 4.4vw; }
.f-16,.f-5v { font-size: 5vw; }
.f-18 ,.f-5v6{ font-size: 5.6vw; }
.pc-720 { display: none; }
.mob-720 { display: block; }
}