body {margin: 0;padding: 0;position: relative;height: 100%;overflow-x: hidden;font-family: "微软雅黑";}
ol ,ul{margin: 0;padding: 0;}
li{list-style: none;}
button, div, a, img{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  -webkit-user-select:none; }
input, textarea{ -webkit-appearance: none; }
div, input, img{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.a{border: 1px solid #f00;}
.clear{clear:both;}
.hide{display: none;}
.txtMore{overflow: hidden; /*text-overflow: ellipsis;*/ white-space: nowrap;}
.flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex1{flex: 1; -moz-box-flex:1.0; -webkit-box-flex:1.0; box-flex:1.0;}

.img{display: block;width: 100%; }

.a01{width: 100%;height: auto; position: relative; }
.hzbxc{padding: 5px;background-color: #ffd200;position: absolute;right: 10px;bottom: 10px;border-radius: 15px;font-size: 0.8em;color: #1d0403;}
.hzbxc img{margin-right: 2px;}
.hzbxc.active{background-color:#cfc9c9}

.shipin{width: 100%; position: relative; background: url(../img/a04.jpg) 0 0 repeat;}
.shipin video{width: 100%;background-color: #000000;display: block;}
.ggreturn{position: absolute;width:100%;}
.ggreturn img{margin-left: 69%; width: 29%;position: relative;margin-top: 4px;}

.a02{width: 100%; background: url(../img/a04.jpg) 0 0 repeat; background-size: 100% 100%;}
.games{padding: 6% 1.5%;}
.games img{width:30%;display: block; float: left; margin-left: 2.5%}
.mhhx{width: 100%;position: relative;}
.mhhx_title{width: 20%;float: left;text-align: center;}
.mhhxlist{flex-wrap: wrap; justify-content:space-between; width: 90%; margin: 10px auto;}
.mhhxlist .list{width: 90px;height: 120px;margin: 0 0 30px 0;text-align: center;}
.divborder{width: 100%; height: 115px; overflow: hidden;-webkit-transform: skewY(-10deg);}
.divborder img{width: 100%; -webkit-transform: skewY(10deg);margin-top: -8px;}
.mhhxlist .list span{display: block;width: 100%;font-size: 12px;color: #ffffff;margin-top:5px;-webkit-transform: skewY(-10deg);}

.a03{width: 100%;position: relative;}
.but1, .but2, .but3, .but4, .but5, .but6, .but7{display: block;position: absolute;height: 100px;/*z-index: 999;*/}
.but1, .but2, .but4, .but5{width:43.75%;top:0;}
.but1{left: 6.25%;}
.but2{right: 6.25%;}
.but3{width: 18.75%;right:6.25%;top:33%;}
.but4{right:6.25%;top:66%;}
.but5{left:6.25%;top:66%;}
.but6{width: 18.75%;left:6.25%;top:33%;}
.but7{width: 38%;left:30%;top:33%; height: 30%;}
.bb{position:absolute;top:0;left:0;/* z-index: 99; */}

.applyList{width: 100%;height: 80px;overflow:hidden;margin: 15px 0;}
.applyList li img{width: 25px;float: left;}
.applyList li img.other{border-radius: 50%;}
.div1{color:#ffffff; background-color: rgba(0,0,0,.6); margin-bottom: 5px; font-size:0.8em;padding:6px 9px;border-radius:14px;display:inline-block;}
.divh{width: 88%;margin-left: 5%;}

.mhtc{width: 70%;position: absolute;top: 110px;left:21.563%; z-index:10;}

.tcdiv{width: 100%;padding: 5px;background-color: #f1be39;}
.tcdivReplay{width: 100%;padding:12px 15px;margin-bottom: 14px;background: url(../img/replaybg.png) 0 0 no-repeat;
  background-size: 100% 100%;color: #f5e5ba;}

.mhtcPic{width:120px; display: block;}

.iconPlay{width: 30px; height: 30px;position: absolute;left: 50%;top: 50%; margin-left: -15px; margin-top: -17px;}
.iconRePlay{width: 30px; height: 30px;position: absolute;left: 50%;top: 50%; margin-left: -15px; margin-top: -17px;}
.mhtcLeft{width: 120px; position: relative;}

.tccontant{/* width: 60%; */display: inline-block;font-size: 12px;padding: 0 0 0 5px;}
.title{/* display:block; */width: 100%;text-align: center;color: #000000;font-weight: bold; height: 14px;}
.mhhxcontant{/* display:block; */width: 73%;color: #000000;height: 30px;overflow: hidden;}
.arrow-up {width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #f1be39;position: absolute;left: 7%;top: -10px;}
.btndiv{width: 100%;margin-top: 20px;}
.btndiv img{display:block;width: 40%;}
.btndiv img.btn1{margin-left:6% ;float: left;}
.btndiv img.btn2{margin-right:6% ;float: right;}
/*聊天弹窗*/
.commentDiv{position: fixed;left: 0;bottom: 0;width: 100%;padding: 12px 8%;background-color: #ffffff;z-index: 9999;}
.commentDiv .comment{width: 100%;height: 30px; margin-bottom: 5px; line-height: 30px;border: 1px solid #c6c6c6;padding-left: 10px;border-radius: 5px;font-size: 0.8em;color: #000;}
.nickname{width: 75%;height: 30px;line-height: 30px;border: 1px solid #c6c6c6;padding-left: 10px;border-radius: 5px;font-size: 0.8em;color: #000;}
.nicknameapp{width: 40%;}
.phone{width: 35%;height: 30px;line-height: 30px;border: 1px solid #c6c6c6;padding-left: 10px;border-radius: 5px;font-size: 0.8em;color: #000;}

.send{width: 20%;height: 30px;line-height: 30px;background-color: #f2b546;border: none;font-size: 0.8em;color: #1d0403;border-radius: 5px;float: right;}

.commentTitle{font-weight: bold; color: #fedb74;}
.bottomImg{position: fixed; width: 100%; left: 0; bottom: 0;}
.bottomImg .btn1{width: 40%; margin-left: 6%;}
.bottomImg .btn2{width: 40%; margin-left: 8%; opacity: 0.5;}
.ShareBtn{width: 40%; margin-left: 54%;}
.app{width: 100%; display: block;}

.bottomImgBlank{ width: 100%; }
.test{position: fixed; left: 0; top: 0;  z-index: 10000; background: #fff; color: #000;}

.lbLeft{width: 80px; position: relative;}
.lbLeftReplay{width: 40%; position: relative;}
.lbLeftPic{width: 100%; height: 45px; display: block;}
.lbLeftPicReplay{width: 100%;height: 77px;display: block;}

.lbRight{font-size: 14px;}
.lbTitle{font-weight: bold;text-align: left;height: 36px;line-height: 18px;padding: 0 0 0 5px;overflow: hidden;margin-top: 5px;}
.lbTitleReplay{text-align: left;height: 36px;line-height: 18px;padding-left: 17%;padding-right: 5%;overflow: hidden;
margin-top: 13%;font-size: 12px;}

.gg{width: 100%; position: relative;}
.gg img{width: 100%;}
.ggBg{opacity: 0;}
.gg1, .gg2{position: absolute; left: 0; top: 0;}

.review{background: url(../img/a11.jpg) 0 0 no-repeat;width:100%;background-size: 100% 100%;position: relative;padding-bottom: 1px;}
.replayList{padding:0px 4%;position: relative;margin-bottom: 5%;max-height: 561px;overflow-y: scroll;}

.divborderSel{border: 1px solid #F2B546;}

.vrpop{width: 100%; position: fixed; left: 0%; top: 0%; height: 100%; background: rgba(0,0,0,.8); z-index: 10000;}
.vrpopImg{width: 80%; margin-top: 100px; margin-left: 10%;}
.vrpopClose{width: 30px; position: absolute; top: 90px; margin-right: -10px; right: 10% ;}

.popShow{position: fixed; padding: 15px; text-align: center; width: 180px; background: #fff; left: 50%; top: 50%; margin-left: -90px; margin-top: -80px; border-radius: 10px; box-shadow: 0px 0px 35px #000;}
.popShow img{width: 60px;}
.ggpause{position: absolute; left: 15%; top: 8%; width: 70%;}

.openShow{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 20000; background: #fff;}
.openShow img{position: fixed; left: 0; top: 0; width: 100%; height: 100%;}
.openShow img.zoominAct{position: absolute;top:0px;left:0px;z-index: 11;height:8%;}
.zoomin1{-webkit-animation: zoomIn 1.2s ease both;}
.zoomin2{-webkit-animation: zoomIn 1.2s ease both 1.2s;}
.zoomin3{-webkit-animation: zoomIn 1.2s ease both 2.4s;}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
  
  100% {
    opacity: 0;
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
  }
}

.inputClose{position: absolute; right: 0; top: 0px; width: 20px;}
.gdclose{position: absolute; left: 0%; top: 40px; width: 20px;}

/* external css: flickity.css */
* { box-sizing: border-box; }
body { font-family: sans-serif; }
.carousel {
  background: transparent;
}
.carousel-cell {
  width: 72%;
  height: 174px;
  margin-right: 12px;
  background: #8C8;
  counter-increment: carousel-cell;
}
.carousel-cell img.img{width:100%;height:100%;}
.carousel-cell .grayBg{position: absolute;bottom: 0px;left:0px;background-color: rgba(0,0,0,.6);width:100%;height:26px;}
.carousel-cell p{position: absolute;bottom: 0px;left:0px;width:100%;height:26px;text-align: center;color:#fff;
  margin: 0px;line-height: 26px;font-size: 12px;overflow: hidden;}
.carousel .flickity-page-dots{margin: 22px 0px 0px 0px;position: relative;bottom: 0px;}
.carousel  .flickity-page-dots .dot{background: #b3b3b3;opacity: 1;width:12px;height:12px;margin: 0px 4px;}
.carousel .flickity-page-dots .dot.is-selected{background: #cc0000;opacity: 1;}