/****************公共样式*********************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,abbr,address,big,em,img,q,small,strike,strong,
sub,sup,tt,var,i,dl,dt,dd,ol,ul,li,form,fieldset,label,table,caption,tbody,thead,tfoot,tr,th,td,article,
aside,canvas,details,figure,figcaption,header,footer,hgroup,menu,nav,output,section,time,mark,audio,
video,input,select,button{margin:0;padding:0;border:0;font-family:'Microsoft YaHei',Arial,sans-serif;font-size:16px;box-sizing:border-box;}
ul,ol,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
input,select,textarea,button{font-family:inherit;}
.fl{float:left;}
.fr{float:right;}
.cf{zoom:1;}
.cf:after{content:"";display:table;clear:both;overflow:hidden;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
a,button,input,select,img,label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:medium none;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
input[type="submit"],input[type="reset"],input[type="button"],button,select{-webkit-appearance:none;appearance:none;background:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc;}
header,footer,section,article,aside,nav,figure{display:block;}
p{word-break:break-all;word-wrap:break-word;}
h1,h2,h3,h4,h5,h6,strong,i,em,address,caption,cite,code,dfn,th,var{font-weight:normal;font-style:normal;}
fieldset,img{border:none;display:block;}
a,img{-webkit-touch-callout:none;}
html{width:100%;min-height:100%;background:#fff;-webkit-text-size-adjust:100%;}
body{width:100%;min-height:100%;background:#fff;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}

/****************横屏样式*********************/
.mod-orient-layer{display:none;position:fixed;height:100%;width:100%;left:0;top:0;right:0;bottom:0;background:#333;z-index:9997;}
.mod-orient-layer__content{position:absolute;width:100%;top:50%;text-align:center;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);}
.mod-orient-layer__icon-orient{background-image:url(../img/s1_suo.png);display:inline-block;height:85.5px;width:50.5px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-animation:rotation infinite 1.5s ease-in-out;animation:rotation infinite 1.5s ease-in-out;-webkit-background-size:100%;background-size:100%;}
.mod-orient-layer__desc{width:143px;height:17px;background:url(../img/suopin_txt.png) no-repeat center center;background-size:100%;margin:20px auto 0;}
@media screen and (min-aspect-ratio:12/7){#orientLayer{display:block;}}
@-webkit-keyframes rotation{10%{-webkit-transform:rotate(90deg)}50%,60%{-webkit-transform:rotate(0deg)}90%{-webkit-transform:rotate(90deg)}100%{-webkit-transform:rotate(90deg)}}

/****************加载样式*********************/
@-webkit-keyframes lds-ellipsis3{0%,25%{-webkit-transform:scale(0) translateX(0);}50%{-webkit-transform:scale(1) translateX(0);}75%{-webkit-transform:scale(1) translateX(20px);}100%{-webkit-transform:scale(1) translateX(40px);}}
@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:scale(1);}25%,100%{-webkit-transform:scale(0);}}
@-webkit-keyframes lds-ellipsis{0%{-webkit-transform:scale(0) translateX(0);}25%{-webkit-transform:scale(1) translateX(0);}50%{-webkit-transform:scale(1) translateX(20px);}75%{-webkit-transform:scale(1) translateX(40px);}100%{-webkit-transform:scale(0) translateX(40px);}}
.lds-ellipsis{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background:rgba(0,0,0,.5);border-radius:10px;width:80px;height:80px;}
.lds-ellipsis div{width:13px;height:13px;border-radius:50%;background:#f00;position:absolute;top:35px;left:14px;-webkit-animation:lds-ellipsis 1.7s cubic-bezier(0,0.5,0.5,1) infinite;}
.lds-ellipsis div:nth-child(1){-webkit-animation:lds-ellipsis2 1.7s cubic-bezier(0,0.5,0.5,1) infinite;background:#f0ad4e;}
.lds-ellipsis div:nth-child(2){-webkit-animation-delay:-.85s;background:#5cb85c;}
.lds-ellipsis div:nth-child(3){-webkit-animation-delay:-.4s;background:#5bc0de;}
.lds-ellipsis div:nth-child(4){-webkit-animation-delay:0s;}
.lds-ellipsis div:nth-child(5){-webkit-animation:lds-ellipsis3 1.7s cubic-bezier(0,0.5,0.5,1) infinite;background:#f0ad4e;}

/****************页面样式*********************/
.h5-wrap{width:100%;max-width:750px;min-height:100%;margin:0 auto;background:#fff;overflow:hidden;}
.hero-section{position:relative;width:100%;aspect-ratio:750/1624;overflow:hidden;}
.hero-img,.rank-img{width:100%;height:auto;display:block;}
.hero-img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.video-card{position:absolute;left:2%;top:16.197%;width:96%;height:25.246%;border-radius:clamp(8px,2.133vw,16px);overflow:hidden;background:#000;}
.brand-video{width:100%;height:100%;display:block;object-fit:cover;background:#000;}
.play-btn{position:absolute;left:50%;top:50%;width:11.389%;max-width:82px;min-width:41px;transform:translate(-50%,-50%);z-index:2;cursor:pointer;}
.play-btn img{width:100%;height:auto;}
.video-card.is-playing .play-btn{display:none;}
.rank-section{width:100%;background:#fff;padding-bottom:clamp(20px,5.333vw,40px);}

.p1{width:100%;}