html, body, div,
form, object, iframe, p, table, th, td, ul, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
button, input, span, em, s, textarea, b, u, a, img, select, header, footer, nav, menu, article, aside, main, section, time { margin: 0; padding: 0 }
input, select, img { vertical-align: middle }
img { border: none }
s, u { text-decoration: none }
em, i { font-style: normal }
ul, li { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
span.clear { display: block; clear: both; height: 0px; overflow: hidden; }
.clear { zoom: 1 }
.clear:after { clear: both; overflow: hidden; zoom: 1; height: 0px; font-size: 0; line-height: 0; content: "."; display: block; }
.clear-l { clear: left; }
.none { display: none }
.block { display: block }
.fn-left { float: left; }
.fn-right { float: right; }
a { color: #3c94ff; text-decoration: none }
/*a:hover { text-decoration: underline }*/
body { font-family: \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, Arial, Helvetica, sans-serif; font-size: 14px; color: #333; line-height: normal; }
button, select, input, textarea { font-family: \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, Arial, Helvetica, sans-serif; }
input:focus, button:focus { outline: none; }
.placeholder_wrap { position: relative; display: inline-block }
.placeholder_tip { position: absolute; color: #c8c8c8; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 14px; overflow: hidden; }
.placeholder_tip em { position: absolute; height: 30px; line-height: 30px; top: 50%; margin-top: -15px; left: 10px; }
.placeholder_wrap_textarea .placeholder_tip em { top: 5px; left: 5px; margin-top: 0px; height: auto; line-height: normal; }
.placeholder_wrap_left { float: left; }
.placeholder_wrap_right { float: right; }
.placeholder_wrap_none { float: none; }
/*背景色*/
.page-bg-blue { background: #3e95ff; color: #fff; }
.page-bg-white { background: #fff; color: #333; }
.page-bg-grey { background-color: #eff1f2; }
/*input style*/
.page-input { border: 1px solid #c0cad2; height: 36px; padding-left: 10px; line-height: 36px; }
.page-input-small { height: 26px; line-height: 26px; }
.page-input-big { height: 46px; font-size: 14px; line-height: 46px; }
.page-input-keyboard { background: url(../images/keyboard-icon.gif) no-repeat 95% center; padding-right: 40px; }
.page-input-calendar { background: url(../images/calendar.png) no-repeat 94% center; padding-right: 40px; }
.page-textarea { border: 1px solid #c0cad2; min-height: 60px; padding-left: 10px; padding-top: 5px; resize: none; outline: none; overflow: auto; }
/*button style*/
.page-button { overflow: visible; height: 38px; font-size: 14px; padding: 0 10px; cursor: pointer; text-decoration: none; }
.page-button-shadow { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) }
.page-button-radius { border-radius: 3px; }
a.page-button { line-height: 38px; display: inline-block; outline: none; }
a.page-button:hover { text-decoration: none; }
.page-button-big { height: 48px; font-size: 18px; padding: 0 20px; }
a.page-button-big { line-height: 48px; }
.page-button-small { height: 24px; padding: 0 10px; font-size: 12px; }
a.page-button-small { line-height: 24px; }
.page-button-main { background: #3a90f8; border: 1px solid #2880eb; color: #fff; }
.page-button-red { background: #ff665d; border: 1px solid #f31211; 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-28 { font-size: 28px; }
.fn-font-30 { font-size: 30px; }
.fn-font-34 { font-size: 34px; }
.fn-font-40 { font-size: 40px; }
.fn-font-52 { font-size: 52px; }
.fn-text-weak { opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; }
.fn-font-bold { font-weight: bold; }
.fn-font-nobold { font-weight: normal; }
a.fn-color-gray, .fn-color-gray { color: #999999 }
.fn-color-6 { color: #666 }
.fn-color-3 { color: #333; }
.fn-color-1 { color: #3c94ff }
.fn-color-orange { color: #ff635a }
.fn-color-red { color: #ff0000; }
.fn-color-y { color: #FBA652; }
.fn-color-green { color: #6FD930; }
.color-1 { color: #ffaf66; }
.color-2 { color: #82e084; }
.color-3 { color: #fe8179; }
.bg-f4f7f9 { background: #f4f7f9; }
.hr-1 { height: 1px; width: 100%; display: block; background: #dfe4e8; }
.font-arial { font-family: arial, "微软雅黑", "宋体", sans-serif }
/*padding*/
.pd5 { padding: 5px; }
.pd10 { padding: 10px }
.pd20 { padding: 20px; }
.pd-l-5 { padding-left: 5px }
.pd-r-5 { padding-right: 5px }
.pd-t-5 { padding-top: 5px }
.pd-b-5 { padding-bottom: 5px }
.pd-l-10 { padding-left: 10px }
.pd-r-10 { padding-right: 10px }
.pd-t-10 { padding-top: 10px }
.pd-b-10 { padding-bottom: 10px }
/*margin*/
.mg5 { margin: 5px; }
.mg10 { margin: 10px }
.mg-center { margin: 0 auto; }
.mg-l-5 { margin-left: 5px }
.mg-r-5 { margin-right: 5px }
.mg-t-5 { margin-top: 5px }
.mg-b-5 { margin-bottom: 5px }
.mg-l-10 { margin-left: 10px }
.mg-r-10 { margin-right: 10px }
.mg-t-10 { margin-top: 10px }
.mg-b-10 { margin-bottom: 10px }
.mg-l-20 { margin-left: 20px }
.mg-r-20 { margin-right: 20px }
.mg-t-20 { margin-top: 20px }
.mg-b-20 { margin-bottom: 20px }
.mg-t-30 { margin-top: 30px }
.mg-b-30 { margin-bottom: 30px }
/*width*/
.w60 { width: 60px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w386 { width: 386px; }
.w780 { width: 780px; }
input.w160 { width: 148px; }
input.w300 { width: 288px; }
/*height*/
.h80 { height: 80px; }
/*border*/
.border-gray { border: #dcdfe0 solid 1px; }
/*header*/
.page-header-content, .page-footer-content, .page-top-bar-content, .page-open-container, .register-check-step ul, .page-wrap, .page-map-nav-content, .page-product-menu-content { width: 1200px; margin: 0 auto }
.page-header { height: 72px; background: #fff; border-bottom: 1px solid #e8eaec }
.page-header-left { padding-top: 15px; }
.header-search { position: relative; }
.page-header-middle { position: relative; float: left; width: 450px; display: inline; margin-left: 250px; margin-top: 17px; }
.page-header-middle .header-search-list { font-size: 14px; background-color: #fff; z-index: 10; position: absolute; border: 1px solid #3c94ff; top: 37px; width: 374px; line-height: 34px; display: none; }
.page-header-middle .header-search-list li { padding-left: 10px; padding-right: 10px; }
.page-header-middle .header-search-list li:hover { background-color: #ECECEC; overflow: hidden; cursor: pointer; }
.page-header-middle .header-search-list li.up-on { background-color: #ECECEC; overflow: hidden; cursor: pointer; }
.page-header-middle .header-search-list .up-red { color: #ff665d; }
.page-header-middle .header-search-list .up-code { width: 60px; }
.page-header-middle .header-search-list .up-name { width: 213px; margin-left: 10px; }
.page-header-middle .header-search-list .up-type { width: 60px; margin-left: 10px; }
.header-search.up-grey .header-search-input { border: 1px solid #ccc; }
.header-search-input { border: 2px solid #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-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 { margin: 0 10px; }
.page-header-right a { color: #666 }
.logo-link, .split-line, .logo-text { float: left; }
.split-line { height: 25px; width: 1px; overflow: hidden; background: #cccccc; margin: 0 15px; margin-top: 12px; }
.logo-text { font-size: 18px; font-weight: normal; margin-top: 12px; }
/*top bar*/
.page-top-bar { background: #f9f9f9; padding: 8px 0; font-size: 12px; }
.page-top-bar-l { float: left; }
.page-top-bar-l a { color: #666; margin: 0 5px; }
.page-top-bar-r { float: right; }
.page-top-bar-r a { color: #666666 }
.page-top-bar-r span.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; width: 880px; margin: 0 auto; padding-top: 1px; min-height: 540px }
.simple-form-title { font-size: 20px; border-bottom: 1px solid #c6cbce; margin: 20px 40px 10px 40px; padding-bottom: 15px; }
.auto-center-form .simple-form-content { padding-top: 20px; }
.page-form-table table { width: 100% }
.page-form-table table th { font-weight: normal; font-size: 16px; text-align: right; padding-right: 15px; width: 130px; }
.page-form-table table td { padding: 8px 0; }
.page-form-table .submit-tr th, .page-form-table .submit-tr td { padding-top: 30px; }
.page-form-table table .v-top-tr th { padding-top: 15px; vertical-align: top; }
.get-money-card, .fn-font-normal { font-size: 14px; }
.bank-check-form .page-form-table table th { width: 100px; }
.bank-check-form .page-tips { margin-bottom: 15px; }
.page-form-table .with-page-tips-arrow { height: 38px; line-height: 38px; }
.simple-form-table table th { font-weight: normal; font-size: 16px; text-align: right; padding-right: 15px; width: auto; }
/*tips*/
.page-tips { padding: 5px; zoom: 1; font-size: 14px; }
.page-tips:after { clear: both; overflow: hidden; zoom: 1; height: 0px; font-size: 0; line-height: 0; content: "."; display: block; }
.page-tips-warning { background: #ffe3e2; border: 1px solid #ffb2ae; border-radius: 3px; color: #be3535 }
.page-tips-warning .page-icon { display: inline-block; width: 18px; height: 18px; background-position: 0px -52px; float: left; margin-right: 7px; margin-top: 2px; }
.page-tips-notice { background: #fffcf3; color: #ab6900; border: 1px solid #eccd7f; border-radius: 3px; margin-bottom: 20px; line-height: 1.8 }
.page-tips-absolute { position: relative; }
.page-tips-absolute .page-tips { position: absolute; left: 0px; top: 0px; }
/*dailog*/
.page-dailog { border: 5px solid #bdbdbd; background: #fff; display: none; }
.page-dailog-title { position: relative; padding: 15px 15px 0 15px; }
.page-dailog-title h3 { font-size: 16px; font-weight: normal; }
.page-dailog-title h2 { font-size: 20px; font-weight: normal; }
.page-dailog-title .page-close-dailog { background-position: 4px -96px; font-size: 0px; width: 20px; height: 20px; overflow: hidden; position: absolute; right: 10px;
top: 15px; line-height: 0px; }
.page-dailog-content { padding: 15px; overflow: hidden; }
.page-open-bg, .page-body-bg { background: #eff1f2; min-height: 400px; padding: 25px 0 }
.page-body-bg.up-no-padding-top { padding-top: 0; }
.page-open-container, .page-body-container { background: #fff; }
.page-body-container-content { padding: 30px 50px; }
.register-result, .page-result { padding: 40px 0px; margin: 0 60px; border-bottom: 1px solid #ddd }
.register-result-icon, .page-result-icon { width: 55px; height: 55px; background: url(../images/success.png) no-repeat; float: left; }
.register-result-text, .page-result-text { padding-left: 75px; }
.register-result-text-title, .page-result-text-title { font-size: 20px; margin-bottom: 10px; padding-top: 2px; }
.register-result-text-tips, .page-result-text-tips { color: #666666; line-height: 1.5; position: relative; }
.into-account { font-size: 14px; }
.next-time { position: absolute; right: 20px; bottom: 0px; }
.getcode { height: 48px; width: 132px; padding: 0 10px; margin-left: -1px }
.checkcode-input { width: 238px; }
.login-pass { width: 329px; }
.complete-reg { width: 381px; }
.phone-number { color: #ff665d; font-size: 24px; font-weight: bold; }
.register-form .simple-form-content { width: 80%; margin: 0 auto }
.register-form .simple-form-table table, .auto-center-form .simple-form-table table { width: auto; margin: 0 auto }
.register-form .page-tips { width: 80%; margin: 0 auto }
.reg-next-button { width: 320px }
.phone-number-input { width: 308px; }
.change-phone-dailog { width: 358px; }
.dailog-investment-style { width: 1000px; }
.change-phone-form li { margin-bottom: 20px; }
.has-register { color: #ff665d; margin-bottom: 10px; }
.has-register .page-icon-error { margin-right: 7px; }
/*footer*/
.page-footer { padding-top: 40px; }
.footer-logo { float: left; width: 200px; border-right: 1px solid #ddd; height: 140px; }
.footer-logo img { margin-top: 42px; margin-left: 10px; }
.footer-info { float: left; padding-left: 30px; }
.footer-info dl { float: left; display: inline; margin-right: 90px }
.footer-info dl dt { font-size: 18px; color: #000 }
.footer-icon { background: url(../images/footer-icon.png) no-repeat; display: inline-block; width: 56px; height: 56px; margin-right: 30px; }
.footer-icon-about { background-position: 2px -5px }
.footer-icon-safe { background-position: -292px -5px }
.footer-icon-help { background-position: -554px -5px }
.footer-info dl dt em { display: inline-block; vertical-align: middle; }
.footer-info dl a { color: #666 }
.footer-info dl dd { padding-left: 88px; margin-bottom: 5px; }
.page-copy { text-align: center; clear: both; padding-top: 50px; padding-bottom: 30px; }
/*cardtip*/
.ui_cardTip_box { position: absolute; border: 1px solid #ddd; background: #ffffcd; display: none }
.ui_cardTip_box_content { padding: 6px; font-size: 20px; color: #000; font-weight: bold; font-family: Arial, Helvetica, sans-serif }
.ui_cardTip_boxbankcard { width: 280px; }
/*.register-left{ float: left; width: 1000px;}*/
.register-left { float: left; width: 675px; padding-right: 30px; }
.pay-form .page-input { width: 270px; }
.paltform-list li { float: left; border: 1px solid #c0cad2; text-align: center; padding: 5px 0; width: 110px; display: inline; margin-right: 15px; font-size: 0px; line-height: 0px; overflow: hidden; }
.paltform-list li.on { border-color: #3c94ff }
.paltform-list input { display: none; }
.channel-fv { padding-right: 24px; }
.channel-fv-2 { padding-right: 120px; }
.register-right { float: right; width: 335px; background: url(../images/open-img_03.gif) repeat-y; padding-left: 40px; padding-bottom: 20px; padding-top: 20px; min-height: 300px; }
.no-bank-support { background: url(../images/open-img_07.gif) no-repeat right bottom; height: 395px; }
.bank-support-title { font-size: 16px; margin-bottom: 10px; }
.bank-support-list { margin: 20px 0 }
.page-button-next, .page-button-alipay, .page-button-other { width: 160px; }
.register-check-form, .name-auth-form { margin: 0 50px; padding: 50px 0 }
/*.page-form-table .reg-check-type th,.page-form-table .reg-check-type td{ padding-bottom: 30px;}*/
.page-form-table .reg-check-type th > div { line-height: 70px; height: 237px; }
.pay-list li { float: left; width: 193px; margin-bottom: 20px; border: 2px solid #c0cad2; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #333333; display: inline; margin-right: 15px; }
.pay-list li.on { border-color: #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 { background: #3c94ff; }
.register-check-step ul, .page-step ul { padding: 30px 0 20px 0 }
.register-check-step li, .page-step li { float: left; width: 33.3%; position: relative; padding-top: 15px; }
.register-check-step .check-step-bg, .page-step .check-step-bg { background: #0072ff; height: 6px; overflow: hidden; margin-bottom: 20px; }
.register-check-step .check-step-num, .page-step .check-step-num { background: url(../images/step-icon.png) no-repeat; background-position: 0px -132px; width: 32px; height: 32px; line-height: 32px; color: #fff; position: absolute; left: 50%; margin-left: -16px; text-align: center; top: 0px; font-size: 18px; }
.register-check-step .check-step-text, .page-step .check-step-text { text-align: center; color: #fff; font-size: 14px; }
.complete .check-step-bg { background: #bad9ff; color: #3c94ff; }
.current .check-step-bg { background: #ffffff; color: #3c94ff; }
.complete .check-step-num { background-position: 0px 0px; color: #3c94ff; }
.current .check-step-num { background-position: 0px -44px; color: #3c94ff }
.last-step .check-step-num { background-position: 0px -88px; font-size: 0px; line-height: 0px; overflow: hidden; }
.page-step-4 ul li { width: 25%; }
.page-channel-list { }
.page-channel-list li { border: 3px solid #c0cad2; padding: 10px 13px; margin-bottom: 20px; }
.page-channel-list li.on { border-color: #3c94ff; background: #fff url(../images/select-icon.gif) no-repeat right bottom; }
.channel-type { border-bottom: 1px dashed #ddd; padding-bottom: 10px; font-size: 16px; margin-bottom: 10px; }
.channel-desc { color: #666666 }
.channel-zk { margin-bottom: 5px; }
.channel-sign { display: inline-block; color: #fff; padding: 4px 8px; border-radius: 3px; margin-right: 6px; }
.channel-sign-qj { background: #7bbd60 }
.channel-sign-tl { background: #f7bb22 }
.channel-sign-wy { background: #ff665d }
.page-tips-arrow { position: relative; display: inline; margin-left: 15px; padding: 8px; }
.page-tips-arrow-icon { width: 12px; height: 12px; overflow: hidden; position: absolute; left: -5px; top: 50%; margin-top: -5px; }
.page-tips-arrow-icon i, .page-tips-arrow-icon u { display: inline-block; position: absolute; border-style: solid; top: 0px; border-width: 5px 5px 5px 0px; width: 0px; height: 0px; overflow: hidden; }
.page-tips-arrow-icon i { border-color: transparent #ffe3e2 transparent transparent; left: 0px; z-index: 2 }
.page-tips-arrow-icon u { border-color: transparent #ffb2ae transparent transparent; left: -1px; z-index: 1 }
.onError, .onShow, .onFocus, .onSuccess, .onCorrect { line-height: normal; background: url(../images/v-icon.png) no-repeat -9999px -9999px; padding-left: 25px; }
.onError { background-position: 0px 0px; color: #ff665d }
.onSuccess, .onCorrect { background-position: 0px -87px; }
.onFocus, .onShow { background-position: 0px -138px; color: #999 }
.mail_out_box { font: 12px/20px Tahoma, sans-serif; }
.mail-item-box { border: 1px solid #ccc; background: #fff; }
.mail-item { border-bottom: 1px solid #eee; padding: 5px 5px; cursor: pointer; }
.mail_list_box { }
.mail_focus_box { background: #ffffcc; }
.mail_mark_box { color: #c00; }
.channel-item-desc { line-height: 1.8; margin-bottom: 15px; }
.desc-strong { color: #ff665d }
.register-bank-not-support .page-form-table td { font-size: 16px; }
.check-bank-dailog { width: 500px; }
.check-bank-tips { text-align: center; color: #999; font-size: 16px; margin: 20px 0 40px 0; }
.binding-title { font-size: 20px; color: #3c94ff; text-align: center; }
.check-bank-action { text-align: center; }
.check-bank-action .page-button { width: 140px; margin: 0 10px }
.reset-phone { width: 340px; }
.reset-checkcode { width: 208px; }
.reset-button-next { width: 200px; }
.reset-pass-input, .reset-pass-input2 { width: 300px; }
.bank-name { background: url(../images/v-icon.png) no-repeat 0 -87px; padding-left: 22px; margin-left: 5px; }
.bank-not-support, .bank-crd-card { background: url(../images/v-icon.png) no-repeat 0 1px; color: #ff665d; padding-left: 25px; margin-top: 5px; }
.test-risk-level { margin-left: 10px; display: inline; padding-top: 10px; color: #999 }
.add-brokers { border: 1px dotted #7f7f7f; padding: 10px; color: #2880eb; display: block; margin-top: 5px; width: 348px }
.add-brokers:hover { text-decoration: none; border-color: #2880eb }
.add-brokers em { display: inline-block; border: 1px solid #2880eb; width: 19px; height: 19px; text-align: center; line-height: 19px; border-radius: 50%; margin-right: 8px; }
.auth-mail { width: 358px; }
.pay-password, .confirm-pay-password { width: 318px; }
.card-year, .card-month, .card-date { width: 102px; }
.complete-name-auth { width: 216px; font-size: 16px; }
.certificate-validity-period { width: 318px; }
.page-radio-list { border: 1px solid #2880eb; background: #fff; zoom: 1; }
.page-radio-list:after { content: "."; overflow: hidden; display: block; clear: both; height: 0px; }
.page-radio-list li input { display: none; }
.page-radio-list li { border-left: 1px solid #2880eb; float: left; margin-left: -1px; position: relative; }
.page-radio-list li.on label { background: #3c94ff; color: #fff; -webkit-transition: background .3s;
-o-transition: background .3s;
transition: background .3s; }
.page-radio-list li.on em { border-color: #fff; color: #fff; }
.page-radio-list li em { position: absolute; right: 2px; top: 2px; border-radius: 50%; border: 1px solid #ddd; width: 16px; height: 16px; text-align: center; font-size: 12px; }
.page-radio-list li label { height: 38px; line-height: 38px; text-align: center; float: left; padding: 0 25px; color: #3c94ff }
.page-user-menu li { float: left; font-size: 16px; display: inline; margin-left: 45px; }
.page-user-menu li a { color: #333 }
.page-user-menu li.on a { color: #2880eb }
.user-center { padding-top: 30px; }
.user-top-info, .user-photo-header { background: #3e95ff; border: 1px solid #1367ce; }
.user-top-info { color: #fff; position: relative; padding: 29px 5px 29px 145px; margin-bottom: 20px; }
.user-photo { position: absolute; left: 16px; width: 120px; top: -23px; text-align: center; }
.user-photo-header { height: 22px; border-bottom: none; }
.user-photo-content { background: #fff url(../images/default-photo.gif) no-repeat center 15px; width: 106px; height: 106px; margin: 0 auto; margin-top: -16px; border-radius: 3px; overflow: hidden; }
.user-photo-content img { width: 100%; height: 100%; }
.is-checked { color: #fff; background: url(../images/ver-icon.png) no-repeat 0 -64px; padding-left: 22px; margin-left: 12px; }
.is-checked-true { background-position: 0px 0px }
.small-split-line { opacity: 0.3; filter: alpha(opacity=30); -moz-opacity: 0.3; margin: 0 20px; }
.safe-level { display: inline-block; padding: 1px; vertical-align: middle; }
.safe-level .page-icon { background-position: -72px -51px; width: 18px; height: 18px; display: inline-block; vertical-align: top; margin: 0 5px; }
.safe-level i { display: inline-block; height: 18px; line-height: 18px; text-align: center; padding: 0 6px; background: #fff; vertical-align: top; }
.high-level { background: #87c216; }
.high-level i { color: #87c216 }
.low-level { background: #ff8400 }
.low-level i { color: #ff8400; }
.a-color-yellow { color: #ffebd7 }
.a-with-arrow { background: url(../images/arrow.gif) no-repeat right center; padding-right: 15px; }
.logined-info { font-size: 12px; margin-top: 15px; }
.low-level-tips { background: url(../images/guide.png) no-repeat; width: 386px; height: 330px; display: none; position: absolute; left: 50%; margin-left: -198px; top: 273px; z-index: 10001 }
.low-level-tips a { height: 48px; line-height: 0px; font-size: 0px; overflow: hidden; position: absolute; bottom: 65px; outline: none; }
.level-setting { background: url(../images/set-btn.png) no-repeat; width: 179px; left: 64px; }
.level-close { background: url(../images/close-tips.png) no-repeat; width: 66px; bottom: 0px; right: 53px; }
.page-mask { background: #000; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 10000; display: none; }
.level-area { position: absolute; border-radius: 3px; z-index: 10001; color: #fff; padding: 12px 7px; font-size: 12px; }
.index-account-info { border: 1px solid #dcdfe1; background: #fff; }
.index-xjb { float: left; width: 60%; border-right: 1px solid #dcdfe1 }
.index-lc { float: left; width: 20%; border-right: 1px solid #dcdfe1 }
.index-pay { float: left; width: 19%; }
.has-question { border-radius: 50%; border: 1px solid #dcdfe1; width: 20px; height: 20px; text-align: center; line-height: 20px; display: inline-block; color: #ccc; margin-left: 10px; }
.xjb-income { font-size: 56px; text-align: center; color: #ff635a; font-family: Arial, Helvetica, sans-serif; }
.xjb-income-title, .total-money, .total-income { padding: 30px; }
.total-income { background: #f4f7f9; padding: 20px 30px; }
.index-lc-items { padding: 30px 20px 10px 20px; }
.index-lc-items dd { margin-bottom: 30px; }
.index-lc-items dd a { display: block; zoom: 1; background: url(../images/arrow.gif) no-repeat right center; }
.index-lc-items dd a:hover { text-decoration: none; }
.index-lc-items dd a:after { display: block; clear: both; height: 0px; content: "."; overflow: hidden; }
.lc-percent { width: 43px; height: 49px; text-align: center; line-height: 49px; background: url(../images/lc-percent.gif) no-repeat; float: left; font-size: 13px; }
.lc-percent span { font-size: 14px; }
.lc-percent-1 { color: #ff722c; background-position: 0px 0px; }
.lc-percent-2 { color: #ff9933; background-position: 0px -83px; }
.lc-percent-3 { color: #ffbd4b; background-position: 0px -163px; }
.lc-item-info { padding-left: 60px; color: #666; padding-top: 5px; line-height: 1.5 }
.index-pay-content { padding: 30px 20px; }
.pay-method-list { margin-top: 10px; }
.pay-method-list dd { margin-bottom: 8px; }
.page-table-box { border: 1px solid #dcdfe1; background: #fff; margin: 20px 0; }
.page-table-title, .area-title { padding: 15px 25px; zoom: 1; }
.page-table-title:after, .area-title:after { display: block; clear: both; height: 0px; content: "."; overflow: hidden; }
.page-table-title h3, .area-title h3 { float: left; font-weight: normal; border-left: 4px solid #3e95ff; padding-left: 9px; }
.page-table-title span, .area-title span { float: right; }
.page-data-table { width: 100%; }
.page-data-table th { background: #f4f7f9; height: 50px; text-align: center; color: #666; font-weight: normal; }
.page-data-table td { text-align: center; height: 40px; padding-top: 3px; padding-bottom: 3px; }
.page-data-table .col-left { text-align: left; padding-left: 30px; padding-right: 10px; }
.page-data-table .col-right { text-align: right; padding-right: 10px; }
.page-data-table .col-center { text-align: center; }
.page-data-table-border th { border-bottom: 1px solid #ddd }
.no-data-box { background: url(../images/no-data-box.gif) no-repeat center top; padding-top: 110px; text-align: center; color: #999; font-size: 16px; }
.no-data-action { text-align: center; padding: 40px 0; }
.no-data-action .page-button { width: 140px; font-size: 16px; }
.buy-item-title { padding-bottom: 15px; border-bottom: 1px solid #ddd }
.buy-item-title h3 { font-size: 18px; font-weight: normal; }
.buy-label { float: left; font-size: 16px; color: #666; padding-right: 15px; }
.pay-money { padding: 25px 0; }
.buy-fund-money .page-input { width: 250px; }
.pay-money .buy-label { padding-top: 6px; }
.select-fee { float: left; }
.counter-fee-tips { float: right; background: #fff6e2; padding: 10px; color: #fa7015; width: 400px; font-size: 12px; line-height: 1.5 }
.counter-fee-option { padding-left: 20px; margin-top: 10px; }
.counter-fee { padding: 26px 0; border-bottom: 1px dashed #ddd }
.counter-fee-item { margin-bottom: 25px; }
.counter-fee-item * { vertical-align: middle; }
.counter-fee-item i { vertical-align: top }
.fee-sort { background: #f4f7f9; padding: 20px; margin-bottom: 30px; }
.pay-select-list li { border: 2px solid #c0cad2; position: relative; margin-bottom: 43px; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; zoom: 1;
}
.pay-select-list li.active dd { display: block; }
.expand-list { position: absolute; bottom: -29px; right: -2px; width: 140px; text-align: center; border: 2px solid #c0cad2; border-top: none; background: #fff; height: 27px; line-height: 27px; }
.pay-select-list li.active dt { border-bottom: 1px solid #c0cad2; }
.pay-select-list dt { padding: 15px; position: relative; padding-right: 140px; }
.pay-select-list dd { display: none; }
.dd-item { padding: 15px 15px 0 15px; position: relative; padding-right: 140px; }
.dd-item-last .dd-top { border: none; }
.dt-top, .dd-top { border-bottom: 1px dotted #ccc; padding-bottom: 10px }
.dt-top, .dt-bottom, .dd-top, .dd-bottom { zoom: 1; }
.dt-top:after, .dt-bottom:after, .dd-top:after, .dd-bottom:after { display: block; clear: both; height: 0px; content: "."; overflow: hidden; }
.dl-t-l { float: left; width: 57%; }
.dl-t-r { float: left; padding-top: 8px; }
.pay-action { position: absolute; right: 15px; top: 50%; margin-top: -19px; }
.pay-action .page-button { width: 85px; border-radius: 3px; }
.dt-bottom { padding-top: 19px; }
.pay-item-text { font-size: 16px; margin-bottom: 10px }
.pay-item-desc { color: #666 }
.pay-item-desc span { margin-right: 20px; }
.dl-t-r i { font-size: 20px; color: #f55535; margin-right: 10px; }
.lowest-fee { color: #fa7015; background: #fff6e2; border: 1px solid #fcb78a; display: inline-block; padding: 5px 8px; margin-left: 5px; border-radius: 2px; }
.suggest-icon { display: inline-block; width: 18px; height: 18px; background: url(../images/good.gif) no-repeat; margin-left: 10px; vertical-align: bottom; }
.expand-icon { border-style: solid; border-width: 6px 6px 0px 6px; border-color: #c0cad2 transparent transparent transparent; display: inline-block; width: 0px; height: 0px; overflow: hidden; margin-left: 12px; }
.pay-select-list li.hover { border-color: #2880eb; }
.pay-select-list li.hover .expand-list { border-color: #2880eb; -webkit-transition: border-color .3s;
-o-transition: border-color .3s;
transition: border-color .3s; }
.pay-select-list li.active .expand-icon { border-width: 0px 6px 6px 6px; border-color: transparent transparent #c0cad2 transparent; }
.pay-select-list li.pay-single-item { margin-bottom: 20px }
.pay-single-item dt { padding-top: 10px; padding-bottom: 10px; }
.pay-single-item .dt-top { border: none; padding-bottom: 0 }
.not-find-bank { background: #f4f7f9; padding: 15px; width: 250px; text-align: center; margin: 0 auto }
.my-attention, .my-footprint { background: url(../images/attention.gif) no-repeat left center; padding-left: 33px; display: inline-block; height: 26px; line-height: 26px; }
.my-footprint { background-image: url(../images/footerprint.gif); margin-left: 18px; }
.fund-info { background: #fff; }
.fund-base-info { float: left; width: 780px; padding: 30px; position: relative; }
.favor { position: absolute; right: 0; top: 22px; width: 120px; height: 40px; line-height: 40px; cursor: pointer; }
.favor-icon { background: #ff665d url(../images/xin.png) no-repeat center center; width: 40px; height: 40px; float: left; }
.favor-num { text-align: center; width: 80px; height: 40px; color: #666; float: left; background-color: #f4f7f9; }
.fund-action { float: right; }
.fund-info-text { float: left; width: 550px; padding-left: 30px; }
.fund-title { font-size: 20px; margin-bottom: 10px; }
.fund-type { color: #ff8c86; margin-bottom: 20px; }
.fund-value { display: inline; margin-left: 35px; }
.value-and-income { margin-bottom: 50px; }
.fund-income { font-size: 38px; color: #ff665d; font-weight: bold; }
.fund-income span { font-size: 28px; }
.fund-value { border-top: 1px dotted #7f7f7f; border-bottom: 1px dotted #7f7f7f; padding: 10px 0; }
.fund-new-value { width: 90px; text-align: center; margin-right: 20px; }
.fund-total-value { width: 90px; text-align: center; border-left: 1px dotted #7f7f7f; margin-right: 10px; }
.fund-new-value .value-up { }
.value-num { font-size: 20px; }
.value-num.value-up { background: url(../images/up-arrow.gif) no-repeat right center; }
.value-num.value-down { background: url(../images/down-arrow.gif) no-repeat right center; }
.fund-get-back { display: inline; margin-left: 65px; }
.risk-and-back { line-height: 1.8 }
.safe-and-bank { border-top: 1px solid #dfe4e8; margin-top: 20px; padding-top: 20px; color: #666 }
.safe-and-bank ul li { float: left; background: url(../images/safe.gif) no-repeat; display: inline; margin-right: 40px; padding: 3px 0; padding-left: 30px; }
.safe-and-bank ul { margin-bottom: 10px; }
.fund-action {
background: url(../images/fa-bg.gif) no-repeat;
width: 350px;
}
.fund-action-box {
border-top: 4px solid #6dafff;
min-height: 300px; /*_height: 300px;*/
margin-left: 15px;
padding: 26px 28px;
}
.fund-buy-title {
font-size: 18px;
}
.fund-action-box ul li { margin-bottom: 10px; }
.fund-action-box ul li.fn-text-right { margin-bottom: 20px; }
.money-reduce, .money-add { border: 1px solid #c0cad2; background: #f4f7f9; width: 39px; text-align: center; color: #000; height: 46px; font-size: 22px; line-height: 46px; }
.money-reduce { margin-right: -1px; }
.money-add { margin-left: -1px }
.money-reduce:hover, .money-add:hover { text-decoration: none; }
.fund-dt-box { position: relative; top: 70px; }
.fund-buy-input { width: 195px; text-align: center; font-size: 18px; padding-left: 0; }
.fund-buy-btn, .fund-dt-btn { width: 278px }
.fund-dt-title, .fund-manager-product dt { position: relative; border-bottom: 1px solid #dfe4e8; height: 20px; margin-bottom: 20px }
.fund-dt-title span, .fund-manager-product dt span { position: absolute; width: 100px; text-align: center; left: 50%; margin-left: -50px; background: #fff; top: 9px; }
.fund-info-data { margin-top: 23px; }
.fund-info-graph, .fund-manager { background: #fff }
.fund-info-graph { width: 840px; float: left; }
.fund-manager { float: right; width: 335px; }
.fund-manager-title { height: 62px; border-bottom: 1px solid #dfe4e8; font-size: 18px; line-height: 62px; padding-left: 22px; }
.fund-manger-pic { width: 62px; height: 62px; border-radius: 50%; float: left }
.fund-manager-exp { margin-left: 80px; overflow: hidden; zoom: 1; line-height: 1.8 }
.fund-maneger-info { padding: 20px; }
.fund-manager-product dt { margin-left: 15px; margin-right: 15px; }
.fund-manager-product dd { padding-bottom: 10px; border-bottom: 1px solid #dfe4e8; padding-top: 15px; margin: 0 20px; }
.fund-manager-product dd.up-last { border-bottom: none; }
.ui-data_list { }
.ui-data_list li { padding-left: 16px; height: 45px; line-height: 45px; border-bottom: 1px dashed #ddd }
.ui-data_list li .s_r { float: right; color: #666 }
.page_style { text-align: right; margin: 15px auto; font-size: 12px; }
.p_disabled { display: none }
.page_abled, .p_current { color: #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; }
.fund-news-list li { border-bottom: 1px solid #eceff1 }
.fund-news-list li a { color: #666 }
.fund-tab-content { padding: 20px 20px 40px 20px; }
.fund-info-table { width: 100%; margin-top: 50px; }
.fund-info-table th, .fund-info-table td { border: 1px solid #dfe4e8; height: 44px; }
.fund-info-table th { color: #999; text-align: right; padding-right: 10px; font-weight: normal; }
.fund-info-table td { text-align: left; padding-left: 10px; }
.fund-type-circle { float: left; border-radius: 50%; border: 3px solid #3c94ff; background: #3c94ff; color: #fff; width: 113px; height: 113px; text-align: center; overflow: hidden; }
.fund-for-person { background: #f0f7ff; color: #3c94ff; border-bottom: 1px solid #9cc9ff; height: 56px; line-height: 60px; }
.fund-risk-type { height: 56px; line-height: 50px; font-size: 22px; }
.quotes {
font-size: 60px;
color: #999999;
font-family: "Arial-BoldMT", "Arial Bold", "Arial", serif;
overflow: hidden;
height: 30px;
display: inline-block;
margin: 0 10px;
vertical-align: bottom;
}
.fund-simple-intro { margin-left: 140px; overflow: hidden; zoom: 1; padding-left: 50px; font-size: 16px; padding-top: 20px; color: #666; }
.fund-tab { padding: 0 30px }
.fund-tab-items { border-bottom: 1px solid #dfe4e8; height: 57px; position: relative; }
.fund-tab-items ul { position: absolute; left: 0px; top: -1px; }
.fund-tab-items ul li { float: left; display: inline; padding: 21px 10px 15px; margin-right: 20px; }
.fund-tab-items ul li a { color: #666; font-size: 16px; }
.fund-tab-items ul li.on { border-bottom: 2px solid #3c94ff }
.fund-tab-items ul li.on a { color: #000; }
.fund-tab-content { display: none; min-height: 300px; }
.current { display: block; }
.header-search-input_tip_style em { left: 35px; }
/*登录模块*/
.login-pannel {
position: absolute;
width: 810px;
height: 380px;
background: #b2b2b2;
background: rgba(255, 255, 255, 0.5);
padding: 5px;
z-index: 1001;
display: none;
}
.login-pannel-box {
background: #fff;
height: 100%;
position: relative;
padding-left: 439px;
}
.login-pic {
position: absolute;
left: 0;
top: 0;
width: 439px;
height: 380px;
}
.login-form { margin: 20px 30px 30px 30px; }
.login-form li { margin: 20px 0; }
.login-main .page-dailog-title { padding: 20px 30px 0 30px; }
.login-main .page-dailog-title .page-close-dailog { top: 24px; right: 18px; }
.login-form-input { position: relative; height: 48px; border: #c0cad2 solid 1px; padding-left: 54px; }
.login-form-input.active { border-color: #3c94ff; }
.login-form-ico { background: #eff1f2 url(../images/login-form-ico.png) no-repeat; width: 48px; height: 48px; position: absolute; left: 0; top: 0; }
.login-form-ico.phone { background-position: 0 0; }
.login-form-ico.password { background-position: 0 -48px; }
.login-form-input input { margin-right: 48px; border: 0; outline: 0; height: 48px; line-height: 48px \9; font-size: 16px; width: 200px; }
.login-notice-ico { width: 48px; height: 48px; position: absolute; right: 0; top: 0; }
.login-notice-ico.loading-ico { background: url(../images/loading.gif) no-repeat center center; display: none; }
.login-notice-ico.loading-ico.on { display: block; }
.login-notice-ico.keyboard-ico { background: url(../images/keyboard-icon.gif) no-repeat center center; }
.login-form .placeholder_tip em { left: 0; font-size: 16px; }
.login-from-opt { position: relative; }
.remember-psw { float: left; }
.fogot-psw { float: right; color: #999; }
.login-button { width: 100%; height: 42px; line-height: 42px; }
.login-onsubmit { border: #ccc solid 1px; background: #e5e5e5 url(../images/loading.gif) no-repeat 90px center; color: #999; font-size: 14px; height: 40px; line-height: 40px; text-align: center; display: none; }
/*开关样式*/
.switch-bar:after {
content: "\200B";
display: block;
height: 0;
clear: both;
}
.switch-bar {
*zoom: 1; /*IE/7/6*/
cursor: pointer;
}
.switch-btn, .switch-text { float: left; line-height: 22px; }
.switch-btn { width: 36px; height: 22px; position: relative; margin-right: 15px; }
.switch-btn-bg { border-radius: 8px; border: #c0cad2 solid 1px; width: 100%; height: 14px; position: absolute; left: 0; top: 4px; background-color: #f4f7f9; -webkit-transition: all 0.5s; transition: all 0.5s; }
.switch-btn-item {
width: 18px;
height: 18px;
position: absolute;
left: 0;
top: 2px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border-radius: 50%;
background: #ddd;
border: #c0cad2 solid 1px;
background-image: -moz-linear-gradient(90deg, #dcdfe1, #f3f6f8);
background-image: -webkit-linear-gradient(90deg, #dcdfe1, #f3f6f8);
background-image: -ms-linear-gradient(90deg, #dcdfe1, #f3f6f8);
box-shadow: 0.5px 1px 1.2px 0px rgba(0, 0, 0, 0.3);
}
.switch-bar.on .switch-btn-bg { background-color: #37ac09; border-color: #30a203; }
.switch-bar.on .switch-btn-item { left: 20px; }
.login-form .switch-text { color: #999999; }
.name-edit { padding-right: 24px; background: url(../images/edit-icon.png) no-repeat right center; line-height: 16px; color: #333; font-size: 14px; }
.name-edit:hover { text-decoration: none; }
.td-name-edit { position: relative; }
.td-name-edit .name-deit-block { position: absolute; left: 98px; top: -8px; display: none; }
.name-deit-block { width: 166px; border: 1px solid #ccc; background-color: #EFF1F2; border-radius: 2px; padding: 10px; }
.name-deit-block button { width: 80px; background-color: #fff; color: #666; line-height: 26px; cursor: pointer; border: 1px solid #ccc; border-radius: 2px; }
.name-deit-block button:hover { }
.name-deit-block .up-btn-blue { color: #fff; border-color: #3c94ff; background-color: #3c94ff; }
.name-deit-block .up-title { color: #333; margin-bottom: 10px; }
.name-deit-block input { height: 30px; line-height: 30px; width: 100%; }
.name-deit-block .up-btns { margin-top: 10px; }
.edit-dot { display: block; padding: 6px 0; cursor: pointer; }
.edit-dot-list .edit-dot { border: 1px solid #ccc; border-bottom-color: #fff; width: 40px; position: relative; z-index: 2; background-color: #fff; }
.edit-dot-list ul { border: 1px solid #ccc; padding: 5px; width: 80px; text-align: center; background-color: #fff; margin-left: -50px; margin-top: -1px; }
.edit-dot-list ul li { border-bottom: 1px solid #ccc; line-height: 30px; }
.edit-dot-list .up-last { border-bottom: none; }
.square-dot { width: 4px; height: 4px; background: #3a90f8; margin: 4px auto; }
/*面包屑导航*/
.crumbs { background: url(../images/position.png) no-repeat left center; padding-left: 20px; }
.crumbs li { float: left; }
.crumbs em { margin: 0 5px; }
.fund-datail-box-top { border: #2473d3 solid 1px; border-bottom: 0; position: relative; }
.fund-datail-box-btm { border: #dcdfe0 solid 1px; border-top: 0; }
.fund-datail-total { width: 100%; }
.fund-datail-total .page-button-blue-wb { height: 40px; width: 90px; margin-right: 10px; }
.fund-datail-total .page-button-white-orange { height: 40px; width: 90px; margin-right: 10px; }
.fund-datail-total-opt { text-align: center; }
.fund-datail-more { margin: 10px 0 22px 0; }
.fund-datail-more th, .fund-datail-more td { padding: 10px; }
.fund-datail-more th { color: #999; font-weight: normal; padding-left: 0; }
.fund-datail-more td { padding-right: 30px; }
.fund-datail-history { background: #fff; border: #dcdfe0 solid 1px; margin: 20px 0; }
.page-data-linetable { background: url(../images/table-hd-bg.gif) repeat-x; }
.page-data-linetable table { width: 96%; margin: 0 auto; margin-bottom: -1px; }
.page-data-linetable th { height: 52px; color: #727272; padding: 0 15px; }
.page-data-linetable td { border-bottom: #dcdfe0 solid 1px; padding: 20px 15px; text-align: center; }
.td-edit-dot { position: relative; }
.td-edit-dot .edit-dot-list { position: absolute; top: 25px; display: none; z-index: 3; }
.page-data-linetable .col-left { text-align: left; }
.page-data-linetable .col-center { text-align: center; }
.page-data-linetable .col-right { text-align: right; }
.page-table-notice { background: url(../images/gray-dot.gif) repeat-x left center; text-align: center; margin: 50px auto; width: 96%; }
.page-table-notice span { background: #fff; padding: 0 20px; }
.stop-pledge-box {
width: 560px;
height: 380px;
}
.stop-pledge-box-inner {
text-align: center;
}
.stop-pledge-box-opt { margin: 20px 0; }
.stop-pledge-box .text-1 { margin: 80px auto 20px auto; }
.stop-pledge-box .text-2 { margin-bottom: 60px; }
.fund-datail-total-info { width: 100%; }
.fund-pledge-paused { height: 79px; line-height: 79px; display: none; }
.fund-pledge-paused span { margin-left: 15px; vertical-align: middle; }
.bought-share { width: 160px; height: 160px; background: url(../images/bought-share-bg.png) no-repeat; display: none; }
.bought-share-top { color: #fff; height: 86px; text-align: center; padding-top: 24px; }
.bought-share-btm { padding-top: 5px; text-align: center; }
.bought-share-btm a { color: #3e95ff; }
/*弹出层通用样式*/
.layer-box {
background: #b2b2b2;
background: rgba(255, 255, 255, 0.5);
padding: 5px;
z-index: 1001;
display: none;
}
.layer-box-inner {
background: #fff;
height: 100%;
}
.edit-pledge-box { width: 600px; height: 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; }
.date-picker li { float: left; line-height: 46px; }
.date-picker .date-picker-input { height: 44px; line-height: 44px; width: 150px; padding-left: 10px; }
.change-num { border: #c0cad2 solid 1px; width: 180px; }
.change-num li { float: left; height: 44px; line-height: 44px; }
.change-num-minus, .change-num-add { width: 30px; background: #f1f5f8; text-align: center; cursor: pointer; -moz-user-select: none; -o-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.change-num-text input { border: 0; outline: none; border-left: #c0cad2 solid 1px; border-right: #c0cad2 solid 1px; width: 108px; height: 44px; line-height: 44px \9; vertical-align: top; padding: 0 5px; text-align: center; }
.stop-pledge-box-opt { margin: 20px 0; }
.stop-pledge-box .text-1 { margin: 80px auto 20px auto; }
.stop-pledge-box .text-2 { margin-bottom: 60px; }
.fund-datail-total-info { width: 100%; }
/*liqi 0820 fund-list*/
/*.map-nav*/
.page-map-nav-content { padding: 15px 0; }
/*.page-product-menu*/
.page-product-menu { background-color: #3C94FF; }
.page-product-menu-content { height: 40px; }
.page-product-menu-content li { float: left; width: 150px; position: relative; }
.page-product-menu-content a { color: #fff; display: block; width: 100%; height: 100%; line-height: 40px; text-align: center; }
.page-product-menu-content a:hover { background-color: #2880EB; text-decoration: none; }
.page-product-menu-content .on a { background-color: #2880EB; }
.page-product-menu-content .bubble { color: #fff; background-color: #FF665D; position: absolute; top: -9px; left: 90px; font-size: 12px; border-radius: 4px; padding: 2px 6px 2px; }
.page-product-menu-content .bubble:after { content: ""; display: block; position: absolute; top: 20px; border: 5px solid #FF665D; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.page-wrap-left { width: 840px; float: left; }
.page-wrap-right { width: 330px; float: right; }
/*产品列表的已筛选项*/
.select-map { line-height: 27px; height: 27px; margin-bottom: 15px; font-size: 12px; float: left; }
.select-map-title { margin-right: 4px; }
.select-map-item { border: 1px solid #ccc; padding: 2px 18px 2px 8px; margin-right: 4px; overflow: hidden; position: relative; }
.select-map-item i { margin-left: 10px; font-size: 18px; cursor: pointer; position: absolute; right: 2px; }
.select-map-item:hover { border-color: #FF665D; }
.select-map-item:hover i { color: #FF665D; }
/*产品列表的筛选组*/
.select-group { background-color: #fff; overflow: hidden; padding: 20px 30px; margin-bottom: 25px; }
.select-group-row { clear: left; overflow: hidden; margin-bottom: 20px; }
.select-group-row > div { float: left; width: 90px; margin-top: 4px; }
.select-group-row > ul { float: left; width: 708px; margin-bottom: -10px; margin-top: 4px; }
.select-group-row li { float: left; padding: 0 10px; margin-bottom: 10px; }
.select-group-row li.on { }
.select-group-row li.on a { border-radius: 2px; background-color: #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: 160px; }
.fund-list-col-2 { width: 107px; border-right: 1px dotted #ccc; }
.fund-list-col-2 > div { width: 81px; text-align: center; }
.fund-list-col-2 .icon { float: right; margin-top: 3px; }
.fund-list-col-3 { width: 148px; border-right: 1px dotted #ccc; }
.fund-list-col-3 > div { width: 81px; margin-left: 35px; text-align: center; }
.fund-list-col-3 .icon { float: right; margin-top: 3px; }
.fund-list-col-4 .up-height { height: 40px; }
.fund-list-col-4 > div { margin-left: 35px; }
.fund-list-pos { position: absolute; right: 0; top: 30px; }
.func-list-buy { margin-top: 78px; height: 40px; background-color: #F46159; border: 1px solid #F31211; display: block; line-height: 40px; color: #fff; text-align: center; }
.func-list-buy:hover { text-decoration: none; }
/*基金列表页的收藏*/
.heart { height: 40px; background-color: #F4F7F9; width: 122px; }
.heart > a { float: left; display: block; width: 40px; height: 100%; }
.heart .icon { margin-top: 9px; margin-left: 10px; }
.heart > div { line-height: 40px; text-align: center; font-size: 14px; color: #666; float: left; width: 80px; height: 100%; border-left: 1px solid #E9E9EA; }
/*销量排行*/
.sales-ranking h2 { font-size: 18px; margin-bottom: 18px; }
.sales-ranking-content { background: #fff; padding: 20px; height: 320px; }
.sales-ranking-content table { width: 100%; }
.sales-ranking-content th { text-align: left; font-size: 14px; font-weight: normal; padding: 10px 0 20px; border-bottom: 1px solid #c0cad2; }
.sales-ranking-content td { line-height: 40px; }
.sales-ranking-content .up-col-1 { width: 40px; padding-left: 20px; }
.sales-ranking-content .top-three { }
.sales-ranking-content .top-three .num { background-color: #EE594F; color: #fff; }
.sales-ranking-content .num { width: 20px; height: 20px; margin-left: 20px; line-height: 20px; text-align: center; background-color: #E5E5E5; }
.sales-ranking-content .sum { color: #EE594F; }
/*产品推荐*/
.product-recommend { margin-top: 30px; }
.product-recommend h2 { font-size: 18px; margin-bottom: 18px; }
.product-recommend li { margin-bottom: 20px; }
/*高端理财客户专享服务*/
.high-financial { margin-bottom: 20px; height: 184px; padding: 20px 30px; background: #F5FAFF; border: 1px solid #3C94FF; }
.high-financial h2 { margin-bottom: 30px; font-weight: normal; font-size: 16px; }
.high-financial ul { margin-left: 30px; color: #333; }
.high-financial li { float: left; text-align: center; width: 180px; }
.high-financial-img { margin-bottom: 20px; margin-left: auto; margin-right: auto; background: url("../images/high-financial.png") no-repeat; width: 82px; height: 82px; }
.high-financial-1 .high-financial-img { background-position: 0 0; }
.high-financial-2 .high-financial-img { background-position: -183px 0; }
.high-financial-3 .high-financial-img { background-position: -366px 0; }
.high-financial-4 .high-financial-img { background-position: -549px 0; }
/*图标*/
.icon { background: url("../images/icon.png") no-repeat; display: block; }
.icon-sort-down { background-position: -147px -179px; width: 12px; height: 19px; }
.icon-rise { background-position: -5px -230px; width: 12px; height: 19px; }
.icon-fall { background-position: -72px -230px; width: 12px; height: 19px; }
.icon-heart { background-position: 0 -179px; width: 23px; height: 23px; }
.icon-heart-o { background-position: -72px -179px; width: 23px; height: 23px; }
.icon-slide-down { background-position: -74px 0; width: 12px; height: 12px; }
.icon-slide-up { background-position: -137px 0; width: 12px; height: 12px; }
.icon-slide-down.style-blue { background-position: -74px -110px; }
.icon-slide-up.style-blue { background-position: -137px -110px; }
.icon-anchor { background-position: -221px -232px; width: 20px; height: 20px; }
.icon-duigou { background-position: 0px -289px; width: 30px; height: 30px; }
.icon-rmb { background-position: -72px -289px; width: 30px; height: 30px; }
.icon-calculate { background-position: -138px -289px; width: 30px; height: 30px; }
.icon-book { background-position: -295px -289px; width: 30px; height: 30px; }
.icon-cha { background-position: -216px -289px; width: 30px; height: 30px; }
.icon-chart { background-position: -140px -225px; width: 26px; height: 26px; }
.icon-switch-on { width: 39px; height: 20px; background-position: -7px -351px; }
.icon-switch-off { width: 39px; height: 20px; background-position: -96px -351px; }
.icon-circle-right { width: 20px; height: 20px; background-position: -219px -107px; }
.icon-circle-alarm { width: 20px; height: 20px; background-position: -309px -107px; }
.icon-red-alarm { width: 20px; height: 20px; background-position: 1px -133px; }
.icon-add { background-position: -137px -55px; width: 14px; height: 12px; }
.icon-why { background-position: -220px -51px; width: 16px; height: 18px; }
.icon-write { background-position: -310px -51px; width: 21px; height: 19px; }
.icon-right { background-position: -222px -177px; width: 16px; height: 20px; }
.icon-circle-alarm-empty { background-position: 0 -52px; width: 17px; height: 17px; }
.icon-phone { background-position: -225px -350px; width: 30px; height: 30px; }
.icon-password { background-position: -317px -350px; width: 17px; height: 30px; }
.icon-magic-wand { background-position: -224px -346px; width: 30px; height: 30px; }
[a-role="select"] { cursor: pointer; position: relative; }
[a-role="select"] .a-trigger span { float: none; }
[a-role="select"] .icon { position: absolute; right: 5px; top: 5px; }
[a-role="select"] ul { position: absolute; top: 18px; left: 0; width: 100px; z-index: 10; border: 1px solid #eee; }
[a-role="select"] ul > li { padding: 5px 10px 5px 10px; background-color: #fff; }
[a-role="select"] ul > li:hover { background-color: #f3f3f3; }
[a-role="select"] .a-trigger { overflow: hidden; }
[a-role="slide"] { cursor: pointer; position: relative; }
[a-role="slide"] .a-trigger span { float: none; }
[a-role="slide"] .icon { position: absolute; right: 5px; top: 5px; }
[a-role="slide"] ul { position: absolute; top: 18px; left: 0; width: 100px; z-index: 10; border: 1px solid #eee; }
[a-role="slide"] ul > li { padding: 5px 10px 5px 10px; background-color: #fff; }
[a-role="slide"] ul > li:hover { background-color: #f3f3f3; }
[a-role="slide"] ul > li a { color: inherit; }
[a-role="slide"] ul > li a:hover { text-decoration: none; }
[a-role="slide"] .a-trigger { overflow: hidden; }
[a-role="switch"] { cursor: pointer; }
/*08-21 交易记录*/
.select-month { width: 100px; padding-left: 10px; float: left; }
.select-month .icon { top: 7px; }
.select-month[a-role="select"] ul { top: 20px; }
.laydate-block { float: left; margin-left: 20px; }
.laydate-block > div { float: left; }
.laydate-start { width: 100px; }
.laydate-end { width: 100px; }
.laydate-search-btn { cursor: pointer; border: 1px solid #ccc; border-radius: 1px; width: 61px; line-height: 22px; text-align: center; margin-left: 20px; }
.page-table-box .page_style { margin-right: 20px; }
/*0821 交易申请成功*/
.stamp { display: table; background: url("../images/stamp-bac.png") no-repeat center; width: 132px; height: 132px; text-align: center; }
.stamp > div { display: table-cell; vertical-align: middle; line-height: 26px; transform: rotate(-15deg); -ms-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); }
.trade-info-box { }
.trade-info-box-head { background-color: #3C94FF; color: #fff; line-height: 60px; padding: 10px 20px; }
.trade-info-box-head .share-text { line-height: 48px; float: left; margin-right: 10px; }
.trade-info-box-body { background-color: #fff; overflow: hidden; position: relative; min-height: 350px; }
.trade-info-box-body .profit-block { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; }
.trade-info-box-body .profit-tel { position: absolute; right: 20px; bottom: 20px; }
.trade-step { padding: 30px 40px; width: 800px; margin-bottom: 20px; }
.trade-step > li { height: 90px; }
.trade-step-img { position: relative; height: 100%; overflow: hidden; float: left; margin-right: 20px; }
.trade-step-img .icon { border-radius: 50%; background-color: #ccc; margin-top: 29px; position: relative; }
.trade-step-img .pillar { display: block; background-color: #ccc; height: 100px; width: 4px; position: absolute; left: 13px; }
.trade-step-img.trade-step-img-blue .icon { background-color: #3C94FF; }
.trade-step-img.trade-step-img-blue .pillar { background-color: #3C94FF; }
.trade-step-text { float: left; height: 100%; display: table; }
.trade-step-text > div { display: table-cell; vertical-align: middle; line-height: 22px; }
.trade-step-text > div > span { margin-right: 20px; }
.profit-block { border: 1px solid #FBA652; padding: 20px; width: 210px; overflow: hidden; }
.profit-block .icon-chart { margin-top: 17px; margin-left: 10px; }
.profit-block-row-1 { margin-bottom: 10px; }
.profit-block-row-2 { padding-bottom: 5px; }
.profit-block-row-3 { padding: 10px 0; border-top: 1px dashed #333; border-bottom: 1px dashed #333; }
.profit-block-row-3 .icon { margin-top: 2px; margin-left: 4px; }
.profit-block-row-3 > div { padding: 5px 24px; }
.profit-block-row-3 > div > div.first-item { line-height: 26px; }
.profit-block-row-3 > div.first-item { border-right: 1px dashed #333; }
.profit-block-row-4 { margin-top: 10px; }
.page-menu-body { height: 100%; background: #fff; border: #dcdfe1 solid 1px; }
.page-menu-left {
width: 224px;
background: #F4F7F9;
float: left;
position: relative;
}
.page-menu-right {
width: 975px;
float: left;
border-left: #dcdfe1 solid 1px; padding-bottom: 50px;
}
.account-card {
background: #3e95ff;
color: #fff;
position: absolute;
left: 0;
width: 185px;
height: 185px;
padding: 20px;
text-align: center;
}
.account-card .avatar { margin: 0 auto 10px auto; }
.avatar {
background: #7cb7ff;
border-radius: 4px;
padding: 5px;
overflow: hidden;
}
.avatar img { width: 100%; }
.account-card-name { font-size: 18px; }
.account-card-name .vip { padding-right: 20px; background: url(../images/vip-icon.png) no-repeat right center; }
.account-card-phone { margin: 10px 0; font-size: 12px; }
.account-card-logontime { margin-top: 20px; font-size: 12px; color: #bedafd; }
.account-manage-menu { margin-top: 225px; }
.account-manage-menu li a { padding: 20px; background: url(../images/arrow-right-gray.png) no-repeat right center; color: #333333; display: block; transition: all 0.5s; }
.account-manage-menu li a:hover { background-color: #e7ebed; text-decoration: none; }
.account-manage-menu li.on a { color: #3e95ff; background: #fff url(../images/arrow-right-blue.png) no-repeat right center; cursor: default; }
.account-profile .birthday { width: 107px; }
.account-profile-tab { padding: 20px; }
.account-profile-tab .tab-menu { border-bottom: #f2f4f6 solid 4px; height: 44px; width: 100%; }
.account-profile-tab .tab-menu li { float: left; padding: 10px 30px; font-size: 18px; cursor: pointer; margin-right: 20px; }
.account-profile-tab .tab-menu li.on { border-bottom: #2880eb solid 4px; }
.account-profile-tab .tab-item { display: none; }
.account-profile-tab .tab-item.on { display: block; }
.account-profile .page-form-table { margin: 20px 0; }
.account-profile .page-form-table th { width: 160px; color: #858585; }
.account-profile .page-form-table th, .account-profile .page-form-table td { padding: 10px; font-size: 16px; }
.page-form-table .edit-item { display: none; }
.page-form-table.edit-mode .edit-item { display: block; }
.page-form-table .radio-label { display: inline-block; float: left; margin-right: 20px; height: 24px; line-height: 24px; background: url(../images/radio.png) no-repeat left top; padding-left: 20px; cursor: pointer; }
.page-form-table .radio-label input[type=radio] { display: none; }
.page-form-table .radio-label.checked { background-position: left bottom; }
/*0825 账户安全*/
.table-list-loose table { width: 100%; }
.table-list-loose tr { height: 70px; border-bottom: 1px dashed #ccc; }
.account-safe-level { padding: 40px; }
.account-safe-level-circle { float: left; width: 180px; height: 180px; border: 2px solid #F9D2D2; background-color: #fff; border-radius: 50%; }
.account-safe-level-circle1 { width: 130px; height: 130px; border: 10px solid #F9D2D2; background-color: #E61818; border-radius: 50%; margin: 15px auto; font-size: 70px; line-height: 130px; color: #fff; text-align: center; }
.account-safe-level-text { float: left; margin-left: 30px; }
.account-safe-level-text-row1 { font-size: 24px; margin-top: 40px; }
.account-safe-level-text-row1 span { font-size: 40px; color: #E61818; margin-left: 10px; }
.account-safe-level-text-row2 { color: #ccc; margin-top: 20px; }
.account-safe-level1 .account-safe-level-circle { border-color: #C0F1C1; }
.account-safe-level1 .account-safe-level-circle1 { border-color: #C0F1C1; background-color: #2FD133; }
.account-safe-level1 .account-safe-level-text-row1 span { color: #2FD133; }
.account-safe-level2 .account-safe-level-circle { border-color: #FFF0C4; }
.account-safe-level2 .account-safe-level-circle1 { border-color: #FFF0C4; background-color: #FFCC3B; }
.account-safe-level2 .account-safe-level-text-row1 span { color: #FFCC3B; }
.account-safe-level3 .account-safe-level-circle { border-color: #F9D2D2; }
.account-safe-level3 .account-safe-level-circle1 { border-color: #F9D2D2; background-color: #E61818; }
.account-safe-level3 .account-safe-level-text-row1 span { color: #E61818; }
.account-safe-tab { padding: 20px; }
.account-safe-tab .tab-menu { border-bottom: #f2f4f6 solid 4px; height: 44px; width: 100%; }
.account-safe-tab .tab-menu li { float: left; padding: 10px 30px; font-size: 18px; cursor: pointer; margin-right: 20px; }
.account-safe-tab .tab-menu li.on { border-bottom: #2880eb solid 4px; }
.account-safe-tab .tab-item { display: none; }
.account-safe-tab .tab-item.on { display: block; }
.account-safe-tab .table-list-loose { margin-top: 20px; margin-bottom: 20px; }
.account-safe-td-status { width: 300px; }
.account-safe-td-status .icon { margin-left: 30px; margin-right: 15px; }
.account-safe-td-text { width: 500px; }
.account-safe-td-switch { width: 65px; }
/*0826 密码管理*/
.fn-relative { position: relative; }
.page-button-padding { padding: 0 30px; }
.password-manager-tab { padding: 20px; }
.password-manager-tab .tab-menu { border-bottom: #f2f4f6 solid 4px; height: 44px; width: 100%; }
.password-manager-tab .tab-menu li { float: left; padding: 10px 30px; font-size: 18px; cursor: pointer; margin-right: 20px; }
.password-manager-tab .tab-menu li.on { border-bottom: #2880eb solid 4px; }
.password-manager-tab .tab-item { display: none; margin-top: 50px; }
.password-manager-tab .tab-item.on { display: block; }
.password-manager-tab .table-list-loose { margin-top: 20px; margin-bottom: 20px; }
.password-manager-tab table th { width: 168px; }
.close-pay-block { position: absolute; top: -30px; left: 117px; background-color: #DBDBDB; padding: 30px; }
.close-pay-block input { background-color: #fff; margin-bottom: 20px; }
.close-pay-block-angle { position: absolute; left: -15px; border: 20px solid #DBDBDB; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
.close-pay-block-title { margin-bottom: 20px; }
.close-pay-block-close { position: absolute; right: 5px; top: 5px; }
/*0826 账户绑定*/
.account-title { background-color: #F4F7F9; font-size: 14px; padding: 15px 0 15px 30px; }
.account-title-text { margin-right: 20px; font-size: 16px; }
.account-card-add { border: 1px solid #999; background-color: #fff; color: #999; padding: 0 8px; cursor: pointer; }
.account-card-add .icon { margin-top: 4px; margin-right: 4px; }
.bind-card-list { padding: 35px 35px 20px 35px; min-height: 740px; }
.bind-card-tabs { }
.bind-card-tab { position: relative; border: 3px solid #C0CAD2; border-radius: 4px; width: 236px; height: 140px; margin-bottom: 25px; cursor: pointer; }
.bind-card-tab.on { border-color: #3C94FF; }
.bind-card-tab.on .bind-card-tab-angle { display: block; }
.bind-card-tab-row1 { background: 10px center no-repeat; width: 130px; height: 55px; }
.bind-card-tab-row2 { padding-left: 10px; margin-top: 5px; margin-bottom: 20px; font-size: 18px; }
.bind-card-tab-row3 { background: #F9F9F9 url("../images/kjzf.jpg") 10px center no-repeat; padding: 8px 0 8px 95px; color: #656565; border-top: 1px dashed #999; }
.bind-card-tab-remark { margin-top: 10px; margin-right: 10px; }
.bind-card-tab-remark div { background-color: #9D876E; color: #fff; padding: 0 4px; font-size: 12px; }
.bind-card-tab-angle { display: none; position: absolute; right: -44px; top: 47px; border: 20px solid #F1FEEA; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
.bind-card-tab-row1 { line-height: 55px; }
.bind-card-tab-row1 img { height: 30px; margin-left: 10px; margin-top: -5px; }
.bind-card-tab-row1 span { font-size: 16px; }
.bind-card-tab-zsyh .bind-card-tab-row1 { background-image: url("../images/zsyh.jpg"); }
.bind-card-tab-zfb .bind-card-tab-row1 { background-image: url("../images/zfb.jpg"); }
.bind-card-tab-nbyh .bind-card-tab-row1 { background-image: url("../images/nbyh.jpg"); }
.bind-card-tab-shyh .bind-card-tab-row1 { background-image: url("../images/shyh.jpg"); }
.bind-card-contents { margin-right: 30px; background-color: #F1FEEA; color: #000; width: 540px; height: 620px; padding: 20px; margin-left: 40px; }
.bind-card-contents th { color: #666; font-weight: normal; width: 95px; text-align: left; height: 30px; }
.bind-card-content-info,
.bind-card-content-bind { margin-bottom: 20px; border-bottom: 1px dashed #999; padding-bottom: 20px; }
.bind-card-content-title { font-size: 16px; height: 30px; line-height: 30px; margin-bottom: 10px; }
.bind-card-content { display: none; height: 100%; position: relative; }
.bind-card-content.on { display: block; }
.bind-card-content table td span { margin-right: 10px; }
.bind-card-content-money table td div { width: 100px; }
.bind-card-content-tip { position: absolute; bottom: 0; line-height: 20px; }
.bind-card-content-tip i { margin-right: 5px; margin-top: 2px; }
.bind-card-pot { background: url("../images/double-pot.png") center repeat-x; height: 4px; margin-bottom: 20px; }
.bind-card-agency { margin-bottom: 40px; }
.bind-card-agency-title { font-size: 16px; padding: 15px 0 15px 30px; }
.bind-card-agencies { padding-left: 30px; padding-right: 30px; margin-top: 20px; }
.bind-card-agencies > img { width: 100%; }
/**
* 对select框加以区分，用于取不同的值
*/
[a-role="select jytype"] { cursor: pointer; position: relative; }
[a-role="select jytype"] .a-trigger span { float: none; }
[a-role="select jytype"] .icon { position: absolute; right: 5px; top: 5px; }
[a-role="select jytype"] ul { position: absolute; top: 18px; left: 0; width: 100px; z-index: 10; border: 1px solid #eee; }
[a-role="select jytype"] ul > li { padding: 5px 10px 5px 10px; background-color: #fff; }
[a-role="select jytype"] ul > li:hover { background-color: #f3f3f3; }
[a-role="select jytype"] .a-trigger { overflow: hidden; }
[a-role="select jystate"] { cursor: pointer; position: relative; }
[a-role="select jystate"] .a-trigger span { float: none; }
[a-role="select jystate"] .icon { position: absolute; right: 5px; top: 5px; }
[a-role="select jystate"] ul { position: absolute; top: 18px; left: 0; width: 100px; z-index: 10; border: 1px solid #eee; }
[a-role="select jystate"] ul > li { padding: 5px 10px 5px 10px; background-color: #fff; }
[a-role="select jystate"] ul > li:hover { background-color: #f3f3f3; }
[a-role="select jystate"] .a-trigger { overflow: hidden; }
/**
* 注册首页增加手机输入框样式
*/
.register-phoneinput { width: 370px; }
/* 0901 */
.icon-investment-style { background: url("../images/icon-investment-style.png") center no-repeat; width: 270px; height: 240px }
.icon-investment-style-steady { background-position: -45px 0; }
/*稳健*/
.icon-investment-style-guard { background-position: -45px 0; }
/*保守*/
.icon-investment-style-enterprise { background-position: -365px 0; }
/*进取*/
.icon-investment-style-positive { background-position: -693px 0; }
/*积极*/
.investment-style { height: 380px; width: 610px; position: relative; overflow: hidden; }
.investment-style-1,
.investment-style-3,
.investment-style-4 { position: absolute; border: 3px solid #f1f1f1; width: 90px; height: 90px; border-radius: 90px; text-align: center; line-height: 90px; font-size: 18px; font-weight: bold; color: #d0d0d0; }
.investment-style-1 { top: 100px; }
.investment-style-2 { position: absolute; left: 130px; top: 10px; }
.investment-style-3 { top: 20px; left: 400px; }
.investment-style-4 { top: 120px; left: 500px; }
.investment-style-name { width: 530px; margin-top: 264px; margin-bottom: 20px; text-align: center; font-size: 30px; color: #fa7822; font-weight: bold; }
.investment-style-explain { width: 530px; margin-left: 20px; font-size: 16px; line-height: 24px; color: #666; }
.dailog-investment-style .investment-style { margin-left: 190px; }
.dailog-investment-style-bottom { overflow: hidden; margin-top: 20px; margin-bottom: 20px; }
.dailog-investment-style-bottom > button { width: 200px; margin-left: 370px; }
.dailog-investment-style-bottom > a { display: block; margin-top: 10px; margin-left: 20px; }
.dailog-investment-test { width: 1000px; position: relative; }
.dailog-investment-test .up-progress {
width: 100%;
height: 20px;
position: relative;
margin-bottom: 30px;
margin-top: 10px;
}
.dailog-investment-test .up-progress .up-bar {
overflow: hidden;
position: relative;
height: 100%;
background-color: #DADADA;
border-radius: 10px;
}
.dailog-investment-test .up-progress .up-bar .up-bar-grid {
margin-left: 10px;
margin-right: 10px;
height: 100%;
}
.dailog-investment-test .up-progress .up-bar .up-bar-grid li { border-right: 1px solid #bbb; height: 100%; float: left; }
.dailog-investment-test .up-progress .up-bar .up-bar-color { position: absolute; top: 0; height: 100%; background-color: #3c94ff; }
.dailog-investment-test .up-progress .up-handle { position: absolute; top: -5px; width: 60px; }
.dailog-investment-test .up-progress .up-handle .up-angle { width: 0; margin-left: 15px; border-top: 25px solid #FF6500; border-bottom: none; border-left: 15px solid transparent; border-right: 15px solid transparent; }
.dailog-investment-test .up-progress .up-handle .up-text { text-align: center; }
.dailog-investment-test .up-pages-content { height: 250px; }
.dailog-investment-test .up-page-content { }
.dailog-investment-test .up-question { width: 48%; }
.dailog-investment-test .up-question-title { font-size: 16px; font-weight: bold; }
.dailog-investment-test .up-question-option { margin-top: 20px; font-size: 14px; color: #666; }
.dailog-investment-test .up-question-option li { padding-left: 20px; border-radius: 100px; overflow: hidden; }
.dailog-investment-test .up-question-option li:hover { background-color: rgba(60, 148, 255, 0.38); }
.dailog-investment-test .up-question-option label { display: block; padding: 10px 0; cursor: pointer; }
.dailog-investment-test .up-question-option input { margin-right: 10px; }
.dailog-investment-test .up-page-next { cursor: pointer; position: absolute; right: -57px; top: 180px; font-size: 0; background: url("../images/page-next.png") center no-repeat; width: 30px; height: 52px; }
.dailog-investment-test .up-page-prev { cursor: pointer; position: absolute; left: -57px; top: 180px; font-size: 0; background: url("../images/page-prev.png") center no-repeat; width: 30px; height: 52px; }
.dailog-investment-test-bottom .up-pagination { font-size: 18px; color: #666; margin-top: 20px; }
.dailog-investment-test-bottom .up-page-now { color: #3c94ff; }
.dailog-investment-test-bottom .up-sure { width: 200px; margin-left: 370px; }
/*0902*/
.content-left { background-color: #fff; width: 850px; float: left; border-right: 1px solid #eee; padding: 30px; }
.content-left-title { font-size: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.fund-redeem-block table { margin-top: 40px; margin-left: 80px; }
.fund-redeem-block th { width: 100px; text-align: right; padding-right: 20px; font-size: 16px; font-weight: normal; }
.fund-redeem-block td { padding: 10px 0; font-size: 16px; }
.fund-redeem-block .up-row-2 td > span { line-height: 32px; margin-left: 20px; }
.fund-redeem-block .up-row-3 td > div { width: 380px; }
.fund-redeem-block .up-row-4 input { width: 370px; margin-right: 20px; }
.fund-redeem-block .up-row-5 td > div { margin-bottom: -20px; }
.fund-redeem-block .up-row-5 .up-block { cursor: pointer; text-align: center; float: left; margin-right: 20px; border: 3px solid #ccc; width: 230px; height: 70px; margin-bottom: 20px; }
.fund-redeem-block .up-row-5 .up-block.up-on { border-color: #3c94ff; background: url("../images/select-icon.gif") right bottom no-repeat; }
.fund-redeem-block .up-row-5 .up-xjb > div { text-align: left; margin-left: 60px; margin-top: 18px; padding-left: 60px; background: url("../../images/xjb.png") left center no-repeat; height: 36px; line-height: 36px; }
.fund-redeem-block .up-row-5 .up-zsyh { margin-top: 5px; background: url("../../images/cmb2.gif") center no-repeat; height: 36px; line-height: 36px; }
.fund-redeem-block .up-row-6 button { width: 130px; }
.fund-redeem-block .up-row-11 div { font-size: 12px; width: 400px; line-height: 20px; }
.content-right { float: left; background: #fff; width: 288px; padding-top: 20px; }
.normal-question { }
.normal-question-title { margin-bottom: 10px; padding-left: 20px; padding-right: 20px; }
.normal-question-block { line-height: 22px; margin-bottom: 40px; padding-left: 20px; padding-right: 20px; }
.normal-question-block-title { margin-bottom: 5px; }
.page-fund-reddem { background-color: #fff; overflow: hidden; }
.page-fund-reddem .content-left { padding-bottom: 20px; }
.page-add-investment { }
.page-add-investment table { margin-top: 40px; margin-left: 80px; }
.page-add-investment th { width: 100px; text-align: right; padding-right: 20px; font-size: 16px; font-weight: normal; }
.page-add-investment td { padding: 10px 0; font-size: 16px; }
.page-add-investment .up-row-1 input { cursor: pointer; }
.page-add-investment .up-row-2 .fund-buy-input { width: 112px; }
.page-add-investment .up-row-3 .fund-buy-input { width: 112px; }
.page-add-investment .up-row-4 input { width: 421px; }
.page-add-investment .up-row-5 { }
.page-add-investment .up-row-6 button { width: 140px; }
/*0907 用户中心的撤销弹出框*/
.dialog-revoke { position: absolute; top: 100px; left: 100px; background-color: #fff; width: 250px; height: 120px; border: 1px solid #ccc;
-webkit-box-shadow: 0 0 2px #ddd;
-moz-box-shadow: 0 0 2px #ddd;
box-shadow: 0 0 2px #ddd;
}
.dialog-revoke-title { padding: 30px 30px 20px; }
.dialog-revoke-sure.page-button,
.dialog-revoke-cancel.page-button { height: 30px; line-height: 30px; width: 85px; }
.dialog-revoke-sure.page-button { margin-left: 30px; }
.dialog-revoke-cancel.page-button { margin-left: 20px; }
/*0908*/
.icon-circle-alarm-blue { width: 20px; height: 20px; background-position: -309px -230px; }
input[disabled="disabled"] { border-color: #C0CAD2; color: #999; }
.form-tip { color: #666; }
.of-hidden { overflow: hidden; }
.page-body { background: #eff1f2; min-height: 400px; }
.page-wrap-min { margin: 0 auto; width: 850px; margin-bottom: 25px; }
.page-wrap-content { background-color: #fff; padding: 30px 50px; }
.page-wrap-content-title { padding-bottom: 15px; border-bottom: 1px solid #ddd; line-height: 58px; }
.page-wrap-content-title h3 { font-size: 18px; font-weight: normal }
.page-wrap-content-body { padding: 26px 0; }
.add-card-input { width: 359px; padding-right: 10px; }
.add-card-table { margin-top: 20px; }
.add-card-table table { width: auto; margin-left: auto; margin-right: auto; }
.add-card-input-card { position: relative; }
.add-card-input-card.has-value input { background-color: #FDFFD5; }
.add-card-input-card.has-value .bank-icon { display: block; position: absolute; top: 22px; left: 160px; }
.add-card-input-card .bank-icon { display: none; background-image: none; }
.complete-add-card { width: 381px; }
.tip-style-1 { border: 1px solid #d3dce5; background-color: #e5f4fe; line-height: 36px; padding-left: 20px; }
.tip-style-1 .icon { float: left; margin-top: 7px; margin-right: 4px; }
.dialog-checkcode { width: 560px; height: 355px; background-color: #fff; display: none; }
.dialog-checkcode .tip-style-1 { margin-top: 20px; }
.dialog-checkcode table { margin-left: auto; margin-right: auto; margin-top: 20px; }
.dialog-checkcode th { width: 90px; font-size: 16px; font-weight: normal; }
.dialog-checkcode .up-row-2 { height: 37px; }
.dialog-checkcode .up-row-2 .icon { margin-top: 4px; margin-left: 10px; }
.dialog-checkcode .up-row-3 { height: 10px; }
.dialog-checkcode .up-row-3 .up-content { position: relative; }
.dialog-checkcode .up-row-3 .up-angle { position: absolute; top: -7px; left: 42px; background: url("../images/angle-up.png") no-repeat; width: 14px; height: 8px; }
.dialog-checkcode .up-row-3 ul { padding: 15px 15px 15px 30px; border: 1px solid #ccc; background-color: #F4F7F9; color: #666; }
.dialog-checkcode .up-row-3 li { padding: 3px 0; }
.dialog-checkcode .up-row-3 button { color: #666; background-color: #f7f7f7; line-height: 26px; font-size: 14px; border: 1px solid #999; padding: 0 5px; cursor: pointer; margin-left: 20px; box-shadow: -2px 2px 2px #ddd; }
.dialog-checkcode .up-row-3 ul,
.dialog-checkcode .up-row-3 li { list-style: disc; }
.dialog-checkcode .up-row-4 { height: 60px; }
.icon-status { background: url("../images/icon-status.png") no-repeat; display: block; }
.icon-status-ok-big { background-position: -14px -19px; width: 58px; height: 58px; }
.icon-status-ok { background-position: -26px -139px; width: 33px; height: 33px; }
.icon-status-forbid { background-position: -115px -139px; width: 33px; height: 33px; }
.page-add-bank-ok { margin-top: 20px; margin-bottom: 20px; }
.page-add-bank-ok .page-wrap-content-title { padding-left: 40px; }
.page-add-bank-ok .page-wrap-content-body { padding-left: 50px; line-height: 33px; color: #333; }
.page-add-bank-ok .page-wrap-content-body .icon-status { margin-right: 20px; }
/*0909*/
.mg-t-25 { margin-top: 25px; }
.mg-r-20 { margin-right: 20px; }
.fund-transform-table { margin-top: 20px; }
.fund-transform-table table { width: auto; margin-left: auto; margin-right: auto; }
.fund-transform-table .page-input { width: 340px; padding-right: 10px; }
.fund-transform-table .page-button { width: 120px; font-size: 16px; }
.fund-transform-table .up-tr-1 .page-input { width: 280px; background: url("../images/search-icon.gif") 270px center no-repeat; }
.fund-transform-table .up-btn-list { cursor: pointer; border: 1px solid #c0cad2; border-left: none; width: 60px; background: url("../images/list.png") center no-repeat; height: 38px; }
/* .fund-transform-table .up-tr-3 .up-bank-icon{ background: url("../images/alipay.gif") center no-repeat; width: 100px; height: 36px;} */
.fund-transform-table .up-tr-3 .up-bank-icon .transimg { width: 100px; height: 36px; }
.page-fund-transform-ok .page-wrap-content-title .icon-status { margin-left: 124px; }
.page-fund-transform-ok .trade-step { margin-left: 100px; }
.page-fund-transform-ok .up-btns { margin-left: 155px; }
/*0909*/
.account-risk { }
.account-risk-result { margin-bottom: 50px; }
.account-risk-result .up-title { padding: 30px; }
.account-risk-result .up-content { width: 610px; margin: 0 auto; }
.account-risk-pot { background: url("../images/double-pot.png") center repeat-x; height: 4px; }
.account-risk-favour { margin-bottom: 40px; }
.account-risk-favour .up-title { padding: 30px; }
.account-risk-favour .up-content { padding: 0 30px; overflow: hidden; }
.account-risk-favour .product-block { float: left; margin-right: 25px; }
.account-risk-favour .product-block.up-last { margin-right: 0; }
.product-block { position: relative; width: 286px; height: 210px; border: 1px solid #ccc; text-align: center; }
.product-block.up-risk { background: #E6F1FF url("../images/risk.png") left top no-repeat; }
.product-block.up-steady { background: #FFEDE2 url("../images/steady.png") left top no-repeat; }
.product-block .up-holding { background: url("../images/holding.png") no-repeat; overflow: hidden; }
.product-block .up-row-1 { font-size: 20px; margin: 25px 0 20px; }
.product-block .up-row-2 { margin-bottom: 10px; }
.product-block .up-row-3 { color: #fd4b1e; font-size: 30px; font-weight: bold; margin-bottom: 20px; }
.product-block .up-row-4 { padding: 14px 0; background-color: #fff; font-size: 16px; }
.product-block .up-heart { position: absolute; right: 15px; top: 5px; background: url("../images/heart.png") top center no-repeat; width: 40px; height: 50px; display: table; }
.product-block .up-heart > span { display: table-cell; vertical-align: bottom; }
.product-block .down-heart { position: absolute; right: 15px; top: 5px; background: url("../images/heart1.png") top center no-repeat; width: 40px; height: 50px; display: table; }
.product-block .down-heart > span { display: table-cell; vertical-align: bottom; }
.line-limit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-block.up-steady0 { background: #FFEDE2 url("../images/steady.png") left top no-repeat; }
.product-block.up-steady1 { background: #E6F1FF url("../images/risk.png") left top no-repeat; }
.product-block.up-steady2 { background: #FFEDE2 url("../images/steady.png") left top no-repeat; margin-right: 0; }
/*0910*/
.page-login { background-color: #3C94FF; height: 520px; }
.page-login .page-wrap { background: url("../images/login-bac.png") 60px bottom no-repeat; height: 100%; }
.page-login-form { background-color: #fff; width: 370px; min-height: 370px; margin-left: 800px; margin-top: 36px; padding-bottom: 20px; padding-top: 1px }
.page-login-form .up-form-wrap { margin-top: 20px; margin-left: 30px; width: 310px; }
.page-login-form-title { font-size: 20px; font-weight: bold; }
.page-login-form-subtitle { margin-top: 10px; }
.page-login-form .up-row-1,
.page-login-form .up-row-2 { border: 1px solid #C0CAD2; margin-top: 15px; }
.page-login-form .up-row-1 .up-icon,
.page-login-form .up-row-2 .up-icon { width: 50px; height: 44px; }
.page-login-form .up-row-1 input,
.page-login-form .up-row-2 input { height: 44px; border: none; }
.page-login-form .up-row-1 input { width: 248px; }
.page-login-form .up-row-2 input { width: 207px; }
.page-login-form .up-row-1 .up-icon { background: #EFF1F2 url("../images/phone.png") center no-repeat; }
.page-login-form .up-row-2 .up-icon { background: #EFF1F2 url("../images/clock.png") center no-repeat; }
.page-login-form .up-row-3 { margin-top: 15px; }
.page-login-form .up-row-4 { margin-top: 30px; }
.page-login-form .up-row-4 button { width: 100%; }
.page-login-form .up-link-register { margin-top: 15px; }
.page-login-form .up-form { padding-top: 20px; }
.page-login-form .up-row { border: 1px solid #cccccc; zoom: 1; margin-bottom: 8px; }
.page-login-form .up-row:after { content: "."; overflow: hidden; zoom: 1; display: block; clear: both; height: 0px; }
.page-login-form .up-row .up-icon { background: #eff1f2 url(../images/login-icons.png) no-repeat; width: 40px; height: 38px; }
.page-login-form .up-row .up-icon-1 { background-position: 9px -33px }
.page-login-form .up-row .up-icon-2 { background-position: 9px -82px }
.page-login-form .up-row .up-icon-3 { background-position: 9px -130px }
.page-login-form .up-row .up-icon-4 { background-position: 9px -177px }
.page-login-form .up-row .up-icon-5 { background-position: 12px -227px }
.page-login-form .up-row .page-input { border: none; height: 38px; line-height: 38px; }
.login-account { width: 250px; }
.login-password { width: 217px; }
.login-checkcode { width: 166px; }
.dailog-result { width: 200px; height: 150px; background-color: #fff; display: none; }
.dailog-result .up-text { text-align: center; font-size: 18px; height: 74px; }
.dailog-result .up-sure { width: 100%; }
.simple-tip { position: fixed; top: 0; left: 50%; width: 300px; margin-left: -150px; background-color: #3E95FF; text-align: center; font-size: 14px; color: #fff; line-height: 30px; }
.simple-tip-success { background-color: #3E95FF; }
.simple-tip-fail { background-color: #fd4b1e; }
.page-404 { }
.page-404 .up-row-1 { background: url("../images/404.png") center no-repeat; height: 104px; margin-top: 70px; }
.page-404 .up-row-2 { font-size: 40px; text-align: center; margin-top: 40px; color: #666; }
.page-404 .up-row-3 { font-size: 20px; text-align: center; color: #999; margin-top: 20px; }
.page-404 .up-row-4 { text-align: center; margin-top: 20px; margin-bottom: 70px; }
.page-404 .up-row-4 > div { width: 400px; margin: 0 auto; overflow: hidden; }
.page-404 .up-row-4 button { width: 180px; font-size: 16px; }
/*0918*/
.page-wrap-content-title.up-style-1 { background-color: #F4F7F9; padding-bottom: 0; padding-right: 20px; padding-left: 20px; }
.page-header-right .header-search-input { padding-left: 10px; padding-right: 40px; width: 300px; background-image: none; }
.page-header-right .myfoot { width: 324px; }
.page-my-footspets .page-wrap-content-title label { margin-left: 20px; }
.page-my-footspets .page-wrap-content { padding-left: 20px; padding-right: 20px; }
.page-my-footspets .up-time { position: relative; line-height: 24px; font-size: 16px; margin-bottom: 20px; }
.page-my-footspets .up-time .up-text { width: 100px; background-color: #fff; position: relative; z-index: 1; }
.page-my-footspets .up-time .up-line { position: absolute; width: 100%; height: 1px; top: 10px; background-color: #ccc; }
.page-my-footspets .up-footspets-block { margin-bottom: 30px; }
.page-my-footspets .product-block { float: left; margin-right: 20px; margin-bottom: 20px; width: 268px; }
.page-my-footspets .up-login-block { line-height: 30px; margin-bottom: 50px; }
.page-my-footspets .up-login-block-wrap { margin-top: 10px; border: 1px solid #FDAA3D; padding: 20px; background-color: #FFF6E2; overflow: hidden; }
.page-my-footspets .up-login-block-wrap .icon { margin-right: 10px; }
.page-my-footspets .up-login-block-wrap .up-btn-register { margin-left: 10px; margin-right: 100px; width: 170px; height: 40px; line-height: 40px; color: #fff; background-color: #3E95FF; font-size: 16px; text-align: center; }
.page-my-footspets .up-login-block-wrap .up-input-text { margin-right: 20px; width: 250px; height: 36px; line-height: 36px; padding-left: 10px; }
.page-my-footspets .up-login-block-wrap .up-btn-login { width: 110px; height: 40px; border: none; line-height: 40px; color: #fff; background-color: #3E95FF; font-size: 16px; text-align: center; }
/*0928*/
.page-account-holding .up-table-holding .up-td-7 .up-btn-translate { cursor: pointer; width: 100px; height: 30px; border: none; background-color: transparent; }
.page-account-holding .up-table-holding .up-td-7 .up-icon-tanslate { background: url("../images/icon-translate.png") center no-repeat; width: 18px; height: 15px; float: right; }
.page-account-holding .up-table-holding .up-block-red { width: 100px; line-height: 30px; color: #fff; background-color: #FF635A; margin: 0 auto; }
.page-account-holding .up-table-manage .up-td-7 { width: 100px; padding-left: 20px; padding-right: 20px; }
.page-account-holding .up-table-holding .up-zfb { background: url("../images/zfb.jpg") center no-repeat; height: 45px; width: 96px; }
.page-account-holding .up-table-holding .up-zsyh { background: url("../images/zsyh.jpg") center no-repeat; height: 45px; width: 96px; }
.dialog-simp { position: absolute; top: 100px; left: 100px; background-color: #fff; width: 250px; border: 1px solid #ccc;
-webkit-box-shadow: 0 0 2px #ddd;
-moz-box-shadow: 0 0 2px #ddd;
box-shadow: 0 0 2px #ddd;
}
.dialog-simp-title { padding: 10px 30px 10px; text-align: center; font-size: 16px; }
.dialog-simp-body { padding: 10px 20px; text-align: center; color: #666; }
.dialog-simp-btns { padding: 20px 0; }
.dialog-simp-sure.page-button,
.dialog-simp-cancel.page-button { height: 30px; line-height: 30px; width: 85px; }
.dialog-simp-sure.page-button { margin-left: 30px; }
.dialog-simp-cancel.page-button { margin-left: 20px; }
.loaddiv { height: 100px; }
.loadimg { background: url("../images/loading3.gif") center no-repeat; height: 100px; }
.page-error .up-row-1 { background: url("../images/error.png") center no-repeat; height: 104px; margin-top: 70px; }
.page-error .up-row-2 { font-size: 40px; text-align: center; margin-top: 40px; color: #666; }
.page-error .up-row-3 { font-size: 20px; text-align: center; color: #999; margin-top: 20px; }
.page-error .up-row-4 { text-align: center; margin-top: 20px; margin-bottom: 70px; }
.page-error .up-row-4 > div { width: 400px; margin: 0 auto; overflow: hidden; }
.page-error .up-row-4 button { width: 180px; font-size: 16px; }
.double-pot { background: url("../images/double-pot.png") center repeat-x; height: 4px; }
.page-my-attention .page-wrap-content { padding: 0 30px 30px; }
.page-my-attention .page-wrap-content-title { padding-left: 30px; }
.page-my-attention .page-table-box { border: none; }
.page-my-attention .fund-list-item { padding-left: 0; padding-right: 0; }
.page-my-attention .product-blocks { margin-top: 20px; overflow: hidden; margin-bottom: 40px; }
.page-my-attention .product-blocks .product-blocks-title { font-size: 18px; margin: 20px 0; font-weight: bold; }
.page-my-attention .product-block { float: left; width: 268px; margin-right: 15px; }
/*jf change*/
.account-jf-nav { background-color: #F4F7F9;
font-size: 12px;
padding: 10px 0 10px 30px; border-bottom: 1px solid #dfe4e8; }
.account-jf-nav span { color: #999 }
.select-group.no-margin-bottom { margin-bottom: 0px; padding-bottom: 0px; }
.account-card-jf { margin: 10px 0;
font-size: 12px; }
.jf-products li { float: left; width: 222px; height: 375px; border: 1px solid #dfe4e8; display: inline; margin-left: 8px; margin-bottom: 20px; }
.jf-products li.on { border-color: #ff675f; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
.small-product-pics { padding: 8px; }
.big-product-pic img { width: 222px; min-height: 227px }
.small-product-pics img { width: 28px; height: 28px; border: 1px solid #dfe4e8; }
.small-product-pics img.on { border-color: #ff675f; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
.jf-products { }
.jf-products-warp { padding: 30px 22px; }
.product-need-jf, .jf-product-name, .jf-actions { padding-left: 8px; margin-bottom: 8px; }
.jf-actions .page-button { height: 28px; line-height: 28px; width: 77px; text-align: center; float: left; margin-right: 8px; font-size: 14px; }
.area-title { padding-top: 30px; padding-bottom: 30px; }
.area-content { padding: 0 25px; }
.addr-list li { float: left; width: 250px; min-height: 110px; padding: 15px; border: 4px solid #ccc; background: #fff; display: inline; margin-right: 15px; }
.addr-list li.on { border-color: #3c94ff;
background: url(../images/select-icon.gif) no-repeat right bottom; -webkit-transition: border-color .3s;
-o-transition: border-color .3s;
transition: border-color .3s; }
.addr-list li.on .addr-action { display: block; }
.addr-name { border-bottom: 1px solid #dbdfe2; padding-bottom: 7px; margin-bottom: 7px; }
.addr-detail { line-height: 1.5; margin-bottom: 15px; }
.addr-action { display: none; }
.page-split-line { background: url(../images/split-line.gif) repeat-x; height: 6px; overflow: hidden; }
.jf-table-img { border: 1px solid #ddd; width: 50px; height: 50px; }
.page-num-plugin { display: inline-block; }
.page-num-plugin .money-reduce, .page-num-plugin .money-add { height: 28px; line-height: 28px; width: 28px; }
.page-num-plugin .page-input { width: 58px; height: 28px; line-height: 28px; text-align: center; padding-left: 0px; }
.page-data-table-high td { height: 80px; }
.jf-total-info { background: #f4f7f9; border-top: 1px solid #ddd; text-align: right; padding: 30px; position: relative; }
.jf-submit-button { font-size: 16px; padding: 0 30px; }
.addr-dailog { width: 660px; }
.addr-dailog .page-dailog-title { border-bottom: 1px dashed #ddd; padding-bottom: 20px; }
.addr-dailog .page-input, .addr-dailog .page-textarea { width: 400px; }
.addr-dailog .page-button { padding: 0 40px; font-size: 16px; margin-right: 20px; }
.jf-gift-num, .jf-total-cost { display: inline-block; width: 80px; }
.jf-product-pic { float: left; width: 362px; }
.jf-product-top { padding: 25px; }
.jf-product-info { float: right; width: 520px; }
.jf-product-detail-title { font-size: 18px; padding: 20px 0; }
.jf-product-detail-list li { border-top: 1px solid #f7f7f7; padding: 11px 0; font-size: 12px; }
.jf-product-detail-list li label { display: inline-block; vertical-align: middle; width: 80px; color: #959595 }
.jf-product-detail-list .page-num-plugin { vertical-align: middle; }
.jf-product-detail-list li.no-border { border-top: none; }
.jf-product-detail-action { padding-top: 15px; }
.jf-product-detail-action .page-button { width: 118px; text-align: center; }
.jf-product-second-title { background: #f3f7f8; font-size: 16px; padding-left: 25px; height: 48px; line-height: 48px; border-bottom: 1px solid #cccccc }
.jf-product-detail-table { width: 100% }
.jf-product-detail-table th, .jf-product-detail-table td { border-bottom: 1px solid #ddd; padding: 10px; }
.jf-product-detail-table th { width: 140px; font-weight: normal; border-right: 1px solid #ddd }
.page-date-bar { padding: 20px 25px; }
.jf-change-history-table { padding: 0 25px; }
.clear-cart { text-align: left; position: absolute; left: 30px;
top: 30px; }
.page-login-form .up-row select { width: 268px; }
.ui_select { display: inline-block; vertical-align: middle }
.ui_select span { display: inline-block; }
.ui_select { position: relative; z-index: 10 }
.ui_select_active { z-index: 100 }
.ui_select i, .ui_select em { font-style: normal; white-space: nowrap; }
.ui_select span.ui_select_options { display: none; position: absolute }
.ui_select .ui_select_option { white-space: nowrap; left: 0; top: 0; }
.ui_select { width: 50px; margin: 0 auto; vertical-align: middle }
.ui_select .ui_select_current { display: block; height: 38px; line-height: 38px; background: #fff; overflow: hidden; text-overflow: ellipsis; padding-left: 10px; padding-right: 13px; }
.ui_select .ui_select_current em { display: inline-block; position: absolute; width: 0px;
height: 0px; right: 8px; top: 50%; overflow: hidden;
border: 8px solid transparent; border-top-color: #ccc; margin-top: -4px;
}
.ui_select .ui_select_options { width: 100%; background: #fff; }
.ui_select .ui_select_options dl { border: 1px solid #ccc; display: block; box-shadow: 0 0 2px #ccc; }
.ui_select .ui_select_option { height: 30px; line-height: 30px; padding-left: 10px; display: block; }
.ui_select_option_hover { background: #f1f1f1; }
.ui_select_selected { background: #2d8fe3; color: #fff; }
.ui_select_disabled .ui_select_current { background: #f1f1f1; color: #ccc; }
.ui_select .ui_select_options_top dl { border-bottom: none }
.ui_select .ui_select_options_bottom dl { }
.page-menu-body-gray { background: none; border: none; }
.page-menu-body-gray .account-jf-content { padding: 20px; }
.jf-num-area ul { }
.jf-num-area ul li { float: left; width: 226px; display: inline; margin-right: 10px; }
.jf-num-area ul li.used-jf { margin-right: 0px; }
.num-area-title { height: 50px; color: #fff; text-align: center; line-height: 50px; }
.num-area-value { background: #fff; padding: 30px 0; text-align: center; font-size: 30px }
.num-area-value span { font-size: 14px; margin-left: 5px; }
.use-full-jf .num-area-title { background: #ff665e }
.use-full-jf .num-area-value { color: #fd665d }
.use-full-jf .num-area-value span { color: #666 }
.total-jf .num-area-title { background: #3e95ff }
.total-jf .num-area-value { color: #3e95ff }
.total-jf .num-area-value span { color: #666 }
.timeout-jf .num-area-title { background: #c9c7c8 }
.timeout-jf .num-area-value { color: #c9c7c8 }
.timeout-jf .num-area-value span { color: #c9c7c8 }
.used-jf .num-area-title { background: #999999 }
.used-jf .num-area-value { color: #999999 }
.used-jf .num-area-value span { color: #999999 }
.jf-search-list { background: #fff; margin-top: 20px; min-height: 400px; }
.r-l-sign { display: inline-block; padding: 4px 10px; color: #fff; line-height: normal; background: #ccc; font-size: 16px; }
.r-l-sign.rised { background: #ff635a }
.r-l-sign.low { background: #6fd930 }
.trust-trade-tab { position: relative; border-bottom: 4px solid #f4f7f9; height: 58px; margin: 0 30px; margin-bottom: 20px; }
.trust-trade-tab ul { position: absolute; left: 0px; top: 0px; height: 58px; }
.trust-trade-tab ul li { float: left; }
.trust-trade-tab ul li a { float: left; padding: 0 20px; font-size: 16px; line-height: 58px; color: #666 }
.trust-trade-tab ul li.on { border-bottom: 4px solid #3c94fe }
.binded-cards, .trust-other-pay { margin-bottom: 40px; }
.binded-cards-title { font-size: 16px; color: #666; margin-bottom: 15px }
.binded-cards ul li { float: left; display: inline; position: relative; }
.binded-cards .card-num { margin-top: 5px }
.binded-cards ul li .card-pay-type { position: absolute; right: 10px; top: 15px; }
.card-item-handler { border: 2px solid #c0cad2; float: left; padding: 10px; margin-right: 20px; width: 230px; }
.card-item-handler.on { border-color: #3c94ff;
background: #fff url(../images/select-icon.gif) no-repeat right bottom; }
.select-other-handler, .select-offline-handler { width: 250px; text-align: center; padding: 20px 0; font-size: 16px; }
.card-pay-type { display: inline-block; padding: 1px 3px; color: #fff; margin-left: 5px; }
.card-pay-type.kj { background: #9d876e }
.card-pay-type.wy { background: #d4ac7e }
.card-pay-type.yl { background: #e78181 }
.offline-person { margin-left: 60px; background: url(../images/offline-person.png) no-repeat left center; padding: 2px 30px; }
.trust-buy-next .page-button { width: 98px; text-align: center; font-size: 16px; }
.trust-holding-line { background: url(../images/trust-holding-line.png) no-repeat; position: absolute; height: 100%; width: 1px; overflow: hidden; top: 0px; right: 360px; }
.hetong-info li { font-size: 16px; margin: 20px 0; text-align: left; }
.hetong-info { padding-left: 100px; }
.trust-person-info { background: url(../images/info.png) no-repeat; width: 20px; height: 20px; display: inline-block; margin-left: 10px; }
.hetong-search { background: url(../images/trust-pro-search.png) no-repeat; width: 22px; height: 22px; display: inline-block; margin-left: 10px; vertical-align: middle; }
.trust-tip-box { border: 1px solid #cdcdcd; border-radius: 5px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); position: absolute; display: none; min-width: 360px }
.trust-tip-box-arrow { position: absolute; left: -10px; top: 20px; }
.trust-tip-box-arrow i, .trust-tip-box-arrow b { position: absolute; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 10px 0; top: 0px; left: 0px }
.trust-tip-box-arrow i { z-index: 1; border-color: transparent #fff transparent transparent; }
.trust-tip-box-arrow b { border-color: transparent #cdcdcd transparent transparent; left: -1px; }
.person-info-list { padding: 20px 25px 20px 25px; }
.person-info-list dt { font-size: 16px; color: #000; padding-bottom: 10px; }
.person-info-list dd { padding-top: 10px; }
.person-info-list dd label { display: inline-block; width: 84px; color: #666 }
.trust-tip-box-action { text-align: center; border-top: 1px solid #ddd; padding: 10px 0; }
.trust-tip-box-action .page-button { height: 32px; line-height: 32px; border-radius: 3px; padding: 0 20px; }
.person-split-line { height: 0px; overflow: hidden; border-top: 1px dashed #333; margin: 0 20px; }
.trust-value-chart { padding: 0 30px; width: 570px; }
.trust-value-table { border-left: 1px solid #ddd; min-height: 500px; padding-left: 30px; width: 530px; }
.trust-value-title { font-size: 16px; }
#value-chart { height: 400px; }
.trust-xxpl ul li { padding-bottom: 10px; color: #333 }
.trust-xxpl ul li a { color: #333 }
.trust-xxpl ul li span { float: right; color: #999; }
.trust-xxpl { padding: 0 30px; }
.trust-plan-info { background: url("../images/icon-zqtz.png") left top no-repeat; float: left; width: 775px; padding: 40px 0 40px 75px; position: relative; }
.trust-plan-info .up-trust-name { font-size: 18px; }
.trust-plan-info .up { color: #ff635a; }
.trust-plan-info .up-list-1 { clear: left; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #dfe4e8; }
.trust-plan-info .up-list-1 > li { float: left; width: 200px; height: 80px; margin-right: 70px; }
.trust-plan-info .up-list-1 .up-li-3 { margin-right: 0; }
.trust-plan-info .up-list-1 .up-li-1 .up-row-1 { line-height: 60px; height: 60px; }
.trust-plan-info .up-list-1 .up-li-2 .up-row-1 { line-height: 67px; height: 60px; }
.trust-plan-info .up-list-1 .up-li-1,
.trust-plan-info .up-list-1 .up-li-2 { position: relative; }
.trust-plan-info .up-list-1 .up-li-1 .up-border,
.trust-plan-info .up-list-1 .up-li-2 .up-border { position: absolute; right: 0; top: 20px; height: 51px; border-right: 1px dotted #333; }
.trust-plan-info .up-list-2 { clear: left; overflow: hidden; padding: 20px 0 0; }
.trust-plan-info .up-list-2 > li { float: left; width: 200px; margin-right: 70px; }
.trust-plan-info .up-list-2 .up-li-3 { margin-right: 0; }
.trust-plan-info .up-list-2 .up-split { height: 15px; }
.trust-plan-action {
background: url(../images/fa-bg.gif) no-repeat;
width: 350px;
background-size: auto 100%;
}
.trust-plan-action-box {
min-height: 263px;
border-top: 4px solid #6dafff; /*_height: 300px;*/
margin-left: 11px;
padding: 26px 28px 0;
}
.trust-plan-action-box .up-split {
height: 20px;
}
.trust-plan-action-box .page-input { width: 266px; }
.trust-plan-info-2 { background: url("../images/icon-zqtz.png") left top no-repeat; float: left; width: 775px; padding: 40px 0 40px 75px; position: relative; }
.trust-plan-info-2 .up-trust-name { font-size: 18px; }
.trust-plan-info-2 .up { color: #ff635a; }
.trust-plan-info-2 .up-list-1 { clear: left; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #dfe4e8; }
.trust-plan-info-2 .up-list-1 > li { float: left; width: 200px; height: 80px; }
.trust-plan-info-2 .up-list-1 .up-li-3 { margin-right: 0; width: 300px; }
.trust-plan-info-2 .up-list-1 .up-li-1 .up-row-1 { line-height: 60px; height: 60px; }
.trust-plan-info-2 .up-list-1 .up-li-2 .up-row-1 { line-height: 67px; height: 60px; }
.trust-plan-info-2 .up-list-1 .up-li-3 .up-row-1 { line-height: 67px; height: 60px; }
.trust-plan-info-2 .up-list-2 { clear: left; overflow: hidden; padding: 20px 0 0; }
.trust-plan-info-2 .up-list-2 > li { float: left; width: 200px; margin-right: 70px; }
.trust-plan-info-2 .up-list-2 .up-li-3 { margin-right: 0; }
.trust-plan-info-2 .up-list-2 .up-split { height: 15px; }
.page-block-head { padding: 10px 30px; font-size: 14px; color: #666; background: #f4f7f9; border-bottom: 1px solid #dfe4e8; }
.search-input-1 { position: relative; overflow: hidden; }
div.search-input-1 { width: auto; margin-top: 0; }
.search-input-1 input { float: left; height: 30px; line-height: 30px; padding-left: 10px; padding-right: 40px; width: 300px; background-image: none; }
.search-input-1 .up-icon { background: url(../images/search-icon.gif) no-repeat 10px center; height: 34px; width: 40px; border: none; position: absolute; right: 0; cursor: pointer; }
.page-subscription-list .up-col-1 { width: 290px; }
.page-subscription-list .up-col-2 { width: 125px; }
.page-subscription-list .up-col-3 { width: 160px; }
.page-subscription-list .up-col-4 { width: 285px; }
.page-subscription-list .up-col-5 { width: 190px; }
.page-subscription-list .up-sort-ul { background-color: #F4F7F9; border-bottom: 1px solid #DFE4E8; height: 50px; padding-left: 30px; }
.page-subscription-list .up-sort-ul > li { float: left; margin-top: 15px; position: relative; }
.page-subscription-list .up-sort-ul > li > a { color: #333; }
.page-subscription-list .up-sort-ul .up-col-2 { text-align: center; }
.page-subscription-list .up-sort-ul .up-col-2 .icon { position: absolute; top: 0; right: 9px; text-align: center; }
.page-subscription-list .up-sort-ul .up-col-3 { text-align: center; }
.page-subscription-list .up-sort-ul .up-col-3 .icon { position: absolute; top: 0; right: 35px; text-align: center; }
.page-subscription-list .up-sort-ul .up-col-5 { text-align: center; }
.page-subscription-list .up-prod-list { background: #fff; padding-left: 30px; }
.page-subscription-list .up-prod-list tr { border-bottom: 1px solid #e4e4e4; height: 90px; }
.page-subscription-list .up-prod-list .up-col-1 { padding-left: 30px; width: 290px; height: 40px; }
.page-subscription-list .up-prod-list .up-col-1.up-hot { background: url("../images/hot.png") left top no-repeat; }
.page-subscription-list .up-prod-list .up-col-2 { text-align: center; }
.page-subscription-list .up-prod-list .up-col-3 { text-align: center; }
.page-subscription-list .up-prod-list .up-col-5 { text-align: center; }
.page-subscription-list .up-prod-list .up-col-6 > button { text-align: center; background: #ff665d; color: #fff; border: none; font-size: 14px; width: 85px; height: 36px; cursor: pointer; }
.page-subscription-list .up-prod-list .up-tag { float: left; padding: 0 4px; border: 1px solid; width: 66px; text-align: center; }
.page-subscription-list .up-prod-list .up-tag-color-zhyy { border-color: #facd89; color: #facd89; }
.page-subscription-list .up-prod-list .up-tag-color-zqtz { border-color: #ff9966; color: #ff9966; }
.page-subscription-list .up-prod-list .up-tag-color-qt { border-color: #acd598; color: #acd598; }
.page-subscription-list .up-progress { height: 9px; background: #ccc; }
.page-subscription-list .up-progress .up-bar { height: 9px; }
.page-subscription-list .up-progress.up-style-1 .up-bar { height: 9px; background: #ffaf66; }
.page-subscription-list .up-progress.up-style-2 .up-bar { height: 9px; background: #82e084; }
.page-subscription-list .up-progress.up-style-3 .up-bar { height: 9px; background: #fe8179; }
.page-subscription-list .up-square-list { background: #fff; overflow: hidden; padding: 30px; }
.page-subscription-list .up-square-list > table { width: 100%; }
.page-subscription-list .up-square-list .up-item { width: 25%; border: 1px solid #ccc; }
.page-subscription-list .up-square-list .up-row-1 { font-family: "微软雅黑", arial, "宋体", sans-serif; font-size: 16px; color: #333; margin-top: 45px; text-align: center; }
.page-subscription-list .up-square-list .up-row-2 { margin-top: 30px; }
.page-subscription-list .up-square-list .up-row-2 > div { margin: 0 auto; }
.page-subscription-list .up-square-list .up-row-3 { width: 80%; margin: 10px auto; overflow: hidden; }
.page-subscription-list .up-square-list .up-row-3 > table { width: 100%; text-align: center; }
.page-subscription-list .up-square-list .up-row-3 .up-border { border-right: 1px dashed #ccc; }
.page-subscription-list .up-square-list .up-row-4 { width: 80%; margin: 20px auto 10px; }
.page-subscription-list .up-square-list .up-row-4 > button { height: 47px; font-size: 18px; color: #fff; background: #ff665d; border: none; width: 100%; }
.subscription-square { overflow: hidden; }
.subscription-square.up-zhyy { background: url("../images/icon-zhyy.png") left top no-repeat; }
.subscription-square.up-zqtz { background: url("../images/icon-zqtz.png") left top no-repeat; }
.subscription-square.up-qt { background: url("../images/icon-qt.png") left top no-repeat; }
/*密码等级*/
.pass_rating { position: relative; padding: 10px 0 5px 0; }
.pass_rating b { font-weight: normal; float: left; color: #fff; text-align: center; line-height: 20px; height: 20px; width: 89px; margin-right: 2px; background: #f89561; }
.pass_rating b.bqiang1 { background: #e4e4e4; }
.pass_rating_h { padding: 10px 15px 0 0; }
.page-my-attention .product-block { float: left; width: 268px; margin-right: 15px; }
.bank_logo { width: 4px; height: 23px; float: left; padding-left: 20px; background: url("../images/bank/banklogo.png") no-repeat; }
.bank_logo_002 { background-position: -4px -9px; }
.bank_logo_003 { background-position: -29px -9px }
.bank_logo_004 { background-position: -52px -8px }
.bank_logo_005 { background-position: -82px -8px }
.bank_logo_006 { background-position: -106px -9px }
.bank_logo_007 { background-position: -135px -9px }
.bank_logo_009 { background-position: -5px -38px }
.bank_logo_010 { background-position: -29px -37px }
.bank_logo_011 { background-position: -53px -39px }
.bank_logo_012 { background-position: -81px -39px }
.bank_logo_013 { background-position: 1px 1px }
.bank_logo_014 { background-position: -107px -36px }
.bank_logo_015 { background-position: -135px -37px }
.bank_logo_016 { background-position: -5px -67px }
.bank_logo_017 { background-position: -105px -65px }
.bank_logo_907 { background-position: -29px -67px }
.bank_logo_920 { background-position: -55px -67px }