/*reset*/
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:16px;}
body{margin: 0; padding: 0; background:#f6f6f6;  font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "Microsoft YaHei", "PingFang SC", Arial, sans-serif; text-align: center;}
html,body{width:100%; height:100%; overflow:hidden;}
input:focus {outline: none;}a{text-decoration: none;}
a{text-decoration: none;}
ul,li,dl,dt,dd,ol{ margin:0; padding:0; list-style:none;}
em,i{ font-style:normal; margin:0; padding:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
a:link,a:visited{outline:none; text-decoration: none; blr:expression(this.onFocus=this.blur());color: #323234;}
a:hover{color: #0057e8; text-decoration: none;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0.5rem; text-align: center;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:1.5rem; height:0.25rem;background:#ddd; border-radius:2px; opacity:1; margin:0 0.5rem;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background:#0b8afa;}
.swiper-button-next,.swiper-button-prev{outline: none;}
.swiper-container .swiper-slide img{width:100%; display: block;}

/*public*/

/* live */
.live{width:100%; height:100%; overflow:hidden; display: flex; flex-direction: column;}
.livebox{width:100vw; height:56vw; overflow:hidden; background:#000;position: relative;}
.livebox .live_top{width:100%; height:56vw; overflow:hidden; position: absolute; top:0; z-index:1;}
.livebox .live_top a.topback{display: block; width:2.2rem; height:2.2rem; background:rgba(0,0,0,0.5) url(../images/arrow_left.png) no-repeat center center; background-size:40% auto; border-radius:4rem; margin:0.75rem;  }
.livebox .live_top a.orderbtn{width:46vw; display: block; height:2.4rem; line-height:2.4rem; overflow:hidden; background:#fff; font-size:1rem;color:#f60; font-weight: bold; margin:2.3rem auto; border-radius:4rem; box-shadow:0 0 0.5rem rgba(0,0,0,0.2); position: absolute; top:3rem; left:50%; margin-left:-23vw; }
.livebox .bgimg{width:100%; height:100%; display: block;}
.livebox .order_btn { width:100%; position: absolute;top:21vw;}
.livebox .order_btn a{width:10rem;height:2.5rem;line-height:2.5rem; font-size:1rem;font-weight: bold; display: block;margin:0 auto;background:#0057E8;color:#fff;border-radius:50px;}
.live_company{height:auto;overflow: hidden; padding:0.75rem 0.5rem; display: flex; align-items:center; justify-content:flex-start; background:#fff; }
.live_company .box_img{width:3rem; height:3rem; overflow:hidden; display:flex; align-items:center; justify-content:center; border:1px #eee solid; border-radius:0.5rem; }
.live_company .box_img img{width:100%; display: block;}
.live_company .box_txt{flex:1; height:auto;overflow: hidden; text-align: left; padding-left:0.5rem; }
.live_company .box_txt h3{color:#333;font-size:1rem; line-height:1.4rem; margin-bottom:0.3rem; font-weight: bold; white-space: nowrap; text-overflow:ellipsis;}
.live_company .box_txt p{color:#777;font-size:0.8rem; display:flex; align-items:center; justify-content:flex-start;}
.live_company .box_txt strong{background:#f63; color:#fff; font-size:0.75rem; line-height:1; font-weight:normal; border-radius:2rem; padding:0.3rem 0.75rem; margin-left:0.5rem;}
.live_company .box_txt em{float: right; color:#f30; display: block; padding:0 1.3rem 0 0; font-weight: bold; font-size:1rem; background:url(../images/icon_num.png) no-repeat right center; background-size:auto 1.2rem;}

.live_content{height:auto; overflow:auto; background:url(../../img/bg1.png) repeat; min-height:100%; padding:1rem 0.5rem; text-align: left; font-size:0.9rem; color:#333; }
.live_content p{font-size:0.7rem;text-indent: 2em;}
p.tips{font-size:0.7rem;text-align: center;}
.live_chat .chat_list{ background:#f6f6f6; padding-bottom:2.4rem;}
.live_chat .chat_list .swiper-slide{ text-align: left; height:auto; overflow:hidden; padding:0.5rem 1rem 0.5rem 1rem;}
.live_chat .chat_list .swiper-slide .c_head{width:1.6rem; height:1.6rem; overflow:hidden; border-radius:100%; float: left; margin:0 0.5rem 0 0;}
.live_chat .chat_list .swiper-slide .c_head img{width:100%; display: block;}
.live_chat .chat_list .swiper-slide .c_con{height:auto; overflow:hidden;}
.live_chat .chat_list .swiper-slide .c_tit {height:auto; overflow:hidden; margin-bottom:0.3rem;}
.live_chat .chat_list .swiper-slide .c_tit strong{font-size:0.75rem; color:#999; font-weight:normal; margin:0 0.5rem 0 0;}
.live_chat .chat_list .swiper-slide .c_tit span{font-size:0.6rem; color:#ccc;}
.live_chat .chat_list .swiper-slide .c_message{ float: left; height:auto; overflow:hidden;background:#fff; border-radius:0.5rem; padding:0.5rem; border-top-left-radius:0; font-size:0.75rem; color:#333; margin:0 0.3rem 0 0;}
.live_chat .chat_list .swiper-slide.my{text-align: right;}
.live_chat .chat_list .swiper-slide.my .c_head{float: right; margin:0 0 0 0.5rem;}
.live_chat .chat_list .swiper-slide.my .c_tit strong{float: right; margin:0 0 0 0.5rem;}
.live_chat .chat_list .swiper-slide.my .c_message{ border-top-left-radius:0.5rem; border-top-right-radius:0px; float: right; margin:0 0 0 0.3rem;}
.live_chat .chat_list .swiper-slide.curr .c_message{background:#f90;color:#fff;word-break: break-all;}
.live_chat .chat_bt{ width:100%; height:2.4rem; overflow:hidden; background:#f3f3f3; display: flex; justify-content: space-between; position:absolute; bottom: 0; z-index: 100; padding:0.2rem 1rem; }
.live_chat .chat_bt .chat_input{width:72%; height:2rem; line-height:2rem; background:#fff; border:0; border-radius:4rem; text-indent:1rem;}
.live_chat .chat_bt .chat_btn{width:25%;  height:2rem; line-height:2rem; background:#0057e8; font-size:0.8rem; color:#fff; border: 0; border-radius:4rem;  }
.live_chat .chat_bt .chat_btn1{width:25%;  height:2rem; line-height:2rem; background:#0057e8; font-size:0.8rem; color:#fff; border: 0; border-radius:4rem;  }
.live_job{height:auto; overflow:hidden;}
.live_kejian .kj_tips{margin:5% 1.2rem;}
.live_kejian .kj_tips img{margin-bottom:1.2rem;margin-top:1.5rem;}
.live_kejian .kj_tips p{font-size:1rem; color:#c6c6c6;}
/* 介绍 */
.about_con{height: auto;overflow: hidden;background:#fff;padding:1rem;}
.about_con p{text-align: justify;margin-bottom:0.5rem;line-height:1.5rem;}
.about_con p strong{color:#0057E8;}
.about_con img{width:100%;display: block;margin:0 auto;}
/* 投递 */
.job_con{height: auto;overflow: hidden;padding:1rem 0.7rem;}
.job_con img{width:100%;display: block;margin:0 auto;}
.job_con .td_box{width:100%;height: auto;overflow: hidden;padding:10px 30px;background:#9ec0ff;}
.job_con .td_box a{width:100%;height:2.8rem;line-height:2.8rem;background:#0057e8;border-radius:50px;font-size:1.8rem;color:#fff;display: block;margin:0 auto;font-weight: bold;}
/* .job_con li{margin-bottom:0.8rem;}
.job_con .stit {height: auto;overflow: hidden;margin-bottom:0.5rem;margin-top:0.6rem;}
.job_con .stit p{height: 1px;overflow: hidden;background: #0057E8;display: block;margin-top:10px;}
.job_con .stit h3{font-size:1rem;color:#0057E8;margin-right:15px;float: left;font-weight: bold;}
.job_con p{font-size:0.8rem;color:#333;margin-bottom:5px;text-align: left;line-height:1.5rem;}
.job_con p span{margin: 0 0.5rem 0.3rem 0 ;} */
/*  */
.welfare_con{height: auto;overflow: hidden;padding:1rem 0.7rem;}
.welfare_con h3{font-size:0.9rem;color:#0057E8;text-align: left;font-weight: bold;margin-bottom:0.3rem;}
.welfare_con p{font-size:0.7rem;color:#333;margin-bottom:5px;text-align: left;}
.welfare_con img{width:100%;margin:0 auto;display: block;}


/* 倒计时 */
.data-show-box{position: absolute;z-index: 1; top:48vw; width:100%;height:8vw; line-height:8vw; overflow:hidden; font-size:0.8rem; color:#fff; background:rgba(0,0,0,0.5);}
.data-show-box span{font-size:0.9rem; color:#f70; font-weight:bold; margin-right:0.2rem;}







.camerabox{position:relative;}
.pptbox{position:absolute; top:0%;width:96vw;margin:0 2vw;}
/* 欢拓生成PPT样式调整 */
/* #pptPlayer #ppt-image {width: 100%;height: auto;} */
/* 欢拓摄像头播放器样式调整 */
#cameraPlayer {height: 35vh; overflow: hidden;}
#cameraPlayer #modCameraPlayer{height: 35vh !important;overflow: hidden;}
.canvas-container{width:100%;}
.upper-canvas {width:100%;}
#talkfun-client-whiteboard{width:100%;}
/*滚动区域*/
.scroll_y{overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: none;
	}
.scroll_y::-webkit-scrollbar{width:0;height:0}

/*swiper-page*/
.swiper_nav{height:auto; overflow:hidden; background:#fff; border-top:1px #f3f3f3 solid; border-bottom:1px #f3f3f3 solid;}
.swiper-tabs{width: 100%; display: flex; justify-content:space-between; align-content: stretch;}
.swiper-tabs li{flex:1; height:2.5rem; line-height:2.5rem; font-size:0.9rem; color:#666; text-align: center; }
.swiper-tabs li:last-child{border-right:none;}
.swiper-tabs li.active{color:#0057e8; font-weight: bold; border-bottom:1px #0057e8 solid;}
.swiper-page{flex:1; overflow:hidden; background:#fff;}
.swiper-page .swiper-wrapper {}
.swiper-page>.swiper-wrapper>.swiper-slide{height:100%; overflow:hidden; }

.swiper-scroller{width:100%; height: 100%; }
.swiper-scroller .swiper-wrapper{height:auto; min-height: 100%;}
.swiper-scroller .swiper-wrapper .swiper-slide{height: auto;}
.swiper-scroller .swiper-scrollbar{background: rgba(0,0,0,0);}
.swiper-scroller .swiper-scrollbar-drag{background: rgba(0,0,0,0.1);}
.refresh{
	position:absolute;
	line-height:100px;
	bottom:100%;
	text-align:center;
	width:100%;}
	.loadmore{
	position:absolute;
	line-height:20px;
	top:100%;
	text-align:center;
	width:100%;
}

.tf-x-controls{position: absolute;z-index: 1; right:0.75rem; top: 48vw;display:block;}
.tf-x-controls span.tf-player-reload{margin-right:20px;}
.tf-x-controls svg:not(:root){width:1.2rem;}
/* 登录按钮 */
.btnbox{position: fixed; top:0.5rem; right:0.7rem;z-index:200;}
.btnbox a{width:2.5rem;line-height:1.5rem;line-height:1.5rem;background:#fff;border-radius:0.4rem;display: inline-block;font-size:0.7rem;color:#10165a;font-weight:bold;}
.modal-content{background:linear-gradient(to right,#63c8ed,#0057e8);border: 0;}
.modal-dialog{margin:25px;}
.modal-body{padding:1rem;}
.mlist p{text-align: left;font-size:1rem;color:#fff;margin-bottom:10px;}
.mlist p input{border:0; height:1.8rem; font-size:0.7rem;color:#fff;display: inline-block;width:60%;border-radius:10px;padding-left:0.7rem;background:rgba(255,255,255,0.5);}
.regbtn{background:#008aff; color:#fff;}
.inbtn{background:#008aff ;color:#fff;}

.top_notice{width:100%; height:1.5rem; line-height:1.5rem; overflow: hidden; clear: both;background:#fff;}
.top_notice strong{font-size:18px; color:#fff; display: block; width:25px; height:25px; overflow:hidden; vertical-align: middle; background: url(../images/icon_notice.png) no-repeat center top; background-size:60% auto; margin:5px 0 0 0;float: left;}
.top_notice .notice_con{height:1.5rem; line-height:1.5rem; overflow:hidden; white-space: nowrap; text-align: left;}
.top_notice .notice_con ul{width:100%;}
.top_notice .notice_con li{float: left; margin-right:10px; background: url(../images/dot.png) no-repeat left center; font-size:0.8rem; color:#666; padding-left:15px;}

/* 中奖 */
.looter .modal-dialog{ width:80%;margin: 10vh auto 0 auto;}
.looter .modal-content{height: auto;position: relative; background:linear-gradient(to bottom,#fc9434,#ffbc64);box-shadow: none;border: none;}
.looter .prize_con{height: auto;overflow: hidden;background:url(../../img/cj_bg.png) no-repeat left bottom;background-size:100%; border-radius:10px;padding-bottom:1rem;}
.looter .tips{font-size:16px;color:#fff;font-weight: bold;text-align: center;margin-bottom:15px;background:rgba(255,255,255,0.2);padding:0.8rem 0;}
.looter .prize_list{width:90%;height:40vh;overflow-y: auto;border-radius:10px;margin:0 auto;padding:20px;background:#fff;}
.looter .prize_list li{height: auto;overflow: hidden;padding:0.6rem 0;text-align:center;background:#f1f5f8;border-radius:50px;margin-bottom:10px;}
.looter .prize_list li p{font-size:0.95rem;color:#333;}
.looter .btit{font-size:1rem;color:#ff5a00;padding:1rem 0 0.6rem 0;}
.looter .bcon{font-size:1rem;color:#ff5a00;margin-bottom:0.6rem;}
.looter .close1{background:no-repeat; margin:0 auto;border: none;box-shadow: none;margin-top:20px;}
.looter .close1 img{display: block;width:60%;margin:0 auto;}
.looter .prize_list::-webkit-scrollbar {width:0.3rem; height: 1px; }
.looter .prize_list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
        background: #fb8c1e;
    }
.looter .prize_list::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background:rgba(255,255,255,0.5);
}
/*  */
.zd_txt{height:auto;overflow: hidden;}
.zd_txt li{ width:100%; height:12rem; overflow: hidden; margin-bottom:0.8rem;position: relative;}
.zd_txt li .top_img{width:100%; height:12rem; position: absolute;top: 0;left:0;z-index:1;-webkit-transition: opacity 0.5s linear;opacity:1;}
.zd_txt li .top_img img{width:100%;height:100%;display: block;}
.zd_txt li .txt_con{width:100%;height:100%; overflow: hidden;background:linear-gradient(to top,#0269ef,#00a1fd);padding:0.3rem;display: none;}
.zd_txt li .txt_con .stxt{height:100%; overflow: hidden; border:1px #fff solid;padding:0.5rem;box-sizing: border-box;}
.zd_txt li .txt_con .stxt p{font-size:0.65rem;color:#fff;line-height:1.15rem;text-align: justify;}
.zd_txt li .txt_con .stxt h3{font-size:0.9rem;color:#fff;margin-bottom:0.4rem;text-align: center;font-weight: bold;}
.zd_txt li .txt_con .stxt .gif_img{width:15%;display: block;position: absolute;right:0;bottom:-0.5rem;}
.zd_txt li.active .top_img{ opacity: 0;}
.zd_txt li.active .txt_con{display: block;}
.zd .tips{width:80%;height: auto;overflow: hidden;position: relative;margin:0 auto 1rem ;}
.zd .tips h3{width:100%;height:3rem;line-height:3rem;border:2px #1d6cfe solid;border-radius:50px;color:#1d6cfe;font-size:1.2rem;text-align:left;font-weight: bold;padding-left:1.2rem;}
.zd .tips img{display: block;position: absolute;width:22%;top:-10px;right:0;}