html,body { height: 100%; background-color: #FFFFFF;}
.app { height: 100%;}
.overscroll { overflow-y: scroll;}
.tlr { text-align: right;}
.bold { font-weight: bold;}
.mfs12{font-size: 0.16rem;}
.mfs14{font-size: 0.186666rem;}
.mfs16{font-size: 0.213333rem;}
.mfs18{font-size: 0.24rem;}
.mfs20{font-size: 0.26666rem;}
.mfs22{font-size: 0.293333rem;}
.mfs24{font-size: 0.32rem;}
.mfs26{font-size: 0.3467rem; }
.mfs28{font-size: 0.373333rem;}
.mfs30{font-size: 0.4rem;}
.mfs32{font-size: 0.426666rem;}
.mfs34{font-size: 0.453333rem;}
.mfs36{font-size: 0.48rem;}
.mfs38{font-size: 0.506666rem;}
.mfs40{font-size: 0.53333rem;}
.mfs42{font-size: 0.56rem;}
.mfs44{font-size: 0.5866666rem;}
.mfs46{font-size: 0.613333rem;}
.mfs48{font-size: 0.64rem;}
.mfs50{font-size: 0.66666rem;}
.mfs52{font-size: 0.693333rem;}
.mfs54{font-size: 0.72rem;}
.mfs56{font-size: 0.746666rem;}
.mfs58{font-size: 0.773333rem;}
.mfs60{font-size: 0.8rem;}
.mfs70{font-size: 0.9333rem;}
.mfs80{font-size: 1.2rem;}
@media screen and (min-width: 750px) {
    .mfs12{font-size: 16px;}
}
@media screen and (min-width: 600px) {
    .mfs12{font-size: 0.24rem;}
}

/* line-height值 */
.mlh12{line-height: 0.16rem;}
.mlh14{line-height: 0.186666rem;}
.mlh16{line-height: 0.213333rem;}
.mlh18{line-height: 0.24rem;}
.mlh20{line-height: 0.26666rem;}
.mlh22{line-height: 0.293333rem;}
.mlh24{line-height: 0.32rem;}
.mlh26{line-height: 0.346666rem;}
.mlh28{line-height: 0.373333rem;}
.mlh30{line-height: 0.4rem;}
.mlh32{line-height: 0.426666rem;}
.mlh34{line-height: 0.453333rem;}
.mlh36{line-height: 0.48rem;}
.mlh38{line-height: 0.506666rem;}
.mlh40{line-height: 0.53333rem;}
.mlh42{line-height: 0.56rem;}
.mlh44{line-height: 0.5866666rem;}
.mlh46{line-height: 0.613333rem;}
.mlh48{line-height: 0.64rem;}
.mlh50{line-height: 0.66666rem;}
.mlh52{line-height: 0.693333rem;}
.mlh54{line-height: 0.72rem;}
.mlh56{line-height: 0.746666rem;}
.mlh58{line-height: 0.773333rem;}
.mlh60{line-height: 0.8rem;}


/* 颜色 */
.col-333 {color: #333; }
.col-666{color: #666;}
.col-999{color: #999;}
.col-ccc{color: #ccc;}
.col-blue{color: #409EFE;}
.col-orange{color: #FF7517;}
.col-red{color: #F9492F;}
.col-green{color: #04A777;}

/* margin值 */
.mgall-10{margin: 0.1333rem;}
.mgall-15{margin: 0.2rem;}
.mgall-20{margin: 0.2666rem;}
.mgall-25{margin: 0.33333rem;}
.mgall-30{margin: 0.4rem;}
.mgall-35{margin: 0.4666rem;}
.mgall-40{margin: 0.5333rem;}

.mgt-0{margin-top: 0;}
.mgt-10{margin-top: 0.1333rem;}
.mgt-15{margin-top: 0.2rem;}
.mgt-20{margin-top: 0.2666rem;}
.mgt-25{margin-top: 0.33333rem;}
.mgt-30{margin-top: 0.4rem;}
.mgt-35{margin-top: 0.4666rem;}
.mgt-40{margin-top: 0.5333rem;}

.mgb-10{margin-bottom: 0.1333rem;}
.mgb-15{margin-bottom: 0.2rem;}
.mgb-20{margin-bottom: 0.2666rem;}
.mgb-25{margin-bottom: 0.33333rem;}
.mgb-30{margin-bottom: 0.4rem;}
.mgb-35{margin-bottom: 0.4666rem;}
.mgb-40{margin-bottom: 0.5333rem;}

.mgl-10{margin-left: 0.1333rem;}
.mgl-15{margin-left: 0.2rem;}
.mgl-20{margin-left: 0.2666rem;}
.mgl-25{margin-left: 0.33333rem;}
.mgl-30{margin-left: 0.4rem;}
.mgl-35{margin-left: 0.4666rem;}
.mgl-40{margin-left: 0.5333rem;}

.mgr-10{margin-right: 0.1333rem;}
.mgr-15{margin-right: 0.2rem;}
.mgr-20{margin-right: 0.2666rem;}
.mgr-25{margin-right: 0.33333rem;}
.mgr-30{margin-right: 0.4rem;}
.mgr-35{margin-right: 0.4666rem;}
.mgr-40{margin-right: 0.5333rem;}


/* padding值 */
.pdall-10{padding: 0.1333rem;}
.pdall-15{padding: 0.2rem;}
.pdall-20{padding: 0.2666rem;}
.pdall-25{padding: 0.33333rem;}
.pdall-30{padding: 0.4rem;}
.pdall-35{padding: 0.4666rem;}
.pdall-40{padding: 0.5333rem;}

.pdt-10{padding-top: 0.1333rem;}
.pdt-15{padding-top: 0.2rem;}
.pdt-20{padding-top: 0.2666rem;}
.pdt-25{padding-top: 0.33333rem;}
.pdt-30{padding-top: 0.4rem;}
.pdt-35{padding-top: 0.4666rem;}
.pdt-40{padding-top: 0.5333rem;}

.pdb-10{padding-bottom: 0.1333rem;}
.pdb-15{padding-bottom: 0.2rem;}
.pdb-20{padding-bottom: 0.2666rem;}
.pdb-25{padding-bottom: 0.33333rem;}
.pdb-30{padding-bottom: 0.4rem;}
.pdb-35{padding-bottom: 0.4666rem;}
.pdb-40{padding-bottom: 0.5333rem;}

.pdl-10{padding-left: 0.1333rem;}
.pdl-15{padding-left: 0.2rem;}
.pdl-20{padding-left: 0.2666rem;}
.pdl-25{padding-left: 0.33333rem;}
.pdl-30{padding-left: 0.4rem;}
.pdl-35{padding-left: 0.4666rem;}
.pdl-40{padding-left: 0.5333rem;}

.pdr-10{padding-right: 0.1333rem;}
.pdr-15{padding-right: 0.2rem;}
.pdr-20{padding-right: 0.2666rem;}
.pdr-25{padding-right: 0.33333rem;}
.pdr-30{padding-right: 0.4rem;}
.pdr-35{padding-right: 0.4666rem;}
.pdr-40{padding-right: 0.5333rem;}
/* header */
.header { width: 100%; max-width: 750px; height: 1.1733rem; background-color: #ffffff; position: fixed; top: 0; z-index: 10;}
.header .back { padding: 0 0.4rem; position: absolute; left: 0; top: 0;;z-index: 3;}
.header .back i { font-size: 0.4667rem; line-height: 1.1733rem; color: #222222;}
.header .title { font-size: 0.4533rem; color: #222222; text-align: center; line-height: 1.1733rem; font-weight: 800;}
.header .search { padding: 0 0.4rem; position: absolute;top:0;right: 0;z-index: 3;}
.header .search i { font-size: 0.48rem; color: #222222; text-align: center; line-height: 1.1733rem;}
.header .save {font-size: 0.4267rem;  color: #409EFE; line-height: 54px; line-height: 1.1733rem;position: absolute;top: 0;right: 0.4rem;z-index: 3;}
.header .complete {font-size: 0.4rem;  color: #333333; line-height: 1.1733rem;position: absolute;top:0;right: 0.4rem;z-index: 3;}

/* navbar */
.navbar { width: 100%; display: flex; display: -webkit-flex; padding-top: 1.2rem; border-bottom: 1px solid #E8E8E8;}
.navbar span { text-align: center; flex: 1; display: block; font-size:0.4267rem; color: #999999; line-height: 1; padding: 0.3733rem 0; position: relative;}
.navbar span.active { color: #333333;font-weight: 800;}
.navbar span.active::after { content: ''; width: 0.48rem; height: 0.08rem; background: #409EFE; border-radius: 0.04rem; position: absolute; left: 50%; bottom: 0.04rem; margin-left: -0.24rem;}

/* 滑动切换导航 */
.scroll-navbar { width: 100%; padding-left: 0.4rem; display: flex; display: -webkit-flex; border-bottom: 1px solid #E8E8E8;}
.scroll-navbar span { margin-right: 0.6667rem; text-align: center; display: block; font-size:0.4267rem; color: #666666; line-height: 1; padding: 0.3733rem 0; position: relative;}
.scroll-navbar span.active { color: #333333;font-weight: 800;}
.scroll-navbar span.active::after { content: ''; width: 0.48rem; height: 0.08rem; background: #409EFE; border-radius: 0.04rem; position: absolute; left: 50%; bottom: 0.04rem; margin-left: -0.24rem;}

.mui-navbar { background-color: #FFFFFF; display: flex; display: -webkit-flex; border-bottom: 1px solid #E8E8E8 !important;z-index: 999;}
.mui-navbar .mui-control-item { touch-action: none; text-align: center; flex: 1; display: inline-block; font-size:0.4267rem; color: #999999; line-height: 1; padding: 0.3733rem 0; position: relative;}
.mui-navbar .mui-control-item.mui-active { color: #333333 !important;font-weight: 800;}
.mui-navbar .mui-control-item.mui-active::after { content: ''; width: 0.48rem; height: 0.08rem; background: #409EFE; border-radius: 0.04rem; position: absolute; left: 50%; bottom: 0.04rem; margin-left: -0.24rem;}

.mui-scroll-navbar.mui-scroll-wrapper {  height: 1.1733rem; padding-left: 0.4rem; overflow-x: scroll; white-space: nowrap; border-bottom: 1px solid #E8E8E8 !important;}
.mui-scroll-navbar.mui-scroll-wrapper .mui-scroll { height: 1.1733rem;}
.mui-scroll-navbar .mui-control-item { touch-action: none; margin-right: 0.6667rem; width: auto; text-align: center; display: inline-block; font-size:0.4267rem; color: #999999; line-height: 1; padding: 0.3733rem 0 !important; position: relative;}
.mui-scroll-navbar .mui-control-item.mui-active { color: #333333 !important;font-weight: 800;}
.mui-scroll-navbar .mui-control-item.mui-active::after { content: ''; width: 0.48rem; height: 0.08rem; background: #409EFE; border-radius: 0.04rem; position: absolute; left: 50%; bottom: 0.04rem; margin-left: -0.24rem;}

.sort-list { font-size: 0;padding: 0.4rem 0.4rem 0; }
.sort-list span { margin-right: 0.2667rem; display: inline-block; padding: 0 0.3467rem; height: 0.6667rem; background: #F5F5F5; border-radius: 0.3333rem;font-size: 0.32rem;  color: #999999; line-height: 0.6667rem;}
.sort-list span.active { background: #E7F3FF; color: #409EFE;}
.sort-list1 { font-size: 0;padding: 0 0 0.2267rem; }
.sort-list1 span { margin-right: 0.8rem; display: inline-block; padding: 0.1733rem 0; font-size: 0.32rem;  color: #999999; line-height: 1;}
.sort-list1 span.active { color: #409EFE;}


/* 底部 */
.bottom { padding: 0.4933rem 0.4rem; text-align: center;}
.bottom p {font-size: 0.32rem;color: #999999;line-height: 0.4533rem; margin-bottom: 0.1867rem;}

.footer { display: flex; display: -webkit-flex;width: 100%; height: 1.3067rem; background: #FFFFFF;}
.footer .item { width: 25%; text-align: center; position: relative;}
.footer .item-index { background: url(../image/icon/footer-index.png) no-repeat center 0.1867rem; background-size: 0.5867rem auto;}
.footer .item-index.active { background: url(../image/icon/footer-index1.png) no-repeat center 0.1867rem; background-size: 0.5867rem auto;}
.footer .item-study { background: url(../image/icon/footer-study.png) no-repeat center 0.1867rem; background-size: 0.5867rem auto;}
.footer .item-study.active { background: url(../image/icon/footer-study1.png) no-repeat center 0.1867rem; background-size: 0.5867rem auto;}
.footer .item-activity { background: url(../image/icon/footer-activity.png) no-repeat center 0.1867rem; background-size: 1.2533rem auto;}
.footer .item-activity { background: url(../../activity/202512/img/model-nav-btn.png) no-repeat center 0.12rem; background-size: 0.9333rem auto;}
.footer .item-read { background: url(../image/icon/footer-read.png) no-repeat center 0.1867rem; background-size: 0.5867rem auto;}
.footer .item-read.active { background: url(../image/icon/footer-read1.png) no-repeat center 0.1867rem; background-size: 0.5867rem auto;}
.footer .item-my { background: url(../image/icon/footer-mine.png) no-repeat center 0.1867rem; background-size: 0.5867rem auto;}
.footer .item-my.active { background: url(../image/icon/footer-mine1.png) no-repeat center 0.1867rem; background-size: 0.5867rem auto;}
.footer .item a { display: block;width: 100%;height: 100%;}
.footer .item p { padding-top: 0.8667rem; font-size: 0.2667rem;color: #333333;line-height: 1;}
.footer .item.active p { color: #39A6FF;}
.footer .item .dot { width: 0.2133rem;height: 0.2133rem;border-radius: 50%;background-color: #EB4E3D;position: absolute;top: 0.1333rem; right: 0.8667rem;}

.kefu { position: fixed; bottom: 3.28rem; right: 0.1rem; width: 1.7467rem;height: 1.7467rem; background: url(../image/icon/index-kefu.png) no-repeat center center; background-size: 100% auto;border-radius: 50%; z-index: 999;}
.gotop { position: fixed; bottom: 0.9rem; right: 0.4rem; width: 1.1733rem;height: 1.1733rem;background: #FFFFFF;box-shadow: 0px 4px 19px 1px rgba(102, 102, 102, 0.3); background: #FFFFFF url(../image/icon/bell.png) no-repeat center center; background-size: 0.4133rem auto;border-radius: 50%; z-index: 999;}

/* 空 */
.empty { padding: 0 1.3333rem; text-align: center;}
.empty img { width: 5.9067rem; height: auto; margin-top: 1.96rem;}
.empty p { margin-top: 0.16rem; font-size: 0.3733rem;color: #999999;line-height: 0.5867rem;}
.empty button {margin-top: 0.8rem; width: 2.6667rem; height: 0.9333rem;border-radius: 0.4667rem;background-color: #409EFE;font-size: 0.4rem;color: #FFFFFF;line-height: 1;}
.empty button.small {margin-top: 0.28rem; width: 3.2rem; height: 0.8rem;border-radius: 0.4667rem;background-color: #409EFE;font-size: 0.3733rem;color: #FFFFFF;}
.empty .empty-msg { width: 3.9867rem;}
.empty .empty-coupon { width: 4.2667rem;}
.empty .empty-order { width: 4.4667rem; margin-bottom: 0.2667rem;}
.empty .empty-invit { width: 1.3867rem; margin-bottom: 0.5067rem}
.empty .empty-invit+p { color: #8A3C07;}
.empty .empty-activity { width: 3.04rem; margin-bottom: 0.4533rem;}
.empty .empty-viprecord { width: 4.5467rem; margin-bottom: 0.3867rem;}
.empty .empty-note { width: 3.9867rem;margin-top: 0.8933rem;}
.empty .empty-note+p+a button { margin-top: 0.4rem;width: 1.9733rem; height: 0.7467rem; font-size: 0.3733rem;}

/* 选择框 */
.checkbox { width: 0.32rem; height: 0.32rem; position: relative;}
.checkbox input { width: 100%; height: 100%; z-index: 1; opacity: 0; position: absolute; top: 0; left: 0;}
.checkbox em { font-size: 0.3733rem; color: #409EFE; line-height: 1;}
.checkbox .unselected-icon { display: block;}
.checkbox .selected-icon { display: none;}
.checkbox.checked .unselected-icon { display: none;}
.checkbox.checked .selected-icon { display: block;}


/* 选择国家 */
.selCountryView {}
.selCountryView .main { padding-top: 1.2rem;}
.selCountryView .letter { width: auto; position: fixed; top: 20%; right: 0.4rem; text-align: center; z-index: 10;}
.selCountryView .letter a {  color: #409EFE;}
.selCountryView .tips { background-color: #F5F5F5; padding: 0 0.4rem; font-size: 0.32rem;color: #999999;line-height: 0.84rem;}
.selCountryView .hotCity { background-color: #FFFFFF;}
.selCountryView .city-list { background-color: #FFFFFF;}
.selCountryView .city-letter { display: block; background-color: #F5F5F5; padding: 0 0.4rem; font-size: 0.32rem;color: #999999;line-height: 0.84rem;}
.selCountryView .city-item { padding: 0 0.4rem; font-size: 0.3733rem;color: #333;line-height: 1.1733rem;position: relative;}
.selCountryView .city-item::after { content: ''; width: 9.2rem; border-top: 1px solid #E8E8E8; position: absolute; bottom: 0; left: 0.4rem;}
.selCountryView .city-item:last-child:after { border-top: none;}
.selCountryView .city-item span { display: inline-block; width: 48%;}
.selCountryView .city-item span:nth-of-type(2) { color: #999999;}
.selCountryView .city-item.active::before { font-family: "iconfont" !important;content: "\e63c";font-size: 0.32rem; color: #409EFE; line-height: 1.1733rem;position: absolute;top: 0; right: 1.2rem;}

/* 弹框 */
.layui-layer.layui-layer-page .layui-layer-btn { width: 100%; height: 1.1733rem; padding: 0; border-top: 1px solid #B4B1B1; position: absolute; left: 0; bottom: 0; display: flex;}
.layui-layer .layui-layer-btn a { margin: 0; flex: 1; height: 100%; text-align: center; background-color: #FFFFFF; border: none;font-size: 0.4267rem; color: #222222; line-height: 1.1733rem;}
.layui-layer .layui-layer-btn .layui-layer-btn0 { border-right: 1px solid #B4B1B1; color: #222222;}
.layui-layer .layui-layer-btn .layui-layer-btn1 { color: #409EFE;}
.layui-layer .layui-layer-btn .layui-layer-btn0.red { color: #F81212;}
.layui-layer .layui-layer-btn a:last-child { border-right:none;}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .layui-layer.layui-layer-page .layui-layer-btn {border-top: 0.5px solid #B4B1B1;}
    .layui-layer .layui-layer-btn .layui-layer-btn0 {border-right: 0.5px solid #B4B1B1;}
}
@media screen and (-webkit-min-device-pixel-ratio: 3) {
    .layui-layer.layui-layer-page .layui-layer-btn {border-top: 0.333333px solid #B4B1B1;}
    .layui-layer .layui-layer-btn .layui-layer-btn0 {border-right: 0.333333px solid #B4B1B1;}
}
.layer-deltips-dialog.layui-layer .layui-layer-setwin { display: none;}
.layer-deltips-dialog.layui-layer { border-radius: 0.3733rem; overflow: hidden;}
.layer-deltips-dialog .dialog-cont { padding: 0.44rem 0.4rem; text-align: center;}
.layer-deltips-dialog .title { font-size: 0.48rem; font-weight: bold; color: #000000; line-height: 1;}
.layer-deltips-dialog .desp { font-size: 0.3467rem;  color: #222222; line-height: 0.4533rem; margin-top: 0.2267rem;}
.layer-deltips-dialog .desp a { color: #F81212;}
.layer-deltips-dialog.layui-layer .layui-layer-btn .layui-layer-btn0 { color: #999999;}
.layer-deltips-dialog.layui-layer .layui-layer-btn .layui-layer-btn1{ color: #F81212;}
.layer-tips-dialog.layui-layer .layui-layer-setwin { display: none;}
.layer-tips-dialog.layui-layer { border-radius: 0.3733rem; overflow: hidden;}
.layer-tips-dialog .dialog-cont { padding: 0.44rem 0.4rem; text-align: center;}
.layer-tips-dialog .title { font-size: 0.48rem; font-weight: bold; color: #000000; line-height: 1;}
.layer-tips-dialog .desp { font-size: 0.3467rem;  color: #222222; line-height: 0.4533rem; margin-top: 0.2267rem;}
.layer-tips-dialog .desp a { color: #409EFE;}
.layer-tips-dialog.layui-layer .layui-layer-btn .layui-layer-btn0.disabled { color: #999999;}

.layer-camera-tips-dialog.layui-layer .layui-layer-btn .layui-layer-btn0 { color: #409EFE;}
.layui-layer-shade { opacity: 0.5 !important;}
.layer-tip-dialog.layui-layer .layui-layer-btn .layui-layer-btn0 { color: #409EFE;}
.layui-layer-msg.layui-layer-hui { border-radius: 6px; background-color: rgba(0, 0, 0, 0.8);}
.layui-layer-msg.layui-layer-hui .layui-layer-content {padding: 10px 25px;}

/* 分享弹框 */
.sharePoster { display: none;}
.layer-share-dialog.layui-layer .layui-layer-setwin { display: none;}
.layer-share-dialog.layui-layer { background: #F5F5F5; border-radius: 0.4rem 0.4rem 0px 0px; top: unset !important; bottom: 0;left: 50% !important;margin-left: -5rem;}
.layer-share-dialog.layui-layer .sharePoster { display: block;}
.layer-share-dialog .item { padding-top: 0.6667rem; width: 25%;text-align: center;}
.layer-share-dialog .item img { width: 1.3333rem;height: 1.3333rem;}
.layer-share-dialog .item p { font-size: 0.3467rem;color: #333333;line-height: 0.4533rem;margin-top: 0.2667rem;}
.layer-share-dialog.layui-layer.layui-layer-page .layui-layer-btn { border-top: none;}
.layer-share-dialog.layui-layer #copy_input { opacity: 0; position: absolute; top: -9999px; left: -9999px;}
.layer-share-dialog .poster{ width: 7.2rem; height: 9.7333rem; border-radius: 0.2667rem; position: fixed; top: 2rem;left: 1.4rem; object-fit: contain;}

/* 添加微信弹框 */
.layer-addwechat-dialog.layui-layer  { border-radius: 0.2667rem; }
.layer-addwechat-dialog .layui-layer-setwin { top: unset; bottom: 0; right: 50%;}
.layer-addwechat-dialog .layui-layer-ico { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.72rem; color: #fff; top: unset !important; bottom: -1.08rem; margin-right: 0.3333rem;}
.layer-addwechat-dialog.layui-layer .layui-layer-ico:before { content: "\e612";}
.layer-addwechat-dialog .layui-layer-content { padding: 0 0.4rem; text-align: center;}
.layer-addwechat-dialog .title { margin-top: 0.4rem; font-size: 0.4533rem;font-weight: bold; color: #333333;line-height: 0.56rem;}
.layer-addwechat-dialog .tip { margin-top: 0.1333rem; font-size: 0.32rem; color: #FF7517;line-height: 0.4533rem;}
.layer-addwechat-dialog img { width: 3.4267rem; height: 3.4267rem;}
.layer-addwechat-dialog .wxcode {font-size: 0.32rem;color: #666666;line-height: 0.4533rem;}
.layer-addwechat-dialog button {margin-top: 0.32rem; width: 4.2667rem;height: 0.8533rem;border-radius: 0.4267rem;background-color: #FF7517;font-size: 0.3733rem;color: #FFFFFF;line-height: 0.8533rem;}
.layer-addwechat-dialog.layui-layer.layui-layer-page .layui-layer-btn { border-top: 0;}
.layer-addwechat-dialog.layui-layer .layui-layer-btn { height: 1.3867rem;}
.layer-addwechat-dialog.layui-layer .layui-layer-btn .layui-layer-btn0 { flex: unset; margin: 0 auto; width: 4.3867rem;height: 0.8533rem;border-radius: 0.4267rem;background-color: #FF7517;font-size: 0.3733rem;color: #FFFFFF;line-height: 0.8533rem;}
.layer-addwechat1-dialog .layui-layer-content {padding: 0 0.2667rem; height: 100% !important;}
.layer-addwechat1-dialog .title { font-size: 0.3733rem; align-items: center; justify-content: center; padding-bottom: 0.3867rem;}
.layer-addwechat1-dialog .title img { width: 0.52rem;height: 0.3867rem;margin-right: 0.0933rem;}
.layer-addwechat1-dialog img {width: 3.4267rem;height: 3.4267rem;}
.layer-addwechat1-dialog .wxcode {margin-top: 0.2667rem;}
.layer-addwechat1-dialog .plan { margin-top: 1.7867rem; border-top: 1px solid #DDDDDD;padding: 0.4rem 0.1333rem;}
.layer-addwechat1-dialog .plan span {color: #FF7517;}
.layer-addwechat1-dialog.layui-layer .layui-layer-btn {height: 0.8533rem;bottom: 2.24rem;}
/* 客服 */
.layer-kefu-dialog .title { margin-top: 0.72rem;}
.layer-kefu-dialog img { margin-top: 0.36rem;}
/* 开通VIP */
.layer-openvip-dialog p {margin-top: 0.92rem; font-size: 0.3733rem;color: #333333;}

/* 注册成功 */
.layer-zcsuccess-dialog.layui-layer { box-shadow: none; background: rgba(0, 0, 0, 0) url(../image/icon/register-success-bg.png); background-size: 100% 100%;}
.layer-zcsuccess-dialog .layui-layer-setwin { top: unset; bottom: 0; right: 50%;}
.layer-zcsuccess-dialog .layui-layer-ico { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.72rem; color: #fff; top: unset !important; bottom: -1.08rem; margin-right: 0.3333rem;}
.layer-zcsuccess-dialog.layui-layer .layui-layer-ico:before { content: "\e612";}
.layer-zcsuccess-dialog .layui-layer-content { text-align: center;overflow: visible !important;}
.layer-zcsuccess-dialog .title { font-size: 0.4533rem;font-weight: bold;color: #333333; line-height: 0.56rem; margin-top: 0.52rem;}
.layer-zcsuccess-dialog .tip { font-size: 0.3733rem;color: #FF7517;line-height: 0.48rem;margin-top: 0.2667rem;}
.layer-zcsuccess-dialog .wxcode { font-size: 0.32rem;color: #333;line-height: 0.4267rem;margin-top: 3.4rem;}
.layer-zcsuccess-dialog .point { position: absolute; z-index: 10; left: 0; bottom: -1rem; width: 100%; font-size: 0.32rem;color: #666;line-height: 0.4267rem;margin-top: 1.28rem;}
.layer-zcsuccess-dialog.layui-layer.layui-layer-page .layui-layer-btn { border-top: 0;}
.layer-zcsuccess-dialog.layui-layer .layui-layer-btn { height: 2.12rem;}
.layer-zcsuccess-dialog.layui-layer .layui-layer-btn .layui-layer-btn0 { flex: unset; margin: 0 auto; width: 4.3867rem;height: 0.8533rem;border-radius: 0.4267rem;background-color: #FF7517;font-size: 0.3733rem;color: #FFFFFF;line-height: 0.8533rem;}

/* 不喜欢原因 */
.layer-dislike-dialog.layui-layer { border-radius: 0.2667rem;}
.layer-dislike-dialog .layui-layer-title {height: auto; padding: 0.4933rem 0 0.2667rem; text-align: center; border-bottom: none; font-size: 0.4267rem;font-weight: bold;color: #333333; line-height: 1}
.layer-dislike-dialog .layui-layer-setwin { width: 0.64rem;height: 0.64rem;border-radius: 50%;background-color: #F5F5F5; top: 0.3867rem;}
.layer-dislike-dialog .layui-layer-ico { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.3467rem;font-weight: bold; color: #999; top: 0; line-height: 0.64rem; margin-left: 0; padding: 0 0.1467rem}
.layer-dislike-dialog .layui-layer-ico:before { content: "\e6cc";}
.layer-dislike-dialog .layui-layer-content { max-height: 6.4rem; }
.layer-dislike-dialog .layui-layer-content .list { margin-bottom: 0.5333rem;}
.layer-dislike-dialog.layui-layer.layui-layer-page .layui-layer-btn { border-top: 0;}
.layer-dislike-dialog.layui-layer .layui-layer-btn { height: 1.6rem; text-align: center; padding-top: 0;}
.layer-dislike-dialog.layui-layer .layui-layer-btn .layui-layer-btn0 { flex: unset; margin: 0 auto; width: 3.28rem;height: 1.0667rem;border-radius: 0.5333rem;background-color: #409EFE;font-size: 0.4rem;color: #FFFFFF;line-height: 1.0667rem;}

.layer-dislike-dialog .list { padding: 0 0 0 0.7333rem;}
.layer-dislike-dialog .list .item { cursor: pointer; min-width: 1.3333rem; text-align: center; position: relative; border-radius: 0.08rem; padding: 0 0.4rem; border: 1px solid #DDDDDD; margin-top: 0.5333rem; display: inline-block; margin-right: 0.6rem;}
.layer-dislike-dialog .list .item img { float: left; width: 32px; height: auto; margin-right: 10px;}
.layer-dislike-dialog .list .item span { display: inline-block; font-size: 0.3467rem; line-height: 0.9333rem; color: #999999;}
.layer-dislike-dialog .list .item.active { border: 1px solid #409EFE;}
.layer-dislike-dialog .list .item .check { display: none; width: 18px; height: 18px; text-align: right; position: absolute; right: 0; bottom: 0; z-index: 1;}
.layer-dislike-dialog .list .item .check::after { content: ''; border-style: solid; border-width: 0px 0px 20px 20px; border-color: transparent transparent #409EFE transparent; width: 0px; height: 0px;  position: absolute; top: -2px; right: 0; z-index: 1;}
.layer-dislike-dialog .list .item .check .iconfont { font-size: 0.1rem; line-height: 1; color: #FFFFFF; font-weight: bold; position: relative; top: 0.1067rem; z-index: 2;}
.layer-dislike-dialog .list .item.active .check { display: block;}

/* 写评论 */
.layer-writecomments-dialog.layui-layer { bottom: 0; top: unset !important;border-radius: 0.4rem 0.4rem 0px 0px;}
.layer-writecomments-dialog .layui-layer-title {height: auto; padding: 0.52rem 0 0.2667rem; text-align: center; border-bottom: none; font-size: 0.4267rem;font-weight: bold;color: #333333; line-height: 1}
.layer-writecomments-dialog .layui-layer-setwin { width: 0.64rem;height: 0.64rem;border-radius: 50%;background-color: #F5F5F5; top: 0.4133rem;right: unset;left: 0.3867rem;}
.layer-writecomments-dialog .layui-layer-ico { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.3467rem;font-weight: bold; color: #999; top: 0; line-height: 0.64rem; margin-left: 0; padding: 0 0.1467rem}
.layer-writecomments-dialog .layui-layer-ico:before { content: "\e6cc";}
.layer-writecomments-dialog.layui-layer .layui-layer-btn { width: auto;height: auto; border-top: none; top: 0.4667rem; right: 0.4267rem; bottom: unset; left: unset;}
.layer-writecomments-dialog.layui-layer .layui-layer-btn .layui-layer-btn0 { font-size: 0.4rem;color: #409EFE;font-weight: bold;line-height: 0.5333rem; padding: 0;}
.layer-writecomments-dialog.layui-layer .layui-layer-btn .layui-layer-btn0.disabled { color: #999999;}
.layer-writecomments-dialog .layui-layer-content { height: calc(100% - 1.32rem) !important;}
.layer-writecomments-dialog textarea { margin-left: 0.4rem; width: calc(100% - 0.8rem); height: 2.96rem; padding: 0.4rem;font-size: 0.4rem;line-height: 0.72rem;}
.layer-writecomments-dialog .curLenght { font-size: 0.32rem;color: #999999;line-height: 1; text-align: right; padding-right: 0.3867rem;}

/* 写回复 */
.layer-writecomments-dialog .discuss { margin-top: 0.3867rem; margin-left: 0.4rem; padding: 0.2667rem 0.2667rem 0.2rem; width: 9.2rem; min-height: 1.56rem; border-radius: 0.0667rem; background-color: #F5F5F5;}
.layer-writecomments-dialog .discuss img { width: 1.0667rem; height: 1.0667rem; border-radius: 0.1333rem; margin-right: 0.2667rem;}
.layer-writecomments-dialog .discuss .name { font-size: 0.3733rem;font-weight: bold;color: #666666;line-height: 0.4533rem;}
.layer-writecomments-dialog .discuss .lecturer { position: relative; top: -0.04rem; margin-left: 0.1333rem; width: 1rem;height: 0.3733rem; border-radius:0; margin-right: 0;}
.layer-writecomments-dialog .discuss .content { margin-top: 0.1467rem; font-size: 0.4rem;color: #333333;line-height: 0.5333rem;}
.layer-writecomments-dialog .discuss .iconfont { font-size: 0.3467rem; color: #999999; line-height: 1.0267rem;}
.layer-writereply-dialog .discuss img { width: 0.8rem; height: 0.8rem; border-radius: 50%; margin-right: 0.3067rem;}
/* 全部评论 */
.layer-allcomments-dialog.layui-layer { bottom: 0; top: unset !important;border-radius: 0.4rem 0.4rem 0px 0px;}
.layer-allcomments-dialog .layui-layer-title {height: auto; padding: 0.4933rem 0 0.2667rem; text-align: center; border-bottom: none; font-size: 0.4267rem;font-weight: bold;color: #333333; line-height: 1}
.layer-allcomments-dialog .layui-layer-setwin { width: 0.64rem;height: 0.64rem;border-radius: 50%;background-color: #F5F5F5; top: 0.3867rem;}
.layer-allcomments-dialog .layui-layer-ico { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.3467rem;font-weight: bold; color: #999; top: 0; line-height: 0.64rem; margin-left: 0; padding: 0 0.1467rem}
.layer-allcomments-dialog.layui-layer .layui-layer-ico:before { content: "\e6cc";}
.layer-allcomments-dialog .layui-layer-content { overflow: visible !important;}
.layer-allcomments-dialog .comment-num { position: absolute; left: 0.36rem; top: -0.5867rem; font-size: 0.3733rem;font-weight: bold;color: #333333;line-height: 1;}
.layer-allcomments .comment-num { position: absolute; left: 0.36rem; top: -0.5867rem; font-size: 0.3733rem;font-weight: bold;color: #333333;line-height: 1;}

/* 评论详情 */
.layer-commentdetail-dialog.layui-layer { bottom: 0; top: unset !important;border-radius: 0.4rem 0.4rem 0px 0px;}
.layer-commentdetail-dialog .layui-layer-title {height: auto; padding: 0.4933rem 0 0.2667rem; text-align: center; border-bottom: none; font-size: 0.4267rem;font-weight: bold;color: #333333; line-height: 1}
.layer-commentdetail-dialog .layui-layer-setwin { width: 0.64rem;height: 0.64rem;border-radius: 50%;background-color: #F5F5F5; top: 0.4133rem;right: unset;left: 0.3867rem;}
.layer-commentdetail-dialog .layui-layer-ico { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.2667rem;font-weight: bold; color: #999; top: 0; line-height: 0.64rem; margin-left: 0; padding: 0 0.1467rem}
.layer-commentdetail-dialog .layui-layer-ico:before { content: "\e60e";}
.layer-commentdetail-dialog .layui-layer-content { overflow: visible !important;}
.layer-commentdetail-dialog .reply-num { margin-top: 0.2667rem; padding: 0.4667rem 0.4533rem 0; border-top: 0.2667rem solid #F6F6F6; font-size: 0.4rem;font-weight: bold;color: #000000;line-height: 0.5867rem;}

/* 选择地区 */
.layer-seladdress-dialog.layui-layer { bottom: 0; top: unset !important;border-radius: 0.4rem 0.4rem 0px 0px;}
.layer-seladdress-dialog .layui-layer-title {height: auto; padding: 0.4933rem 0 0.2667rem; text-align: center; border-bottom: none; font-size: 0.4267rem;font-weight: bold;color: #333333; line-height: 1}
.layer-seladdress-dialog .layui-layer-setwin { width: 0.64rem;height: 0.64rem;border-radius: 50%;background-color: #F5F5F5; top: 0.3867rem;}
.layer-seladdress-dialog .layui-layer-ico { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.3467rem;font-weight: bold; color: #999; top: 0; line-height: 0.64rem; margin-left: 0; padding: 0 0.1467rem}
.layer-seladdress-dialog.layui-layer .layui-layer-ico:before { content: "\e6cc";}
.layer-seladdress-dialog .layui-layer-content { display: flex;display:-webkit-flex;-webkit-box-orient: vertical; -webkit-flex-flow: column; flex-flow: column; overflow: visible !important;}

/* 选择地区 */
.selAddress { display: none;}
.area-nav { padding: 0 0.4rem; position: relative;}
.area-nav span { display: inline-block; margin-right: 0.8rem; padding: 0.2667rem 0 0.2533rem; font-size: 0.4rem;  color: #666666; line-height: 1;position: relative;}
.area-nav span.active {font-weight: bold; color: #000000;}
.area-nav span.active::after { content: ''; width: 0.48rem; height: 0.08rem; background: #409EFE; border-radius: 0.04rem; position: absolute; left: 50%; bottom: 0; margin-left: -0.24rem;}
.area-country { flex: 1; overflow-y: scroll; padding: 0 0.4rem; position: relative; border-top: 1px solid #EEEEEE;}
.layer-seladdress-dialog .letter { width: auto; position: absolute; top: 15%; right: 0.4rem; text-align: center; z-index: 10;}
.layer-seladdress-dialog .letter a {  color: #409EFE;}
.city-container { margin-top: 0; }
.city-container .city-list .city-letter { font-size: 0.4rem;font-weight: bold; color: #000000; line-height: 0.9333rem;border-bottom: 1px solid #EEEEEE;}
.city-container .city-list .city-item { font-size: 0.3467rem; color: #333333; line-height: 0.9333rem;}
.cur-city { border-top: 1px solid #EEEEEE; margin-top: 0.4rem; padding: 0.1067rem 0.4rem 0; font-size: 0.3733rem; color: #333333; line-height: 0.9333rem;}
.cur-city span { margin-right: 0.56rem;color: #333;}
.cur-city span.active { color: #409EFE;font-weight: bold;}
.area-country .city-container .tips { font-size: 0.3733rem; color: #999999; line-height: 0.9333rem;}
.area-country .city-container .hotCity { font-size: 0;}
.area-country .city-container .hotCity .city-item { margin-right: 0.9467rem; display: inline-block; font-size: 0.3733rem; color: #333333; line-height: 0.9333rem;}

/* 活动规则 */
.layer-invitrule-dialog.layui-layer { top: 10%;border-radius: 0.4rem }
.layer-invitrule-dialog .layui-layer-title {height: auto; padding: 0.4933rem 0 0.2667rem; text-align: center; border-bottom: none; font-size: 0.4267rem;font-weight: bold;color: #333333; line-height: 1}
.layer-invitrule-dialog .layui-layer-setwin { width: 0.64rem;height: 0.64rem;border-radius: 50%;background-color: #F5F5F5; top: 0.4133rem;left: unset;right: 0.3867rem;}
.layer-invitrule-dialog .layui-layer-setwin .layui-layer-ico { width: 0.64rem; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.3467rem;font-weight: bold; color: #999; top: unset !important; right: unset !important; line-height: 0.64rem; margin-right: 0.8rem;text-align: center;}
.layer-invitrule-dialog .layui-layer-ico:before { content: "\e6cc";}
.layer-invitrule-dialog .layui-layer-content { padding: 0.4rem;}
.layer-invitrule-dialog .title {padding-top: 0.2267rem; font-size: 0.4267rem; font-weight: bold; color: #333333; line-height: 0.7333rem; text-align: center;}
.layer-invitrule-dialog .tit {margin-top: 0.4667rem; font-size: 0.3733rem;  color: #FF7517; line-height: 0.7333rem;text-align: center;}
.layer-invitrule-dialog .cont {margin-top: 0.2533rem; font-size: 0.3467rem; color: #666666; line-height: 0.5733rem;}

/* 链接邀请 */
.invitreceive-dialog { display: none;}
.invitReceiveSuccess-dialog { display: none;}
.invitReceived-dialog { display: none;}
.layer-invitreceive-dialog.layui-layer { border-radius: 0.4rem }
.layer-invitreceive-dialog .layui-layer-title {height: auto; padding: 0.4933rem 0 0.2667rem; text-align: center; border-bottom: none; font-size: 0.4267rem;font-weight: bold;color: #333333; line-height: 1}
.layer-invitreceive-dialog .layui-layer-setwin { width: 0.64rem;height: 0.64rem;border-radius: 50%;background-color: #F5F5F5; top: 0.4133rem;left: unset;right: 0.3867rem;}
.layer-invitreceive-dialog .layui-layer-setwin .layui-layer-ico { width: 0.64rem; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.3467rem;font-weight: bold; color: #999; top: unset !important; right: unset !important;line-height: 0.64rem; margin-left: 0.15rem; margin-right: 0.8rem;}
.layer-invitreceive-dialog .layui-layer-ico:before { content: "\e6cc";}
.layer-invitreceive-dialog .layui-layer-content { padding: 0.4rem 0.6667rem;}
.layer-invitreceive-dialog .logo { width: 2.2267rem; height: 0.7067rem;}
.layer-invitreceive-dialog .title {margin-top: 0.56rem; font-size: 0.4rem;  color: #000000; line-height: 0.72rem;text-align: center; }
.layer-invitreceive-dialog .item { margin-top: 0.2667rem; height: 1.1733rem; border: 1px solid #E9E9E9; border-radius: 0.5867rem;}
.layer-invitreceive-dialog .item .selCountry { padding: 0 0.4rem; font-size: 0.3733rem;  color: #333333; line-height: 1.1733rem;border-right: 1px solid #E9E9E9;}
.layer-invitreceive-dialog .item input { width: calc(100% - 0.5333rem); height: 100%; padding: 0 0.2667rem; font-size: 0.3733rem;  color: #333333; line-height: 0.4533rem;}
.layer-invitreceive-dialog .item #code { position: relative; padding: 0 0.4rem; font-size: 0.3733rem; line-height: 1.1733rem;  color: #409EFE;}
.layer-invitreceive-dialog .item #code::after { content: ''; width: 1px; height: 0.7733rem; background-color: #E9E9E9; position: absolute; left: 0; top: 0.2rem;}
.layer-invitreceive-dialog .btn { margin-top: 0.5333rem; width: 7.8533rem; height: 1.0667rem; background: #409EFE; border-radius: 0.5333rem;font-size: 0.3733rem;  color: #FFFFFF; line-height: 0.4533rem;}
.layer-invitreceive-dialog .text { margin-top: 0.2667rem; font-size: 0.2933rem;  color: #999999; line-height: 0.4533rem;}
.layer-invitreceive-dialog .text a { color: #409EFE;}

.layer-invitreceivesuc-dialog.layui-layer  { border-radius: 0.4rem }
.layer-invitreceivesuc-dialog .layui-layer-title {height: auto; padding: 0.4933rem 0 0.2667rem; text-align: center; border-bottom: none; font-size: 0.4267rem;font-weight: bold;color: #333333; line-height: 1}
.layer-invitreceivesuc-dialog .layui-layer-setwin { width: 0.64rem;height: 0.64rem;border-radius: 50%;background-color: #F5F5F5; top: 0.3867rem;right: 0.4rem;}
.layer-invitreceivesuc-dialog .layui-layer-ico { width: 0.64rem !important; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.3467rem;font-weight: bold; color: #999; top: unset !important; right: unset !important; line-height: 0.64rem; margin-left: 0; padding: 0 0.1467rem}
.layer-invitreceivesuc-dialog.layui-layer .layui-layer-ico:before { content: "\e6cc";}
.layer-invitreceivesuc-dialog .layui-layer-content { padding: 0.4rem;}
.layer-invitreceivesuc-dialog .logo { width: 2.2267rem; height: 0.7067rem;}
.layer-invitreceivesuc-dialog .title { justify-content: center; margin-top: 0.4rem; text-align: center; font-size: 0.4rem;  color: #000000; line-height: 0.5867rem;}
.layer-invitreceivesuc-dialog .title i { font-size: 0.5867rem; color: #07C160; margin-right: 0.28rem;}
.layer-invitreceivesuc-dialog .number { margin-top: 0.2133rem; padding-bottom: 0.0533rem; font-size: 0.4rem;font-weight: bold; color: #000000; line-height: 0.72rem; -webkit-user-select:text !important; -moz-user-select:text !important; -ms-user-select:text !important; user-select:text !important;}
.layer-invitreceivesuc-dialog .item { margin-top: 0.16rem; font-size: 0.3467rem; color: #666666; line-height: 0.4533rem;word-break: break-all;}
.layer-invitreceivesuc-dialog .item.orange { color: #FF7517;}
.layer-invitreceivesuc-dialog .item i { font-weight: bold; font-size: 0.4133rem; color: #FF7517; margin-right: 0.12rem;}
.layer-invitreceivesuc-dialog .item span { display: block; flex: 1;}
.layer-invitreceivesuc-dialog .item em { margin: 0.08rem 0.2533rem 0 0.1333rem; display: inline-block; content: ''; width: 0.16rem; height: 0.16rem; background: #FF7517; border-radius: 50%;}
.layer-invitreceivesuc-dialog .btn { margin: 0 auto; display: block; margin-top: 0.7333rem; width: 7.8533rem; height: 1.0667rem; background: #409EFE; border-radius: 0.5333rem;font-size: 0.3733rem;  color: #FFFFFF; line-height: 1.0667rem; text-align: center;}

.layer-invitreceivetip-dialog.layui-layer  { border-radius: 0.4rem }
.layer-invitreceivetip-dialog .layui-layer-title {height: auto; padding: 0.4933rem 0 0.2667rem; text-align: center; border-bottom: none; font-size: 0.4267rem;font-weight: bold;color: #333333; line-height: 1}
.layer-invitreceivetip-dialog .layui-layer-setwin { width: 0.64rem;height: 0.64rem;border-radius: 50%;background-color: #F5F5F5; top: 0.3867rem;}
.layer-invitreceivetip-dialog .layui-layer-ico { width: 0.64rem !important; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.3467rem;font-weight: bold; color: #999; top: unset !important; right: unset !important; line-height: 0.64rem; margin-left: 0; padding: 0 0.1467rem}
.layer-invitreceivetip-dialog.layui-layer .layui-layer-ico:before { content: "\e6cc";}
.layer-invitreceivetip-dialog .layui-layer-content { padding: 0.4rem;}
.layer-invitreceivetip-dialog .title { font-size: 0.4267rem; font-weight: bold; color: #FF7517; line-height: 0.5867rem;}
.layer-invitreceivetip-dialog .title i { font-size: 0.5333rem; font-weight: bold; color: #FF7517; line-height: 1; float: left; margin-right: 0.1333rem;}
.layer-invitreceivetip-dialog .cont { text-align: center; margin-top: 0.52rem; font-size: 0.3733rem; color: #333333; line-height: 0.5867rem;}
.layer-invitreceivetip-dialog.layui-layer .layui-layer-btn { border-top: none; bottom: 0.5467rem;}
.layer-invitreceivetip-dialog.layui-layer .layui-layer-btn .layui-layer-btn0 { margin: 0 auto; flex: unset; display: block; height: 1.0667rem; padding: 0 0.76rem; border: 1px solid #EEEEEE;border-radius: 0.5333rem;font-size: 0.3733rem;color: #999999; line-height: 1.0667rem;}

/* 补差价升级政策说明 */
.layer-refundupgrade-dialog.layui-layer { border-radius: 0.08rem;}
.layer-refundupgrade-dialog .layui-layer-setwin { top: unset; bottom: 0; right: 50%;}
.layer-refundupgrade-dialog .layui-layer-ico { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.72rem; color: #fff; top: unset !important; bottom: -1.08rem;}
.layer-refundupgrade-dialog.layui-layer .layui-layer-ico:before { content: "\e612";}
.layer-refundupgrade-dialog.layui-layer .layui-layer-title { display: block; font-size: 0.4267rem; font-weight: bold; color: #333333; text-align: center; border-bottom: none; padding: 0 0.2667rem; margin: 0.5333rem 0 0.24rem; height: 0.6933rem; line-height: 0.6933rem;}
.layer-refundupgrade-dialog p { font-size: 0.3733rem;color: #333333;line-height: 0.6133rem;}
.layer-refundupgrade-dialog p.tit { font-size: 0.4rem;color: #333333;line-height: 0.6133rem;font-weight: bold;}
.layer-refundupgrade-dialog.layui-layer .layui-layer-content { padding: 0 0.4rem; height: calc(100% - 2.6667rem) !important;}
.layer-refundupgrade-dialog.layui-layer .layui-layer-btn { border-top: 1px solid #E8E8E8;}
.layer-refundupgrade-dialog.layui-layer .layui-layer-btn0 { border-radius: 0.08rem;font-size: 0.3733rem; font-weight: bold; color: #409EFE;}

/* 笔记 */
.layer-noteopsheet-dialog.layui-layer { background-color: rgba(0, 0, 0, 0); left: 0.4rem !important; top: unset !important; bottom: 0.2667rem;}
.layer-noteopsheet-dialog.layui-layer .dialog-cont { background: #FFFFFF; border-radius: 0.1067rem;}
.layer-noteopsheet-dialog.layui-layer .dialog-cont a { display: block; height: 1.4667rem;line-height: 1.4667rem;font-size: 0.4267rem;text-align: center;color: #409EFE;}
.layer-noteopsheet-dialog.layui-layer .layui-layer-btn { height: 1.4667rem; margin-top: 0.2667rem;}
.layer-noteopsheet-dialog.layui-layer .layui-layer-btn a { line-height: 1.4667rem;border-radius: 0.1067rem; color: #999;}

/* 优惠券 */
.layer-coupon-receive-dialog.layui-layer  { border-radius: 0.2667rem; background-color: unset;box-shadow: unset;}
.layer-coupon-receive-dialog .layui-layer-setwin { top: unset; bottom: 0; right: 50%;}
.layer-coupon-receive-dialog .layui-layer-ico { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.72rem; color: #fff; top: unset !important; bottom: -1.08rem; margin-right: 0.3333rem;}
.layer-coupon-receive-dialog.layui-layer .layui-layer-ico:before { content: "\e612";}
.layer-coupon-receive-dialog .layui-layer-content { background-image: url(../image/icon/coupon-receive-bg.png); background-size: 100% 100%;}
.layer-coupon-receive-dialog .title { text-align: center; margin-top: 2.3333rem; font-size: 0.4533rem; line-height: 1; font-weight: bold; color: #333333; background: linear-gradient(0deg, rgba(0, 125, 255, 0.9) 0%, rgba(255, 113, 10, 0.9) 0%, rgba(219, 0, 41, 0.9) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.layer-coupon-receive-dialog .coupon { margin: 0 auto; margin-top: 0.5467rem; align-items: center; font-size: 0; width: 8rem; height: 2.52rem; background: url(../image/icon/coupon-bg1.png) no-repeat; background-size: 100% 100%; position: relative;}
.layer-coupon-receive-dialog .coupon .left { display: inline-block; width: 2.7467rem; font-size: 0.2933rem; line-height: 1; color: #B7B7B7; text-align: center;}
.layer-coupon-receive-dialog .coupon .left .coupon-money { margin-bottom: 12px; font-size: 0.4267rem; line-height: 1; color: #FF3826; font-weight: bold;}
.layer-coupon-receive-dialog .coupon .left .coupon-money span { font-size: 0.84rem;}
.layer-coupon-receive-dialog .coupon .left p { font-size: 0.2933rem;color: #FF3826;}
.layer-coupon-receive-dialog .coupon .right { flex: 1; height: 100%; display: inline-block; text-align: left; padding-left: 0.3333rem; position: relative;}
.layer-coupon-receive-dialog .coupon .right .name { font-size: 0.3733rem; line-height: 1; color: #333333;font-weight: bold; margin-top: 0.3867rem; margin-bottom: 0.2267rem;}
.layer-coupon-receive-dialog .coupon .right .date { font-size: 0.2667rem; line-height: 0.4rem; color: #999999;}
.layer-coupon-receive-dialog .coupon .right .desp { font-size: 0.2667rem; line-height: 1; color: #333333; position: absolute; left: 0.3333rem; bottom: 0.1333rem; }
.layer-coupon-receive-dialog .coupon button { width: 1.3867rem;height: 0.64rem;background-color: #FF3826;border-radius: 0.32rem;font-size: 0.2933rem;font-weight: bold;color: #FFFFFF;line-height: 1; margin-right: 0.28rem;}

/* 选择学习标签 */
.layer-promote-dialog.layui-layer { bottom: 0; top: unset !important;border-radius: 0.4rem 0.4rem 0px 0px;}
.layer-promote-dialog .layui-layer-title {height: auto; padding: 0.3733rem 0 0.2667rem; text-align: center; border-bottom: none; font-size: 0.4533rem; color: #999999; line-height: 1}
.layer-promote-dialog .layui-layer-setwin { height: 0.64rem; top: 0.3733rem;right: unset;left: 0.3867rem;font-size: 0.4533rem;color: #333333; line-height: 1;}
.layer-promote-dialog.layui-layer .layui-layer-btn { border-top: none; width: 1.8133rem;height: 1.2rem; position: absolute;top: 0;right: 0; left: unset;z-index: 9;}
.layer-promote-dialog.layui-layer .layui-layer-btn a{ line-height: 1.2rem;}
.layer-promote-dialog .layui-layer-content { height: calc(100% - 0.9333rem) !important;}
.layer-promote-dialog .list { margin-left: 0.1733rem; padding-bottom: 0.2667rem; font-size: 0;}
.layer-promote-dialog .list .item { margin: 0.1333rem 0.2267rem; display: inline-block; min-width: 2.76rem; height: 0.88rem; text-align: center; padding: 0.1867rem; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 0.44rem;font-size: 0.3733rem;color: #999999;line-height: 0.5067rem;}
.layer-promote-dialog .list .item.active {background: #FFEDE1;border: 1px solid #FF7517; color: #FF7517; }

/* Vlog学分兑换-学分不足 */
.layer-vlogExchangeTip-dialog.layui-layer { border-radius: 0.3733rem;}
.layer-vlogExchangeTip-dialog .layui-layer-title {height: auto; padding: 0.3733rem 0 0.2667rem; text-align: center; border-bottom: none; font-size: 0.4533rem; color: #999999; line-height: 1}
/* .layer-vlogExchangeTip-dialog .layui-layer-setwin { display: none;} */
.layer-vlogExchangeTip-dialog.layui-layer .layui-layer-btn a{ line-height: 1.2rem;}
.layer-vlogExchangeTip-dialog .layui-layer-content { height: calc(100% - 0.9333rem) !important; text-align: center;}
.layer-vlogExchangeTip-dialog .layui-layer-content img { width: 5rem;height: 3.3867rem;margin-top: 0.6667rem;}
.layer-vlogExchangeTip-dialog .layui-layer-content .title { font-size: 0.5333rem;font-weight: bold;color: #FF7517; line-height: 0.72rem; margin-top: 0.2667rem;}
.layer-vlogExchangeTip-dialog .layui-layer-content .desp { font-size: 0.3733rem;color: #AAAFB5; line-height: 0.4533rem; margin-top: 0.1333rem;}
.layer-vlogExchangeTip-dialog.layui-layer .layui-layer-btn { border-top: none; padding: 0 1.8667rem; height: 1.4rem;}
.layer-vlogExchangeTip-dialog.layui-layer .layui-layer-btn .layui-layer-btn0 { width: 2.9067rem;height: 0.8rem;border-radius: 0.4rem;background: #FF7517;font-size: 0.36rem; line-height: 0.8rem; color: #FFFFFF;text-align: center;}
.layer-vlogExchangeTip-dialog .layui-layer-setwin { top: unset; bottom: 0; right: 50%;}
.layer-vlogExchangeTip-dialog .layui-layer-ico { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.72rem; color: #fff; top: unset !important; bottom: -1.08rem; margin-right: 0.3333rem;}
.layer-vlogExchangeTip-dialog.layui-layer .layui-layer-ico:before { content: "\e612";}

/* 隐私协议 */
.layer-page-dialog .layui-layer-setwin{ display: none;}

/* 下拉刷新 */
.plus-pullrefresh { position: relative; height: 100%;}
.pullrefresh { position: relative; height: auto;}
#pullrefresh { position: relative; height: auto;}
.mui-pull-bottom-pocket { height: 1.68rem;}
.mui-pull { bottom: 0;}
.mui-pull-caption-nomore { font-size: 0.3733rem;color: #999999;font-weight: normal;line-height: 1.68rem;}

/* 滑动切换 */
.mui-slider { height: 100%;}
.mui-loading { margin-top: 0.6667rem;}
.mui-loading-box { display: flex;display:-webkit-flex;align-items: center; justify-content: center;}
.mui-loading-box span { margin-top: 0.6667rem; font-size: 0.3733rem;color: #333333;line-height: 24px; padding-left: 0.28rem;}
.mui-slider .mui-slider-group .mui-slider-item { border:none !important;}

.mui-popover { max-width: 750px;}

/* 提交成功 */
.show-toast-01.layui-layer-dialog { min-width: 2.6667rem; background-color: rgba(0, 0, 0, 0.8);border-radius: 0.1333rem; z-index: 100;}
.show-toast-01.layui-layer-dialog .layui-layer-padding { padding: 0.6667rem 0.4rem;}
.show-toast-01.layui-layer .layui-layer-content { text-align: center; font-size: 0.3733rem; color: #FFFFFF; line-height: 1;}
.show-toast-01.layui-layer .layui-layer-ico { left: 50% !important; margin-left: -0.3733rem; font-family: "iconfont" !important;webkit-font-smoothing: antialiased; background: unset; font-size: 0.7467rem; color: #FFFFFF; margin-bottom: 0.2133rem; margin-right: 0; top: 0 !important; display: block !important;position: relative !important;}
.show-toast-01.layui-layer .layui-layer-ico:before { content: "\e69e";}

.show-toast-07.layui-layer { border-radius: 0.2667rem;border: none;}
.show-toast-07.layui-layer .layui-layer-content { padding: 0.44rem; text-align: center; font-size: 0.3733rem; line-height: 0.4533rem;}
.show-toast-07.layui-layer .layui-layer-ico { display: none;}
.show-toast-08.layui-layer-dialog { background: unset;min-width: unset; left: 50% !important; transform: translate(-50%,0);}
.show-toast-08.layui-layer-dialog .layui-layer-content { color: #FFFFFF;white-space: nowrap;}
.show-toast-08.layui-layer-dialog .layui-layer-padding { padding: 0.24rem 0.3867rem 0.24rem 1.1067rem; background: #484848; border-radius: 0.1333rem;}
.show-toast-08.layui-layer-dialog .layui-layer-content .layui-layer-ico { width: 0.5867rem;height: 0.5867rem; top: 0.24rem; background: url(../image/icon/tip-warn.png); background-size: 100% 100%;}

/* 底部弹出选择器 */
.mui-poppicker { background-color: #fff;}
.mui-poppicker .mui-title { font-size: 0.5333rem; color: #333333; line-height: 40px; z-index: 1;}
.mui-poppicker .mui-btn { border: none;font-size: 0.4533rem;color: #333333; z-index: 2;}
.mui-poppicker .mui-btn.mui-btn-blue { color: #333333; background-color: #FFFFFF;}
.mui-poppicker .mui-picker { padding: 0 0.4rem; background-color: #fff;}
.mui-poppicker-body { border-top: none;}
.mui-pciker-rule-ft { border: none;}
.mui-pciker-rule-bg { color: #3B3B3C; background-color: #F5F5F5;}

.mui-popover-bottom .mui-table-view { font-size: 0.4267rem;color: #999999;}
.mui-popover-bottom .mui-table-view .item { color: #333333;}
.mui-popover-bottom .mui-table-view-cell { padding: 0.4rem;}
.mui-popover-bottom .mui-table-view-cell > a:not(.mui-btn) { margin: -0.4rem; }
.mui-popover-bottom .mui-table-view .item .collect-icon { font-size: 0.48rem; margin-right: 0.1333rem; color: #FF7517;}
.mui-popover-bottom .mui-table-view:last-child { color: #999999;}

.phone-sheet.mui-popover .mui-table-view { color: #333333;line-height: 0.5333rem;}
.phone-sheet.mui-popover .mui-table-view:last-child { color: #409EFE;}

.photo-sheet.mui-popover .mui-table-view { margin: 0;font-size: 0.4267rem;color: #333333;}
.photo-sheet.mui-popover .mui-table-view { border-radius: 0;}
.photo-sheet.mui-popover .mui-table-view:first-child { border-radius: 0.2667rem 0.2667rem 0 0;}
.photo-sheet.mui-popover .mui-table-view-cell { border-radius: 0; padding: 0.4rem;}
.photo-sheet.mui-popover .mui-table-view-cell > a:not(.mui-btn) { margin: -0.4rem; }
.photo-sheet.mui-popover .mui-table-view .mui-table-view-cell:after { width: calc(100% - 0.8rem); position: absolute; right: 0; bottom: 0; left: 0.4rem; height: 1px; content: '';background-color: #EEEEEE;}

/* 拼团剩余时间 */
.layer-groupInvitation-dialog.layui-layer { border-radius: 0.2667rem; }
.layer-groupInvitation-dialog .layui-layer-setwin { top: unset; bottom: 0; right: 50%;}
.layer-groupInvitation-dialog .layui-layer-ico { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.72rem; color: #fff; top: unset !important; bottom: -1.08rem; margin-right: 0.3333rem;}
.layer-groupInvitation-dialog.layui-layer .layui-layer-ico:before { content: "\e612";}
.layer-groupInvitation-dialog .layui-layer-content { padding: 0 0.4rem; text-align: center;}
.layer-groupInvitation-dialog .title { padding: 26px 0 16px; text-align: center; justify-content: center; align-items: center;}
.layer-groupInvitation-dialog .title em { display: block; width: 0.48rem; height: 1px; background: #FF7517; position: relative;}
.layer-groupInvitation-dialog .title em:nth-of-type(1)::after { content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background: #FFFFFF; border: 1px solid #FF7517; position: absolute; top: -2px; right: 0;}
.layer-groupInvitation-dialog .title em:nth-of-type(2)::after { content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background: #FFFFFF; border: 1px solid #FF7517; position: absolute; top: -2px; left: 0;}
.layer-groupInvitation-dialog .title span { font-size: 0.4267rem; color: #FF7517; line-height: 1; padding: 0 0.3733rem;}
.layer-groupInvitation-dialog .group-times { text-align: center; font-size: 0.32rem; color: #FF7517; line-height: 0.5333rem;}
.layer-groupInvitation-dialog .group-times span { margin: 0 0.1333rem; display: inline-block;width: 0.5733rem;height: 0.5333rem;background: #FF7517;border-radius: 0.1333rem;font-size: 0.32rem; color: #FFFFFF;line-height: 0.5333rem;text-align: center;}
.layer-groupInvitation-dialog .user { margin-top: 0.6667rem; justify-content: center;}
.layer-groupInvitation-dialog .user .item { width: 1.4rem;height: 1.4rem; border-radius: 50%; position: relative; z-index: 2;}
.layer-groupInvitation-dialog .user .item img { width: 100%;height: 100%; border-radius: 50%;}
.layer-groupInvitation-dialog .user .item.active { position: relative; top: -2px; border: 0.0267rem solid #FF3C3C;}
.layer-groupInvitation-dialog .user .item+.item { margin-left: 0.2667rem;}
.layer-groupInvitation-dialog .user .item.active::after { content: '团长'; width: 0.9467rem;height: 0.3867rem;background: linear-gradient(45deg, #FF744F, #FD4047);border-radius: 0.2rem;font-size: 0.2933rem;line-height: 0.3867rem;color: #FFFFFF; text-align: center;position: absolute; left: 0.2267rem; bottom: -0.0267rem;z-index: 2;}
.layer-groupInvitation-dialog .text { font-size: 0.4267rem; color: #000000; line-height: 1; margin-top: 0.7067rem;}
.layer-groupInvitation-dialog .text span { color: #FF7517;}
.layer-groupInvitation-dialog.layui-layer.layui-layer-page .layui-layer-btn { border-top: 0; height: 1.1733rem; bottom: 0.8267rem;}
.layer-groupInvitation-dialog.layui-layer .layui-layer-btn { height: 1.3867rem;}
.layer-groupInvitation-dialog.layui-layer .layui-layer-btn .layui-layer-btn0 { flex: unset; margin: 0 auto; width: 5.8267rem;height: 1.1733rem;border-radius: 0.5867rem;background-color: #FF7517;font-size: 0.4rem;color: #FFFFFF;line-height: 1.1733rem;}
.layer-groupInvitation-dialog .layui-layer-content {padding: 0 0.2667rem; height: 100% !important;}
/* 播放时长超过2个小时提示弹窗 */
.layer-takeARestTips-dialog.layui-layer { border-radius: 0.2667rem;}
.layer-takeARestTips-dialog .layui-layer-title {height: auto; padding: 0.4933rem 0 0.2667rem; text-align: center; border-bottom: none; font-size: 0.4267rem;font-weight: bold;color: #333333; line-height: 1}
.layer-takeARestTips-dialog .layui-layer-setwin {top: 0.3867rem;}
.layer-takeARestTips-dialog .layui-layer-ico { width: 0.46rem; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 0.46rem;font-weight: bold; color: #999; top: 0; line-height: 0.64rem; margin-left: 0; padding: 0;}
.layer-takeARestTips-dialog .layui-layer-ico:before { content: "\e6cc";}
.layer-takeARestTips-dialog .layui-layer-content { padding: 0 0.8rem; max-height: 6.4rem;font-size: 0.3733rem; color: #333333; line-height: 0.5333rem; margin-bottom: 0.5333rem; text-align: center; margin-top: 24px;}
.layer-takeARestTips-dialog.layui-layer.layui-layer-page .layui-layer-btn { border-top: 0;}
.layer-takeARestTips-dialog.layui-layer .layui-layer-btn { height: 1.6rem; text-align: center; padding-top: 0; display: flex; justify-content: center;}
.layer-takeARestTips-dialog.layui-layer .layui-layer-btn .layui-layer-btn0 { flex: unset; margin: 0 0.1333rem; width: 2.6667rem;height: 1.0667rem;border-radius: 0.5333rem;background-color: #ffffff;font-size: 0.3733rem;color: #999999;line-height: 1.0667rem;border: 1px solid #DDDDDD;}
.layer-takeARestTips-dialog.layui-layer .layui-layer-btn .layui-layer-btn1 { flex: unset; margin: 0 0.1333rem; width: 2.6667rem;height: 1.0667rem;border-radius: 0.5333rem;background-color: #409EFE;font-size: 0.3733rem;color: #FFFFFF;line-height: 1.0667rem;}


* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}
/* ios input不能输入 */
body{-webkit-user-select:text !important;}
input{-webkit-user-select:text !important;}
textarea{-webkit-user-select:text !important}
*:not(input, textarea) {
     -webkit-touch-callout: none;
    -webkit-user-select: none;
}

@font-face {
  font-family: 'PingFangRegular';
  src: url('../font/PingFangRegular.ttf') format('truetype');
}
@font-face {
  font-family: 'PingFangMedium';
  src: url('../font/PingFangMedium.ttf') format('truetype');
}