﻿*{-webkit-box-sizing: border-box;box-sizing: border-box;outline: none;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
padding: 0;
margin: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}
q:before,q:after {
content:'';
}
abbr,acronym { border: 0;
}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
    margin: 0;
}.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }
.clearfix:after {content: " ";clear: both;display: block;height: 0;visibility: hidden; }
.wapper{
	width:7.5rem;
	margin:0 auto;padding-bottom:1rem; overflow:hidden;}
.img img{ display:block; width:100%;}
.yun{ position:relative; display:block; background:url(yun.png?v=2) no-repeat; background-size:100% 100%; width:6.9rem; height:3.69rem; margin:0 auto;}
.progress{ position:absolute; top:2.06rem;width: 6.9rem;}
.progress .tip{ position:relative;margin-left: -.9rem;}
.progress .progress-bar{ height:.05rem; background:#fff;}
.progress .tip-box{    width: 1.8rem;
    text-align: center; padding:0 .2rem; background:#fff; height:.5rem; line-height:.5rem; font-size:.24rem; color:#666; border-radius:.25rem;}
.progress .down-arrow{width: 0;
height: 0;
border-width: .08rem;
border-style: solid;
border-color: white transparent transparent transparent; margin-left:.82rem}
.siyou{ position:relative; display:block; background:url(siyou.png?v=1) no-repeat; background-size:100% 100%; width:6.9rem; height:3.69rem; margin:0 auto;}

.info{ width:5.4rem; margin:0 auto .2rem;}
.info p{ font-size:.3rem; color:#666; line-height:.56rem;}
.info p.qq{ width:3.8rem; margin:0 auto; background:url(qq.png) 0 center no-repeat; background-size:.31rem .32rem; padding-left:.5rem; }
.info p.tel{width:3.8rem; margin:0 auto; background:url(tel.png) 0 center no-repeat; background-size:.31rem .31rem; padding-left:.5rem;}

.info .wx{ width:3rem; height:3.49rem; display:block; margin:.2rem auto;}


.box{
    position: fixed;
    bottom:.2rem;
	width:100%;
}
.swiper-container{ position: relative; }
.swiper-wrapper .swiper-slide{ margin-right:.8rem;padding:.04rem .2rem;
border-radius:.24rem; text-align:center;  font-size:.24rem; color:#3a74f3;  background-color:rgba(182,206,255,.5);}
.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: linear; /*֮ǰ��ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}

.right-btn{ position:fixed; right:.2rem; bottom:15%; background:url(btn.png) no-repeat; background-size:100% 100%; width:2.78rem; height:1.1rem;}


