@charset "UTF-8";
*{padding: 0;margin: 0;-webkit-tap-highlight-color:transparent;}
html{height: 100%;}

body{margin: 0 auto;max-width:750px;height: 100%;background: #f9f9f9;font-size: 12px;position: relative;font-family: Helvetica, "STHeiti STXihei", "Microsoft YaHei", Tohoma,Arial; color: #333;-webkit-text-size-adjust: 100%;-webkit-user-select: none;user-select: none;}
a{text-decoration: none;}
.clear{display: block;clear: both;}

.auto{position: relative;overflow: hidden;width: auto;}
.web,.page-main{display: block;overflow: hidden;position: relative;}
.fixed {width: 100%; left: 0;position: fixed;top: 0; z-index: 99;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none!important;}
.show{display: block!important;}
.a-link{display: block;overflow: hidden;cursor: pointer;position: relative;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}

.blank-foot{display: block;height: 3.5rem; }
.footer{display: block;margin: 0 auto;max-width:750px;overflow: hidden;position: fixed;left:0;right:0;bottom: 0;height:3.5rem;z-index: 111;box-shadow: 0 0 0.3rem #ededed;background: #fff;}
.nav-item{width:25%;text-align:center;float:left;}
.nav-item a{display: block;overflow: hidden;text-decoration: none;}
.nav-icon{height: 1.8rem;line-height: 1.8rem;display: block;margin-top: 0.3rem;}
.nav-name{display: block;height: 1.4rem;font-size:0.85rem;line-height: 1.4rem;color: #999;}
.nav-item.active .nav-name{color:#08bf97;}
.back-btn{position: absolute;left:0 ;top:0;z-index: 1111;cursor: pointer;height:3.4rem;line-height:3.4rem;background: url("../images/left.png") no-repeat center;background-size:auto 36%;padding-left: 2.5rem;font-size: 1.15rem;color:#a5a5a5;font-family: PingFangSC;text-decoration: none;}


.home-icon{background: url("../images/home.png") no-repeat center;background-size:28%;}
.nav-item.active .home-icon{background: url("../images/home1.png") no-repeat center;background-size:28%;}
.new-icon{background: url("../images/new.png") no-repeat center;background-size:28%;}
.nav-item.active .new-icon{background: url("../images/new1.png") no-repeat center;background-size:28%;}
.class-icon{background: url("../images/class.png") no-repeat center;background-size:28%;}
.nav-item.active .class-icon{background: url("../images/class1.png") no-repeat center;background-size:28%;}
.set-icon{background: url("../images/set.png") no-repeat center;background-size:28%;}
.nav-item.active .set-icon{background: url("../images/set1.png") no-repeat center;background-size:28%;}


input:-webkit-autofill { box-shadow:0 0 0 1000px transparent inset !important;}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #333 !important;transition: background-color 5000s ease-in-out 0s !important;
}

.textRow{overflow:hidden;text-overflow:ellipsis;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}

/*加载层*/
.mask-layer-loading{position: fixed;width: 100%;height: 100%; z-index: 999999;top: 0;left: 0;text-align: center;display: none;}
.mask-layer-loading i, .mask-layer-loading img { text-align: center;color: #000000;font-size: 50px;position: relative;top: 50%;}

/*弹窗信息*/
.mask-msg,.alert-mask,.confirm-mask,.prompt-mask,.pay-mask{position: fixed;overflow: hidden;display:none;z-index: 1212000;top: 0; left: 0; right: 0; bottom: 0; }
.msg-mk{position: fixed;-webkit-box-align: center;-webkit-box-pack: center;opacity:0;left: 0; right: 0; bottom:0;top:0;display:-webkit-box;margin:25rem auto 0;}
.msg-bx{padding: 0.4rem 1rem;max-width: 66%;margin:0 auto 0;background: rgba(0, 0, 0, 0.56);border-radius: 0.2rem;-webkit-box-flex: 0}
.msg-desc{display: inline-block;font-size: 1.1rem;line-height: 1.8rem;color: #fff;}

.loading-box{text-align: center;padding: 0.8rem 0;}
.loading-box.hide{display: none;}
.loading-box img{width:1.2rem;height:1.2rem;vertical-align: middle;display: none;margin:0 auto; }
.loading-box.loading img{display: inline-block;}
.res-tips{display: inline-block;font-size: 1.0rem;line-height: 1.2rem;color: #aaa;margin: 0 auto;vertical-align: middle;}

/*菊花*/
.fixed-loading{bottom: 0;z-index: 999999;right:0;display: none;}
.fixed-loading.loading{display: block;}
.mask-loading-box{width: 8rem;height:8rem;position: fixed;z-index:11123;margin: auto;top:0;bottom: 0;left:0;right:0;border-radius: 0.2rem;overflow: hidden;background: rgba(0,0,0,0.6)}
.mask-loading-main{display: block;overflow: hidden;padding: 0.6rem;text-align: center;}
.mask-loading-main img{width:68%;margin: 0 auto;display: block;}
.mask-loading-main span{font-size: 1.1rem;line-height:2.8rem;color: #e8e5e5;margin-top:0.1rem;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*单按钮弹出框*/
.alert-mask,.confirm-mask,.prompt-mask,.pay-mask.active{background: rgba(0,0,0,0.48);display:flex;display:-webkit-flex;align-items: center;justify-content: center; margin: auto;}
.alert-main,.confirm-main,.pay-main,.prompt-main{width:80%;background: #fff;overflow: hidden;border-radius:3px;position: relative;}
.alert-msg{display: block;text-align: center;font-size: 1.08rem;line-height: 1.6rem;padding: 1.8rem 1.8rem 1.2rem;color: #000;}
.alert-btn-box{display: block;text-align: center;overflow: hidden;padding: 0.4rem 0 1.3rem;}
.alert-btn{display: block;width:78%;height: 2.8rem;line-height: 2.8rem;color: #fff;background: #00a0e9;margin: 0 auto;font-size: 1.09rem;border-radius:2px;cursor:pointer;}

/*双按钮弹出框*/
.confirm-title{display: block;text-align: center;font-weight:bold;font-size:1.2rem;color: #000;line-height: 3rem;padding-top: 0.6rem;}
.confirm-msg{display: block;text-align:left;font-size: 1.08rem;line-height: 1.6rem;padding:1.2rem 1.8rem 1.8rem;color: #000;}
.confirm-btn-box{display: block;overflow: hidden;border-top: 1px solid #f2f2f2;}
.confirm-btn{float: left;text-align: center;width: 50%;font-size: 1.1rem;height: 3rem;line-height:3rem;cursor:pointer;}
.confirm-sure{background:#00a0e9;color: #fff;}
.confirm-cancel{color: #999;}

.fixed-forbid{position:fixed;z-index: 111111;left: 0;right: 0;top:0;bottom: 0;background: rgba(0,0,0,0.5);}
.forbid-main{width:60%;background: #fff;overflow: hidden;border-radius:3px;height:8.0rem;margin: auto;position: absolute;left: 0;right: 0;top:0;bottom: 0;z-index: 1;padding: 0.8rem;}
.forbid-title{display: block;font-size: 1.15rem;line-height: 2rem;color: #000;font-weight: bold;text-align: center;}
.forbid-content{display: block;font-size: 1.05rem;line-height: 1.6rem;color: #333;margin-top: 1rem;padding: 0 0.6rem;}

.fixed-center{text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;
    -ms-flex-align: center;-webkit-align-items: center;align-items: center;}