@charset "utf-8";
/*网页的全局样式 解决兼容问题*/
body,div,ul,li,h1,h2,p{ margin:0; padding:0;box-sizing: border-box;}
ul,li { list-style: none;}
body{ font-size:12px;}
img{ width: 100%;display: block;}

.wrap { max-width: 750px;margin: 0 auto;position: relative;}
.soglan { width: 91.6%;position: absolute;top:18%;left: 50%;transform: translateX(-50%);z-index: 3;}
.plane { width: 23.733%;position: absolute;left: 0;top:22%;z-index: 2;}
.swiper1 { width: 94.266%;height:70%;position: absolute;top:29.45%;left: 2.533%;border-top-right-radius: 10px;}
.swiper2 { width: 100%;height: 100%;}

.tabs { width: 94.266%;height: 5.175%;position: absolute;top:57%;left: 2.533%;z-index: 2;}
.tabs li { width: 25%;height: 100%;float: left;}
.tabs li a { width: 70%;height: 100%;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.tabs li a img { width: 68%;}
.tabs li.active a { background: url(//cdn-content.hhxcgame.com/image/mt/m/hd221115/tabbg.png) no-repeat 0 0/100%;}

.swiper-pagination-bullet { background: #fff;opacity: .5;outline: none;width: 10px;height: 10px;}
.swiper-pagination-bullet-active { opacity: 1;}

.videobox { width: 100%;height: 38%;background: #000;overflow: hidden;}
.txt { width: 95%;position: absolute;left:2.5%;top:51%;font-size: .24rem;line-height: 1.9;}
.txt h2 { font-size:.28rem;}