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: #DB2027; 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-32{ font-size: 32px;}
.fn-font-34{ font-size: 34px;}
.fn-font-36{ font-size: 36px;}
.fn-font-38{ font-size: 38px;}
.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;}

/*行高*/
.lh15{line-height: 15px}
.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;}

/*button style*/
 .page-button{overflow: visible; cursor: pointer; text-decoration: none; vertical-align: middle; border-radius: 2px; border: none;}
 .page-button:hover{ opacity: 0.8;filter:alpha(opacity=80);}
a.page-button{display: inline-block; outline: none;}
a.page-button:hover{text-decoration: none;}

 .page-button-shadow{
  -webkit-box-shadow:0 0 10px 4px #ffd0d4;
  -moz-box-shadow:0 0 10px 4px #ffd0d4;
  box-shadow:0 0 10px 4px #ffd0d4;  }

 .page-button-big{ height: 42px; font-size: 16px; width: 200px; text-align: center} /*大按钮*/
a.page-button-big{ line-height: 42px;}
 .page-button-small{ height:38px; font-size: 14px; width: 174px; text-align: center} /*中按钮*/
 .page-button-small a{ height:38px; font-size: 14px; width: 174px; text-align: center}
a.page-button-small{ line-height: 38px;}
 .page-button-min{ height:32px; font-size: 14px; width: 72px; text-align: center} /*小按钮*/
a.page-button-min{ line-height: 32px;}

.page-disabled,a.page-disabled:hover,.page-disabled:hover{background: #98A2BD; color: #fff;cursor: not-allowed;}/*主色禁用按钮*/
.page-gray-disabled,a.page-gray-disabled:hover,.page-gray-disabled:hover{background: #F4F4F4; color: #fff;cursor: not-allowed;}/*灰色禁用按钮*/

.page-b-blue{ background: #2396dd; color: #fff;  }
.page-b-red{ background: #2396dd; color: #fff;  }
.page-b-blue:hover,.page-b-red:hover{color: #fff;}

.open-submit{width:174px;display: inline-block;background: #2396dd;border-radius: 2px;color: #fff;outline: none;border:0;line-height: 44px;height: 44px;font-size: 16px;text-align: center;cursor: pointer;
	-moz-box-shadow:0px 4px 5px #cce7f7; -webkit-box-shadow:0px 4px 5px #cce7f7; box-shadow:0px 4px 5px #cce7f7;-o-transition: .5s;transition: .5s;}
.open-submit:hover{outline: none; border:0; opacity: 0.8;filter:alpha(opacity=80); color:#fff;}
.open-submit.page-disabled{background: #98A2BD; color: #fff;}
.open-submit:focus{background: #2396dd;color: #fff;}
.open-submit2{ width:378px;   }

.open-reset{width:174px;  color: #038ae9; outline: none; border:0; line-height: 44px; font-size: 16px; background-color: #fff;}
.open-reset:hover{outline: none; border:0; }

.open-reset-other{width:221px; display: inline-block; background: #fff; border-radius: 30px; color: #2396dd;outline: none; border:1px solid #2396dd; line-height: 50px; height: 50px; font-size:20px; text-align: center; cursor: pointer;}
.open-reset-other:hover{outline: none; border:1px solid #2396dd; opacity: 0.8;filter:alpha(opacity=80); color:#2396dd;}

/*---图标*/
.sicon{background: url('../images/icon.png') no-repeat left top;}




/*input*/
.page-input{border:1px solid #cccccc; font-size: 16px; text-indent: 20px;}
.hs-ui-input{border:1px solid #d9d9d9; text-indent: 10px; line-height: 25px; height: 25px;}
.fund-type .hs-ui-input{ line-height: 34px; height: 34px; }
.hs-tong-input{border:1px solid #c0cad2; background-color: #fff; text-indent: 10px; *text-indent: 0; *padding-left: 20px; line-height: 43px; min-height: 25px; height: 43px; font-size: 14px;}
.hs-tong-input-big{border:1px solid #c0cad2; background-color: #fff;text-indent: 10px; *text-indent: 0; *padding-left: 10px; line-height: 34px; height: 34px; font-size: 14px;}
.tong-input-error{border:1px solid #ff9b0d; background-color: #fefbea;}
.i_w{border:1px solid #ff9b0d; background-color: #fefbea;}
.hs-tong-input.w360{width:376px; }
.hs-tong-input.w180{width: 236px;}

/*下拉单通用*/
.tong-select .chosen-container-single .chosen-single{border:1px solid #c0cad2; background-color: #fff; line-height: 43px; height: 43px; text-indent: 10px; font-size: 14px;}
.tong-select .chosen-container-active.chosen-with-drop .chosen-single div b {background-position: 4px 10px;}
.tong-select .chosen-container-single .chosen-single div b {background-position: 4px 10px;}
.tong-select .chosen-container .chosen-results li{padding-left: 18px;}
.tong-select .w360{width: 378px;}

.tong-select-small .chosen-container-single .chosen-single{border:1px solid #c0cad2;background-color: #fff;}
.tong-select-small .chosen-container-active.chosen-with-drop .chosen-single div b  {background-position: 4px 5px;}
.tong-select-small .chosen-container-single .chosen-single div b {background-position: 4px 5px;}

.tong-select-min .chosen-container-single .chosen-single{border:1px solid #D9D9D9;background-color: #fff;line-height: 25px; height: 25px; text-indent: 5px;}
.tong-select-min .chosen-container-active.chosen-with-drop .chosen-single div b {background-position: 4px 2px;}
.tong-select-min .chosen-container-single .chosen-single div b {background-position: 4px 2px;}
.tong-select-min .chosen-container .chosen-results li{padding-left: 12px;}





/*错误显示*/

.dateinput-icon2{ background: url("../images/dateinput-icon2.png") no-repeat 95% center; }


/*表格通用部分*/

/*风险标识*/
.risk-blue{border:1px solid #60b2fd; color: #60b2fd; padding:2px 10px;display: inline-block; }
.risk-red{border:1px solid #f52f3e; color: #f52f3e;padding:2px 10px;display: inline-block; }
.risk-red-min{border:1px solid #f52f3e; color: #f52f3e; line-height: 20px; padding:0 5px; margin-left: 8px; display: inline-block; }
.risk-type-blue{border:1px solid #60b2fd; color: #60b2fd; padding:2px 10px;display: inline-block; font-size: 14px; margin-left:10px ; }

/*没查询数据，与提示框*/
.no-data{background: url("../images/empty1.gif") no-repeat top center;margin-top:60px; padding-bottom: 60px; position: relative;}
.no-data-title{color:#91999d;font-size: 18px;text-align: center;width: 300px;margin: 0 auto;padding-top: 167px;margin-bottom: 15px;}
.no-data.empty2{background: url("../images/empty2.gif") no-repeat top center;}
.no-data .h100{height: 50px;}

.no-data .page-button{ background-color: #2396dd; height: 35px; line-height: 35px; padding:0 10px; border-radius: 30px; font-size: 18px; color: #fff; -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none; }



/*单选框与复选框*/




/*通用弹出框*/
.dialog-result{position: relative;}
.dialog-box{position: relative; padding:20px 0;}
.dialog-box-2{position: relative; margin:20px 10px 20px 40px; padding:20px 0;}
.dialog-box-3{position: relative; padding:30px;}
.dialog-height{max-height: 300px; overflow-y:auto; overflow-x: hidden;margin-top: 5px; }
.dialog-height-500{max-height: 500px; overflow-x: hidden; overflow-y:auto; }
.dialog-height-400{max-height: 400px; overflow-x: hidden; overflow-y:auto; }
.dialog-height-350{max-height: 350px; overflow-x: hidden; overflow-y:auto; }
.dialog-height-300{max-height: 300px; overflow-x: hidden; overflow-y:auto; }
.dialog-height-200{max-height: 200px; overflow-x: hidden; overflow-y:auto; }

.dialog-width-height{max-height: 300px;max-width: 780px; overflow-y:auto;margin-top: 5px;  margin:25px 20px;padding-top:0  }

.tip-content-p{text-align: center; font-size: 16px;}



.fixed-bottom-btns{ padding-bottom: 20px; padding-top: 10px; }
.fixed-bottom-btns .fixed-area{ text-align: center;  }
.fixed-area .wb50{width: auto;}
.fixed-area .wb100{width: auto;}

.fixed-top-line{ padding-bottom: 52px;}
.fixed-top-line .fixed-top-area{ position: absolute; top: 0px; left: 0px; width: 100%;background: #fff; color: #000; line-height: 48px; border-bottom: 2px solid #f8f8f8; }

.add-btn-cancel,.add-btn-sure,.add-btn-submit,.add-btn-other{font-size: 16px;border:1px solid #2396dd;border-radius: 2px;line-height: 40px;text-align: center;padding: 0 40px;display: inline-block;}
.add-btn-cancel{background-color: #fff; color: #2396dd;  }
.add-btn-sure{background-color: #2396dd;  color: #fff; margin-left: 20px; }
.add-btn-submit{background-color: #2396dd;  color: #fff; margin-left: 20px;}
.add-btn-other{background-color: #2396dd;  color: #fff; }
.add-btn-sure:hover,.add-btn-submit:hover,.add-btn-other:hover{color: #fff;opacity:0.8;}

/*所有统一的提示页面*/
.tong-btn-cancel,.tong-btn-sure,.tong-btn-submit,.tong-btn-other{border:none; font-size:16px; border:1px solid #2396dd; border-radius: 2px; line-height: 40px;text-align: center;padding: 0 40px;display: inline-block;}
.tong-btn-cancel{background-color: #fff; color: #2396dd; }
.tong-btn-sure{background-color: #2396dd;  color: #fff; margin-left: 50px; }
.tong-btn-submit{background-color: #2396dd;  color: #fff; margin-left: 50px;}
.tong-btn-other{background-color: #2396dd;  color: #fff; }
.tong-btn-sure:hover,.tong-btn-submit:hover,.tong-btn-other:hover{color: #fff;opacity:0.8;}




/*通用位置*/
.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;}
/*提示*/
.tip-tong{background-color: #fff8ec; padding:30px; color: #999; line-height: 22px;}
.tip-tong .tip-tong-title{color: #666; margin-bottom: 10px;}