/* ============================================================
   样式重置 
   ============================================================ */
* { box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; outline: none; }
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
ul, dl, ol { list-style: none; }
img, fieldset, input[type="submit"] { border: 0 none; }
img { display: inline-block; overflow: hidden; vertical-align: top; width: 100%; }
em { font-style: normal; }
strong { font-weight: bolder; }
table { border-collapse: collapse; border-spacing: 0; }
button, input { cursor: pointer; border: 0 none; -webkit-appearance: none; appearance: none; border-radius: 0; }
textarea { word-wrap: break-word; resize: none; }  /* word-wrap for opera, resize for webkit */
menu { margin: 0; padding: 0; }
body { margin: 0 auto; -webkit-user-select: none; -webkit-text-size-adjust: none!important; font-family: "PingFang SC","Helvetica Neue",  "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Arial", sans-serif, Droidsansfallback; font-size: 0.26rem; font-weight: 400; background: #fff; color: #333; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
input, textarea { font-family:"PingFang SC",  "Helvetica Neue", "Helvetica", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Arial", sans-serif, Droidsansfallback; font-weight: 400; }
input[type="number"] { -webkit-user-select: text; }
a, button, input { -webkit-touch-callout: none; }/* 1.ios 长按时不触发系统的菜单 2.禁止长按时下载图片 */
input, select, textarea { outline: none; background: none; font-weight: 400; }
/* input { -webkit-appearance: none; } */
/* 去除android4.0以下 a/button/input标签被点击时产生的边框 因为边框引起了不少bug */
a, button, input, select, li { -webkit-tap-highlight-color: rgba(0,0,0,0); }
/* Android4.0下不识别选择器-webkit-transform-3d 使用它可做Android4.0下版本兼容 */
@media all and (-webkit-transform-3d) {
/* android4.0+ ios4+ 恢复按钮被点击时产生的效果 */
    /*a,button,input{-webkit-tap-highlight-color:rgba(130,130,130,.52);}*/
a, button, input, select { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; outline: none; }
}
a { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
/*弹性盒子*/
.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flex-align-top { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: center; align-items: flex-start; }
.flex-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flex-pack-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.flex-space-around { -webkit-justify-content: space-around; justify-content: space-around; }
.flex-space-between { -webkit-justify-content: space-between; justify-content: space-between; }
.hor-view { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row }
.ver-view { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column }
.hor-gap { width: 1px; height: 100%; line-height: 0 }
.ver-gap { height: 1px; width: 100%; line-height: 0 }
/*弹性盒子*/
.between { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between }
.center { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center }
.start { display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start }
.end { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end }
.middle { display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; }
.v-bottom { display: flex; display: -webkit-flex; -webkit-align-items: flex-end; align-items: flex-end; }
.v-baseline { display: flex; display: -webkit-flex; -webkit-align-items: baseline; align-items: baseline; }
.col { display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; }
.row { display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction: row; }
.nowrap { -webkit-flex-wrap: nowrap; -webkit-box-lines: single; -moz-flex-wrap: nowrap; flex-wrap: nowrap; }
.wrap { -webkit-flex-wrap: wrap; -webkit-box-lines: single; -moz-flex-wrap: wrap; flex-wrap: wrap; }
.fn-hide { display: none }
.clearfix:after, .clearfix:before { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { *zoom: 1;}
::-moz-placeholder {
color: rgba(255, 255, 255, 0.7);
font-size:0.3rem;
}
::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.7);
font-size: 0.3rem;
}
:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.7);
font-size: 0.3rem;
}
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hide-text-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.midcenter { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
html { overflow-y: auto; overflow-x: hidden; height: 100%; max-width: 750px; margin: 0 auto; }
body { max-width: 750px; min-height: 100%; box-sizing: border-box; margin: 0 auto; overflow: hidden; -webkit-overflow-scrolling: touch; position: relative;}

@font-face {font-family: 'asap';src: url(Asap-BoldItalic.ttf);}
@font-face {font-family: 'amaranth';src: url(Amaranth.otf);}

.page{background:url(https://gkbimg.360eol.com/international/sdfmu/bg1.png) top center no-repeat; background-size:100% auto; padding-top:7.24rem;}
.page .logo{ position:absolute;top:0.4rem;left:0;right:0;margin:0 auto;width:5.23rem;}
.index_main{ padding:0.14rem 0.38rem 1rem; position: relative;}
.index_main:before{ position:absolute; content:''; z-index:1; top:0; content:'';left:0.18rem; right:0.18rem;height: 0.26rem;background: #2C0B47;border: 2px solid #F2C787;border-radius:0.18rem;}
.index_con{ position: relative; z-index: 2;background: rgba(63,2,90,0.9);border-radius: 0px 0px 0.26rem 0.26rem;border: 2px solid #A364E6; padding:0 0.31rem 0.86rem;}
.index_con:before{position:absolute; content:'';left:0;right:0;top:0px; height:0.18rem;background: rgba(63,2,90,0.9);}
.index_tit{ padding:0.32rem 0; line-height:0.34rem;font-family: 'asap'; font-size:0.3rem; color:#fff;border-bottom: 2px solid #67118B; margin-bottom:0.12rem}
.index_line{ padding-top:0.14rem;border-bottom: 1px solid rgba(101, 9, 164, 0.5); line-height:0.42rem; font-size:0.3rem; }
.index_line .title_bt{ width:1.8rem; padding:0.32rem 0px;color: #DEDEDE; font-weight:600;}
.index_line .title_wz{width:calc(100% - 1.8rem);text-align:right; color:#fff;}
.index_line .title_wz input{ display:block; width:100%; border:0; text-align:right;padding:0.32rem 0px;font-size:0.3rem;color:#fff;}
.index_btn{ margin:0.6rem auto 0px;width: 5.32rem;height: 0.88rem;background: linear-gradient( 0deg, #A000AA 0%, #8400E5 100%);border-radius: 0.44rem;font-weight: 600;font-size: 0.3rem;color: #FFFFFF;letter-spacing: 2px;}
.tost{ position:fixed; z-index:10; top:50%; left:50%; transform:translate(-50%,-50%); width:6rem; border-radius:0.2rem; background:rgba(10,9,9,0.9); padding:0.36rem 0.3rem; font-size:0.28rem; color:#fff; line-height:0.34rem; text-align:left}

.top{ position: relative; z-index: 1;padding:0px 0.3rem; background:url(https://gkbimg.360eol.com/international/sdfmu/bg2.png) top center no-repeat; background-size:100% auto;}
.top .logo,.top2 .logo{ padding:0.4rem 0 0.5rem; margin:0 auto;display:block; width:5.23rem;}
.topcon{position: relative; z-index: 1; border:1px solid #fff; border-radius:0.3rem;padding:0.7rem 0.16rem 0px; background:url(https://gkbimg.360eol.com/international/sdfmu/card.png) top center no-repeat; background-size:100% auto; }
.card {background:#fff;border-radius:0.2rem;padding:0.06rem 0.3rem 1.26rem; }
.card li{ border-bottom:1px solid rgba(156, 0, 144, 0.5); padding:0.13rem 0; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between }
.card li:last-child{border-bottom:0;}
.card .titlebt {width:2.5rem; line-height:0.34rem; color:#33; }
.card .titlewz{width:calc(100% - 2.54rem);font-family: 'ali';font-size: 0.26rem;color: #202974; line-height:0.34rem; text-align:left; color:#3B0057}

.maincover { position: absolute; z-index: 2;bottom:0;left:0;right:0;}

.maincon{padding:0px 0.32rem 0.52rem;background:url(https://gkbimg.360eol.com/international/sdfmu/bg3.png) top center no-repeat; background-size:cover; color:#fff;}
.main_tit01{ margin:0 auto;display:block; width:6.51rem;}
.main_tit02{ margin:0 auto;display:block; width:6.76rem;}
.main_wz1{ margin-top:0.16rem; padding:0 0.12rem; font-size:0.26rem; line-height:0.3rem;}
.linkwz{ color:#FFDF99}
.gray{ color:#666}
.maink{ margin-top:0.36rem;  width:100%;border:2px solid #A364E6; border-radius:0.26rem; overflow:hidden}
.maink .tit{ background:#4B0063; padding:0.1rem; border-bottom:2px solid #A364E6;font-family: 'amaranth';font-size: 0.32rem;color: #fff;  line-height:0.36rem; text-align:center}
.maink .item{ padding:0.2rem 0.1rem 0.28rem 0.66rem;}
.maink .item li{ position:relative; font-size:0.26rem; font-weight:600; margin-top:0.16rem; line-height:0.3rem;word-break: break-all;}
.maink .item li:first-child{margin-top:0;}
.maink .item li .tip{ position:absolute;left:-0.46rem;top:0rem; width:0.3rem;height:0.3rem;}
.maink .item li .line{ position:relative; padding-left:0.2rem; margin-top:0.08rem; line-height:0.28rem;font-size:0.24rem; font-weight:400}
.maink .item li .line:before{ position:absolute;content:'';left:0;top:0.07rem; width:0.1rem; height:0.1rem; border-radius:50%; background: #D9A4FF;}
.maink .item li .line.small{ font-style: oblique; color:#b3b3b3; font-size:0.22rem;line-height:0.26rem;}
.maink .item li .line.small:before{ display:none}
.maink .item li .line.small:after{position:absolute;content:'*';left:-3px;top:0;line-height:0.38rem;font-style:italic; color:#b3b3b3;font-size:0.28rem;}


.top2{ position: relative; z-index: 1;padding:0px 0.3rem; background:url(https://gkbimg.360eol.com/international/sdfmu/bg4.png) top center no-repeat; background-size:100% auto;}
.topcon2{background:url(https://gkbimg.360eol.com/international/sdfmu/card2.png) top center no-repeat; background-size:100% auto;}
.titlewz .f22{ font-size:0.18rem}
.main_tit03{ margin:0 auto;display:block; width:2.65rem;}
.main_wz2{ margin-top:0.16rem; padding:0 0.12rem; font-size:0.26rem; line-height:0.34rem;}
.maink .tit2{background:#4B0063; padding:0.1rem 0.2rem; border-bottom:2px solid #A364E6;font-family: 'amaranth';font-size: 0.32rem;color: #fff;  line-height:0.36rem; text-align:left}
.maink .item2{ background:rgba(57, 0, 82, 0.6)}
.maink .item .end span{ text-align:right}


/**适配**/
@media screen and (min-width:320px) {
html { font-size: 42.66px }
}
 @media screen and (min-width:360px) {
html { font-size: 48px }
}
 @media screen and (min-width:375px) {
html { font-size: 50px }
}
 @media screen and (min-width:384px) {
html { font-size: 51.2px }
}
 @media screen and (min-width:400px) {
html { font-size: 54px }
}
 @media screen and (min-width:414px) {
html { font-size: 54px }
}
 @media screen and (min-width:424px) {
html { font-size: 56.54px }
}
 @media screen and (min-width:480px) {
html { font-size: 64px }
}
 @media screen and (min-width:540px) {
html { font-size: 72px }
}
 @media screen and (min-width:640px) {
html { font-size: 85.32px }
}
 @media screen and (min-width:720px) {
html { font-size: 96px }
}
 @media screen and (min-width:750px) {
html { font-size: 100px }
}
 @media only screen and (device-width: 375px) and (device-height: 667px) {
}
	
	/* x/xs */
	@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

}
	
	/* xs max/xr/11 */
	@media only screen and (device-width: 414px) and (device-height: 896px) {

}
 @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {

}
 @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {

}