body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:66.3%;font-weight:normal;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration: none;color:#000;}
small{font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
label,input,select,form img,button,textarea{vertical-align:middle;outline:none}
address,caption,cite,code,dfn,em,strong,th,optgroup{font-style:normal;font-weight:normal;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-block;}
/* Hides from IE-mac \*/
* html .clear{height:1%;}
.clear{display:block;}
/* End hide from IE-mac */
*{-webkit-tap-highlight-color:rgba(0,0,0,0) !important;}
html,body{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background:#fff;overflow: hidden;-webkit-user-select: none;user-select: none;}
body,input,select,textarea{font:12px "Microsoft YaHei","宋体",sans-serif;}
img{border:none;outline: none}



.scroll{overflow: auto;-webkit-overflow-scrolling:touch;}

.container{position: fixed;width: 100%;height: 100%;left: 0;top: 0%;transform-origin: 0 0;overflow: auto;-webkit-overflow-scrolling:touch;}
.banner{display: block;width: 100%}
.section{position: relative;}
.section .bg{display: block;width: 100%}
.section .rule_btn{position: absolute;right: 0;top: 0;width: 20vw;height: 10vw;background: rgba(0, 0, 0, 0);}
.section .pic1{padding: 4vw 0;margin-bottom: 4vw;}
.section .pic2{padding: 3vw 0;margin-bottom: 7vw;}
.section.last{padding-bottom: 15vw;}

.list{overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;height: 55vw;position: relative;}
.list ul{float: left;white-space: nowrap;display: flex;position: relative;}
.list ul li{margin-left: 1.7vw;}
.list ul li:nth-child(1){margin-left: 5.7vw;}
.list ul li:last-child{margin-right: 3.6vw}
.list .card{width: 36vw;display: block;}
.scroll_hint{position: absolute;left: 0;top: 70vw;width: 100%}
.scroll_hint .txt{position: absolute;right: 8.55vw;width: 16.58vw;}
.scroll_hint .arrow{position: absolute;right: 3.1vw;width: 4.87vw;animation: arrowHint 0.8s linear infinite;}










.rule_pop{background: rgba(0, 0, 0, 0.7);position: fixed;width: 100%;height: 100%;left: 0;top: 0%;display: none}
.rule_pop .inner{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 80vw;height: 70vh;background: white;border-radius: 2vw;box-sizing: border-box;padding: 2vw 2vw;}
.rule_pop .inner h2{font-weight: bold;color: black;font-size: 3.5vw;text-align: center;height: 19vw;}
.rule_pop .inner .detail{position: absolute;width: 95%;left: 5%;bottom: 0;height: calc(100% - 19vw);overflow: auto;-webkit-overflow-scrolling:touch;box-sizing: border-box;padding-right: 5%}
.rule_pop .inner .detail h3{font-weight: bold;color: black;font-size: 3.5vw;line-height: 5vw;padding-bottom: 1vw;}
.rule_pop .inner .detail p{color: black;font-size: 3vw;line-height: 5vw;padding-bottom: 3vw;}
.rule_pop .inner .detail p.right{text-align: right;}
.rule_pop .inner .close_btn{position: absolute;right: 0;top: 0;width: 4vw;padding: 3vw;}



@keyframes arrowHint{
0%{transform: translate(2px,0px);}
50%{transform: translate(-2px,0px);}
100%{transform: translate(2px,0px);}
}