body,html {height: 100%; background:#000;}

ul {margin: 0;   padding: 0;}
a {outline:0;}
-webkit-tap-highlight-color:rgba(0,0,0,0);
::-webkit-selection { background:#FFF; color:#333;}
.container {width: 6.40rem;height: 100%; overflow:scroll;  margin: 0 auto;}
.loading {position: fixed;top: 0;left: 0;bottom: 0;*position: absolute;z-index: 20;right: 0;background: #000;display: none;}
.spinner3 {margin: 2rem auto;width: .60rem;height: .60rem;position: absolute;top: 50%;left: 50%;margin-top: -.30rem;margin-left: -.30rem;}
.container1>div,.container2>div,.container3>div {width: .16rem;height: .16rem;background-color: #fff;border-radius: 100%;position: absolute;-webkit-animation: bouncedelay 1.2s infinite ease-in-out;animation: bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.noblack .container1>div,.noblack .container2>div,.noblack .container3>div {background-color: #b3b2af}
.spinner3 .spinner-container {position: absolute;width: 100%;height: 100%}
.container2 {-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg)}
.container3 {-webkit-transform: rotateZ(90deg);transform: rotateZ(90deg)}
.circle1 {top: 0;left: 0}
.circle2 {top: 0;right: 0}
.circle3 {right: 0;bottom: 0}
.circle4 {left: 0;bottom: 0}
.container2 .circle1 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s}
.container3 .circle1 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s}
.container1 .circle2 {-webkit-animation-delay: -.9s;animation-delay: -.9s}
.container2 .circle2 {-webkit-animation-delay: -.8s;animation-delay: -.8s}
.container3 .circle2 {-webkit-animation-delay: -.7s;animation-delay: -.7s}
.container1 .circle3 {-webkit-animation-delay: -.8s;animation-delay: -.8s}
.container2 .circle3 {-webkit-animation-delay: -.5s;animation-delay: -.5s}
.container3 .circle3 {-webkit-animation-delay: -.4s;animation-delay: -.4s}
.container1 .circle4 {-webkit-animation-delay: -.4s;animation-delay: -.4s}
.container2 .circle4 {-webkit-animation-delay: -.2s;animation-delay: -.2s}
.container3 .circle4 {-webkit-animation-delay: -.1s;animation-delay: -.1s}
@-webkit-keyframes bouncedelay {0%,80%,100% {-webkit-transform: scale(.0)}
40% {-webkit-transform: scale(1.0)}
}
@keyframes bouncedelay {0%,80%,100% {transform: scale(.0);-webkit-transform: scale(.0)}
40% {transform: scale(1.0);-webkit-transform: scale(1.0)}
}
.swiper-container {height: 100%;}

.btn1 {background:url("../img/btn1.png") 0 0 no-repeat;width:3.63rem;height:.73rem;display:inline-block;background-size:100%;text-decoration: none;line-height: .73rem;}
.btn1 span {font-size:.28rem;color: #463308;}

.arrow-down {
     position:fixed;
     bottom:.30rem;
     left:50%;
     width: .68rem;
     height: .69rem;
     margin-left: -.35rem;
     background:url("../img/next.png") 0 0 no-repeat;
     background-size:100%;
     z-index: 10;
     -webkit-animation: down 1.5s infinite ease-in-out;
     -moz-animation: down 1.5s infinite ease-in-out;
     animation: down 1.5s infinite ease-in-out;
     }


.block-center {text-align: center;font-size: .18rem; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; height: 100%;}

.block-bottom {text-align: center;font-size: .18rem;display: -webkit-box; -webkit-box-pack: end;-webkit-box-orient: vertical;box-pack: end;box-orient: vertical;}

.d-box-v {display:box;
display: -webkit-box;
display: -ms-flexbox;
display: -moz-box;
-webkit-box-orient: vertical;
height: 100%;width: 100%;}

.d-box {display:box;
display: -webkit-box;
display: -ms-flexbox;
display: -moz-box;
height: 100%;width: 100%;}

.box-flex{box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;}

/*-- section-1 --*/
.section-1 {background:url("../img/bgcut.jpg") 0 0 no-repeat;height:6.99rem;}
.section-2 {background:url("../img/bgcut-02.jpg") 0 0 no-repeat;height:5.74rem;}
.section-3 {background:url("../img/bgcut-03.jpg") 0 0 no-repeat;height:18.26rem;}
.section-4 {background:url("../img/bgcut-04.jpg") 0 0 no-repeat;height:5.25rem;}
.section-5 {background:url("../img/bgcut-05.jpg") 0 0 no-repeat;height:9.12rem;}
.section-6 {background:url("../img/bgcut-06.jpg") 0 0 no-repeat;height:9.76rem;}

.section {background-size:100%; position:relative;width: 6.4rem;}

/*-- section-1 --*/
.section-1 a.a1 { display: inline-block;height:0.66rem;width:1.77rem;position: absolute;bottom:0.07rem;right: 0;}

/*-- section-3 --*/
.section-3 .taglink {text-align:center; padding-left:0.18rem; position: relative;top: .18rem;}
.section-3 .taglink a{background:url("../img/taglink.png") 0 0 no-repeat;width:2.86rem;height:.9rem; display:inline-block;background-size:5.82rem 1.7rem; cursor:pointer;}

.section-3 .taglink a.a1{background-position:0 -.90rem;margin-right:0.10rem;}
.section-3 .taglink a.a1.active {background-position:0 0;}

.section-3 .taglink a.a2{background-position:-3.09rem 0px;}
.section-3 .taglink a.a2.active {background-position:-3.09rem -.90rem;}

.section-3 .tagitem-1 {background:url("../img/tagitem1-1.png") center 0 no-repeat; height:15.19rem;background-size:5.75rem 15.19rem;}
.section-3 .tagitem-2 {background:url("../img/tagitem1-2.png") center 0 no-repeat; height:15.19rem;background-size:5.75rem 15.19rem;}

.section-3 .tagbox {padding-top:.5rem;}

.section-3 .more {position: absolute;bottom:0.45rem;width:2.26rem;height:0.64rem;left:1.98rem;}

/*-- section-5 --*/
.section-5 .taglink{text-align:center;}
.section-5 .taglink a {background: url(../img/taglink2.png) 0 0 no-repeat;width:1.45rem;height:1.02rem;display: inline-block;background-size: 5.93rem 2.26rem;}

.section-5 .taglink a.a1{}
.section-5 .taglink a.a2{background-position:-1.50rem 0;}
.section-5 .taglink a.a3{background-position:-3.00rem 0;}
.section-5 .taglink a.a4{background-position:-4.50rem 0;}

.section-5 .taglink a.a1.active{background-position:0 -1.19rem;}
.section-5 .taglink a.a2.active{background-position:-1.50rem -1.19rem;}
.section-5 .taglink a.a3.active{background-position:-3.00rem -1.19rem;}
.section-5 .taglink a.a4.active{background-position:-4.50rem -1.19rem;}

.section-5 .tagbox {padding-top:0.50rem;}
.section-5 .tagitem-1 {background:url("../img/tagitem2-1.png") 0 0 no-repeat;width:6.40rem;height:5.95rem;background-size:100%;}
.section-5 .tagitem-2 {background:url("../img/tagitem2-2.png") 0 0 no-repeat;width:6.40rem;height:5.95rem;background-size:100%;}
.section-5 .tagitem-3 {background:url("../img/tagitem2-3.png") 0 0 no-repeat;width:6.40rem;height:5.95rem;background-size:100%;}
.section-5 .tagitem-4 {background:url("../img/tagitem2-4.png") 0 0 no-repeat;width:6.40rem;height:5.95rem;background-size:100%;}

.section-5 .more { position: absolute;bottom:1.03rem;left:1.98rem;width:2.35rem;height:0.59rem;}

/*-- .section-6 --*/
.section-6 .code { position: absolute;left:0.56rem;top:6.22rem;width:2.36rem;height:2.36rem;}

/*-- poprule --*/
.poprule {background: #071633;bottom: 0;right: 0;color: #fff;overflow: scroll;box-sizing: border-box;padding: 0rem 30px;line-height: 0.24rem;font-size: 0.15rem;width: 100%;height: 100%;padding-bottom:1.38rem;}
.poprule-scroll {height: 95%;padding-top:0.30rem;overflow:hidden;position: relative;padding-bottom:.3rem;}


.poprule .sp1 { font-size:0.35rem;vertical-align: middle;line-height:0.24rem;position: relative;top:-0.03rem;margin-right:0.05rem;}
.poprule .back {background:url("../img/btn-back.png") 0 0 no-repeat;width:2.56rem;height:0.71rem;background-size:100%;display:block;margin:0 auto;margin-top:0.30rem; position: fixed;z-index: 10;bottom:0.30rem;left: 50%;margin-left:-1.37rem;}

.popbk-wrap {position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: auto; z-index:100; background:rgba(0, 0, 0, 0.5);}
.popbk {position: absolute; top:0; left:0; -webkit-transition:0.5s; transition:0.5s;  -webkit-transform: scale(0); transform: scale(1); height: 100%;width: 100%;}
.popbk .close {position:absolute;right:0;top:0; width:0.30rem;height:0.30rem;background:red; cursor:pointer;display:none;}
.fade.in { opacity: 1; }
.fade.in .popbk {-webkit-transform: scale(1); transform: scale(1);}
.fade{opacity: 0;-webkit-transition: opacity .3s linear;-o-transition: opacity .3s linear;transition: opacity .3s linear;}

.scroller {position: absolute;z-index: 1;-webkit-tap-highlight-color: rgba(0,0,0,0);width: 100%;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}

#wrapper1 .scroller {width: 6rem;padding-bottom:.6rem;}