/*
 * @description:此样式表为项目基本样式
   Created by smx on 2018-06-04.
   Copyright 2017 smx. All rights reserved.
*/
/*重置*/
body{font-family:Microsoft Yahei,SimHei;font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}

fieldest,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
capation,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:''}
abbr,acronym{border:0;}

/*初始化html5标签*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/*通用表单样式*/
input,select.option,textarea,button,h1,h2,h3,h4,h5,h6{font-family:Microsoft Yahei,SimHei;}
input,select.option{font-family:Microsoft Yahei,SimHei;outline:none;}
input[type=button],button{cursor:pointer;display:inline-block}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {rgba(255,255,255,0.5);} 
input:-moz-placeholder,textarea:-moz-placeholder{rgba(255,255,255,0.5);} 
input::-moz-placeholder,textarea::-moz-placeholder{rgba(255,255,255,0.5);} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:rgba(255,255,255,0.5);} 
*{outline:none;blr:expression(this.onFocus=this.blur());}
*:focus{outline:none;}
a:link,a:focus,a:hover,a:active,a:visited{text-decoration:none;outline:none;cursor:pointer;color:#fff;}
/*select,option{appearance:none;-moz-appearance:none;-webkit-appearance:none;}*/

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color:#0B1422;color:#fff;}


sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,select,button{ vertical-align: baseline; *vertical-align:middle;font-size:100%;border:none;background:none; }
input[type=checkbox],
input[type=radio]{vertical-align:middle;margin:0 5px;}
input[type="text"],
input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
textarea{overflow:auto;}
table{border-collapse:collapse;border-spacing:0;}

:focus {outline:none;} /*for IE*/
::-moz-focus-inner {border-color:transparent;} /*for mozilla*/
.hands{cursor:pointer;}

/*文字排版*/
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.f24{font-size:24px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.lh30{line-height: 30px}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto;}
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.fnone{float:none;}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.o-hidden{overflow:hidden}
.o-auto{overflow:auto}
.o-autoY{overflow-y:auto}
.o-autoX{overflow-x:auto}
.ma{margin:0 auto;}
.none{display:none}
.borderBox{box-sizing:border-box;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.inlineBlock{display:inline-block;}
/*固定宽度*/
.w10{width:10px}
.w14{width:14px}
.w20{width:20px}
.w30{width:30px}
.w40{width:40px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w75{width:75px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w105{width:105px}
.w115{width:115px;}
.w128{width:128px}
.w184{width:184px}
.w150{width:150px}
.w160{width:160px}
.w200{width:200px}
.w210{width:210px;}
.w220{width:220px;}
.w240{width:240px}
.w250{width:250px}
.w270{width:270px}
.w300{width:300px}
.w350{width:350px}
.w360{width:360px}
.w367{width:367px}
.w392{width: 392px}
.w400{width:400px}
.w450{width:450px}
.w500{width:500px}
.w550{width:550px}
.w600{width:600px}
.w650{width:650px}
.w700{width:700px}
.w750{width:750px}
.w800{width:800px}
.w860{width:860px}
.w900{width:900px}
.w950{width:950px}
.w1000{width:1000px}
.w1050{width:1050px}
.w1200{width:1200px}
.w1366{width:1366px;}
/*百分比宽度*/
.w4_{width: 4%}
.w5_{width: 5%}
.w6_{width: 6%}
.w10_{width:10%;}
.w15_{width:15%;}
.w20_{width:20%;}
.w25_{width:25%;}
.w30_{width:30%;}
.w33_{width:33.3%;}
.w35_{width:35%;}
.w40_{width:40%;}
.w45_{width:45%;}
.w48_{width:48%;}
.w49_{width:49.5%;}
.w50_{width:50%;}
.w55_{width:55%;}
.w60_{width:60%;}
.w63_{width:63%;}
.w65_{width:65%;}
.w70_{width:70%;}
.w75_{width:75%;}
.w80_{width:80%;}
.w85_{width:85%;}
.w90_{width:90%;}
.w95_{width:95%;}
.w100_{width:100%}
/*固定高度*/

.h30{height:30px}
.h35{height:35px}
.h40{height:40px;}
.h50{height:50px}
.h60{height:60px}
.h80{height:80px}
.h105{height:105px}
.h120{height:120px}
.h134{height:134px}
.h140{height:140px}
.h160{height:160px}
.h100{height:100px}
.h350{height:350px}
.h200{height:200px}
.h400{height:400px}
.h500{height:500px}
/*百分比高度*/
.h10_{height:10%}
.h15_{height:15%}
.h20_{height:20%}
.h25_{height:25%}
.h30_{height:30%}
.h35_{height:35%}
.h40_{height:40%}
.h45_{height:45%}
.h50_{height:50%}
.h55_{height:55%}
.h60_{height:60%}
.h80_{height:80%}
.h100_{height:100%}
/*边距*/
.ma{margin:0 auto}
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top: 45px}
.mt50{margin-top:50px}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px}
.mt150{margin-top:150px}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
.mb100{margin-bottom:100px}

.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml70{margin-left:70px}
.ml100{margin-left:100px}
.ml110{margin-left:110px}
.ml140{margin-left:140px}
.ml178{margin-left:178px}
.ml190{margin-left:190px}
.ml200{margin-left:200px}
.ml220{margin-left:220px}
.ml240{margin-left:240px}
.ml270{margin-left:270px}
.ml480{margin-left:480px}

.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}

.p0{padding:0;}
.p4{padding:4px;}
.p5{padding:5px;}
.p8{padding:8px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p50{padding:50px;}
.p5_{padding:5%;}
.p10_{padding:10%;}
.p16_{padding:16%;}

.pt0{padding-top:0px !important}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}

.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb50{padding-bottom:50px}
.pb100{padding-bottom:100px}

.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}
.pl60{padding-left:60px}
.pl80{padding-left:80px}
.pl100{padding-left:100px}
.pl11_{padding-left:11%}
.pl20_{padding-left:20%}
.pl25_{padding-left:25%}

.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}
.pr50{padding-right:50px}
.pr80{padding-left:80px}
.pr100{padding-right:100px}

/*向上三角形*/
.triangle-t{display:inline-block;}
.triangle-t:before{display:block;position:absolute;left:50%;height:7px;width:14px;}
.triangle-t:before{content:'';height:0;width:0;display:block;border:7px transparent solid;border-top-width:0;}
/*白色向左的大指向箭头*/
.arrowL{height:40px; width:40px; display:inline-block; position:relative;} 
.arrowLleft{height:30px;}
.arrowLleft:before{content:''; height:0; width:0; display:block; border:15px transparent solid; border-left-width:0; border-right-color:#fff; position:absolute; top:0px; left:0px;}
.arrowLleft:after{content:''; height:10px; width:25px; display:block; background:#fff; position:absolute; top:10px; right:0px;}
/*白色向右的大指向箭头*/
.arrowLright{height:30px;}
.arrowLright:before{content:''; height:0; width:0; display:block; border:15px transparent solid; border-right-width:0; border-left-color:#fff; position:absolute; top:0px; right:0px;}
.arrowLright:after{content:''; height:10px; width:25px; display:block; background:#fff; position:absolute; top:10px; left:0px;}