@charset "utf-8";
/* CSS Document */
body{background: #f7f7f7;color: #333333;}
html,body{overflow: hidden;height: 100%;}
.app-wrapper{position: relative;margin: 0 auto;width: 10.0rem;height: 100%;background:#111111;background-size: 100% auto;overflow: hidden;}
.app-wrapper img{max-width: 100%;display: block;font-size: 0;}
.app-wrapper em,
.app-wrapper i{font-style: normal;}

/*头部标题*/
.app-header{height: 1.333333rem;position: absolute;left: 0;right: 0;background-color: #222936;}
.app-header.trans{background: transparent!important;}
.app-header .main-tit{line-height: 1.333333rem;padding: 0 1.333333rem;}
.app-header .opeleft{position: absolute;left:0;top:0;height: 1.333333rem;width: 1.333333rem;text-align: center;line-height: 1.333333rem;}
.app-header .operight{position: absolute;right:0;top:0;height: 1.333333rem;width: 1.333333rem;text-align: center;line-height: 1.333333rem;}
/*主体内容区域*/
.app-content{position: absolute;left: 0;right: 0;bottom: 1.333333rem;top: 1.333333rem;}
.app-content-full{position: absolute;left: 0;right: 0;bottom: 0;top: 0;}
.app-content-btmonly{position: absolute;left: 0;right: 0;top: 0;bottom: 1.333333rem}
.app-content-toponly{position: absolute;left: 0;right: 0;top: 1.333333rem;bottom: 0}

/*底部导航*/
.app-footer{position: absolute;height: 1.333333rem;left:0;right: 0;bottom:0;background: #f7f7f7;}


/*预置*/
.tit-nowrap{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.border-h{position: relative;}
.border-h:after{content: '';position: absolute;left:0;right: 0;bottom: 0;height: 1px;transform: scaleY(0.5);background: rgba(255,255,255,0.2);}

/*全局*/
.main-con{padding:0 0 1.866666rem 0;}
.module{margin-bottom: 0.5rem;padding: 0;}
.module a{display: block;}

/*===线路模块===*/
.module-line{}
.module-line .line-list{color:#ffffff;padding: 0.4rem 0.4rem 0rem;}
.module-line .line-list .line-item{padding: 0.4rem 0.2rem;}
.module-line .line-list .line-item .line-box{color:#ffffff;display: flex; align-items: center; font-size: 0.4rem;padding: 0.3rem 0.3rem;border:1px solid #cf9b7a;border-radius: 1.333333rem;
background-image: linear-gradient(90deg, #cc8f4e7a,transparent);}
.module-line .line-list .line-item .l{padding-right: 0.533333rem;font-size: 0.5rem;padding-left: 0.266666rem;color:#f6d600}
.module-line .line-list .line-item .c{flex: 1;color:#ffffff;text-align: center;color:#fff2e2;padding-right: 0.266666rem;font-weight: bold;}
.module-line .line-list .line-item .r{font-size: 0.7rem;color:#c19a0b;padding-right: 0.266666rem;}
/*===多图模块===*/
.module-pics{}

/*===文字模块===*/
.module-article{padding:0 0.6rem;color:#c2a291;font-size: 0.4rem;line-height: 1.8;}
.module-article .con{padding: 0.45rem;border:0.026666rem solid #cf9b7a;border-radius: 0.133333rem;}
.module-article p:not(:last-child){margin-bottom: 0.4rem;}

/*===视频模块===*/
.module-videos{padding:0 0.6rem;}
.module-videos .video-list{display: flex;flex-wrap: wrap;margin: -0.3rem;}
.module-videos .video-list .item{flex:50% 0 0;padding: 0.3rem;overflow: hidden;}
.module-videos .video-list .item .video-link{display: block;position: relative;}
.module-videos .video-list .item .video-link::after{content: '';background: rgba(0,0,0,0.1);position: absolute;left:0;right:0;top:0;bottom:0;border-radius: 0.133333rem;overflow: hidden;}
.module-videos .video-list .item .video-link::before{content: "\f04b";font-family:'FontAwesome';position: absolute;left:50%;top:calc(50% - 0rem);z-index: 3;font-size: 0.4rem;color:#ffffff;transform: translate(-50%,-50%);background-color:rgba(0,0,0,0.4);width: 38px;height: 38px;text-align: center;border-radius: 50%;display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding-left: 0.106666rem;}
.module-videos .video-list .item .video-link img{width: 100%;height: 5.066666rem;border-radius: 0.133333rem;overflow: hidden;position: relative}
.module-videos .video-list .item .video-link span{display: block;padding: 0.2rem 0.2rem 0;height: 0.64rem;overflow: hidden;font-size: 0.32rem;}
/*视频详情*/
.video-con{height: 100%;}
.video-con video{height: 100%;width: 100%;background: #000;}

/*===qq、微信 模块===*/
.module-contact{padding: 0 0.6rem;position: relative;}
.module-contact .con{text-align: center;}
.module-contact .con .icon-wrap{display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;margin-top: -1.3rem;}
.module-contact .con .icon-wrap .icon{width: 2.2rem;height: 2.2rem;border-radius: 50%;padding: 0.2rem;background: #383838;display: flex;align-items: center;justify-content: center;position: relative;bottom:-1.3rem}
.module-contact .con .icon-wrap .icon img{width: 60%;height: 60%;}
.module-contact .con .con-wrap{background:#1f1f1f;border-radius: 0.133333rem;position: relative;z-index: 1;} 
.module-contact .con .icon-wrap + .con-wrap{padding-top: 1.333333rem;}
.module-contact .con .con-wrap .num{padding: 0.666666rem 0;display: flex;align-items: center;justify-content: center;}
.module-contact .con .con-wrap .num .account{font-size: 0.6rem;font-weight: bold;color:#e4ac67;}
.module-contact .con .con-wrap .num .copy{margin-left: 0.666666rem;font-size: 0.373333rem;color:#9bff4f;background: rgba(255,255,255,.2);text-align: center;height: 0.933333rem;line-height: 0.933333rem;padding: 0 0.266666rem;border-radius: 0.933333rem;}
.module-contact .con .con-wrap .code{width: 100%;display: flex;align-items: center;justify-content: center;padding: 0 2.4rem;margin-bottom: 0.666666rem;}
.module-contact .con .con-wrap .des{background: #f2ba6e;padding: 0 0.5rem;color:#462818;font-size: 0.4rem; font-weight: bold;line-height: 1.333333rem;border-radius: 1.333333rem;margin-bottom: 0.666666rem;display: inline-block;}


/*===固定广告模块===*/
.module-ad{position: absolute;bottom: 0;z-index: 90;}

/*===固定右侧客服===*/
.module-service{position: absolute;right: 0.133333rem;top:45vh; z-index: 90; width: 1.8rem;}