html,body,div,
form,object,iframe,p,table,th,td,ul,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
button,input,span,em,s,textarea,b,u,a,img,select,header,footer,nav,menu,article,aside,section,time{ margin:0; padding:0}
button,a{ cursor: pointer;}
input,select,label,img{ vertical-align:middle}
img{border:none}
s,u{text-decoration:none}
em,i{font-style:normal}
ul,li,dl,dt,dd{ list-style:none}
table,tr,td,th{ border-collapse:collapse;border-spacing:0}
input{font-size: 14px;}
input,textarea,select{outline:none;}

body{font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif,"PingFang SC"; font-size:14px;color:#666; line-height:normal; }
button,select,input,textarea{font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif;}
button:focus{ outline: none;}

body a{color:#666;text-decoration:none;outline:none;}
body a:hover{color: #4eabfb; outline:none;text-decoration:none;}

/*font-family引进字体*/
/*@font-face{
	font-family:'DINMittelschrift';
	src:url("fonts/alte-din-1451-mittelschrift.regular.ttf");
}*/
@font-face{font-family:'DINMittelschrift';
src:url('fonts/alte-din-1451-mittelschrift.regular.eot?v=4.3.0');
src:url('fonts/alte-din-1451-mittelschrift.regular.eot?#iefix&v=4.3.0') format('embedded-opentype'),
	url('fonts/alte-din-1451-mittelschrift-regular.woff2?v=4.3.0') format('woff2'),
	url('fonts/alte-din-1451-mittelschrift-regular.woff?v=4.3.0') format('woff'),
	url('fonts/alte-din-1451-mittelschrift.regular.ttf?v=4.3.0') format('truetype'),
	url('fonts/alte-din-1451-mittelschrift.regular.svg?v=4.3.0#fontawesomeregular') format('svg');
}
.font-num{font-family: 'DINMittelschrift'; }

/*placeholder*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #c8c8c8;  }
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #c8c8c8;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #c8c8c8;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #c8c8c8;}
input::-ms-clear, ::-ms-reveal{display: none;}

.placeholder_tip{position: absolute; top:12px; left:55px;}

input{border-color .5s;-o-transition: border-color .5s;transition: border-color .5s;}
input:focus{border-color: #01a9ec; background-color: #fff;}


/*sroll*/
::-webkit-scrollbar-track-piece{background-color:#EEF0F1;-webkit-border-radius:0;}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background-color:#B2B9C9;}
::-webkit-scrollbar-thumb:hover{background-color:#B2B9C9;}
::-webkit-scrollbar-arrow {color:#F00;background-color:#0F0;}

/*clear*/
.clear{zoom:1;}
.clear:after{ clear:both; overflow:hidden;zoom:1; height:0px;  font-size:0; line-height:0;content:".";display:block;}
.clearfix{zoom:1}
.clearfix:after{ clear:both; overflow:hidden;zoom:1; height:0px;  font-size:0; line-height:0;content:".";display:block;}
.clearf{zoom:1}
.clearf:after{ clear:both; overflow:hidden;zoom:1; height:0px;  font-size:0; line-height:0;content:".";display:block;}


/*定位与浮动*/
.div-relative{position: relative;}
.relative{position:relative;}
.absolute{position:absolute;}

/*浮动*/
.fn-left{ float: left;}
.fn-center{float: left;}
.fn-right{float: right;}
.float-l{float: left;}
.float-c{float: center;}
.float-r{float: right;}


.hand-cursor{cursor: pointer;}
.none{ display:none}
.block{ display:block}
.inline-block{ display: inline-block;}

/*页面居中*/
.mg-center{margin: 0 auto;}/*居中*/
.span-line{margin-left: 10px; margin-right:10px; color: #cccccc;}

/*text align 字号 文字居中*/
.fn-text-left{ text-align: left;}
.fn-text-right{ text-align: right;}
.fn-text-center{ text-align: center;}

.v-baseline{vertical-align: baseline}

.fn-font-12{ font-size: 12px}
.fn-font-14{ font-size: 14px;}
.fn-font-16{ font-size: 16px;}
.fn-font-18{ font-size: 18px;}
.fn-font-20{ font-size: 20px;}
.fn-font-22{ font-size: 22px;}
.fn-font-24{ font-size: 24px;}
.fn-font-26{ font-size: 26px;}
.fn-font-28{ font-size: 28px;}
.fn-font-30{ font-size: 30px;}
.fn-font-36{ font-size: 36px;}
.fn-font-40{ font-size: 40px;}
.fn-font-42{font-size:42px;}
.fn-font-44{font-size:44px;}
.fn-font-46{font-size:46px;}
.fn-font-48{ font-size: 48px;}



.fn-font-bold{ font-weight: bold;}
.fn-font-nobold{ font-weight: normal;}
.fn-font-italic{font-style: italic;}
.fn-font-through{text-decoration:line-through;}

/*字体颜色*/
.fn-color-0{ color: #000}
.fn-color-3{ color: #333;}
.fn-color-6{ color: #666}
.fn-color-9{ color: #999}
.fn-color-c{ color: #ccc}
.fn-color-f{ color: #fff}

.fn-color-red{ color: #fd5c68}
.fn-color-yellow{ color: #f08d3c}
.fn-color-orange{ color: #ff6734}
.fn-color-green{ color: #18b51f}
.fn-color-blue{color: #0099ff}

/*现金宝，首页，专户里面出现的收益*/
.cash-red{ color: #fd5c68;}
.cash-green{ color: #3DC6A8;}

.f-red{ color: #fd5c68; }
.f-green{ color: #3DC6A8; }

/*默认字体链接*/
.link-blue,a.link-blue,.link-blue a{color: #2396dd} /*默认*/
.link-blue:hover,a.link-blue:hover,.link-blue a:hover{color: #4eabfb}/*经过*/
.link-blue:active,a.link-blue:active,.link-blue a:active{color: #0099ff; text-decoration: underline;}/*点击*/
.link-disabled,a.link-disabled,.link-disabled a{color: #999999;}
.link-disabled a:hover,a.link-disabled:hover{color: #999999;}

/*padding*/
.pd5{padding: 5px;}
.pd10{padding: 10px}
.pd20{padding: 20px;}
.pd25{padding: 25px;}
.pd30{padding: 30px;}
.pd40{padding: 40px;}

.p10-30{padding: 10px 30px;}
.p15-25{padding: 15px 25px;}
.p30-35{padding: 30px 35px;}
.pd0-40{padding:0 40px;}
.pd20-40{padding:20px 40px;}
.pd20-50{padding:20px 50px;}

.pd-l-5{padding-left: 5px}
.pd-r-5{padding-right: 5px}
.pd-t-5{padding-top: 5px}
.pd-b-5{padding-bottom: 5px}

.pd-l-10{padding-left: 10px}
.pd-r-10{padding-right: 10px}
.pd-t-10{padding-top: 10px}
.pd-b-10{padding-bottom: 10px}

.pd-l-15{padding-left: 15px}
.pd-r-15{padding-right: 15px}
.pd-t-15{padding-top: 15px}
.pd-b-15{padding-bottom: 15px}

.pd-l-20{padding-left: 20px}
.pd-r-20{padding-right: 20px}
.pd-t-20{padding-top: 20px}
.pd-b-20{padding-bottom: 20px}

.pd-l-25{padding-left: 25px}
.pd-r-25{padding-right: 25px}
.pd-t-25{padding-top: 25px}
.pd-b-25{padding-bottom: 25px}

.pd-l-30{padding-left: 30px}
.pd-r-30{padding-right: 30px}
.pd-t-30{padding-top: 30px}
.pd-b-30{padding-bottom: 30px}

.pd-l-40{padding-left: 40px}
.pd-r-40{padding-right: 40px}
.pd-t-40{padding-top: 40px}
.pd-b-40{padding-bottom: 40px}

.pd-l-50{padding-left: 50px}
.pd-r-50{padding-right: 50px}
.pd-t-50{padding-top: 50px}
.pd-b-50{padding-bottom: 50px}

/*margin*/
.mg-t-10-f{margin-top: -10px;}

.mg5{margin: 5px;}
.mg10{margin: 10px}
.mg15{margin: 15px}

.mg-l-2{margin-left: 2px}
.mg-l-5{margin-left: 5px}
.mg-r-5{margin-right: 5px}
.mg-t-5{margin-top: 5px}
.mg-b-5{margin-bottom: 5px}

.mg-t-8{margin-top: 8px}

.mg-l-10{margin-left: 10px}
.mg-r-10{margin-right: 10px}
.mg-t-10{margin-top: 10px}
.mg-b-10{margin-bottom: 10px}

.mg-l-15{margin-left: 15px}
.mg-r-15{margin-right: 15px}
.mg-t-15{margin-top: 15px}
.mg-b-15{margin-bottom: 15px}

.mg-l-20{margin-left: 20px}
.mg-r-20{margin-right: 20px}
.mg-t-20{margin-top: 20px}
.mg-b-20{margin-bottom: 20px}

.mg-l-25{margin-left: 25px}
.mg-r-25{margin-right: 25px}
.mg-t-25{margin-top: 25px}
.mg-b-25{margin-bottom: 25px}

.mg-l-30{margin-left: 30px}
.mg-r-30{margin-right: 30px}
.mg-t-30{margin-top: 30px}
.mg-b-30{margin-bottom: 30px}

.mg-l-35{margin-left: 35px}
.mg-r-35{margin-right: 35px}
.mg-t-35{margin-top: 35px}
.mg-b-35{margin-bottom: 35px}

.mg-l-40{margin-left: 40px}
.mg-r-40{margin-right: 40px}
.mg-t-40{margin-top: 40px}
.mg-b-40{margin-bottom: 40px}

.mg-l-50{margin-left: 50px;}
.mg-t-50{margin-top: 50px}
.mg-t-60{margin-top: 60px;}
.mg-l-60{margin-left: 60px;}
.mg-l-300{margin-left: 300px;}

/*width*/
.w25{width: 25px;}
.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w112{width: 112px;}
.w120{width: 120px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w180{width: 180px;}
.w200{width: 200px;}
.w236{width: 236px;}
.w250{width: 250px;}
.w280{width: 280px;}
.w290{width: 290px;}
.w300{width: 300px;}
.w320{width: 320px;}
.w330{width: 330px;}
.w340{width: 340px;}
.w350{width: 350px;}
.w360{width: 360px;}
.w372{width: 372px;}
.w400{width: 400px;}
.w428{width: 428px;}
.w430{width: 430px;}
.w450{width: 450px;}
.w587{width: 587px;}
.w750{width: 750px;}



.wb5{width: 5%}
.wb10{width: 10%}
.wb14{width: 14%}
.wb15{width: 15%}
.wb20{width: 20%}
.wb22{width: 22%}
.wb25{width: 25%}
.wb30{width: 30%}
.wb35{width: 35%}
.wb40{width: 40%}
.wb45{width: 45%}
.wb50{width: 50%}
.wb55{width: 55%}
.wb60{width: 60%}
.wb100{width:100%}

/*height*/
.h10{height: 10px;}
.h20{height: 20px;}
.h25{height: 25px;}
.h30{height: 30px;}
.h35{height: 35px;}
.h40{height: 40px;}
.h45{height: 45px;}
.h66{height: 66px;}
.h50{height: 50px;}
.h70{height: 70px;}
.h80{height: 80px;}
.h100{height:100px;}


.h200{height: 200px;}
.h250{height: 250px;}
.h300{height: 300px;}
.h350{height: 350px;}
.h400{height: 400px;}

/*行高*/
.lh20{line-height: 20px}
.lh23{line-height: 23px}
.lh25{line-height: 25px}
.lh28{line-height: 28px}
.lh30{line-height: 30px}
.lh35{line-height: 35px}
.lh36{line-height: 36px}
.lh38{line-height: 38px}
.lh40{line-height: 40px}
.lh45{line-height: 45px}

/*层级*/
.b2{ z-index: 55;}
.b3{ z-index: 56;}
.b4{ z-index: 57;}
.b5{ z-index: 58;}
.b6{ z-index: 59;}
.b7{ z-index: 65;}
.b8{ z-index: 66;}
.b9{ z-index: 67;}
.b10{ z-index: 68;}
.b11{ z-index: 69;}


/*背景色*/
.bg-color-gray{background: #f8f8f8;}
.bg-color-blue{background: #0a51a1;}
.bg-color-f6{background-color: #f6f6f6;}
.bg-color-white{background-color: #fff;}

.middle-line{position: relative;height: 4px;  }
.middle-line:after{width: 100%; padding:0 35px; background:#f5f5f5; height: 4px; bottom: 0; position: absolute;content:'';left:-35px;}

/*border*/
.border-gray{}
.border-gray-r{ border-right:1px solid #e6e6e6; }
.border-gray-t{border-top:1px solid #e6e6e6;}

.border-dashed-t{border-top:dashed 1px #dadada;}

.border-hr{border-bottom: 5px solid #f5f5f5; }/*分割线*/

.noborder{border: none;}

/*---圆弧*/
.br-1{border-radius: 1px;}
.br-2{border-radius: 2px;}
.br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.br-15{border-radius: 15px;}
.br-25{border-radius: 25px;}




/*通用位置*/
.position-re{position: relative;height: 40px; display: none;}
.position-title{position: relative;background-color: #f7f7fb;width: 100%;text-indent: 20px;margin: 10px 33px;line-height: 40px;top:0;left:-33px;}