@charset "UTF-8";

/*公用变量定义*/
.col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .szyg-btn, .szyg-btn-lg, .szyg-count-btn, .szyg-count-btn-lg, .szyg-btn-gray, .szyg-btn-gray-lg, .szyg-count-gray-btn, .szyg-count-gray-btn-lg { display: inline-block; *display: inline; *zoom: 1; }

/*layout */
.wth-1200 { width: 1200px; margin-left: auto; margin-right: auto; }

a:hover { color: #ffb700; }

/*内、外边距调用*/
.mt0 { margin-top: 0; }

.mt4 { margin-top: 4px; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt16 { margin-top: 16px; }

/*.mt18 { margin-top: 18px; }  日期2019.8.3*/

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt38 { margin-top: 38px; }

.mt63 { margin-top: 63px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mr16 { margin-right: 16px; }

.pl30 { padding-left: 30px; }

.ml5 { margin-left: 5px; }

/*栅格布局  
间距 mr16 最后一样不加mr16
<div class="col-lg-1"></div>
*/
.col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1 { float: left; }

.col-lg-6 { width: 100%; }

.col-lg-5 { width: 896px; }

.col-lg-4 { width: 592px; }

.col-lg-3 { width: 329px; }

.col-lg-2 { width: 284px; }

.col-lg-1 { width: 227px; }

/*文字颜色调用*/
.bg-wrap { background: #f6f6f6; }

.text-yellow { color: #ffb700; }

.text-orange { color: #ff7800; }

.text-333 { color: #333; }

.text-555 { color: #555; }

.text-666 { color: #666; }

.text-999 { color: #999; }

.text-aaa { color: #aaa; }

.text-ccc { color: #ccc; }

.text-orange1 { color: #f99738; }

.text-orange2 { color: #fd7800; }

.text-error,.text-red{color: #ff4343;}

/*字体大小设置*/
.fz12 { font-size: 12px; line-height:24px;}

.fz14 { font-size: 14px; }

.fz16 { font-size: 16px; }

.fz18 { font-size: 18px; }

.fz20 { font-size: 20px; }

.fz22 { font-size: 22px; }

.fz24 { font-size: 24px; }

.fz26 { font-size: 26px; }

.fz28 { font-size: 28px; }

.fz30 { font-size: 30px; }

.fz36 { font-size: 36px; }

/*统一调用图标样式*/
.szyg-icons { display: inline-block; vertical-align: middle; background: url("../images/v2/icons-2019030601.png") no-repeat; }

.i-customer { width: 16px; height: 17px; margin-right: 5px; vertical-align: -3px; *vertical-align: -2px; background-position: -175px -39px; }

.i-wechat { width: 19px; height: 14px; vertical-align: -3px; *vertical-align: 0; background-position: -191px -39px; }

.i-sina { width: 18px; height: 14px; vertical-align: -3px; *vertical-align: 0; background-position: -211px -39px; }

.i-app { width: 12px; height: 15px; margin-right: 5px; vertical-align: -2px; *vertical-align: -1px; background-position: -230px -39px; }

.i-arrow-up, .i-arrow-down, .i-arrow-null { width: 7px; height: 5px; margin-left: 4px; }

.i-arrow-up { background-position: -157px -46px; }

.i-arrow-down { background-position: -157px -39px; }

.i-arrow-null { display: inline-block; vertical-align: middle; background: transparent; }

.i-tips-arrow { top: -6px; left: 50%; margin-left: -70px; width: 140px; height: 6px; background-position: -244px -39px; background-position: -384px -39px\9; }

.i-tips-arrow1 { bottom: -6px; right: 35px; width: 12px; height: 6px; background-position: -244px -49px; background-position: -257px -49px\9; }

.i-ask-tips { position: relative; display: inline-block; width: 15px; height: 15px; margin-left: 5px; cursor: pointer; vertical-align: -2px; background-position: -233px -392px; }
.i-insurance{ width:18px; height:20px; background-position:-226px -3px; margin-left:2px; vertical-align:-2px;}



/*btn组件*/
.szyg-btn, .szyg-btn-lg, .szyg-count-btn, .szyg-count-btn-lg, .szyg-btn-gray, .szyg-btn-gray-lg, .szyg-count-gray-btn, .szyg-count-gray-btn-lg { position: relative; overflow: hidden; width: 148px; height: 32px; line-height: 32px; text-align: center; }

.szyg-btn, .szyg-btn-lg, .szyg-count-btn, .szyg-count-btn-lg { border: 1px solid #ffb700; color: #ffb700; }

.szyg-btn-gray, .szyg-btn-gray-lg, .szyg-count-gray-btn, .szyg-count-gray-btn-lg { border: 1px solid #ccc; color: #fff; background: #4240408c; }
.szyg-btn-gray:hover, .szyg-btn-gray-lg:hover, .szyg-count-gray-btn:hover, .szyg-count-gray-btn-lg:hover { color: #999; }

.szyg-btn .btn-text, .szyg-btn-lg .btn-text, .szyg-btn-gray-lg .btn-text, .custombox .btn-text, .emailbox .btn-text { z-index: 2; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.szyg-btn:before, .szyg-btn-lg:before, .custombox:before, .emailbox:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;  z-index: 1; background: none; opacity:0; filter:alpha(opacity=0); -webkit-transition:  0.4s; -moz-transition:  0.4s; -ms-transition:  0.4s; -o-transition:  0.4s; transition:  0.4s; }
.szyg-btn:hover, .szyg-btn-lg:hover, .custombox:hover, .emailbox:hover { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; *background: #ffb700; }
.szyg-btn:hover .btn-text, .szyg-btn-lg:hover .btn-text, .custombox:hover .btn-text, .emailbox:hover .btn-text { color: #fff; }
.szyg-btn:hover:before, .szyg-btn-lg:hover:before, .custombox:hover:before, .emailbox:hover:before { background: #ffb700; width:100%; height: 100%;  opacity:1; filter:alpha(opacity=100);}

.szyg-btn, .szyg-count-btn, .szyg-btn-gray, .szyg-count-gray-btn { width: 82px; height: 30px; line-height: 30px; }



.cash-back-tag{ right:0; top:0; display: none; width:61px; height:61px; background-position:0 -602px; }
.cash-back-tag .cash-nums{position:absolute; display:inline-block; width:12px; height:12px; background:url("../images/v2/default/nums.png") no-repeat;}
.cash-back-tag .cash-pos1{ top:18px; left:32px;}
.cash-back-tag .cash-pos2{ top:21px; left:35px;}
.cash-back-tag .cash-pos3{ top:26px; left:40px;}
.cash-back-tag .cash-pos4{top:33px; left:46px;}
.cash-back-tag .cashback0{background-position:0 0;}
.cash-back-tag .cashback1{background-position:0 -12px;}
.cash-back-tag .cashback2{background-position:0 -24px;}
.cash-back-tag .cashback3{background-position:0 -36px;}
.cash-back-tag .cashback4{background-position:0 -48px;}
.cash-back-tag .cashback5{background-position:0 -60px;}
.cash-back-tag .cashback6{background-position:0 -72px;}
.cash-back-tag .cashback7{background-position:0 -84px;}
.cash-back-tag .cashback8{background-position:0 -96px;}
.cash-back-tag .cashback9{background-position:0 -108px;}
.cash-back-tag .cash-point{background-position:0 -120px;}
.cash-back-tag .cash-percent{background-position:0 -136px;}

.stop-taking { position: fixed; width: 500px; background: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 0 55px 40px 45px; z-index: 9000000; top: 50%; left: 50%; margin-left: -250px; max-height: 650px; overflow: hidden; }
.stop-taking .p35 { padding-top: 35px !important; }
.stop-taking #guan { width: 30px; height: 30px; background: url("../images/default/Stop_tak.png") -125px 0px no-repeat; position: absolute; top: 20px; right: 30px; cursor: pointer; }
.stop-taking h2 { font-size: 24px; color: #333333; text-align: center; padding: 50px 0 30px 0; }
.stop-taking h2 .b1 { width: 45px; height: 20px; display: inline-block; background: url("../images/default/Stop_tak.png") 0px 0px no-repeat; vertical-align: middle; }
.stop-taking h2 .b2 { width: 45px; height: 20px; display: inline-block; background: url("../images/default/Stop_tak.png") -55px 0px no-repeat; vertical-align: middle; }
.stop-taking .titl { font-size: 16px; color: #666; line-height: 30px; }
.stop-taking .p-indent { font-size: 16px; color: #666; line-height: 30px; text-indent: 2rem; }
.stop-taking .p-indent span { font-weight: bold; color: #ff7800; }
.stop-taking #funcStopCentent a { text-decoration: underline; color: #5ba4e5; }
.stop-taking .knob { display: block; width: 366px; height: 52px; background: #ffb700; font-size: 18px; color: #fff !important; text-align: center; line-height: 52px; margin: 38px auto 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.stop-taking .knob:hover { color: #fff !important; }
.stop-taking .stop-text { width: 490px !important; }

/*弹窗插件*/
.td-wrap-dialog{position: relative;}
.tdPopAlert, .tdPopMessage { position: fixed; z-index: 999; background: #fff; border-radius: 6px; overflow: hidden; }

.td-mask, .td-maskMes { position: fixed; left: 0; top: 0; z-index: 998; width: 100%; height: 100%; background: #000; opacity: 0.3; filter: alpha(opacity=30); }

.tdPopMessage .pop-tips-icon { display: inline-block; margin-right: 12px; width: 30px; height: 30px; vertical-align: -8px; background: url("../images/member/member-icon-20180927011.png") no-repeat -61px -349px; }

.tdPopAlert .title { height: 40px; line-height: 40px; padding: 0 20px; background: #f7f7f7; font-size: 14px; color: #666; }
.tdPopAlert .closed { position: absolute; width: 14px; height: 14px; top: 12px; right: 18px; background: url(../images/investlist/invest_detail/td-art-icon.png) 0 -77px; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.tdPopAlert .closed:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.tdPopAlert .contents { padding: 40px; }
.tdPopAlert .btn-group { padding: 0 0 30px 0; text-align: center; font-size: 0; }
.tdPopAlert .btn-group a { display: inline-block; width: 120px; height: 38px; margin: 0 10px; line-height: 40px; font-size: 16px; color: #fff; border-radius: 4px; }
.tdPopAlert .btn-group .ok-btn, .tdPopAlert .btn-group .text-btn { border: 1px solid #ffb700; background: #ffb700; }
.tdPopAlert .btn-group .ok-btn:hover, .tdPopAlert .btn-group .text-btn:hover { border: 1px solid #fe9f2d; background: #fe9f2d; }
.tdPopAlert .btn-group .cancel-btn { background: #ccc; border: 1px solid #ccc; }





/*弹窗等相关组件*/
#dial-window .dete, #dial-window .cancle { display: inline-block; *zoom: 1; *display: inline; margin: 0 10px; }
#dial-window { position: fixed; display: none; width: 408px; left: 50%; top: 50%; margin-left: -204px; top: 50%; margin-top: -180px; overflow: hidden; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#dial-window .font-666 { color: #666 !important; }
#dial-window .title { position: relative; height: 40px; line-height: 40px; padding-left: 20px; font-size: 14px; background: #f7f7f7; color: #666; }
#dial-window .body { width: 360px; margin: 0 auto; padding: 20px 0 20px 0; text-align: center; }
#dial-window .btns { padding: 0 0 20px 0; }

#diallayer { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: none; z-index: 101; background: #000; opacity: 0.3; filter: alpha(opacity=30); }


/* 关闭按钮 */
.close-x { background-position: 0 -946px; }