*{margin:0;padding:0;list-style:none}
/* 除去点击按钮的底色 */
a{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}
a,a:active,a:focus,a:hover,a:link,a:visited{outline:0;background:0 0;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
/* 隐藏滚动条 */
::-webkit-scrollbar{display:none}
html{font-size: 14px;}
body{overflow:hidden;margin:0 auto;width:100%;height:100%;max-width:768px;min-width:320px;background-color:#fff;color:#666;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;-moz-text-size-adjust:100%!important}
.container{display:flex;overflow-y:auto;box-sizing:border-box;margin:0 auto;padding-bottom:50px;width:100%;height:100vh;max-width:750px;flex-direction:column}
.container>img{width:100%}
.login_wrap{box-sizing:border-box;padding:20px 40px;width:100%;background-color:#f1f1f1}
.login_wrap>.input_box{position:relative;display:flex;box-sizing:border-box;margin-bottom:10px;padding:5px 10px;height:40px;border-radius:5px;background-color:#fff;color:#000;font-size:16px;align-items:center;overflow:hidden}
.login_wrap>.input_box>input{height:20px;outline:0;border:none;flex:1;font-size:inherit}
.login_wrap>.input_box>.label{padding-right:10px;font-size:14px}
.login_wrap>.input_box>.code{width:60%}
.login_wrap>.input_box>.get_code{width:40%;color:#3f51b5;text-align:right}
.login_wrap .login_btn{width:100%;height:40px;outline:0;border:none;border-radius:5px;background-color:#f10e00;color:#fff;font-size:18px;line-height:40px}
.checkbox_wrap{display:flex;padding-top:10px;font-size:12px;align-items:center}
.checkbox_wrap>.tip{padding-left:5px}
.checkbox_wrap>.tip>span{color:#3f51b5}
.checkbox_wrap>.tip>a{text-decoration:none;color:#3f51b5}
/* 轮播图 */
.swiper_box{width:100%;background-color:#fff}
.swiper-container{width:100%}
.swiper-slide{width:80%;transform:scale(.9)}
.swiper-slide-active{transform:scale(1)}
.swiper_box img{display:block;margin:0 auto;width:100%}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0}
.my-bullet{display:inline-block;margin:0 4px;width:20px;height:3px;border-radius:10px;background-color:#f10e00;opacity:.2}
.my-bullet-active{opacity:1}
/* 底部 */
.footer{position:fixed;bottom:0;padding-bottom:env(safe-area-inset-bottom);z-index:999;display:none;width:100%;max-width:750px;height:100px;background-color:#fa4e28}
.footer>a{display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:20px}
.footer .old_pirce{padding:0 20px;height:50px;background-color:#fbeaae;color:#666;text-decoration:line-through;line-height:50px}
.footer .old_pirce>span{color:#f10e00}
.footer .new_price{padding:13px 5px;height:50px;color:#fff;text-align:center;line-height:65px;}
.footer .new_price>span{font-size:1.3em}
.footer .radius_btn{padding:13px 29px;border-radius:18px;font-size:16px;line-height:1;background-color:#fed023;color:#ab1717;margin-top: 10px}
/* 提示文字 */
.toast_wrap{position:fixed;top:50%;left:50%;z-index:9999;display:flex;box-sizing:content-box;padding:8px 12px;width:88px;max-width:70%;min-height:88px;border-radius:8px;background-color:rgba(0,0,0,.7);color:#fff;text-align:center;white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:20px;transform:translate3d(-50%,-50%,0);flex-direction:column;align-items:center;justify-content:center}
.toast-text{padding:8px 12px;width:fit-content;min-width:96px;min-height:0}
.toastText{margin-top:8px}
.toast-text .toastText{margin-top:0}
.toastLoading-circular{display:block;width:30px;height:30px}
/* 报名成功显示 */
.success_wrap{position:fixed;top:0;left:50%;width:100%;height:100%;overflow:auto;z-index:999;display:none;padding-bottom:0;background-color:#fe385b;transform:translateX(-50%);-webkit-overflow-scrolling:touch}
.success{display:flex;box-sizing:border-box;padding:15px;width:100%;min-height:100vh;flex-direction:column;align-items:center}
.success.hide{display:none}
.success>.qr_code_wrap{width:142px;height:142px;background-image:url(//static-res.toubeixuetang.com/images/guide/code_border.png);background-size:100%}
.success>.title{display:flex;width:240px;height:35px;min-height:35px;border-radius:50px;background:#ffc528;color:#fff;letter-spacing:2px;font-weight:600;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;line-height:35px;align-items:center;justify-content:center}
.success>.title::before{display:block;margin-right:9px;width:20px;height:20px;background:url(/images/guide/icon_enroll.png) center/cover;content:""}
.success>.sub_title{padding:15px;color:#fff;letter-spacing:1px;font-size:25px;font-family:Helvetica;line-height:30px}
.success>.view{display:flex;box-sizing:border-box;padding:25px 27px;margin-bottom:15px;margin-bottom:calc(15px + env(safe-area-inset-bottom));width:100%;border-radius:15px;
    background:radial-gradient(circle at right bottom,transparent 15px,#fff 16px) top right/calc(50% + 1px) calc(70% + 1px) no-repeat,radial-gradient(circle at left bottom,transparent 15px,#fff 16px) top left/calc(50% + 1px) calc(70% + 1px) no-repeat,radial-gradient(circle at right top,transparent 15px,#fff 16px) bottom right/calc(50% + 1px) calc(30% + 1px) no-repeat,radial-gradient(circle at left top,transparent 15px,#fff 16px) bottom left/calc(50% + 1px) calc(30% + 1px) no-repeat;
    flex-direction:column;align-items:center;flex:1;flex-shrink:0}
.success>.view>.guide_tip{color:#f10e00;text-align:center;font-weight:600;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;line-height:25px}
.success>.view>.copy_btn{display:flex;margin-top:20px;width:250px;height:50px;border:1px solid #da1538;border-radius:50px;background:#f10d00;color:#fff;font-weight:600;font-size:18px;font-family:PingFangSC-Semibold,PingFang SC;align-items:center;justify-content:center;outline:none;animation:heartBeat 1s ease-in-out infinite;flex-shrink:0}
.success>.view>.copy_btn::before{display:block;margin-right:6px;width:25px;height:25px;background:url(//static-res.toubeixuetang.com/images/guide/icon_weixin.png) center/cover;content:""}
.success>.view>.qr_code_wrap{box-sizing:border-box;margin-top:25px;padding:15px;width:225px;min-height:225px;border-radius:6px;background:#fff;box-shadow:0 1px 17px 0 rgba(0,0,0,.2)}
.success .qr_code_container{display:flex;width:195px;min-height:195px;border:1px solid #fab600;border-radius:6px;flex-direction:column;align-items:center}
.success>.view>.qr_code_wrap .qr_code{display:block;margin-top:15px;width:150px;height:150px}
.success>.view>.qr_code_wrap .qr_code_text{margin-top:5px;color:rgba(17,17,17,.5);letter-spacing:4px;text-align:center;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;line-height:20px}
.success>.view>.join_tip_wrap{width:100%;margin-top:40px;color:#111}
.success .join_tip_wrap>.tip_item{display:flex;margin-bottom:15px;align-items:flex-start}
.success .join_tip_wrap>.tip_item>.num{margin-right:8px;padding:4px 6px;border-radius:5px;background:linear-gradient(to left top, rgba(253,166,97,.8),rgba(255,202,61,0.8));color:#111;font-weight:600;font-size:12px;line-height:16px}
.success .join_tip_wrap>.tip_item>.content{font-size:15px;line-height:21px;flex:1;word-break:break-word}
/* 新版成功页面 */
.success_v2{padding:0 0 30px 0;background-color:#fff}
.success_v2 .header-img{position:relative;width:100%}
.success_v2 .header-img p,.success_v2 .tip-title{width:100%;text-align:center}
.success_v2 .header-img p{position:absolute;bottom:38px;color:#fff;font-size:17px}
.success_v2 .tip-title{padding:22px 0;color:#333;font-size:14px}
.success_v2 .tip-title>span{padding:0 2px;color:#ff0e0a;font-weight:700;font-size:16px}
.success_v2 .user-handle{display:flex;margin:0 auto;width:350px;height:70px;border-radius:35px;background-color:#ffeae7}
.success_v2 .user-handle img{float:left;display:block;margin-top:12.5px;margin-left:18px;width:45px;height:45px}
.success_v2 .user-handle span{float:left;display:flex;margin-left:12px;color:#ff0e0a;font-weight:bolder;font-size:16px;flex:1 1;align-items:center}
.success_v2 .user-handle .copy{float:right;margin-top:12.5px;margin-right:18px;width:117.5px;animation:heartBeat .8s ease-in-out infinite}
.success_v2 .tip-wrapper{margin:0 auto;padding-bottom:35px;width:350px;border-radius:10px;background-color:#fff;box-shadow:0 3px 10px rgba(249,51,54,.3)}
.success_v2 .tip-wrapper .top{display:block;margin:0 auto 10px;width:200px}
.success_v2 .tip-wrapper .body{margin-top:16px}
.success_v2 .tip-wrapper .step{display:flex;margin-left:18px}
.success_v2 .tip-wrapper .step img{width:30px;height:44px}
.success_v2 .tip-wrapper .step-last img{height:31px}
.success_v2 .tip-wrapper .step p{margin-top:6px;margin-right:10px;margin-left:6px;font-size:13px;flex:1 1;word-break:break-word}
.success_v2 .tip-wrapper .step p.hasImg{margin-top:0}
.success_v2 .tip-wrapper .step p.hasImg .flex-box,.success_v2 .tip-wrapper .step p.hasImg div{display:flex;font-style:normal;align-items:center}
.success_v2 .tip-wrapper .step p.hasImg img{margin:0 5px;width:68px;height:auto}

/* 支付弹窗 */
.pay_container{position:fixed;top:0;z-index:999;width:100%;max-width:750px;height:100vh;background:rgba(0,0,0,.7);display:none}
.pay_container .pay_wrap{position:fixed;bottom:0;width:100%;max-width:750px;background-color:#fff;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}
.pay_container .pay_wrap .title{margin-bottom:10px;padding:15px;border-bottom:1px solid #ececec;color:#333;text-align:center;font-size:16px}
.pay_container .pay_wrap .close_btn{position:absolute;top:15px;right:15px;width:21px;height:21px;background:url(/images/close_grey_icon.png) no-repeat center/cover}
.pay_container .pay_wrap .pay_list li{position:relative;display:flex;margin:10px;padding:10px;color:#333;font-weight:500;font-size:16px;align-items:center}
.pay_container .pay_wrap .pay_list li.aliPay{border-top:1px solid #ececec}
.pay_container .pay_wrap .pay_list li::after{position:absolute;top:50%;right:0;display:block;width:30px;height:30px;background:url(//static-res.toubeixuetang.com/images/guide/icon_arrow_right.png) center/cover;content:"";transform:translateY(-50%)}
.pay_container .pay_wrap .pay_list li>img{width:30px;height:30px;margin-right:10px}
/* 退出弹窗 */
.exit_modal{position:fixed;top:0;z-index:999;width:100%;height:100vh;background:rgba(0,0,0,.7);display:none}
.exit_modal .exit_dialog{position:absolute;top:50%;left:50%;width:90%;border-radius:5px;background-color:#ffd55a;transform:translate(-50%,-50%)}
.exit_dialog>.title{padding:20px 0 0;text-align:center;font-weight:600;font-size:16px}
.exit_dialog>.content{padding-top:10px;padding-bottom:10px;color:#555;text-align:center;font-size:14px}
.exit_dialog>.content>p{margin:0;padding-bottom:5px}
.exit_dialog>.bottom{display:flex;padding:15px 20px;border-radius:0 0 5px 5px;background-color:#febc28;justify-content:space-between}
.exit_dialog>.bottom>.btn{padding:5px 15px;border-radius:50px;color:#febc28;letter-spacing:2px;font-weight:500;font-size:16px}
.exit_dialog>.bottom>.btn_cancel{background-color:#fff}
.exit_dialog>.bottom>.btn_confirm{background-color:#ff5556}
@keyframes heartBeat{0%{transform:scale(1)}
    14%{transform:scale(0.9)}
    28%{transform:scale(1)}
    42%{transform:scale(0.9)}
    70%{transform:scale(1)}
}
/* 二维码弹窗 */
.qrcode_dialog{position:fixed;top:0;bottom:0;left:0;right:0;z-index:900;display:none;width:100%;height:100vh;background:rgba(0,0,0,.5)}
.qrcode_dialog .qrcode_wrap{position:absolute;top:50%;left:50%;box-sizing:border-box;padding:20px;width:70%;border-radius:12px;background:#fff;transform:translate(-50%,-55%)}
.qrcode_dialog .qrcode_wrap .title{color:#333;text-align:center;font-weight:600;font-size:16px}
.qrcode_dialog .qrcode_wrap .tip{padding-bottom:10px;color:#999;text-align:center;font-size:12px}
.qrcode_dialog .qrcode_wrap .close_btn{position:absolute;top:-35px;right:-20px;width:30px;height:30px;border-radius:50%;background:url(//static-res.toubeixuetang.com/images/close_white_icon.png) no-repeat center/cover}
.qrcode_dialog .codeImg_wrap{box-sizing:border-box;margin:10px 45px;padding:10px;border-radius:6px;background-color:rgba(49,50,69,.1)}
.qrcode_dialog .codeImg_wrap img{width:100%;height:100%;border-radius:6px}