/* CSS Document */
html{ font-size:100px;}
body {font-family:微软雅黑;font-size:0.01rem;}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none;vertical-align:top; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}

.marker{ max-width: 640px; min-width: 320px; margin:0 auto; position: relative;overflow: hidden;}
.marker .fl{ float: left;}
.marker .ov{ overflow: hidden;}
.marker .re{ position: relative;}
.marker .tc{ text-align: center;}
.marker-top{ background: #8012e9; height:0.86rem; padding:0.12rem 0.15rem; box-sizing: border-box;-webkit-box-sizing: border-box; text-align: center}
.marker-top .more{ margin:0.2rem 0 0 0.1rem;}
.marker-top .logo{ margin-top:0.08rem; display: inline-block}

.marker-icon{ padding:0.2rem 0.15rem 0 0.15rem; background:#fff; }
.marker-icon ul li{ width:25%; float: left; text-align: center; margin-bottom: 0.2rem}
.marker-icon ul li:nth-of-type(4n){ margin-right: 0;}
.marker-icon ul li img{ width:1.12rem; display: inline-block}
.marker-icon ul li p{ font-size: 0.24rem; color:#757575;}

.newslist{ padding: 0.2rem; border-bottom:0.05rem solid #f3f7f7; overflow: hidden;}
.newslist i{ display: block; width:1.18rem; float: left;}
.newslist .sp-newslist{ width:4.6rem; float: right; font-size: 0.22rem; height: 0.35rem; }
.newslist .sp-newslist a{color: #7d868e}
.newslist .sp-newslist font{ color: #ea568e}

.marker-adv2{ padding: 0.2rem}

.marker-youli{ padding:0.2rem; background: #ffc6d9}


.marker-nav{ padding-left: 0.15rem; background:#fff; height:0.65rem; font-size: 0.24rem; line-height: 0.65rem; }
.marker-nav .swiper-container {
  width: 100%;
}
.marker-nav .swiper-slide {
  width:1250px ;
  background: #fff;
}
/*.marker-nav .swiper-slide .marker-list .listaa{height:0.65rem;overflow: hidden;}*/
.marker-nav .swiper-slide .listaa a{ width:1rem; height:0.65rem; color:#000; float: left; text-align: center;}
.marker-nav .swiper-slide .listaa a.onn{ border-bottom: 0.03rem solid #3ecac3}

.marker .navonn{ position: fixed; top: 0; left: 50%; width:6.4rem; margin-left: -3.2rem; box-sizing: border-box; z-index: 100;}
.marker .likefenlei .ul1.show{ display:block;}
.kuangh-txt span img{webkit-animation: shake 4s linear normal both infinite;
    -o-animation: shake 4s linear normal both infinite;
    animation: shake 4s linear normal both infinite; }
.team2 .team1-1{ width:63%;}
.team2 .team1-1 img{ height:1.39rem;}
.team2 .team1-1 p{ font-size: 0.2rem; line-height: 0.26rem; padding:0.1rem;}

.nav {
    position: absolute;
    padding-top: 0.3rem;
    width: 50%;
    top: 0;
    bottom: 0;
    background: #262433;
    z-index: 1;
}
.nav a {
    position: relative;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding-left: 1.42rem;
    height: 0.75rem;
    line-height: 0.75rem;
    font-size: 0.3rem;
    color: #cacaca;
}
.nav a em:nth-of-type(1) {
    display: block;
}
.nav a em {
    position: absolute;
    width: 0.37rem;
    height: 0.37rem;
    left: 0.85rem;
    top: 0.21rem;
}
.nav a em:nth-of-type(2) {
    display: none;
}
.nav a.active em:nth-of-type(1){ display:none;}
.nav a.active em:nth-of-type(2){ display:block;}
.nav a.active font{ color:#c375f2;}
.dadada {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: #fff
}


.marker-adv2{ border-bottom: 0.1rem solid #f3f7f7}
.View_shipin{ max-width: 640px; min-width: 320px; margin: 0 auto}
.View_shipin .dj{ position: relative}
.View_shipin .dj i{ display: block; width:1.01rem; height:0.98rem; position: absolute; right:0.1rem;bottom:0.1rem}
.View_shipin .player{ width: 0.78rem; height: 0.77rem; position: absolute; left: 45%; 
    top:25%; animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite}
/*视频弹窗的样式*/
.videoBox{width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);position: fixed;left: 50%;top: 50%;z-index: 999;display: none;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.videoBox.show{display: block;}
.videoBox .videoPlay{width:6rem;height: 3.2rem;position: absolute;right:0.2rem;top: 50%;z-index: 999;background-color: #000;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
.videoBox .close{position: absolute;right: 20px;top: 20px;cursor: pointer;width: 0.52rem;height: 0.52rem;}

.marker-list .list{ border-bottom:0.1rem solid #f3f7f7}
.marker-list .list h2{ font-size: 0.32rem; text-align: center; line-height: 0.9rem}
.marker-list .list dd{ padding: 0.2rem 0; overflow: hidden;}
.marker-list .list dd .swiper-slide a{ position:relative; display: block; padding:0 8px; color: #5d5d5d}
.marker-list .list dd h3{ font-size: 0.2rem; height:0.5rem; overflow:hidden; line-height:0.25rem;}
.marker-list .list dd span{ display: block; padding: 0.1rem 0; text-align: center}
.marker-list .list dd i{ font-style: normal; font-size: 0.18rem;}
.marker-list .list dd p{ font-size: 0.27rem;color: #ff4b79; }

.marker-list .swiper-slide em {

    display: block;
    line-height: 0.22rem;
	text-align:left;
    font-size: 0.25rem;
    color: #ff6600;
    font-style: normal;
    margin-top: 0.2rem;

}
.marker-list .swiper-slide em b {

    font-size: 0.34rem;
    font-weight: normal;

}
.marker-list .swiper-slide em i {

    font-style: normal;
    text-decoration: line-through;
    font-size: 0.2rem;
    color: #a2a2a2;

}
.marker-list .swiper-slide div.daa {

    position: absolute;
    width: 0.45rem;
    bottom: 0.1rem;
    right: 8px;

}


.marker-yh{ padding: 0.2rem}

.marker-yh .ti{ font-size: 0.26rem; margin-bottom:0.2rem; color: #1e1e1e; border-left: 0.05rem solid #3ecac3; padding-left: 0.1rem}

.marker-yh .sp-yh .swiper-slide{width:174px;}
.marker-yh .sp-yh .swiper-slide .yhbox{padding: 0 8px;position:relative}
.marker-yh .sp-yh .swiper-slide span{ display:block; padding:8px 0; }
.marker-yh .sp-yh .swiper-slide span h3 {
    font-size: 0.2rem;
    height: 0.5rem;
    overflow: hidden;
    line-height: 0.25rem;
}

.marker-yh .sp-yh .swiper-slide em {

    display: block;
    line-height: 0.22rem;
	text-align:left;
    font-size: 0.25rem;
    color: #ff6600;
    font-style: normal;
    margin-top: 0.2rem;

}
.marker-yh .sp-yh  .swiper-slide em b {

    font-size: 0.34rem;
    font-weight: normal;

}
.marker-yh .sp-yh .swiper-slide em i {

    font-style: normal;
    text-decoration: line-through;
    font-size: 0.2rem;
    color: #a2a2a2;

}
.marker-yh .sp-yh .swiper-slide div.daa {

    position: absolute;
    width: 0.45rem;
    bottom: 0.1rem;
    right: 8px;

}



.marker-yh .arrow-right{ width:0.86rem; position: absolute; right:0.2rem; top:0.3rem}

.marker-yh .sp-yh {}

.marker-yuyue{ width:6.12rem; margin:0.3rem auto 0; border-radius:0.2rem 0.2rem 0 0; border-top: 1px solid #9966cc; text-align: center; box-shadow: 0px 0px 20px #999; padding-bottom: 0.55rem;}
.marker-yuyue h2{ color: #9966cc; font-size: 0.3rem; padding:0.35rem 0 0.25rem;}
.yuyue-shuru{ }
.yuyue-shuru input{ border:0; width:5.19rem; height:0.77rem; background:url(../images/mz.png) no-repeat; background-size: 100%; padding-left: 1.0rem; box-sizing: border-box; font-size: 0.28rem; color:#6c6c6c;font-family:微软雅黑;outline:none;margin-bottom: 0.2rem;}
.yuyue-shuru input:nth-of-type(2){ background:url(../images/dh.png) no-repeat; background-size: 100%;}
.yuyue-shuru input:nth-of-type(3){ background:url(../images/gs.png) no-repeat; background-size: 100%;}
.marker-yuyue a{ display:block; width:5.19rem; background:#ff1f6b;font-size: 0.28rem; margin:0.2rem auto; line-height: 0.75rem; border-radius: 0.75rem;box-shadow: 0px 0px 10px #ff1f6b;
    webkit-animation: bounce 3s linear normal both infinite;
    -o-animation: bounce 3s linear normal both infinite;
    animation: bounce 3s linear normal both infinite; color: #fff;
}

.sp-list .swiper-slide { width:200px}

@media screen and (max-width: 450px) {
  .marker-list .list .swiper-slide{ width:130px;}
  .marker-yh .sp-yh .swiper-slide{ width:130px}
}


.spin{ -webkit-animation: spin 5s infinite; animation: spin 5s infinite; -moz-animation: spin 5s infinite; }
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.marker-biaozhu{ background:#8112e7; padding-bottom: 0.35rem; text-align:center;margin:0 0 1rem 0;}
.marker-biaozhu h2{  margin:0 auto; padding:0.4rem 0 0.2rem; border-bottom: 1px solid #8f2ee8; margin-bottom: 0.2rem;}
.marker-biaozhu h2 img{ width:2.56rem;}
.marker-biaozhu p{ font-size: 0.18rem; color:#e5c4fe; line-height: 0.3rem;}