body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img{margin:0;padding:0}
body,button,input,select,textarea{font:.14rem/1.5 '\5FAE\8F6F\96C5\9ED1',tahoma,sans-serif}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0;display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
input{-webkit-appearance:none;}
input,button,select,textarea{outline:none}
textarea{resize:none}
a{text-decoration: none;}
a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;}


@font-face {
    font-family: 'iconfont';
    src: url('../iconfont/iconfont.eot');
    src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../iconfont/iconfont.woff') format('woff'),
    url('../iconfont/iconfont.ttf') format('truetype'),
    url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont";font-size:.5rem;color: #fff;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}


.wrap{width: 7.2rem;height: 100%;background-color: #eee;margin: 0 auto;position: relative;padding-bottom: .8rem;}
.header{width: 6.6rem;height:auto;padding:.07rem .3rem;position: fixed;top:0rem;left: 50%;margin-left: -3.6rem;z-index:999;}
.header .top{width:100%;display: flex;justify-content: space-between; }
.header .logo img{width: 2.51rem;height: .58rem;background-size: 100%;}
.search1{width: 6.6rem;height: .6rem;margin: .1rem auto 0rem;position: relative;}
.search1 input{width: 6.6rem;height: .6rem;background-color: #fff;border:none;border-radius: .3rem;display: block;font-size: .2rem;text-indent: .2rem;}
.search1 i{display: block;position: absolute;color: #ddd;top:0rem;right: .15rem;}

.carousel{width: 100%;height: 4.35rem;position: absolute;top:0px;left:0px;z-index: 0;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {width: 100%;height: 100%;text-align: center;font-size: 18px;background:url("../images/carousel1.png") 0 0 no-repeat;background-size: cover;}
.swiper-pagination-bullet{width: .4rem;height:.08rem;background-color: #eee;border-radius: inherit;}

.inner{width: 100%;height: auto;margin: auto;padding-top: 4.34rem;}
.fastPass{width: 7.2rem;height:auto;margin: 0 auto;display: flex;justify-content: space-around;padding: .35rem .2rem;background-color: #fff;}
.fastPass li img{width: 1.12rem;height: 1.13rem;background-size: 100%;margin-bottom: .1rem;}
.fastPass li p{text-align: center;color:#666;font-size: .26rem;line-height: .36rem;}

.hot{position: absolute;right: -.2rem;top: -.08rem;display: block;background: url('../images/hot.png') 0 0 no-repeat;background-size:100%;width: .65rem;height: .40rem;}


.title{font-size: .3rem;color:#000;line-height: .5rem;font-weight: bold;}
.title span{color:#0cba52;font-size: .3rem;font-weight: bold;}   /**  font-weight: bold;    **/
.sec{width: 7.2rem;height:auto;margin: .2rem auto;background-color: #fff;padding: .2rem .2rem;}
.section1 .con{width: 100%;height: 3.9rem;margin-top: .1rem;}
.section1 .con a{width: 100%;display: block;}
.section1 .con .boxLeft{float: left;position: relative;}
.section1 .con .boxLeft img{width: 2.7rem;height: 3.9rem;display: block;background-size: 100%;}
.section1 .con .boxLeft .countdown{height: .5rem;position: absolute;top:.85rem;left:.18rem;display: flex;align-items: center;}
.section1 .con .boxLeft .countdown span{padding:0rem .06rem;font-size: .24rem;font-weight:bold;text-align: center;color:#fff;background-color: red;border-radius: .05rem;}
.section1 .con .boxLeft .countdown i{display: block;font-style: normal;padding:.03rem;font-weight: bold;color: red;font-size: .24rem;}

.countdown1{height: .5rem;position: absolute;top: 1.75rem;left: .3rem;display: flex;align-items: center;z-index: 9;}
.countdown1 span{padding:.05rem;font-size: .14rem;text-align: center;color:#fff;background-color: red;border-radius: .05rem;}
.countdown1 i{display: block;font-style: normal;padding:.03rem;font-weight: bold;color: red;}


.section1 .con .boxRight{float: right;}
.section1 .con .boxRight img{width: 4rem;height: 1.9rem;background-size: 100%;}
.section1 .con .boxRight a:nth-child(2){margin-top: .1rem;}
.section2 .con{width: 100%;height: auto;}
.section2 .con .figure img{width: 6.8rem;height: 3rem;display: block;background-size: 100%;}
.section2 .con ul{width: 100%;height: auto;margin-top:.1rem;display: flex;justify-content: space-between;flex-wrap:wrap;}
.section2 .con ul li{width: 2.2rem;height: 2.85rem;background-color: #ecede6;margin-top: .1rem;}
.section2 .con ul li a{width: 100%;height: 100%;display: block;}
.section2 .con ul li .p1{text-align: center;font-size: .24rem;line-height: .24rem;color: #666;font-weight: bold;padding-top: .25rem;}
.section2 .con ul li .p2{text-align: center;font-size: .2rem;line-height: .2rem;color: #555;padding-top: .15rem;}
.section2 .con ul li img{width: 2.2rem;height: 2.84rem;display: block;background-size: 100%;margin: 0 auto;}

.section2 .con  ul.twoPic li{width: 49%;background-color: #fff}
.section2 .con  ul.twoPic li img{width: 100%;height: 100%;}

.section3 {padding: .2rem 0rem;}
.section3 .title{ text-indent: .2rem;}
.section3 .con1{width: 100%;height: auto;}
.section3 .con1 ul{width: 100%;height: auto;margin-top:.1rem;display: flex;justify-content: space-between;flex-wrap:wrap;background-color: #ddd;border-top: 1px solid #eee;}
.section3 .con1 ul li{width: 2.4rem;height: 3.9rem;margin-top: -1px;background-color: #fff;border: 1px solid #eee;border-left: 1px solid #fff;}
.section3 .con1 ul li img{width: 1.78rem;height: 1.78rem;display: block;background-size: 100%;margin: .1rem auto;}
.section3 .con1 ul li .p1{padding: .25rem .15rem .0rem .2rem;font-size: .24rem;line-height: .26rem;color: #333;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.section3 .con1 ul li .p2{text-indent: .2rem;font-size: .2rem;line-height: .2rem;color: #555;padding-top: .15rem;}
.section3 .con1 ul li a >div{display: flex;justify-content: space-between;align-items: center;margin-top: .1rem;}
.iconfont3{background-color: red;border-radius: 50%;color: #fff;font-size: .30rem;padding: .1rem;text-align: center;line-height: .58rem;}
.prise{font-size: .24rem;line-height: .58rem;color: #333;margin-left: .2rem;float: left;display: block;width: 1rem;height: .58rem;}
.prise b{font-size: .3rem;}
.loadover{width: 100%;height: auto;background-color: #eee;text-align: center;font-size: .14rem;line-height: 30px;color:#ccc}
.loadmore {display:block;line-height:30px;text-align:center;color:#ccc;font-size:.14rem;background-color: #eee;}
.loadmore span {height:.25rem;width:.25rem;border-radius:100%;margin-top: 0px;margin-right: .1rem;display:inline-block;border:.02rem solid #f60;
    border-bottom-color:transparent; align-items: center; vertical-align:middle;  -webkit-animation:rotate 1.1s infinite linear; animation:rotate 1.1s infinite linear;
}
/**加载效果旋转**/
@-webkit-keyframes rotate {
    0% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}@keyframes rotate {
     0% {
         -webkit-transform:rotate(0deg);
         transform:rotate(0deg);
     }
     100% {
         -webkit-transform:rotate(360deg);
         transform:rotate(360deg);
     }
 }



.footer{width: 6.2rem;height:auto;padding:.05rem .5rem;position: fixed;bottom:0rem;left: 50%;margin-left: -3.6rem;z-index:999;background-color: #fff;border-top:1px solid #ddd;}
.footer .bottom{width:100%;display: flex;justify-content: space-between; }
.iconfont2{color: #666;font-size: .44rem;line-height: .54rem;}
.footer .bottom > a p{display: block;color: #666;text-align: center;}
.footer .bottom > a.active i{color: #ff3651;}
.footer .bottom > a.active p{color: #ff3651;}

.goTop{position: fixed;right: .05rem;bottom: 1.05rem;z-index:9999;width: .64rem;height: .64rem;background: rgba(0,0,0,0.55);border-radius: 100%; display: flex;align-items: center;}
.goTop a{display: block;width: .5rem;height: .5rem;margin: 0 auto;background: url("../images/goTop.png") 0 0 no-repeat;background-size: 100%;}