.fixed { position: fixed; width: 100%; left: 0; top: 0; }

.pop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1002; display: none; }

.pop::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; filter: alpha(opacity=66); -moz-opacity: 0.66; -khtml-opacity: 0.66; opacity: 0.66; background: #000000; }

.pop .content { background-color: #fff; position: absolute; left: 50%; top: 50%; border-radius: 4px; }

.pop .content .close { font-size: 12px; font-weight: bold; color: #cbcbcb; position: absolute; right: 13px; top: 13px; cursor: pointer; }

.header { background-color: #fff; width: 100%; border-bottom: 1px solid #E6E6E6; position: relative; z-index: 2; }

.header .header-content-main { visibility: hidden; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; }

.header-content { height: 68px; position: relative; color: #333; }

.header-content-logo { padding: 13px 0 0; width: 187px; height: 48px; }

.header-content-logo a { display: block; width: 100%; height: 100%; }

.header-content-help { line-height: 68px; font-size: 20px; }

.header-content-help::before { content: ''; display: inline-block; margin: 0 15px; width: 5px; height: 5px; border-radius: 50%; background-color: #333; position: relative; bottom: 4px; }

.header-content-user { height: 68px; display: flex; align-items: center; line-height: 68px; }

.header-content-user .header-cdr { width: 50px; text-align: center; line-height: 20px; font-size: 12px; margin-top: 15px; color: #808080; margin-right: 10px; }

.header-content-user .header-cdr-icon img { display: inline-block; }

.header-content-user .header-cdr:hover { color: #e02e2e; }

.header-content-user .header-vip { position: relative; width: 50px; text-align: center; line-height: 20px; font-size: 12px; color: #808080; box-sizing: border-box; margin-right: 45px; position: relative; padding: 10px 0; z-index: 6; }

.header-content-user .header-vip .header-vip-icon { height: 20px; }

.header-content-user .header-vip img { position: absolute; top: -3px; left: 36px; }

.header-content-user .header-vip .vip-logo { position: relative; top: 2px; }

.header-content-user .header-vip .header-vip-text { color: #808080; }

.header-content-user .header-vip-slide { display: none; position: absolute; left: -425px; top: 60px; width: 565px; height: 259px; border-radius: 4px; background-color: #fff; box-shadow: 0px 1px 5.7px 1px rgba(36, 40, 46, 0.08); }

.header-content-user .header-vip-slide .qzvip { height: 135px; background-image: url(//static.sucaisucai.com/web/online/imgs/business/vip.png); background-repeat: no-repeat; }

.header-content-user .header-vip-slide .qzvip .fl { padding-left: 30px; text-align: left; }

.header-content-user .header-vip-slide .qzvip .fl .title { margin-top: 24px; font-size: 24px; color: #645041; font-weight: 700; }

.header-content-user .header-vip-slide .qzvip .fl p { margin-top: 12px; font-size: 14px; color: rgba(108, 83, 48, 0.8); }

.header-content-user .header-vip-slide .qzvip .fr { padding-right: 50px; }

.header-content-user .header-vip-slide .qzvip .fr p { margin-top: 36px; font-size: 14px; color: rgba(108, 83, 48, 0.8); }

.header-content-user .header-vip-slide .qzvip .fr p span { color: rgba(255, 90, 0, 0.8); }

.header-content-user .header-vip-slide .qzvip .fr a { margin-top: 12px; display: block; width: 150px; height: 44px; box-sizing: border-box; text-align: center; line-height: 44px; color: #fff; border: 1px solid #fff; border-radius: 4px; background-color: #ff5a00; font-size: 14px; }

.header-content-user .header-vip-slide .qzvip .fr a:hover { background-color: rgba(255, 90, 0, 0.8); }

.header-content-user .header-vip-slide .list { margin-top: 14px; font-size: 0; }

.header-content-user .header-vip-slide .list > a { display: block; height: 97px; width: 258px; font-size: 12px; box-sizing: border-box; padding: 14px; }

.header-content-user .header-vip-slide .list > a div { text-align: left; color: #fff; line-height: 14px; }

.header-content-user .header-vip-slide .list > a .title { font-size: 16px; line-height: 16px; margin-bottom: 12px; }

.header-content-user .header-vip-slide .list .sctvip { float: left; margin-left: 14px; margin-right: 20px; background-image: url(//static.sucaisucai.com/web/online/imgs/business/vip-tanchuang.png); background-repeat: no-repeat; }

.header-content-user .header-vip-slide .list .busvip { float: right; margin-right: 14px; background-image: url(//static.sucaisucai.com/web/online/imgs/business/vip-tanchuang1.png); background-repeat: no-repeat; }

.header-content-user .header-vip:hover .header-vip-text { color: #e02e2e; }

.header-content-user .header-vip:hover .header-vip-slide { display: block; }

.header-content-user .btn-login { width: 98px; height: 30px; background-color: #fff; border: 1px solid #e02e2e; border-radius: 16px; color: #e02e2e; text-align: center; line-height: 30px; cursor: pointer; margin-top: 6px !important; }

.header-content-user .btn-login:hover { background-color: #e02e2e; color: #fff; }

.header-content-user .header-touxiang { position: relative; line-height: 68px; height: 68px; }

.header-content-user .header-touxiang-pic { display: inline-block; width: 40px; height: 40px; position: relative; top: 14px; }

.header-content-user .header-touxiang-pic img { position: absolute; top: 0; left: 0; border-radius: 50%; width: 40px; height: 40px; overflow: hidden; }

.header-content-user .header-touxiang-pic .iconfont { font-size: 14px; line-height: 14px; position: absolute; right: -2px; bottom: -2px; border-radius: 50%; border: .1px solid #ffffff; background-color: #fff; }

.header-content-user .header-touxiang-pic .free { color: #e5e5e5; }

.header-content-user .header-touxiang-pic .vip { color: #ff6600; }

.header-content-user .header-touxiang-pic .svip { color: #e02e2e; }

.header-content-user .header-touxiang .qzt { color: #f7827f !important; }

.header-content-user .header-touxiang .qztzs { color: #e02e2e !important; }

.header-content-user .header-touxiang .sct { color: #fac489 !important; }

.header-content-user .header-touxiang .sctzs { color: #fcb81d !important; }

.header-content-user .header-touxiang .shang { color: #90f0bb !important; }

.header-content-user .header-touxiang .shangzs { color: #30d68a !important; }

.header-content-user .header-touxiang .header-touxiang-sanjiao { position: absolute; bottom: 3px; right: 14px; z-index: 1002; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #e02e2e; }

.header-content-user .header-touxiang .header-user-box { position: absolute; z-index: 1002; width: 260px; padding: 40px 0 20px; background-color: #fff; top: 65px; right: -110px; border-radius: 0px 0px 4px 4px; box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.25); border-top: 3px solid #e02e2e; }

@media screen and (max-width: 1500px) { .header-content-user .header-touxiang .header-user-box { position: fixed; right: 0; } }

.header-content-user .header-touxiang .header-user-box .user-info-header { position: absolute; width: 240px; top: 12px; left: 10px; line-height: 12px; font-size: 12px; }

.header-content-user .header-touxiang .header-user-box .user-info-header .user-ment { font-size: 12px; }

.header-content-user .header-touxiang .header-user-box .user-info-header .user-ment img { position: relative; top: -2px; }

.header-content-user .header-touxiang .header-user-box .user-info-header .logout { cursor: pointer; }

.header-content-user .header-touxiang .header-user-box .user-info-header .logout .iconfont { font-size: 12px; }

.header-content-user .header-touxiang .header-user-box .user-info-header .logout:hover { color: #e02e2e; }

.header-content-user .header-touxiang .header-user-box .user-info-pic { text-align: center; line-height: 54px; position: relative; width: 54px; margin: 0 auto; }

.header-content-user .header-touxiang .header-user-box .user-info-pic img { display: inline-block; width: 54px; height: 54px; border-radius: 50%; overflow: hidden; }

.header-content-user .header-touxiang .header-user-box .user-info-pic .iconfont { position: absolute; border-radius: 50%; border: .1px solid #ffffff; background-color: #fff; right: -2px; bottom: -2px; line-height: 16px; }

.header-content-user .header-touxiang .header-user-box .user-info-name { text-align: center; font-size: 14px; line-height: 14px; margin-top: 10px; }

.header-content-user .header-touxiang .header-user-box .user-info-userid { line-height: 12px; text-align: center; font-size: 12px; color: #999; margin-top: 8px; }

.header-content-user .header-touxiang .header-user-box .user-info-viptag { height: 22px; margin-top: 12px; line-height: 22px; font-size: 0; text-align: center; }

.header-content-user .header-touxiang .header-user-box .user-info-viptag .vl-tag { position: relative; margin-left: 20px; }

.header-content-user .header-touxiang .header-user-box .user-info-viptag .vl-tag:first-child { margin-left: 0; }

.header-content-user .header-touxiang .header-user-box .user-info-viptag .vl-tag-time { width: 200px; box-sizing: border-box; padding: 0 2px; background: rgba(102, 102, 102, 0.8); color: #ffffff; border-radius: 4px; font-size: 12px; position: absolute; left: -90px; top: 20px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; z-index: 1; }

.header-content-user .header-touxiang .header-user-box .user-info-viptag .vl-tag:hover .vl-tag-time { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; }

.header-content-user .header-touxiang .header-user-box .user-info-divider { border-bottom: 1px solid #E6EBEB; margin-top: 15px; }

.header-content-user .header-touxiang .header-user-box .user-info-btn { margin-top: 15px; text-align: center; line-height: 32px; }

.header-content-user .header-touxiang .header-user-box .user-info-btn .to-vip { font-size: 14px; display: inline-block; height: 32px; width: 190px; text-align: center; color: #fff; border: 1px solid #e33939; filter: alpha(opacity=92); -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; background-color: #e33939; background-image: linear-gradient(45deg, #e33939 0%, #e02d2d 33%, #e02222 66%, #e00b0b 100%); border-radius: 17px; cursor: pointer; }

.header-content-user .header-touxiang .header-user-box .user-info-btn .to-vip:hover { background: #fff; color: #e33939; }

.header-content-user .header-touxiang .header-user-box .user-info-btn .to-vipxufei { border: 1px solid #ff8c40; background-color: #ff8c40; background-image: linear-gradient(45deg, #ff8c40 0%, #fa8232 33%, #f26f18 66%, #f26100 100%); }

.header-content-user .header-touxiang .header-user-box .user-info-btn .to-vipxufei:hover { background: #fff; color: #f26100; }

.header-content-user .header-touxiang .header-user-box .user-info .user-info-vipxufei .to-vip { border: 1px solid #ff6600; background-color: #ff8c40; background-image: linear-gradient(45deg, #ff8c40 0%, #fa8232 33%, #f26f18 66%, #f26100 100%); }

.header-content-user .header-touxiang .header-user-box .user-info .user-info-vipxufei .to-vip:hover { background: #fff; color: #ff6600; }

.header-content-user .header-touxiang .header-user-box .user-info-vipqixian { margin-top: 15px; line-height: 32px; padding: 0 20px; }

.header-content-user .header-touxiang .header-user-box .user-info-vipqixian .to-btn { width: 190px; height: 32px; text-align: center; filter: alpha(opacity=92); -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; border-radius: 17px; font-size: 14px; color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-info-vipqixian .to-vip { border: 1px solid #e00b0b; background-color: #ff4040; background-image: linear-gradient(45deg, #ff4040 0%, #f03030 33%, #e62222 66%, #e00b0b 100%); }

.header-content-user .header-touxiang .header-user-box .user-info-vipqixian .to-vip:hover { background: #fff; color: #e00b0b; }

.header-content-user .header-touxiang .header-user-box .user-info-vipqixian .to-vipxufei { border: 1px solid #ff8c40; background-color: #ff8c40; background-image: linear-gradient(45deg, #ff8c40 0%, #fa8232 33%, #f26f18 66%, #f26100 100%); }

.header-content-user .header-touxiang .header-user-box .user-info-vipqixian .to-vipxufei:hover { background: #fff; color: #f26100; }

.header-content-user .header-touxiang .header-user-box .user-info-menu { margin-top: 15px; }

.header-content-user .header-touxiang .header-user-box .user-info-menu li { line-height: 42px; height: 42px; font-size: 14px; text-indent: 20px; color: #4D4D4D; }

.header-content-user .header-touxiang .header-user-box .user-info-menu li .iconfont { display: inline-block; width: 40px; text-indent: 0; text-align: center; }

.header-content-user .header-touxiang .header-user-box .user-info-menu li span { font-size: 12px; color: #999; line-height: 42px; margin-left: 10px; }

.header-content-user .header-touxiang .header-user-box .user-info-menu li:hover { background-color: #e02e2e; color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-info-menu li:hover span { color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-info-banner { margin-top: 14px; text-align: center; line-height: 46px; }

.header-content-user .header-touxiang .header-user-box .user-info-banner img { width: 240px; height: 46px; }

.header-content-user .header-touxiang .header-user-box .user-free .user-ment { color: #999; }

.header-content-user .header-touxiang .header-user-box .user-free .user-info-pic .iconfont { color: #e5e5e5; }

.header-content-user .header-touxiang .header-user-box .user-vip .user-ment { color: #f60; }

.header-content-user .header-touxiang .header-user-box .user-vip .user-info-pic .iconfont { color: #f60; }

.header-content-user .header-touxiang .header-user-box .user-vip .user-info-name { color: #f60; }

.header-content-user .header-touxiang .header-user-box .user-vip .user-info-menu li:hover { background-color: #e02e2e; color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-vip .user-info-menu li:hover span { color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-vip .user-info-menu li span { color: #f60; }

.header-content-user .header-touxiang .header-user-box .user-svip .user-ment { color: #e02e2e; }

.header-content-user .header-touxiang .header-user-box .user-svip .user-info-pic .iconfont { color: #e02e2e; }

.header-content-user .header-touxiang .header-user-box .user-svip .user-info-name { color: #e02e2e; }

.header-content-user .header-touxiang .header-user-box .user-svip .user-info-menu li:hover { background-color: #e02e2e; color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-svip .user-info-menu li:hover span { color: #fff; }

.header-content-user .header-touxiang .header-user-box .user-svip .user-info-menu li span { color: #e02e2e; }

.header-content-user .header-touxiang .user-info-contain { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; }

.header-content-user .header-touxiang:hover .user-info-contain { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; }

.gongtu-menu { text-align: center; font-size: 0; background-color: #fff; padding: 12px 0; }

.gongtu-menu .item { display: inline-block; width: 140px; height: 42px; margin-left: 26px; font-size: 16px; text-align: center; line-height: 42px; color: #808080; }

.gongtu-menu .item:first-child { margin-left: 0; }

.gongtu-menu .item:hover { color: #222; }

.gongtu-menu .item .iconfont { position: relative; top: 2px; font-size: 20px; }

.gongtu-menu .active { border-radius: 4px; background-color: #edf2f5; color: #222; font-weight: 700; }

.pop-main { position: fixed; top: 50%; left: 50%; background-color: #fff; border-radius: 4px; z-index: 1002; }

.pop-main .close-icon { position: absolute; right: 10px; top: 10px; color: #999999; font-size: 12px; cursor: pointer; }

.login-box { width: 340px; padding: 40px 40px 30px; margin-left: -210px; }

.login-box .close-icon { color: #cccccc; font-size: 16px; }

.login-box .login-header { font-weight: 700; }

.login-box .login-header .to-login-phone { float: right; position: relative; top: 3px; font-weight: 400; font-size: 12px; color: #e02e2e; cursor: pointer; }

.login-box .login-header .to-login-phone .iconfont { font-size: 12px; }

.login-box .login-header .to-login-phone:hover { text-decoration: underline; }

.login-box .login-divider { margin: 20px 0 0; border-bottom: 1px solid #ebebeb; }

.login-box .login-input input { height: 36px; line-height: 36px; width: 100%; background: #ffffff; border: 1px solid #e6e6e6; border-radius: 2px; font-size: 14px; text-indent: 13px; margin-top: 20px; }

.login-box .login-input input:focus { background-color: #f5f5f5; }

.login-box .login-text { margin-top: 15px; }

.login-box .login-text-left { float: left; }

.login-box .login-text-right { float: right; }

.login-box .login-text a { font-size: 14px; color: #999999; cursor: pointer; }

.login-box .login-text a:hover { color: #e02e2e; text-decoration: underline; }

.login-box .login-yzm { margin-top: 20px; }

.login-box .login-yzm input { width: 245px; border-right: none; float: left; height: 36px; line-height: 36px; background: #ffffff; border: 1px solid #e6e6e6; border-right: none; border-radius: 2px 0 0 2px; font-size: 14px; text-indent: 13px; }

.login-box .login-yzm input:focus { background-color: #f5f5f5; }

.login-box .login-yzm .send-yzm { float: left; height: 38px; line-height: 38px; width: 94px; text-align: center; font-size: 12px; background-color: #e02e2e; color: #ffffff; cursor: pointer; }

.login-box .login-yzm .send-yzm:hover { background-color: #e34343; }

.login-box .login-yzm .disable { background-color: #cccccc; cursor: default; }

.login-box .login-yzm .disable:hover { background-color: #cccccc; }

.login-box .login-agree { margin-top: 10px; }

.login-box .login-agree-radio { line-height: 24px; position: relative; text-indent: 28px; font-size: 12px; }

.login-box .login-agree-radio .agree-radio { position: absolute; height: 13px; width: 13px; display: inline-block; border: 1px solid #ff6600; top: 4px; left: 0; }

.login-box .login-agree-radio a { color: #ff6600; }

.login-box .login-agree-radio a:hover { text-decoration: underline; }

.login-box .login-agree-radio #agreement:checked + .agree-radio { background: #ff6600 url(//static.sucaisucai.com/web/v1/imgs/duigou.png) center center no-repeat; }

/*.login-box .btn { width: 100%; height: 36px; line-height: 36px; text-align: center; background-color: #e02e2e; border: 1px solid #e02e2e; color: #fff; cursor: pointer; margin-top: 25px; }*/
.login-box .btn { width: 100%; height: 36px; line-height: 36px; text-align: center; background-color: #5dc997; border: 1px solid #5dc997; color: #fff; cursor: pointer; margin-top: 25px; }

/*.login-box .btn:hover { background-color: #e24242; }*/
.login-box .btn:hover { background-color: #5dc997; }



.login-box .third-text { text-align: center; border-bottom: 1px solid #ebebeb; margin-top: 16px; }

.login-box .third-text span { color: #666; font-size: 12px; background-color: #fff; position: relative; top: 6px; display: inline-block; width: 125px; }

.login-box .third-btn { display: flex; justify-content: space-between; align-items: center; padding: 0 38px; }

.login-box .third-btn a { cursor: pointer; display: inline-block; }

.login-box .third-btn a .iconfont { font-size: 54px; }

.login-box .third-btn a .iconfont:hover { color: #e02e2e; }

.login-box .third-btn a .btn-qq { color: #16b5ff; }

.login-box .third-btn a .btn-wx { color: #00c800; }

.login-box .third-btn-divider { height: 26px; border-right: 1px solid #ebebeb; }

.pop-login-username { margin-top: -230px; }

.pop-register-phone { margin-top: -250px; }

.pop-register-phone .disable { background-color: #ccc; cursor: default; border-color: #ccc; }

.pop-register-phone .disable:hover { background-color: #ccc; }

.pop-login-phone { margin-top: -250px; }

.pop-login-phone .login-tab { border-bottom: 1px solid #ebebeb; }

.pop-login-phone .login-tab li { float: left; color: #b3b3b3; position: relative; padding-bottom: 20px; cursor: pointer; }

.pop-login-phone .login-tab li .underline { display: none; width: 100%; height: 3px; border-radius: 2px; background-color: #000000; overflow: hidden; }

.pop-login-phone .login-tab .active { cursor: default; color: #333333; font-weight: 700; }

.pop-login-phone .login-tab .active .underline { display: block; position: absolute; bottom: -1px; }

.pop-login-phone .login-tab .to-login-username { float: right; color: #e02e2e; cursor: pointer; font-size: 12px; position: relative; top: 3px; }

.pop-login-phone .login-tab .to-login-username:hover { text-decoration: underline; }

.pop-login { width: 720px; height: 442px; margin-left: -360px; margin-top: -231px; text-align: center; display: none; }

.pop-login .close-icon { color: #cccccc; font-size: 16px; }

.pop-login .login-logo { width: 163px; height: 42px; margin-top: 50px; }

.pop-login .login-title { margin-top: 30px; padding: 0 127px; }

.pop-login .login-title > div { border-bottom: 1px solid #ebebeb; position: relative; }

.pop-login .login-title > div > span { position: absolute; padding: 0 20px; background-color: #ffffff; font-size: 12px; color: #666666; left: 162px; top: -8px; }

.pop-login .login-type { padding: 0 75px; }

.pop-login .login-type-box { margin-top: 55px; width: 120px; cursor: pointer; float: left; margin-left: 90px; }

.pop-login .login-type-box .login-type-icon { width: 120px; height: 120px; border-radius: 50%; line-height: 120px; }

.pop-login .login-type-box .login-type-icon .iconweixin-zheng1 { font-size: 68px; color: #51c332; }

.pop-login .login-type-box .login-type-icon .iconQQ-zheng1 { font-size: 58px; color: #1d8bcc; }

.pop-login .login-type-box .login-type-name { margin-top: 10px; color: #666666; letter-spacing: 1px; }

.pop-login .login-type-box img { width: 120px; height: 120px; }

.pop-login .login-type .login-wx-icon { border: 1px solid #51c332; }

.pop-login .login-type .login-wx:hover .login-wx-icon { background-color: #51c332; }

.pop-login .login-type .login-wx:hover .login-wx-icon .iconweixin-zheng1 { color: #ffffff; }

.pop-login .login-type .login-qq-icon { border: 1px solid #1d8bcc; }

.pop-login .login-type .login-qq:hover .login-qq-icon { background-color: #1d8bcc; }

.pop-login .login-type .login-qq:hover .login-qq-icon .iconQQ-zheng1 { color: #ffffff; }

.pop-login .login-type .to-login-phone .hover, .pop-login .login-type .to-login-username .hover { display: none; }

.pop-login .login-type .to-login-phone:hover .default, .pop-login .login-type .to-login-username:hover .default { display: none; }

.pop-login .login-type .to-login-phone:hover .hover, .pop-login .login-type .to-login-username:hover .hover { display: inline; }

.pop-login .left-bottom { position: absolute; left: 24px; bottom: 20px; font-size: 12px; color: #999999; }

.pop-login .left-bottom .divider { font-weight: 700; font-size: 14px; padding: 0 10px; }

.pop-login .left-bottom .handle { cursor: pointer; text-align: center; float: left; margin-right: 25px; }

.pop-login .left-bottom .handle img { width: 40px; height: 40px; }

.pop-login .left-bottom .handle .text { margin-top: 8px; }

.pop-login .left-bottom .handle:hover { color: #e02e2e; }

.pop-login .right-bottom { position: absolute; right: 24px; bottom: 20px; font-size: 12px; color: #999999; }

.pop-login .right-bottom .to-register { color: #e02e2e; cursor: pointer; }

.pop-login .right-bottom .to-register:hover { text-decoration: underline; }

#mask { position: fixed; width: 100%; height: 100%; filter: alpha(opacity=66); -moz-opacity: 0.66; -khtml-opacity: 0.66; opacity: 0.66; background: #000000; z-index: 1001; top: 0; display: none; }

.box-shadow { box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.1); }

body .tips-style { display: none; margin: auto; text-align: center; position: fixed; top: 55px; left: 0; right: 0; height: 0; z-index: 1003; }

body .tips-style #tips-main { display: inline-block; padding: 0 26px; height: 50px; line-height: 50px; border-radius: 4px; box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.15); font-size: 14px; }

body .tips-style #tips-main .text { font-size: 14px; }

body .tips-style #tips-main .iconfont { margin-right: 10px; font-size: 20px; }

body .tips-style #tips-main img { height: 20px; width: 20px; margin-right: 10px; }

body .tips-style .default { background: #ffffff; border: 1px solid #ffffff; }

body .tips-style .default .iconfont { color: #ff8a3b; }

body .tips-style .success { background: #ffffff; }

body .tips-style .success .iconfont { color: #31e52c; }

body .tips-style .error { color: #D80A14; border: 1px solid #d80a14; background: #fde4e4; }

body .tips-style .error .iconfont { color: #D80A14; }

body .nc-container { margin-top: 20px; }

body .nc-container .nc_wrapper { width: 100% !important; }

.table .td { font-size: 14px; padding: 10px 20px; float: left; }

.table .td .action { cursor: pointer; }

.table .td .action:hover { text-decoration: underline; }

.table .th { background: #f2f2f2; }

.table .th .td { font-weight: bold; }

.table .tr { background-color: #fff; border-bottom: 1px solid #E9EBF0; }

.table .empty { text-align: center; line-height: 42px; font-size: 14px; border-bottom: 1px solid #E9EBF0; }

.page { float: right; line-height: 32px; padding: 10px; display: none; }

.page .iconfont { font-size: 18px; color: #666; float: left; margin: 0 10px; cursor: pointer; }

.page .disable { color: #c2c2c2; cursor: default; }

.page .page-list { float: left; }

.page .page-list .page-item { width: 32px; height: 32px; line-height: 32px; text-align: center; display: inline-block; font-size: 14px; border-radius: 50%; cursor: pointer; margin: 0 5px; }

.page .page-list .page-item:hover { color: #fff; background-color: #e02e2e; }

.page .page-list .active { color: #fff; background-color: #e02e2e; }

.page .page-list .page-sl { display: inline-block; width: 32px; height: 32px; cursor: default; text-align: center; line-height: 32px; position: relative; top: -4px; }

.page .page-count { float: left; font-size: 14px; }

.footer-common { width: 100%; min-width: 1002px; height: 144px; background: #ffffff; margin-top: 50px; overflow: hidden; position: absolute; bottom: 0; }

.footer-common-link { position: relative; float: left; left: 50%; }

.footer-common-link .link-list { position: relative; float: left; right: 50%; margin: 0 auto; text-align: center; height: 30px; }

.footer-common-link .link-list ul li { width: 100px; font-size: 14px; text-align: center; float: left; border-left: 1px solid #d7dadb; }

.footer-common-link .link-list ul li:first-child { border: none; }

.footer-common .copyright { text-align: center; font-size: 12px; color: #999; }

.footer-common .copyright p { margin-top: 10px; }

.footer-common .copyright p a { color: #999; }

.footer-common .copyright p a:hover { color: #e02e2e; }

.seat { height: 194px; width: 100%; }

.footer-fixed { position: fixed; bottom: 0; width: 100%; }

.lcselect { position: relative; }

.lcselect-main { position: relative; cursor: pointer; width: 150px; border: 1px solid #e6e6e6; padding: 0 12px; height: 38px; line-height: 38px; border-radius: 4px; font-size: 14px; background-color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.lcselect-main::after { content: '\e695'; font-family: 'iconfont'; position: absolute; font-size: 12px; right: 16px; top: 0; }

.lcselect .active::after { transform: rotate(180deg); }

.lcselect-options { width: 174px; position: absolute; border: 1px solid #cccccc; border-top: none; border-radius: 0 0 4px 4px; left: 0; top: 40px; display: none; max-height: 200px; overflow-y: scroll; z-index: 2; }

.lcselect-options .item { height: 40px; line-height: 40px; font-size: 14px; text-indent: 12px; background-color: #fff; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.lcselect-options .item:hover { background-color: #e02e2e; color: #fff; }

.nav-fixed { position: fixed; left: 100px; top: 400px; padding: 16px 0; width: 58px; z-index: 1; background-color: #fff; border-radius: 6px; text-align: center; }

.nav-fixed .item { display: block; padding: 5px 0; }

.nav-fixed .item .iconfont { display: block; }

.nav-fixed .item .title { width: 32px; margin: 0 auto; font-size: 14px; }

.nav-fixed .item:hover { background-color: #e02e2e; }

.nav-fixed .item:hover .iconfont, .nav-fixed .item:hover .title { color: #fff; }

.nav-fixed .active { background-color: #e02e2e; }

.nav-fixed .active .iconfont, .nav-fixed .active .title { color: #fff; }

.nav-fixed-divider { width: 24px; border-top: 1px solid #ddd; margin: 5px auto; }

.pop-agreement .content { width: 740px; height: 480px; padding: 30px; margin-left: -400px; margin-top: -270px; }

.pop-agreement .content .text-title { font-size: 22px; text-align: center; line-height: 56px; font-weight: 400; }

.pop-agreement .content .text-content { height: 380px; padding: 20px 0; font-size: 14px; }

.pop-agreement .content .text-content .title { font-weight: 700; line-height: 30px; }

.pop-agreement .content .text-content p { line-height: 24px; }

.pop-agreement .content .text-content p span { font-weight: 700; }

.pop-agreement .content .text-content .duan { text-indent: 2em; margin-bottom: 10px; }

.tips { position: relative; }

.tips span { display: none; position: absolute; left: -83px; width: 160px; padding: 8px 10px; background-color: rgba(0, 0, 0, 0.7); border-radius: 4px; color: #fff; font-size: 12px; line-height: 16px; text-align: left; }

.tips span::after { content: ''; position: absolute; bottom: -5px; left: 85px; width: 0; height: 0; border-top: 5px solid rgba(0, 0, 0, 0.7); border-right: 5px solid transparent; border-left: 5px solid transparent; }

.tips:hover span { display: block; }

.ban-tips { position: relative; margin-left: 5px; }

.ban-tips .iconfont { font-size: 16px; }

.ban-tips-text { z-index: 1; display: none; position: absolute; left: -120px; width: 240px; padding: 8px 10px; background-color: rgba(0, 0, 0, 0.7); border-radius: 4px; color: #fff; font-size: 12px; line-height: 16px; text-align: left; }

.ban-tips-text p { line-height: 20px; text-align: left; }

.ban-tips-text::after { content: ''; position: absolute; top: -5px; left: 125px; width: 0; height: 0; border-bottom: 5px solid rgba(0, 0, 0, 0.7); border-right: 5px solid transparent; border-left: 5px solid transparent; }

.ban-tips-text .ban-time { margin-top: 10px; font-weight: 700; }

.ban-tips:hover .ban-tips-text { display: block; }

#ban-pop .content { width: 300px; overflow: hidden; margin-left: -150px; margin-top: -100px; padding-bottom: 20px; }

#ban-pop .content .title { height: 38px; background-color: #e02e2e; text-align: center; line-height: 38px; color: #fff; font-weight: 700; font-size: 14px; }

#ban-pop .content p { padding: 0 30px; font-size: 14px; color: #000; margin-top: 10px; }

#ban-pop .content .ban-time { margin-top: 20px; font-weight: 700; }

.qianyue-desc { width: 755px; padding: 30px; border: 1px solid #e5e5e5; margin: 0 auto; font-size: 14px; }

.qianyue-desc .xy-title { font-size: 22px; text-align: center; line-height: 56px; font-weight: 700; }

.qianyue-desc .duan { margin-bottom: 10px; line-height: 24px; }

.qianyue-desc p { margin: 3px 0; line-height: 24px; }

.upload-course { position: fixed; right: 30px; top: 415px; }

@media screen and (max-width: 500px) { .upload-course { display: none; } }

.reward { box-sizing: border-box; width: 860px; padding: 0 32px; margin: 30px auto; background-color: #fff; border-radius: 4px; }

.reward > div { height: 94px; }

.reward > div:first-child { border-bottom: 1px dashed #cbcbcb; }

.reward-l { padding: 24px 0; }

.reward-l .bold { font-weight: 700; }

.reward-l .text { margin-top: 5px; font-size: 14px; color: #666; }

.reward-r { line-height: 94px; font-size: 14px; letter-spacing: 1px; font-weight: 700; }

.reward-r span { display: inline-block; width: 26px; height: 26px; border-radius: 50%; color: #fff; line-height: 26px; text-align: center; }

.reward .color1 { color: #e02e2e; }

.reward .color1 span { background-color: #e02e2e; }

.reward .color2 { color: #f60; }

.reward .color2 span { background-color: #f60; }

.vl-tag { display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: center center; }

.vl-free { background-image: url(//static.sucaisucai.com/web/online/imgs/business/huivip.png); }

.vl-qz { background-image: url(//static.sucaisucai.com/web/online/imgs/vip/qz.png); }

.vl-qzzs { background-image: url(//static.sucaisucai.com/web/online/imgs/vip/qzzs.png); }

.vl-sct { background-image: url(//static.sucaisucai.com/web/online/imgs/vip/sct.png); }

.vl-sctzs { background-image: url(//static.sucaisucai.com/web/online/imgs/vip/sctzs.png); }

.vl-shang { background-image: url(//static.sucaisucai.com/web/online/imgs/vip/shang.png); }

.vl-shangzs { background-image: url(//static.sucaisucai.com/web/online/imgs/vip/shangzs.png); }

.vlu-qz { background-image: url(//static.sucaisucai.com/web/online/imgs/user/qz.png); }

.vlu-qzzs { background-image: url(//static.sucaisucai.com/web/online/imgs/user/qzzs.png); }

.vlu-sct { background-image: url(//static.sucaisucai.com/web/online/imgs/user/sct.png); }

.vlu-sctzs { background-image: url(//static.sucaisucai.com/web/online/imgs/user/sctzs.png); }

.vlu-shang { background-image: url(//static.sucaisucai.com/web/online/imgs/user/shang.png); }

.vlu-shangzs { background-image: url(//static.sucaisucai.com/web/online/imgs/user/shangzs.png); }

.vl-x { width: 18px; height: 18px; }

.vl-m { width: 26px; height: 26px; }

.vl-l { width: 40px; height: 40px; position: absolute; left: 0; top: 30px; }

.v2-main { width: 1280px; margin: 20px auto; }

.v2-main .v2-menu { float: left; width: 160px; }

.v2-main .v2-menu .toupload { display: block; height: 46px; border-radius: 4px; background-color: #f91958; background: linear-gradient(-72deg, #f91958 12%, #ff3135 96%); color: #fff; text-align: center; line-height: 46px; }

.v2-main .v2-menu .toupload:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }

.v2-main .v2-menu .box { background-color: #fff; border-radius: 4px; margin-top: 12px; padding: 20px 0; }

.v2-main .v2-menu .box .info { text-align: center; }

.v2-main .v2-menu .box .info .head { position: relative; width: 84px; height: 84px; box-sizing: border-box; margin: 0 auto; border-radius: 50%; box-shadow: 0px 1px 0.99px 0.01px rgba(38, 36, 46, 0.14); }

.v2-main .v2-menu .box .info .head img { position: absolute; left: 3px; top: 3px; height: 78px; width: 78px; border-radius: 50%; }

.v2-main .v2-menu .box .info .text { margin-top: 10px; font-size: 14px; color: #222; }

.v2-main .v2-menu .box #v2-list { margin-top: 20px; padding-left: 20px; }

.v2-main .v2-menu .box #v2-list .group { font-size: 14px; }

.v2-main .v2-menu .box #v2-list .group-main { padding: 8px 0; }

.v2-main .v2-menu .box #v2-list .group .group-list { padding-left: 30px; }

.v2-main .v2-menu .box #v2-list .group .group-list a { display: block; color: #807d7d; line-height: 28px; }

.v2-main .v2-menu .box #v2-list .group .group-list a:hover { color: #ff3036; }

.v2-main .v2-menu .box #v2-list .group .active { color: #ff3036 !important; }

.v2-main .v2-content { float: right; width: 1090px; }

.bottom-nav { position: fixed; bottom: 100px; right: 36px; }

.bottom-nav .bb { border-bottom: 1px solid #ececec; }

.bottom-nav:hover .icon-detail { display: block; }

.bottom-nav .icon-list { border: 1px solid #ececec; }

.bottom-nav .icon-list-item { width: 40px; height: 40px; background-color: #fff; border-radius: 2px 2px 0 0; position: relative; cursor: pointer; }

.bottom-nav .icon-list-item .detail { position: absolute; right: -50px; width: 0px; height: 40px; background-color: #606060; border-radius: 2px 0 0 2px; line-height: 40px; text-align: center; color: #fff; font-size: 12px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; transition: right 0.5s; transition: width 0.5s; overflow: hidden; }

.bottom-nav .icon-list-item:hover .detail, .bottom-nav .icon-list-item .detail:hover .detail { visibility: visible; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; right: 40px; width: 90px; }

.bottom-nav .icon-list-item1 { background: #fff url(//static.sucaisucai.com/web/v1/imgs/fankui.png) center center no-repeat; }

.bottom-nav .icon-list-item2 { background: #fff url(//static.sucaisucai.com/web/v1/imgs/kefu2.png) center center no-repeat; }

.bottom-nav .icon-list-item3 { background: #fff url(//static.sucaisucai.com/web/v1/imgs/qianbao.png) center center no-repeat; }

.bottom-nav .icon-list-item4 { background: #fff url(//static.sucaisucai.com/web/v1/imgs/ziyuan.png) center center no-repeat; }

.bottom-nav .icon-list-item5 { background: #fff url(//static.sucaisucai.com/web/v2/imgs/QQkefu.png) center center no-repeat; }
/*# sourceMappingURL=gongtu.min.css.map */