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,main,section,time{ margin:0; padding:0}
input,select,label,img{ vertical-align:middle}
img{border:none}
s,u{text-decoration:none}
em,i{font-style:normal}
ul,li{ list-style:none}
table{ border-collapse:collapse;border-spacing:0}
span.clear{ display: block; clear: both; height: 0px; overflow: hidden;}
input::-ms-clear { display: none; }
.clear{zoom:1}
.clear:after{ clear:both; overflow:hidden;zoom:1; height:0px;  font-size:0; line-height:0;content:".";display:block;}
.clear-l{ clear: left;}
.none{ display:none}
.block{ display:block}
.fn-left{ float: left;}
.fn-right{float: right;}

a{ color:#D80C18;text-decoration:none}
a:hover{ text-decoration:underline}

body{font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif; font-size:14px;color:#333; line-height:normal;min-width: 1200px;overflow-x: hidden;}
button,select,input,textarea{font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif;}
input:focus,button:focus{ outline: none;}

.placeholder_wrap{ position: relative; display:inline-block}
.placeholder_tip{position:absolute; color:#c8c8c8; top:0px; left:0px; width:100%; height:100%; font-size:14px; overflow: hidden;}
.placeholder_tip em{ position: absolute; height:30px; line-height: 30px; top: 50%; margin-top: -15px; left: 10px;}
.placeholder_wrap_textarea .placeholder_tip em { top: 5px; left:5px; margin-top: 0px; height: auto; line-height: normal;}
.placeholder_wrap_left{ float: left;}
.placeholder_wrap_right{ float: right;}
.placeholder_wrap_none{ float: none;}

/*背景色*/
.page-bg-blue{background: #3e95ff; color: #fff;}
.page-bg-white{background: #fff; color: #333;}
.page-bg-grey{ background-color: #eff1f2;}

/*input style*/
.page-input{ border:1px solid #c0cad2; height: 36px; padding-left: 10px; line-height: 36px;}
.page-input-small{ height: 26px; line-height: 26px;}
.page-input-big{ height: 46px; font-size: 14px; line-height: 46px;}
.page-input-keyboard{ background: url(../images/keyboard-icon.gif) no-repeat 95% center; padding-right: 40px;}
.page-input-calendar{ background: url(../images/calendar.png) no-repeat 94% center; padding-right: 40px;}
#loginForm_id_no{width: 207px;border: none;height: 44px; *height: 42px;}

[a-role="select logintype"] .icon-select {position: absolute;right: 10px;top: 0px;}
.icon-select-list {background: url("../images/list.png") center no-repeat; width: 30px; height: 44px;}
.input-wrap-pw  .icon-select {display: inline-block;float: right;margin-top: 10px;margin-right: 9px;}
.input-wrap-pw .icon-pw {background: url(../images/keyboard-icon.gif) no-repeat 95% center; width: 30px; height: 22px;}


.input-wrap #loginForm_id_no{display:none;}
.input-wrap .label {width: 65%;display: block; height: 44px;line-height: 44px;top: 0;left: 0;font-size: 16px;color: #C7C7C7; padding-left: 60px; *padding-left: 10px;}
.input-wrap-focus .label{display: none;}
.input-wrap-focus #loginForm_id_no{display: block;}

.input-wrap-pw #loginForm_head_login_password{display:none;}
.input-wrap-pw .label {width: 208px;display:inline-block; height: 44px;line-height: 44px;top: 0;left: 0;font-size: 16px;color: #C7C7C7;padding-left: 10px;}
.input-wrap-focus #loginForm_head_login_password{display: block;}
.input-wrap-focus .label{display: none;}
 
.page-textarea{border:1px solid #c0cad2; min-height: 60px;padding-left: 10px; padding-top: 5px; resize: none; outline: none; overflow: auto;}


/*button style*/
.page-button{overflow: visible; height: 38px;  font-size: 14px; padding: 0 10px; cursor: pointer; text-decoration: none;}
.page-button-shadow{ box-shadow: 0 1px 3px rgba(0,0,0,0.3)}
.page-button-radius{ border-radius: 3px;}
a.page-button{line-height: 38px; display: inline-block; outline: none;}
a.page-button:hover{text-decoration: none;}
.page-button-big{ height: 48px; font-size: 18px; padding: 0 20px;}
a.page-button-big{ line-height: 48px;}
.page-button-small{ height:24px;padding: 0 10px; font-size: 12px;}
a.page-button-small{ line-height: 24px;}
.page-button-main{ background:#E9343D; border:1px solid #C72123; color: #fff;}
.page-button-red{ background: #ff665d; border:1px solid #f31211; color: #fff;}
.page-button-blue{ background: #E9343D; border:1px solid #C72123; color: #fff;}
.page-button-blue-wb{ background: #3b91fa; border:1px solid #b2d5ff; color: #fff;}
.page-button-gray{ background: #f4f7f9; border:1px solid #c0cad2; color: #666}
.page-button-gray2{ background: #edf0f2 -webkit-gradient(linear, left top, left bottom, from(#f4f7f9), to(#e8ebec)); border:1px solid #c0cad2; color: #666666;}
.page-button-orange{background: #fba552; color: #fff; border:#e19852 solid 1px;}
.page-button-white-orange{background: #fff; color: #fba552; border:#fff solid 1px;}

.page-button-disabled{ background: #f4f7f9;border:1px solid #c0cad2; color: #999; font-size: 14px; box-shadow: none;}


/*select*/
.page-select{  padding: 7px;}

/*icon style*/
.page-icon{ background: url(../images/icon.png) no-repeat -9999px -9999px;}
.page-icon-user,.page-icon-down,.page-icon-error{ width: 16px; height: 16px; display: inline-block; vertical-align: middle;}
.page-icon-user{ background-position: 0px 0px; margin-right: 5px;}
.page-icon-down{ background-position: -72px 0px; margin-left: 5px;}
.page-icon-error{ background-position: 0px -135px;}

/*text align*/
.fn-text-left{ text-align: left;}
.fn-text-right{ text-align: right;}
.fn-text-center{ text-align: center;}
.fn-font-16{ font-size: 16px}
.fn-font-12{ font-size: 12px}
.fn-font-14{ font-size: 14px;}
.fn-font-18{ font-size: 18px;}
.fn-font-20{ font-size: 20px;}
.fn-font-24{ font-size: 24px;}
.fn-font-28{ font-size: 28px;}
.fn-font-30{ font-size: 30px;}
.fn-font-34{ font-size: 34px;}
.fn-font-40{ font-size: 40px;}
.fn-font-52{ font-size: 52px;}
.fn-text-weak{opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.fn-font-bold{ font-weight: bold;}
.fn-font-nobold{ font-weight: normal;}

a.fn-color-gray,.fn-color-gray{ color: #999999}
.fn-color-6{ color: #666}
.fn-color-3{ color: #333;}
.fn-color-1{ color: #3c94ff}
.fn-color-orange{ color: #E9343D}
.fn-color-red{color: #ff0000;}
.fn-color-y{ color: #D6525A;}
.fn-color-green{ color: #6FD930;}
.fn-color-blue{color: #CB0000}
.color-1{ color: #ffaf66;}
.color-2{ color: #82e084;}
.color-3{ color: #fe8179;}

.bg-f4f7f9{ background: #f4f7f9;}

.hr-1{ height: 1px; width: 100%; display: block; background: #dfe4e8;}

.font-arial{ font-family: arial, "微软雅黑", "宋体", sans-serif}

/*padding*/
.pd5{padding: 5px;}
.pd10{padding: 10px}
.pd20{padding: 20px;}

.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-20{padding-left: 20px}
.pd-r-20{padding-right: 20px}
.pd-t-20{padding-top: 20px}
.pd-b-20{padding-bottom: 20px}

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

/*margin*/
.mg5{margin: 5px;}
.mg10{margin: 10px}
.mg-center{margin: 0 auto;}

.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-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-20{margin-left: 20px}
.mg-r-20{margin-right: 20px}
.mg-t-20{margin-top: 20px}
.mg-b-20{margin-bottom: 20px}

.mg-t-30{margin-top: 30px}
.mg-b-30{margin-bottom: 30px}

.mg-r-35{margin-right: 35px}
/*width*/
.w60{width: 60px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w310{width: 310px;}
.w377{width: 377px;}
.w386{width: 386px;}
.w780{width:780px;}
input.w160{width:148px;}
input.w300{width:288px;}
.wh300{width: 300px;}
/*height*/
.h80{height: 80px;}

/*border*/
.border-gray{border:#dcdfe0 solid 1px;}

/*header*/
.page-header-content,.page-footer-content,.page-top-bar-content,.page-open-container,.register-check-step ul,.page-wrap,.page-map-nav-content,.page-product-menu-content{ width: 1200px; margin: 0 auto}
.page-header{ height: 72px; background: #fff; border-bottom: 1px solid #e8eaec}
.page-header-left{ padding-top: 15px;}
.header-search{ position: relative;}
.page-header-middle{ position: relative; float: left; width: 450px; display: inline; margin-left: 250px; margin-top: 17px;}
.page-header-middle .header-search-list{ font-size: 14px; background-color: #fff; z-index: 10; position: absolute; border: 1px solid #3c94ff; top: 37px; width: 374px; line-height: 34px; display: none;}
.page-header-middle .header-search-list li{ padding-left: 10px; padding-right: 10px;}
.page-header-middle .header-search-list li:hover{ background-color: #ECECEC; overflow: hidden; cursor: pointer; }
.page-header-middle .header-search-list li.up-on{ background-color: #ECECEC; overflow: hidden; cursor: pointer; }
.page-header-middle .header-search-list .up-red{ color: #ff665d; }
.page-header-middle .header-search-list .up-code{ width: 60px; }
.page-header-middle .header-search-list .up-name{ width: 213px; margin-left: 10px;}
.page-header-middle .header-search-list .up-type{ width: 60px; margin-left: 10px;}
.header-search.up-grey .header-search-input{ border: 1px solid #ccc;}
.header-search-input{ border: 2px solid #D80C18; float: left; height: 34px; width: 340px; line-height: 34px; background: url(../images/search-icon.gif) no-repeat 10px center; padding-left: 33px}
.header-search-btn{ background: #D80C18;float: left; line-height: 38px; *line-height: 32px; color: #fff; width: 68px; font-size: 16px; text-align: center; border:none;}
.header-search-btn-icon{ background: url(../images/search-icon.gif) no-repeat 10px center; height: 34px; width: 40px; border: none; position: absolute; right: 0; cursor: pointer; }
.page-header-right{ font-size: 14px; padding-top: 25px;color: #666666;}
.page-header-right i{ margin: 0 10px; }
.page-header-right a{ color: #666}
.logo-link,.split-line,.logo-text{ float: left;}
.split-line{ height: 25px; width: 1px; overflow: hidden; background: #cccccc; margin: 0 15px; margin-top: 12px;}
.logo-text{ font-size: 18px; font-weight: normal; margin-top: 12px;}

/*top bar*/
.page-top-bar{ background: #da2128;padding: 8px 0;font-size: 12px; color: #fff;}
.page-top-bar-l{ float: left;}
.page-top-bar-l a{ color: #fff; margin: 0 5px;}
.page-top-bar-r{ float: right;}
.page-top-bar-r a{color: #fff}
.page-top-bar-r span.top-bar-line{  margin: 0 15px;}
.message-counts{ background: #ff665d; color: #fff; width: 16px; height: 16px; border-radius: 50%; display: inline-block; text-align: center; margin-left: 5px;}
/*.map-nav*/
.page-map-nav-content{padding: 15px 0;}

.page-simple-form-bg{ background: #eff1f2; padding: 65px 0}
.page-simple-form{ background: #fff; width: 880px; margin: 0 auto; padding-top: 1px;min-height: 540px}
.simple-form-title{ font-size: 20px; border-bottom: 1px solid #c6cbce; margin: 20px 40px 10px 40px; padding-bottom: 15px;}
.auto-center-form .simple-form-content{padding-top: 20px;}

.page-form-table  table{ width: 100%}
.page-form-table  table th{ font-weight: normal; font-size: 16px;text-align: right; padding-right: 15px; width: 130px;}
.page-form-table  table td{padding: 8px 0;}
.page-form-table .submit-tr th,.page-form-table .submit-tr td{ padding-top: 30px;}

.page-form-table  table .v-top-tr th{ padding-top: 15px; vertical-align: top;}

.get-money-card,.fn-font-normal{ font-size: 14px;}
.bank-check-form  .page-form-table  table th{ width: 100px;}
.bank-check-form .page-tips{ margin-bottom: 15px;}
.page-form-table .with-page-tips-arrow{ height: 38px; line-height: 38px;}
.simple-form-table  table th{ font-weight: normal; font-size: 16px;text-align: right; padding-right: 15px; width:auto ;}

/*tips*/
.page-tips{ padding: 5px;zoom:1; font-size: 14px;}
.page-tips:after{clear:both; overflow:hidden;zoom:1; height:0px;  font-size:0; line-height:0;content:".";display:block;}
.page-tips-warning{ background: #ffe3e2; border:1px solid #ffb2ae; border-radius: 3px; color: #be3535}
.page-tips-warning .page-icon{ display: inline-block; width: 18px; height: 18px; background-position: 0px -52px; float: left; margin-right: 7px; margin-top: 2px;}

.page-tips-notice{ background: #fffcf3; color: #ab6900; border: 1px solid #eccd7f; border-radius: 3px; margin-bottom: 20px; line-height: 1.8}
.page-tips-absolute{ position: relative;}
.page-tips-absolute .page-tips{ position: absolute; left: 0px; top: 0px;}
/*dailog*/
.page-dailog{ border:5px solid #bdbdbd; background: #fff; display: none;}
.page-dailog-title{ position: relative; padding: 15px 15px 0 15px;}
.page-dailog-title h3{font-size: 16px; font-weight: normal;}
.page-dailog-title h2{font-size: 20px; font-weight: normal;}
.page-dailog-title .page-close-dailog{ background-position: 4px -96px; font-size: 0px; width: 20px;height: 20px; overflow: hidden; position: absolute;  right: 10px;
 top: 15px; line-height: 0px;}
.page-dailog-content{ padding: 15px; overflow: hidden;}






.page-open-bg,.page-body-bg{ background: #eff1f2; min-height: 400px;padding: 25px 0}
.page-body-bg.up-no-padding-top{ padding-top: 0;}
.page-open-container,.page-body-container{  background: #fff;}
.page-body-container-content{padding: 30px 50px;}

.register-result,.page-result{ padding: 40px 0px; margin: 0 60px; border-bottom: 1px solid #ddd}
.register-result-icon,.page-result-icon{ width: 55px; height: 55px; background: url(../images/success.png) no-repeat; float: left;}
.register-result-text,.page-result-text{ padding-left: 75px;}
.register-result-text-title,.page-result-text-title{ font-size: 20px; margin-bottom: 10px; padding-top: 2px;}
.register-result-text-tips,.page-result-text-tips{ color: #666666; line-height: 1.5; position: relative;}

.into-account{ font-size: 14px;}
.next-time{ position: absolute;right: 20px; bottom: 0px;}
.getcode{ height: 48px; width: 132px; padding: 0 10px; margin-left: -1px}
.checkcode-input{ width: 238px;}
.login-pass{ width: 329px;}
.complete-reg{ width: 381px;}
.phone-number{ color: #ff665d; font-size: 24px; font-weight: bold;}
.register-form .simple-form-content{ width: 80%; margin: 0 auto}
.register-form .simple-form-table table,.auto-center-form .simple-form-table table{ width: auto; margin: 0 auto}
.register-form  .page-tips{ width: 80%;margin: 0 auto}
.reg-next-button{ width: 320px}
.phone-number-input{ width: 308px;}
.change-phone-dailog{ width: 358px;}
.dailog-investment-style{ width: 1000px;}
.change-phone-form li{ margin-bottom: 20px;}
.has-register{color: #ff665d; margin-bottom: 10px;}
.has-register .page-icon-error{ margin-right: 7px;}




/*footer*/
.page-footer{padding-top: 40px;}
.footer-logo{ float: left; width: 200px; border-right: 1px solid #ddd; height: 140px;}
.footer-logo img{ margin-top: 42px; margin-left: 10px;}
.footer-info{ float: left; padding-left: 30px;}
.footer-info dl{ float: left; display: inline; margin-right: 90px}
.footer-info dl dt{ font-size: 18px; color: #000}
.footer-icon { background: url(../images/footer-icon.png) no-repeat;  display: inline-block; width: 56px; height: 56px; margin-right: 30px;}
.footer-icon-about{ background-position: 2px -5px}
.footer-icon-safe{ background-position:-292px -5px}
.footer-icon-help{ background-position: -554px -5px}
.footer-info dl dt em{ display: inline-block;vertical-align: middle;}
.footer-info dl a{ color: #666}
.footer-info dl dd{ padding-left: 88px; margin-bottom: 5px;}
.page-copy{text-align: center; clear: both; padding-top: 15px; padding-bottom: 15px;background: #D80C18; color: #F7F7F7;border-top: 2px solid #A01904;}
.page-copy span.footer-bar-line {color: #c0cad2;margin: 0 5px;}
.page-copy a{color: #fff;}



/*cardtip*/
.ui_cardTip_box{ position:absolute; border:1px solid #ddd; background:#ffffcd; display:none}
.ui_cardTip_box_content{ padding:6px; font-size:20px; color:#000; font-weight: bold; font-family:Arial, Helvetica, sans-serif}
.ui_cardTip_boxbankcard{ width: 280px;}


/*.register-left{ float: left; width: 1000px;}*/
.register-left{ float: left; width: 675px;padding-right: 30px;}
.pay-form .page-input{ width: 270px;}
.paltform-list li{ float: left; border:1px solid #c0cad2; text-align: center;padding: 5px 0; width: 110px; display: inline; margin-right: 15px; font-size: 0px; line-height: 0px; overflow:hidden;}
.paltform-list li.on{ border-color: #3c94ff}
.paltform-list input{ display: none;}
.channel-fv{ padding-right: 24px;}
.channel-fv-2{ padding-right: 120px;}
.register-right{ float: right; width: 335px;background: url(../images/open-img_03.gif) repeat-y; padding-left: 40px; padding-bottom: 20px; padding-top: 20px; min-height: 300px;}
.no-bank-support{background: url(../images/open-img_07.gif) no-repeat right bottom; height: 395px;}
.bank-support-title{ font-size: 16px; margin-bottom: 10px;}
.bank-support-list{ margin: 20px 0}
.page-button-next,.page-button-alipay,.page-button-other{ width: 160px;}
.register-check-form,.name-auth-form{ margin: 0 50px; padding: 50px 0}
/*.page-form-table .reg-check-type th,.page-form-table .reg-check-type td{ padding-bottom: 30px;}*/
.page-form-table .reg-check-type th>div{ line-height: 70px; height: 237px;}
.pay-list li{float:left; width: 193px; margin-bottom: 20px; border:2px solid #c0cad2; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #333333; display: inline; margin-right: 15px;}
.pay-list li.on{ border-color: #D80C18; background: url(../images/select-icon.gif) no-repeat right bottom;}
.pay-list li input{ display: none;}
.pay-list li label{ display: block; cursor: pointer;}
.pay-method-bank img{ height: 30px; margin-right: 5px; }
.bank-icon{ background: url(../images/bank-icon.gif) no-repeat; width: 30px; height: 23px; display: inline-block; vertical-align: middle; margin-right: 15px;}
.pay-method-alipay label{ background: url(../images/alipay.gif) no-repeat center center; font-size: 0px; line-height: 0px; overflow: hidden; height: 50px;}

.register-check-step,.page-step{background: #3c94ff; }
.register-check-step ul,.page-step ul{ padding:30px 0 20px 0}
.register-check-step li,.page-step li{ float: left; width: 33.3%; position: relative; padding-top: 15px;}
.register-check-step  .check-step-bg,.page-step .check-step-bg{ background: #0072ff; height: 6px; overflow: hidden; margin-bottom: 20px;}
.register-check-step  .check-step-num,.page-step .check-step-num{ background: url(../images/step-icon.png) no-repeat; background-position: 0px -132px; width: 32px; height: 32px; line-height: 32px;  color: #fff; position: absolute; left: 50%; margin-left: -16px; text-align: center; top: 0px; font-size: 18px;}
.register-check-step .check-step-text,.page-step .check-step-text{text-align: center; color: #fff; font-size: 14px;}


.complete .check-step-bg{ background: #bad9ff;color: #3c94ff; }
.current .check-step-bg{ background: #ffffff;color: #3c94ff;}
.complete .check-step-num{ background-position: 0px 0px;color: #3c94ff;}
.current .check-step-num{ background-position: 0px -44px; color: #3c94ff}
.last-step .check-step-num{ background-position: 0px -88px; font-size: 0px; line-height: 0px; overflow: hidden;}


.page-step-4 ul li{ width: 33%;}

.page-channel-list{}
.page-channel-list li{ border:3px solid #c0cad2; padding: 10px 13px; margin-bottom: 20px;}
.page-channel-list li.on{ border-color: #3c94ff; background:#fff url(../images/select-icon.gif) no-repeat right bottom;}

.channel-type{ border-bottom: 1px dashed #ddd; padding-bottom: 10px; font-size: 16px; margin-bottom: 10px;}
.channel-desc{ color: #666666}
.channel-zk{ margin-bottom: 5px;}
.channel-sign{ display: inline-block; color: #fff; padding: 4px 8px; border-radius: 3px; margin-right: 6px;}
.channel-sign-qj{ background: #7bbd60}
.channel-sign-tl{ background: #f7bb22}
.channel-sign-wy{ background: #ff665d}

.page-tips-arrow{ position: relative; display: inline; margin-left: 15px; padding: 8px;}
.page-tips-arrow-icon{ width: 12px; height: 12px; overflow: hidden; position: absolute;left: -5px; top: 50%; margin-top: -5px;}
.page-tips-arrow-icon i,.page-tips-arrow-icon u{ display: inline-block; position: absolute;border-style: solid; top: 0px; border-width: 5px 5px 5px 0px; width: 0px; height: 0px; overflow:hidden;}
.page-tips-arrow-icon i{ border-color: transparent #ffe3e2 transparent transparent; left: 0px;z-index: 2 }
.page-tips-arrow-icon u{border-color: transparent #ffb2ae transparent transparent; left: -1px;z-index: 1}


.onError,.onShow,.onFocus,.onSuccess,.onCorrect{ line-height: normal; background: url(../images/v-icon.png) no-repeat -9999px -9999px; padding-left: 25px;}
.onError{ background-position: 0px 1px; color: #ff665d}
.onSuccess,.onCorrect{ background-position: 0px -87px;}
.onFocus,.onShow{background-position: 0px -138px; color: #999}


.mail_out_box{font:12px/20px Tahoma;}
.mail-item-box{border:1px solid #ccc; background:#fff; }
.mail-item{border-bottom:1px solid #eee; padding:5px 5px; cursor:pointer;}
.mail_list_box{}
.mail_focus_box{background:#ffffcc;}
.mail_mark_box{color:#c00;}




.channel-item-desc{ line-height: 1.8; margin-bottom: 15px;}
.desc-strong{ color: #ff665d}
.register-bank-not-support .page-form-table td{ font-size: 16px;}

.check-bank-dailog{ width: 500px;}
.check-bank-tips{ text-align: center; color: #999; font-size: 16px; margin: 20px 0 40px 0;}
.binding-title{ font-size: 20px; color: #3c94ff; text-align: center;}
.check-bank-action{ text-align: center;}
.check-bank-action .page-button{ width: 140px; margin: 0 10px}

.reset-phone{ width: 340px;}
.reset-checkcode{ width: 208px;}
.reset-button-next{ width: 200px;}
.reset-pass-input,.reset-pass-input2{ width: 300px;}

.bank-name{background: url(../images/v-icon.png) no-repeat 0 -87px; padding-left: 22px; margin-left:5px;}
.bank-not-support,.bank-crd-card{background: url(../images/v-icon.png) no-repeat 0 1px; color: #ff665d;padding-left: 25px; margin-top: 5px;}
.test-risk-level{ margin-left: 10px; display: inline; padding-top: 10px; color: #999}
.add-brokers{ border: 1px dotted #7f7f7f; padding: 10px; color: #2880eb; display: block; margin-top: 5px; width: 348px}
.add-brokers:hover{text-decoration: none; border-color: #2880eb}
.add-brokers em{ display: inline-block; border: 1px solid #2880eb; width: 19px; height: 19px; text-align: center; line-height: 19px; border-radius: 50%; margin-right: 8px;}
.auth-mail{ width: 358px;}
.pay-password,.confirm-pay-password { width: 318px;}
.card-year,.card-month,.card-date{ width: 102px;}
.complete-name-auth{ width: 216px; font-size: 16px;}
.certificate-validity-period .certificate-validity-perade{ width: 318px;}

.page-radio-list{ border: 1px solid #2880eb; background: #fff;zoom:1;}
.page-radio-list:after{ content: "."; overflow: hidden; display: block; clear: both; height: 0px;}
.page-radio-list li input{ display: none;}
.page-radio-list li{ border-left: 1px solid #2880eb;float: left; margin-left: -1px; position: relative;}
.page-radio-list li.on label{ background: #3c94ff; color: #fff;-webkit-transition: background .3s;
 -o-transition: background .3s;
 transition: background .3s;}
.page-radio-list li.on em{border-color: #fff; color: #fff;}
.page-radio-list li em{ position: absolute;right: 2px;top: 2px; border-radius: 50%; border: 1px solid #ddd; width: 16px; height: 16px; text-align: center; font-size: 12px;}
.page-radio-list li label{ height: 38px; line-height: 38px; text-align:  center; float: left; padding: 0 25px; color: #3c94ff}


.page-user-menu li{ float: left; font-size: 16px; display: inline;margin-left: 45px;}
.page-user-menu li a{ color: #333}
.page-user-menu li.on a{ color: #2880eb}

.user-center { padding-top: 30px;}
.user-top-info,.user-photo-header{background:#DB313B;border: 1px solid #C72123;}
.user-top-info{color: #fff; position: relative; padding: 29px 5px 29px 145px; margin-bottom: 20px;}
.user-photo{ position: absolute; left: 16px; width: 120px; top:-23px; text-align: center;  }
.user-photo-header{  height: 22px; border-bottom: none;}
.user-photo-content{ background: #fff url(../images/default-photo.gif) no-repeat center 15px; width: 106px; height: 106px; margin: 0 auto; margin-top: -16px; border-radius: 3px; overflow: hidden;}
.user-photo-content img{ width: 100%; height: 100%;}
.is-checked{ color: #fff; background: url(../images/ver-icon.png) no-repeat 0 -64px; padding-left: 22px; margin-left: 12px;}
.is-checked-true{ background-position: 0px 0px}
.small-split-line{ opacity: 0.3;filter:alpha(opacity=30);-moz-opacity:0.3; margin: 0 20px;}
.safe-level{display: inline-block; padding: 1px; vertical-align: middle;}
.safe-level .page-icon{ background-position: -72px -51px; width: 18px; height: 18px; display: inline-block; vertical-align: top; margin: 0 5px;}
.safe-level i{ display: inline-block; height: 18px; line-height: 18px; text-align: center; padding: 0 6px; background: #fff;vertical-align: top;}

.high-level{ background: #87c216;}
.high-level i{ color: #87c216}
.low-level { background: #ff8400}
.low-level i{ color: #ff8400;}

.a-color-yellow{ color: #ffebd7}
.a-with-arrow{ background: url(../images/arrow.gif) no-repeat right center; padding-right: 15px;}

.logined-info{ font-size: 12px; margin-top: 15px;}

.low-level-tips{background: url(../images/guide.png) no-repeat; width: 386px; height: 330px; display: none; position:absolute; left: 50%; margin-left: -198px; top: 273px; z-index: 10001}
.low-level-tips a{height: 48px; line-height: 0px; font-size: 0px; overflow: hidden;position: absolute;bottom: 65px; outline: none;}
.level-setting{ background: url(../images/set-btn.png) no-repeat; width: 179px;left: 64px;}
.level-close{ background: url(../images/close-tips.png) no-repeat; width: 66px; bottom: 0px; right: 53px;}

.page-mask{ background: #000;opacity: 0.5;filter:alpha(opacity=50);-moz-opacity:0.5; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 10000;display: none;}
.level-area{ position: absolute; border-radius: 3px; z-index: 10001; color: #fff; padding: 12px 7px; font-size: 12px;}

.index-account-info{ border: 1px solid #dcdfe1; background: #fff;}
.index-xjb{ float: left; width:60%; border-right: 1px solid #dcdfe1}
.index-lc{ float: left; width: 20%;border-right: 1px solid #dcdfe1}
.index-pay{ float: left; width: 19%;}
.has-question{ border-radius: 50%; border: 1px solid #dcdfe1; width: 20px; height: 20px; text-align: center; line-height: 20px; display: inline-block; color: #ccc; margin-left: 10px; }
.xjb-income{ font-size: 56px; text-align: center; color: #ff635a; font-family:Arial, Helvetica, sans-serif; }
.xjb-income-title,.total-money,.total-income{ padding: 30px;}
.total-income{background: #f4f7f9;padding: 20px 30px;}
.index-lc-items{ padding: 30px 20px 10px 20px;}
.index-lc-items dd{margin-bottom: 30px;}
.index-lc-items dd a{ display: block;zoom:1;}
.index-lc-items dd a:hover{text-decoration: none;}
.index-lc-items dd a:after{  display: block; clear: both; height: 0px;  clear: both; content: "."; overflow: hidden;}
.lc-percent{ width: 43px; height: 49px; text-align: center; line-height: 49px; background: url(../images/lc-percent.gif) no-repeat; float: left; font-size: 13px;}
.lc-percent span{  font-size: 14px;}
.lc-percent-1{ color: #ff722c; background-position: 0px 0px;}
.lc-percent-2{ color: #ff9933;background-position: 0px -83px;}
.lc-percent-3{ color: #ffbd4b;background-position: 0px -163px;}
.lc-item-info{ padding-left: 60px; color: #666; padding-top: 5px; line-height:1.5}

.index-pay-content{padding: 30px 20px;}
.pay-method-list{ margin-top: 10px;}
.pay-method-list dd{margin-bottom: 8px;}

.page-table-box{border: 1px solid #dcdfe1; background: #fff; margin: 20px 0;  padding-bottom: 20px;}
.page-table-title,.area-title{ padding: 15px 25px;zoom:1;}
.page-table-title:after,.area-title:after{display: block; clear: both; height: 0px;  clear: both; content: "."; overflow: hidden;}
.page-table-title h3,.area-title h3{ float: left; font-weight: normal; border-left:4px solid #E9343D; padding-left: 9px;}
.page-table-title span,.area-title span{ float: right;}

.page-data-table{ width: 100%;}
.page-data-table th{ height: 50px; text-align: center; color: #666; font-weight: normal;}
.page-data-table td{ text-align: center; height: 40px;padding-top: 3px; padding-bottom: 3px;}
.page-data-table .t02{background: #f5f5f5; }
.page-data-table .col-left{text-align: left; padding-left: 30px; padding-right: 10px;}
.page-data-table .col-right{text-align: right; padding-right: 10px;}
.page-data-table .col-center{text-align: center;}
.page-data-table-border th{ border-bottom: 1px solid #ddd}

.no-data-box{ background: url(../images/no-data-box.gif) no-repeat center top; padding-top: 110px; text-align: center; color: #999; font-size: 16px;}
.no-data-action{text-align: center; padding: 40px 0;}
.no-data-action .page-button{ width: 140px; font-size: 16px;}


.buy-item-title{ padding-bottom: 15px; border-bottom: 1px solid #ddd}
.buy-item-title h3{ font-size: 18px; font-weight: normal;}

.buy-label{ float: left; font-size: 16px; color: #666;padding-right: 15px;}
.pay-money{padding:25px 0;}
.buy-fund-money .page-input{ width: 250px;}
.pay-money .buy-label{padding-top: 6px;}
.select-fee{ float: left; }
.counter-fee-tips{ float: right; background: #fff6e2; padding: 10px; color: #fa7015; width: 400px; font-size: 12px; line-height: 1.5}
.counter-fee-option{padding-left: 20px;margin-top: 10px;}
.counter-fee{ padding: 26px 0; border-bottom: 1px dashed #ddd}
.counter-fee-item{ margin-bottom: 25px;}
.counter-fee-item *{ vertical-align: middle;}
.counter-fee-item i{ vertical-align: top}
.fee-sort{ background: #f4f7f9;padding: 20px;margin-bottom: 30px;}

.pay-select-list li{ border: 2px solid #c0cad2; position: relative; margin-bottom: 43px;-webkit-transition: all .3s;
 -o-transition: all .3s;
 transition: all .3s;zoom:1;
}
.pay-select-list li.active dd{display: block;}
.expand-list{ position: absolute; bottom: -29px; right: -2px; width: 140px; text-align: center;  border:2px solid #c0cad2; border-top:none; background: #fff; height: 27px; line-height: 27px;}
.pay-select-list li.active dt{border-bottom: 1px solid #c0cad2;}
.pay-select-list dt{ padding: 15px; position: relative; padding-right: 140px;}
.pay-select-list dd{display: none;}
.dd-item{padding: 15px 15px 0 15px; position: relative; padding-right: 140px;}
.dd-item-last .dd-top{ border: none;}
.dt-top,.dd-top{ border-bottom: 1px dotted #ccc; padding-bottom: 10px }
.dt-top,.dt-bottom,.dd-top,.dd-bottom{zoom:1;}
.dt-top:after,.dt-bottom:after,.dd-top:after,.dd-bottom:after{display: block; clear: both; height: 0px;  clear: both; content: "."; overflow: hidden;}
.dl-t-l{ float: left; width: 57%;}
.dl-t-r{ float: left; padding-top: 8px;}
.pay-action{ position:absolute; right: -100px; top: 50%; margin-top: -19px;}
.pay-action .page-button{ width: 90px; border-radius: 3px;}
.dt-bottom{ padding-top: 19px;position: relative}
.pay-item-text{ font-size: 16px; margin-bottom: 10px}
.pay-item-desc{ color: #666}
.pay-item-desc span{ margin-right: 20px;}
.dl-t-r i{ font-size: 20px; color: #f55535; margin-right: 10px;}
.lowest-fee{ color: #fa7015; background: #fff6e2; border: 1px solid #fcb78a; display: inline-block; padding: 5px 8px; margin-left: 5px; border-radius: 2px; }
.suggest-icon{ display: inline-block; width: 18px; height: 18px; background: url(../images/good.gif) no-repeat; margin-left: 10px; vertical-align: bottom;}
.expand-icon{border-style:solid;border-width: 6px 6px 0px 6px; border-color:#c0cad2  transparent transparent  transparent;display: inline-block; width: 0px; height: 0px; overflow: hidden; margin-left: 12px;}
.pay-select-list li.hover{border-color: #2880eb; cursor: pointer;}
.pay-select-list li.hover .expand-list{border-color: #2880eb;-webkit-transition: border-color .3s;
 -o-transition: border-color .3s;
 transition: border-color .3s;}
.pay-select-list li.active .expand-icon{  border-width: 0px 6px 6px 6px; border-color: transparent transparent  #c0cad2 transparent;  }
.pay-select-list li.pay-single-item {margin-bottom: 20px}
.pay-single-item dt{padding-top: 10px; padding-bottom: 10px;}
.pay-single-item .dt-top{ border: none; padding-bottom: 0}

.not-find-bank{ background: #f4f7f9; padding: 15px; width: 250px; text-align: center; margin: 0 auto}

.my-attention,.my-footprint{ background: url(../images/attention.gif) no-repeat left center; padding-left: 33px; display: inline-block; height: 26px; line-height: 26px;}
.my-footprint{ background-image:url(../images/footerprint.gif); margin-left: 18px;}

.fund-info{ background: #fff;}
.fund-base-info{ float: left; width: 780px; padding: 30px; position: relative;}
.favor{position: absolute; right: 0; top: 22px; width: 120px; height: 40px; line-height: 40px; cursor: pointer;}
.favor-icon{background:#ff665d url(../images/xin.png) no-repeat center center; width: 40px; height: 40px; float: left;}
.favor-num{text-align: center;width: 80px; height: 40px; color: #666; float: left; background-color: #f4f7f9;}
.fund-action{ float: right;}
.fund-info-text{ float: left; width: 550px; padding-left: 30px;}
.fund-title{ font-size: 20px; margin-bottom: 10px;}
.fund-type{ color: #ff8c86; margin-bottom: 20px;}
.fund-value{ display: inline; /*margin-left: 35px;*/ }
.value-and-income{margin-bottom: 50px;}
.fund-income{ font-size: 38px; color: #ff665d; font-weight: bold; }
.fund-income span{ font-size: 28px;}
.fund-value{ border-top: 1px dotted #7f7f7f;border-bottom: 1px dotted #7f7f7f; padding: 10px 0; }
.fund-new-value{ width: 90px; text-align: center; margin-right: 20px;}
.fund-total-value{  width: 90px; text-align: center; border-left: 1px dotted #7f7f7f; margin-right: 10px; }
.fund-new-value .value-up{}
.value-num{ font-size: 20px; color: #ff665d;}
.value-num.value-up{background: url(../images/up-arrow.gif) no-repeat right center;}
.value-num.value-down{background: url(../images/down-arrow.gif) no-repeat right center;}
.fund-get-back{ display: inline; margin-left: 65px;}
.risk-and-back{ line-height: 1.8}
.safe-and-bank{ border-top: 1px solid #dfe4e8; margin-top: 20px; padding-top: 20px; color: #666}
.safe-and-bank ul li{ float: left; background: url(../images/safe.gif) no-repeat;  display: inline; margin-right: 40px; padding: 3px 0;padding-left: 30px;}
.safe-and-bank ul{ margin-bottom:10px;}

.fund-action{ background: url(../images/fa-bg.gif) no-repeat; width: 350px; }
.fund-action-box{border-top: 4px solid #E9343D;  min-height: 300px;_height:300px; margin-left: 15px; padding: 26px 28px;}
.fund-buy-title{ font-size: 18px;}
.fund-action-box ul li{ margin-bottom: 10px;}
.fund-action-box ul li.fn-text-right{ margin-bottom: 20px;}

.money-reduce,.money-add{ border:1px solid #c0cad2; background: #f4f7f9; width: 39px; text-align: center; color: #000; height: 46px; font-size: 22px; line-height: 46px; cursor: pointer;}
.money-reduce{ margin-right: -1px;}
.money-add{ margin-left: -1px}
.money-reduce:hover,.money-add:hover{text-decoration: none;}
.fund-dt-box{ position: relative; top: 20px;}
.fund-buy-input{ width: 195px; text-align: center; font-size: 18px; padding-left: 0;}
.fund-buy-btn,.fund-dt-btn{ width: 278px}
.fund-dt-title,.fund-manager-product dt{ position: relative; border-bottom: 1px solid #dfe4e8; height: 20px; margin-bottom:20px}
.fund-dt-title span,.fund-manager-product dt span{ position: absolute; width: 100px; text-align: center; left: 50%; margin-left: -50px; background: #fff; top:9px;}
.fund-info-data { margin-top: 23px;}
.fund-info-graph,.fund-manager{ background: #fff}
.fund-info-graph{ width: 840px; float: left;}
.fund-manager{ float: right; width: 335px;}
.fund-manager-title{height: 62px; border-bottom: 1px solid #dfe4e8; font-size: 18px; line-height: 62px; padding-left: 22px;}
.fund-manger-pic{ width: 62px; height: 62px; border-radius: 50%; float: left }
.fund-manager-exp{ margin-left: 80px; overflow: hidden;zoom:1; line-height: 1.8}
.fund-maneger-info{padding: 20px;}
.fund-manager-product dt{margin-left:15px; margin-right: 15px;}
.fund-manager-product dd{ padding-bottom: 10px; border-bottom: 1px solid #dfe4e8; padding-top: 15px; margin: 0 20px;}
.fund-manager-product dd.up-last{ border-bottom: none;}
.ui-data_list{}
.ui-data_list  li{ padding-left:16px; height:45px; line-height:45px; border-bottom:1px dashed #ddd}
.ui-data_list  li .s_r{ float:right;color: #666}

.page_style{ text-align:right; margin:15px auto; font-size: 12px;}
.p_disabled{ display:none}
.page_abled,.p_current{color: #E9343D;
 height: 20px;
 line-height: 20px;
 text-align: center;  margin:0 2px; display:inline-block}
.p_current{padding: 0 5px; background: #E9343D; color: #fff; border: 1px solid;}

.page_abled a{ border: #ced4e1 1px solid; color: #333; padding:0 5px; text-decoration: none; display:inline-block;border-radius:1px;}
.page_abled a:hover{ border: #3e95ff 1px solid; text-decoration:none;}
.page_abled a:active{border: #3e95ff 1px solid;}

.fund-news-list li{ border-bottom: 1px solid #eceff1}
.fund-news-list li a{ color: #666}

.fund-tab-content{padding: 20px 20px 40px 20px;}
.fund-info-table{ width: 100%; margin-top: 50px;}
.fund-info-table th,.fund-info-table td{ border:1px solid #dfe4e8; height: 44px;}
.fund-info-table th{ color: #999; text-align: right;padding-right: 10px; font-weight:normal;}
.fund-info-table td{text-align: left; padding-left: 10px;}

.fund-type-circle{ float: left; border-radius: 50%; border:3px solid #D80C18; background: #D80C18; color: #fff; width: 113px; height: 113px;  text-align: center; overflow: hidden;}
.fund-for-person{ background: #FCF2F2; color: #D80C18; border-bottom:1px solid #FCF2F2; height: 56px; line-height: 60px;}
.fund-risk-type{ height: 56px; line-height: 50px; font-size: 22px;}
.quotes{   font-size: 60px;
 color: #999999;
 font-family: "Arial-BoldMT","Arial Bold","Arial";
 overflow: hidden;
 height: 30px;
 display: inline-block; margin: 0 10px;  vertical-align: bottom;}
.fund-simple-intro{ margin-left: 140px; overflow: hidden;zoom:1; padding-left: 50px; font-size: 16px; padding-top: 20px; color: #666;}
.fund-tab{padding: 0 30px}
.fund-tab-items{ border-bottom: 1px solid #dfe4e8; height: 57px; position: relative;}
.fund-tab-items ul{ position: absolute; left: 0px;top: -1px;}
.fund-tab-items ul li{ float: left; display: inline; padding:21px 10px 15px; margin-right: 20px;}
.fund-tab-items ul li a{ color: #666; font-size: 16px;}
.fund-tab-items ul li.on{ border-bottom: 2px solid #E9343D}
.fund-tab-items ul li.on a{ color: #000;}
.fund-tab-content{ display: none; min-height: 300px;}
.current{ display: block;}
.header-search-input_tip_style em{ left: 35px;}


/*登录模块*/
.login-pannel{
 position: absolute;
 width: 810px;
 height: 380px;
 background: #b2b2b2;
 background: rgba(255,255,255,0.5);
 padding: 5px;
 z-index: 1001;
 display: none;
}
.login-pannel-box{
 background: #fff;
 height: 100%;
 position: relative;
 padding-left: 439px;
}
.login-pic{
 position: absolute;
 left: 0;
 top: 0;
 width: 439px;
 height: 380px;
}
.login-form{margin:20px 30px 30px 30px;}
.login-form li{margin:20px 0;}
.login-main .page-dailog-title{padding: 20px 30px 0 30px;}
.login-main .page-dailog-title .page-close-dailog{top: 24px; right: 18px;}
.login-form-input {position: relative; height: 48px; border:#c0cad2 solid 1px; padding-left: 54px;}
.login-form-input.active{border-color: #3c94ff;}
.login-form-ico{background:#eff1f2 url(../images/login-form-ico.png) no-repeat; width: 48px; height: 48px; position: absolute; left: 0; top: 0;}
.login-form-ico.phone{background-position: 0 0;}
.login-form-ico.password{background-position: 0 -48px;}
.login-form-input input{ margin-right: 48px; border:0; outline: 0; height: 48px;line-height: 48px\9; font-size: 16px;width: 200px;}
.login-notice-ico{width: 48px; height: 48px;position: absolute; right: 0; top: 0;}
.login-notice-ico.loading-ico{background: url(../images/loading.gif) no-repeat center center; display: none; }
.login-notice-ico.loading-ico.on{display: block;}
.login-notice-ico.keyboard-ico{background: url(../images/keyboard-icon.gif) no-repeat center center;}
.login-form .placeholder_tip em{left: 0; font-size: 16px;}

.login-from-opt{position: relative;}
.remember-psw{float: left;}
.fogot-psw{float: right; color: #999;}
.login-button{width: 100%; height: 42px; line-height: 42px;}
.login-onsubmit{border:#ccc solid 1px; background:#e5e5e5 url(../images/loading.gif) no-repeat 90px center; color: #999; font-size: 14px; height: 40px; line-height: 40px;text-align: center; display: none;}

/*开关样式*/
.switch-bar:after {
 content:"\200B";
 display:block;
 height:0;
 clear:both;
}
.switch-bar {
 *zoom:1;/*IE/7/6*/
 cursor: pointer;
}

.switch-btn,.switch-text{float: left; line-height: 22px;}
.switch-btn{width: 36px; height: 22px; position: relative; margin-right: 15px;}
.switch-btn-bg{ border-radius:8px; border:#c0cad2 solid 1px; width: 100%; height: 14px; position: absolute; left: 0; top: 4px; background-color: #f4f7f9; -webkit-transition: all 0.5s;transition: all 0.5s;}
.switch-btn-item{
 width: 18px;
 height: 18px;
 position: absolute;
 left: 0;
 top: 2px;
 -webkit-transition: all 0.5s;
 transition: all 0.5s;
 border-radius: 50%;
 background:#ddd;
 border:#c0cad2 solid 1px;
 background-image: -moz-linear-gradient( 90deg,#dcdfe1, #f3f6f8);
 background-image: -webkit-linear-gradient( 90deg,#dcdfe1, #f3f6f8);
 background-image: -ms-linear-gradient( 90deg, #dcdfe1, #f3f6f8);
 box-shadow: 0.5px 1px 1.2px 0px rgba(0, 0, 0, 0.3);
}
.switch-bar.on .switch-btn-bg{background-color: #37ac09; border-color: #30a203;}
.switch-bar.on .switch-btn-item{left: 20px; }


.login-form .switch-text{color: #999999;}


.name-edit{padding-right: 24px; background: url(../images/edit-icon.png) no-repeat right center; line-height: 16px;color: #333; font-size: 14px;}
.name-edit:hover{text-decoration: none;}
.td-name-edit{ position: relative;}
.td-name-edit .name-deit-block{ position: absolute; left: 98px; top: -8px; display: none;}
.name-deit-block{ width: 166px; border: 1px solid #ccc; background-color: #EFF1F2; border-radius: 2px; padding: 10px;}
.name-deit-block button{ width: 80px; background-color: #fff; color: #666; line-height: 26px; cursor: pointer; border: 1px solid #ccc; border-radius: 2px;}
.name-deit-block button:hover{}
.name-deit-block .up-btn-blue{ color: #fff; border-color: #3c94ff; background-color: #3c94ff;}
.name-deit-block .up-title{ color: #333; margin-bottom: 10px;}
.name-deit-block input{ height: 30px; line-height: 30px; width: 100%;}
.name-deit-block .up-btns{ margin-top: 10px;}

.edit-dot{display: block; padding: 6px 0; cursor: pointer;}
.edit-dot-list .edit-dot{ border: 1px solid #ccc; border-bottom-color: #fff; width: 40px; position: relative; z-index: 2; background-color: #fff;}
.edit-dot-list ul{ border: 1px solid #ccc; padding: 5px; width: 80px; text-align: center; background-color: #fff; margin-left: -50px; margin-top: -1px;}
.edit-dot-list ul li{ border-bottom: 1px solid #ccc; line-height: 30px;}
.edit-dot-list .up-last{ border-bottom: none;}
.square-dot{width: 4px; height: 4px; background: #3a90f8; margin: 4px auto;}

/*面包屑导航*/
.crumbs{background: url(../images/position.png) no-repeat left center; padding-left: 20px;}
.crumbs li{float: left;}
.crumbs em{margin: 0 5px;}

.fund-datail-box-top{border:#2473d3 solid 1px; border-bottom: 0; position: relative;}
.fund-datail-box-btm{border:#dcdfe0 solid 1px; border-top: 0;}
.fund-datail-total{width: 100%;}
.fund-datail-total .page-button-blue-wb{height: 40px; width: 90px; margin-right: 10px;}
.fund-datail-total .page-button-white-orange{height: 40px; width: 90px; margin-right: 10px;}
.fund-datail-total-opt{text-align: center;}
.fund-datail-more{margin:10px 0 22px 0;}
.fund-datail-more th,.fund-datail-more td{padding: 10px;}
.fund-datail-more th{color: #999; font-weight: normal; padding-left: 0;}
.fund-datail-more td{padding-right: 30px;}

.fund-datail-history{background: #fff; border:#dcdfe0 solid 1px; margin: 20px 0;}

.page-data-linetable{background: url(../images/table-hd-bg.gif) repeat-x;}
.page-data-linetable table{width: 96%; margin: 0 auto; margin-bottom: -1px;}
.page-data-linetable th{height: 52px; color: #727272; padding:0 15px;}
.page-data-linetable td{border-bottom: #dcdfe0 solid 1px; padding:20px 15px; text-align: center; }
.td-edit-dot{ position: relative;}
.td-edit-dot .edit-dot-list{ position: absolute; top: 25px; display: none;z-index: 3;}
.page-data-linetable .col-left{text-align: left;}
.page-data-linetable .col-center{text-align: center;}
.page-data-linetable .col-right{text-align: right;}

.page-table-notice{background: url(../images/gray-dot.gif) repeat-x left center; text-align: center; margin: 50px auto; width: 96%; }
.page-table-notice span{background: #fff; padding: 0 20px;}

.stop-pledge-box{
 width: 560px;
 height: 380px;
}
.stop-pledge-box-inner{
 text-align: center;
}
.stop-pledge-box-opt{margin: 20px 0;}
.stop-pledge-box .text-1{margin: 80px auto 20px auto;}
.stop-pledge-box .text-2{margin-bottom: 60px;}
.fund-datail-total-info{width: 100%;}

.fund-pledge-paused{height: 79px;line-height: 79px; display: none;}
.fund-pledge-paused span{margin-left: 15px; vertical-align: middle;}

.bought-share{ width: 160px; height: 160px;background: url(../images/bought-share-bg.png) no-repeat; display: none;}
.bought-share-top{color: #fff; height: 86px; text-align: center; padding-top: 24px;}
.bought-share-btm{padding-top: 5px; text-align: center;}
.bought-share-btm a{color: #3e95ff;}


/*弹出层通用样式*/
.layer-box{
 background: #b2b2b2;
 background: rgba(255,255,255,0.5);
 padding: 5px;
 z-index: 1001;
 display: none;
}
.layer-box-inner{
 background: #fff;
 height: 100%;
}



.edit-pledge-box{width:600px; height: 540px;}

.page-form dl{margin: 15px 0; position: relative; padding-left: 140px; min-height: 46px;}
.page-form dt{width: 120px; position: absolute; left: 0; height:46px; line-height: 46px; text-align: right; font-size: 16px;}
.page-form dd{}
.page-form .text-input{border:#c6c6c6 solid 1px; height: 44px; line-height: 44px; padding: 0 5px;}
.page-form-checkbox{line-height: 46px; cursor: pointer;}

.date-picker li{float: left; line-height: 46px;}
.date-picker .date-picker-input {height: 44px; line-height: 44px; width:150px; padding-left: 10px;}

.change-num {border:#c0cad2 solid 1px; width: 180px;}
.change-num li{float: left; height: 44px; line-height: 44px;}
.change-num-minus,.change-num-add{width: 30px; background: #f1f5f8; text-align: center; cursor: pointer;-moz-user-select:none;-o-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
.change-num-text input{border:0; outline: none; border-left:#c0cad2 solid 1px;border-right:#c0cad2 solid 1px; width:108px; height: 44px; line-height: 44px\9; vertical-align: top; padding:0 5px; text-align: center;  }
.stop-pledge-box-opt{margin: 20px 0;}
.stop-pledge-box .text-1{margin: 80px auto 20px auto;}
.stop-pledge-box .text-2{margin-bottom: 60px;}
.fund-datail-total-info{width: 100%;}



/*liqi 0820 fund-list*/
/*.map-nav*/
.page-map-nav-content{padding: 15px 0;}

/*.page-product-menu*/
.page-product-menu{ background-color: #D80C18;}
.page-product-menu-content { height: 40px;}
.page-product-menu-content li{float: left; width: 150px; position: relative;}
.page-product-menu-content a{ color: #fff; display: block; width: 100%; height: 100%; line-height: 40px; text-align: center;}
.page-product-menu-content a:hover{ background-color: #AD1703; text-decoration: none;}
.page-product-menu-content .on a{ background-color: #AD1703;}
.page-product-menu-content .bubble{ color: #fff; background-color: #FF665D; position: absolute; top: -9px; left: 90px; font-size: 12px; border-radius: 4px; padding: 2px 6px 2px;}
.page-product-menu-content .bubble:after{ content: ""; display: block; position: absolute; top: 20px; border: 5px solid #FF665D; border-bottom: none; border-left-color: transparent; border-right-color: transparent;}

.page-wrap-left{ width: 840px; float: left; }
.page-wrap-right{ width: 330px; float: right;}

/*产品列表的已筛选项*/
.select-map{ line-height: 27px; height: 27px; margin-bottom: 15px; font-size: 12px; float: left;}
.select-map-title{ margin-right: 4px;}
.select-map-item{ border: 1px solid #ccc; padding: 2px 18px 2px 8px; margin-right: 4px; overflow: hidden; position: relative;}
.select-map-item i{ margin-left: 10px; font-size: 18px; cursor: pointer; position: absolute; right: 2px;}
.select-map-item:hover{ border-color: #FF665D;}
.select-map-item:hover i{ color: #FF665D; }

/*产品列表的筛选组*/
.select-group{ background-color: #fff; overflow: hidden; padding: 20px 30px; margin-bottom: 25px;}
.select-group-row{ clear: left; overflow: hidden; margin-bottom: 20px;}
.select-group-row>div{ float: left; width: 90px;    margin-top: 4px;}
.select-group-row>ul{ float: left; width: 708px; margin-bottom: -10px; *margin-bottom:0px; margin-top: 4px;}
.select-group-row li{ float: left; padding: 0 10px; margin-bottom: 10px; }
.select-group-row li.on{ }
.select-group-row li.on a{ border-radius: 2px; background-color: #E9343D; color: #fff;}
.select-group-row a{ padding: 2px 10px; display: block; color: #333; height: 100%;}
.select-group-row a:hover{ text-decoration: none;}
.select-group-row.last{ margin-bottom: -10px;}

/*产品列表 高级筛选*/
.select-slide{ color: #666; width: 72px; border: 1px solid #ccc; padding: 2px 2px 2px 6px; cursor: pointer; float: right;}
.select-slide .icon{ float: right; margin-top: 3px;}

.risk-results{  padding: 20px 30px; background-color: #FFF6E2; border: 1px solid #FBA30B; line-height: 30px; margin-bottom: 20px;}
.risk-results span{ color: #FA7822; font-size: 16px; font-weight: bold;}

.fund-list{ background-color: #fff;}
.fund-list .page_style{ margin-right: 16px;    padding-bottom: 10px;}
.fund-list-sort{ background-color: #F4F7F9; border-bottom: 1px solid #DFE4E8; height: 50px; padding-left: 30px;}
.fund-list-sort>li{ padding: 0 4px; margin-right: 30px; float: left; margin-top: 15px;}
.fund-list-sort>li>a{ color: #333;}
.fund-list-sort>li>a.color-1{ color: #FF665D;}
.fund-list-sort a:hover{ text-decoration: none;}
.fund-list-sort .icon{ float: right;}
.fund-list .fund-list-pos{ right: 30px;}

.fund-list-items{ background-color: #fff;}
.fund-list-item{ position: relative; padding: 20px 30px; border-bottom: 1px solid #c0cad2; height: 160px;}
.fund-list-item>h2{ margin-bottom: 10px; margin-top: 10px;}
.fund-list-item>h2>span{ margin-right: 10px;}

.fund-list-pos .heart{ float: right;}
.fund-list-pos .heart .on{ background-color: #f5f5f5;}
.fund-list-pos .heart .up-icon-heart{ background: url("../images/icon.png") no-repeat; background-position: 0 -179px;margin-top: 9px; margin-left: 10px; display: block; width: 23px;  height: 23px;}
.fund-list-pos .heart .on .up-icon-heart{ background-position: -72px -179px;}
.fund-list-pos .up-buy{ clear: right; float: right; margin-top: 60px;}
.fund-list-pos .up-buy input{ width: 200px; padding-left: 10px; display: block; float: left; border: 1px solid #ccc; height: 40px; line-height: 40px;}
.fund-list-pos .up-buy>div{float: left; width: 120px; height: 40px; line-height: 40px;text-align: center;}
.fund-list-pos .up-buy>a{float: left; width: 120px; height: 40px; line-height: 40px;text-align: center;text-decoration: none;}
.fund-list-pos .up-buy .up-btn-buy{ cursor: pointer; background-color: #FE665D; border: 1px solid #F31211; color: #fff;}
.fund-list-pos .up-buy .up-btn-stop{ background-color: #E3E3E3; border: 1px solid #D4D4D4; color: #fff;}

.fund-list-sign{ margin-bottom: 25px;}
.fund-list-sign>li{ float: left; margin-right: 10px; border: 1px solid #ffa943; color: #ffa943; font-size: 12px; line-height: 20px; padding: 0 8px;}

.fund-list-cols>li{ float: left;}
.fund-list-cols .up-height{ height: 35px;}
.fund-list-col-1{ width: 160px;}
.fund-list-col-2{ width: 107px; border-right: 1px dotted #ccc;}
.fund-list-col-2>div{ width: 81px; text-align: center; }
.fund-list-col-2 .icon{ float: right;    margin-top: 3px;}
.fund-list-col-3{ width: 148px; border-right: 1px dotted #ccc;}
.fund-list-col-3>div{ width: 81px; margin-left: 35px; text-align: center;}
.fund-list-col-3 .icon{ float: right;    margin-top: 3px;}
.fund-list-col-4 .up-height{ height: 40px;}
.fund-list-col-4>div{ margin-left: 35px;}

.fund-list-pos{ position: absolute; right: 0;top: 30px;}
.func-list-buy{ margin-top: 78px; height: 40px; background-color: #E9343D; border: 1px solid #F31211; display: block; line-height: 40px; color: #fff; text-align: center; width: 122px; *float: right; *margin-right: -122px; *width:122px;}
.func-list-buy:hover{ text-decoration: none;}
/*基金列表页的收藏*/
.heart{ height: 40px; background-color: #f5f5f5; width: 122px;}
.heart>a{ float: left; display: block; width: 40px; height: 100%;}
.heart .icon{ margin-top: 9px; margin-left: 10px;}
.heart>div{ line-height: 40px; text-align: center; font-size: 14px; color: #666; float: left; width: 80px; height: 100%; border-left: 1px solid #E9E9EA;}


/*销量排行*/
.sales-ranking h2{ font-size: 18px; margin-bottom: 18px;}
.sales-ranking-content{  background: #fff; padding: 10px; height: 320px;}
.sales-ranking-content table{ width: 100%;}
.sales-ranking-content th{ text-align: left; font-size: 14px; font-weight: normal; padding: 10px 0 20px; border-bottom: 1px solid #c0cad2;}
.sales-ranking-content th.col-1{width: 166px;}
.sales-ranking-content td{ height: 46px;}
.sales-ranking-content .up-col-1{ width: 40px; padding-left: 20px;}
.sales-ranking-content .top-three{}
.sales-ranking-content .top-three .num{ background-color: #E9343D; color: #fff; }
.sales-ranking-content .num{ width: 20px; height: 20px; margin-left: 20px; line-height: 20px; text-align: center; background-color: #E5E5E5;}
.sales-ranking-content .sum{ color: #E9343D;}

/*产品推荐*/
.product-recommend{ margin-top: 30px;}
.product-recommend h2{ font-size: 18px; margin-bottom: 18px;}
.product-recommend li{ margin-bottom: 20px;}

/*高端理财客户专享服务*/
.high-financial{ margin-bottom: 20px; height: 184px; padding: 20px 30px; background: #F5FAFF; border: 1px solid #3C94FF;}
.high-financial h2{ margin-bottom: 30px; font-weight: normal; font-size: 16px;}
.high-financial ul{ margin-left: 30px; color: #333;}
.high-financial li{ float: left; text-align: center; width: 180px;}
.high-financial-img{ margin-bottom: 20px; margin-left: auto; margin-right: auto; background: url("../images/high-financial.png") no-repeat; width: 82px; height: 82px;}
.high-financial-1 .high-financial-img{ background-position: 0 0;}
.high-financial-2 .high-financial-img{ background-position: -183px 0;}
.high-financial-3 .high-financial-img{ background-position: -366px 0;}
.high-financial-4 .high-financial-img{ background-position: -549px 0;}

/*图标*/
.icon{ background: url("../images/icon.png") no-repeat;display: block;}
.icon-sort-down{ background-position: -147px -179px; width: 12px; height: 19px;}
.icon-rise{ background-position: -5px -230px; width: 12px; height: 19px;}
.icon-fall{ background-position: -72px -230px; width: 12px; height: 19px;}
.icon-heart{ background-position: 0 -179px; width: 23px; height: 23px;}
.icon-heart-o{ background-position: -72px -179px; width: 23px; height: 23px;}
.icon-slide-down{ background-position: -74px 0; width: 12px; height: 12px;}
.icon-slide-up{ background-position: -137px 0; width: 12px; height: 12px;}
.icon-slide-down.style-blue{ background-position: -74px -110px;}
.icon-slide-up.style-blue{ background-position: -137px -110px;}
.icon-anchor{ background-position: -221px -232px; width: 20px; height: 20px;}
.icon-duigou{ background-position: 0px -289px; width: 30px; height: 30px;}
.icon-rmb{ background-position: -72px -289px; width: 30px; height: 30px;}
.icon-calculate{ background-position: -138px -289px; width: 30px; height: 30px;}
.icon-book{ background-position: -295px -289px; width: 30px; height: 30px;}
.icon-cha{ background-position: -216px -289px; width: 30px; height: 30px;}
.icon-chart{ background-position: -140px -225px; width: 26px; height: 26px;}
.icon-switch-on{ width: 39px; height: 20px; background-position: -7px -351px;}
.icon-switch-off{ width: 39px; height: 20px; background-position: -96px -351px;}
.icon-circle-right{ width: 20px; height: 20px; background-position: -219px -107px;}
.icon-circle-alarm{ width: 20px; height: 20px; background-position: -309px -107px;}
.icon-red-alarm{ width: 20px; height: 20px; background-position: 1px -133px;}
.icon-add{ background-position: -137px -55px; width: 14px; height: 12px;}
.icon-why{ background-position: -220px -51px; width: 16px; height: 18px;}
.icon-write{ background-position: -310px -51px; width: 21px; height: 19px;}
.icon-right{ background-position: -222px -177px; width: 16px; height: 20px;}
.icon-circle-alarm-empty{ background-position: 0 -52px; width: 17px; height: 17px;}
.icon-phone{ background-position: -225px -350px; width: 30px; height: 30px;}
.icon-password{ background-position: -317px -350px; width: 17px; height: 30px;}
.icon-magic-wand{ background-position: -224px -346px; width: 30px; height: 30px;}

.tip_icon{background:url(../images/tip_ioc.png) no-repeat;display:inline-block;*display:inline;_display:inline;_zoom:1;*zoom:1;}


[a-role="select"]{ cursor: pointer; position: relative;}
[a-role="select"] .a-trigger span{ float: none ;}
[a-role="select"] .icon{ position: absolute; right: 5px; top: 5px;}
[a-role="select"] ul{ position: absolute;top: 18px; left: 0; width: 100px; z-index: 10; border: 1px solid #eee;}
[a-role="select"] ul>li{ padding: 5px 10px 5px 10px; background-color: #fff;}
[a-role="select"] ul>li:hover{ background-color: #f3f3f3;}
[a-role="select"] .a-trigger{ overflow: hidden;}

[a-role="slide"]{ cursor: pointer; position: relative;}
[a-role="slide"] .a-trigger span{ float: none ;}
[a-role="slide"] .icon{ position: absolute; right: 5px; top: 5px;}
[a-role="slide"] ul{ position: absolute;top: 18px; left: 0; width: 100px; z-index: 10; border: 1px solid #eee;}
[a-role="slide"] ul>li{ padding: 5px 10px 5px 10px; background-color: #fff;}
[a-role="slide"] ul>li:hover{ background-color: #f3f3f3;}
[a-role="slide"] ul>li a{ color: inherit;}
[a-role="slide"] ul>li a:hover{ text-decoration: none;}
[a-role="slide"] .a-trigger{ overflow: hidden;}

[a-role="switch"]{ cursor: pointer;}


/*08-21 交易记录*/
.select-month { width: 100px; padding-left: 10px; float: left;}
.select-month .icon{ top: 7px;}
.select-month[a-role="select"] ul{ top: 20px;}

.laydate-block{ float: left; margin-left: 20px;}
.laydate-block>div{ float: left;}
.laydate-start{ width: 100px;}
.laydate-end{ width: 100px;}
.laydate-search-btn{ cursor: pointer; border: 1px solid #ccc; border-radius: 1px; width: 61px; line-height: 22px; text-align: center; margin-left: 20px;}

.page-table-box .page_style{ margin-right: 20px;}


/*0821 交易申请成功*/
.stamp{ display: table; background: url("../images/stamp-bac.png") no-repeat center; width: 132px; height: 132px;text-align: center;}
.stamp>div{ display: table-cell; vertical-align: middle; line-height: 26px; transform: rotate(-15deg);-ms-transform:rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); }
.trade-info-box{}
.trade-info-box-head{ background-color: #DB313B; color: #fff; line-height: 60px; padding: 10px 20px;}
.trade-info-box-head .share-text{ line-height: 48px; float: left; margin-right: 10px;}
.trade-info-box-body{ background-color: #fff; overflow: hidden; position: relative; min-height: 350px;}

.trade-info-box-body .profit-block{ margin-top: 20px; margin-right: 20px; margin-bottom: 20px;}
.trade-info-box-body .profit-tel{ position: absolute; right: 20px; bottom: 20px; }

.trade-step{ padding: 30px 40px; width: 800px; margin-bottom: 20px;}
.trade-step>li{ height: 90px;}
.trade-step-img{ position: relative; height: 100%; overflow: hidden; float: left; margin-right: 20px;}
.trade-step-img .icon{ border-radius: 50%; background-color: #ccc; margin-top: 29px; position: relative;}
.trade-step-img .pillar{ display: block; background-color: #ccc; height: 100px; width: 4px; position: absolute; left:13px;}
.trade-step-img.trade-step-img-blue .icon{ background-color:#E9343D; }
.trade-step-img.trade-step-img-blue .pillar{ background-color:#E9343D; }
.trade-step-text{ float: left; height: 100%; display: table;}
.trade-step-text>div{ display: table-cell; vertical-align: middle; line-height: 22px;}
.trade-step-text>div>span{ margin-right: 20px;}

.profit-block{ border: 1px solid #D6525A; padding: 20px; width: 210px; overflow: hidden;}
.profit-block .icon-chart{   margin-top: 17px; margin-left: 10px;}
.profit-block-row-1{  margin-bottom: 10px;}
.profit-block-row-2{  padding-bottom: 5px;}
.profit-block-row-3{  padding: 10px 0;  border-top: 1px dashed #333; border-bottom: 1px dashed #333;}
.profit-block-row-3 .icon{ margin-top: 2px; margin-left: 4px;}
.profit-block-row-3>div{ padding: 5px 24px;}
.profit-block-row-3>div>div.first-item{ line-height: 26px;}
.profit-block-row-3>div.first-item{ border-right: 1px dashed #333; }
.profit-block-row-4{ margin-top: 10px;}


.page-menu-body{height: 100%; background: #fff;border:#dcdfe1 solid 1px;}
.page-menu-left{
	width: 224px;
	background: #f5f5f5;
	float: left;
	position: relative;
}
.page-menu-right{
	width: 975px;
	float: left;
    border-left:#dcdfe1 solid 1px;padding-bottom: 50px;
}
.account-card{
	background: #D80C18;
	color: #fff;
	position: absolute;
	left: 0;
	width: 185px;
	height: 185px;
	padding: 20px;
	text-align: center;
}
.account-card .avatar{margin:  0 auto 10px auto;}

.avatar{
	background: #D6525A;
	border-radius: 4px;
	padding: 5px;
	overflow: hidden;
}
.avatar img{width: 100%;}
.account-card-name{font-size: 18px;}
.account-card-name .vip{padding-right: 20px; background: url(../images/vip-icon.png) no-repeat right center;}
.account-card-phone{margin: 10px 0; font-size: 12px;}
.account-card-logontime{margin-top:20px; font-size: 12px; color: #bedafd;}
.account-card-logonip{font-size: 12px; color: #bedafd;}

.account-manage-menu{margin-top: 225px;}
.account-manage-menu li a{padding: 20px; background: url(../images/arrow-right-gray.png) no-repeat right center;color: #333333; display: block; transition: all 0.5s;}
.account-manage-menu li a:hover{background-color: #e7ebed; text-decoration: none;}
.account-manage-menu li.on a{ color: #D80C18;background:#fff url(../images/arrow-right-blue.png) no-repeat right center; cursor: default;}

.account-profile .birthday{ width: 107px;}
.account-profile-tab{padding: 20px;}
.account-profile-tab .tab-menu {border-bottom: #f2f4f6 solid 4px;height: 44px; width: 100%;}
.account-profile-tab .tab-menu li{ float: left; padding: 10px 30px; font-size: 18px; cursor: pointer; margin-right: 20px;}
.account-profile-tab .tab-menu li.on{border-bottom: #E9343D solid 4px;}
.account-profile-tab .tab-item{display: none;}
.account-profile-tab .tab-item.on{display: block;}

.account-profile .page-form-table{margin: 20px 0;}
.account-profile .page-form-table th{width: 250px; color: #858585;}
.account-profile .page-form-table th,.account-profile .page-form-table td{padding: 10px ; font-size: 16px;}

.page-form-table .edit-item{display: none;}
.page-form-table.edit-mode .edit-item{display: block;}

.page-form-table .radio-label{display: inline-block; float: left; margin-right: 20px; height:24px; line-height: 24px; background: url(../images/radio.png) no-repeat left top; padding-left: 20px; cursor: pointer;}
.page-form-table .radio-label input[type=radio]{display: none;}
.page-form-table .radio-label.checked{background-position: left bottom;}




/*0825 账户安全*/
.table-list-loose table{ width: 100%;}
.table-list-loose tr{ height: 70px; border-bottom: 1px dashed #ccc;}

.account-safe-level{  padding: 40px;}
.account-safe-level-circle{ float: left; width: 180px; height: 180px; border: 2px solid #F9D2D2; background-color: #fff; border-radius: 50%;}
.account-safe-level-circle1{ width: 130px; height: 130px; border: 10px solid #F9D2D2; background-color: #E61818; border-radius: 50%; margin: 15px auto; font-size: 70px; line-height: 130px; color: #fff; text-align: center;}
.account-safe-level-text{ float: left; margin-left: 30px;}
.account-safe-level-text-row1{ font-size: 24px; margin-top: 40px; }
.account-safe-level-text-row1 span{ font-size: 40px; color:#E61818; margin-left: 10px;}
.account-safe-level-text-row2{ color: #ccc; margin-top: 20px;}

.account-safe-level1 .account-safe-level-circle{ border-color:#C0F1C1; }
.account-safe-level1 .account-safe-level-circle1{ border-color:#C0F1C1; background-color:#2FD133; }
.account-safe-level1 .account-safe-level-text-row1 span{ color: #2FD133;}
.account-safe-level2 .account-safe-level-circle{ border-color:#FFF0C4; }
.account-safe-level2 .account-safe-level-circle1{ border-color:#FFF0C4; background-color:#FFCC3B; }
.account-safe-level2 .account-safe-level-text-row1 span{ color: #FFCC3B;}
.account-safe-level3 .account-safe-level-circle{ border-color:#F9D2D2; }
.account-safe-level3 .account-safe-level-circle1{ border-color:#F9D2D2; background-color:#E61818; }
.account-safe-level3 .account-safe-level-text-row1 span{ color: #E61818;}

.account-safe-tab{padding: 20px;}
.account-safe-tab .tab-menu {border-bottom: #f2f4f6 solid 4px;height: 44px; width: 100%;}
.account-safe-tab .tab-menu li{ float: left; padding: 10px 30px; font-size: 18px; cursor: pointer; margin-right: 20px;}
.account-safe-tab .tab-menu li.on{border-bottom: #E9343D solid 4px;}
.account-safe-tab .tab-item{display: none;}
.account-safe-tab .tab-item.on{display: block;}
.account-safe-tab .table-list-loose{ margin-top: 20px; margin-bottom: 20px;}

.account-safe-td-status{ width: 300px;}
.account-safe-td-status .icon{margin-left: 30px; margin-right: 15px;}
.account-safe-td-text{width: 500px;}
.account-safe-td-switch{ width: 65px;}


/*0826 密码管理*/
.fn-relative{ position: relative;}
.page-button-padding{ padding: 0 30px;}

.password-manager-tab{padding: 20px;}
.password-manager-tab .tab-menu {border-bottom: #f2f4f6 solid 4px;height: 44px; width: 100%;}
.password-manager-tab .tab-menu li{ float: left; padding: 10px 30px; font-size: 18px; cursor: pointer; margin-right: 20px;}
.password-manager-tab .tab-menu li.on{border-bottom: #E9343D solid 4px;}
.password-manager-tab .tab-item{display: none; margin-top: 50px;}
.password-manager-tab .tab-item.on{display: block;}
.password-manager-tab .table-list-loose{ margin-top: 20px; margin-bottom: 20px;}
.password-manager-tab table th{ width: 168px;}

.close-pay-block{ position: absolute; top: -30px; left: 117px; background-color: #DBDBDB; padding: 30px;}
.close-pay-block input{ background-color: #fff; margin-bottom: 20px;}
.close-pay-block-angle{ position: absolute; left: -15px; border: 20px solid #DBDBDB; border-left: none; border-top-color: transparent; border-bottom-color: transparent;}
.close-pay-block-title{ margin-bottom: 20px;}
.close-pay-block-close{  position: absolute; right: 5px; top: 5px;}


/*0826 账户绑定*/
.account-title{ background-color: #f5f5f5; font-size: 14px; padding: 15px 0 15px 30px;}
.account-title-text{ margin-right: 20px; font-size: 16px;}

.account-card-add{ border: 1px solid #999; background-color: #fff; color: #999; padding: 0 8px; cursor: pointer;}
.account-card-add .icon{margin-top: 4px; margin-right: 4px;}

.bind-card-list{ padding: 35px 35px 20px 35px; min-height: 740px;}
.bind-card-tabs{}
.bind-card-tab{ position: relative; border: 3px solid #C0CAD2; border-radius: 4px; width: 236px; height: 140px; margin-bottom: 25px; cursor: pointer;}
.bind-card-tab.on{ border-color: #D6525A;}
.bind-card-tab.on .bind-card-tab-angle{ display: block;}
.bind-card-tab-row1{ background: 10px center no-repeat; width: 130px; height: 55px;}
.bind-card-tab-row2{ padding-left: 10px; margin-top: 5px; margin-bottom: 20px; font-size: 18px; }
.bind-card-tab-row3{ background: #F9F9F9 url("../images/kjzf.jpg") 10px center no-repeat; padding: 8px 0 8px 95px; color: #656565; border-top: 1px dashed #999;}
.bind-card-tab-row4{ padding: 8px 0 8px 10px; color: #656565; border-top: 1px dashed #999;}
.bind-card-tab-remark{ margin-top: 10px; margin-right: 10px;}
.bind-card-tab-remark div{ background-color: #9D876E; color: #fff; padding: 0 4px; font-size: 12px;}
.bind-card-tab-angle{ display: none; position: absolute; right: -44px; top: 47px; border: 20px solid #f5f5f5; border-left: none; border-top-color: transparent; border-bottom-color: transparent;}

.bind-card-tab-row1{ line-height: 55px;}
.bind-card-tab-row1 img{ height: 30px; margin-left: 10px; margin-top: -5px;}
.bind-card-tab-row1 span{ font-size: 16px;}

.bind-card-tab-zsyh .bind-card-tab-row1{ background-image: url("../images/zsyh.jpg"); }
.bind-card-tab-zfb .bind-card-tab-row1{ background-image: url("../images/zfb.jpg"); }
.bind-card-tab-nbyh .bind-card-tab-row1{ background-image: url("../images/nbyh.jpg"); }
.bind-card-tab-shyh .bind-card-tab-row1{ background-image: url("../images/shyh.jpg"); }

.bind-card-contents{ margin-right: 30px; background-color: #f5f5f5; color: #000; width: 540px; height: 620px; padding: 20px; margin-left: 40px; }
.bind-card-contents th{ color: #666; font-weight: normal; width: 95px; text-align: left; height: 30px;}
.bind-card-content-info,
.bind-card-content-bind{margin-bottom: 20px; border-bottom: 1px dashed #999; padding-bottom: 20px;}
.bind-card-content-title{ font-size: 16px; height: 30px; line-height: 30px; margin-bottom: 10px;}
.bind-card-content{ display: none;height: 100%; position: relative;}
.bind-card-content.on{ display: block;}
.bind-card-content table td span{ margin-right: 10px;}
.bind-card-content-money table td div{ width: 100px;}
.bind-card-content-tip{ position: absolute; bottom: 0; line-height: 20px;}
.bind-card-content-tip i{margin-right: 5px; margin-top: 2px;}

.bind-card-pot{ background: url("../images/double-pot.png") center repeat-x ; height: 4px; margin-bottom: 20px;}

.bind-card-agency{ margin-bottom: 40px;}
.bind-card-agency-title{ font-size: 16px; padding: 15px 0 15px 30px;}
.bind-card-agencies{ padding-left: 30px; padding-right: 30px; margin-top: 20px;}
.bind-card-agencies>img{ width: 100%;}

#closetradeacco{margin-left: 20px;}

/**
 * 对select框加以区分，用于取不同的值
 */
[a-role="select jytype"]{ cursor: pointer; position: relative;}
[a-role="select jytype"] .a-trigger span{ float: none ;}
[a-role="select jytype"] .icon{ position: absolute; right: 5px; top: 5px;}
[a-role="select jytype"] ul{ position: absolute;top: 18px; left: 0; width: 100px; z-index: 10; border: 1px solid #eee;}
[a-role="select jytype"] ul>li{ padding: 5px 10px 5px 10px; background-color: #fff;}
[a-role="select jytype"] ul>li:hover{ background-color: #f3f3f3;}
[a-role="select jytype"] .a-trigger{ overflow: hidden;}

[a-role="select jystate"]{ cursor: pointer; position: relative;}
[a-role="select jystate"] .a-trigger span{ float: none ;}
[a-role="select jystate"] .icon{ position: absolute; right: 5px; top: 5px;}
[a-role="select jystate"] ul{ position: absolute;top: 18px; left: 0; width: 100px; z-index: 10; border: 1px solid #eee;}
[a-role="select jystate"] ul>li{ padding: 5px 10px 5px 10px; background-color: #fff;}
[a-role="select jystate"] ul>li:hover{ background-color: #f3f3f3;}
[a-role="select jystate"] .a-trigger{ overflow: hidden;}

[a-role="select fundcode"]{ cursor: pointer; position: relative;}
[a-role="select fundcode"] .a-trigger span{ float: none ; line-height: 36px; padding-left: 10px;}
[a-role="select fundcode"] .icon{ position: absolute; right: 15px; top: 13px;}
[a-role="select fundcode"] ul{ position: absolute;top: 36px; left: 0; width: 400px; z-index: 10; border: 1px solid #eee; overflow: auto;max-height: 400px;}
[a-role="select fundcode"] ul>li{ padding: 5px 10px 5px 10px; background-color: #fff;}
[a-role="select fundcode"] ul>li:hover{ background-color: #f3f3f3;}
[a-role="select fundcode"] .a-trigger{ overflow: hidden;border: 1px solid #c0cad2; width: 380px; height: 36px;}

[a-role="select vendor"]{ cursor: pointer; position: relative;}
[a-role="select vendor"] .a-trigger span{ float: none ;line-height: 36px;padding-left: 10px;}
[a-role="select vendor"] .icon{ position: absolute; right: 15px; top: 13px;}
[a-role="select vendor"] ul{ position: absolute;top: 36px; left: 0; width: 400px; z-index: 10; border: 1px solid #eee; max-height: 400px; overflow: auto;}
[a-role="select vendor"] ul>li{ padding: 5px 10px 5px 10px; background-color: #fff;}
[a-role="select vendor"] ul>li:hover{ background-color: #f3f3f3;}
[a-role="select vendor"] .a-trigger{ overflow: hidden;}

[a-role="select bank"]{ cursor: pointer; position: relative;}
[a-role="select bank"] .a-trigger span{ float: none ;line-height: 36px;padding-left: 10px;}
[a-role="select bank"] .icon{ position: absolute; right: 15px; top: 13px;}
[a-role="select bank"] ul{ position: absolute;top: 36px; left: 0; width: 431px; z-index: 10; border: 1px solid #eee;}
[a-role="select bank"] ul>li{ padding: 5px 10px 5px 10px; background-color: #fff;}
[a-role="select bank"] ul>li:hover{ background-color: #f3f3f3;}
[a-role="select bank"] .a-trigger{ overflow: hidden;border: 1px solid #c0cad2; width: 380px; height: 36px;}

[a-role="select sharetype"]{ cursor: pointer; position: relative;}
[a-role="select sharetype"] .a-trigger span{ float: none ; line-height: 36px; padding-left: 10px;}
[a-role="select sharetype"] .icon{ position: absolute; right: 15px; top: 13px;}
[a-role="select sharetype"] ul{ position: absolute;top: 36px; left: 0; width: 400px; z-index: 10; border: 1px solid #eee;}
[a-role="select sharetype"] ul>li{ padding: 5px 10px 5px 10px; background-color: #fff;}
[a-role="select sharetype"] ul>li:hover{ background-color: #f3f3f3;}
[a-role="select sharetype"] .a-trigger{ overflow: hidden;border: 1px solid #c0cad2; width: 380px; height: 36px;}

[a-role="select taacco"]{ cursor: pointer; position: relative;width: 307px;}
[a-role="select taacco"] .a-trigger span{ float: left ;line-height: 36px;padding-left: 10px;}
[a-role="select taacco"] .a-trigger i{ float: left;margin-left: 100px;right: 15px;top: 13px;}
[a-role="select taacco"] .icon{ position: absolute; right: 5px; top: 5px;}
[a-role="select taacco"] ul{ position: absolute;top: 36px; left: 0; width: 300px; z-index: 10; border: 1px solid #eee;}
[a-role="select taacco"] ul>li{ padding: 5px 10px 5px 10px; background-color: #fff;}
[a-role="select taacco"] ul>li:hover{ background-color: #f3f3f3;}
[a-role="select taacco"] .a-trigger{ overflow: hidden;font-size: 16px;border: 1px solid #c0cad2; width: 300px; height: 36px;}
/**
 * 注册首页增加手机输入框样式
 */
.register-phoneinput{width: 370px;}


/* 0901 */
.icon-investment-style{ background: url("../images/icon-investment-style.png") center no-repeat; width: 270px; height: 240px}
.icon-investment-style-anquan{ background-position: -45px 0;}/*安全*/
.icon-investment-style-steady{ background-position: -45px 0;}/*稳健*/
.icon-investment-style-guard{ background-position: -45px 0;}/*保守*/
.icon-investment-style-enterprise{ background-position: -365px 0;}/*进取*/
.icon-investment-style-positive{ background-position: -693px 0;}/*积极*/


.investment-style{ height: 380px; width: 610px; position: relative; overflow: hidden;}
.investment-style-0,
.investment-style-1,
.investment-style-3,
.investment-style-4{ position: absolute; border: 3px solid #f1f1f1; width: 90px; height: 90px; border-radius: 90px; text-align: center; line-height: 90px; font-size: 18px; font-weight: bold; color: #d0d0d0;}
.investment-style-0{ top: 220px;}
.investment-style-1{ top: 100px;}
.investment-style-2{position: absolute; left: 130px; top: 10px;}
.investment-style-3{ top: 20px; left: 400px;}
.investment-style-4{ top: 120px; left: 500px;}
.investment-style-name{ width: 530px; margin-top: 264px; margin-bottom: 20px; text-align: center; font-size: 30px; color: #fa7822; font-weight: bold; }
.investment-style-explain{ width: 530px; margin-left: 20px; font-size: 16px; line-height: 24px; color: #666;}

.dailog-investment-style .investment-style{ margin-left: 190px;}
.dailog-investment-style-bottom{overflow: hidden; margin-top: 20px; margin-bottom: 20px;}
.dailog-investment-style-bottom>button{ width: 200px; margin-left: 370px;}
.dailog-investment-style-bottom>a{ display: block; margin-top: 10px; margin-left: 20px;}


.dailog-investment-test{ width: 1000px; position: relative;}
.dailog-investment-test .up-progress{ width: 100%; height: 20px; position: relative; margin-bottom: 30px; margin-top: 10px;}
.dailog-investment-test .up-progress .up-bar{ overflow: hidden; position: relative; height: 100%; background-color: #DADADA; border-radius: 10px; overflow: hidden;}
.dailog-investment-test .up-progress .up-bar .up-bar-grid{ margin-left: 10px; margin-right: 10px; height: 100%;}
.dailog-investment-test .up-progress .up-bar .up-bar-grid li{ border-right: 1px solid #bbb; height: 100%; float: left;}
.dailog-investment-test .up-progress .up-bar .up-bar-color{ position: absolute; top: 0; height: 100%; background-color: #3c94ff;}
.dailog-investment-test .up-progress .up-handle{ position: absolute; top: -5px; width: 60px;}
.dailog-investment-test .up-progress .up-handle .up-angle{width: 0; margin-left: 15px; border-top: 25px solid #FF6500; border-bottom: none; border-left: 15px solid transparent;  border-right: 15px solid transparent; }
.dailog-investment-test .up-progress .up-handle .up-text{ text-align: center;}
.dailog-investment-test .up-pages-content{height: 250px;}
.dailog-investment-test .up-page-content{}
.dailog-investment-test .up-question{ width: 48%;}
.dailog-investment-test .up-question-title{ font-size: 16px; font-weight: bold;}
.dailog-investment-test .up-question-option{ margin-top: 20px; font-size: 14px; color: #666;}
.dailog-investment-test .up-question-option li{ padding-left: 20px; border-radius: 100px; overflow: hidden;}
.dailog-investment-test .up-question-option li:hover{ background-color: rgba(60, 148, 255, 0.38);}
.dailog-investment-test .up-question-option label{ display: block; padding: 10px 0; cursor: pointer;}
.dailog-investment-test .up-question-option input{ margin-right: 10px;}
.dailog-investment-test .up-page-next{ cursor: pointer; position: absolute; right: -57px; top: 180px; font-size: 0; background: url("../images/page-next.png") center no-repeat; width: 30px; height: 52px;}
.dailog-investment-test .up-page-prev{ cursor: pointer; position: absolute; left: -57px; top: 180px; font-size: 0; background: url("../images/page-prev.png") center no-repeat; width: 30px; height: 52px;}

.dailog-investment-test-bottom .up-pagination{ font-size: 18px; color: #666; margin-top: 20px;}
.dailog-investment-test-bottom .up-page-now{ color: #3c94ff;}
.dailog-investment-test-bottom .up-sure{ width: 200px; margin-left: 370px;}


/*0902*/
.content-left{ background-color: #fff; width: 850px; float: left; border-right: 1px solid #eee; padding: 30px;}
.content-left-title{ font-size: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.fund-redeem-block table{ margin-top: 40px; margin-left: 80px;}
.fund-redeem-block th{ width: 100px; text-align: right; padding-right: 20px; font-size: 16px; font-weight: normal;}
.fund-redeem-block td{ padding: 10px 0; font-size: 16px;}

.fund-redeem-block .up-row-2 td>span{ line-height: 32px; margin-left: 20px;}
.fund-redeem-block .up-row-3 td>div{ width: 380px;}
.fund-redeem-block .up-row-4 input{ width: 370px; margin-right: 20px;}
.fund-redeem-block .up-row-5 td>div{ margin-bottom: -20px;}
.fund-redeem-block .up-row-5 .up-block{ cursor: pointer; text-align: center; float: left; margin-right: 20px; border: 3px solid #ccc; width: 230px; height: 70px; margin-bottom: 20px; }
.fund-redeem-block .up-row-5 .up-block.up-on{ border-color: #C72123; background: url("../images/select-icon.gif") right bottom no-repeat;}
.fund-redeem-block .up-row-5 .up-xjb>div{ text-align: left; margin-left: 60px; margin-top: 18px; padding-left: 60px; background: url("../../images/xjb.png") left center no-repeat; height: 36px; line-height: 36px;}
.fund-redeem-block .up-row-5 .up-zsyh{ margin-top: 5px; background: url("../../images/cmb2.gif") center no-repeat; height: 36px; line-height: 36px;}
.fund-redeem-block .up-row-6 button{ width: 130px;}
.fund-redeem-block .up-row-11 div{ font-size: 12px; width: 400px; line-height: 20px;}


.content-right{ float: left; background: #fff; width: 288px; padding-top: 20px;}
.normal-question{}
.normal-question-title{ margin-bottom: 10px; padding-left: 20px; padding-right: 20px;}
.normal-question-block{ line-height: 22px; margin-bottom: 40px; padding-left: 20px; padding-right: 20px;}
.normal-question-block-title{ margin-bottom: 5px;}

.page-fund-reddem{ background-color: #fff; }
.page-fund-reddem .content-left{ padding-bottom: 20px; }


.page-add-investment{}
.page-add-investment table{ margin-top: 40px; margin-left: 80px;}
.page-add-investment th{ width: 100px; text-align: right; padding-right: 20px; font-size: 16px; font-weight: normal;}
.page-add-investment td{ padding: 10px 0; font-size: 16px;}
.page-add-investment .up-row-1 input{ cursor: pointer;}
.page-add-investment .up-row-2 .fund-buy-input{ width: 112px;}
.page-add-investment .up-row-3 .fund-buy-input{ width: 112px;}
.page-add-investment .up-row-4 input{width: 421px;}
.page-add-investment .up-row-5{}
.page-add-investment .up-row-6 button{ width: 140px;}



/*0907 用户中心的撤销弹出框*/
.dialog-revoke{ position: absolute; top: 100px; left: 100px; background-color: #fff; width: 250px; height: 120px; border: 1px solid #ccc;
 -webkit-box-shadow: 0 0 2px #ddd;
 -moz-box-shadow: 0 0 2px #ddd;
 box-shadow: 0 0 2px #ddd;
}
.dialog-revoke-title{ padding: 30px 30px 20px;}
.dialog-revoke-sure.page-button,
.dialog-revoke-cancel.page-button{ height: 30px; line-height: 30px; width: 85px;}
.dialog-revoke-sure.page-button{ margin-left: 30px;}
.dialog-revoke-cancel.page-button{ margin-left: 20px;}



/*0908*/
.icon-circle-alarm-blue{ width: 20px; height: 20px; background-position: -309px -230px;}
input[disabled="disabled"]{ border-color:#C0CAD2; color: #999;}
.form-tip{ color: #666;}
.of-hidden{ overflow: hidden;}

.page-body{ background: #eff1f2; min-height: 400px;}
.page-wrap-min{ margin: 0 auto; width: 850px; margin-bottom: 25px;}
.page-wrap-content{ background-color: #fff; padding: 30px 50px;}
.page-wrap-content-title{ padding-bottom: 15px; border-bottom: 1px solid #ddd; line-height: 58px;}
.page-wrap-content-title h3{ font-size: 18px; font-weight: normal}
.page-wrap-content-body{ padding: 26px 0;}

.add-card-input{ width: 359px; padding-right: 10px;}
.add-card-table{ margin-top: 20px;}
.add-card-table table{ width: auto; margin-left: auto; margin-right: auto;}
.add-card-input-card { position: relative;}
.add-card-input-card.has-value input{ background-color: #FDFFD5;}
.add-card-input-card.has-value .bank-icon{ display: block; position: absolute; top:22px; left: 160px;}
.add-card-input-card .bank-icon{ display: none; background-image: none;}
.complete-add-card{ width: 381px;}

.tip-style-1{ border: 1px solid #d3dce5; background-color: #e5f4fe; line-height: 36px; padding-left: 20px;}
.tip-style-1 .icon{ float: left; margin-top: 7px; margin-right: 4px;}

.dialog-checkcode{ width: 560px; height: 355px; background-color: #fff; display: none;}
.dialog-checkcode .tip-style-1{ margin-top: 20px;}
.dialog-checkcode table{ margin-left: auto; margin-right: auto; margin-top: 20px;}
.dialog-checkcode th{ width: 90px; font-size: 16px; font-weight: normal;}
.dialog-checkcode .up-row-2{ height: 37px;}
.dialog-checkcode .up-row-2 .icon{ margin-top: 4px; margin-left: 10px;}
.dialog-checkcode .up-row-3{ height: 10px;}
.dialog-checkcode .up-row-3 .up-content{ position: relative;}
.dialog-checkcode .up-row-3 .up-angle{ position: absolute; top: -7px; left: 42px; background: url("../images/angle-up.png") no-repeat; width: 14px; height: 8px;}
.dialog-checkcode .up-row-3 ul{ padding: 15px 15px 15px 30px; border: 1px solid #ccc; background-color: #F4F7F9; color: #666;}
.dialog-checkcode .up-row-3 li{ padding: 3px 0;}
.dialog-checkcode .up-row-3 button{ color: #666; background-color: #f7f7f7; line-height: 26px; font-size: 14px; border: 1px solid #999; padding: 0 5px; cursor: pointer; margin-left: 20px; box-shadow: -2px 2px 2px #ddd;}
.dialog-checkcode .up-row-3 ul,
.dialog-checkcode .up-row-3 li{ list-style: disc; }
.dialog-checkcode .up-row-4{ height: 60px;}

.icon-status{ background: url("../images/icon-status.png") no-repeat;display: block; }
.icon-status-ok-big{ background-position: -14px -19px; width: 58px; height: 58px;}
.icon-status-ok{ background-position: -26px -139px; width: 33px; height: 33px;}
.icon-status-forbid{ background-position: -115px -139px; width: 33px; height: 33px;}

.page-add-bank-ok{ margin-top: 20px; margin-bottom: 20px;}
.page-add-bank-ok .page-wrap-content-title{ padding-left: 40px;}
.page-add-bank-ok .page-wrap-content-body{ padding-left: 50px; line-height: 33px; color: #333;}
.page-add-bank-ok .page-wrap-content-body .icon-status{ margin-right: 20px;}



/*0909*/
.mg-t-25{ margin-top: 25px;}
.mg-r-20{ margin-right: 20px;}

.fund-transform-table{ margin-top: 20px;}
.fund-transform-table table{ width: auto; margin-left: auto; margin-right: auto;}
.fund-transform-table .page-input{width: 340px; padding-right: 10px;}
.fund-transform-table .page-button{ width: 120px; font-size: 16px;}
.fund-transform-table .up-tr-1 .page-input{ width: 280px; background: url("../images/search-icon.gif") 270px center no-repeat;}
.fund-transform-table .up-btn-list{ cursor: pointer; border: 1px solid #c0cad2; border-left: none; width: 60px; background: url("../images/list.png") center no-repeat; height: 38px;}
/* .fund-transform-table .up-tr-3 .up-bank-icon{ background: url("../images/alipay.gif") center no-repeat; width: 100px; height: 36px;} */
.fund-transform-table .up-tr-3 .up-bank-icon .transimg{ width: 100px; height: 36px;}

.page-fund-transform-ok .page-wrap-content-title .icon-status{ margin-left: 124px;}
.page-fund-transform-ok .trade-step{ margin-left: 100px;}
.page-fund-transform-ok .up-btns{ margin-left: 155px;}



/*0909*/
.account-risk{}
.account-risk-result{ margin-bottom: 50px;}
.account-risk-result .up-title{ padding: 30px;}
.account-risk-result .up-content{ width: 610px; margin: 0 auto;}
.account-risk-pot{ background: url("../images/double-pot.png") center repeat-x ; height: 4px;}


.account-risk-favour{ margin-bottom: 40px;}
.account-risk-favour .up-title{ padding: 30px;}
.account-risk-favour .up-content{ padding: 0 30px; overflow: hidden;}
.account-risk-favour .product-block{ float: left; margin-right:15px;}
.account-risk-favour .product-block.up-last{ margin-right: 0;}
.product-block{ position: relative; width: 286px; height: 210px; border: 1px solid #ccc; text-align: center;}
.product-block.up-risk{ background: #E6F1FF url("../images/risk.png") left top no-repeat;}
.product-block.up-steady{ background: #FFEDE2 url("../images/steady.png") left top no-repeat;}
.product-block .up-holding{ background: url("../images/holding.png") no-repeat; overflow: hidden;}
.product-block .up-row-1{ font-size: 20px; margin: 25px 0 20px;}
.product-block .up-row-2{ margin-bottom: 10px;}
.product-block .up-row-3{ color: #fd4b1e; font-size: 30px; font-weight: bold; margin-bottom: 20px;}
.product-block .up-row-4{ padding: 14px 0; background-color: #fff; font-size: 16px; }
.product-block .up-heart{ position: absolute; right: 15px; top: 5px; background: url("../images/heart.png") top center no-repeat; width: 40px; height: 50px; display: table; }
.product-block .up-heart>span{ display: table-cell; vertical-align: bottom;}
.product-block .down-heart{ position: absolute; right: 15px; top: 5px; background: url("../images/heart1.png") top center no-repeat; width: 40px; height: 50px; display: table; }
.product-block .down-heart>span{ display: table-cell; vertical-align: bottom;}

.line-limit{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }

.product-block.up-steady0{ background: #FFEDE2 url("../images/steady.png") left top no-repeat;}
.product-block.up-steady1{ background: #E6F1FF url("../images/risk.png") left top no-repeat;}
.product-block.up-steady2{ background: #FFEDE2 url("../images/steady.png") left top no-repeat;margin-right: 0;}



/*0910*/
.page-login{ background-color: #3C94FF; height: 520px; position: relative;overflow: hidden}
.page-login .page-wrap{ position: absolute; top:0; width:1200px; left:50%; height: 100%; margin-left:-600px;  }
.page-login-form { background-color: #fff; width: 370px; min-height: 370px; margin-left: 800px; margin-top: 36px; padding-bottom: 20px; padding-top: 1px}
.page-login-form .up-form-wrap{ margin-top: 20px; margin-left: 30px; width: 310px; }
.page-login-form-title{ font-size: 20px; font-weight: bold; }
.page-login-form-subtitle{ margin-top: 10px;}
.page-login-form .up-row-0,
.page-login-form .up-row-1,
.page-login-form .up-row-2{ border: 1px solid #C0CAD2; margin-top: 15px;}
.page-login-form .up-row-0 .up-icon,
.page-login-form .up-row-1 .up-icon,
.page-login-form .up-row-2 .up-icon{ width: 50px; height: 44px; *height: 43px;}
.page-login-form .up-row-1 input,
.page-login-form .up-row-2 input{ height: 44px; border: none;}
.page-login-form .up-row-1 input{ width: 248px; }
.page-login-form .up-row-2 input{ width: 207px; }
.page-login-form .up-row-0 .up-icon{ background:  #EFF1F2 url("../images/login.png") center no-repeat;}

.page-login-form .up-row-1 .up-icon{ background:  #EFF1F2 url("../images/phone.png") center no-repeat;}

.page-login-form .up-row-2 .up-icon{ background: #EFF1F2  url("../images/clock.png") center no-repeat;}
.page-login-form .up-row-3{ margin-top: 15px; }

.page-login-form .up-row-4 button{ width: 100%;}
.page-login-form .up-link-register { margin-top: 15px;}

.page-login-form .up-form{padding-top: 10px;}
.page-login-form .up-row{ border:1px solid #cccccc;zoom:1; margin-bottom: 8px;}
.page-login-form .up-row:after{ content: "."; overflow: hidden;zoom:1; display: block; clear: both; height: 0px;}
.page-login-form .up-row .up-icon{ background:#eff1f2 url(../images/login-icons.png) no-repeat; width: 40px; height: 38px;}
.page-login-form .up-row .up-icon-1{ background-position: 9px -33px}
.page-login-form .up-row .up-icon-2{ background-position: 9px -82px}
.page-login-form .up-row .up-icon-3{ background-position: 9px -130px}
.page-login-form .up-row .up-icon-4{ background-position: 9px -177px}
.page-login-form .up-row .up-icon-5{ background-position: 12px -227px}


.page-login-form .up-row .page-input{ border:none; height: 38px; line-height: 38px;}

.login-account{ width: 250px;}
.login-password{ width: 217px;}
.login-checkcode{ width: 166px;}

.dailog-result{ width: 200px; height: 150px; background-color: #fff; display: none;}
.dailog-result .up-text{ text-align: center; font-size: 18px; height: 74px;}
.dailog-result .up-sure{ width: 100%;}

.simple-tip{ position: fixed; top: 0; left: 50%; width: 360px; margin-left: -150px; background-color: #3E95FF; text-align: center; font-size: 16px; color: #fff; line-height: 24px;    padding-top: 8px; padding-bottom: 12px;}
.simple-tip-success{ background-color: #E9343D;}
.simple-tip-fail{ background-color: #fd4b1e;}



.page-404{}
.page-404 .up-row-1{ background: url("../images/404.png") center no-repeat; height: 104px; margin-top: 70px;}
.page-404 .up-row-2{ font-size: 40px; text-align: center; margin-top: 40px; color: #666;}
.page-404 .up-row-3{ font-size: 20px; text-align: center; color: #999; margin-top: 20px;}
.page-404 .up-row-4{ text-align: center; margin-top: 20px; margin-bottom: 70px;}
.page-404 .up-row-4>div{ width: 400px; margin: 0 auto; overflow: hidden;}
.page-404 .up-row-4 button{ width: 180px; font-size: 16px;}






/*0918*/
.page-wrap-content-title.up-style-1{ background-color: #F4F7F9; padding-bottom: 0; padding-right: 20px; padding-left: 20px;}

.page-header-right .header-search-input{ padding-left: 10px; padding-right: 40px; width: 300px; background-image: none;}
.page-header-right .myfoot{width:324px;}
.page-my-footspets .page-wrap-content-title label{ margin-left: 20px;}
.page-my-footspets .page-wrap-content{ padding-left: 20px; padding-right: 20px;}
.page-my-footspets .up-time{ position: relative; line-height: 24px; font-size: 16px; margin-bottom: 20px;}
.page-my-footspets .up-time .up-text{ width: 100px; background-color: #fff;position: relative; z-index: 1; }
.page-my-footspets .up-time .up-line{ position: absolute; width: 100%; height: 1px; top: 10px; background-color: #ccc; }
.page-my-footspets .up-footspets-block{ margin-bottom: 30px;}
.page-my-footspets .product-block{ float: left; margin-right: 20px; margin-bottom: 20px; width: 268px;}

.page-my-footspets .up-login-block { line-height: 30px; margin-bottom: 50px;}
.page-my-footspets .up-login-block-wrap{ margin-top: 10px; border: 1px solid #FDAA3D; padding: 20px; background-color: #FFF6E2; overflow: hidden;}
.page-my-footspets .up-login-block-wrap .icon{ margin-right: 10px;}
.page-my-footspets .up-login-block-wrap .up-btn-register { margin-left: 10px; margin-right: 100px; width: 170px; height: 40px; line-height: 40px; color: #fff; background-color: #3E95FF; font-size: 16px; text-align: center;}
.page-my-footspets .up-login-block-wrap .up-input-text {margin-right: 20px; width: 250px; height: 36px; line-height: 36px; padding-left: 10px;}
.page-my-footspets .up-login-block-wrap .up-btn-login { width: 110px; height: 40px; border: none; line-height: 40px; color: #fff; background-color: #3E95FF; font-size: 16px; text-align: center;}




/*0928*/
.page-account-holding .up-table-holding .up-td-7 .up-btn-translate{ cursor: pointer; width: 100px; height: 30px; border: none; background-color: transparent;}
.page-account-holding .up-table-holding .up-td-7 .up-icon-tanslate{ background: url("../images/icon-translate.png") center no-repeat; width: 18px; height: 15px; float: right;}
.page-account-holding .up-table-holding .up-block-red{ width: 100px; line-height: 30px; color: #fff; background-color: #FF635A; margin: 0 auto;}
.page-account-holding .up-table-manage .up-td-7{ width: 100px; padding-left: 20px; padding-right: 20px;}

.page-account-holding .up-table-holding .up-zfb{ background: url("../images/zfb.jpg") center no-repeat; height: 45px; width: 96px;}
.page-account-holding .up-table-holding .up-zsyh{ background: url("../images/zsyh.jpg") center no-repeat; height: 45px; width: 96px;}

.dialog-simp{ position: absolute; top: 100px; left: 100px; background-color: #fff; width: 250px; border: 1px solid #ccc;
 -webkit-box-shadow: 0 0 2px #ddd;
 -moz-box-shadow: 0 0 2px #ddd;
 box-shadow: 0 0 2px #ddd;
}
.dialog-simp-title{ padding: 10px 30px 10px; text-align: center; font-size: 16px;}
.dialog-simp-body{ padding: 10px 20px; text-align: center; color: #666;}
.dialog-simp-btns{ padding: 20px 0;}
.dialog-simp-sure.page-button,
.dialog-simp-cancel.page-button{ height: 30px; line-height: 30px; width: 85px;}
.dialog-simp-sure.page-button{ margin-left: 30px;}
.dialog-simp-cancel.page-button{ margin-left: 20px;}
.loaddiv {height:100px;}
.loadimg{background: url("../images/loading3.gif") center no-repeat;height: 100px;}



.page-error .up-row-1{ background: url("../images/error.png") center no-repeat; height: 104px; margin-top: 70px;}
.page-error .up-row-2{ font-size: 40px; text-align: center; margin-top: 40px; color: #666;}
.page-error .up-row-3{ font-size: 20px; text-align: center; color: #999; margin-top: 20px;}
.page-error .up-row-4{ text-align: center; margin-top: 20px; margin-bottom: 70px;}
.page-error .up-row-4>div{ width: 400px; margin: 0 auto; overflow: hidden;}
.page-error .up-row-4 button{ width: 180px; font-size: 16px;}



.double-pot{ background: url("../images/double-pot.png") center repeat-x ; height: 4px;}

.page-my-attention .page-wrap-content{ padding:0 30px 30px; }
.page-my-attention .page-wrap-content-title{ padding-left: 30px; }
.page-my-attention .page-table-box{ border: none;}
.page-my-attention .fund-list-item{ padding-left: 0; padding-right: 0;}
.page-my-attention .product-blocks{ margin-top: 20px; overflow: hidden; margin-bottom: 40px;}
.page-my-attention .product-blocks .product-blocks-title{ font-size: 18px; margin: 20px 0; font-weight: bold;}
.page-my-attention .product-block{ float: left; width: 268px; margin-right: 15px;}


/*jf change*/
.account-jf-nav{background-color: #F4F7F9;
    font-size: 12px;
    padding: 10px 0 10px 30px; border-bottom: 1px solid #dfe4e8;}
.account-jf-nav span{ color: #999}
.select-group.no-margin-bottom{ margin-bottom: 0px; padding-bottom: 0px;}
.account-card-jf{    margin: 10px 0;
    font-size: 12px;}
 .jf-products li{ float: left; width: 222px; height: 375px; border:1px solid #dfe4e8; display: inline; margin-left: 8px; margin-bottom: 20px;}
  .jf-products li.on{ border-color: #ff675f;-webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;}
  .small-product-pics{padding: 8px;}
  .big-product-pic img{ width: 222px; min-height: 227px}
 .small-product-pics img{ width: 28px; height: 28px; border:1px solid #dfe4e8;}
  .small-product-pics img.on{border-color: #ff675f;-webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
 .jf-products{ }
 .jf-products-warp{padding: 30px 22px;}
.product-need-jf,.jf-product-name,.jf-actions{padding-left: 8px;margin-bottom: 8px;}

.jf-actions .page-button{ height: 28px; line-height: 28px; width: 77px; text-align: center; float:left; margin-right: 8px; font-size: 14px;}
.area-title{padding-top: 30px; padding-bottom: 30px;}
.area-content{padding: 0 25px;}

.addr-list li{ float: left; width: 250px; min-height: 110px; padding: 15px; border:4px solid #ccc; background: #fff; display: inline; margin-right: 15px;}
.addr-list li.on{     border-color: #3c94ff;
    background: url(../images/select-icon.gif) no-repeat right bottom;-webkit-transition:  border-color .3s;
  -o-transition:  border-color .3s;
  transition:  border-color .3s;}
.addr-list li.on .addr-action{ display: block;}
.addr-name{ border-bottom: 1px solid #dbdfe2; padding-bottom: 7px; margin-bottom: 7px;}
.addr-detail{ line-height: 1.5; margin-bottom: 15px;}
.addr-action{ display: none;}

.page-split-line{ background: url(../images/split-line.gif) repeat-x; height: 6px; overflow: hidden;}
.jf-table-img{ border:1px solid #ddd; width: 50px; height: 50px;}
.page-num-plugin { display: inline-block;}
.page-num-plugin .money-reduce,.page-num-plugin .money-add{ height: 28px; line-height: 28px; width: 28px;}
.page-num-plugin .page-input{ width: 58px; height: 28px; line-height: 28px; text-align: center; padding-left: 0px;}
.page-data-table-high td{ height: 80px;}

.jf-total-info{ background: #f4f7f9; border-top:1px solid #ddd; text-align: right;padding: 30px;position: relative;}
.jf-submit-button{font-size: 16px; padding: 0 30px;}
.addr-dailog{ width: 660px;}
.addr-dailog .page-dailog-title{border-bottom: 1px dashed #ddd; padding-bottom: 20px;}
.addr-dailog .page-input,.addr-dailog .page-textarea{ width:400px;}
.addr-dailog .page-button{padding: 0 40px; font-size: 16px; margin-right: 20px;}
.jf-gift-num,.jf-total-cost{display: inline-block; width: 80px;}


.jf-product-pic{ float: left; width: 362px;}
.jf-product-top{padding: 25px;}

.jf-product-info{ float: right; width: 520px;}
.jf-product-detail-title{ font-size: 18px;padding: 20px 0;}
.jf-product-detail-list li{ border-top:1px solid #f7f7f7;padding: 11px 0;font-size: 12px;}
.jf-product-detail-list li label{ display: inline-block; vertical-align: middle; width: 80px;  color: #959595}
.jf-product-detail-list .page-num-plugin{ vertical-align: middle;}
.jf-product-detail-list li.no-border{ border-top: none;}
.jf-product-detail-action{padding-top: 15px;}
.jf-product-detail-action .page-button{ width: 118px; text-align:center;}

.jf-product-second-title{ background: #f3f7f8; font-size: 16px; padding-left: 25px; height: 48px; line-height: 48px; border-bottom: 1px solid #cccccc}
.jf-product-detail-table{ width: 100%}
.jf-product-detail-table th,.jf-product-detail-table td{ border-bottom:1px solid #ddd;padding: 10px;}
.jf-product-detail-table th{ width: 140px; font-weight: normal; border-right: 1px solid #ddd}

.page-date-bar{padding: 20px 25px;}
.jf-change-history-table{padding: 0 25px;}
.clear-cart{text-align: left; position: absolute;     left: 30px;
    top: 30px;}


.page-login-form .up-row select{ width: 268px;}
.ui_select{ display:inline-block; vertical-align:middle}
.ui_select  span{ display:inline-block;}
.ui_select { position: relative; z-index:10}
.ui_select_active{ z-index:100}
.ui_select i,.ui_select em{ font-style:normal;white-space: nowrap;}
.ui_select  span.ui_select_options{ display:none; position:absolute}
.ui_select .ui_select_option{ white-space:nowrap; left:0; top:0;}


.ui_select{ width:50px; margin:0 auto; vertical-align:middle}
.ui_select .ui_select_current{display: block;height:38px; line-height:38px; background:#fff; overflow:hidden;text-overflow:ellipsis; padding-left:10px; padding-right:13px;}
.ui_select .ui_select_current em{ display:inline-block; position:absolute;width: 0px;

height: 0px;right:8px; top:50%;  overflow:hidden;
border:8px solid transparent; border-top-color: #ccc; margin-top: -4px;
}
.ui_select .ui_select_options{  width:100%;  background:#fff; }
.ui_select .ui_select_options dl{border:1px solid #ccc; display:block;box-shadow:0 0 2px #ccc;}
.ui_select .ui_select_option{ height:30px; line-height:30px; padding-left:10px; display:block;}
.ui_select_option_hover{ background:#f1f1f1; }
.ui_select_selected{ background:#2d8fe3; color:#fff;}

.ui_select_disabled .ui_select_current{ background:#f1f1f1; color:#ccc;}

.ui_select .ui_select_options_top dl{ border-bottom:none}
.ui_select .ui_select_options_bottom dl{}

.page-menu-body-gray{ background: none; border:none; }
.page-menu-body-gray .account-jf-content{padding: 20px;}
.jf-num-area ul{}
.jf-num-area ul li{ float: left; width: 226px; display: inline; margin-right: 10px;}
.jf-num-area ul li.used-jf{ margin-right: 0px;}
.num-area-title{ height: 50px; color: #fff;text-align: center; line-height: 50px;}
.num-area-value{ background: #fff; padding: 30px 0;text-align: center; font-size: 30px}
.num-area-value span{ font-size: 14px; margin-left: 5px;}

.use-full-jf .num-area-title{ background: #ff665e}
.use-full-jf .num-area-value{ color: #fd665d}
.use-full-jf .num-area-value span{ color: #666}

.total-jf .num-area-title{ background: #3e95ff}
.total-jf .num-area-value{ color: #3e95ff}
.total-jf .num-area-value span{ color: #666}

.timeout-jf .num-area-title{ background: #c9c7c8}
.timeout-jf .num-area-value{ color: #c9c7c8}
.timeout-jf .num-area-value span{ color: #c9c7c8}

.used-jf .num-area-title{ background: #999999}
.used-jf .num-area-value{ color: #999999}
.used-jf .num-area-value span{ color: #999999}

.jf-search-list{ background: #fff; margin-top: 20px; min-height: 400px;}
.r-l-sign{ display: inline-block; padding: 4px 10px; color: #fff; line-height: normal; background: #ccc; font-size: 16px;}
.r-l-sign.rised{ background: #ff635a}
.r-l-sign.low{ background: #6fd930}

.trust-trade-tab{ position: relative; border-bottom: 4px solid #f4f7f9; height: 58px;margin: 0 30px; margin-bottom: 20px;}
.trust-trade-tab ul{ position:absolute; left: 0px; top: 0px; height: 58px;}
.trust-trade-tab ul li{ float: left;}
.trust-trade-tab ul li a{ float: left;padding:0 20px; font-size: 16px; line-height: 58px; color: #666}
.trust-trade-tab ul li.on{ border-bottom: 4px solid #3c94fe}

.binded-cards,.trust-other-pay{margin-bottom: 40px; }
.binded-cards-title{ font-size: 16px; color: #666; margin-bottom: 15px}
.binded-cards ul li{ float: left; display: inline; position: relative;}
.binded-cards .card-num{ margin-top: 5px}
.binded-cards ul li .card-pay-type{ position: absolute; right: 10px; top:15px;}
.card-item-handler{border:2px solid #c0cad2; float: left; padding: 10px; margin-right: 20px; width: 230px;}

.card-item-handler.on{border-color: #3c94ff;
    background: #fff url(../images/select-icon.gif) no-repeat right bottom;}

.select-other-handler,.select-offline-handler{ width: 250px; text-align: center; padding: 20px 0; font-size: 16px;}

.card-pay-type{ display: inline-block;padding: 1px 3px; color: #fff; margin-left: 5px;}
.card-pay-type.kj{ background: #9d876e}
.card-pay-type.wy{ background: #d4ac7e}
.card-pay-type.yl{ background: #e78181}

.offline-person{ margin-left: 60px; background: url(../images/offline-person.png) no-repeat left  center; padding: 2px 30px;}
.trust-buy-next .page-button{ width: 98px;text-align: center; font-size: 16px;}

.trust-holding-line{ background: url(../images/trust-holding-line.png) no-repeat; position: absolute; height: 100%; width: 1px; overflow: hidden; top: 0px; right: 360px;}
.hetong-info li{ font-size: 16px; margin: 20px 0; text-align: left;}
.hetong-info{padding-left: 100px;}
.trust-person-info{ background: url(../images/info.png) no-repeat; width: 20px; height: 20px; display: inline-block; margin-left: 10px;}
.hetong-search{ background: url(../images/trust-pro-search.png) no-repeat; width: 22px; height: 22px; display: inline-block; margin-left: 10px;vertical-align: middle;}

.trust-tip-box{ border:1px solid #cdcdcd; border-radius: 5px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); position: absolute;display: none;min-width: 360px}
.trust-tip-box-arrow{ position: absolute; left: -10px; top: 20px;}
.trust-tip-box-arrow i,.trust-tip-box-arrow b{ position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 10px 0; top: 0px; left: 0px}
.trust-tip-box-arrow i{ z-index: 1; border-color: transparent #fff transparent transparent;}
.trust-tip-box-arrow b{border-color: transparent #cdcdcd transparent transparent; left: -1px;}
.person-info-list{padding: 20px 25px 20px 25px;}
.person-info-list dt{ font-size: 16px; color: #000;padding-bottom: 10px;}
.person-info-list dd{padding-top: 10px;}
.person-info-list dd label{ display: inline-block; width: 84px; color: #666}

.trust-tip-box-action{text-align: center; border-top: 1px solid #ddd;padding: 10px 0;}
.trust-tip-box-action .page-button{ height: 32px; line-height: 32px; border-radius: 3px; padding: 0 20px;}
.person-split-line{ height: 0px; overflow: hidden; border-top: 1px dashed #333; margin: 0 20px;}

.trust-value-chart{padding:0 30px; width: 570px;}
.trust-value-table{ border-left: 1px solid #ddd; min-height: 500px; padding-left:30px; width: 530px;}
.trust-value-title{ font-size: 16px;}
#value-chart{ height: 400px;}

.trust-xxpl ul li{padding-bottom: 10px ; color: #333}
.trust-xxpl ul li a{ color: #333}
.trust-xxpl ul li span{ float: right; color: #999;}
.trust-xxpl {padding: 0 30px;}


.trust-plan-info{ background: url("../images/icon-zqtz.png") left top no-repeat; float: left; width: 775px; padding: 40px 0 40px 75px; position: relative;}
.trust-plan-info .up-trust-name{ font-size: 18px; }
.trust-plan-info .up{color: #ff635a;}
.trust-plan-info .up-list-1{ clear: left; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #dfe4e8;}
.trust-plan-info .up-list-1>li{ float: left; width: 200px; height: 80px; margin-right: 70px;}
.trust-plan-info .up-list-1 .up-li-3{ margin-right: 0;}
.trust-plan-info .up-list-1 .up-li-1 .up-row-1{line-height: 60px; height: 60px; }
.trust-plan-info .up-list-1 .up-li-2 .up-row-1{line-height: 67px; height: 60px;}
.trust-plan-info .up-list-1 .up-li-1,
.trust-plan-info .up-list-1 .up-li-2{ position: relative;}
.trust-plan-info .up-list-1 .up-li-1 .up-border,
.trust-plan-info .up-list-1 .up-li-2 .up-border{ position: absolute; right: 0; top: 20px; height: 51px; border-right: 1px dotted #333;}

.trust-plan-info .up-list-2{clear: left; overflow: hidden; padding: 20px 0 0; }
.trust-plan-info .up-list-2>li{ float: left; width: 200px; margin-right: 70px;}
.trust-plan-info .up-list-2 .up-li-3{ margin-right: 0;}
.trust-plan-info .up-list-2 .up-split{ height: 15px;}

.trust-plan-action{ background: url(../images/fa-bg.gif) no-repeat; width: 350px; background-size: auto 100%; }
.trust-plan-action-box{ min-height: 263px; border-top: 4px solid #6dafff;_height:300px; margin-left: 11px; padding: 26px 28px 0;}
.trust-plan-action-box .up-split{ height: 20px;}
.trust-plan-action-box .page-input{ width: 266px;}



.trust-plan-info-2{ background: url("../images/icon-zqtz.png") left top no-repeat; float: left; width: 775px; padding: 40px 0 40px 75px; position: relative;}
.trust-plan-info-2 .up-trust-name{ font-size: 18px; }
.trust-plan-info-2 .up{color: #ff635a;}
.trust-plan-info-2 .up-list-1{ clear: left; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #dfe4e8;}
.trust-plan-info-2 .up-list-1>li{ float: left; width: 200px; height: 80px; }
.trust-plan-info-2 .up-list-1 .up-li-3{ margin-right: 0; width: 300px;}
.trust-plan-info-2 .up-list-1 .up-li-1 .up-row-1{line-height: 60px; height: 60px; }
.trust-plan-info-2 .up-list-1 .up-li-2 .up-row-1{line-height: 67px; height: 60px;}
.trust-plan-info-2 .up-list-1 .up-li-3 .up-row-1{line-height: 67px; height: 60px;}

.trust-plan-info-2 .up-list-2{clear: left; overflow: hidden; padding: 20px 0 0; }
.trust-plan-info-2 .up-list-2>li{ float: left; width: 200px; margin-right: 70px;}
.trust-plan-info-2 .up-list-2 .up-li-3{ margin-right: 0;}
.trust-plan-info-2 .up-list-2 .up-split{ height: 15px;}


.page-block-head{ padding: 10px 30px; font-size: 14px; color: #666; background: #f4f7f9; border-bottom: 1px solid #dfe4e8;}

.search-input-1{position: relative; overflow: hidden;}
div.search-input-1{ width: auto; margin-top: 0;}
.search-input-1 input{ float: left; height: 30px; line-height: 30px; padding-left: 10px; padding-right: 40px; width: 300px; background-image: none;}
.search-input-1 .up-icon{background: url(../images/search-icon.gif) no-repeat 10px center;  height: 34px;  width: 40px;  border: none;  position: absolute;  right: 0;  cursor: pointer;}




.page-subscription-list .up-col-1{ width: 290px;}
.page-subscription-list .up-col-2{ width: 125px;}
.page-subscription-list .up-col-3{ width: 160px;}
.page-subscription-list .up-col-4{ width: 285px;}
.page-subscription-list .up-col-5{ width: 190px;}

.page-subscription-list .up-sort-ul{ background-color: #F4F7F9; border-bottom: 1px solid #DFE4E8; height: 50px; padding-left: 30px;}
.page-subscription-list .up-sort-ul>li{ float: left; margin-top: 15px; position: relative;}
.page-subscription-list .up-sort-ul>li>a{ color: #333;}
.page-subscription-list .up-sort-ul .up-col-2{ text-align: center;}
.page-subscription-list .up-sort-ul .up-col-2 .icon{ position: absolute; top: 0; right: 9px; text-align: center;}
.page-subscription-list .up-sort-ul .up-col-3{ text-align: center;}
.page-subscription-list .up-sort-ul .up-col-3 .icon{ position: absolute; top: 0; right: 35px; text-align: center;}
.page-subscription-list .up-sort-ul .up-col-5{ text-align: center;}

.page-subscription-list .up-prod-list{ background: #fff;    padding-left: 30px;}
.page-subscription-list .up-prod-list tr{ border-bottom: 1px solid #e4e4e4; height: 90px;}
.page-subscription-list .up-prod-list .up-col-1{ padding-left: 30px; width: 290px; height: 40px;}
.page-subscription-list .up-prod-list .up-col-1.up-hot{background: url("../images/hot.png") left top no-repeat;}
.page-subscription-list .up-prod-list .up-col-2{ text-align: center;}
.page-subscription-list .up-prod-list .up-col-3{ text-align: center;}
.page-subscription-list .up-prod-list .up-col-5{ text-align: center;}
.page-subscription-list .up-prod-list .up-col-6>button{ text-align: center; background: #ff665d; color: #fff; border: none; font-size: 14px; width: 85px; height: 36px; cursor: pointer;}

.page-subscription-list .up-prod-list .up-tag{ float: left; padding: 0 4px; border: 1px solid; width: 66px; text-align: center;}
.page-subscription-list .up-prod-list .up-tag-color-zhyy{ border-color: #facd89; color: #facd89; }
.page-subscription-list .up-prod-list .up-tag-color-zqtz{ border-color: #ff9966; color: #ff9966; }
.page-subscription-list .up-prod-list .up-tag-color-qt{ border-color: #acd598; color: #acd598; }

.page-subscription-list .up-progress{ height: 9px; background: #ccc;}
.page-subscription-list .up-progress .up-bar{ height: 9px;}
.page-subscription-list .up-progress.up-style-1 .up-bar{ height: 9px; background: #ffaf66;}
.page-subscription-list .up-progress.up-style-2 .up-bar{ height: 9px; background: #82e084;}
.page-subscription-list .up-progress.up-style-3 .up-bar{ height: 9px; background: #fe8179;}

.page-subscription-list .up-square-list{ background: #fff; overflow: hidden; padding: 30px;}
.page-subscription-list .up-square-list>table{ width: 100%;}
.page-subscription-list .up-square-list .up-item{ width: 25%; border: 1px solid #ccc;}
.page-subscription-list .up-square-list .up-row-1{ font-family: "微软雅黑", arial, "宋体", sans-serif; font-size: 16px; color: #333; margin-top: 45px; text-align: center;}
.page-subscription-list .up-square-list .up-row-2{ margin-top: 30px;}
.page-subscription-list .up-square-list .up-row-2>div{ margin: 0 auto;}
.page-subscription-list .up-square-list .up-row-3{ width: 80%; margin: 10px auto; overflow: hidden;}
.page-subscription-list .up-square-list .up-row-3>table{ width: 100%; text-align: center;}
.page-subscription-list .up-square-list .up-row-3 .up-border{ border-right:  1px dashed #ccc;}
.page-subscription-list .up-square-list .up-row-4{ width: 80%; margin: 20px auto 10px;}
.page-subscription-list .up-square-list .up-row-4>button{ height: 47px; font-size: 18px; color: #fff; background: #ff665d; border: none; width: 100%;}

.subscription-square{ overflow: hidden;}
.subscription-square.up-zhyy{ background: url("../images/icon-zhyy.png") left top no-repeat;}
.subscription-square.up-zqtz{ background: url("../images/icon-zqtz.png") left top no-repeat;}
.subscription-square.up-qt{ background: url("../images/icon-qt.png") left top no-repeat;}

/*密码等级*/
.pass_rating{position:relative;padding:10px 0 5px 0;}
.pass_rating b{font-weight:normal;float:left;color:#fff;text-align:center;line-height:20px;height:20px;width:89px;margin-right:2px;background:#f89561;}
.pass_rating b.bqiang1{background:#e4e4e4;}
.pass_rating_h{padding: 10px 15px 0 0;}
.page-my-attention .product-block{ float: left; width: 268px; margin-right: 15px;}
.bank_logo{width: 4px;height:23px;float: left;padding-left: 20px; background: url("../images/bank/banklogo.png") no-repeat;}
.bank_logo_002{background-position:-4px -9px;}
.bank_logo_003{background-position:-29px -9px}
.bank_logo_004{background-position:-52px -8px}
.bank_logo_005{background-position:-82px -8px}
.bank_logo_006{background-position:-106px -9px}
.bank_logo_007{background-position:-135px -9px}
.bank_logo_009{background-position:-5px -38px}
.bank_logo_010{background-position:-29px -37px}
.bank_logo_011{background-position:-53px -39px}
.bank_logo_012{background-position:-81px -39px}
.bank_logo_013{background-position:1px 1px}
.bank_logo_014{background-position:-107px -36px}
.bank_logo_015{background-position:-135px -37px}
.bank_logo_016{background-position:-5px -67px}
.bank_logo_017{background-position:-105px -65px}
.bank_logo_907{background-position:-29px -67px}
.bank_logo_920{background-position:-55px -67px}


[a-role="select logintype"]{ cursor: pointer; position: relative;height:44px;}
[a-role="select logintype"] .a-trigger span{ float: none ;margin-left: 60px;}
[a-role="select logintype"] .icon{ position: absolute; right: 5px; top: 15px;}
[a-role="select logintype"] ul{ position: absolute;top: 40px; left: 0; width: 307px; z-index: 10; border: 1px solid #eee; overflow: auto;max-height: 400px;}
[a-role="select logintype"] ul>li{ padding: 5px 10px 5px 10px; background-color: #fff;    height: 38px;}
[a-role="select logintype"] ul>li:hover{ background-color: #f3f3f3;}
[a-role="select logintype"] .a-trigger{ overflow: hidden;padding-top:15px;}

/*基金详情*/
a.fund-buy-btn{width: 236px;text-align: center;}

.banner {
    min-width: 1000px;
    position: relative;
    height: 521px;
    overflow: hidden;
}

.page-login .bd{ position:relative; z-index:0;  }
.page-login.bd ul{ width:100% !important; }
.page-login .bd li{ width:100% !important;  height:521px; }
.page-login .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:521px;  }
.page-login .bd li a{ height:521px; display:block;  }
.page-login .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.page-login .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.page-login .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

.stfb .a-trigger{overflow: hidden;border: 1px solid #c0cad2; width: 380px; height: 36px;}
.ffiyhk .a-trigger{overflow: hidden;border: 1px solid #c0cad2; width: 431px; height: 36px;}
.ztgrtable .a-trigger{overflow: hidden;border: 1px solid #c0cad2; width: 400px; height: 36px;}
.ztgrtable [a-role="select bank"] ul{ position: absolute;top: 36px; left: 0; width: 400px; z-index: 10; border: 1px solid #eee;}

.input-wrap #authcode_pic_2,.input-wrap #img_authcode_2,.input-wrap #img_authcode_change_2{display: none;}
.input-wrap-focus #authcode_pic_2,.input-wrap-focus #img_authcode_2,.input-wrap-focus #img_authcode_change_2{display: inline;}
.page-login-form .up-row-2 .pic-icon {background: #EFF1F2 url("../images/calendar.png") center no-repeat;}

.page-login-form .up-row-2 .pic-icon{width: 50px;height: 44px;}

/*reviews 风险测试*/
.reviews dt{font-size:14px;padding: 15px 30px;}
.reviews dd{font-size:12px;padding: 0 0 5px 30px}
.reviews dd label{line-height:24px;overflow:hidden;zoom:1;}
.reviews dd label input{margin:0 5px 0 20px;}
.reviews h5{font-size:16px;padding:10px 30px 20px;}
.reviewsjs{line-height:24px;padding:20px;}
.reviewsjs ul{list-style:disc;}
.risklist .submit_div{ padding-left: 30px; }
.risklist .submit_div p{color:#ff0000;padding-bottom: 10px}
.risklist .tip_question{padding: 30px 30px 15px 30px;text-indent: 2em}
.risklist .tip_question p:first-child{margin-bottom: 5px}



/* 注册步骤 */

li.accountStepsLast
{
	width: 216px;
}
.accountSteps
{
	width: 100%;
	box-shadow: 0 2px 3px #bfbfc1;
	-moz-box-shadow: 0 2px 3px #bfbfc1;
	border-radius: 5px;
	border: 1px solid #e1e2e4\9;
	background-color: #fff;
	overflow: hidden;
}


.accountSteps li
{
	line-height: 50px;
	text-align: left;
	padding-left: 20px;
	width: 246px;
	float: left;
	margin-left: -1px;
	font-size: 16px;
	color: #9c9c9c;
	background-color: #fff;
}
li.bg_red
{
	background: #e93a3a url("../images/bg_red.jpg") no-repeat 239px 0px;
	color: #fff;
}

li.bg_fff
{
	background: #fff url("../images/bg_fff.jpg") no-repeat 239px 0px;
}

/*通用弹出框*/
.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;}

/*layer-table 弹框里的表格*/
.layer-table table th,.layer-table table td{background:#fff;font-size: 16px; }
.layer-table table tr:nth-child(odd){ background-color: #F6F6F6; }
.layer-table th{text-align: right;vertical-align: top;padding:0 10px 18px 10px;line-height:35px;}
.layer-table td{text-align: left;  color: #333; border: none;padding:0 0 18px 10px;line-height:35px;}
.layer-table tr:hover{background-color: #fff;}
.layer-table .hs-tong-input-big{font-size: 14px; text-indent: 10px; line-height: 34px; height: 34px;}
.layer-table .ck-img{width: 86px; height: 35px; float: left; margin-left: 10px;}
.layer-table .up-get-message{ width: 86px; height: 35px; line-height: 35px; font-size: 14px;}
.layer-table .tong-error{line-height: 20px;}
/*.layer-height{height: 400px; overflow: hidden; overflow-y:auto; }*/

/*CRS弹出框样式*/
.open-table2{padding:0 20px;}
.open-table2 th{font-size: 14px; padding:13px 0; word-break:break-all; word-wrap:break-word; width: 240px;vertical-align: top;}
.open-table2 td{font-size: 14px; padding-right: 0; vertical-align: middle}
.open-table2 td .chosen-container {width: 222px !important;}
.open-table2 .hs-tong-input{border: 1px solid #c0cad2;line-height:33px; height: 33px; text-indent: 10px; font-size: 14px;}
.open-table2 .tong-test{width: 220px;}
.open-table2 p{color: #333; font-size: 18px; font-weight: bold; margin: 20px 0;}
.add-others-info{font-size:20px; margin: 0 auto; border:1px solid #E9343D;  border-radius: 30px; line-height: 35px; text-align: center; padding:0 50px; display: block; color:#E9343D; background-color: #fff;}
.open-table2 p a.delete{font-size:14px;  font-weight: normal;  border:1px solid #E9343D;  border-radius: 10px; line-height: 25px; text-align: center; padding:0 10px; margin-left: 15px; display: inline-block; color:#fff; background-color: #E9343D;}
td.tong-select-birth .chosen-container {width: 100px !important;}

.up-get-message{border:1px solid #c0cad2; line-height: 45px; height: 45px; font-size: 18px; text-align: center; width: 130px; margin-left: 10px; color: #0099ff; background-color: #fff; cursor: pointer;}
.up-get-message.btn-disabled{color:#ccc;/* background-color: #c0cad2; color: #fff; 倒计时背景修改，客户提的*/}
.up-get-message1{border:1px solid #c0cad2; line-height: 45px; height: 45px; text-align: center; width: 130px; margin-left: 10px; color: #00a9ed; background-color: #fff; cursor: pointer;}
.up-get-message1.btn-disabled{background-color: #c0cad2; color: #fff;}

.open-up{background-color: #f4f7f9; width: 70%; height: 48px;  line-height: 48px; text-align: center; margin: 0 auto;margin-top: 30px; color: #038ae9; font-size: 16px; cursor: pointer;}
.open-up-icon{background: url('../images/open-up-icon.png') no-repeat left center; background-position: 0 0; width:14px; height: 8px;display: inline-block; vertical-align: middle; margin-left: 10px;}
.open-up.on .open-up-icon{ background-position: 0 -8px ;}
.open-up .open-up-2{display: none;}
.open-up.on .open-up-1{display: none;}
.open-up.on .open-up-2{display: inline-block;}

.open-tr-none{height: 0;overflow: hidden;}
.open-tr-none.on{height: auto; overflow: visible;}


.lian-slelect .chosen-container{width: 120px !important; float: left; margin-right: 5px;}
.lian-slelect .hs-ui-select{float: left;}
.lian-slelect input{float: left; display: block;}

.fixed-bottom-btns{ padding-bottom: 5px;padding-top: 5px; }
.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 #E9343D;border-radius: 30px;line-height: 40px;text-align: center;padding: 0 40px;display: inline-block;}
.add-btn-cancel{background-color: #fff; color: #E9343D;  }
.add-btn-sure{background-color: #E9343D;  color: #fff; margin-left: 20px; }
.add-btn-submit{background-color: #E9343D;  color: #fff; margin-left: 20px;}
.add-btn-other{background-color: #E9343D;  color: #fff; }
.add-btn-sure:hover,.add-btn-submit:hover,.add-btn-other:hover{color: #fff;opacity:0.8;}

.get_verification_code{display: block;width: 100%;text-align: center;font-size: 20px;padding-top: 30px;margin-bottom: -20px;}

#CRSdiv .tong-error{color: #ff0000}
#CRSdiv .open-red{color: #ff0000}
#pay_submit{position: static;bottom: 0px;font-size: 13px;line-height: 36px;border: none;font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.btn40{border-radius: 4px;text-align: center;font-size: 14px;display: inline-block;color: #fff;background: #DB313B;padding: 0 25px;height: 40px;line-height: 30px;vertical-align: middle;zoom: 1;cursor: pointer;border: none;font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.open-red{color: #ff0000}
.tong-error{color: #ff0000}
.Counter_Fee{margin-right:15px; display: inline-block; height: 20px;padding-left:15px;background: url("../images/radiobox-no.png") no-repeat left center;cursor: pointer;}
.Counter_Fee input{visibility: hidden;}
.Counter_Fee.on{background: url("../images/radiobox-yes.png") no-repeat left center;}
.Counter_Fee .hs-tong-input-big{visibility: visible; margin-left:10px;}
.single-rb-select{line-height:40px; vertical-align:middle;}
.single-rb-select .Counter_Fee{ height:40px;}
.beneficiary_noself div,.holding_name_noself div{ display:inline-block; margin-left:5px;}/*实际控制人*/

.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;}
.dateinput-icon2{
 background: url(../images/calendar.png) no-repeat 94% center;}

.tb-pay-detial table td,.tb-pay-detial table th{font-size: 14px;color: #333; border-right:1px solid #eee;text-align: left;}
.zd_phone_tip {  float: right;
 margin-top: 8px;
 margin-left: -1px;}
/*小叹号*/
.warn-box-icon{ width: 14px; height: 15px; background: url("../images/warn-icon.png") no-repeat center center; display: inline-block; position: relative; vertical-align: middle; }
.warn-blue-icon{ width: 16px; height: 16px; background: url("../images/warn-blue-icon.png") no-repeat center center; display: inline-block; position: relative; vertical-align: middle; }
.prompt-box .prompt-tip-down{position: absolute;min-width:200px;max-width: 400px; left: -10px;top: 20px;border-radius: 3px;margin-left: 0;font-size: 13px;display: none; z-index: 99;}
.prompt-box:hover .prompt-tip-down{display: block;}
.prompt-box .prompt-tip-bg{ background:#fff;border-radius: 2px; border:1px solid #F5DABD;
 padding:5px; font-size: 12px;
 -webkit-box-shadow:2px 2px  4px #999;
 -moz-box-shadow:2px 2px  4px #999;
 box-shadow: 2px 2px  4px #999;
 position: relative;}
.prompt-box .prompt-tip-icon{width:100%;height: 6px;position: absolute;top: -6px;/* left: 0; */z-index: 1;margin:0 auto;background: url("../images/prompt-tip-icon.png") no-repeat top left;}

/* 2020-12-11 侧袋 */
/* 2020-12-11 */
.cedai-s-fund-name{
 max-width: 130px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.cedai-s-fund-code {
 height: 40px;
 clear: both;
}

.cedai-m-fund-code {
 clear: both;
}

.cedai-m-fund-name{
 max-width: 94px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 float: left;
}

.cedai-normal-fund-name{
 max-width: 130px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.cedai-m{
 width: 16px;
 height: 16px;
 background: url('../images/cedai/m.png') center center no-repeat;
 background-size: cover;
 float: left;
 margin-top: 2px;;
}
.cedai-s{
 width: 16px;
 height: 16px;
 background: url('../images/cedai/s.png') center center no-repeat;
 background-size: cover;
 float: left;
 margin-top: 2px;
 position: relative;
 z-index: 10;
}
.cedai-s-word{
 padding: 0 4px 0 20px;
 line-height: 16px;
 font-size: 12px;
 color: #FC8754;
 margin-left: -16px;
 float: left;
 margin-top: 2px;
 background: #FFF5F0;
 border-radius: 8px;
}
.cedai-wen{
 width: 16px;
 height: 16px;
 background: url('../images/cedai/wen.png') center center no-repeat;
 background-size: cover;
 float: left;
 margin-top: 2px;
 margin-left: 5px;
 cursor: pointer;
}
.cedai-wen-show{
 position: absolute;
 background: #333333;
 box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
 padding: 8px;
 top: -50px;
 left: 70px;
 width: 260px;
 color: #fff;
 font-size: 12px;
 display: none;
}
.cedai-wen:hover .cedai-wen-show{
 display: block;
}
.operate-word{
 background: #FFF5F0;
 font-size: 12px;
 color: #FC8754;
 padding: 5px;
 line-height: initial;
 width: 253px;
 margin-left: -5px;
 margin-top: -20px;
 position: absolute;
}

.text-nowap {
 white-space: nowrap;
}
.h45{
 height:44px
}
.net-value-icon.net-value-chart-icon{
 background-position-y: 2px
}

.net-value-icon-div {
 width:55px !important;
}

.prompt-box-icon{ width: 20px; height: 20px; background: url("../images/prompt-box-icon.png") no-repeat center center; display: inline-block; position: relative; vertical-align: middle; }
.prompt-box .prompt-tip-down{position: absolute;min-width:200px;max-width: 400px; left: -10px;top: 20px;border-radius: 3px;margin-left: 0;font-size: 13px;display: none; z-index: 99;}
.prompt-box:hover .prompt-tip-down{display: block;}
.prompt-box .prompt-tip-bg{ background:#fff;border-radius: 2px; border:1px solid #F5DABD;
 padding:5px; font-size: 12px;
 -webkit-box-shadow:2px 2px  4px #999;
 -moz-box-shadow:2px 2px  4px #999;
 box-shadow: 2px 2px  4px #999;
 position: relative;}
.prompt-box .prompt-tip-icon{width:100%;height: 6px;position: absolute;top: -6px;/* left: 0; */z-index: 1;margin:0 auto;background: url("../images/prompt-tip-icon.png") no-repeat top left;}
.prompt-box .prompt-tip-icon{right:-285px;}
.question-gray-icon{margin-top: 2px;margin-left: 5px;width: 16px; height: 16px; background: url("../images/cedai/wen.png") no-repeat center center; display: inline-block; position: relative; vertical-align: middle;background-size: cover }


.page-login-form .up-row-3{height:20px;}