@charset "utf-8";
/* CSS Document */

/*通用页面为空时*/
.page-empty{text-align: center;}
.page-empty img{margin-top:16%;margin-bottom: 20px;}
.page-empty p {line-height: 1.6em;color:#8a8a8a;}
.page-empty a {display:inline-block;margin-top:10px; line-height:44px;height: 44px;padding: 0 30px;border-radius: 22px; color: #fff; background-image: linear-gradient(120deg,#f64f37,#de1e1d);box-shadow: 0 2px 6px rgba(246,79,55,0.2)}


/*黑色透明背景遮罩*/
.ui-dialog-m-mask{position: fixed;left: 0px;top: 0px;width: 100%; height: 100%;overflow: hidden;-webkit-user-select: none;z-index: 666;background: #000;opacity: 0.6;}


/*通用中间关闭弹窗*/
.tc-middle-wrapper{/*position:fixed;*/top: 30%; width:100%;max-width: 640px;  z-index: 9999;}
.tc-middle-innerbox{min-height:150px;/*margin: 0 12%;*/ background: #fff;border-radius:6px;text-align: center;}
.tc-middle-innerbox .middle-content{padding-top: 16px; min-height: 60px;}
.tc-middle-innerbox .middle-content p{padding:16px 20px 20px 20px; margin-bottom: 6px; line-height: 1.5em;}
.tc-middle-innerbox .middle-btn{height: 48px;line-height: 48px; border-top:1px solid #e5e5e5;background: #f5f5f5;border-radius: 0 0 6px 6px;}
.middle-btn a{display: inline-block;width: 49%;text-align: center;}
.middle-btn a+a{border-left: 1px solid #e5e5e5;}


/*软提示*/
.soft-tishi-wrap{width: 100%; max-width: 640px; position: fixed;top: 30%; z-index: 9999;}
.soft-tishi-box{margin: 0 20%;padding:24px; text-align: center;background: rgba(0,0,0,0.7);border-radius: 10px;}
.soft-tishi-box img{width:60px;height:60px;}
.soft-tishi-box p{padding:10px 0;color:#fff;line-height: 2em;}

.soft-tishi-box a{display: block;width:100%;height:40px;line-height: 40px;color:#fff;border-radius: 4px;}

/*--底部划出弹窗------------------------*/
.tc-close{margin-top:12px;right:12px;background: url(pay_tc_close.png) no-repeat;}
.tc-db{position:fixed;width:100%;max-width: 640px; z-index: 9999;background: #fff; bottom:0;border-radius: 8px 8px 0 0;}
.dbtc-header{height:50px;line-height: 50px;border-bottom: 1px solid #eee;}
.dbtc-header h3{font-weight: bold;color:#333;text-align: center;}
.dbtc-header,.dbtc-body{padding:0 10px;}
.dbtc-body{max-height:320px;overflow-y: auto;}

/*弹窗底部按钮*/
.fp-btn button{float:left;margin-top:10px;border:none;outline: none;height:50px;width:50%;font-size:1.7rem;background:#f5f5f5;}
.fp-btn button.btn-up{color:#fff;background:#e13b29;}


/*教材分批弹窗*/
p.ture-name i,.personal-info .jiantou,.tc-close{position:absolute;height:24px;width:24px;background-size:24px auto;}
.dbtc-body .lianbao li span{padding: 8px;}

.tc-db p{line-height:30px;}
.tc-db li a{display: inline-block;margin:4px 0;padding:8px 2px;color:#999;background: #f8f8f8;border-radius:4px;}
.tc-db li a span{font-weight: bold;color:#333;}
.tc-db li a.checked,.tc-db li a.checked span{color:#fff;background:#e13b29}


/*领券弹窗*/
.dbtc-body .qqlq{position:relative;margin: 1rem 0; width: 100%;height:88px; font-size:1rem;color:#999;font-weight: normal;border-left:1px dashed #ff3f13;border-radius:4px 0 0 4px;}
.dbtc-body .qqlq .news-sprice{position: absolute;width: 30%;line-height:88px;height: 88px; text-align: center;font-size: 3.4rem;letter-spacing: -1.5px; background:#fff6ef;}
.dbtc-body .qqlq i.grey-bg{position: absolute;width: 20px;height: 20px;left: -10px; margin-top:32px; background: #ededf2;border-radius: 20px;}
.dbtc-body .qqlq+.tishi{color: #bbb;margin-top: 1rem;text-align: center;}
.dbtc-body .qqlq a{position:absolute;right:0.6rem;top: 30px;width:8rem;height:3rem;line-height:3rem; text-align: center;border-radius:1.5rem ;}
.dbtc-body .qqlq a.qqlq-wl{font-size: 14px; background: #ff4f3c;color:#fff;background-image: linear-gradient(120deg,#f64f37,#de1e1d);}
.dbtc-body .qqlq a.qqlq-yl{font-size: 14px; background: #ccc;color:#fff;}
.dbtc-body .qqlq .qqlq-sprice{float: left;width: 30%;height: 100%; color: #fff;text-align: center;line-height: 80px; font-size:2.9rem; background:#76c8ae;border-right:none;}
.dbtc-body .qqlq .qqlq-content{padding-left:33%; height: 100%;border-left: none;background: #fff;border-radius: 0 4px 4px 0;}
.qqlq-content .qqlq-time{line-height:20px;margin-top: -4px;}
.dbtc-body p.qqlq-content-xx{padding-top:12px;font-size: 1.6rem;line-height: 2em; color: #333;}
/*------------底部划出弹窗 end*/


/**选择地区**/
.mod_address_slide { position: fixed;top: 100%;bottom: 0;left: 0; right: 0; z-index: 110;background-color: rgba(0,0,0,.7)}
.mod_address_slide.show {  top: 0}
.mod_address_slide.show .mod_address_slide_main {position: absolute; -webkit-transform: translateZ(0);transform: translateZ(0)}
.mod_address_slide_main { position: absolute; -webkit-transform: translate3d(0, 420px, 0); transform: translate3d(0, 420px, 0); -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1); transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1); transition: transform .2s cubic-bezier(0, 0, .25, 1) transition: transform .2s cubic-bezier(0, 0, .25, 1), -webkit-transform .2s cubic-bezier(0, 0, .25, 1); bottom: 0;width: 100%;height: 392px; background-color: #fff}
.mod_address_slide_main.type_flex { -webkit-flex-direction: column;flex-direction: column}
.mod_address_slide_main.type_flex, .mod_address_slide_main.type_flex .mod_address_slide_body { display: -webkit-box; display: -webkit-flex; display: flex;
 -webkit-box-orient: vertical;-webkit-box-direction: normal}
.mod_address_slide_main.type_flex .mod_address_slide_body {-webkit-box-flex: 1; -webkit-flex: 1;flex: 1; -webkit-flex-direction: column;flex-direction: column}
.mod_address_slide_head { position: relative;font-size:16px; overflow: hidden;  height: 45px; line-height: 45px;  text-align: center; color: #333;
	background: #fff;}
.mod_address_slide_head:after { content: ""; position: absolute; z-index: 1; pointer-events: none;  background-color: #eee; height: 1px; 
    left: 0; right: 0; bottom: 0}
.mod_address_slide_head i.back {position: absolute; padding-left: 21px;top: 0;left: 0}
.mod_address_slide_head i.back:before { content: "";display: block; width: 8px; height: 8px; border-top: 1px solid #666;  border-left: 1px solid #666;
	-webkit-transform-origin: 50%; transform-origin: 50%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);
    position: absolute;left: 12px;  top: 50%; margin-top: -5px}
.mod_address_slide_head .close { position: absolute;top: 0; right: 0;width: 40px; height: 40px}
.mod_address_slide_head .close:after { content: "\20";position: absolute; top: 50%; right: 5px;  margin-top: -7px; background: url(xd.png) 0 -1340px; background-size: 70px auto; width: 24px;  height: 24px;}
.mod_address_slide_tabs_1{ min-height:45px;  overflow: hidden;padding: 0 10px;  position: relative;}
.mod_address_slide_tabs_1:after, .mod_address_slide_tabs_2:after { content: "";position: absolute; z-index: 1; pointer-events: none;
    background-color: #eee;height: 1px;left: 0; right: 0;bottom: 0;}
.mod_address_slide_list_2{ font-size: 14px;-webkit-overflow-scrolling: touch;overflow: hidden;overflow-y: auto;padding: 5px 8px;}
.mod_address_slide_list_2 li {position: relative; padding: 10px 0; font-size:14px;position: relative;
    padding: 10px 0; color:#555;}
.mod_address_slide_tabs_1 li {float: left;margin-right: 20px;}

.mod_address_slide_tabs_1 li span, .mod_address_slide_tabs_2 li span { position: relative;display: inline-block;height:45px;line-height:45px; font-size:14px; }  
.mod_address_slide_tabs_1 li.cur, .mod_address_slide_tabs_2 li.cur {  color: #e4393c;}
.mod_address_slide_tabs_1 li.cur span:after, .mod_address_slide_tabs_2 li.cur span:after {  content: "\20";display: block;
    width: 100%; position: absolute;height: 1px;bottom: 0;left: 0; background: #e4393c;z-index: 2;}
 


.tc-contain{
    position: relative;
}
.tc-contain img{
    width: 50%;
    position: absolute;
    margin-left: -25%;
    margin-top: -16%;
}
.tc-contain .tc-title{
    margin-top: 16%;
    margin-bottom: 20px;
    font-size: 17px;
    color: #333333;
}
.tc-contain .middle-content{
    margin-bottom: 20px;
}
.tc-contain .middle-content .tc-content{
    margin-bottom: 10px;
    color: #333333;
}
.tc-contain .tc-footer-contain{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}   
.tc-contain .tc-button{
    width: 255px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 15px;
	background-image: linear-gradient(90deg, 
		#fb5d37 0%, 
		#ee4c36 50%, 
		#e13a34 100%);
	border-radius: 20px;
}   
.tc-contain .tc-bottom-button{
    height: 40px;
    line-height: 40px;
    color: #b2b2b2;
    font-size: 15px;
}