body,ul,li,ol,p,img,span,h1,h2,h3,h4,h5,h6,b,form,input,select,textarea,dd,dt,dl{
	margin:0px;
	padding:0px;
	font-family:"Microsoft Yahei","寰蒋闆呴粦",Tahoma,Arial,Helvetica,STHeiti;

}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
body{
	font:12px normal;
	font-family:"Microsoft Yahei","寰蒋闆呴粦",Tahoma,Arial,Helvetica,STHeiti;
	color:#323232;
}

img,a{
	border:0px;
}
a{
	outline: medium none;
	text-decoration: none;
	color: #7e7a7a;
	cursor: pointer;
	margin-left:10px;
}
a:hover{ color:#7e7a7a;}
ul,li,ol{
	list-style:none;
}

.box{ width:100%; margin:0px auto; max-width: 7.5rem; padding-top: .9rem;}
.title{ width: 100%; height:.88rem; text-align: center; position: fixed; top:0; left:0; right:0; background:#fff; z-index: 995;}
.title::after{ content: " ";transform: scale(.5,.5); transform-origin: left top; height:1px; overflow: hidden; background:#DEDEDE; position: absolute; width:200%; top: .89rem; left:0;right:0;}
.title img{ width:1.76rem; margin-top:.2rem;}

.swiper{ position: relative; z-index: 0; margin:.19rem auto 0; width: 6.94rem; height: 3.9rem; overflow: hidden; border-radius: .1rem;}
.swiper img{ height:3.9rem;width:6.94rem;}

.list-box{ width:6.94rem; margin:.34rem auto 0;}
.list-title{ font-size: .3rem; color:#272727;}
.list-title .dot{ margin-right: .06rem; position: relative; top: -.01rem; width:.12rem; height:.3rem; background:#FFB337;border-radius: .06rem; display: inline-block; vertical-align: middle;}

.list-inner{ margin:.13rem 0 0; padding-bottom:1.2rem ; width:100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.list{ margin-bottom:.32rem;}
.list img{ width: 3.37rem; height: 1.94rem; border-radius: .1rem;}
.list h3{ color:#666666; font-size: .26rem; margin-top:.13rem;}
.open-bar{ position: fixed; bottom: 0; left:0; right:0; background:#fff; height:1.16rem; z-index:999;}
.open-bar > div{box-sizing: border-box;  margin:0px auto; max-width: 7.5rem; height:1.16rem; padding:0px .28rem; display:flex; padding:0px .28rem; align-items: center; }
.open-bar::after{
    height:1px;
    background:#DEDEDE;
    content:" ";
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:200%;
    transform: scale(.5,.5);
    transform-origin: left top;
}
.open-bar > div > img{ width:.9rem; margin:.13rem .19rem 0 0;}
.open-word{
    font-size:.3rem;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(39,39,39,1);
line-height:.42rem;
}
.open-tips{
    font-size:.24rem;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(153,153,153,1);
line-height:.33rem;
}
.open-bar-btn a{ color:#fff; display: block; appearance: none;}
.open-bar-btn a:link,.open-bar-btn a:visited{color:#fff;}
.open-bar-btn a:active{ background:none;}
    .open-bar-btn{
    background: linear-gradient(90deg,rgba(255,82,59,1) 0%,rgba(255,176,69,1) 100%);
    width:1.95rem;
    height:.68rem;
    line-height: .68rem;
    text-align: center;
    font-size:.32rem; color:#fff;
    border-radius:50px;
    margin-left:auto;
}
.swiper-pagination-bullet{ opacity: .5 !important; background:rgba(255,255,255);}
.swiper-pagination-bullet-active{ background:rgb(39, 36, 36) !important;}

.video-box{ display: none; background:rgba(0,0,0,.3); position: fixed; top:0; left:0; bottom:0; right:0; z-index: 997;}
.video-box video{ width:100%; height:300px; top:40%; position: fixed; margin-top:-150px; z-index: 998;}
.play-video{ width:6.94rem; background:#000;}

.close{ 
    position: fixed; 
    top:50%; 
    left:50%;
    margin-left:-.42rem;
    width:.4rem; 
    height:.4rem;
    z-index:999999;
    margin-top:2.40rem;
    border:1px solid #f2f2f2;
    border-radius:30px;
    padding:10px;
    display:none;
}