/*
  css重置样式和基础样式
*/

/***** css set*****/ 
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;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;} 
address,caption, cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,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;} 
*:focus { outline: none; }
button{cursor: pointer;}
b{font-weight: normal;} 
a,li,button,span:hover{text-decoration:none;  
transform: translate(0,0);
transition:all .2s ease-in 0s;}
textarea{border: 1px solid #ccc;color: #666;padding: 0 5px;}
/*删除线*/
.lt{text-decoration:line-through;}
/*****文字排版******/ 
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;} 
.f16{font-size:16px !important;} 
.f18{font-size:18px !important;} 
.f20{font-size:20px !important;} 
.f22{font-size:22px !important;}
.f24{font-size:24px !important;}
.f26{font-size:26px !important;}
.f30{font-size:30px !important;}
.f40{font-size:40px !important;}
.f50{font-size:50px !important;}
.fb,.bold{font-weight:bold !important;} 
.fn{font-weight:normal !important;} 
.t2{text-indent:2em !important;} 
.lh10{line-height: 10px !important;}
.lh15{line-height: 15px !important;}
.lh20{line-height: 20px !important;}
.lh25{line-height: 25px !important;}
.lh30{line-height: 30px !important;}
.lh35{line-height: 35px !important;}
.lh40{line-height: 40px !important;}
.lh50{line-height: 50px;}
.lh55{line-height: 55px;}
.lh60{line-height: 60px;}
.unl{text-decoration:underline;} 
.no_unl{text-decoration:none;} 
/****定位****/ 
.tl{text-align:left !important;} 
.tc{text-align:center !important;} 
.tr{text-align:right !important;} 
.bc{margin-left:auto;margin-right:auto;} 
.fl{float:left !important;} 
.fr{float:right !important;} 
.cb{clear:both;} 
.cl{clear:left;} 
.cr{clear:right;} 
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden} 
.clearfix{*zoom: 1; } 
.vm{vertical-align:center;}
.pr{position:relative;} 
.pa{position:absolute;} 
.abs-right{position:absolute;right:0;} 
.zoom{zoom:1} 
.hidden{visibility:hidden;} 
.none,.hide{display:none !important;}
.middle{vertical-align: middle !important;} 
.super{vertical-align: super !important;} 
.sub{vertical-align: sub !important;} 
.pointer{cursor: pointer;}
.nowrap{white-space: nowrap;}
.lineHover:hover{text-decoration: underline !important;}
/******长度 高度*******/ 
.w10{width:10px !important;} 
.w20{width:20px !important;} 
.w30{width:30px !important;} 
.w40{width:40px !important;} 
.w50{width:50px !important;} 
.w60{width:60px !important;} 
.w70{width:70px !important;} 
.w80{width:80px !important;} 
.w90{width:90px !important;} 
.w100{width:100px !important;} 
.w150{width:150px !important;}
.w200{width:200px !important;} 
.w300{width:300px !important;} 
.w400{width:400px !important;} 
.w500{width:500px !important;} 
.w600{width:600px !important;} 
.w700{width:700px !important;} 
.w800{width:800px !important;} 
.w{width:100% !important;} 
.h50{height:50px!important;} 
.h80{height:80px!important;} 
.h100{height:100px!important;} 
.h200{height:200px!important;} 
.h{height:100% !important;} 
/******边距*******/ 
.m10{margin:10px !important;} 
.m15{margin:15px !important;} 
.m30{margin:30px !important;} 
.mt5{margin-top:5px !important;} 
.mt0{margin-top:0 !important;} 
.mt4{margin-top:4px !important;} 
.mt10{margin-top:10px !important;} 
.mt15{margin-top:15px !important;} 
.mt20{margin-top:20px !important;} 
.mt24{margin-top:24px !important;} 
.mt25{margin-top:25px !important;} 
.mt30{margin-top:30px !important;} 
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;} 
.mt60{margin-top:60px !important;} 
.mt80{margin-top:80px !important;} 
.mt85{margin-top:85px !important;} 
.mt90{margin-top:90px !important;} 
.mt100{margin-top:100px !important;} 
.mt130{margin-top:130px !important;} 
.mb0{margin-bottom:0 !important;} 
.mb5{margin-bottom:5px !important;} 
.mb10{margin-bottom:10px !important;} 
.mb15{margin-bottom:15px !important;} 
.mb20{margin-bottom:20px !important;} 
.mb30{margin-bottom:30px !important;} 
.mb50{margin-bottom:50px !important;} 
.mb100{margin-bottom:100px !important;} 
.ml0{margin-left:0!important;} 
.ml5{margin-left:5px !important;} 
.ml10{margin-left:10px !important;} 
.ml15{margin-left:15px !important;} 
.ml20{margin-left:20px !important;} 
.ml25{margin-left:25px !important;} 
.ml30{margin-left:30px !important;} 
.ml35{margin-left:35px !important;} 
.ml40{margin-left:40px !important;} 
.ml50{margin-left:50px !important;} 
.ml70{margin-left:70px !important;} 
.ml80{margin-left:80px !important;} 
.ml90{margin-left:90px !important;} 
.ml100{margin-left:100px !important;} 
.ml120{margin-left:120px !important;} 
.mr0{margin-right:0 !important;} 
.mr5{margin-right:5px !important;} 
.mr10{margin-right:10px !important;} 
.mr15{margin-right:15px !important;} 
.mr20{margin-right:20px !important;} 
.mr30{margin-right:30px !important;} 
.mr40{margin-right:40px !important;} 
.mr50{margin-right:50px !important;} 
.mr100{margin-right:100px !important;} 
.p10{padding:10px !important;} 
.p15{padding:15px !important;} 
.p30{padding:30px !important;} 
.pt5{padding-top:5px !important;} 
.pt10{padding-top:10px !important;} 
.pt15{padding-top:15px !important;} 
.pt20{padding-top:20px !important;} 
.pt30{padding-top:30px !important;} 
.pt40{padding-top:40px !important;} 
.pt50{padding-top:50px !important;} 
.pt60{padding-top:60px !important;} 
.pt100{padding-top:100px !important;} 
.pb5{padding-bottom:5px !important;} 
.pb10{padding-bottom:10px !important;} 
.pb15{padding-bottom:15px !important;} 
.pb20{padding-bottom:20px !important;} 
.pb30{padding-bottom:30px !important;} 
.pb40{padding-bottom:40px !important; } 
.pb50{padding-bottom:50px !important;} 
.pb70{padding-bottom:70px !important;} 
.pb100{padding-bottom:100px !important;} 
.pb130{padding-bottom:130px !important;} 
.pb160{padding-bottom:160px !important;} 
.pl5{padding-left:5px !important;} 
.pl10{padding-left:10px !important;} 
.pl15{padding-left:15px !important;} 
.pl20{padding-left:20px !important;} 
.pl30{padding-left:30px !important;} 
.pl50{padding-left:50px !important;} 
.pl100{padding-left:100px !important;} 
.pr5{padding-right:5px !important;} 
.pr10{padding-right:10px !important;} 
.pr15{padding-right:15px !important;} 
.pr20{padding-right:20px !important;} 
.pr30{padding-right:30px !important;} 
.pr50{padding-right:50px !important;} 
.pr100{padding-right:100px !important;} 
/*色值*/
.red{color: #ec435d !important;}
.bg-red{background: #ec435d !important;color: #fff !important;}
.blue{color: #6699ff;}
.light-blue{color: #5799ff;}
.gray{color: #666 !important;}
.light-gray{color: #999 !important;}
.light-green{color: #65d3e3;}
.light-green:hover{color: #a2e4ee;}
/*按钮长度*/
.btn-w130{
	width: 130px !important;
}
.btn-w90{
	width: 90px !important;
}
/*按钮不点击*/
 .disabled { pointer-events: none; }
 .disabled-gray { pointer-events: none;background: #5a5a5a !important;color: #fff !important; }
 .borderNone{
 	border: none !important;
 }
 .border{
 	border: 1px solid #dcdcdc !important;
 }
 .scrollbar::-webkit-scrollbar{/*滚动条整体样式*/
    width: 8px;
    height: 6px;
}
.scrollbar::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
    border-radius: 5px;
    background: #758d93;
}
.scrollbar::-webkit-scrollbar-track{/*滚动条里面轨道*/
    border-radius: 5px;
    background: #d3dbdb;
}