@charset "utf-8";
/* CSS Document */
html,body{height: 100%;}
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }
@font-face {
    font-family: "font1";
    src: url(../images/alt.otf);  
    
}

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.inbox{position: absolute; left: 0; width: 100%;top:50%; transform: translateY(-50%);}
.header{padding: 0 60px; overflow: hidden;}
.logo{float: left; width: 69px;}
.logo img{width: 100%; border-radius: 50%;}
.nav{float: left; }
.nav ul{overflow: hidden; margin-left: -36px;padding-left: 62px;}
.nav li{float: left; padding-left: 36px;}
.wzgn{float: right; }
.wzgn ul{overflow: hidden; }
.wzgn li{float: left; padding-left: 32px;}
.cjrs{position: relative;}
.cjrs p{font-size: 22px; line-height: 67px;text-align: right; padding-right: 20px; color: #fff; position: absolute; right: 0; top: 0;font-family: "font1";font-style: italic;}
.ztnr{width: 1590px; margin: 100px auto 0 auto; position: relative; padding: 0 225px;}
.ztnr .swiper-slide { background-position: center; background-size: cover;width: 380px; }
.ztnr img{width: 100%;}
.ztnr .swiper-button-next{background: url(../images/a5.png); width: 57px; margin-top: -28px; height: 57px;background-size: 100% 100%; border-radius: 50%;}
.ztnr .swiper-button-prev{background: url(../images/a4.png); width: 57px; margin-top: -28px; height: 57px;background-size: 100% 100%; border-radius: 50%;}
.dbxx{overflow: hidden; padding: 20px 60px 0 60px  ;}
.dbxx_left{float: left;}
.dbxx_right{float: right;}
.dbxx_right ul{overflow: hidden;}
.dbxx_right li{float: left; padding-left: 15px;}

/*盲盒结果*/
.mhjg{padding-top: 80px;}
.umjgbox{width: 450px; margin: 0 auto;}
.umjgbox img{width: 100%;}
.btn1 {width: 196px; display: block; margin: 50px auto 0 auto;}

/*盲盒*/
.btn2 {display: block; width: 196px; margin: 60px auto 0 auto;}
.btn5 {display: block; width: 196px; margin: 60px auto 0 auto;float: left;}
.mhnr{padding:60px 0 80px 0;}
.nh_t1{position: relative; height: 415px; width: 292px;}
.nhbox{background: url(../images/a15.png); height: 294px;top:80px; position: absolute; left: 0;width: 292px;z-index: 1;background-size: 100% 100%;transition: All 0.4s ease-in-out;}
.nhbox2{background: url(../images/a15-2.png); height: 294px;top:80px; position: absolute; left: 0;width: 292px;z-index: 1;background-size: 100% 100%;transition: All 0.4s ease-in-out;}
.nhbox3{background: url(../images/a15-3.png); height: 294px;top:80px; position: absolute; left: 0;width: 292px;z-index: 1;background-size: 100% 100%;transition: All 0.4s ease-in-out;}
.mhnr ul{text-align: center;}
.mhnr li{display: inline-block; padding: 0 30px;cursor:pointer;}
.tybj{background: url(../images/a16.png); height: 119px; background-size: 100% auto;width: 100%; left: 0; bottom: 0;position: absolute;transition: All 0.2s ease-in-out;}
.mhtop:hover .tybj{opacity: 0.5;}
.mhtop:hover  .nhbox{top: 10px;background: url(../images/a14.png);background-size: 100% 100%;}
.mhtop:hover  .nhbox2{top: 10px;background: url(../images/a14-2.png);background-size: 100% 100%;}
.mhtop:hover  .nhbox3{top: 10px;background: url(../images/a14-3.png);background-size: 100% 100%;}

/*比赛结果*/
.bsjg ul{overflow: hidden;text-align: center;}
.bsjg li{display: inline-block; padding: 0 100px;}
.bsjgbox{background: url(../images/a18.png); width: 477px;height: 618px;background-size: 100% 100%;}
.bsjgbox h2{padding: 140px 0 75px;}
.bsjgbox img{margin: 0 auto;}
.sztj{background: url(../images/a1.png);width: 284px;height: 69px; background-size: 100% 100%; margin: 0 auto;}
.sztj p{text-align: center; line-height: 69px; color: #36ff00;font-size: 26px; font-family: "font1";font-style: italic; padding-left: 40px;}
.btn3{background: url(../images/a20.png); width: 196px;height: 63px;background-size: 100% 100%;transition: All 0.3s ease-in-out;display: block; margin: 80px auto 0 auto;}
.btn3:hover{background: url(../images/a21.png); width: 196px;height: 63px;background-size: 100% 100%;}
.bsjg  ul li:nth-child(2) .bsjgbox{ background: url(../images/a17.png); width: 477px;height: 618px;background-size: 100% 100%;}
.bsjg  ul li:nth-child(2) p{color: #ff0000;}

/*卡片列表*/
.inbox1{padding-top: 60px;}
.kplb{overflow: hidden; padding: 30px 100px 0 100px;}
.kplb_left{float: left; width: 24%;padding-top: 40px;}
.kplb_left img{width: 100%;}
.kplb_left a{background: url(../images/a6.png); width: 274px;height: 63px;background-size: 100% 100%; display: block; margin-top: 50px;}
.kplb_right{width: 75%; padding-left: 60px;float: right;}
.kplbbox{background: url(../images/a23.png) no-repeat center center;background-size: 100% 100%; padding: 60px 80px 25px 80px;}
.kplbbox ul{overflow: hidden; margin-left: -25px;}
.kplbbox li{float: left; width: 25%; padding: 0 0 14px 25px;}
.kplbbox a{display: block;  padding: 6px;}
.kplbbox img{width: 100%;}
.kplbbox a:hover{background: url(../images/a24.png);background-size: 100% 100%;}
.kplb_btn{text-align: center; padding-top: 35px;}
.kplb_btn li{display: inline-block; padding: 0 40px;}


@media(max-width:1800px){
.inbox {width: 100%;  padding: 0 1%;}
.header{ padding: 0;}
.nav img{ height: 45px;}
.logo img{height: 45px;width: auto;}
.nav ul{ padding-left: 0;}
.wzgn img{ height: 45px;}
.cjrs p{line-height: 45px;}

.dbxx_left img{height: 45px;}
.btn2 img{height: 45px; margin: 0 auto;}
}
@media(max-width:1000px){



}