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}
button,a{ cursor: pointer;}
input,select,label,img{ vertical-align:middle}
img{border:none}
s,u{text-decoration:none}
em,i{font-style:normal}
ul,li{ list-style:none}
table,tr,td,th{ border-collapse:collapse;border-spacing:0}
span.clear{ display: block; clear: both; height: 0px; overflow: hidden;}
.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;}
.clear-b{ clear: both;}
.none{ display:none}
.block{ display:block}
.display-ib{ display: inline-block;}
.fn-left{ float: left;}
.fn-right{float: right;}
.hand-cursor{cursor: pointer;}
a{ color:#333;text-decoration:none}
a:hover{ text-decoration:underline}
/*sroll*/
::-webkit-scrollbar-track-piece{
background-color:#f3f3f3;
-webkit-border-radius:0;
}
::-webkit-scrollbar{
width:10px;
height:10px
}
::-webkit-scrollbar-thumb{
background-color:rgba(0,0,0,0.2);
border:solid 1px rgba(0,0,0,0.2);
border-radius:5px;
}
::-webkit-scrollbar-thumb:hover{
background-color:rgba(0,0,0,0.3);
}
::-webkit-scrollbar-arrow {
color:#F00;
backgound:#0F0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #c8c8c8;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #c8c8c8;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #c8c8c8;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #c8c8c8;
}
input::-ms-clear{display:none;}
body{font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif; font-size:14px;color:#333; line-height:normal; background: #f2f2f2;}
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;}
/*input style*/
.page-input{ border:1px solid #ccc; height: 36px; padding-left: 10px; line-height: 36px; border-radius: 1px}
.page-input-small{ height:30px; line-height: 30px;}
.page-input-big{ height: 46px; font-size: 16px; 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; cursor: pointer;}
/*button style*/
.page-button{overflow: visible; height: 38px; font-size: 14px; padding: 0 10px; cursor: pointer; text-decoration: none;border-radius: 1px}
.page-button:hover{ opacity: 0.8;filter:alpha(opacity=80);}
.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:30px;padding: 0 10px; font-size: 14px;}
a.page-button-small{ line-height: 30px;}
.page-button-main{ background:#ff5656; border:none; color: #fff; border-radius: 3px;}
.page-button-red{ background: #ff5656; border:1px solid #ff5656; color: #fff;}
.page-button-blue{ background: #3b91fa; border:1px solid #2880eb; 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{ border: 1px solid #c0cad2; 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-30{ font-size: 30px;}
.fn-font-40{ font-size: 40px;}
.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-0{ color: #000}
.fn-color-9{ color: #999}
.fn-color-6{ color: #666}
.fn-color-3{ color: #333;}
.fn-color-1{ color: #3c94ff}
.fn-color-white{background: #fff;}
.fn-color-orange{ color: #ff635a}
.fn-color-red{color: #ff5656;}
.fn-color-y{ color: #FBA652;}
.fn-color-green{ color: #2a9849;}
.fn-color-pale-blue{color: #89a6b6;}
a.fn-color-blue,.fn-color-blue{ color: #248bff}
/*背景色*/
.bg-color-f88{background: #ff8888;}/*粉色*/
/*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-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-l-30{margin-left: 30px}
.mg-r-30{margin-right: 30px}
.mg-t-30{margin-top: 30px}
.mg-b-30{margin-bottom: 30px}
.mg-l-40{margin-left: 40px}
.mg-r-40{margin-right: 40px}
.mg-t-40{margin-top: 40px}
.mg-b-40{margin-bottom: 40px}
/*width*/
.w-100{ width: 100%;}
.w-50{ width: 50%;}
.w40{width: 40px;}
.w60{width: 60px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w240{width: 240px;}
.w300{width: 300px;}
.w386{width: 386px;}
.w650{width:650px;}
.w750{width:750px;}
.w780{width:780px;}
input.w160{width:148px;}
input.w300{width:288px;}
/*height*/
.h80{height: 80px;}
.lh25{line-height: 25px}
.lh28{line-height: 28px}
.lh30{line-height: 30px}
.of-h{ overflow: hidden;}
.of-v{ overflow: visible;}
.position-r{ position: relative;}
.position-a{ position: absolute;}
/*border*/
.border-gray{border:#dcdfe0 solid 1px;}
/*对密码控件的样式调整*/
._ocx_password_str{ line-height: 48px;}
._ocx_password_str .ocx_style{ display: block; float: left; width: 300px; height:45px; margin-right: 6px; padding-left: 10px; border: 1px solid #ccc; border-radius: 1px;}
.only-login-form ._ocx_password_str{ overflow: hidden; display: block;}
.only-login-form ._ocx_password_str .ocx_style{ display: block; float: left;width: 252px;height: 40px;margin-right: 0; padding-left: 10px;border: none; border-radius: 1px;line-height: 40px;}
.page-login-form-content ._ocx_password_str{ overflow: hidden; display: block; height: 32px;}
.page-login-form-content ._ocx_password_str .ocx_style{ display: block; float: left;width: 100%;height: 32px;margin-right: 0; padding-left: 10px;border: none; border-radius: 1px;line-height: 32px;}
/*._ocx_password_str .passLoginStyle { display: inline-block; border: 1px solid #ccc;}
._ocx_password_str .passLoginStyle .ocx_style{ padding-top: 1px; height:40px; border: none;}*/
/*header*/
.page{min-width: 1100px;}
.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: 1100px; margin-left:auto; margin-right: auto;}
.page-header{ height: 100px; background: #fff; position: relative; z-index: 1000 }
.page-header-left{ padding-top: 10px;}
.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 #3c94ff; float: left; height: 34px; width: 340px; line-height: 34px; background: url(../images/search-icon.gif) no-repeat 10px center; padding-left: 33px}*/
.header-search-input{ position: relative;}
.header-search-input .up-bac{ position: absolute; left: 0; top: 0; width: 160px; height: 30px; line-height: 30px; overflow: hidden; }
.header-search-input .up-bac-content{position: absolute; left: 0; width: 10000px;}
.header-search-input .up-bac .up-input-v{ float: left; visibility: hidden; padding-left: 7px; }
.header-search-input .up-bac .up-tip{ float: left; color: #ccc; padding-left: 7px;}
.header-search-input .search-input{ position: relative; z-index: 2;}
.header-search-input .up-list{ display: none; position: absolute; top: 30px; left: 0; right: 0; margin-left: -1px; margin-top: 1px; background-color: #fff; border: 1px solid #ccc;}
.header-search-input .up-list li{ padding: 0 10px; line-height: 30px; cursor: pointer;}
.header-search-input .up-list li:hover{ background-color: #fafafa;}
.header-search-input .up-list li.on{ background-color: #F2F2F2;}
.header-search-input .up-list li>div{ overflow: hidden; white-space: nowrap;}
.header-search-input iframe{ display: none; position: absolute; left: 0; top: 30px; width: 100%; height: 0;}
.header-search-btn{ background: #3c94ff;float: left; line-height: 38px; 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{ }
.page-header-right a{ color: #666}
.logo-link,.split-line,.logo-text{ float: left;}
.split-line{ height: 25px; width: 1px; overflow: hidden; background: #818181; margin: 0 15px; margin-top: 30px;}
.logo-text{ font-size: 30px; font-weight: normal; line-height: 78px; color: #666;}
/*自选基金中的基金筛选框*/
.fund-optional-search-input{ position: relative;}
.fund-optional-search-input .up-bac{ position: absolute; left: 0; top: 0; width: 184px; height: 30px; line-height: 30px; overflow: hidden; }
.fund-optional-search-input .up-bac-content{position: absolute; left: 0; width: 10000px;}
.fund-optional-search-input .up-bac .up-input-v{ float: left; visibility: hidden; padding-left: 7px; }
.fund-optional-search-input .up-bac .up-tip{ float: left; color: #aaa; padding-left: 7px;}
.fund-optional-search-input .optional-add-shuru{ position: relative; z-index: 2;}
.fund-optional-search-input .up-list{ display: none; position: absolute; top: 30px; left: 0; right: 0; margin-left: -1px; margin-top: 1px; background-color: #fff; border: 1px solid #999; border-radius: 7px; z-index: 10; overflow: hidden;}
.fund-optional-search-input .up-list li{ padding: 0 10px; line-height: 30px; cursor: pointer;}
.fund-optional-search-input .up-list li:hover{ background-color: #fafafa;}
.fund-optional-search-input .up-list li.on{ background-color: #F2F2F2;}
.fund-optional-search-input .up-list li>div{ overflow: hidden; white-space: nowrap;}
/*top bar*/
.page-top-bar{ background: #333333;padding: 8px 0;font-size: 12px;position:relative;z-index:99999;}
.page-top-bar iframe{background-color: transparent; width: 500px; height: 14px;}
.page-top-bar-l{float: left; color: #aeaeae; line-height: 14px; background-color: #333;}
.page-top-bar-l a{ color: #aeaeae; margin: 0 5px;}
.page-top-bar-r{ float: right;}
.page-top-bar-r a{color: #aeaeae}
.page-top-bar-r a:hover{ text-decoration: none; }
.page-top-bar-r .up-btn{ color: #aeaeae; cursor: pointer; }
.page-top-bar-r .top-bar-line{ color: #c0cad2; 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: #3c94ff; padding: 65px 0}
.page-simple-form{ background: #fff; margin: 0 auto; padding-top: 1px;min-height: 460px; border:1px solid #dbdbdb;}
.page-simple-form-1{min-height: auto;}
.register-form{background: #fff url(../images/sh.jpg) no-repeat 95% 75%;}
.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: 145px;}
.page-form-table table td{padding: 10px 0; position: relative;}
.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;}
.page-form-table.up-style-1 input{ width: 300px; }
.page-form-table.up-style-1 button[type="submit"]{ width: 313px;}
.page-form-table.up-style-1 .checkcode-input{ width: inherit;}
.page-form-table table.mg-center{ width: auto;}
/*清除表格项的padding*/
.page-form-table table td.td-padding-pure{ padding: 0;}
/*表格项 发送验证码*/
.page-form-table .tr-message input { float: left; width: 172px; margin-right: 20px;}
.page-form-table .tr-message button { float: left; width: 108px; height: 48px; font-size: 14px;}
.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:186px ;}
.simple-form-table table td{padding: 15px 0;}
.simple-form-table table .submit-tr td{ height:55px;}
.simple-form-table{padding-top: 100px; font-size: 14px; padding-bottom: 100px;}
.reset-form table{ width: auto;}
.reset-form .simple-form-table{padding-left: 192px;}
/*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-top: 1px;padding: 25px 0}
.page-open-container,.page-body-container{ background: #fff;}
.page-body-container-content{padding: 30px 50px;}
.register-result,.page-result{ padding: 40px 40px; border: 1px solid #dbdbdb; background: #faf6ed; border-radius: 3px; margin-bottom: 30px;}
.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: 65px;}
.register-result-text-title,.page-result-text-title{ font-size: 24px; margin-bottom: 10px; padding-top: 2px;}
.register-result-text-tips,.page-result-text-tips{ color: #666666; line-height: 1.5; position: relative; font-size: 14px;}
.page-result-fail{ background: #fff; border: none;padding: 0px;}
.page-result-fail .page-result-icon{ background: url(../images/fail.png) no-repeat center top;}
/*footer*/
.page-footer{padding-top: 40px; background: #333333;}
.footer-logo{ float: left; width: 200px;height: 140px;}
.footer-logo img{ margin-top: 32px; margin-left: 10px;}
.footer-info{ float: left;}
.footer-info dl{ float: left; display: inline; margin-right: 70px}
.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: #9b9b9b; font-size: 14px;}
.footer-info dl dd{ padding-left: 18px; margin-bottom: 5px;}
.page-copy{text-align: center; clear: both; padding-top: 50px; padding-bottom: 30px;}
/*cardtip*/
.ui_cardTip_box{ position:absolute; display:none}
.ui_cardTip_box_content{ padding:10px; font-size:20px; color:#000; font-weight: bold; font-family:Arial, Helvetica, sans-serif;border:1px solid #ddd; background:#ffffcd;}
.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: #3c94ff; 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{ margin-bottom: -4px;}
.register-check-step ul,.page-step ul{ padding:30px 0 0px 0; text-align: center;}
.register-check-step li,.page-step li{ display: inline-block; position: relative; padding-top: 10px; width: 124px; margin: 0 70px; *display: inline;zoom:1;}
.register-check-step .check-step-bg,.page-step .check-step-bg{ background: #ff3c3c; display: none; height: 4px; width: 100%; overflow: hidden; left: 50%; margin-left: -62px; position: absolute; bottom: 0px;}
.register-check-step .check-step-num,.page-step .check-step-num{ background: url(../images/open-step.png) no-repeat; background-position: -256px 0px; width: 42px; height: 42px; line-height: 42px; color: #eee;text-align: center; margin: 0 auto; font-size: 18px;}
.register-check-step .check-step-text,.page-step .check-step-text{text-align: center; color: #eee; font-size: 16px; margin-top: 18px; margin-bottom: 20px;}
.page-step-in .current .check-step-text{ color: #333333}
.page-step-in .check-step-text{ color: #999}
.page-step-in .check-step-num{ background: url(../images/nav.png) no-repeat -260px 0; width: 124px; height: 42px}
.page-form{}
.page-inner-form .page-form-table table th{font-size: 18px; color: #878787;padding-top: 15px; padding-bottom: 15px;}
.page-inner-form .page-form-table table td{font-size: 18px;padding: 15px 0;}
.page-inner-form .simple-form-content{padding: 70px 80px 70px 180px}
.page-inner-form .simple-form-content .page-submit-btns{ padding-right: 100px;}
.complete .check-step-bg{ background-position: 0px 0px;}
.current .check-step-bg{background-position: 0px 0px; display: block;}
.complete .check-step-num{ background-position: 0px 0px; color: #fff}
.current .check-step-num{ background-position: 0px 0px; color: #fff}
.complete .check-step-text{ background-position: 0px 0px; color: #fff}
.current .check-step-text{ background-position: 0px 0px; color: #fff}
.last-step .check-step-num{ }
.page-step-4 ul li{ width: 25%;}
.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,.onError-2,.onError-1{line-height: normal; background: url(../images/v-icon.png) no-repeat -9999px -9999px; padding-left: 25px;}
.onError-2{position: absolute;top: 10px;}
.onError{ background-position: 0px 1px; color: #ff665d}
.onError-1{ background-position: 0px 1px; color: #666;}
.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;}
.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}
.page-table-box{ margin: 5px 0;}
.page-table-title{ padding: 10px 0px;zoom:1;border-bottom: 2px solid #ff5656; position: relative;}
.no-bottom-line .page-table-title{ border-bottom: none;}
.no-bottom-line .page-table-content{border: none}
.page-table-title:after{display: block; clear: both; height: 0px; clear: both; content: "."; overflow: hidden;}
.page-table-title h3{ float: left; font-weight: normal; border-left:6px solid #ff5656; padding-left: 10px; font-size: 16px;}
.page-table-title span{ float: right;}
.fund-lead-buy .page-table-content{}
.page-data-table{ width: 100%; border: 1px solid #dbdbdb;}
.page-data-table tr:hover td{}
.page-data-table th{ background: #f6f6f6; height: 37px; text-align: center; color: #000; font-size: 14px; font-weight: normal; border-right:1px solid #efefef;border-bottom:1px solid #dbdbdb; }
.page-data-table td{ text-align: center; height: 42px;padding-top: 3px; padding-bottom: 3px; background: #fff; border-right:1px solid #efefef;border-bottom:1px solid #efefef; font-size: 14px;}
.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-red{ border-color:#faf4e4;}
.page-data-table-red th{ background-color: #faf4e4; border: none; height: 48px; font-size: 14px; color: #333; }
.page-data-table-red td{ min-height: 50px; border: none;border-bottom:1px solid #faf4e4;}
.page-data-table-blue{ border-color:#e2edf4; font-size: 14px; color: #333;}
.page-data-table-blue th{ background-color: #e2edf4; border: none; height: 50px; font-size: 14px; color: #333; }
.page-data-table-blue td{ min-height: 50px; border: none;border-bottom:1px solid #E2EDF4;}
.page-data-table th.first-th{}
.page-data-table th.last-th{ border-right: none;}
.page-data-table td.first-td{ }
.page-data-table td.last-td{ border-right: none;}
.page-data-table tr.last-tr td{}
.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;}
/*login*/
.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;}
.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;}
.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: 430px;}
.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;}
.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; }
.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: 71px;}
.select-group-row>ul{ float: left; width: 708px;}
.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: #FF665D; 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; height: 711px;}
.fund-list .page_style{ margin-right: 16px;}
.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: #F46159;}
.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: 190px;}
.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: #F46159; border: 1px solid #F31211; display: block; line-height: 40px; color: #fff; text-align: center;}
[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;}
.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;}
/*icon*/
.icon{ background: url("../images/icon-r.png") no-repeat;}
.page-top-bar-r .icon{display: inline-block; width: 16px; height: 16px;vertical-align: middle; margin-right: 8px;}
.page-top-bar-r .icon-home{ background-position: 0px 0px}
.page-top-bar-r .icon-app{ background-position: 3px -23px}
.page-top-bar-r .icon-help{ background-position: 1px -55px}
.header-search{background: #fff; float: left; margin-top: 18px; margin-right: 15px;}
.header-search .search-input{ border: 1px solid #ccc; border-left:none; height: 30px; line-height: 30px; padding-left: 7px;float: left; width: 200px; background: transparent; }
.header-search .search-btn{border: 1px solid #ccc;border-left:none; border-radius:0 3px 3px 0;cursor: pointer; font-size: 0px; line-height: 0px; width: 27px; height: 32px; background-position: 5px -78px;float: left;}
.search-options{float: left; width: 102px; display: none;}
.search-hot{ float: right; font-size: 12px; color: #999; margin-top: 25px;}
.search-hot a{color: #999; }
.ui_input,.ui_input .ui_input_inner,.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:22px; line-height:22px; background:#fff; overflow:hidden;text-overflow:ellipsis; padding-left:10px; padding-right:13px; white-space: nowrap; cursor: pointer;}
.ui_select .ui_select_current em{ display:inline-block; position:absolute;width: 15px;
height: 8px;right:4px; top:50%; margin-top:-4px; background: url(../images/icon-r.png) 3px -113px no-repeat; overflow:hidden;}
.ui_select .ui_select_options{ width:100%; background:transparent; }
.ui_select .ui_select_options dl{border:1px solid #ccc; display:block; background:#fff;}
.ui_select .ui_select_option{ height:30px; line-height:30px; padding-left:10px; display:block; cursor: pointer;}
.ui_select_option_hover{ background:#fafafa; }
.ui_select_selected{ background:#ff5656; 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{}
.header-search .ui_select{ float: left;}
.header-search .ui_select_current{ height: 30px; line-height: 30px;border: 1px solid #ccc;border-radius: 3px 0 0 3px;}
.header-search .ui_select_options_bottom{ margin-top: -1px}
.header-search .ui_select_options_bottom dl{ border-radius: 0 0 3px 3px}
.page-menu{ border-bottom: 2px solid #ff5656; background: #fff;}
.page-menu-content{ width: 1100px;margin: 0 auto}
.page-index-menu{ float:left; height: 44px;}
.page-index-menu li{ float: left;}
.page-index-menu li a{float: left; font-size: 16px;padding: 10px 30px; color: #000}
.page-index-menu li a:hover{text-decoration: none; color:#ff5656 }
.page-index-menu li.on a{ color: #ff5656; border-bottom: 3px solid #ff5656 }
.quick-ways{float: right; font-size: 16px; height: 35px; margin-top: 9px;}
.quick-ways a{ padding: 0 9px; margin-left: 4px; color: #000; float: left; line-height: 35px;}
.quick-ways a.on{ border-radius: 2px 2px 0 0; background-color: #ff5656; color: #fff;}
.quick-ways a i{ display: inline-block; background: url("../images/icon-top-menu.png") no-repeat; vertical-align: middle; width: 24px; height: 24px; margin-right: 6px;}
.quick-ways .up-fav{ background-position: 0 0;}
.quick-ways .on .up-fav{ background-position: 0 -38px;}
.quick-ways .up-account{ background-position: -28px 0;}
.quick-ways .on .up-account{ background-position: -28px -38px;}
.quick-ways a:hover{ text-decoration: none; border-radius: 2px 2px 0 0; background-color: #ff5656; color: #fff;}
.quick-ways a:hover .up-fav{ background-position: 0 -38px;}
.quick-ways a:hover .up-account{ background-position: -28px -38px;}
.quick-ways .icon-account{background-position: -30px 0;}
.quick-ways .icon-fav{background-position: 0px 0;}
.quick-ways a.on .icon-fav{background-position: 0px -38px;}
.quick-ways a.on .icon-account{background-position: -30px -38px;}
#ui-banner{position:relative;height:360px;overflow:hidden;}
#ui-banner_ul li{ width: 100%}
#ui-banner_ul li img{height: 360px;position: absolute; left: 50%;margin-left: -960px;transition: -webkit-transform .5s ease-in;
transition: transform .5s ease-in;}
#ui-banner_ul li img:hover{-webkit-transform: scale(1.02);
transform: scale(1.02);}
#ad_btns{position:absolute;bottom:20px;width:300px;left:50%;margin-left:-150px;z-index:10;text-align:center}
#ad_btns a{display: inline-block; width: 12px; height: 12px; margin: 0 5px; background: #fff; opacity: 0.6; background: #fff;filter:alpha(opacity=60); border-radius: 50%; font-size: 0px; line-height: 0px; overflow: hidden;}
#ad_btns a.activeSlide{ opacity: 1;filter:alpha(opacity=100); }
#loading{z-index:1;padding:5px 0 5px 9px;
background:#c44;left:0;top:0;width:90px;
color:#fff;position:fixed;-webkit-border-bottom-right-radius:5px;color:#fff; _position:absolute; text-shadow:0 0 1px #ccc}
.login-and-banner{ position: relative;}
.login-and-banner iframe{ position: absolute; top: 30px; right: 0; z-index: 20; width: 250px; height: 300px; background-color: transparent; }
.login-and-banner-iframe-wrap{ position: relative;; width: 1100px; margin-left: auto; margin-right: auto; }
.page-login-form-content ._ocx_password_str{ overflow: hidden; display: block; height: 32px;}
.page-login-form-content ._ocx_password_str .ocx_style{ display: block; float: left;width: 100%;height: 32px;margin-right: 0; padding-left: 10px;border: none; border-radius: 1px;line-height: 32px;}
.page-login-form-content{ width: 250px; height: 300px; overflow: hidden;}
.page-login-bg{ width: 100%; height: 300px; background: #fff; opacity: 0.82;filter:alpha(opacity=82); position: absolute; left: 0px; top: 0px;}
.page-login-form { width: 1100px; margin:0 auto; position: relative; z-index: 10;}
.page-login-form .up-form-wrap{ position: relative; z-index: 11;padding: 10px 24px;}
.logined-info{ position: absolute; left: 0px;top:100%; width: 100%; height: 100%; z-index: 12}
.page-login-form-title{ font-size: 20px; font-weight: bold; }
.page-login-form-subtitle{ margin-top: 10px; color: #ff5656}
.page-login-form .up-row-1{ position: relative; border: 1px solid #cccccc; margin-top: 14px; background: #fff;}
.page-login-form .up-row-2{ position: relative; border: 1px solid #cccccc; margin-top: 20px; background: #fff;}
.page-login-form .up-row-1 .icon,
.page-login-form .up-row-2 .icon{ width: 36px; height: 32px; border-right: 1px solid #ccc;}
.icon-user{ background-position:10px -225px}
.icon-pass{ background-position: 10px -274px}
.page-login-form .up-row-1 input,
.page-login-form .up-row-2 input{ height: 32px; border: none; line-height: 32px; padding-left: 10px; width: 151px; }
.page-login-form .up-row-3{ margin-top: 15px; font-size: 14px;}
.page-login-form .up-row-4{ margin-top: 24px;}
.page-login-form .up-row-4 button{ width: 100%; border-radius: 3px; height: 34px;}
.page-login-form .up-link-register { margin-top: 15px;}
#login-btn.logining{ background: #999; border-color: #999;}
.logined-info-title{ padding: 20px 0px 6px 0px; border-bottom: 1px solid #c5c5c5;margin: 0 19px}
.icon-loginuser{ background-position: 0px -404px; display: inline-block; vertical-align: middle; width: 20px;height: 20px; overflow: hidden; margin-right: 8px;}
.user-simple-info li{ float: left; width: 50%; text-align: center; margin-bottom: 10px;}
.user-simple-info li a{ display: block; padding-top: 20px;}
.user-simple-info li a:hover{text-decoration: none;}
.user-simple-info li a:hover .icon{-webkit-transform: translate3d(0,5px,0);
-ms-transform: translate3d(0,5px,0);
-o-transform: translate3d(0,5px,0);
transform: translate3d(0,5px,0);}
.user-simple-info li .icon{ width: 34px;height: 34px; display: block; margin: 0 auto;margin-bottom: 6px;-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.icon-money{ background-position: 0px -454px;}
.icon-last-income{ background-position:2px -512px}
.icon-total-income{ background-position:0px -569px}
.icon-holding-income{ background-position: -1px -626px}
.user-simple-info li span{ display: block; color: #ff5656; font-size: 18px;}
.icon-checkbox{ width: 17px; height: 17px; display: inline-block; background-position: 0px -320px; vertical-align: middle;}
.icon-checkbox-checked{ background-position: 0px -343px;}
.icon-checkbox input{ width: 0px; height: 0px; overflow: hidden; position: relative; z-index: -1}
.remember-account{ height: 24px; overflow: hidden; display: inline-block; line-height: 24px;}
.remember-account .icon-checkbox{ margin-right: 6px;}
.remember-account input{ position: absolute; top:-500px; }
.up-link-register{ font-size: 14px;}
.table-tab li{ float: left;}
.table-tab li.on{ background: #ff5656; border-radius: 3px 3px 0 0;-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.table-tab li.on a{ color: #fff; }
.table-tab li a{ float: left; height: 24px; line-height: 24px; padding: 0 15px;font-size: 14px;}
.table-tab li a:hover{text-decoration: none;}
/*首页主题推荐的tab*/
.theme-tabs{position: absolute;left: 250px; top: 22px; right:1px; background-color: #ebebeb; }
.theme-tabs li{ float: left; height: 33px; padding-right: 6px;}
.theme-tabs li a{ display: block; padding: 0 14px;}
.theme-tabs li.on{
overflow: hidden;
background-image: url("../images/tab-shadow.png");
background-position: right top;
background-repeat: no-repeat;
}
.theme-tabs li.on{ }
.theme-tabs li.on a{ background-color: #fff; color: #666; }
.theme-tabs li a{ font-size: 14px;display: block; line-height: 33px; text-align: center;color: #999; }
.theme-tabs li a:hover{text-decoration: none;}
.page-table-title .table-tab{ position: absolute; right: 0px;bottom: 0px;}
.page-btn-border{-webkit-transition:-webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s; border: 1px solid #5394d0; color: #5394d0;text-decoration: none; height: 28px; line-height: 28px; border-radius: 3px; display: inline-block; padding: 0 10px; min-width: 45px;text-align: center;}
.page-btn-border:hover{text-decoration: none; opacity: 0.82;filter:alpha(opacity=82); box-shadow: 0 0 3px rgba(0,0,0,0.2)}
.icon-first,.icon-second,.icon-third{ display: inline-block; width: 24px; height: 20px;vertical-align: middle; margin-right: 6px;}
.icon-first{ background-position: -93px 0px;}
.icon-second{background-position: -93px -48px;}
.icon-third{background-position: -93px -97px;}
.fund-sale-table .page-btn-border{ width: 68px;}
.fund-sale-table .font-big th{ font-size: 16px;}
.theme-banner{width: 250px; background:#ff5757 url("../images/index-box-logo-1.jpg") no-repeat; color: #fff;}
.theme-banner dl{padding-left: 20px; padding-right: 20px}
.theme-banner dt{ font-size: 30px; padding-top: 30px; padding-bottom: 15px; }
.theme-banner dd{font-size: 14px;}
.index-block-gqgg .theme-banner{ float: left; height: 347px; background-image: url("../images/index-box-logo-1.jpg"); }
.index-block-jjphb{ height: 470px; border-top: 1px solid #f7b03d;}
.index-block-jjphb .theme-banner{ float: right; height: 470px; background-image: url("../images/index-box-logo-2.jpg"); }
.index-block-jjphb{ background-color: #fff;}
.index-block-jjphb .ui-tab{ float: left;}
.index-block-jjphb .ui_tab_items{ margin-top: 25px; margin-left: 60px; height: 50px;}
.index-block-jjphb .ui_tab_items li{ float: left; }
.index-block-jjphb .ui_tab_items li>div{ position: relative; width: 120px; text-align: center; border-radius: 2px; border: 1px solid #f7af3b; border-right:0; color: #f7af3b; font-size: 16px; line-height: 28px; background-color: #fff; cursor: pointer;}
.index-block-jjphb .ui_tab_items li>div>i{ display: none; position: absolute;bottom: -6px;left: 50%;margin-left: -7px;width: 0;height: 0;border: 6px solid #f7af3b;border-left-color: transparent;border-right-color: transparent;border-bottom: none;}
.index-block-jjphb .ui_tab_items li.on>div{ background-color: #f7af3b; color: #fff; }
.index-block-jjphb .ui_tab_items li.on>div>i{ display: block;}
.index-block-jjphb .up-fund-bar{ margin-left: 25px; height: 75px; line-height: 75px; overflow: hidden; border-top: 1px solid #edecec; }
.index-block-jjphb .up-fund-bar.up-first{ border-top: none;}
.index-block-jjphb .up-fund-bar>div{ float: left;}
.index-block-jjphb .up-fund-bar .up-name{ padding-left: 15px; width: 390px; font-size: 16px; color: #000;}
.index-block-jjphb .up-fund-bar .up-name em{display: inline-block;width:20px; line-height: 20px; border-radius: 3px; font-size: 14px; font-family:"Arial"; margin-right: 10px; text-align: center; color:#f7703b; background: #FDDC9D; vertical-align: middle;}
.index-block-jjphb .up-fund-bar .up-profile{ width: 260px; font-size: 14px;}
.index-block-jjphb .up-fund-bar .up-btn .btn{ width: 110px; height: 30px; line-height: 30px;}
.index-block-jjdg{ margin-top: 20px; overflow: hidden; border-top: 1px solid #53abf7; background-color: #fff;}
.index-block-jjdg .theme-banner{ float: left; height: 453px; background-image: url("../images/index-box-logo-3.jpg");}
.index-block-jjdg .ui_tab_items{ padding-top:15px; margin-left: 55px; height: 40px;}
.index-block-jjdg .ui_tab_items li{ float: left; }
.index-block-jjdg .ui_tab_items li>div{ position: relative; width: 120px; text-align: center; border-radius: 2px; border: 1px solid #54ABF7; border-right:0; color: #54ABF7; font-size: 16px; line-height: 28px; background-color: #fff; cursor: pointer;}
.index-block-jjdg .ui_tab_items li>div>i{ display: none; position: absolute;bottom: -6px;left: 50%;margin-left: -7px;width: 0;height: 0;border: 6px solid #54ABF7;border-left-color: transparent;border-right-color: transparent;border-bottom: none;}
.index-block-jjdg .ui_tab_items li.on>div{ background-color: #54ABF7; color: #fff; }
.index-block-jjdg .ui_tab_items li.on>div>i{ display: block;}
.index-block-jjdg .ui_tab_cnts{ padding-left:20px; }
.index-block-jjdg .up-content-box{ float: left; }
.index-block-jjdg .up-content{ float: right;}
.index-block-jjdg .up-content>table{ margin-top: 17px; margin-bottom: -1px; margin-right: 16px; width: 814px; text-align: center; color: #000;}
.index-block-jjdg .up-content th{ line-height: 30px; font-size: 14px; font-weight: normal; background-color: #edecec;color:#999; border-right: 1px solid #fff; }
.index-block-jjdg .up-content>table>tbody>tr>td{ height: 73px; border-bottom: 1px solid #edecec; }
.index-block-jjdg .up-content .fund-tag{ background-color: #4fa9f6; position: relative;top: -9px; margin-left: 10px;}
.index-block-jjdg .up-content .btn.up-buy{ width: 108px; height: 30px; font-weight: bold;}
.index-block-xfjj{ height: 453px; margin-top: 20px; overflow: hidden; border-top: 1px solid #7bd264; background-color: #fff;}
.index-block-xfjj .theme-banner{ float: right; height: 453px; background-image: url("../images/index-box-logo-4.jpg"); }
.index-block-xfjj .page-table-content{ height: 100%;}
.index-block-xfjj .up-content{ float: left; overflow: hidden;}
.index-block-xfjj .up-content>table{ margin-top: 17px; margin-bottom: -1px; margin-left: 16px; width: 814px; text-align: center; color: #000;}
.index-block-xfjj .up-content th{ line-height: 30px; font-size: 14px; font-weight: normal; background-color: #edecec;color:#999; border-right: 1px solid #fff; }
.index-block-xfjj .up-content>table>tbody>tr>td{ height: 80px; border-bottom: 1px solid #edecec; }
.index-block-xfjj .up-content .fund-tag{ background-color: #4fa9f6; position: relative;top: -9px; margin-left: 10px;}
.index-block-xfjj .up-content .btn.up-buy{ width: 108px; height: 30px; font-weight: bold;}
.index-block-jjxy{ float: left; width: 1110px; height: 346px; margin-top: 20px; overflow: hidden; border-top: 1px solid #6ac8d8; background-color: #fff;}
.index-block-jjxy .theme-banner{ float: left; height: 349px; background-image: url("../images/index-box-logo-5.jpg"); }
.index-block-jjxy .page-table-content{ height: 100%; }
.index-block-jjxy .up-content{ height: 100%; overflow: hidden;}
.index-block-jjxy .up-ads{ overflow: hidden; margin-top: 24px; margin-left: 20px; margin-bottom: 20px;}
.index-block-jjxy .up-ad{ float: left; margin-left: 18px; width: 250px; height: 110px; background: url("../images/ad-5.jpg") no-repeat; }
.index-block-jjxy .up-list{ margin-left: 20px; margin-right: 24px;}
.index-block-jjxy .up-list li{ border-top: 1px dashed #e0e0e0; overflow: hidden;}
.index-block-jjxy .up-list li.up-first{ border-top: none;}
.index-block-jjxy .up-list li>div{ float: left; line-height: 37px;}
.index-block-jjxy .up-list .up-icon{ margin-left: 18px; margin-top: 16px; margin-right: 16px; width: 5px; height: 7px; background: url("../images/icon-angle-right.png") no-repeat;}
.index-block-jjxy .up-list .up-title>a{ font-size: 14px; color: #333;}
.index-block-jjxy .up-list .up-time{ float: right; padding-right: 10px; font-size: 14px; color: #999;}
.index-block-temp{ float: right; margin-top: 20px; }
.index-block-temp .theme-banner{ height: 346px; background-image: url("../images/index-box-logo-5.jpg"); }
.theme-fund-list{ margin-left: 250px; overflow: hidden;zoom:1; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; height: 346px; background: #fff}
.theme-fund-list li{ float: left; width: 33.334%; height: 100%}
.theme-fund-list li dl{padding: 0 17px; margin-top: 44px; border-left: 1px solid #f2f2f2; height: 100%;}
.theme-fund-list li dl.up-first{ border-left: none;}
.theme-fund-list li dt{ font-size: 16px; border-bottom: 1px dashed #ddd;padding: 19px 0px;text-align: center;}
.theme-fund-value{padding: 20px 0 30px 0 }
.theme-fund-value .fn-left{ width: 50%; text-align:center;}
.theme-fund-intro{ font-size: 14px; line-height: 1.5;padding: 0 20px; height: 50px; margin-bottom: 5px; color: #666;}
.text-axis .up-axis{ background: url("../images/text-axis.png") no-repeat; width: 204px; height: 1px;}
.text-axis .up-text{ margin-top: 4px; margin-bottom: 4px;}
.buy-action{text-align: center;}
.buy-action .buy-btn{ display: inline-block; border-radius: 100px; font-size: 18px; color: #fff; text-align: center; background: #ff5656; width: 140px; height: 40px; line-height: 40px;}
.buy-action .buy-btn:hover{text-decoration: none;opacity: 0.82;filter:alpha(opacity=82);}
.suggest-fund-list{margin: 20px -3px;}
.suggest-fund-list table{ width: 100%;}
.suggest-fund-list td{ width: 25%;}
.suggest-fund-list-item{ position: relative; height: 118px; margin: 0 3px; background-color: #fff; border:1px solid #dbdbdb;}
.suggest-fund-list-item a{ position: absolute; top: 0; display: block; font-size: 14px; padding-left: 17px; padding-top: 25px; height:93px }
.suggest-fund-list-item a:hover{text-decoration: none;}
.suggest-fund-list-item>img{ margin: 25px 0 0 92px;}
.suggest-fund-list-item a div{ font-size: 18px; margin-top: 5px;}
.suggest-fund-list-item:hover{ border-color: #ff5656; -webkit-transition: all .5s; box-shadow: 0 0 5px rgba(0,0,0,0.2);
-o-transition: all .5s; box-shadow: 0 0 5px rgba(0,0,0,0.2);
transition: all .5s; box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.custom-label{ position: relative; overflow: hidden; width: 20px; height: 22px; display: inline-block;}
.custom-label input{ position: absolute; left: -500px;}
.custom-label .icon-checkbox{vertical-align: middle}
.fund-leadbuy-table th{ font-size: 14px;outline:none;}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
30% {
-webkit-transform: scale3d(1.25,.75,1);
transform: scale3d(1.25,.75,1)
}
40% {
-webkit-transform: scale3d(0.75,1.25,1);
transform: scale3d(0.75,1.25,1)
}
50% {
-webkit-transform: scale3d(1.15,.85,1);
transform: scale3d(1.15,.85,1)
}
65% {
-webkit-transform: scale3d(.95,1.05,1);
transform: scale3d(.95,1.05,1)
}
75% {
-webkit-transform: scale3d(1.05,.95,1);
transform: scale3d(1.05,.95,1)
}
100% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
30% {
-webkit-transform: scale3d(1.25,.75,1);
transform: scale3d(1.25,.75,1)
}
40% {
-webkit-transform: scale3d(0.75,1.25,1);
transform: scale3d(0.75,1.25,1)
}
50% {
-webkit-transform: scale3d(1.15,.85,1);
transform: scale3d(1.15,.85,1)
}
65% {
-webkit-transform: scale3d(.95,1.05,1);
transform: scale3d(.95,1.05,1)
}
75% {
-webkit-transform: scale3d(1.05,.95,1);
transform: scale3d(1.05,.95,1)
}
100% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
}
.tool-list li{ float: left; width: 25%;text-align: center;}
.tool-list li a{ display: block;}
.tool-list li a .icon{ width: 172px;height: 172px; margin: 0 auto; margin-top: 13px; -webkit-transition: all ease-in .5s;
-o-transition: all ease-in .5s;
transition: all ease-in .5s;}
.icon-jsq{ background-position: -372px 0px}
.icon-jjzd{ background-position: -372px -172px}
.icon-zhtj{ background-position: -372px -347px}
.icon-jjbj{ background-position: -372px -522px}
.tool-list li a:hover{text-decoration: none;}
.tool-list li a:hover .icon{-webkit-animation-name: rubberBand;
animation-name: rubberBand;-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;animation-iteration-count:1;-webkit-animation-iteration-count:1}
.fund-school,.fund-hd{ width: 50%;}
.fund-school .page-table-box{ margin-right: 4px;}
.fund-hd .page-table-box{margin-left: 4px;}
.fund-school .page-table-box .page-table-content,
.fund-hd .page-table-box .page-table-content{ border: 1px solid #dbdbdb; border-top: none; min-height: 200px; background: #fff;}
.ui-data-list{padding: 0 20px; font-size: 14px; margin-top: -1px;}
.ui-data-list li{ border-top: 1px dashed #ddd; height: 44px; line-height: 44px;}
.icon-point{ background-position: 0px -364px; display: inline-block; width: 7px; height: 7px; overflow: hidden;vertical-align: middle;}
.ui-data-list li .icon-point{ margin-right: 5px;}
.ui-data-list li span{ float: right; color: #999}
.aptitude{ background: #fff; margin-top: 50px;}
.aptitude ul{ width: 1100px; margin: 0 auto;padding: 20px 0 20px 0;}
.aptitude ul li{ float: left; font-size: 14px; text-align: center; width: 20%; background: url(../images/split-line.gif) no-repeat right center ; height: 85px;}
.aptitude dt{ margin-bottom: 15px; color: #666666;}
.aptitude ul li.last{ background: none}
.friend-link{ float: left; min-height: 100px; border-left: 1px solid #9b9b9b;padding-left: 40px;}
.friend-link ul li{ margin-bottom: 5px;}
.friend-link ul li a{color: #9b9b9b; font-size: 14px;}
.page-data-table th.can-sort{padding-right: 10px;background:#f6f6f6 url(../images/sort.gif) no-repeat 90% 10px;}
.page-data-table th.sorting_asc{ background-position: 90% -133px;}
.page-data-table th.sorting_desc{background-position: 90% -35px;}
.fixed-table {}
.fixed-table .header-tr{ position: fixed; top: 0px; z-index: 11; width:1100px}
.more-link{color: #999; margin-left: 10px; font-size: 12px; float: left; margin-top: 5px;}
/*reg*/
/*.reg-page-header .split-line{ height: 45px; background: #ccc;}*/
.reg-page-header{ border-bottom: 1px solid #dbdbdb}
.reg-page-header .page-header-left{padding-top: 10px}
.reg-page-header .logo-text{margin-top: 3px}
.reg-container{ background: url(../images/open-bg.jpg) no-repeat top center; min-height: 735px; padding-bottom: 80px;}
.form-require{font-size: 18px; color: #ff5656; margin-right: 8px;}
.page-button-main-border{ border:1px solid #ff5656; background: transparent; color: #ff5656}
.getcode{ margin-left: 12px;}
.checkcode-input{ width: 156px}
.phonenum-input{ width: 301px}
.email-input{ width: 301px}
.complete-reg{ width: 312px;}
.password-input{ width: 300px;}
.next-time{ color: #ff3c3c; font-size: 16px;}
.ptl{padding: 35px 40px; font-size: 14px;}
.ptl h3{ font-size: 20px; color: #333; font-weight: normal; margin-bottom: 24px;text-align: center;}
.ptl-line{ height: 1px; overflow: hidden; background: #e6e6e6;margin: 35px 0;}
.ptl p{text-indent: 2em; color: #666; line-height: 1.5}
.ptl-action{text-align: center;padding: 50px 0 10px 0}
.ptl-content{ height: 440px; overflow: auto;}
.ptl-action .page-button{width: 320px;}
.connect-bank{ padding: 30px 0;}
.can-use-title{ font-size: 18px; padding-bottom: 20px;}
.page-bank-list{}
.page-bank-list li{ font-size: 18px; position: relative; margin-bottom: 19px; float: left; margin-left: 120px; }
.page-bank-list li:hover label{border-color: #ff5656}
.page-bank-list li.active label{ border-color: #ff5656}
.page-bank-list li label{ display: block;padding: 8px 20px;border:1px solid #dbdbdb;-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; position: relative;white-space: nowrap;}
.page-bank-list li label img{ width: 32px; height: 32px;vertical-align: middle;}
.page-bank-list li label input{display: none;}
.page-bank-list li .icon-radio{ position:absolute; left: -50px; top: 50%; margin-top: -11px;}
.icon-radio{ background-position: 0px -672px;vertical-align: middle; width: 22px; height: 22px;display: inline-block;overflow: hidden;vertical-align: middle;}
.icon-radio input{ width: 0px; height: 0px; overflow: hidden; position: relative; z-index: -1}
.page-bank-list li.active .icon-radio,.icon-radio-checked{background-position: 0px -697px}
.bank-list{float: left; }
.bank-form{width:80%; }
.can-use-bank,.add-bank{padding-right: 80px;padding-left: 50px;}
.bank-form .page-input{ width: 290px;}
.bank-form .page-form-table{ padding-left: 150px;padding-top: 33px;}
.add-bank .page-bank-list li{text-align: center;}
.add-bank-btn{display: block;text-align: center; height:48px; line-height: 48px;border:1px solid #dbdbdb;}
.add-bank-btn:hover{text-decoration: none;border-color: #ff5656}
.add-bank-btn:hover .icon{-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
.icon-addbank{display: inline-block; width: 20px; height: 20px; background-position: -96px -134px;vertical-align: middle; margin-right: 10px; margin-top: -3px;-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.dialog-bankcard{padding: 40px 20px 40px 52px; display: none;}
.dialog-bankcard-title{font-size: 16px; }
.dialog-bankcard .page-bank-list li{float: left; display: inline; margin-right: 48px; margin-top: 30px;vertical-align: bottom; margin-bottom: 0px;}
.dialog-bankcard .page-bank-list{margin-top: -15px;padding-bottom: 30px;}
.page-bank-list-small li{ font-size: 16px; }
.page-bank-list-small li label{ min-width: 113px;}
.page-bank-list-small li label img{ width: 27px; height: 27px;}
.page-bank-list-small li .icon-radio,.icon-radio-small{ width: 20px; height: 20px; margin-top: -10px; background-position: 0px -738px;left: -25px;}
.icon-radio-small{margin-top: 0px; left: 0px}
.page-bank-list-small li.active .icon-radio,.icon-radio-small.icon-radio-checked{background-position: 0px -759px}
.dialog-button{text-align: center;}
.dialog-button .page-button { width: 160px; text-align: center; font-size: 16px; height: 46px;}
.page-bank-list li.new-added{padding-top: 19px; border-top: 1px solid #dbdbdb;text-align: center;}
.interesting-funds{background: #fff;padding: 40px 70px;}
.if-title{font-size: 16px; color: #666;padding-bottom: 24px;}
.if-list{margin-left: -30px;}
.if-list li{float: left; width: 216px; display: inline; margin-left: 30px;}
.if-list li a{display: block; height: 210px; background: #dcdcdc}
.reset-type-list li{float: left;display: inline; margin-right: 40px;font-size: 16px;}
.reset-type-list{}
.account-select{ min-width: 100px;}
.ui_select_account-select{text-align: center;}
.ui_select_account-select .ui_select_option{padding-left: 0px;}
.reset-type-list .icon-radio{ margin-right: 12px}
.inner-container{padding-bottom: 80px;}
.inner-next-btn{ width: 190px;}
a.inner-next-btn{width: 140px;text-align: center;}
.pay-banks{ position: relative;}
.pay-banks .more-bank{float: left; border: 1px dotted #666; font-size: 14px; color: #666; height: 30px; line-height: 30px; padding: 0 20px;}
.pay-banks ul {float: left; width:470px; height: 45px; overflow: hidden;}
.pay-banks ul li{float: left;display: inline; margin-right: 20px; margin-bottom: 15px;}
.pay-banks ul li label{display: inline-block;vertical-align: middle;white-space: nowrap;}
.pay-banks ul li label *{vertical-align: middle;}
.pay-banks ul li label img{ margin-right: 10px;}
.page-result-progress { position: relative; margin-left: 20px;}
.page-result-progress ul{ position: relative; z-index: 1}
.page-result-progress li{ font-size: 16px; position: relative;min-height: 140px;}
.page-result-progress li .progress-icon { display: inline-block;background: url(../images/progress-icon.png) no-repeat 0px -69px; position: relative; z-index: 1; float: left; left: 0px; width: 35px;height: 35px;vertical-align: middle;text-align: center; margin-right: 15px; font-size: 18px; border-radius: 5px; line-height: 32px;}
.page-result-progress li.last-item{margin-bottom: 0px;}
.progress-info{ margin-left: 35px; overflow: hidden;zoom:1;}
.progress-line{ width: 4px; height: 100%; position: absolute; left: 15px; top: 5px;background: #d2d2d2}
.p-i-t{padding-top: 5px;margin-bottom: 13px; font-size: 18px;}
.page-result-progress li.now em{ background-position: 0px 0px}
.page-result-progress li.now .progress-line{ background: #72c98c}
.progress-btns{text-align: center;}
.page-submit-btns{text-align: center; padding: 20px 0;}
.page-submit-btns .page-button{margin: 0 20px;}
.line-through{text-decoration: line-through;}
.v-bank-list li{ margin-bottom: 20px;}
.v-bank-list li label img{margin-right: 10px;}
.v-bank-list li .icon-radio{margin-top: 3px}
.form-sp-line{ height: 1px; overflow: hidden; background: #dbdbdb; margin: 30px -80px 30px -180px}
.form-table-tips{font-size: 14px;padding-left: 56px;margin: 20px 0}
.no-nav{ margin-top: 50px;}
.page-autocomplete .ui-helper-hidden-accessible{ display:none}
.page-autocomplete-ul{ border:1px solid #ddd; width:auto; position:absolute; background:#fff; z-index:100; border-radius:3px; box-shadow:0 0 3px rgba(0,0,0,0.3)}
.page-autocomplete-ul .ui-menu-item a{ padding:7px 10px; display:block;}
.page-autocomplete-ul .ui-menu-item a.ui-state-focus{ background:#f1f1f1;}
.comboboxDropdown{position: absolute; z-index: 10000}
.comboboxDropdown ul{border:1px solid #ccc; background: #fff;}
.page-combo{ width: 230px;}
.combobox-btn{display: inline-block; border: 1px solid #ccc; width: 18px; height: 30px; vertical-align:middle; border-left-color: transparent; position: relative; float: left;}
.combobox-btn i,.combobox-btn b{ position: absolute; width:0px;height: 0px; overflow: hidden; border-style: solid; border-width: 5px 5px 0 5px;left: 3px;}
.combobox-btn i{border-color: #666 transparent transparent transparent;top:13px;}
.combobox-btn b{border-color: #fff transparent transparent transparent;z-index: 1;top: 12px;}
.comboboxDropdown li{height: 32px;line-height: 32px; border-bottom: 1px solid #ddd;padding-left: 10px;}
.comboboxDropdown li:hover{ background: #f1f1f1}
.comboboxDropdown li.selected{background: #FF5656;color: #fff;}
/*基金学院*/
.fund-school-index,.fund-newissue{width: 100%;margin-top: 10px;margin-bottom: 30px;}
.school-page-breakage{width: 100%; height: 50px;text-align: center;margin: 40px auto;}
.school-page-breakage .page-breakage-cont{width: 98%;margin: 0 auto;}
.school-page-breakage .page-breakage-cont span{display: inline-block;font-size:14px;color: #333;margin: 0 3px;}
.school-page-breakage span.school-previous-page{width: 75px; height: 40px; line-height: 40px;background: #fff;border: 1px solid #dbdbdb;color: #999; cursor: pointer;}
.school-page-breakage span.school-previous-page:hover{background-color: #ff5656;color:#fff;}
.school-page-breakage span.school-previous-page-spal{color: #333;}
.school-page-breakage span.num-page{width: 40px; height: 40px;line-height: 40px;background: #fff;border: 1px solid #dbdbdb; cursor: pointer;}
.school-page-breakage span.num-page:hover{background-color: #ff5656;color:#fff;}
.school-page-breakage span.num-page-go{height: 25px;line-height: 24px;width: 40px;background: #fff;border: 1px solid #dbdbdb;cursor: pointer;}
.school-page-breakage span.num-page-go:hover{background-color: #ff5656;color:#fff;}
.school-page-breakage span.num-page-spal{background: #ff5656;border: 1px solid #ff5656;color: #fff;}
.school-page-breakage span.num-page-omit{width: 40px;height: 40px; line-height: 40px;}
.school-page-breakage .page-explain{display: inline-block;margin-left: 10px;}
.school-page-breakage .page-explain span{margin: 0 5px;color: #666;}
.school-page-breakage .page-explain span input{width: 40px;height: 25px;background: #fff;border: 1px solid #dbdbdb;margin: 0 5px;}
/*新发基金*/
.fund-newissue-list{width: 100%; height: 50px;line-height:50px;background: #fff;font-size: 18px;color:#999;border: 1px solid #dbdbdb;}
.fund-newissue-list-cont{display:inline-block; width: 16%;text-align: center;font-weight: bold;}
.fund-newissue-list-cont.up-first{ border-left: none;}
.fund-newissue-list-cont:hover{ text-decoration: none;}
.newissue-list-one{display: inline-block; width: 25px;height: 25px;margin-right: 5px; background: url(../images/2_03.png) no-repeat center center;vertical-align: middle;}
.newissue-list-two{background: url(../images/2_05.png) no-repeat center center;}
.newissue-spal{color: #333;height: 49px;background: #fff;border: 1px solid #DBDBDB; border-bottom: 1px solid #fff;border-top: 2px solid #ff5656;margin-top: -1px; }
.fund-newissue-onsale{margin:20px auto; width: 100%;text-align: center;height: 30px;font-size: 20px; color: #666;}
.newissue-list-three{background: url(../images/2_10.png) no-repeat center center;}
.newissue-list-four{background: url(../images/2_13.jpg) no-repeat center center;}
.fund-newissue-onsale-cont{width: 100%; height:auto; border: 1px solid #DBDBDB;border-top: 2px solid #ffa5a5; background: #ffffff;}
.fund-newissue-module{width: 100%; height: 110px;color: #333;font-size: 14px;}
.fund-newissue-module-title{height: 30px;line-height: 30px;margin-left: 40px;margin-top: 10px;font-size: 14px;color: #333;font-weight: bold;}
.fund-newissue-module-title span{padding: 3px 5px; width: 45px;height: 17px;background: #4fa9f6;font-size: 12px;color: #fff;border-radius: 3px;margin-left: 20px;}
.fund-newissue-module-cont{margin-left: 40px;}
.fund-newissue-module.up-2 ul li{width: 148px;}
.fund-newissue-module-cont ul li{float: left;width: 20%;height: 60px;}
.fund-newissue-module-cont ul li span{display: inline-block;width: 100%;height: 30px;line-height: 30px;}
.fund-newissue-module-cont ul li span.newissue-details-tit{font-size: 12px;color: #666;}
.fund-newissue-module-cont ul li span.newissue-details-con{font-size: 14px;}
.fund-newissue-module-cont ul li span.details-spal{font-size: 16px;}
.fund-newissue-module-cont .newissue-confirm{float: right;margin-right: 40px; width: 100px;height: 30px;line-height:30px;background: #ff5656;color: #fff;font-size: 14px;text-align: center;border-radius: 5px;}
hr.fund-newissue-hr{clear: both;width: 96%;background-color: #DBDBDB;height: 1px;border: none;}
/*活动专区*/
.fund-avtivity-index{width: 100%;margin-top: 10px;margin-bottom: 30px;}
.fund-acty-cont{width: 100%;height: 200px;background: #fff;border: 1px solid #DBDBDB;margin: 20px auto;position: relative;}
.fund-acty-pic{display: inline-block; width: 700px;height: 180px;background: url(../images/3_03.jpg) no-repeat center center;margin: 10px;}
.fund-acty-cont-title{float: right;width: 30%;padding: 0 20px;display: inline-block;position: absolute;}
.fund-acty-cont-title h3{font-size: 14px;color: #000;margin-top: 25px;height: 40px;line-height: 40px;}
.fund-acty-cont-title span.fund-acty-wenzi{font-size: 12px ;color:#666;}
.fund-acty-btn{margin-top: 20px; width: 150px;height: 40px;line-height: 40px;background: #ff5656;text-align: center;font-size: 14px;color: #fff;border-radius: 5px;}
.acty-list-cont{width: 355px;height: 280px;background: #fff;border:1px solid #DBDBDB;}
.acty-list-pic{display: inline-block;width: 335px;height: 180px;background: url(../images/3_06.jpg) no-repeat center center;margin: 10px;}
.acty-list{float:none;width: 93%;padding:0 3%;position: relative;}
.acty-list h3{margin-top: -10px;height: 30px;line-height: 30px;}
div.fund-acty-list-all{width: 100%;height: auto; margin-bottom: 50px;clear: both;}
.fund-acty-list-all .fund-acty-list{width: 32%;float: left;margin-right: 20px;margin-bottom: 20px;}
.fund-acty-list-all .fund-acty-list .acty-list-cont{width: 100%;}
.fund-acty-list-all .acty-list-pic{width: 95%;margin: 2.5%;}
/*自选基金*/
.fund-optional-index{width: 100%;margin-top: 10px;margin-bottom: 50px; font-family: "微软雅黑";}
.fund-optional .page-table-title h3{font-weight: bold;}
.fund-optional .optional-h3-spal{margin-top: 10px;}
.optional-add{ height: 26px; line-height: 26px; font-size: 14px; color: #000;}
.optional-add-shuru{width: 170px;height: 24px;background: transparent;border: 1px solid #999999;border-radius: 7px;text-align: left;padding: 0 10px;}
.optional-add-btn{width: 65px;height: 26px;color: #fff;background: #5394d0;border: none;border-radius: 7px;margin-left: 10px;}
.optional-list{width: 100%;height: 45px;background: #fff;border: 1px solid #dbdbdb;margin-top: -1px;font-size: 12px;color: #000;}
.optional-list ul{margin-left: 25px;}
.optional-list ul li{float: left;width: 11%;line-height: 45px;}
.optional-list ul li.optional-list-spal{width:5%;}
.optional-list ul li.optional-list-spal-wid{width: 9.5%;}
.optional-list .optional-list-sty{clear:both; display:inline-block; width: 90px;height: 20px;line-height:20px;border: 1px solid #DBDBDB;text-align: center;color: #333; cursor: pointer;}
.optional-list .optional-list-sty.on{background: #ff5656;color: #fff;border-color: #ff5656;}
.optional-list .optional-list-sty:hover{background: #ff5656;color: #fff;border-color: #ff5656;}
.optional-list .optional-list-sty.on .optional-list-icon,
.optional-list .optional-list-sty:hover .optional-list-icon{ background-position: -10px 2px;}
.optional-list .optional-list-moren{width: 75px;}
.optional-list .optional-list-icon{display: inline-block; width: 10px;height: 15px;background: url(../images/icon-sort.png) 0 2px no-repeat;margin-left: 3px;vertical-align: middle;}
.optional-list .optional-list-sty.up-up .optional-list-icon{ background-position-y:-18px;}
.optional-cont-one-title{height: 40px;line-height: 40px;margin-left: 26px;margin-top: 10px;font-size: 14px;color: #333;font-weight: bold;}
.optional-cont-one-title span{padding: 3px 5px; width: 45px;height: 17px; margin-left: 20px; background: #4fa9f6;font-size: 12px;color: #fff;border-radius: 3px;}
.optional-cont-one-title .btn-compare{ margin-left: 20px; }
.optional-cont{width: 100%;height: auto;background: #fff;border: 1px solid #DBDBDB;margin-top: 20px;clear: both;}
.optional-cont-one-cont{margin-left: 26px;clear: both;height: 85px;}
.optional-cont-one-cont ul li{float: left;width: 12%;height: 60px;}
.optional-cont-one-cont ul li span{display: inline-block;width: 100%;height: 30px;line-height: 30px;}
.optional-cont-one-cont ul li span.optional-cont-tit{font-size: 12px;color: #666;}
.optional-cont-one-cont ul li span.optional-cont-con{font-size: 18px;color: #FF5656;font-weight: bold;}
.optional-cont-one-cont ul li span.optional-spal{font-size: 16px;color: #000;font-weight: normal;}
.optional-cont-one-cont ul li span.optional-spal-two{color: #000;}
.optional-cont-one-cont ul li span.optional-spal-three{font-size: 14px;color: #000;font-weight: normal;}
.optional-cont-one-cont ul li.optional-cont-on{width: 19%;}
.optional-cont-one-cont .optional-cont-on input{width: 82px;height: 30px;border: none;border-radius: 5px;font-size: 14px;color: #fff;}
.optional-cont-one-cont .optional-cont-on input.optional-bluebtn{background: #5394d0;margin-left: 10px;}
.optional-cont-one-cont .optional-cont-on input.optional-redbtn{background: #ff5656;}
.optional-cont-one-cont ul li.optional-cont-tianjia{width: 8%; border-left: 1px solid #dbdbdb;text-align: center;}
.optional-cont-one-cont .optional-cont-tianjia .optional-tianjia-tem{width: 70%;margin: 0 auto; color: #333;}
.optional-cont-tianjia .optional-tianjian-icon{display: inline-block; width:100% ;height: 20px;background: url(../images/自选基金_07.jpg) no-repeat center center;vertical-align: middle;}
.optional-cont-tianjia span.optional-tianjian{display: inline;font-size: 12px;color: #000;height: 20px;}
span.page-table-title-sla{background: #fff;color: #666;font-size: 12px;font-weight: normal;margin-left: 13px;}
span.page-table-title-zhe{background: #fff;color: #e39530;font-size: 14px;margin-left: 8px;}
/*导购-全部基金*/
.fund-guide-index{width: 100%;margin-top: 10px; font-family: "微软雅黑";}
.fund-guide-index .newissue-list-one{background: url(../images/5_05.png) no-repeat;}
.fund-guide-index .newissue-list-two{background: url(../images/5_03.png) no-repeat;}
.fund-guide-index .fund-guide-leading{width: 100%; background: #fff;border: 1px solid #DBDBDB;border-top: none;}
.fund-guide-index .fund-guide-leading .filter-groups{ margin-left: 26px;}
.fund-guide-index .guide-leading-one{height: 40px;margin-left: 30px;clear: both;}
.fund-guide-leading{padding-top: 1px;}
.fund-guide-index .guide-leading-one li{float: left;width: 8%;line-height: 40px;font-size: 14px;color: #333;}
.fund-guide-index .guide-leading-one li .guide-leading-spal,.guide-leading-two li .guide-leading-spal{color: #666;font-weight: bold;}
.fund-guide-index .guide-leading-one li .guide-leading-on{background: #FF5656;color: #fff;padding: 3px 7px;border-radius: 3px;}
.fund-guide-index .guide-leading-two li{float: left;width: 8%; line-height: 40px;font-size: 14px;color: #333;}
.fund-guide-index .guide-leading-two li .guide-leading-on{background: #FF5656;color: #fff;padding: 3px 7px;border-radius: 3px;width: 45px;height: 23px;line-height:23px;display: inline-block;position: relative;}
.guide-leading-spal,.guide-leading-on{ cursor: default;}
.fund-guide-leading .guide-leading-icon{display: inline-block;position: absolute; width: 10px;height: 8px;background: url(../images/5_10.png) no-repeat;top: 12px;right: 5px;}
.guide-leading-two li.guide-leading-li{width: 65%;}
.guide-leading-two li.guide-leading-li span{display: inline-block;margin: 0 7px;}
.fund-guide-leading .guide-leading-three li{line-height: 40px;}
.guide-list{border-top: 3px solid #FF5656;margin-top: 20px;}
.guide-cont{margin-top: 15px;}
.guide-cont .optional-cont-one-cont ul li{width: 12%;}
.guide-cont .optional-cont-one-cont ul li span.guide-cont-spal{color: #2a9849;}
.guide-cont span.guide-title-spal{background: #dff0ff;border: 1px solid #4fa9f6;color: #1c74c6;height: 15px;padding:0 8px 0 5px;font-weight: normal;}
.guide-cont .optional-cont-one-cont ul li.optional-cont-on{text-align: right;}
.guide-cont .optional-cont-on input.optional-redbtn{width: 110px; cursor: pointer;}
.guide-float-cont{z-index: 5;width: 295px;height: 85px;position: absolute;margin-left: 200px;margin-top: -8px;}
.guide-float-icon em{display: inline-block;margin-left: 10px; width: 15px;height: 11px;background: url(../images/34_03.png) no-repeat center center;z-index: 10;*margin-left: 5px;position: absolute; top: -10px;}
.guide-float-main{width: 100%;height: 70px;background: #f2f2f2;border: 1px solid #ffa5a5;margin-top: 12px;*margin-top: 12px;*margin-left:-30px;position: relative;}
.guide-float-main-hot{width: 100%;height: auto;}
.guide-float-main-hot span{display: inline-block;width: 18%;line-height:35px;text-align: center;font-size: 14px;color: #333;}
.icon-btn{ display: block; background: url("../images/icon-btn.png") no-repeat;}
.icon-btn.up-plus{ width: 26px; height: 26px; background-position: -19px -14px;}
.icon-btn.up-reduce{ width: 26px; height: 26px; background-position: -84px -14px;}
.icon-btn.up-refresh{ width: 20px; height: 20px; background-position: -22px -74px;}
.icon-btn.up-what{ width: 14px; height: 14px; background-position: -84px -77px;}
.icon-star{ display: inline-block; background: url("../images/icon-star.png") no-repeat;}
.icon-star.up-red{ width: 26px; height: 26px; background-position: -5px -2px;}
.icon-star.up-red-o{ width: 26px; height: 26px; background-position: -5px -66px;}
.icon-star.up-yellow{ width: 26px; height: 26px; background-position: -47px -2px;}
.icon-star.up-min{ width: 12px; height: 12px; background-position: -12px -43px; }
/*没有基金时显示的图标*/
.icon-drawer{ display: inline-block; width: 36px; height: 31px; background: url("../images/icon-drawer.png") no-repeat;}
.null-drawer{ display: inline-block; padding-left: 46px; line-height: 194px; font-size: 16px; color: #333; background: url("../images/icon-drawer.png") left center no-repeat;}
.btn{ cursor: pointer; text-align: center;}
.btn:hover{ text-decoration: none; opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}
.btn-link{ border: none; background-color: transparent; color: #5394d0; text-indent: 0;}
.btn-link:hover{ text-decoration: none;}
.btn-blue{ border: none; border-radius: 4px; background-color: #5394d0; color: #fff;}
.btn-blue-o{ border: 1px solid #5394d0; background-color: transparent; color: #5394d0; border-radius: 4px;}
.btn-red{ border: none; background-color: #ff5656; color: #fff; border-radius: 4px;}
.btn-red-o{ border: 1px solid #ff5656; background-color: transparent; color: #ff5656;}
.btn-red-disabled{ border: none; background-color: #ffaaaa; color: #fff; border-radius: 4px;}
.btn-red-disabled:hover{cursor: default; background-color: #ffaaaa; opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.btn-grey{ border: none; background-color: #ccc; color: #fff; border-radius: 4px;}
.btn-radius-2{ border-radius: 2px;}
.btn-disabled{ background-color: #ccc; color: #fff;}
.btn-disabled:hover{ background-color: #ccc; color: #fff; opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.btn-grey-o{ border: 1px solid #c1c1c1; background-color: transparent; color: #666;}
/*重置 重新选择*/
.btn-retest{ cursor: pointer; width: 88px; height: 22px; color: #5394d0; background-color: #faf4e4; border: 1px solid #d2d0ca; border-radius: 2px;}
.btn-retest>span{ float: left; margin-left: 8px;}
.btn-retest>i{ float: left;}
/*+比较*/
.btn-compare{ cursor: pointer; width: 48px; height: 18px; line-height: 18px; font-size: 12px; color: #1c74c6; background-color: #dff0ff; border: 1px solid #4fa9f6; border-radius: 2px;}
.btn-compare.up-compared{color: #fff; background-color: #e3dede; border: 1px solid #979393;}
.btn-gotocompare{margin: 0 auto; text-align: center;display: block; margin-top: 15px;}
.btn-gotocompare a{ cursor: pointer; width: 110px;display: block;margin: 0 auto; height: 18px; padding:5px 0; line-height: 18px; font-size: 16px; color: #1c74c6; background-color: #dff0ff; border: 1px solid #4fa9f6; border-radius: 2px; }
.btn-gotocompare a:hover{background-color: #54ABF7; display: block;color:#fff;transition: all 0.3s; text-decoration: none;}
.page-wrap-content{ border: 1px solid #DBDBDB; padding: 20px 40px;}
/*组合推荐*/
.zhtj-risk-result{ position: relative; margin-top: 30px; margin-bottom: 150px; background-color: #fff; }
.zhtj-risk-result h4{ margin-top: 6px; margin-bottom: 12px; font-size: 16px; color: #000; }
.zhtj-risk-result-right-table{ position: absolute; right: 40px; top: 20px;}
.zhtj-risk-result-right-table button{ float: right; margin-left: 4px;}
.zhtj-risk-result-right-table td { padding: 10px 16px; line-height: 26px; border: 1px solid #faf4e4; font-size: 14px; color: #000; text-align: center;}
.zhtj-risk-result-right-table td .up-num{ font-size: 18px; line-height: 40px; }
.zhtj-risk-result-chart{ padding: 10px 0 20px;}
.zhtj-risk-result-chart img{ display: block; margin: 0 auto;}
.zhtj-risk-result-chart p{ margin: 20px auto; width: 665px; font-size: 14px; color: #333; line-height: 30px;}
.zhtj-risk-result-red{ margin-top: 58px; border: 1px solid #faf4e4; background-color: #fffdf9;}
.zhtj-risk-result-red h3{ padding-left: 10px; line-height: 34px; font-weight: normal; font-size: 16px; color: #000;}
.zhtj-risk-result-red .page-table-box{ margin: 0; margin-bottom: -1px; border-left: none; border-right: none;}
.zhtj-risk-result-line-graph h3{ font-size: 16px; font-weight: normal; color: #000; margin-top: 16px; margin-bottom: 16px;}
.zhtj-risk-result-line-graph .input-area{ margin-top: 68px; margin-bottom: 40px; margin-left: 260px; color: #787878;}
.zhtj-risk-result-line-graph .input-area input{ margin-left: 5px; margin-right: 10px; padding-left: 10px; padding-right: 10px; width: 194px; height: 36px; line-height: 36px; border: 1px solid #b3b3b3; border-radius: 5px; }
.zhtj-risk-result-line-graph .input-area button{ width: 134px; height: 36px; background-color: #ff5656; color: #fff; border: none; border-radius: 5px; }
/*基金比较与配置比较的tab*/
.jjbj-tabs{width: 100%; height: 50px;line-height:50px;background: #fff;font-size: 18px;color:#999;border: 1px solid #dbdbdb;}
.jjbj-tabs>li{ display:inline-block; width: 16%;text-align: center; cursor: pointer;}
.jjbj-tabs>li.on{color: #333;height: 49px;background: #fff;border: 1px solid #DBDBDB; border-bottom: 1px solid #fff;border-top: 2px solid #ff5656;margin-top: -1px;}
.jjbj-tabs>li>a{ display: block;}
.jjbj-tabs>li>a:hover{ text-decoration: none;}
.jjbj-tabs>.up-first{ border-left: none;}
.jjbj-tabs>.up-first.on{ border-left: none;}
.jjbj-add-to-compare{ position: relative; left: 677px; width: 424px; margin: 17px 0;}
.jjbj-add-to-compare input{ width: 170px; height: 28px; padding: 0 10px; border-radius: 7px; border: 1px solid #5394d0;}
.jjbj-add-to-compare button{ width: 90px; height: 30px; margin-left: 34px;}
/*基金比较*/
.jjbj-tables{ margin-top: 18px;}
.jjbj-table-blocks td{ border-right: 1px solid #e2edf4;}
.jjbj-tables .btns-manage button{ width: 60px; height: 30px;}
.jjbj-tables .btns-manage .btn-blue-o{ margin: 4px 22px 4px 0; }
.jjbj-tables h3{ margin-top: 20px; margin-bottom: 10px; border-left: 6px solid #ff5656; font-size: 16px; color: #000;padding-left: 10px;font-weight: normal;}
.jjbj-tables h3 span{ font-size: 14px;}
.jjbj-tables-split{ font-weight: bold; position: relative; top: -2px; margin: 0 5px;}
.jjbj-table-score td>div{ margin-left: 25px;}
.jjbj-graphic-analysis{ padding: 30px 20px; margin-bottom: 140px; background: #fff;}
.jjbj-graphic-analysis label{ margin-right: 24px;}
/*表格风格 1*/
.table-style-1{ background-color: #fff; border: 1px solid #cedee8; color: #000;}
.table-style-1 th{ font-size: 14px; font-weight: normal; color: #000; background-color: #e2edf4;}
.table-style-1 td,
.table-style-1 th{ position: relative; padding: 17px 0;}
.table-style-1 th .icon-btn.up-what{ position: absolute; top: 22px; right: 6px; cursor: pointer;}
.table-style-1 td{ font-size: 14px; line-height: 22px; border-bottom: 1px solid #e2edf4; text-align: center;}
/*配置比较*/
.pzbj-tables{ margin-top: 18px;}
.pzbj-table-blocks td{ border-right: 1px solid #e2edf4;}
.pzbj-tables .btns-manage button{ margin: 4px 22px 4px 0; width: 60px; height: 30px;}
.pzbj-tables h3{ margin-top: 20px; margin-bottom: 10px; border-left: 6px solid #ff5656; font-size: 16px; color: #000;padding-left: 10px;font-weight: normal;}
.pzbj-tables h3 span{ font-size: 14px;}
.pzbj-tables .pzbj-th-fixed th{ height: 57px; padding: inherit;}
.pzbj-tables .pzbj-ths-v th{ background-color: #d1e3ee;}
.pzbj-tables .up-top-holding{ width: 100%; text-align: center;}
.pzbj-tables .up-top-holding td{ border: none; padding: 0;}
.pzbj-tables .up-top-holding .up-align-left{ text-align: left;}
.pzbj-tables .pzbj-top-holding .up-border { border-right: 1px solid #bed5e3;}
.pzbj-tables .pzbj-top-holding .up-even td{ background-color: #f7fcff;}
.pzbj-tables .up-last-table{ margin-bottom: 110px;}
.icon-left-menu{ display: block; width: 20px; height: 20px; background: url("../images/icon-left-menu.png") no-repeat;}
.icon-left-menu.up-1{ background-position: 0 -5px;}
.icon-left-menu.up-2{ background-position: 0 -59px;}
.icon-left-menu.up-3{ background-position: 0 -113px;}
.icon-left-menu.up-4{ background-position: 0 -170px;}
.icon-left-menu.up-5{ background-position: 0 -225px;}
.icon-left-menu.up-6{ background-position: 0 -281px;}
.icon-left-menu.up-7{ background-position: 0 -336px;}
.page-left-menu{ width: 185px; margin-bottom: 130px; background-color: #fff;}
.page-left-menu>ul{ padding: 6px 0; border: 1px solid #e7e7e7;}
.page-left-menu>ul>li{ line-height: 50px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; cursor: pointer;}
.page-left-menu a:hover{ text-decoration: none;}
.page-left-menu>ul>li>a,
.page-left-menu>ul>li>div{ display: block; height: 50px; font-size: 14px; color: #666; border-left: 5px solid transparent;}
.page-left-menu>ul>li.on{ background-color: #f2f2f2; border-top-color: #e7e7e7; border-bottom-color: #e7e7e7;}
.page-left-menu>ul>li.on>a,
.page-left-menu>ul>li.on>div{ border-left-color: #ff5656;}
.page-left-menu .icon-left-menu{ float: left; margin-left: 22px; margin-right: 13px; margin-top: 14px;}
.page-left-menu .icon-slide{ margin-left: 15px;}
.page-left-menu>ul>li.on .icon-slide{ background-position-x:-17px; }
.page-left-menu .up-person-info .icon-slide{ margin-left: 5px;}
.page-left-menu .up-left-menu-parent>ul{ border-top:1px solid #e7e7e7;}
.page-left-menu .up-left-menu-parent.on .up-left-menu-children{ display: block;}
.page-left-menu .up-left-menu-children{ display: none; padding-top: 5px; padding-bottom: 5px;}
.page-left-menu .up-left-menu-children>li{ line-height: 38px;}
.page-left-menu .up-left-menu-children>li>a{ display: block; font-size: 12px; line-height:38px; }
.page-left-menu .up-left-menu-children .up-point{ display: inline-block; margin-right: 15px; margin-left: 37px; border-radius: 2px; width: 5px; height: 5px; border: 1px solid #bcbcbc;}
.page-left-menu .up-left-menu-children>li.on .up-point{ background-color: #ff5656;}
.page-right-content{ width: 883px; margin-bottom: 60px;}
/*账户安全等级*/
.icon-account-safe-level{ display: inline-block; width: 14px; height: 16px; background: url("../images/icon-user-safe-level-shield.png") no-repeat;}
.account-safe-level{ display: inline-block; width: 53px; height: 18px; font-size: 12px; line-height: 20px; overflow: hidden; border-radius: 2px; border: 1px solid;}
.account-safe-level.up-1{ background-color: #fc3c27; color: #fc3c27; border-color: #fc3c27; }
.account-safe-level.up-2{ background-color: #fcbf76; color: #fcbf76; border-color: #fcbf76; }
.account-safe-level.up-3{ background-color: #35cbbb; color: #35cbbb; border-color: #35cbbb; }
.account-safe-level i{ float: left; margin-left: 5px;}
.account-safe-level span{ float: right; width: 50%; text-align: center; line-height: 18px; background-color: #fff; font-size: 12px;}
/*账户总览*/
.account-info{}
.account-info .up-simp-info{ border: 1px solid #e7e7e7; background-color: #fff; padding: 25px 40px; overflow: hidden;}
.account-info .up-simp-info .up-logo{ float: left; width: 69px; height: 68px; border-radius: 100px; overflow: hidden; background: url("../images/user-logo-default.png") no-repeat;}
.account-info .up-simp-info .account-safe-level{ position: relative; bottom: -5px;}
.account-info .up-simp-info table{ float: left; height: 70px; margin-left: 30px;}
.account-info .up-simp-info .fx_tips{width: 170px; height:50px; padding:2px 5px; line-height: 17px; background: #fff;
border: 2px solid #ff5656;
position: absolute; right: 130px; top: 210px;overflow: hidden;
font-size: 12px;
color: #666;
}
.account-info .up-simp-info .fx_icon{
position: absolute;
top: 230px;
right: 313px;
width: 0;
height: 0;
border-bottom: 8px solid transparent; /* 下边框的高 */
border-top: 8px solid transparent; /* 上方边框的高 */
border-right: 8px solid #ff5656; /* 右边框的长度|宽度，以及背景色 */
font-size: 0;
line-height: 0;
}
.account-info .up-profile{ padding: 35px 40px; background-color: #fff; border: 1px solid #e7e7e7; border-top: none;}
.account-info .up-profile table{ height: 70px; width: 100%;}
.account-info .up-profile table .up-border{ border-right: 1px solid #e7e7e7;}
.account-info .up-profile table .up-padding{ padding-left: 40px;}
.account-info .up-profile th{ height: 24px; font-size: 14px; color: #333; text-align: left; font-weight: normal;}
.account-info .up-profile td{ font-size: 30px; color: #666; vertical-align: bottom;}
.account-info .up-profile .up-icon{ float: left; display: inline-block; width: 22px; height: 22px; margin-right: 4px; background: url("../images/icon-account.png") no-repeat;}
.account-info .up-profile .up-icon.up-1{ background-position: 0 0;}
.account-info .up-profile .up-icon.up-2{ background-position: -38px 0;}
.account-info .up-profile .up-icon.up-3{ background-position: -77px 0;}
.account-info .up-profile .up-icon.up-4{ background-position: -114px 0;}
.account-info .up-profile-line-graph { margin-top: 40px;}
.account-info .up-profile-line-graph h3{ margin-bottom: 25px; border-left: 6px solid #ff5656;font-size: 18px;color: #000;padding-left: 10px;font-weight: normal;}
.account-info .up-profile-line-graph .up-select-time{ margin-left: 100px; margin-bottom: 30px;}
.account-info .up-profile-line-graph .up-select-time button{ margin: 0 13px; height: 23px; line-height: 23px; padding: 0 13px; font-size: 12px; color: #666; background-color: transparent; border: none; border-radius: 2px; overflow: hidden;}
.account-info .up-profile-line-graph .up-select-time button.on{ background-color: #ff8b8b; color: #fff; }
.account-info .up-fund-distributed{ padding: 30px 40px; margin-top: 30px; background-color: #fff; border: 1px solid #e7e7e7;}
.account-info .up-fund-distributed h3{ margin-bottom: 25px; border-left: 6px solid #ff5656;font-size: 18px;color: #000;padding-left: 10px;font-weight: normal;}
.account-info .up-fund-distributed img{ margin-top: 26px; margin-left: 127px;}
.account-info .up-fund-diagnosis{ padding: 30px 40px; margin-top: 30px; margin-bottom: 90px; background-color: #fff; border: 1px solid #e7e7e7;}
.account-info .up-fund-diagnosis h3{ margin-bottom: 25px; border-left: 6px solid #ff5656;font-size: 18px;color: #000;padding-left: 10px;font-weight: normal;}
.account-info .up-fund-diagnosis h4{ font-size: 16px; color: #333; font-weight: normal; line-height: 28px;}
.account-info .up-fund-diagnosis>p{ font-size: 14px; color: #333;}
/*收益评级*/
.rate-grade{ height: 90px; border-bottom: 1px dashed #ddd;}
.rate-grade .up-grade-now{ float: left; width: 130px; border-right: 1px dashed #ddd; font-size: 28px; text-indent: 12px; line-height: 90px; }
.rate-grade .up-grades{ float: left; margin-left: 44px;}
.rate-grade .up-grade{ float: left; margin-right: 26px;}
.rate-grade .up-grade-tip{ display: none; position: absolute; top: -29px; height: 29px; color: #fff; border-radius: 2px; visibility: hidden;}
.rate-grade .up-grade-tip>div{ padding: 0 10px; line-height: 29px; white-space: nowrap;}
.rate-grade .up-grade-tip-wrap{ position: relative; height: 26px;}
.rate-grade .up-grade-tip-wrap .up-angle{ position: absolute; top: 29px; left: 50%; margin-left: -7px; width: 0; height: 0; border-top:9px solid #eee; border-left: 7px solid transparent; border-right: 7px solid transparent; }
.rate-grade .up-grade-bar { width: 56px; height: 5px; margin-bottom: 10px; background-color: #eee;}
.rate-grade .up-grade-text { color: #666; text-align: center; text-indent: 0;}
.rate-grade .up-grade.up-1 .up-grade-tip{background-color: #35cbbb;}
.rate-grade .up-grade.up-1 .up-grade-bar{background-color: #35cbbb;}
.rate-grade .up-grade.up-1 .up-angle{border-top-color: #35cbbb;}
.rate-grade .up-grade.up-2 .up-grade-tip{background-color: #82b0ed;}
.rate-grade .up-grade.up-2 .up-grade-bar{background-color: #82b0ed;}
.rate-grade .up-grade.up-2 .up-angle{border-top-color: #82b0ed;}
.rate-grade .up-grade.up-3 .up-grade-tip{background-color: #fcbf76;}
.rate-grade .up-grade.up-3 .up-grade-bar{background-color: #fcbf76;}
.rate-grade .up-grade.up-3 .up-angle{border-top-color: #fcbf76;}
.rate-grade .up-grade.up-4 .up-grade-tip{background-color: #ff9364;}
.rate-grade .up-grade.up-4 .up-grade-bar{background-color: #ff9364;}
.rate-grade .up-grade.up-4 .up-angle{border-top-color: #ff9364;}
.rate-grade .up-grade.up-5 .up-grade-tip{background-color: #fb6f74;}
.rate-grade .up-grade.up-5 .up-grade-bar{background-color: #fb6f74;}
.rate-grade .up-grade.up-5 .up-angle{border-top-color: #fb6f74;}
.rate-grade.up-grade-now-1 .up-grade.up-1 .up-grade-tip{ display: block;}
.rate-grade.up-grade-now-2 .up-grade.up-2 .up-grade-tip{ display: block;}
.rate-grade.up-grade-now-3 .up-grade.up-3 .up-grade-tip{ display: block;}
.rate-grade.up-grade-now-4 .up-grade.up-4 .up-grade-tip{ display: block;}
.rate-grade.up-grade-now-5 .up-grade.up-5 .up-grade-tip{ display: block;}
.rate-grade.up-grade-now-1 .up-grade-now{ color: #35cbbb;}
.rate-grade.up-grade-now-2 .up-grade-now{ color: #82b0ed;}
.rate-grade.up-grade-now-3 .up-grade-now{ color: #fcbf76;}
.rate-grade.up-grade-now-4 .up-grade-now{ color: #ff9364;}
.rate-grade.up-grade-now-5 .up-grade-now{ color: #fb6f74;}
.filter-groups{ position: relative; }
.filter-groups.up-style-1 .filter-group .up-filter-items>li.on .up-filter-item{background-color: #ff5656;}
.filter-groups.up-style-1 .filter-group .up-filter-item:hover{background-color: #ff5656;}
.filter-groups.up-style-1 .filter-group .up-filter-pop-content>span.on{background-color: #ff5656;}
.filter-group{ overflow: hidden; clear: left; margin: 26px 0;}
.filter-group.up-banks img{ width: 22px; height: 22px; margin-right: 4px; margin-top: -3px;}
.filter-group .up-filter-title{ float: left; width: 95px;}
.filter-group .up-filter-items{ float: left;}
.filter-group .up-filter-items>li{ float: left; margin-right: 15px; cursor: pointer;}
.filter-group .up-filter-items>li.on .up-filter-item{ background-color: #ff8b8b; color: #fff;}
.filter-group .up-filter-item{ display: block; padding: 0 10px; border-radius: 2px; line-height: 23px; color: #333; cursor: pointer; }
.filter-group .up-filter-items>li.up-letter{ margin-right: 7px;}
.filter-group .up-filter-items>li.up-letter .up-filter-item{ padding: 0 8px; }
.filter-group .up-filter-item-pop{ position: relative;}
.filter-group .up-filter-items>li:hover .up-filter-item{text-decoration: none; background-color: #ff5656; color: #fff;}
.filter-group .up-filter-items>li:hover .up-filter-pop{ display: block;}
.filter-group .up-filter-pop{ position: absolute; z-index: 2; display: none; top: 33px; left: -4px; }
.filter-group .up-filter-pop-icon{ position: absolute; z-index: 2; top: -22px; left: 1px; width: 31px; height: 24px; background: url("../images/34_03.png") center bottom no-repeat;}
.filter-group.filter-company .up-filter-pop-icon{left: 1px; width: 31px;}
.filter-group.filter-achievement .up-filter-pop-icon{ left: -5px; width: 80px;}
.filter-group.filter-more-category .up-filter-pop-icon{ left: 1px; width: 80px;}
.filter-group .up-filter-pop-content{ width: 290px; padding: 7px 15px; border: 1px solid #ffa5a5; background-color: #f2f2f2; color: #333; border-radius: 4px; line-height: 26px; cursor: default;}
.filter-group .up-filter-pop-content>span{ padding: 0 10px; cursor: pointer; white-space: nowrap; cursor: pointer;}
.filter-group .up-filter-pop-content>span.on{ background-color: #ff8b8b; color: #fff;}
.filter-group .up-filter-item .icon-down{ position: relative; top: -3px; left: 2px;}
/*基金公司的按字母筛选项，点击字母出现相应的公司列表弹出框*/
.filter-group-has-pop{ overflow: visible; height: 23px;}
/*前往比较*/
.go-to-compare{ display: none; position: fixed; background: url('../images/compare.png') left top no-repeat; top: 140px; left: 0px; z-index: 9999; width: 70px; height: 107px;border-radius: 0 4px 4px 0; }
.go-to-compare a{display: block; padding: 14px 4px; color: #fff; width:26px; padding-left: 10px;}
.go-to-compare:hover{ text-decoration: none;}
.go-to-compare a:hover{ text-decoration: none;}
/*绝对定位的时间筛选*/
.filter-period{ position: absolute; right: 40px; top: 30px;}
.filter-period .page-input-calendar{ float: left; width: 100px; height: 23px; line-height: 23px; padding: 0 6px; border: 1px solid #d9d9d9; cursor: auto;}
.filter-period-gap{ float: left; margin: 0 6px; color: #d9d9d9;}
.filter-period button{ float: right; width: 58px; height: 25px; margin-left: 15px; color: #333; border: 1px solid #d9d9d9; border-radius: 2px; background-color: transparent; cursor: pointer;}
.filter-period .up-filter-period-gap{ float: left; margin: 0 4px;}
/*基金筛选中的机构评级*/
.filter-group .up-rating-agencies-row .up-level{ padding: 0 10px; cursor: pointer; white-space: nowrap;}
.filter-group .up-rating-agencies-row .up-level.on{ background-color: #ff5656; color: #fff;}
.filter-group .up-rating-agencies-rows{ width: 390px;}
.trade-detail .filter-groups{ border: 1px solid #e7e7e7; padding: 4px 40px; background-color: #fff; }
.trade-detail .up-filter-result{ padding: 30px 40px; margin-top: 30px; margin-bottom: 100px; background-color: #fff; border: 1px solid #e7e7e7; overflow: hidden;}
.trade-detail .up-filter-result .pagination{ margin-top: 50px;}
/*页码*/
.pagination{}
.pagination>li{ float: left; margin-left: 8px;}
.pagination .up-link{ padding: 0 5px; border: 1px solid #b2b8c5; color: #333; font-size: 12px; line-height: 20px; cursor: pointer;}
.pagination .up-link.on{ background-color: #3e95ff; border-color: #1970db; color: #fff;}
.pagination .up-input-num{ color: #333; font-size: 12px;}
.pagination .up-input-num input{ width: 37px;}
.pagination .up-btn{}
.pagination.up-style-2{ line-height: 25px; }
.pagination.up-style-2 .up-link{ padding: 0 15px; font-size: 14px; color: #999;}
.pagination.up-style-2 .up-link:hover{ color: #333; background-color: #faf4e4;}
.pagination.up-style-2 .up-input-num input{ border: 1px solid #b2b8c5; }
.pagination.up-style-3{ line-height: 40px; font-size: 14px; color: #999; text-align: center;}
.pagination.up-style-3>li{display: inline-block; float: none;}
.pagination.up-style-3 .up-num{ width: 40px; height: 40px; color: #333; border: 1px solid #dbdbdb; cursor: pointer;}
.pagination.up-style-3 .up-num.on{ background-color: #ff5656; color: #fff;}
.pagination.up-style-3 .up-previous{ padding: 0 15px; height: 40px; border: 1px solid #dbdbdb;cursor: pointer;}
.pagination.up-style-3 .up-next{ padding: 0 15px; height: 40px; border: 1px solid #dbdbdb;cursor: pointer;}
.pagination.up-style-3 .up-input-num{ font-size: 14px; color: #666;}
.pagination.up-style-3 .up-input-num input{ width: 42px; height: 25px; text-align: center; line-height: 25px; border: 1px solid #dbdbdb;}
.pagination.up-style-3 .up-ellipsis{ padding: 0 15px; height: 40px;}
/*关于slide的图标*/
.icon-slide{ display: inline-block; width: 14px; height: 10px; background: url("../images/icon-slide.png") no-repeat; }
.icon-slide.up-up{ background-position: 0 0;}
.icon-slide.up-down{ background-position: 0 0;}
/*密码安全级别*/
.pw-safe-level{}
.pw-safe-level li{ float: left; position: relative; overflow: hidden; width: 59px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #ccc; color: #ccc;}
.pw-safe-level li>span{ position: absolute; width: 100%; left: 0; top: 0;}
.pw-safe-level .up-1{ border-radius: 8px 0 0 8px;}
.pw-safe-level .up-2{ margin: 0 3px;}
.pw-safe-level .up-3{ border-radius: 0 8px 8px 0;}
.pw-safe-level .up-bac{ height: 100%; display: none;}
.pw-safe-level .up-1.on .up-bac-top{ height: 55%; background-color: #ff7878;}
.pw-safe-level .up-1.on .up-bac-bottom{ height: 45%; background-color: #ff5656;}
.pw-safe-level .up-2.on .up-bac-top{ height: 55%; background-color: #ffd133;}
.pw-safe-level .up-2.on .up-bac-bottom{ height: 45%; background-color: #ffc600;}
.pw-safe-level .up-3.on .up-bac-top{ height: 55%; background-color: #41d78b;}
.pw-safe-level .up-3.on .up-bac-bottom{ height: 45%; background-color: #11cd6e;}
.pw-safe-level li.on{ color: #fff;}
.pw-safe-level li.on .up-bac{ display: block;}
/*头部带红色块的title*/
.title-1{ border-left: 6px solid #ff5656; padding-left: 10px; font-size: 18px; color: #000;font-weight: normal;}
.title-2{ border-left: 3px solid #ff5656; padding-left: 10px; font-size: 18px; color: #ff5656; font-weight: normal; font-size: 16px; line-height: 16px;}
.hr-red{ height: 2px; background-color: #ff5656; }
.hr-gray{ display: block; height: 1px; background-color: #f5f5f5; }
/*卡片状 银行卡 以及 +号银行卡*/
.bank-card{ float: left; width: 321px; height: 180px; margin-right: 56px; margin-bottom: 30px; border: 1px solid #e7e7e7; border-radius: 5px;}
.bank-card .up-top{ overflow: hidden;}
.bank-card .up-top .up-name{ float: left; line-height: 65px;}
.bank-card .up-top .up-name img{ width: 24px; height: 24px; margin-left: 25px; margin-right: 10px;}
.bank-card .up-top .up-lniks{ float: right; margin-right: 30px; line-height: 65px;}
.bank-card .up-top .up-lniks a{ color: #4fa9f6; font-size: 12px;}
.bank-card .up-top .up-lniks a:hover{ text-decoration: none;}
.bank-card .up-top .up-lniks span{ margin: 0 10px; color: #c9c9c9;}
.bank-card .up-middle{ clear: left; line-height: 73px; font-size: 26px; color: #999; text-align: center; background-color: #f8f8f8;}
.bank-card .up-bottom{ font-size: 12px; color: #999; text-align: center; line-height: 40px;}
.bank-card-add{ float: left; position: relative; display: block; width: 321px; height: 180px; margin-right: 56px; margin-bottom: 30px; border: 1px solid #e7e7e7; border-radius: 5px; cursor: pointer;}
.bank-card-add .up-h{ width: 76px; height: 8px; left: 50%; top: 50%; margin-left: -38px; margin-top: -4px;}
.bank-card-add .up-v{ height: 76px; width: 8px; left: 50%; top: 50%; margin-left: -4px; margin-top: -38px;}
.bank-card-add .up-h,
.bank-card-add .up-v{ position: absolute; border-radius: 4px; background-color: #ececec;}
.filter-year-links{ text-align: center;}
.filter-year-links a{ display: inline-block; margin: 0 8px; width: 66px; height: 21px; line-height: 21px; font-size: 12px; color: #ff8b8b; background-color: #fff; border-radius: 4px; border: 1px solid #ff8b8b; }
.filter-year-links a:hover{ text-decoration: none;}
.filter-year-links a.on{ background-color: #ff8b8b; color: #fff;}
.icon-down{ width: 0; height: 0; display: inline-block; border-top: 5px solid #fff; border-left: 3px solid transparent; border-right: 3px solid transparent;}
/*开户过程中用于输入验证码的弹出框*/
.dialog-message{ display: none; width: 520px; height: 380px; border-radius: 4px; background-color: #fff; overflow: hidden;}
.dialog-message-title { margin-top: 14px; text-align: center; border-bottom: 1px solid #d9d9d9; line-height: 60px; font-size: 20px; color: #333;}
.dialog-message-content { padding: 0 52px;}
.dialog-message-content .up-row-1{ margin-top: 24px; font-size: 18px; color: #333;}
.dialog-message-content .up-row-2{ margin-top: 27px; line-height: 40px;}
.dialog-message-content .up-row-2 span{ font-size: 18px; color: #333;}
.dialog-message-content .up-row-2 a{ font-size: 16px; color: #0099ff;}
.dialog-message-content .up-row-2 input{ margin: 0 15px; width: 160px; height: 38px; padding: 0 8px; border: 1px solid #dbdbdb; font-size: 16px;}
.dialog-message-content .up-row-3{ margin-top: 17px; margin-bottom: 33px; font-size: 16px; color: #999;}
.dialog-message .up-submit{ display: block; margin: 0 auto 33px; width: 192px; height: 53px; background-color: #ff5656; border-radius: 4px; border: none; font-size: 18px; color: #fff; }
.dialog-message .up-get-message{ width: 100px; height:40px; }
/*tab样式*/
.tabs.up-style-1{border: 1px solid #e7e7e7; height: 40px; background-color: #fff;}
.tabs.up-style-1 .tab{ float: left; width: 140px;height: 40px; cursor: pointer; line-height: 38px; border-right: 1px solid #e7e7e7;}
.tabs.up-style-1 .tab>div{ background-color: #fff; border-top: 2px solid #fff; text-align: center; font-weight: bold; font-size: 16px; color: #999;}
.tabs.up-style-1 .tab.on>div{ height: 39px; color: #333; border-top-color: #ff5656; background-color: #fff;}
.tabs.up-style-2{border: 1px solid #e7e7e7; height: 40px; background-color: #f5f5f5;}
.tabs.up-style-2 .tab{ float: left; width: 140px;height: 36px; cursor: pointer; line-height: 34px; border-right: 1px solid #e7e7e7;}
.tabs.up-style-2 .tab>div{ background-color: transparent; border-top: 2px solid transparent; text-align: center; font-size: 14px; color: #999;}
.tabs.up-style-2 .tab.on>div{ height: 39px; color: #ff5656; border-top-color: #ff5656; background-color: #fff;}
.tabs-content{ display: none;}
.tabs-content.on{ display: block;}
.tabs-content .pagination{margin-top: 40px;}
/*基金导购-基金持仓页*/
.fund-holding .up-top-tabs{ background-color: #fff;}
.fund-holding .up-top-tabs .tabs-contents{ padding: 30px 40px; border: 1px solid #e7e7e7; border-top: none; }
.fund-holding .up-top-tabs .tabs-contents h4{ font-size: 16px; color: #333; font-weight: normal; }
.fund-holding .up-funds{ border: 1px solid #e7e7e7; background-color: #fff;}
.fund-holding .fund-block-holding{ position: relative; padding: 25px 0 35px; border-top: 1px solid #e7e7e7;}
.fund-holding .fund-block-holding.up-first{ border-top: none;}
.fund-holding .fund-block-holding .up-profile-chart{ display: none; position: absolute; top: 0; left: 0; border: 1px solid #ccc; z-index: 10;}
/*结构 1*/
.structure-1{ border: 1px solid #e7e7e7; background-color: #fff;}
.structure-1-title{ padding:0 38px; border-bottom: 1px solid #e7e7e7; font-size: 16px; color: #666; line-height: 48px; font-weight: bold;}
.structure-1-title label{ font-weight: normal;}
.structure-2{ border-top: 2px solid #ff5656;}
.structure-2>.page-left-menu-2{ margin-top: -1px;}
.structure-2>.page-right-content-2{ margin-top: -1px;}
/*基金持仓页中的基金信息块*/
.fund-block-holding{ }
.fund-block-holding h4{ float: left; font-size: 18px; color: #333;}
.fund-block-holding .up-id{ font-size: 16px;}
.fund-block-holding .up-update-time{ float: right; font-size: 14px; color: #999;}
.fund-block-holding .up-top{ overflow: hidden; margin-left: 36px; margin-right: 36px; }
.fund-block-holding .up-head{ overflow: hidden; }
.fund-block-holding .up-detail{ clear: left; margin-top: 20px;overflow: hidden; }
.fund-block-holding .up-profile{ float: left; width: 410px; height: 92px; background-color: #fff6f4; text-align: center;}
.fund-block-holding .up-profile .up-num{ color: #666; line-height: 40px; font-size: 30px;}
.fund-block-holding .up-profile .up-desc{ color: #666; font-size: 14px;}
.fund-block-holding .up-profile .up-name{ font-size: 12px; color: #666; line-height: 26px;}
.fund-block-holding .up-profile-yesterday{ float: left; width: 195px; height: 64px; padding-top: 12px; padding-bottom: 14px;}
.fund-block-holding .up-profile-yesterday>div{ border-right: 1px dashed #d9d9d9;}
.fund-block-holding .up-profile-yesterday .up-num{ color: #ff5656;}
.fund-block-holding .up-profile-yesterday .up-desc{ color: #ff5656;}
.fund-block-holding .up-profile-total{ float: left; width: 214px; padding-top: 12px; padding-bottom: 14px;}
.fund-block-holding .up-profile-total.up-bg-green{ background-color: #f6fff4;}
.fund-block-holding .up-profile-total .color-bg-green{color: #53bc5a;}
.fund-block-holding table{ float: right; margin-top: 8px; margin-left: 30px; font-size: 14px; color: #666; line-height: 42px;}
.fund-block-holding td{ width: 180px;}
.fund-block-holding .up-td-2{ text-align: right;}
.fund-block-holding .up-profile-unit{ margin-top: 12px;}
.fund-block-holding .up-btns-wrap{ position: relative; background-color: #fbfbfb;}
.fund-block-holding .up-btns-wrap .swiper-container{ width: 800px;height: 80px;}
.fund-block-holding .up-btns-wrap .swiper-slide{ float: left; width: 135px;}
.fund-block-holding .up-btns-wrap .swiper-button-disabled{ display: none;}
.fund-block-holding .up-btns-wrap .arrow-left,
.fund-block-holding .up-btns-wrap .arrow-right{ position: absolute; font-family: initial; top: 21px; font-size: 30px; color: #c1c1c1; cursor: pointer;}
.fund-block-holding .up-btns-wrap .arrow-left{ left: 15px;}
.fund-block-holding .up-btns-wrap .arrow-right{ right: 15px;}
.fund-block-holding .up-btns{ margin: 20px auto 0; }
.fund-block-holding .up-btns a.btn{ margin-top: 4px;}
.fund-block-holding .up-btns .btn{ float: left; display: block; width: 84px; height: 72px; margin: 0 25px; text-align: center; background-color: transparent; border: none;}
.fund-block-holding .up-btns .btn>span{ display: block; text-align: center; font-size: 12px; color: #666;}
.fund-block-holding .up-btns .btn:hover .icon-fund-block-holding{ background-position-y:-12px; }
.fund-block-holding .up-btns .btn.on .icon-fund-block-holding{ background-position-y:-12px; }
.fund-block-holding .up-btns .up-hor-gap{ float: left; margin-top: 20px; width: 1px; height: 40px; background-color: #f1f1f1; }
/*基金信息块的按钮图标集 6个*/
.icon-fund-block-holding{ display: inline-block; width: 44px; height: 44px; background: url("../images/icon-fund-block-holding.png") no-repeat;}
.icon-fund-block-holding.up-1{ background-position: -24px -88px;}
.icon-fund-block-holding.up-2{ background-position: -148px -88px;}
.icon-fund-block-holding.up-3{ background-position: -262px -88px;}
.icon-fund-block-holding.up-4{ background-position: -451px -88px;}
.icon-fund-block-holding.up-5{ background-position: -574px -88px;}
.icon-fund-block-holding.up-6{ background-position: -691px -88px;}
.icon-fund-block-holding.up-7{ background-position: -358px -88px;}
.icon-fund-block-holding.up-8{ background-position: -785px -88px;}
/*交易详细弹出框*/
.dialog-trade-detail{ display: none; padding: 40px; width: 880px; height: 460px; border-radius: 4px; background-color: #fff;}
.dialog-trade-detail .up-head{ margin-bottom: 20px; padding-left: 27px; font-size: 16px; background: url("../images/icon-trade-detail.png") left center no-repeat;}
.dialog-trade-detail .pagination{ margin: 40px 0 40px 300px; overflow: hidden;}
/*定投详细弹出框*/
.dialog-fixed-investment-detail{ display: none; padding: 40px; width: 880px; height: 460px; border-radius: 4px; background-color: #fff;}
.dialog-fixed-investment-detail .up-head{ margin-bottom: 20px; padding-left: 27px; font-size: 16px; background: url("../images/icon-trade-detail.png") left center no-repeat;}
.dialog-fixed-investment-detail .pagination{ margin: 40px 0 40px 300px; overflow: hidden;}
/*修改分红方式弹出框*/
.dialog-change-bonus{ display: none; width: 500px; height: 270px; overflow: hidden; background-color: #fff;}
.dialog-change-bonus h3{ margin: 50px 0 30px; font-size: 20px; color: #666; font-weight: normal; text-align: center;}
.dialog-change-bonus .up-radios{text-align: center;}
.dialog-change-bonus .up-radios>div{ display: inline-block;}
.dialog-change-bonus .up-btns{ clear: left; margin-top: 40px; text-align: center;}
.dialog-change-bonus .btn{ width: 174px; height: 48px; font-size: 18px;}
.layui-layer-change_bonus .layui-layer-setwin .layui-layer-close2{ right: 0; top: 0; width: 22px; height: 22px; background: url("../images/layui-close.png") center no-repeat;}
.layui-layer-change_bonus .layui-layer-setwin .layui-layer-close2:hover{ background-position: center;}
/*交易页面风险匹配提示信息提示框*/
.dialog-riskLevel-tip{ display: none; width:auto; height:auto; overflow: hidden; background-color: #fff;padding:25px;}
.dialog-riskLevel-tip h3{ margin: 10px 0 30px; font-size: 20px; color: #666; font-weight: normal; text-align: left;}
.dialog-riskLevel-tip .up-radios{text-align: center;}
.dialog-riskLevel-tip .up-radios>div{ display: inline-block;}
.dialog-riskLevel-tip .up-btns{ clear: left; margin-top: 40px; text-align: center;}
.dialog-riskLevel-tip .btn{ width: 174px; height: 48px; font-size: 18px;}
/*撤单提示框*/
.dialog-withdraw{ display: none; width:auto; height:auto; overflow: hidden; background-color: #fff;padding:25px;}
.dialog-withdraw h3{ margin: 10px 0 30px; font-size: 20px; color: #666; font-weight: normal; text-align: left;}
.dialog-withdraw .up-radios{text-align: center;}
.dialog-withdraw .up-radios>div{ display: inline-block;}
.dialog-withdraw .up-btns{ clear: left; margin-top: 40px; text-align: center;}
.dialog-withdraw .btn{ width: 174px; height: 48px; font-size: 18px;}
/*解绑银行卡弹出框*/
.dialog-unbind-bankcard{}
.dialog-unbind-bankcard{ display: none; width: 500px; overflow: hidden; background-color: #fff; border-radius: 3px;}
.dialog-unbind-bankcard .up-head{ height: 76px; border-bottom: 1px solid #ccc; line-height: 76px; font-size: 20px; color: #333; font-weight: normal; text-align: center;}
.dialog-unbind-bankcard .up-body{ margin: 0 64px;}
.dialog-unbind-bankcard .up-row-1{ margin-top: 30px; font-size: 18px; color: #333;}
.dialog-unbind-bankcard .up-row-2{ margin-top: 30px; font-size: 18px; color: #333; line-height: 42px;}
.dialog-unbind-bankcard .up-row-2 input{ width: 265px; height: 40px;}
.dialog-unbind-bankcard .up-row-2 ._ocx_password_str{display: inline-block;overflow: hidden;float: right;}
.dialog-unbind-bankcard .up-row-2 .ocx_style{width: 255px;height: 40px; line-height: 40px;}
.dialog-unbind-bankcard .up-row-3{ margin-top: 20px; text-align: right;}
.dialog-unbind-bankcard .up-row-3 a{ color: #0099ff;}
.dialog-unbind-bankcard .up-row-4{ margin-top: 54px; text-align: center; margin-bottom: 36px;}
.dialog-unbind-bankcard .up-row-4 button{ width: 193px; height: 53px; font-size: 18px;}
.layui-layer-unbind_bankvard .layui-layer-setwin .layui-layer-close2{ right: 0; top: 0; width: 22px; height: 22px; background: url("../images/layui-close.png") center no-repeat;}
.layui-layer-unbind_bankvard .layui-layer-setwin .layui-layer-close2:hover{ background-position: center;}
/*解绑银行卡 结果 弹出框*/
.dialog-result{ display: none;}
/* .dialog-result .up-row-1{ margin-top: 35px; height: 56px; background: url("../images/fail2.png") center no-repeat;}
*/
.dialog-result .up-row-2{ height: 155px; margin-top: 43px; margin-left: 60px; margin-right: 60px; font-size: 18px; line-height: 28px;}
.dialog-result .up-row-3{ margin-bottom: 34px; text-align: center;}
.dialog-result .up-row-3 button{ width: 193px; height: 53px; font-size: 18px;}
.dialog-result.up-fail .up-row-1{ background-image: url("../images/fail2.png"); }
.dialog-result.up-success .up-row-1{ background-image: url("../images/success.png"); }
/*基金导购的个人信息管理页*/
.person-info .title-1{ margin-bottom: 22px; margin-top: 42px; }
.person-info .mg-t-x{ margin-top: 10px;}
.person-info table th{ width: 150px; text-indent: 34px; font-size: 14px; color: #333; text-align: left;}
.person-info table td{ text-indent: 34px; font-size: 14px; color: #333; text-align: left; }
.person-info table .btn-red-o{ float: right; margin-right: 40px; padding: 0 12px; line-height: 23px;}
.person-info table input{ color: #000;}
.person-info table input.up-addr{ border: none; width: 590px;}
.person-info table input.up-postcode{ border: none; width: 100px;}
.person-info table input[readonly]{ color: #999;}
.person-info .rate-grade{ height: auto; border: none;}
.person-info .rate-grade .up-grades{ margin-left: 34px;}
.person-info .rate-grade .up-grade-bar{ margin-bottom: 3px;}
.person-info .up-btns{ text-align: center;}
.person-info .up-btns button{ width: 120px; height: 36px; margin: 0 10px; font-size: 16px;}
.person-info-change-phone .page-step{ border: 1px solid #e7e7e7; margin-bottom: 0;}
.person-info-change-phone .page-step .check-step-text{ color: #999;}
.person-info-change-phone .page-step .current .check-step-text{ color: #666;}
.person-info-change-phone .wrap-border{ border-top: none;}
.person-info-change-phone .wrap-border>table{ margin-left: 160px;}
.person-info-change-phone .page-result{ margin-bottom: 0; padding-left: 210px; border-radius: 0; border-top: 0; background: #fff;}
.person-info-bind-email .wrap-border>table{ margin-left: 160px;}
.person-info-bind-email .page-result{ background-color: #fff;}
.wrap-border{ border: 1px solid #e7e7e7;}
/*风险调查问卷页*/
.risk-questionnaire .up-quetion{ margin-bottom: 10px;}
.risk-questionnaire .up-quetion h6{line-height:40px; font-size: 14px; font-weight: normal; color: #333;}
.risk-questionnaire .up-quetion p{ padding-left: 22px; line-height: 42px; font-size: 14px; color: #666;}
.risk-questionnaire button{ display: block; margin: 50px auto 20px; width: 138px; height: 36px; font-size: 14px;}
/*风险调查问卷结果页*/
.risk-questionnaire-result .up-type{ height: 90px; background: url("../images/risk-type-bac.png") center no-repeat; color: #fff; text-align: center; font-size: 20px; font-weight: bold; line-height: 90px;}
.risk-questionnaire-result .risk-types{ width: 492px; margin: 20px auto 0; }
.risk-questionnaire-result .up-text{ width: 492px; margin: 50px auto 70px; line-height: 22px; text-align: center; color: #666;}
/*感兴趣的基金*/
.favor-funds{ padding: 5px 0;}
.favor-funds-three .favor-fund{ width: 33.33%; }
.favor-funds-four .favor-fund{ width: 25%; }
.favor-funds>h3{ font-size: 18px; color: #999; font-weight: bold; margin-bottom: 10px;}
.favor-funds ul{ overflow: hidden;}
.favor-funds .favor-fund{ border-left: 1px dashed #d9d9d9;}
.favor-funds .favor-fund.up-first{ border-left: none;}
.favor-fund{ width: 266px;}
.favor-fund h4{ text-align: center; font-size: 16px; color: #333; line-height: 62px;}
.favor-fund table{ width: 100%; text-align: center; margin-bottom: 30px;}
.favor-fund td{ width: 50%;}
.favor-fund .up-tr-1{ font-size: 22px; color: #666; line-height: 50px; }
.favor-fund .up-tr-2{ font-size: 12px; color: #999;}
/*风险类型横轴轴*/
.risk-types{ overflow: hidden;}
.risk-types>li{ float: left;}
.risk-types .risk-types-axis{ width: 90px; height: 4px; margin-bottom: 14px; margin-top: 8px; background-color: #d8d8d8; }
.risk-types .risk-types-axis-head,
.risk-types .risk-types-axis-foot{ width: 20px; height: 4px; margin-bottom: 14px; margin-top: 8px; background-color: #d8d8d8; }
.risk-types .risk-types-axis-head{ border-radius: 2px 0 0 2px;}
.risk-types .risk-types-axis-foot{ border-radius: 0 2px 2px 0;}
.risk-types .icon-risk-point{ position: relative; top: -7px; }
.risk-types .on .icon-risk-point{ background-position: -40px 0;}
.risk-types .risk-types-name{ text-align: center; font-size: 14px; color: #999;}
.risk-types .risk-types-axis-head{}
.risk-types .risk-types-axis-foot{}
.icon-risk-point{ display: block; width: 20px; height: 20px; margin: 0 auto; background: url("../images/icon-risk-bac.png") 1px 1px no-repeat;}
/*定投信息块*/
.fixed-investment-blocks .fixed-investment-block{ padding: 0 40px; border-top: 1px solid #e7e7e7; }
.fixed-investment-blocks .fixed-investment-block.up-first{ border-top: none;}
.fixed-investment-block h3{ margin-top: 20px; font-size: 14px; color: #333;}
.fixed-investment-block .up-tags{ margin-left: 15px;}
.fixed-investment-block .up-tags>span{ display: inline-block; padding: 0 9px; font-size: 12px; line-height: 18px; border-radius: 3px; }
.fixed-investment-block .up-tag-normal{ background-color: #82b0ed; color: #fff;}
.fixed-investment-block .up-tag-pause{ background-color: #ff9364; color: #fff;}
.fixed-investment-block .up-tag-stop{ background-color: #fb6f74; color: #fff;}
.fixed-investment-block table{ text-align: left; margin-top: 12px; margin-bottom: 25px;}
.fixed-investment-block th{ font-size: 12px; color: #666; line-height: 28px;font-weight: normal;}
.fixed-investment-block td{font-size: 18px; line-height: 30px;}
.fixed-investment-block .up-btns{ padding: 20px 0; border-top: 1px dashed #e7e7e7;}
.fixed-investment-block .up-btns .btn-red-o{ margin-right: 27px; width: 86px; height: 27px; border-radius: 2px;}
.fixed-investment-block .up-btns .btn-grey-o{ margin-right: 27px; width: 86px; height: 27px; border-radius: 2px;}
/*基金诊断报告 图标*/
.icon-diagnosis-report{ display: inline-block; background: url("../images/icon-diagnosis-report.png") no-repeat;}
.icon-diagnosis-report.up-1{ }
.icon-diagnosis-report.up-2{ }
.icon-diagnosis-report.up-3{ }
/*基金诊断报告*/
.fund-diagnosis-report{ margin-top: 20px; margin-bottom: 120px;}
.fund-diagnosis-report .up-evaluate{ clear: left; line-height: 30px;}
.fund-diagnosis-report .up-evaluate>h3{ clear: left; font-size: 14px; color: #000; font-weight: normal;}
.fund-diagnosis-report .up-evaluate>p{ clear: left; font-size: 14px; color: #000; margin-bottom: 20px;}
.fund-diagnosis-report .up-evaluate>div{ clear: left; font-size: 14px; color: #000;}
.fund-diagnosis-report .up-evaluate .up-icon{ position: relative; top: 5px; width: 24px; height: 24px; display: inline-block; background: url("../images/icon-diagnosis-report.png") no-repeat;}
.fund-diagnosis-report .up-evaluate .up-icon.up-comeon{ background-position: -71px -10px;}
.fund-diagnosis-report .up-evaluate .up-icon.up-holding{ background-position: -73px -91px;}
.fund-diagnosis-report-result{ position: relative; padding: 32px 50px 40px 50px; border: 2px solid #fcf9f1; background: #fff url("../images/book-sawtooth.png") center top repeat-x;}
.fund-diagnosis-report-result .up-types{}
.fund-diagnosis-report-result .up-type{ height: 90px; margin-bottom: 4px; }
.fund-diagnosis-report-result .up-type-title{ float: left; margin-top: 50px; font-size: 14px; color: #000; }
.fund-diagnosis-report-result .up-type-value{float: left;}
.fund-diagnosis-report-result .up-type-recommend{ float: right; height: 50px; margin-top: 32px; line-height: 50px; vertical-align: middle;}
.fund-diagnosis-report-result .up-type-recommend span{ float: left; margin-right: 48px; font-size: 14px; color: #000; }
.fund-diagnosis-report-result .up-type-recommend i{ display: inline-block; width: 50px; height: 50px; background: url("../images/icon-diagnosis-report.png") no-repeat;}
.fund-diagnosis-report-result .up-type-recommend.up-stay i{ background-position: 0 0;}
.fund-diagnosis-report-result .up-type-recommend.up-get-down i{ background-position: 0 -76px;}
.fund-diagnosis-report-result .up-type-recommend.up-get-up i{ background-position: 0 -150px;}
.fund-diagnosis-report-result .up-type.up-configure .rate-grade .up-grades{margin-top: 36px;}
.fund-diagnosis-report-result .up-type.up-configure .rate-grade .up-grade{ width: 82px;}
.fund-diagnosis-report-result .up-type.up-configure .rate-grade .up-grade-tip-wrap{ height: 14px;}
.fund-diagnosis-report-result .up-type.up-configure .rate-grade .up-grade .up-grade-tip{ background-color: #fb6f74;}
.fund-diagnosis-report-result .up-type.up-configure .rate-grade .up-grade .up-angle{ border-top-color: #fb6f74;}
.fund-diagnosis-report-result .rate-grade{float: left; height: auto; border-bottom: none;}
.fund-diagnosis-report-result .rate-grade .up-grades{ margin-top: 30px;}
.fund-diagnosis-report-result .rate-grade .up-grade-bar{ width: 82px;}
.fund-diagnosis-report-result .up-goto{ position: absolute; right: 120px; bottom: 40px; line-height: 37px; }
.fund-diagnosis-report-result .up-goto a{ display: inline-block; margin-left: 20px; width: 150px; height: 37px; text-align: center; }
.fund-diagnosis-report-profile{ margin-top: 40px;}
.fund-diagnosis-report-profile .up-block-funds{}
.fund-diagnosis-report-profile .up-block-funds td{ height: 60px;}
.fund-diagnosis-report-profile .up-block-types{ float: left; clear: left; margin-top: 20px; width: 500px; height: 392px;}
.fund-diagnosis-report-profile .up-block-types-rate{ float: right; margin-top: 20px; width:432px; height: 392px; border: 1px solid #faf4e4;}
.fund-diagnosis-report-profile .up-block-types-compare{ clear: left; margin-top: 20px;}
.fund-diagnosis-report-profile .up-block-types-compare>h4{ padding-left: 16px; margin-bottom: 10px; font-weight: normal;}
.fund-diagnosis-report-profile .up-evaluate{ margin-left: 16px;}
.fund-diagnosis-report-risk{ margin-top: 40px;}
.fund-diagnosis-report-risk .up-evaluate{ margin-left: 16px; margin-top: 6px;}
.fund-diagnosis-report-risk .up-block-types{ float: left; clear: left; margin-top: 20px; width: 415px; height: 387px;}
.fund-diagnosis-report-risk .up-block-compare{ float: right; margin-top: 20px; width: 580px; height: 392px; border: 1px solid #faf4e4;}
.fund-diagnosis-report-risk .up-block-compare>h4{ margin-left: 38px; margin-top: 15px; margin-bottom: 10px;}
.fund-diagnosis-report-asset .up-evaluate{ margin-left: 16px; margin-top: 6px;}
.fund-diagnosis-report-asset .up-chart-row-1{ height: 290px;}
.fund-diagnosis-report-asset .up-chart-row-2{ height: 260px;}
.fund-diagnosis-report-asset .up-chart-left,
.fund-diagnosis-report-asset .up-chart-right{ float: left; height: 100%;}
.fund-diagnosis-report-asset .up-chart-left{ width: 580px; }
.fund-diagnosis-report-asset .up-chart-right{ width: 420px; }
/*工具箱-计算器*/
.caculator{ margin-bottom: 150px;}
.caculator-table {width:80%; margin: 0 auto; margin-top: 40px;}
.caculator-table table{ width: 100%; height: 400px;}
.caculator-table th{ width: 120px;}
.caculator-table td{ text-align: left; padding-left: 40px; }
.caculator-table .up-radio{ width: 33.3%; float: left; text-align: left; margin-left:-8px;}
.caculator-table .up-radio i{margin-left: 10px;}
.caculator-table .btn-red{ display: block; width: 148px; height: 36px; line-height: 36px; margin: 18px auto 0; }
.caculator-chart{ float: right;}
.caculator-info{ clear: left; margin-top: 40px;}
.caculator-info th{ width: 104px; }
.caculator-info td{ width: 164px; }
.caculator-info th,
.caculator-info td{ height: 33px;}
/*登录页*/
.page-login .page-body{ height: 665px; background: url("../images/login-bac.jpg") center no-repeat; }
.page-login .aptitude{ margin-top: 0;}
.page-login .only-login-form{ position: absolute; top: 104px; right: 0;}
.only-login-form{ width: 368px; height: 382px; padding-top: 1px; background: url("../images/login-form-bac.png") center no-repeat;}
.only-login-form>div{ margin: 40px 30px;}
.only-login-form h3{ font-size: 16px; color: #666; font-weight: normal;}
.only-login-form .up-row-1,
.only-login-form .up-row-2{ position: relative; border: 1px solid #cccccc; margin-top: 22px; background: #fff;}
.only-login-form .up-row-1 .icon,
.only-login-form .up-row-2 .icon{ width: 40px; height: 40px; border-right: 1px solid #ccc;}
.only-login-form .up-row-1 .icon{ background-position: -43px -222px;}
.only-login-form .up-row-2 .icon{ background-position: -43px -272px;}
.only-login-form .up-row-1 input,
.only-login-form .up-row-2 input{ height: 40px; border: none; line-height: 40px; padding-left: 10px; width: 151px; }
.only-login-form .up-row-3{ margin-top: 28px; font-size: 14px;}
.only-login-form .up-row-4{ margin-top: 13px;}
.only-login-form .up-row-4 button{ width: 100%; border-radius: 3px; height: 40px; font-size: 16px;}
.only-login-form .up-row-5{ margin-top: 10px;}
.only-login-form .up-row-5 button{ width: 100%; border-radius: 3px; height: 40px; font-size: 16px;}
.only-login-form .logined-info{position: relative;top: 0;width: 300px;}
/*秒杀页*/
.seckill-banner{ height: 300px; background: url("../images/seckill-banner.jpg") center no-repeat;}
.seckill-banner p{ position: relative; left: 587px; top: 234px; width: 416px; color: #333; font-size: 14px;}
.seckill-blocks{ overflow: hidden; margin-right: -28px;}
.seckill-blocks>.seckill-block{ float: left; margin-right: 20px; margin-bottom: 20px; }
.seckill-block{ background: #fff; width: 260px; }
.seckill-block .up-head{ position: relative; height: 86px;overflow: hidden; border-bottom: 1px solid #f0f0f0;}
.seckill-block .up-head h5{ margin-top: 25px;}
.seckill-block .up-head h6{ margin-top:7px;}
.seckill-block .up-head h5,
.seckill-block .up-head h6{ font-size: 14px; color: #000; text-align: center; font-weight: normal;}
.seckill-block .up-head .fund-tag{ position: absolute; right: 20px; top: 26px; width: 48px; height: 17px; font-size: 12px; border-radius: 2px; line-height: 17px; text-align: center;}
.seckill-block .up-body{ height: 230px; border-bottom: 1px solid #f0f0f0;}
.seckill-block .up-body-wrap{ padding: 0 38px;}
.seckill-block .up-body .up-row-1{ margin-top: 22px; font-size: 14px; color: #666;}
.seckill-block .up-body .up-row-2{ margin-top: 30px; font-size: 36px; text-align: center;}
.seckill-block .up-body .up-row-3{ margin-top: 22px; font-size: 12px; color: #666; text-align: right;}
.seckill-block .up-body .up-row-4{ margin-top: 22px; font-size: 14px; color: #666; line-height: 26px;}
.seckill-block .up-foot{ height: 70px; overflow: hidden;}
.seckill-block .up-foot .btn{ display: block; margin: 20px auto 0; width: 109px; height: 30px; }
/*基金类型标签颜色*/
/*混合型*/
.fund-tag{ display: inline-block;}
.fund-tag.up-style-1{ font-size: 12px; padding: 2px 5px; border-radius: 4px;}
.fund-tag.up-mixed{ background-color: #82b0ed; color: #fff;}
/*.fund-tag .up-tag-pause{ background-color: #ff9364; color: #fff;}*/
/*.fund-tag .up-tag-stop{ background-color: #fb6f74; color: #fff;}*/
/*对ui-select的一个样式扩展*/
.ui-select-1 .ui_select_current { border: 1px solid #ccc; border-radius: 2px; }
.ui-select-1 .ui_select_options{ margin-top: -1px;}
.ui-select-1 .ui_select .ui_select_current em{ border-left: 1px solid #ccc; height: 100%; top: 0; margin-top: 0; background-position: 4px -105px;}
/*报告的表格*/
.table-report{}
.table-report .up-th-1{ width: 680px; text-align: left; text-indent: 110px; }
.table-report a{ display: inline-block; width: 580px; color: #5394d0; text-align: left;}
.table-report td{ padding: 15px 0;}
/*购买信息页*/
.purchase-info .up-th-1{ width: 156px; text-align: left; text-indent:35px; }
.purchase-info .up-td-1{ width: 186px; text-align: left; text-indent:35px;}
.purchase-info .up-td-2{ width: 342px; text-align: left; text-indent:35px;}
.purchase-info .up-td-left{ text-align: left; text-indent:35px;}
.purchase-info .up-th-left{ text-align: left; text-indent:35px;}
.purchase-info .up-table-apply .up-th-left{ text-indent: 70px; }
.purchase-info .up-table-apply .up-td-left{ text-indent: 70px; }
.purchase-info .up-table-subscription .up-th-left{ text-indent: 70px; }
.purchase-info .up-table-subscription .up-td-left{ text-indent: 70px; }
.purchase-info .up-table-redeem .up-th-left{ text-indent: 90px; }
.purchase-info .up-table-redeem .up-td-left{ text-indent: 90px; }
.purchase-info .up-remarks { line-height: 24px; }
.tabs{width: 100%; height: 50px;line-height:50px;background: #fff;font-size: 18px;color:#999;border: 1px solid #dbdbdb;}
.jjbj-tabs>li{ display:inline-block; width: 16%;text-align: center; cursor: pointer;}
.jjbj-tabs>li.on{color: #333;height: 49px;background: #fff;border: 1px solid #DBDBDB; border-bottom: 1px solid #fff;border-top: 2px solid #ff5656;margin-top: -1px;}
.jjbj-tabs>li>a{ display: block;}
.jjbj-tabs>li>a:hover{ text-decoration: none;}
.jjbj-tabs>.up-first{ border-left: none;}
.jjbj-tabs>.up-first.on{ border-left: none;}
/*基金公司页公司介绍文字下的底色*/
.company_banner_left{background-color: #FCFCFC;}
/*验证提示风格-1 需将提示span含于一个有该样式的span中*/
.authtip-style-1 { position: absolute; left: 0; bottom: -9px;}
/*验证提示风格-2 需将提示span含于一个有该样式的span中*/
.authtip-style-2 { position: absolute; left: 0; bottom: -20px;}
/*密码错误信息显示 需将提示span含于一个有该样式的span中*/
.password-error-style { position: absolute; margin-right: 0px;width:200px;margin-top: auto;margin-bottom: auto;}
/*404页*/
.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;}
/*error页*/
.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;}
/*另一种页面样式*/
.page_style{ text-align:right; margin:15px auto; font-size: 12px;}
.p_disabled{ display:none}
.page_abled,.p_current{color: #60719F;height: 20px;line-height: 20px;text-align: center; margin:0 2px; display:inline-block}
.p_current{padding: 0 5px; background: #3e95ff; 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;}
.page_style{ text-align:right; margin:15px auto; font-size: 12px;}
.p_disabled{ display:none}
.page-top-bar-r{ position: relative;}
.page-top-bar-r .up-qrcodes{ position: absolute; top: 26px; right: 0; width: 250px; height: 130px; border: 1px solid #b6b6b6; border-top: none; background: #f3f2f2; z-index: 9999;}
.page-top-bar-r .up-qrcodes .up-angle{ position: absolute; top: -1px; left: 90px; width: 0; height: 0; border: 6px solid #333; border-bottom: none; border-left-color: transparent; border-right-color: transparent;}
.page-top-bar-r .up-qrcodes .up-left{ float: left;}
.page-top-bar-r .up-qrcodes .up-left img{ margin: 12px 0 0 12px; width: 104px; height: 104px; border: 1px solid #c5c4c4;}
.page-top-bar-r .up-qrcodes .up-right{ float: right; margin-right: 14px;}
.page-top-bar-r .up-qrcodes .up-right h3{ margin-top: 17px; font-size: 14px; color: #ff5656; font-weight: normal;}
.page-top-bar-r .up-qrcodes .up-right .btn{ position: relative; width:100px; height: 26px; margin-top: 10px; text-align: left; text-indent: 32px; line-height: 26px;}
.page-top-bar-r .up-qrcodes .up-right .btn .icon-device{ position: absolute; left: 9px; top: 3px;}
.page-top-bar-r .up-qrcodes .up-right .on .btn{ background-color: #3e95ff; }
/*基金学院*/
.page-fund-school .page-right-content-2{ min-height: 400px;}
.page-fund-school .pagination{ margin-top: 40px;}
/*首页banner*/
.index-banner{ height: 360px;}
.index-banner .swiper-slide{ position: relative;}
.index-banner img{ height: 360px; position: absolute; left: 50%; margin-left: -1233.5px;
transition: -webkit-transform .5s ease-in; transition: transform .5s ease-in;}
.index-banner .swiper-slide-active img{ z-index: 1;}
.index-banner .index-banner-pagination { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center; }
.index-banner .swiper-pagination-switch{ }
.index-banner .swiper-pagination-switch { display: inline-block; width: 12px; height: 12px; background: url("../images/swiper-pagination.png") -46px center no-repeat; border-radius: 8px; margin: 0 5px; cursor: pointer; }
.index-banner .swiper-active-switch { background-position-x: 0; }
/*首页滚动0509*/
.page-3roll{ margin-top: 30px; height:310px;}
.page-arrow{position: relative; }
.page-arrow a.prev{ background:url("../images/leftarrow.png") no-repeat; width:33px; height: 57px; position:absolute; left:-60px; top:118px; }
.page-arrow a.next{ background:url("../images/rightarrow.png") no-repeat; width:33px; height: 57px; position:absolute; right:-60px; top:118px; }
.pages-roll-content {position:absolute;width:1100px; overflow: hidden;}
.pages-roll-content .tempWrap{overflow: hidden; margin-left:-34px; }
.pages-roll-content ul li{width: 344px; margin-left: 34px; background: #fff;float: left;}
.pages-roll-content ul li .rolltitle{ color: #fff; line-height: 58px;background: #f45551;font-size: 20px;text-align: center; }
.pages-roll-content ul li .rollli{border: 1px solid #dbdada; border-top: none;padding-top:20px;}
.pages-roll-content ul li .rollli .jjtitle{ text-align: center; font-size: 16px; display: block; }
.pages-roll-content ul li .rollli p{ text-align: center; font-size: 14px;margin:20px; margin-top: 15px; border-top: 1px dotted #efefef;padding-top: 15px; color: #999;}
.pages-roll-content ul li .rollli .btn a{width:140px;line-height: 40px;text-align: center; background: #ff5656; color: #fff; border-radius: 20px; display: block;margin: 0 auto; text-decoration: none;}
.pages-roll-content ul li .rollli .btn a:hover{background: #ff7777;transition: all 0.3s;}
.rollnum{width:280px; margin:20px auto;}
.rollnum .fn-left{border-right: 1px solid #dbd9d9;}
.rollnum .fn-left, .rollnum .fn-right{width:130px; text-align: center; }
.tempWrap{margin-left: -37px;}
.Vertical-box{background: #fff; margin: 20px 0;}
.Vertical-box table th{ padding:0 20px; background: #fee8e8; line-height: 75px; border-bottom: 1px solid #fec1c1;color: #ff5656; }
.Vertical-box table td{ padding:0 20px;border-bottom: 1px solid #edecec;}
.Vertical-box table td .btn-blue{ line-height:20px; text-align: center; font-size: 12px; width: 48px; margin-right: 10px; display: inline-block; background: #4fa9f6; }
.Vertical-box table .vertical-title{font-size: 16px;width: 320px; }
.Vertical-box table .up-profile{ width: 200px; font-size: 14px;}
.Vertical-box table .vertical-dj{ width: 220px; font-size: 14px;}
.Vertical-box table .btn-red{ width: 110px; height: 30px; line-height: 30px;}
.Vertical-box table .fengimg{width:90px; height: 14px; display: inline-block;background: url("../images/fengxian.png") no-repeat;vertical-align: middle}
.Vertical-box table .feng1{background-position:0px 0px; }
/*2016-6-2*/
.Vertical-box table .feng2{background-position:0px -297px;}
.Vertical-box table .feng3{background-position:0px -148px; }
.Vertical-box table .feng4{background-position:0px -223px; }
.Vertical-box table .feng5{background-position:0px -73px;}
/*开户新改0512*/
.return-association {padding-left: 30px; padding-top: 20px;}
.return-association a{font-size: 18px; color: #FF5656; text-decoration:none;}
.quota table{width:95%;}
.quota table tr th{ background: #FAF4E4; font-size: 16px; padding:12px 0; font-weight: normal; }
.quota table tr td{border: 1px solid #FAF4E4; font-size: 16px; padding:12px 0; text-align: center; }
.quota table tr td .qleft{width:114px; display: inline-block; }
.quota table tr .qu1{width:20%;}
.quota table tr .qu2{width:20%;}
.quota table tr .qu3{width:20%;}
.bank-form .page-form-table table th{font-size: 18px;}
.bank-form .page-form-table table td{font-size: 18px; }
.bank-form .page-form-table table td .page-input {width:473px;color: #5d5d5d}
.bank-form .up-row-2{ line-height: 40px;}
.bank-form .up-row-2 span{ font-size: 18px; color: #333;}
.bank-form .up-row-2 a{ font-size: 16px; color: #0099ff;}
.bank-form .up-row-2 input{ width: 318px; height: 38px; *height: 48px; padding: 0 8px; border: 1px solid #dbdbdb; font-size: 16px; margin-right: 5px; *margin-top: -26px;}
.bank-form .up-get-message{ width: 138px; line-height: 41px; font-size: 14px; color: #4e90da; background: #fff; border:1px solid #dbdbdb; }
.bank-form .btn-disabled{ background:#CCCCCC; color: #fff; }
.bank-form .icon-checkbox { margin-right: 6px;}
.bank-form .icon-checkbox-checked{ background-position: 0px -343px;}
.bank-form .input-checkbox {position: absolute;top: -1500px;}
.bank-form .page-form-table table td.agree{font-size: 14px;}
.bank-form .agree a{color:#4e90da; }
.bank-form .agree a:hover{color: #FF5757; }
.add-bank .page-bank-list .add-bank-btn{width: 340px;}
.can-use-bank .can-use-title{ margin-left: 120px; margin-top:20px;}
.can-use-bank .can-use-title em a{float: right;color:#4e90da;text-decoration: none; padding-right: 50px;}
.can-use-bank .can-use-title em a:hover{color: #FF5757;}
.page-bank-list-small li{ margin-left:0; }
.page-bank-list-small li label{width:141px;}
.page-bank-list-small li .qleft{font-size: 14px;color: #666; display: block;margin-top: 4px;}
.connect-bank .agree a{color:#4e90da; }
.connect-bank .agree a:hover{color: #FF5757; }
.connect-bank .icon-checkbox {}
.connect-bank .icon-checkbox-checked{ background-position: 0px -343px;}
.connect-bank .box-button{width:300px; margin:20px auto; margin-left: 413px;}
.connect-bank .input-checkbox {position: absolute;top: -1500px;}
.connect-bank .qleft{display: none;}
.connect-bank .add-bank-btn{width:340px;}
.dialog-bankcard .can-use-title{ margin-top:20px;}
.dialog-bankcard .can-use-title em a{float: right;color:#4e90da;text-decoration: none; padding-right: 50px;}
.dialog-bankcard .can-use-title em a:hover{color: #FF5757;}
/*2016-5-12*/
.fx_tips{width: 170px; height:50px; padding:2px 5px; line-height: 17px; background: #fff;
border: 2px solid #ff5656;
position: absolute; right: 5px; top: 12px;overflow: hidden;
font-size: 12px;
color: #666;
}
.fx_icon{
position: absolute;
top: 31px;
right: 188px;
width: 0;
height: 0;
border-bottom: 8px solid transparent; /* 下边框的高 */
border-top: 8px solid transparent; /* 上方边框的高 */
border-right: 8px solid #ff5656; /* 右边框的长度|宽度，以及背景色 */
font-size: 0;
line-height: 0;
}
/*客服*/
.KeFuDiv{position:absolute;z-index: 999;
height:123px;width:136px;
background: url("../images/kefu.png") center center no-repeat;}
.kf_close{display: block; width: 15px; height: 15px; text-align: center; float: right;
font-size: 16px; }
.contact_kf{display: block;width: 136px; height: 123px;}
/*0519*/
#connect-bank .bank-list .can-use-bank{padding:0;}
.pay-banks-choose-list{position: relative;}
.pay-banks-choose-list .more-bank{float:left; border: 1px dotted #666; font-size: 14px; color: #666; height: 30px; line-height: 30px; padding: 0 20px;}
.pay-banks-choose-list ul li p{ font-size: 12px; color: #5d5d5d; margin-left: -30px; }
#pay-banks-choose{float: left; width:470px;}
#pay-banks-choose .onError-1{margin-left: -22px; font-size: 14px;}
#pay-banks-choose p{font-size: 14px; margin-left: -22px; line-height: 35px;}
#pay-banks-choose li {width:350px; margin-left: 25px;}
#pay-banks-choose li label{ border:none; padding:0;padding-bottom: 5px;}
#pay-banks-choose li.new-added{border:none; }
/*6-12*/
.look_more{position: absolute; right: 15px; bottom: 15px;}
/*6-15*/
.bei_num{width: 100%; height: 50px; line-height: 50px; color: #fff; background: #1d1d1d;
font-size: 14px; text-align: center; font-family: "微软雅黑";}
/*6-23*/
.v-center{vertical-align: middle}
/*sun-7-19定投每月日期选择*/
.page-pos table td{padding: 10px 0; position:static;}
.dropii {
width: 141px;
height: 33px;
padding-left: 10px;
float: left;
line-height: 33px;
font-size: 16px;
color: #333;
background: url('../images/dropii-input.png') 0 0 no-repeat;
cursor: pointer;
position: relative;
z-index: 10;
}
.dropii .dateselectbox-u {
left: 0;
}
.dateselectbox-u {
width: 230px;
position: absolute;
top: 100%;
left: -132px;
display: none;
background: #fff;
border:1px solid #CCCCCC;
z-index: 99999;
overflow:hidden;
}
.dateselectbox-u .datein{padding:10px 20px; padding-right:0; padding-top:15px;*padding-top:10px;z-index: 99999;}
.dateselectbox-u .datein span {display:block;width:26px;height:26px;line-height:26px;float:left;text-align:center;font-size:15px;color:#72777C;margin-right:6px;margin-bottom:5px;*margin-bottom:0;text-decoration:none;}
.dateselectbox-u .datein span.on{background: #ff5656;color:#fff; border-radius: 5px;}
.dateselectbox-u .weekin{z-index: 99999;}
.dateselectbox-u .weekin span {display:block;line-height:26px;text-align:center;font-size:15px;color:#72777C;text-decoration:none;}
.dateselectbox-u .weekin span:hover{background: #ff5656;color:#fff;}
/*.dateselectbox-u .weekin span.on{background: #ff5656;color:#fff;}*/
.page-inner-form .small-form-content {padding: 70px 300px 70px 300px;}
.dialog-stop-after-box .up-body{ padding:40px; }
.dialog-stop-after-box .up-body .page-submit-btns{padding-bottom:10px;}
.dialog-stop-after-box{display: none;}
/*sun 07 28*/
.group-shuru{border: 1px solid #999; border-radius: 5px; padding:5px 10px; text-align: center; margin-right: 5px; color: #666;}
.group-icon{background:url('../images/group-icon.png') no-repeat center center;}
.group-type-icon{display: block;margin: 0 auto; width: 90px; height: 90px; background-position: 0 0; line-height: 90px; color: #fff; }
.Reason-icon{background-position:-143px -59px; width:27px; height: 28px; display: block; margin: 0 auto; margin-bottom:8px; }
.group-type-box{width: 483px;margin: 0 auto; margin-top: 10px; position: relative;height: 60px;}
.group-type-line{ height:20px; border-bottom: 4px solid #d8d8d8; }
.group-dian{position: absolute; top:12px; }
.group-dian ul li{float: left;width:50px;font-size: 14px;text-align: center; margin-left: 40px; color: #999;}
.group-dian ul li .group-circle{ background-position:-183px 0; width:21px;height: 21px; display: block; margin: 0 auto; }
.group-dian ul li.on{color: #ff9364;}
.group-dian ul li.on .group-circle{background-position:-143px 0; width:21px;height: 21px; display: block; margin: 0 auto; }
.fund-group-box{margin: 40px 40px; margin-bottom: 20px; }
.fund-group-box-table{height: 330px; overflow-y:auto;overflow-x:hidden;}
.fund-group-box-table table{font-size: 14px;margin-bottom: 10px;}
.fund-group-box-table th{height:50px;background: #e2edf4;font-weight: normal;}
.fund-group-box-table td{text-align: center; padding:15px 0;}
.fund-group-box-table .fund-1{border-left:1px solid #b0d8f1;border-right:1px solid #b0d8f1;}
.fund-group-box-table .fund-2 {border-left:1px solid #b0d8f1;border-right:1px solid #b0d8f1;}
.fund-group-box-table .fund-1 td{ border-top:1px solid #b0d8f1; border-bottom: 1px solid #e2edf4;}
.fund-group-box-table .fund-2 td{border-bottom:1px solid #b0d8f1;}
/*sun 08-09*/
.yuan-fen{background: #ff8888;border-radius: 50%; color: #fff; width:15px;height: 15px; display: inline-block; text-align: center;line-height: 15px; margin-right:5px;}
/*工具箱*/
.page-tool-box{margin-top: 30px;margin-bottom: 40px;background-color: #fff;border: 1px solid #DBDBDB;padding: 30px 40px;}
.page-tool-line{padding:35px 0;border-bottom: 1px dashed #e2e2e2;}
.tool-icon{background: url(../images/tool.png) no-repeat; width:314px; height: 220px; }
.tool-icon-1{background-position: 0 0}
.tool-icon-2{background-position: 0 -315px}
.tool-icon-3{background-position: 0 -610px}
.tool-icon-4{background-position: 0 -870px}
.grade-box{padding-bottom: 20px;margin-bottom: 20px; border-bottom:1px dashed #e2e2e2; float: left; }
.grade-box ul{position:relative;padding-right:63px; margin-right: 63px; border-right: 1px dashed #e2e2e2; }
.grade-box ul li{float: left; width:30px; height: 65px; border-bottom:5px solid #fff; margin-left: 2px;}
.grade-box ul li.up-1{border-color: #35cbbb}
.grade-box ul li.up-2{border-color: #82b0ed}
.grade-box ul li.up-3{border-color: #fcbf76}
.grade-box ul li.up-4{border-color: #ff9364}
.grade-box ul li.up-5{border-color: #fb6f74}
.grade-box .grade-title{text-indent: 40px;}
.grade-box ul li .grade-box-title{ font-size: 16px; position: absolute; width:150px;text-align: center; left:0; top:5px;display: none;}
.grade-box ul li .position-icon{width:14px;position:absolute; bottom:10px; height: 18px; background:url('../images/position-icon.png') no-repeat; margin-left: 7px;display: none;}
.grade-box ul li.up-1 .grade-box-title{color: #35cbbb;}
.grade-box ul li.up-2 .grade-box-title{color: #82b0ed; }
.grade-box ul li.up-3 .grade-box-title{color: #fcbf76; }
.grade-box ul li.up-4 .grade-box-title{color: #ff9364; }
.grade-box ul li.up-5 .grade-box-title{color: #fb6f74; }
.grade-box ul li.up-1 .position-icon{background-position: 0 0;}
.grade-box ul li.up-2 .position-icon{background-position: 0 -21px;}
.grade-box ul li.up-3 .position-icon{background-position: 0 -41px;}
.grade-box ul li.up-4 .position-icon{background-position: 0 -62px;}
.grade-box ul li.up-5 .position-icon{background-position: 0 -82px;}
.grade-box.up-grade-now-1 .up-1 .grade-box-title {display: block;}
.grade-box.up-grade-now-1 .up-1 .position-icon {display: block;}
.grade-box.up-grade-now-2 .up-2 .grade-box-title {display: block;}
.grade-box.up-grade-now-2 .up-2 .position-icon {display: block;}
.grade-box.up-grade-now-3 .up-3 .grade-box-title {display: block;}
.grade-box.up-grade-now-3 .up-3 .position-icon {display: block;}
.grade-box.up-grade-now-4 .up-4 .grade-box-title {display: block;}
.grade-box.up-grade-now-4 .up-4 .position-icon {display: block;}
.grade-box.up-grade-now-5 .up-5 .grade-box-title {display: block;}
.grade-box.up-grade-now-5 .up-5 .position-icon {display: block;}
/*定投收益计算器*/
.page-tool-caculator{margin-top: 30px;margin-bottom: 40px;background-color: #fff;border: 1px solid #DBDBDB;padding: 40px 40px;}
.page-tool-caculator h2{background: url('../images/arrow-right-line.png') no-repeat;height: 51px; line-height: 48px; color: #fff; margin-left: -40px; font-size: 14px; font-weight: normal;}
.caculator-icon{width:24px;height: 24px;background: url('../images/caculator-icon.png') no-repeat; display: inline-block; vertical-align: middle; margin-left: 20px; margin-right: 10px;}
.caculator-line{background: url('../images/line.png') no-repeat top center; height: 34px; margin-top: 20px;}
/*sun-0824-组合确认成功修改*/
.group-confirm-ok .progress-line{width: 100%;height: 4px;position: absolute;left: 15px;top: 15px;background: #d2d2d2;}
.group-confirm-ok li{width: 321px;font-size: 16px;float: left;position: relative;height: 300px;}
.group-confirm-ok .progress-info{margin-left: 35px;overflow: hidden;zoom:1;position: absolute;width: 450px;top: 50px;left: -150px;}
.group-confirm-ok .p-i-t{padding-top: 5px;margin-bottom: 13px;font-size: 18px;width: 260px;text-align: center;}
.group-confirm-ok .p-i-c{padding-top: 20px;width: 264px;text-align: center;}
/*sun-0824从0518样式中复制过来的段落样式*/
.paragraphs-style-1{ text-indent: 2em; font-size: 14px; color: #666; line-height: 25px;}
.page-left-menu-2{ position: relative; float: left; width: 220px; background-color: #fff; border: 1px solid #e5e5e5; border-right: none;}
.page-left-menu-2>.up-title{ height: 60px; padding-left: 68px; line-height: 60px; font-size: 18px; color: #ff5656; background: #f2f2f2 url("../images/icon-menu-2.png") no-repeat;}
.page-left-menu-2>.up-title.up-icon-1{ background-position: 15px 3px; }
.page-left-menu-2>.up-title.up-icon-2{ background-position: 15px -87px; }
.page-left-menu-2>.up-title.up-icon-3{ background-position: 15px -177px; }
.page-left-menu-2>.up-angle{display: block; position: absolute; top: 0; right: -17px; width: 34px; height: 10px; background: url("../images/menu-angle.png") no-repeat;}
.page-left-menu-2>.ui_tab_items{}
.page-left-menu-2>.ui_tab_items>li{ position: relative; background-color: #fff; height: 50px;}
.page-left-menu-2>.ui_tab_items>li>.up-angle{ display: none; position: absolute; right: -6px; top: 20px; border: 7px solid #ff5656; border-right: none; border-top-color: transparent; border-bottom-color: transparent;}
.page-left-menu-2>.ui_tab_items>li.on{ background-color: #ff5656;}
.page-left-menu-2>.ui_tab_items>li.on>.up-angle{ display: block;}
.page-left-menu-2>.ui_tab_items>li>a{ display: block; padding-left: 30px; font-size: 16px; color: #666; line-height: 50px;}
.page-left-menu-2>.ui_tab_items>li>a:hover{ text-decoration: none;}
.page-left-menu-2>.ui_tab_items>li.on>a{ color: #fff;}
.page-right-content-2{ float: right; width: 807px; min-height: 610px; padding: 25px 35px; background-color: #fff; border: 1px solid #e5e5e5;}
/*2016-08-26 公司公告*/
.theme-banner:hover{
text-decoration: none;
}
.theme-banner dl dt i{
margin-left: 10px;
width: 11px;
height: 19px;
display: inline-block;
background: url("../images/index-arrow-more.png") no-repeat;
}
.page-about-notice{
height: 40px;
line-height: 40px;
background: #fff;
border: 1px solid #e0e0e0;
border-top: none;
}
.page-about-notice i{
float: left;
display: inline-block;
width: 18px;
height: 18px;
line-height: 38px;
margin: 11px 15px;
background: url("../images/icon-notice.png") no-repeat;
}
.page-about-notice ul{
float: left;
margin-right: 30px;
width: 1000px;
height: 40px;
word-break: break-all;
overflow: hidden;
}
.page-about-notice ul li{
float: left;
font-size: 12px;
color: #666;
list-style: initial;
margin: 0 30px 0 15px;
}
.page-about-notice ul li a{
display: inline-block;
}
.page-3roll {
margin-top: 20px;
height: 310px;
}
.pages-roll-content ul li {
border: 1px solid #dbdada;
border-top-color: #ff5656;
border-top-width: 3px;
}
.pages-roll-content ul li .rollli {
border: none;
padding-top: 30px;
}
.pages-roll-content ul li .rollli .btn{
padding: 10px 0 30px 0;
display: block;
}
.pages-roll-content ul li .rollli .btn a{
font-size: 16px;
}
.pages-roll-content ul li .rolltitle{
margin: 0 15px;
line-height: 45px;
font-size: 16px;
background: #fff;
color: #666;
border-bottom: 1px dashed #e0e0e0;
}
.pages-roll-content ul li .rollli .rollnum{
margin: 24px auto;
}
.Vertical-box{
margin-top: 0;
}
.index-block-jjphb .theme-banner {
float: left;
}
.index-block-jjdg .ui_tab_items{
paddding-top: 25px;
}
.index-block-jjdg .up-content>table>tbody>tr>td{
height : 80px;
border-top: 1px solid #edecec;
border-bottom: none;
}
.index-block-xfjj .theme-banner{
float: left;
}
/* about-us-notice */
.page-table-content .ui-data-list{padding: 0px;margin: 0px 20px; }
.page-table-content .ui-data-list li{text-indent: 0px; border-top:none;border-bottom: 1px dashed #e5e5e5;}
.paragraphs-style-1 .page_next_down{float:right;padding-top: 60px;margin-right: 20px}
.paragraphs-style-1 .page_next_down a{ margin:0 3px; padding: 3px; border: 1px solid #999;}
.paragraphs-style-1 .page_next_down a:hover{ text-decoration: underline;}
.paragraphs-style-1 .page_next_down span{margin:0 3px;padding: 3px 5px; border: 1px solid #999;}
.paragraphs-style-1 .page_next_down span input{width:35px; height:16px; text-align: center; border: solid 1px #fff;}
.paragraphs-style-1 .page_next_down a.on{ color: #fff; background-color: #3e95ff;}
.paragraphs-style-1 .page_next_down a.on:hover{ text-decoration: none;}
.paragraphs-style-1 .page_next_down a.off{ color: #b2b2b2;}
.paragraphs-style-1 .page_next_down a.off:hover{ text-decoration: none;}
.paragraphs-style-1 .page_next_down a.page_go{border:none;line-height:25px;color: #3e95ff;margin-right: 0;padding-right: 0px;}