/* icon */
.icon-rz { 
    display: inline-block; vertical-align: middle; overflow: hidden; 
    background: url('/images/v2/backstage/icon-rz.png') no-repeat; 
}
.i-rz1 { width: 60px; height: 60px; background-position: 0 0; }
.i-rz2 { width: 60px; height: 60px; background-position: -65px 0; }
.i-rz3 { width: 60px; height: 60px; background-position: -130px 0; }
.i-rz4 { width: 60px; height: 60px; background-position: -195px 0; }


/* */
.iconfont { display: inline-block; vertical-align: middle; }
body { background-color: #3d3c40; min-width: 1340px; color: #595959; }
.bg-ff { background-color: #fff; }
.w280 { width: 280px; }
.w380 { width: 380px; }
.w880 { width: 700px; padding: 0 90px; }
.s-caaa { color: #aaa !important; }
.borb0 { border-bottom: 0 !important; }
.pl60-r310 { padding-left: 60px; padding-right: 310px; }
.pt100-pb200 { padding-top: 100px; padding-bottom: 200px; }
.pl40 { padding-left: 40px; }
.pl75-t30 { padding: 30px 75px; }
.mr60 { margin-right: 60px; }
.ma { margin-left: auto; margin-right: auto; }
.mt0 {margin-top :0 !important;}
.content-pad { padding: 10px 20px 20px; min-width: 1135px; }
.btn-cup { cursor: pointer; }
.btn-cup:hover { text-decoration: underline; }

.btn-block { display: block; width: 100%; height: 42px; line-height: 40px; font-size: 16px; box-sizing: border-box; }
.btn-gray, .btn-gray:hover { background-color: #ddd; border-color: #ddd; color: #fff; }
.btn-black { border-color: #595959; color: #595959; }
.btn-black:hover { border-color: #ff552e; }
.btn-oe2 {
    background: #e57e31;
    background: linear-gradient(-45deg, #e57e31 0%, #fc9c21 100%); 
    color: #fff !important; border: none;
}
.btn-oe2:hover { opacity: .8; }

/* sub-nav-bar */
.sub-nav-bar { position: absolute; left: 0; top: 0; width: 170px; padding: 40px 0; background-color: #3d3c40; }
.sub-nav-bar .photo { padding: 0 35px; }
.sub-nav-bar .photo img { border-radius: 50%; }
    /**/
.sub-nav-bar .num { height: 20px; padding: 10px 5px; background-color: #2e2d30; border-radius: 20px; margin: 30px 20px; }
.sub-nav-bar .num span { float: left; width: 50%; height: 20px; line-height: 20px; color: #999; text-align: center; position: relative; }
.sub-nav-bar .num span .iconfont { margin: -3px 2px 0 0; }
.sub-nav-bar .num span:first-child:after { position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 20px; background-color: #484d52; }
    /**/
.sub-nav-bar .nav-list dl { padding-top: 13px; }
.sub-nav-bar .nav-list dt { 
    font-size: 16px; color: #787d81; line-height: 24px; 
    height: 24px; overflow: hidden; margin-bottom: 12px;
    position: relative; padding-left: 60px; 
}
.sub-nav-bar .nav-list dt .iconfont { position: absolute; top: 1px; left: 30px; font-size: 18px; color: #787d81; }
.sub-nav-bar .nav-list dd { height: 38px; overflow: hidden; position: relative; }
.sub-nav-bar .nav-list dd a { display: block; font-size: 14px; color: #fff; line-height: 38px; padding-left: 60px; }
.sub-nav-bar .nav-list dd a:hover,
.sub-nav-bar .nav-list dd.cur a { color: #ff552e; }
.sub-nav-bar .nav-list dd.cur:after {
    position: absolute; top: 13px; right: 0; content: '';
    width: 0; height: 0; font-size: 0; line-height: 0; vertical-align: -2px; 
    border: 0 dashed transparent; border-width: 6px; border-right-style: solid; border-right-color: #f3f4f9;
}

/* right-box */
.right-box { background-color: #f3f4f9; margin-left: 170px; }
    /* t-nav */
.t-nav { padding: 0 20px; height: 36px; line-height: 36px; background-color: #fff; font-size: 12px; position: relative; z-index: 900; }
.t-nav .n-link li { float: left; margin-right: 30px; }
.t-nav .date { color: #aaa; }
.t-nav .user-set { color: #aaa; cursor: pointer; position: relative; }
.t-nav .user-set .icon-zhankai { font-size: 9px; color: #222; margin-left: 10px; }
.t-nav .user-set .pop { 
    position: absolute; top: 36px; right: 0; display: none;
    width: 92px; padding: 10px 0; background-color: #fff; box-shadow: 0 6px 20px 0
}
.t-nav .user-set .pop li { padding: 2px 0; height: 36px; overflow: hidden; }
.t-nav .user-set .pop li a { display: block; font-size: 14px; color: #666; line-height: 36px; }
.t-nav .user-set .pop li a .iconfont { float: left; font-size: 18px; margin: -1px 8px 0 15px; }
.t-nav .user-set .pop li a:hover { color: #ff552e;  }
    /* greet-bar */
.greet-bar { height: 36px; padding: 22px 20px; background-color: #fff; border-top: 1px solid #f3f4f9; }
.greet-bar strong { float: left; font-size: 16px; color: #aaa; line-height: 36px; }
.greet-bar .fr .btn { 
    float: left; width: 108px; height: 34px; line-height: 34px; margin-left: 30px; 
    border-color: #222; border-radius: 18px; color: #222;  
}
.greet-bar .fr .btn:hover { border-color: #ff552e; color: #ff552e; }
.greet-bar .fr .btn-oe2 { width: 110px; height: 36px; line-height: 36px; }
.greet-bar .fr .btn-oe2:hover { opacity: .8; }

/* bind-bar */
.bind-bar { padding: 0 40px; }
.bind-bar ul { overflow: hidden; }
.bind-bar li { float: left; width: 25%; text-align: center; }
.bind-bar li a { display: block; padding: 40px 0 38px; }
.bind-bar li a p { font-size: 18px; color: #222; line-height: 24px; font-weight: 600; margin-top: 16px; transition: color .25s linear; }
.bind-bar li a:hover p { color: #ff552e; }
.bind-bar li.ct .i-rz1 { background-position: 0 -65px; }
.bind-bar li.ct .i-rz2 { background-position: -65px -65px; }
.bind-bar li.ct .i-rz3 { background-position: -130px -65px; }
.bind-bar li.ct .i-rz4 { background-position: -195px -65px; }

/* table-list */
.table-bar { table-layout: fixed; }
.table-bar th, .table-bar td { box-sizing: border-box; padding: 10px 20px; text-align: left; }
.table-bar th { height: 40px; background-color: #eee; color: #595959; }
.table-bar td { 
    height: 50px; border-bottom: 1px solid #eee; word-break:break-all;
    font-size: 12px; color: #999; transition: color .25s linear; 
}
.table-bar td .tag { 
    display:inline-block; width: 50px; height: 18px; line-height: 18px;
    background-color: #eee; border-radius: 9px; margin-right: 10px;
    font-size: 12px; color: #666; text-align: center;
}
.table-bar.br0 tr:last-child td { border-bottom: none; }
.table-bar tr:hover td { color: #222; }
.table-bar .w200 { width: 200px; }
.table-bar .w140 { width: 140px; }
.table-bar .w100 { width: 100px; }
.table-bar th .check-btn2  { color: #595959; }

/* nav-title */
.nav-title { padding: 0 20px; font-size: 16px; color: #595959; }
.nav-h54 { height: 54px; line-height: 54px; }
    /**/
.nav-h60 { height: 60px; line-height: 60px; padding: 0 20px; }
.nav-h60 a { float: left; color: #595959; font-weight: 600; margin-right: 50px; position: relative; }
.nav-h60 a.cur, .table-list dt.h60 a:hover { color: #ff552e; }
.nav-h60 a.cur:after { position: absolute; top: 0; left: 0; right: 0; height: 4px; background-color: #ff552e; content: ''; }
    /**/
.nav-h36 { height: 36px; padding: 10px 0; font-size: 16px; line-height: 36px; }
.nav-h36 .btn-oe2 { width: 120px; height: 36px; border-radius: 18px; font-size: 14px; }
    /**/
.nav-h60 .n-f16 li { float: left; font-size: 16px; color: #595959; font-weight: 600; margin-right: 45px; cursor: pointer; }
.nav-h60 .n-f16 li.cur, .nav-h60 .n-f16 li.cur a { color: #ff552e; }

/* page-back */
.page-back { height: 30px; padding: 30px 0 40px; }
.page-back a, .page-back span { 
    display: inline-block; margin: 0 2px;
    width: 30px; height: 30px; line-height: 30px; background-color: #c4ccd9; 
    font-size: 16px; color: #fff;
}
.page-back a:hover, .page-back a.cur { background-color: #f79625; color: #fff; }
.page-back .prev, .page-back .next { position : relative; width: 60px; font-size: 12px; font-family: 'Microsoft YaHei'; top: -2px; }
.page-back .prev { border-radius: 15px 0 0 15px; margin-left: -2px; }
.page-back .next { border-radius: 0 15px 15px 0; margin-right: -2px; }

/* input-bar */
.input-bar .txt { display: block; width: 100%; font-size: 14px; line-height: 20px; }
.input-bar .unit { position: absolute; }
.input-bar.input-yzm .yz-btn { position: absolute; top: -1px; right: -1px; bottom: -1px; text-align: center; cursor: pointer; }
.input-bar.input-yzm .yz-img img { display: block; width: 100%; height: 100%; }
.input-bar.input-yzm .yz-code { background-color: #ff552e; color: #fff; }
.input-bar.input-yzm .yz-btn.no-click { background-color: #ccc; cursor: default; }

/* radio-btn , check-btn2 需调用商家后台 */
.radio-btn, .check-btn2 { cursor: pointer; color: #aaa; }
.radio-btn .iconfont, .check-btn2 .iconfont { margin: -2px 5px 0 0; }
.radio-btn .iconfont:before { content: "\e623"; }
.radio-btn.click .iconfont:before { content: "\e624"; }
.check-btn2 .iconfont:before { content: "\e61e"; }
.check-btn2.click .iconfont:before { content: "\e61f"; }
.radio-btn.click, .check-btn2.click { color: #222; }

/* drop-down */
.drop-down .drop-txt { border: 1px solid #eaeaea; position: relative; }
.drop-down .drop-txt span { font-size: 12px; color: #aaa; }
.drop-down .drop-txt .icon-xialaxuanze { font-size: 10px; color: #aaa; position: absolute; top: 0; right: 0; }

/* options-bar */
.options-bar { padding: 5px 20px 20px; font-size: 12px; }
.options-bar .btn-oe2 { float: right; width: 90px; height: 30px; border-radius: 15px; font-size: 14px; line-height: 30px; }
.options-bar li { float: left; margin-right: 40px; }
.options-bar li label { float: left; line-height: 30px; color: #595959; margin-right: 5px; }
    /**/
.options-bar li .input-bar { float: left; line-height: 28px; height: 28px; padding: 0 9px; border: 1px solid #eaeaea; }
.options-bar li .input-bar .w180 { width: 160px; font-size: 12px; padding: 4px 0; }
.options-bar li .input-bar .w140 { width: 120px; font-size: 12px; padding: 4px 0; }
    /**/
.options-bar li .drop-down { width: 140px; }
.options-bar li .drop-down .drop-txt { height: 28px; line-height: 28px; padding: 0 19px 0 9px; }
.options-bar li .drop-down .drop-txt .icon-xialaxuanze { top: 2px; right: 9px; }
.options-bar li .drop-down .drop-all p { text-align: left; padding: 0 10px; }

/* wen-bar */
.wen-bar { padding: 30px 310px 30px 60px; }
.wen-bar .nr { font-size: 18px; line-height: 36px; margin-bottom: 38px; }
    /**/
.wen-bar .info li, .wen-bar .info li .iconfont { float: left; font-size: 16px; color: #aaa; line-height: 24px; }
.wen-bar .info li { margin-right: 50px; }
.wen-bar .info li .iconfont { margin-right: 5px; }
.wen-bar .info li .btn { 
    display: inline-block; width: 68px; height: 22px; line-height: 22px; margin: -4px 0 0 20px; 
    font-size: 12px; color: #222; vertical-align: middle; border-color: #000; border-radius: 12px;
}
.wen-bar .info li .btn:hover { border-color: #ff552e; color: #ff552e; }
.wen-bar .info .tips {float: right; position: relative; }
.wen-bar .info .tips .icon-tishi { font-size: 18px; color: #ddd; }
.wen-bar .info .tips .popup { 
    position: absolute; right: 0; bottom: 22px;
    width: 280px; padding: 15px 20px; display: none;
    background-color: #fff; box-shadow: 0 5px 20px rgba(0,0,0, .15);
}
.wen-bar .info .tips .popup p { font-size: 12px; color: #aaa; line-height: 22px; margin-bottom: 3px; }
.wen-bar .info .tips .popup span { font-size: 14px; color: #da7931; float: right; cursor: pointer; margin-right: 0; }
.wen-bar .info .tips .popup span:hover { text-decoration: underline; }
    /**/
.wen-bar .huida-bar {}
.wen-bar .huida-bar .input-bar { background-color: #f2f2f2; border-radius: 4px; margin-bottom: 20px; }
.wen-bar .huida-bar .input-bar .tips { left: 20px; top: 15px; font-size: 14px; color: #999; }
.wen-bar .huida-bar .input-bar .txt { height: 90px; font-size: 14px; padding: 15px 20px; }
.wen-bar .huida-bar .btn-oe2 { float: right; width: 100px; height: 36px; line-height: 36px; border-radius: 18px; }
    /**/
.yihuifu-bar { height: 340px; }
.yihuifu-bar .scroll-txt { padding-right: 20px; }
.yihuifu-bar .item { padding: 13px 0 12px; font-size: 14px 20px; line-height: 26px; border-bottom: 1px solid #eaeaea; }
.yihuifu-bar .item .hf-txt { color: #666; }
.yihuifu-bar .item .hf-txt span { color: #999; }
.yihuifu-bar .item .time { font-size: 12px; color: #999; margin-top: 5px; }
.yihuifu-bar .item .zhuiwen { padding: 13px 20px; background-color: #f8f8f8; margin-top: 12px; margin-bottom: 7px; }
.yihuifu-bar .item .zhuiwen .zw-txt { color: #222; }
.yihuifu-bar .item .zhuiwen .zw-txt span { color: #999; }

/* pop-tel */
.pop-tel { width: 400px; height: 220px; border-radius: 6px; margin: -110px 0 0 -200px; }
.pop-tel .tc { padding: 40px 20px 30px; }
.pop-tel .f20 { font-size: 20px; color: #999; }
.pop-tel .f22 { font-size: 22px; color: #222; line-height: 30px; font-weight: 600; margin-top: 23px; }
.pop-tel .f14 { color: #da7931; margin-top: 4px; }
.pop-tel .f12 { font-size: 12px; color: #999; margin-top: 24px; }
.pop-tel .f12 .iconfont { font-size: 16px; color: #ddd; vertical-align: middle; margin: -3px 5px 0 0; }

/* pop-wuxiao */
.pop-wuxiao { width: 400px; padding: 25px 30px; border-radius: 6px; margin: -155px 0 0 -330px; }
.pop-wuxiao .tit { font-size: 20px; line-height: 28px; color: #222; text-align: center; }
.pop-wuxiao .radio-bar .radio-btn { float: left; width: 130px; font-size: 14px; padding: 8px 0; }
.pop-wuxiao .radio-bar .radio-btn.w270 { width: 270px; }
.pop-wuxiao .input-bar { background-color: #f5f5f5; }
.pop-wuxiao .input-bar .tips { left: 15px; top: 10px; color: #aaa; }
.pop-wuxiao .input-bar .txt { height: 74px; padding: 10px 15px; }
.pop-wuxiao .btn-oe2 { display: block; width: 100px; height: 36px; line-height: 36px; border-radius: 18px; margin: 20px auto 0; }
.pop-wuxiao .btn-oe2:hover { opacity: .8; }

/* no-list */
.no-list { padding: 120px 20px; font-size: 16px; color: #999; text-align: center; }
.no-list img { display: block; margin: 0 auto 50px; }

/* pinp-list */
.pinp-list .item { height: 180px; background-color: #fff; position: relative; margin-top: 10px; }
.pinp-list .item .img-block { float: left; padding: 20px; width: 140px; height: 140px; margin-right: 20px; }
.pinp-list .item .info { padding-top: 20px; }
.pinp-list .item .info h3 { font-size: 18px; color: #222; line-height: 24px; height: 24px; overflow: hidden; }
.pinp-list .item .info ul { width: 580px; font-size: 12px; overflow: hidden; margin-top: 17px; }
.pinp-list .item .info li { float: left; width: 370px; padding-right: 20px; height: 20px; overflow: hidden; margin-bottom: 6px; }
.pinp-list .item .info li.w190 { width: 170px; }
.pinp-list .item .info li span { color: #aaa; margin-right: 0; }
.pinp-list .item .info .tx { width: 580px; font-size: 12px; color: #aaa; padding-top: 6px; height: 40px; overflow: hidden; }
.pinp-list .item .handle { position: absolute; top: 40px; right: 0; padding: 20px; text-align: center; }
.pinp-list .item .handle .btn { display: block; width: 78px; height: 28px; line-height: 28px; border-color: #222; border-radius: 15px; }
.pinp-list .item .handle .btn:hover { border-color: #ff552e; }
.pinp-list .item .handle p { font-size: 12px; color: #aaa; margin-top: 10px; }

/* yidu-btn */
.yidu-btn { float: right; width: 88px; height: 28px; line-height: 28px; border-color: #000; border-radius: 15px; margin: 15px 20px 0 0; }

/* up-file-bar */
.up-file-bar dl { float: left; text-align: center; }
.up-file-bar dl dt { font-size: 16px; font-weight: 600; padding-right: 60px; }
.up-file-bar dl dd { width: 250px; padding-right: 60px; border-right: 1px solid #eaeaea; margin-top: 30px;  }
.up-file-bar dl.br0 dt { padding-right: 0; }
.up-file-bar dl.br0 dd { padding-right: 0; border-right: none; }
    /**/
.up-img { height: 328px; background-color: #eee; position: relative; }
.up-img .btn { 
    position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -45px;
    width: 88px; height: 28px; line-height: 28px; border-color: #aaa; border-radius: 15px; 
    font-size: 12px; color: #999;
}
.up-img:hover .btn { border-color: #666; color: #666; }
.up-img .input-file { position: absolute; left: 0; top: 0; right: 0; bottom: 0;  opacity: 0; }
.up-img .tu { 
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center;
    line-height: 328px; overflow: hidden; 
}
.up-img .tu img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.up-img .tu p { 
    position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; display: none;
    height: 40px; line-height: 40px; background-color: #000; background-color: rgba(0,0,0, .5);
    font-size: 14px; color: #fff; text-align: center;
}

/* btn-next */
.btn-next, .btn-w120 .btn { width: 118px; height: 34px; line-height: 34px; border-color: #222; border-radius: 18px; }
.w620 .btn-next { float: left; margin: 40px 0 0 250px; }
.btn-w120 .btn-oe2 { width: 120px; height: 36px; line-height: 36px; text-align: center; border-radius: 18px; }

/* form-bar */
.form-bar {}
.form-bar .form-nav { font-size: 20px; color: #999; line-height: 34px; margin-bottom: 13px; }

/* form-list */
.form-list { width: 640px; }
    /**/
.form-list li { min-height: 40px; line-height: 40px; margin-bottom: 20px; position: relative; z-index: 1; padding-left: 80px; }
.form-list li .tit { position: absolute; left: 0; top: 0; width: 75px; text-align: right; }
    /**/
.form-list li .input-bar { border: 1px solid #ddd; }
.form-list li .input-bar .tips { left: 15px; color: #ccc; }
.form-list li .input-bar .txt { padding: 10px 15px; box-sizing: border-box; }
    /**/
.form-list li .check-btn2 { margin-right: 15px; }
.form-list li.h24 { line-height: 24px; min-height: 24px; }
.form-list li .input-bar.w260 { width: 258px; }
.form-list li .input-bar.w260 .txt { padding-right: 120px; }
.form-list li .input-bar .unit { color: #ccc; top: -1px; right: 14px; z-index: -1; }
    /**/
.form-list li .up-img { width: 160px; height: 160px; }
.form-list li .up-img.w240 { width: 240px; }
    /**/
.form-list li .drop-down .drop-txt { padding: 0 30px 0 15px; line-height: 40px; height: 40px; border-color: #ddd; text-align: left; }
.form-list li .drop-down .drop-txt span { font-size: 14px; }
.form-list li .drop-down .drop-txt .icon-xialaxuanze { padding-right: 10px; }
.form-list li .drop-down .drop-all p { padding: 0 15px; text-align: left; }
    /**/
.form-list li .input-textarea { float: none; padding-bottom: 20px; }
.form-list li .input-textarea .txt { height: 120px; } 
.form-list li .input-textarea .num { position: absolute; right: 10px; bottom: 5px; line-height: 20px; }
    /**/
.form-list li .jiange-line { float: left; width: 20px; height: 1px; background-color: #ddd; margin: 17px 10px 0; }
.form-list li .error { position: absolute; left: 0; top: 42px; font-size: 12px; color: #f92a2a; line-height: 20px; display: none; }
    /**/
.form-list li .input-yzm {}
.form-list li .input-yzm .txt { padding-right: 160px; }
.form-list li .input-yzm .yz-btn { width: 150px; }

    /* .w380 > form-list */
.w380 .form-list { width: 380px; }
.w380 .form-list li { padding-left: 0; }
.w190 { width: 190px; }
.h140 { height: 138px; }

/* up-logo-bar */
.up-logo-bar .up-img { width: 220px; height: 220px; overflow: hidden; }
.up-logo-bar .up-img .tu { width: 210px; height: 210px; line-height: 210px; padding: 5px; }

/* up-chanp-bar */
.up-chanp-bar { width: 720px; }
.up-chanp-bar .up-img { float: left; width: 160px; height: 160px; margin: 0 20px 20px 0; }
.up-chanp-bar .up-img .tu { width: 160px; height: 160px; line-height: 160px; }
.up-chanp-bar .up-img .tu img { display: block; width: 100%; height: 100%; }
.up-chanp-bar .up-img .tu p { height: 36px; line-height: 36px; }
.up-chanp-bar .up-img .tu .del-btn { 
    position: absolute; top: 0; right: 0; display: none;
    width: 24px; height: 24px; line-height: 24px; text-align: center;
    background-color: #efefef; border-radius: 0 0 0 10px; 
}
.up-chanp-bar .up-img .tu .del-btn .icon-guanbi { font-size: 13px; color: #aaa; cursor: pointer; }

/* edit-module-bar  */
.edit-module-bar { padding-bottom: 5px; }
.add-module-btn { 
    height: 48px; background-color: #f5f5f5; text-align: center; 
    font-weight: 600; color: #222; line-height: 48px; cursor: pointer;
    transition: color .25s linear;
}
    /**/
.edit-module { margin-bottom: 15px; }
.edit-module .input-bar { border-bottom: 2px solid transparent; }
.edit-module .input-bar .tips { font-size: 20px; line-height: 30px; }
.edit-module .input-bar .txt { font-size: 20px; line-height: 30px; padding: 0 70px 3px 0; }
.edit-module .input-bar .del-btn { position: absolute; top: 10px; right: 0; color: #aaa; cursor: pointer; }
.edit-module .input-bar .del-btn:hover, .add-module-btn:hover { color: #ff552e; }
.edit-module .input-bar.focus { border-bottom-color: #222; }

/* pop-win */
.pop-win { width: 380px; height: 220px; border-radius: 6px; margin: -110px 0 0 -190px; }
.pop-win .tc { padding: 35px 50px 0; }
.pop-win .tc .tit { font-size: 24px; line-height: 30px; }
.pop-win .tc .tit .iconfont { font-size: 26px; vertical-align: middle; margin: -3px 5px 0 0; }
.pop-win .tc .tit.s-gn { color: #2db875; }
.pop-win .tc .tx { font-size: 12px; color: #999; line-height: 22px; padding: 14px 0; }
.pop-win .pop-btn-bar { height: 30px; line-height: 30px; }
.pop-win .pop-btn-bar .btn { 
    display: inline-block;
    width: 108px; height: 28px; border-color: #595959; border-radius: 15px;
    font-size: 12px; line-height: 28px; 
}
.pop-win .pop-btn-bar .btn:hover { border-color: #ff552e; }
.pop-win .pop-btn-bar .btn-oe2 { width: 110px; height: 30px; margin-top: -3px; vertical-align: middle; }

/* bind-wx-bar */
.bind-wx-bar {}
.bind-wx-bar .item { height: 230px; padding: 25px 0; margin-bottom: 40px; }
.bind-wx-bar .item .erwei { float: left; width: 200px; height: 200px; padding: 15px; margin-right: 30px; position: relative; }
.bind-wx-bar .item .erwei img { display: block; width: 100%; height: 100%; }
.bind-wx-bar .item .erwei .pop { 
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; 
    background-color: rgba(255,255,255, .9);  line-height: 230px; text-align: center;
}
.bind-wx-bar .item .erwei .pop .iconfont { font-size: 48px; color: #e47e33; }
.bind-wx-bar .item .f20 { font-size: 20px; line-height: 30px; padding-top: 10px;}
.bind-wx-bar .item .f14 { margin: 15px 0 25px; }
.bind-wx-bar .item .btn { float: left; width: 128px; height: 34px; line-height: 34px; border-radius: 18px; }

/* xiugai-list */
.xiugai-list dt { font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 25px; }
.xiugai-list li { padding: 0; line-height: 40px; }
.xiugai-list .form-list { width: 400px; }
.xiugai-list .form-list li .input-bar .txt { padding-top: 10px; padding-bottom: 10px; }
.xiugai-list .btn-oe2 { display: block; width: 130px; height: 36px; line-height: 36px; border-radius: 18px; }

/* chanp-list */
.chanp-list li { float: left; width: 230px; margin: 0 20px 16px 0; position: relative; }
.chanp-list li .img-block { height: 230px; overflow: hidden; }
.chanp-list li .handle { position: absolute; left: 0; top: 0; right: 0; height: 40px; background-color: rgba(0,0,0, .5); display: none; }
.chanp-list li .handle a { float: right; font-size: 12px; color: #fff; line-height: 40px; margin: 0 15px; }
.chanp-list li .handle a:hover { text-decoration: underline; }
.chanp-list li p { margin-top: 6px; height: 40px; overflow: hidden; color: #595959; }

/* mendian-list */
.mendian-list .item .img-block { width: 210px; margin-right: 15px; }
.mendian-list .item .info li { float: none; width: auto; padding-right: 0; }


/* 用户后台 left-nav */
.left-nav { width: 219px; height: 840px; border-right: 1px solid #f5f5f5; position: relative; }
.left-nav .img-block { padding: 30px 40px 0; width: 110px; height: 110px; margin: auto; }
.left-nav .img-block img { border-radius: 50%; }
.left-nav dl { padding: 0 40px; margin-top: 25px; }
.left-nav dl dt { font-size: 16px; line-height: 24px; height: 24px; overflow: hidden; margin-bottom: 14px; }
.left-nav dl dd a { display: block; height: 42px; line-height: 42px; background-color: #f2f2f2; border-radius: 21px; color: #666; }
.left-nav dl dd a .iconfont { margin: -2px 5px 0 0; }
.left-nav dl dd a:hover { text-decoration: underline; }
.left-nav ul { margin-top: 45px; }
.left-nav ul li { height: 46px; overflow: hidden; margin-bottom: 15px; }
.left-nav ul li a { display: block; font-size: 16px; line-height: 46px; padding-left: 95px; position: relative; }
.left-nav ul li a .iconfont { font-size: 18px; position: absolute; left: 60px; }
.left-nav ul li a:hover, .left-nav ul li.cur a, .left-nav .left-b a:hover { color: #ff552e; }
.left-nav .left-b { position: absolute; left: 0; bottom: 0; right: 0; padding: 25px 30px; font-size: 12px; color: #999; }
.left-nav .left-b a { color: #999; }
.left-nav .left-b span .iconfont, .left-nav .left-b a .iconfont { margin: -3px 5px 0 0; }

/* right-box */
.w980 { width: 980px; }
.w980 .h760 { height: 760px; overflow: hidden; }
.w980 .h670 { height: 670px; } 
.scroll-wrap.h670 .scroll-bar { right: 10px; }
.h88 { height: 88px; }
.btn-black { border-color: #595959; color: #595959; }
.btn-black:hover { border-color: #ff552e; }
.more-btn { display: inline-block; height: 88px; line-height: 88px; text-align: center; cursor: pointer; }

/* nav-tit */
.nav-tit { line-height: 40px; padding: 20px 30px; height: 40px; overflow: hidden; }
.nav-tit b { font-size: 22px; }
.tab-nav a { float: left; font-size: 16px; color: #999; font-weight: 600; margin-right: 55px; }
.tab-nav a.cur { font-size: 22px; color: #222; }

/* zixun-list */
.zixun-list { padding: 0 30px; }
.zixun-list .item { padding: 5px 300px 25px 0; margin-bottom: 20px; border-bottom: 1px solid #eee; position: relative; }
.zixun-list .item p { font-size: 14px; color: #595959; line-height: 22px; }
.zixun-list .item .info { font-size: 12px; color: #aaa; margin-top: 10px; }
.zixun-list .item .info span { margin-right: 50px; }
.zixun-list .item .info span .iconfont { font-size: 14px; margin: -2px 5px 0 0; }
.zixun-list .item .info span.gn { color: #14b7a6; margin-left: 85px; }
.zixun-list .item .handle { position: absolute; top: 0; right: 0; width: 80px; text-align: center; }
.zixun-list .item .handle .btn { display: block; width: 78px; height: 24px; line-height: 24px; border-radius: 13px; }
.zixun-list .item .handle p { font-size: 12px; color: #aaa; margin-bottom: 10px; }

/* pop-erwei */
.pop-erwei { width: 530px; height: 280px; border-radius: 6px; margin: -140px 0 0 -265px; }
.pop-erwei dl { padding: 60px; overflow: hidden; }
.pop-erwei dl dt { float: left; width: 160px; margin-right: 30px; }
.pop-erwei dl dd { padding-top: 30px; }
.pop-erwei dl dd .f20 { font-size: 20px; color: #000; line-height: 30px; font-weight: 600; }
.pop-erwei dl dd .f14 { font-size: 14px; color: #999; line-height: 25px; margin-top: 10px; }

/* kong-bar */
.kong-bar { padding-top: 120px; text-align: center; }
.kong-bar img { display: block; margin: auto;}
.kong-bar p { font-size: 16px; color: #999; margin: 45px 0 30px; }
.kong-bar .btn { display: block; width: 148px; height: 38px; line-height: 38px; border-radius: 20px; margin: auto;}

/* wenti-bar */
.wenti-bar { margin: 0 30px; padding: 15px 0; border-bottom: 1px solid #eee; }
.wenti-bar p { font-size: 20px; line-height: 30px; }
.wenti-bar .info { margin-top: 20px; }
.info { font-size: 12px; color: #aaa; }
.info span { margin-right: 50px; }
.info span .iconfont { font-size: 14px; margin: -2px 5px 0 0; }
.info span em { font-style: normal; }
.info span.btn-zhuiwen { color: #222; cursor: pointer; }
.info span.btn-zhuiwen:hover { text-decoration: underline; }

/* zx-huida-bar */
.zx-huida-bar { margin-left: 30px; margin-right: 30px; }
.zx-huida-bar .item { position: relative; padding: 20px 0 20px 60px; border-bottom: 1px solid #eee; }
.zx-huida-bar .item .photo { position: absolute; left: 0; top: 20px; width: 40px; height: 40px; }
.zx-huida-bar .item .photo img { border-radius: 50%; }
.zx-huida-bar .item dl {}
.zx-huida-bar .item dt { height: 20px; overflow: hidden; margin-bottom: 5px; }
.zx-huida-bar .item dt a { font-size: 14px; }
.zx-huida-bar .item dd { padding: 0 20px; background-color: #f5f5f5; }
.zx-huida-bar .item dd .zw-hr-bar { font-size: 16px; line-height: 28px; }
.zx-huida-bar .item dd .zw-hr-bar .wh-item { padding: 13px 0 12px; border-bottom: 1px solid #ddd; }
.zx-huida-bar .item dd .zw-hr-bar .wh-item:last-child { border-bottom: none; }
.zx-huida-bar .item dd .zw-hr-bar .info { margin-top: 5px; }
.zx-huida-bar .item dd .zw-input { padding-bottom: 20px; }
.zx-huida-bar .item dd .input-bar { background-color: #fff; border: 1px solid #eee; border-radius: 3px; }
.zx-huida-bar .item dd .input-bar .txt { display: block; width: 778px; height: 38px; padding: 15px 20px; line-height: 20px; }
.zx-huida-bar .item dd .input-bar .tips { left: 20px; top: 15px; color: #aaa; }
.zx-huida-bar .item dd .zw-input .btn { width: 78px; height: 30px; line-height: 30px; border-radius: 16px; margin-top: 10px; }

/* message-list */
.message-list { margin-left: 30px; margin-right: 30px; }
.message-list li { padding: 16px 200px 26px 0; border-bottom: 1px solid #eee; margin-bottom: 10px; position: relative; }
.message-list li p { color: #595959; height: 20px; overflow: hidden; }
.message-list li p span { color: #aaa; margin: 0 5px; }
.message-list li .handle { position: absolute; top: 30px; right: 0; }
.message-list li .handle .btn { display: block; width: 78px; height: 24px; line-height: 24px; border-radius: 13px; }

/* bind-wx-bar2 */
.bind-wx-bar2 { padding: 150px 0 0 265px; }
.bind-wx-bar2 .item { height: 210px; padding: 15px 0; margin-bottom: 40px; }
.bind-wx-bar2 .item .erwei { float: left; width: 180px; height: 180px; padding: 15px; margin-right: 30px; position: relative; }
.bind-wx-bar2 .item .erwei img { display: block; width: 100%; height: 100%; }
.bind-wx-bar2 .item .erwei .pop { 
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; 
    background-color: rgba(255,255,255, .9);  line-height: 230px; text-align: center;
}
.bind-wx-bar2 .item .erwei .pop img { display: block; width: 42px; height: 48px; margin: 80px auto 0; }
.bind-wx-bar2 .item .f20 { font-size: 20px; line-height: 30px; padding-top: 55px;}
.bind-wx-bar2 .item .f14 { margin: 23px 0 25px; }
.bind-wx-bar2 .item .btn { float: left; width: 128px; height: 34px; line-height: 34px; border-radius: 18px; }
.bind-wx-bar2 .item.yi-bind .f20 { padding-top: 30px; }
.bind-wx-bar2 .item.yi-bind .f14 { margin-top: 13px; }

/* 前台注册 tj-id-bar */
.tj-id-bar { padding: 220px 0 220px 300px; }
/**/
.tj-id-bar .left-id { width: 340px; margin-right: 100px; }
.tj-id-bar .left-id h4 { font-size: 32px; line-height: 40px; text-align: center; }
.tj-id-bar .left-id h4 .iconfont { font-size: 34px; margin: -4px 20px 0 0; }
.tj-id-bar .left-id h4 .iconfont.s-gn { color: #36bfa4; }
.tj-id-bar .left-id .user { height: 145px; padding-top: 25px; background-color: #f8f8f8; text-align: center; }
.tj-id-bar .left-id .user p { font-size: 16px; color: #999; line-height: 24px; font-weight: 600; }
.tj-id-bar .left-id .user ul { padding: 20px 20px 33px; overflow: hidden; }
.tj-id-bar .left-id .user li { float: left; width: 50%; font-size: 16px; color: #222; font-weight: 600; }
.tj-id-bar .left-id .user li span { color: #999; }
.tj-id-bar .left-id .btn { display: block; height: 46px; line-height: 46px; }
.tj-id-bar .left-id.ydl { padding-top: 15px; }
.tj-id-bar .left-id.ydl .iconfont { font-size: 60px; line-height: 60px; margin-bottom: 20px; }
.tj-id-bar .left-id.ydl .btn { width: 240px; margin: 35px auto 0; }
/**/
.tj-id-bar .erwe-bar { width: 180px; text-align: center; }
.tj-id-bar .erwe-bar img { display: block; width: 160px; height: 160px; margin: auto; }
.tj-id-bar .erwe-bar p { font-size: 16px; color: #aaa; line-height: 30px; margin-top: 15px; }

/* logo-h40 */
.logo-h40 .tit { font-size: 24px; line-height: 40px; margin-top: 11px; }
.logo-h40 .fr { line-height: 40px; }

/* ban-h687 */
.ban-h687 { height: 687px; background: url('/images/v2/gb/bg-register.png') no-repeat center; }
.ban-h687 dl { width: 540px; padding-top: 150px; margin: auto; text-align: center; }
.ban-h687 dl dt { font-size: 24px; line-height: 40px; font-weight: 500; color: #222; }
.ban-h687 dl dd { margin-top: 30px; }
.ban-h687 dl dd a { width: 260px; height: 215px; background-color: #fff; border-radius: 3px; padding-top: 45px; transition: all .25s linear; }
.ban-h687 dl dd a img { display:block; width: 56px; height: 56px; margin: auto; }
.ban-h687 dl dd a strong { display: block; font-size: 24px; color: #ff552e; line-height: 30px; margin-top: 20px; }
.ban-h687 dl dd a p { line-height: 26px; color: #999; margin-top: 20px; }
.ban-h687 dl dd a:hover { box-shadow: 0 10px 20px rgba(0,0,0, .5); }

.nav-f24 { font-size: 24px; line-height: 30px; }

    /**/
.form-list li .up-img.w380-h420 { width: 380px; height: 420px; }
.form-list li .up-img.w380-h420 .btn { margin: 10px 0 0 -45px; }
.form-list li .up-img.w380-h420:hover .btn { border-color: #666; color: #666; }
.form-list li .up-img.w380-h420 .input-file { width: 100%; }
.form-list li .up-img.w380-h420 .tu { line-height: 423px; }
.form-list li .up-img.w380-h420 .tu img { max-width: 380px; max-height: 420px; }
.form-list li .up-img.w380-h420 .up-tip { padding-top: 120px; color: #999; }
.form-list li .up-img.w380-h420 .up-tip .f20 { font-size: 20px; line-height: 36px; }

/* shenhe-bar */
.shenhe-bar { padding: 150px 0 0; height: 400px; }
.shenhe-bar h3 { font-size: 30px; line-height: 40px; }
.shenhe-bar p { color: #999; line-height: 22px; margin: 50px 0 25px; }
.shenhe-bar .btn { display: inline-block; width: 138px; height: 36px; line-height: 36px; margin: auto 12px; }

/* left-w320-bar */
.left-w320-bar { width: 230px; height: 660px; padding: 0 45px; background-color: #f5f5f5; }
.left-w320-bar .nav-f20 { font-size: 20px; line-height: 30px; padding: 33px 0 26px; }
.left-w320-bar .cp-logo { border: 1px solid #eee; background-color: #fff; height: 190px; padding: 19px; }
.left-w320-bar dl { line-height: 24px; margin-top: 24px; }
.left-w320-bar dt { font-size: 18px; color: #262626; font-weight: 600; margin-bottom: 22px; }
.left-w320-bar dd { color: #8c8c8c; margin-bottom: 16px; }
.left-w320-bar dd b { color: #222; }

/**/
.w620 { width: 620px; }
.btn-block.w160 {  width: 160px; }

/* qiye-info */
.qiye-info { font-size: 16px; line-height: 36px; margin: 35px 0 150px; }
.qiye-info p { margin-bottom: 30px; }

/* left-w360-bar */
.left-w360-bar { width: 255px; padding: 50px 50px 50px 55px; }
.left-w360-bar .cp-logo { width: 180px; height: 180px; } 
.left-w360-bar dl { line-height: 24px; color: #222; margin-top: 60px; }
.left-w360-bar dt { font-size: 18px; font-weight: 600; margin-bottom: 23px; }
.left-w360-bar dd { font-size: 14px; margin-bottom: 7px; }
.left-w360-bar dd span { color: #999; }
.w840 { width: 660px; padding: 0 90px; }

/* pop-jiebang */
.pop-jiebang { width: 400px; height: 210px; border-radius: 6px; margin: -105px 0 0 -200px; }
.pop-jiebang .tc { padding: 25px; }
.pop-jiebang .nav-f20 { font-size: 20px; font-weight: 600; line-height: 30px; color: #000; margin-bottom: 30px; }
.pop-jiebang p { font-size: 14px; color: #999; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 10px; }

/* 2018-09-13 */
.iconfont { display: inline-block; }
.bg-black { 
	position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; 
	background-color: rgba(0,0,0, .5); display: none; }
.popup-bar { 
	position: fixed; left: 50%; top: 50%; z-index: 1002; 
	background-color: #fff; box-shadow: 0 5px 20px rgba(0,0,0, .15); display: none;
}
.popup-bar .popup-close { position: absolute; top: 5px; right: 5px; padding: 5px; cursor: pointer; }
.popup-bar .popup-close .icon-guanbi { font-size: 18px; color: #ccc; transition: color .15s linear; }
.popup-bar .popup-close:hover .icon-guanbi { color: #333; }
.popup-bar .btn-bar .btn { display: inline-block; height: 30px; line-height: 30px; padding: 0 26px; border-radius: 16px; margin: 0 20px; }

/* 2019-07-19 #6461 */
.bg-black { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: #000; opacity: .5; }
.mt100 { margin-top: 100px; }
/* checked-box */
.checked-box { color: #aaa; cursor: pointer; }
.checked-box .icon-weisxians { margin-top: -2px; margin-right: 9px; color: #999; font-size: 18px; }
.checked-box-cur .icon-weisxians:before { content: '\e68e'; }
/* pop-protocol */
.pop-protocol { display: none; position: fixed; top: 50px; bottom: 50px; left: 50%; z-index: 1002; margin-left: -380px; background-color: #fff; width: 700px; padding: 100px 30px 40px; }
.pop-protocol .icon-guanbis { position: absolute; top: 20px; right: 20px; font-size: 20px; color: #aaa; cursor: pointer; }
.pop-protocol .tit { position: absolute; top: 40px; right: 30px; left: 30px; font-size: 24px; text-align: center; font-weight: bold; line-height: 30px; }
.pop-protocol .con { height: 100%; overflow-y: auto; padding: 0 20px; font-size: 14px; line-height: 36px; text-indent: 2em; color: #262626; }
.pop-protocol .con::-webkit-scrollbar { width: 10px; }
.pop-protocol .con::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #d9d9d9; } 
.pop-protocol .con::-webkit-scrollbar-track { background: transparent; }
/* praise-nav */
.left-nav ul .praise-nav { height: auto; }
.praise-nav .praise-ico { position: absolute; top: 11px; left: 60px; }
.praise-nav .arrow { vertical-align: middle; margin-left: 12px; border-width: 4px 4px 0; border-style: solid; border-color: #3b3231 transparent transparent; }
.praise-nav .list { padding-left: 5px; }
.praise-nav .list a { font-size: 14px; line-height: 32px; }

/* 2020-01-09 #9498 */
.p30 { padding: 30px; }
.plr20 { padding-right: 20px; padding-left: 20px; }
.ml30 { margin-left: 30px; }
/* qa-tab-box */
.tab-line { border-bottom: 1px solid #eee; line-height: 24px; }
.tab-line .drop-down { width: 120px; }
.tab-line .drop-down .drop-txt { padding: 0 10px; }
.tab-line .drop-down .drop-txt .icon-xialaxuanze { right: 5px; top: 3px; }
.tab-line .drop-down .drop-all { height: auto; overflow-y: auto; }
.tab-line .drop-down .drop-all p { text-align: left; padding-left: 10px; }
.qa-tab-box .tab-nav .nav { float: left; margin-right: 55px; font-size: 16px; font-weight: bold; line-height: 24px; position: relative; padding-bottom: 16px; cursor: pointer; }
.qa-tab-box .tab-nav .nav:last-child { margin-right: 0; }
.qa-tab-box .tab-nav .nav.cur { color: #ff562f; }
.qa-tab-box .tab-nav .nav.cur:before { content: ''; position: absolute; right: 0; left: 0; bottom: -1px; border-bottom: 2px solid #ff562f; }
.qa-tab-box .page-bar { padding-bottom: 0; }
/* question-list */
.question-list li { padding: 23px 0; border-bottom: 1px solid #eee; }
.question-list .tit { line-height: 24px; height: 24px; overflow: hidden; }
.question-list .shen-state { width: 70px; float: left; position: relative;}
.question-list .shen-state .txt-gn { color: #13ba56; }
.question-list .shen-state .txt-oe { color: #ffa02f; }
.question-list .shen-state .txt-rd { color: #ff562f; }
.question-list .shen-state .txt .iconfont { margin-left: 5px; }
.question-list .shen-state .tips { display: none; position: absolute; top: 30px; left: 0; padding: 15px 20px; width: 480px; line-height: 28px; background-color: #fff; box-shadow: 0 10px 30px rgba(102,102,102,.3);z-index:1; }
.question-list .answer { position: relative; margin-top: 8px; padding-left: 52px; }
.question-list .answer label { position: absolute; top: 0; left: 0; width: 40px; line-height: 20px; background-color: #eaeaea; font-size: 12px; color: #666; text-align: center; }
.question-list .answer .con { font-size: 14px; line-height: 20px; color: #333; }

/* 2020/2/10 */
.top-unset{top :unset !important}
.color-black{color:black !important;}
.ml20 { margin-left: 20px !important; }
.cursor-default { cursor:default !important;}
.color-red { color:red !important;}

/* drop-down */
.drop-down { float: left; position: relative; cursor: pointer; }
.drop-down .drop-txt { overflow: hidden; position: relative; padding-right: 25px; font-size: 16px; color: #595959; }
.drop-down .drop-txt .icon-downarrow { position: absolute; top: 0; right: 5px; color: #8c8c8c; font-size: 12px; }
.drop-down .drop-all { 
	position: absolute; left: 0; right: 0; z-index:10; display: none;
	background-color: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, .15); border-radius: 4px; 
	overflow-x: hidden; overflow-y: scroll; height: 216px;
}
.drop-down .drop-all p { height: 36px; overflow: hidden; line-height: 36px; text-align: center; }
.drop-down .drop-all p:hover { background-color: #f5f5f5; color: #ff552e; }