@charset "utf-8";
/*
* @desc: 重置默认样式&&公共样式
* @auth: xh
*/
* {margin:0;padding:0;}
* html body {overflow:visible;}
* html iframe, * html frame {overflow:auto;}
* html frameset {overflow:hidden;}

body {color:#333; font:14px/24px  Microsoft YaHei; _font:14px/24px "宋体"; text-align:center; background:#fff;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr {margin:0;padding:0;}
input,select {font-size:12px;vertical-align:middle;}
body div {text-align:left;}
textarea,input {word-wrap:break-word; word-break:break-all; padding:0px;}
li {list-style-type:none;}
img {border:0 none;}
a{color:#424242;}
a:link, a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:14px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

.font-10{font-size: 10px;}
.font-12{font-size: 12px;}
/*
* @desc：上下DIV有间距时使用,尽量不使用margin/padding值,防止不同浏览器出现BUG??（兼容大多浏览器）
*/
.DivH5,.DivH10,.DivH15,.DivH20,.DivH25,.DivH30,.DivH40,.DivH50,.DivH60{width:100%; overflow:hidden; line-height:1px; font-size:1px;}
.DivH3{height:3px;}
.DivH5{height:5px;}
.DivH10{height:10px;}
.DivH15{height:15px;}
.DivH20{height:20px;}
.DivH25{height:25px;}
.DivH30{height:30px;}
.DivH40{height:40px;}
.DivH50{height:50px;}
.DivH60{height:60px;}

/* 20241102-new */

/* 清除浮动 */
.clear {clear:both; height:0; overflow:hidden; display:block; line-height:0}
.clearfix:after {clear:both;font-size:0; height:0; display:block; visibility:hidden; content:" "; line-height:0}

/* 文字排版 */
.f-12{font-size:12px;}
.f-13{font-size:13px;}
.f-14{font-size:14px;}
.f-16{font-size:16px;}
.f-18{font-size:18px;}
.f-20{font-size:20px;}
.f-22{font-size:22px;}
.f-24{font-size:24px;}
.f-26{font-size:26px;}
.f-28{font-size:28px;}
.f-30{font-size:30px;}
.f-38{font-size: 38px;}
.f-46{font-size: 46px;}

.fw-b{font-weight:bold;}
.fw-n{font-weight:normal;}
.ti-2{text-indent:2em;}
.lh-150{line-height:150%;}
.lh-180{line-height:180%;}
.lh-200{line-height:200%;}
.td-u{text-decoration:underline;}
.td-n{text-decoration:none;}

/* 文字颜色-背景颜色 */
.color-f{color:#fff;}
.color-3{color:#333;}
.color-6{color:#666;}
.color-9{color:#999;}
.color-0{color:#000;}

.bgcolor-f{background-color:#fff;}
.bgcolor-e{background-color:#eee;}
.bgcolor-0{background-color:#000;}

/* 宽度高度 */
.h{height:100%;}
.h-5{height:5px;}
.h-10{height:10px;}
.h-15{height:15px;}
.h-20{height:20px;}
.h-30{height:30px;}
.h-40{height:40px;}
.h-50{height:50px;}
.h-60{height:60px;}
.h-70{height:70px;}
.h-80{height:80px;}
.h-90{height:90px;}
.h-100{height:100px;}

.w{width:100%;}
.w-10{width:10px;}
.w-20{width:20px;}
.w-30{width:30px;}
.w-40{width:40px;}
.w-50{width:50px;}
.w-60{width:60px;}
.w-70{width:70px;}
.w-80{width:80px;}
.w-90{width:90px;}
.w-100{width:100px;}
.w-200{width:200px;}
.w-300{width:300px;}
.w-400{width:400px;}
.w-500{width:500px;}
.w-600{width:600px;}
.w-700{width:700px;}
.w-800{width:800px;}
.w-1024{width:1024px;}
.w-1000{width:1000px;}
.w-1200{width:1200px;}

/* 定位 */
.t-l{text-align:left;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.v-m{vertical-align:middle;}
.f-l{float:left !important;}
.f-r{float:right !important;}
.f-n{float:none !important;}
.m-c{margin:0 auto;}
.p-r{position:relative;}
.p-a{position:absolute;}
.o-h{overflow:hidden !important;}
.o-a{overflow:auto;}
.d-n{display:none;}
.d-ib{display:inline-block;}
.d-b{display:block;}
.d-i{display:inline;}
.d-t{display: table;}
.d-tc{display: table-cell;vertical-align: middle;}
.zoom{zoom:1;}
.zindex-n1{z-index:-1;}
.zindex-1{z-index:1;}
.zindex-2{z-index:2;}
.zindex-3{z-index:3;}
.zindex-4{z-index:4;}
.zindex-5{z-index:5;}
.zindex-6{z-index:6;}
.zindex-7{z-index:7;}
.zindex-8{z-index:8;}
.zindex-9{z-index:9;}
.zindex-10{z-index:10;}

/* 边距 */
.n-m{margin:0 !important;}
.n-p{padding:0 !important;}

.m-10{margin:10px;}
.m-15{margin:15px;}
.m-30{margin:30px;}
.mt-0{margin-top:0;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-80{margin-top:80px;}
.mt-100{margin-top:100px;}
.mb-0{margin-bottom:0;}
.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-25{margin-bottom:25px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-80{margin-bottom:80px;}
.mb-100{margin-bottom:100px;}
.ml-0{margin-left:0;}
.ml-5{margin-left:5px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.ml-25{margin-left:25px;}
.ml-30{margin-left:30px;}
.ml-40{margin-left:40px;}
.ml-50{margin-left:50px;}
.ml-80{margin-left:80px;}
.ml-100{margin-left:100px;}
.mr-0{margin-right:0;}
.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.mr-25{margin-right:25px;}
.mr-30{margin-right:30px;}
.mr-40{margin-right:40px;}
.mr-50{margin-right:50px;}
.mr-80{margin-right:80px;}
.mr-100{margin-right:100px;}

.p-5{padding:5px;}
.p-10{padding:10px;}
.p-15{padding:15px;}
.p-20{padding:20px;}
.p-25{padding:25px;}
.p-30{padding:30px;}
.p-0-5{padding: 0 5px;}
.p-5-15{padding:5px 15px;}
.p-5-20{padding:5px 20px;}
.p-10-20{padding:10px 20px;}
.pt-0{padding-top:0;}
.pt-5{padding-top:5px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-20{padding-top:20px;}
.pt-25{padding-top:25px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-80{padding-top:80px;}
.pt-100{padding-top:100px;}
.pb-0{padding-bottom:0;}
.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.pb-20{padding-bottom:20px;}
.pb-25{padding-bottom:25px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pb-60{padding-bottom: 60px;}
.pb-80{padding-bottom:80px;}
.pb-100{padding-bottom:100px;}
.pl-0{padding-left:0;}
.pl-5{padding-left:5px;}
.pl-10{padding-left:10px;}
.pl-15{padding-left:15px;}
.pl-20{padding-left:20px;}
.pl-25{padding-left:25px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
.pl-45{padding-left:45px;}
.pl-50{padding-left:50px;}
.pl-55{padding-left: 55px;}
.pl-70{padding-left: 70px;}
.pl-80{padding-left:80px;}
.pl-100{padding-left:100px;}
.pr-0{padding-right:0;}
.pr-5{padding-right:5px;}
.pr-10{padding-right:10px;}
.pr-15{padding-right:15px;}
.pr-20{padding-right:20px;}
.pr-25{padding-right:25px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.pr-50{padding-right:50px;}
.pr-80{padding-right:80px;}
.pr-100{padding-right:100px;}

/* 过渡 */
.transition{transition: all .3s linear;-moz-transition: all .3s linear;-webkit-transition: all .3s linear;-o-transition: all .3s linear;-ms-transition: all .3s linear;}
.transition-e{transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;}

.cu-p{
    cursor: pointer;
}