@charset "utf-8";
/* --------reset-------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;}
ol,ul{list-style:none;}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a img{border:none;}table{border-collapse:collapse;border-spacing:0;}
input,textarea,button{font:inherit;color:inherit;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,strong,th,var{font-style:normal;vertical-align:middle;}
em,i{font-style:normal;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
header,footer,article,section,menu,nav,aside,dialog,figure,figcaption,hgroup,details,summary{display:block;}
button,textarea,input:not([type="radio"]):not([type="checkbox"]){-webkit-appearance:none;-moz-appearance:none;appearance:none;}
:focus{outline:0;}/* Form selected style modification */

/* --------global-------- */
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Pingfang SC,Microsoft Yahei,WenQuanYi Micro Hei,sans-serif;font-size:14px;line-height:1.5;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;color:inherit;}
body{
  background-color: #fff;
  --primary:#0091ff;
  --border: #f3f3f3;
  --red: #f10101;
  --blue: #81c2ff;
  --green: #019734;
  --yellow: #ffcf00;
  --black: #333333;
  --darkGray: #666666;
  --gray: #999999;
  --ghostWhite: #f3f3f3;
  --white: #ffffff;
}

/*字体自适应*/
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs24{font-size:24px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs40{font-size:40px;}

.flex-box{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*旧*/ -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.flex-row{ /*旧*/-webkit-box-orient:horizontal; -moz-box-orient:horizontal; -ms-box-orient:horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; /*新*/-webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.flex-row-reverse{ /*旧*/-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-direction: reverse; -ms-box-direction: reverse; box-direction: reverse; /*新*/-webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.flex-col{ /*旧*/-webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; /*新*/-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-col-reverse{ /*旧*/-webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-direction: reverse; -ms-box-direction: reverse; box-direction: reverse; /*新*/-webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.flex-wrap{ /*旧*/-webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-box-lines: multiple; box-lines: multiple; /*新*/-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-start{ /*旧*/-webkit-box-pack: start; -moz-box-pack: start; -ms-box-pack: start; box-pack: start; /*新*/-webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; }
.flex-center{ /*旧*/-webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; box-pack: center; /*新*/-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; }
.flex-end{ /*旧*/-webkit-box-pack: end; -moz-box-pack: end; -ms-box-pack: end; box-pack: end; /*新*/-webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; }
.flex-between{ /*旧*/-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; /*新*/-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
.flex-around{ /*旧*/-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; /*新*/-webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; }

.flex-col-start{ /*旧*/-webkit-box-align: start; -moz-box-align: start; -ms-box-align: start; box-align: start; /*新*/-webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; }
.flex-col-center{ /*旧*/-webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.flex-col-end{ /*旧*/-webkit-box-align: end; -moz-box-align: end; -ms-box-align: end; box-align: end; /*新*/-webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; }
.flex-col-stretch{ /*旧*/-webkit-box-align: stretch; -moz-box-align: stretch; -ms-box-align: stretch; box-align: stretch; /*新*/-webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; align-items: stretch; }
.flex-col-baseline{ /*旧*/-webkit-box-align: baseline; -moz-box-align: baseline; -ms-box-align: baseline; box-align: baseline; /*新*/-webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; }

.flex-rows-start{ /*新*/-webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; }
.flex-rows-center{ /*新*/-webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; }
.flex-rows-end{ /*新*/-webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; }
.flex-rows-stretch{ /*新*/-webkit-align-content: stretch; -moz-align-content: stretch; -ms-align-content: stretch; align-content: stretch; }
.flex-rows-between{ /*新*/-webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; align-content: space-between; }
.flex-rows-around{ /*新*/-webkit-align-content: space-around; -moz-align-content: space-around; -ms-align-content: space-around; align-content: space-around; }

.flex-self-start{ -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; }
.flex-self-center{ -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; }
.flex-self-end{ -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; }
.flex-self-stretch{ -webkit-align-self: stretch; -moz-align-self: stretch; -ms-align-self: stretch; align-self: stretch; }
.flex-self-baseline{ -webkit-align-self: baseline; -moz-align-self: baseline; -ms-align-self: baseline; align-self: baseline; }

.flex-grow-1{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 20px; width: 0; }

.flex-grid{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*旧*/ -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; /*旧*/-webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-box-lines: multiple; box-lines: multiple; /*新*/-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*旧*/-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; /*新*/-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
.flex-cell-20{ width: 20%; width: calc((100% - 10px*4)/5); }
.flex-cell-25{ width: 25%; width: calc((100% - 10px*3)/4); }
.flex-cell-33{ width: 33.3333%; width: calc((100% - 10px*2)/3); }
.flex-cell-50{ width: 50%; width: calc((100% - 10px)/2); }
img{display: block;}
body{height: 100vh;background-color: #8239E1;}
/*.container.h5{position: relative;background-image: url('../images/h5/bg.png');background-repeat: no-repeat;background-position: center;background-size: 100% 100%;height: calc(100vw / 390 * 755);width: 100vw;padding-top: 15px;background-color: #8239E1;overflow: hidden;}*/
.container.h5{position: relative;background-image: url('https://huiying-oss.oss-cn-shanghai.aliyuncs.com/hy/20251128/ba6832ae239baec95be8ffe3c6b43f60.png');background-repeat: no-repeat;background-position: center;background-size: 100% 100%;height: calc(100vw / 390 * 755);width: 100vw;padding-top: 15px;background-color: #8239E1;overflow: hidden;}
.container.h5 .title{width: 291px;height: 136px;transform: translateX(10px);position: absolute;top: 15px;left: 0;right: 0;margin: auto;}
.container.h5 .center{width: 100%;height: auto;position: absolute;top: 135px;left: 0;}
.container.h5 .foot{width: 100%;height: auto;position: absolute;bottom: 0;left: 0;z-index: 2;}
.container.h5 .logo{width: 108px;height: auto;position: absolute;bottom: 138px;left: 0;right: 0;margin: auto;z-index: 3;}
.container.h5 .tips{color: #fff;position: absolute;bottom: 101px;left: 0;right: 0;margin: auto;z-index: 4;text-align: center;}
.container.h5 .btn{width: 218px;height: 47px;background: linear-gradient( 133deg, #C98CFF 0%, #844ABE 100%);box-shadow: inset 0px 4px 10px 0px rgba(255,255,255,0.3);border-radius: 32px;position: absolute;bottom: 40px;left: 0;right: 0;margin: auto;z-index: 4;color: #fff;}
.container.h5 .btn img{width: 20px;height: 20px;margin-right: 5px;}