@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;}
.no-scroll::-webkit-scrollbar{width:0;height: 0;}

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;
}
.items-list{overflow: hidden;display: block;position:relative;}

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

.blank-head{display: block;height:3.4rem;}
.header{ height:3.4rem;background: #fff;position: relative;margin: 0 auto;max-width:750px;}
.header.fixed{position: fixed;left:0;right: 0;z-index: 9999;top:0;}
.header-main-title{display: block;color:#000;text-align: center;height:3.4rem;line-height:3.4rem;font-size: 1.1rem;position: relative;}
.header-main-title.white{background: #fff;color: #000;}
.head_back{position: absolute;left:0 ;top:0;z-index: 1111;cursor: pointer;height:3.5rem;line-height:3.5rem;background: url("../images/back2.png") no-repeat center;background-size:auto 52%;padding-left: 2.5rem;font-size: 1.15rem;color:#a5a5a5;font-family: PingFangSC;text-decoration: none;}
.white .head_back{background: url("../images/back1.png") no-repeat center;background-size:auto 52%;}


.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 #f9f9f9;background: #fff;}
.footer-main{display: flex;}
.nav-item{text-align:center;flex: 1;}
.nav-item a{display: block;overflow: hidden;text-decoration: none;}
.nav-icon{height: 1.8rem;line-height: 1.8rem;display: block;margin-top: 0.2rem;}
.nav-name{display: block;height: 1.4rem;font-size:0.85rem;line-height: 1.4rem;color: #666666;margin-top: 0.1rem;}
.nav-item.active .nav-name{color:#906a4d;}


.home-icon{background: url("../images/home.png") no-repeat center;background-size:contain;}
.nav-item.active .home-icon{background: url("../images/home_on.png") no-repeat center;background-size:contain;}
.video-icon{background: url("../images/video.png") no-repeat center;background-size:contain;}
.nav-item.active .video-icon{background: url("../images/video_on.png") no-repeat center;background-size:contain;}
.case-icon{background: url("../images/case.png") no-repeat center;background-size:contain;}
.nav-item.active .case-icon{background: url("../images/case_on.png") no-repeat center;background-size:contain;}


/*加载层*/
.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.72);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:111;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: #02b3b3;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:#F49329;color: #fff;}
.confirm-cancel{color: #999;}