* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
body { font-family: "微软雅黑"; }
ul, li { list-style: none; margin: 0; padding: 0; vertical-align: middle; }
img { max-width: 100%; vertical-align: middle; }
a { color: #333333; }
p { margin-bottom: 0; }
h2 { margin: 0; }
.main { margin: 0 auto; }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {
display: none;
}
a { background-color: transparent; text-decoration: none; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { margin: .67em 0; font-size: 2em; }
mark { color: #000; background: #ff0; }
small { font-size: 80%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; }
legend { padding: 0; border: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-spacing: 0; border-collapse: collapse; }
td, th { padding: 0; }
.clear{ clear:both;}
html, body { min-height: 100%; }
body { max-width: 750px; background: #010a4d; font-family: "PingFangSC-light", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Helvetica, sans-serif, Arial; }
html { font-size: 4.2666666667vw; max-width: 46.875rem; margin: 0 auto }
 @media screen and (min-width:750px) {
html { font-size: 2rem }
html body { max-width: 46.875rem; margin: 0 auto }
}
.head { width: 7.5rem; height: 5.7rem; background: #1a044f url('../image/63c59c554a93b.png') center top no-repeat; background-size: 100% 100%;  margin: 0 auto; }
.title { width: 6.26rem; height:.60rem;margin: 0 auto .3rem;line-height:.60rem ; font-weight:bold;}
.title .t01 {padding-left: .9rem; background: url('../image/title01.png') center top no-repeat; background-size: 100% 100%; font-size:.3rem;color:#f64342; }
.title .t02 {padding-left: .9rem; background: url('../image/title02.png') center top no-repeat; background-size: 100% 100%; font-size:.3rem;color:#1cb86c;}
.title .t03 {padding-left: .9rem; background: url('../image/title03.png') center top no-repeat; background-size: 100% 100%; font-size:.3rem;color:#ff9a17;}

.t-text { color: #00e5ff; font-size:.24rem;line-height:.4rem;text-align: center; margin: 0 0.4rem 0.2rem; }
.mod-box { background: #fff; width: 6.8rem; border: 0.01rem solid #0b0f28; border-radius: .30rem; margin:0 auto .2rem;}
.mod {margin:.26rem; color: #494949; font-size:.28rem;line-height:.4rem;}
.ser-btn{display:block;width:3.1rem;height:.6rem;margin:.3rem auto;background: url('https://hyhy.app/image/ser-btn.png') center top no-repeat; background-size: 100% 100%;}
.mod span{color:#ffd800}
.mod p{line-height:.34rem;margin:.16rem 0;}
.mod p .arrow01{background: url('../image/arrow01.png') left center no-repeat; background-size: 100% 100%; display:inline-block; height:.22rem;width: .29rem;margin-right:.2rem;}
.mod p .arrow02{background: url('../image/arrow02.png') left center no-repeat; background-size: 100% 100%; display:inline-block; height:.22rem;width: .29rem;margin-right:.2rem;}


.mod .max-list{width: 6.26rem; margin-bottom: .1rem;}
.mod .max-list .list{margin-top: .1rem;width: 6.26rem;height:.6rem;border-radius: .10rem;background-image: linear-gradient(120deg, #f7482b 0%, #e71d16 100%); vertical-align:middle;overflow:hidden;}
.mod .max-list  .open{border-radius: .10rem .10rem 0 0;}
.mod .max-list .list .title{display: inline-block;float:left; width: 4.0rem;height:.6rem;line-height:.6rem;margin:0 .24rem 0;font-size:.22rem;color:#fff;}
.mod .max-list .list span i{ display: inline-block;float:right;width: 1.53rem;height:.4rem; line-height:.4rem; text-align:center;vertical-align:middle;margin:.1rem .1rem .1rem 0 ;background: url('../image/open-btn.png') center top no-repeat; background-size: 100% 100%;cursor:pointer;}
.mod .max-list .list span i.action{background: url('../image/close-btn.png') center top no-repeat;background-size: 100% 100%; }
.mod .max-list dl{display:none;border: 0.02rem dashed #a4aac0;border-top:none; border-radius:0 0 .10rem .10rem; overflow:hidden;padding:0 .10rem;margin:0;}
.mod .max-list dl dt{font-size:.22rem;width:3.0rem;display: inline-block;float:left;line-height:.34rem;margin:0;padding: .1rem 0rem;border-bottom: 0.01rem solid #f1f1f1;}
.mod .max-list dl dt .arrow03{background: url('../image/arrow03.png') left center no-repeat; background-size: 100% 100%; display:inline-block; height:.22rem;width: .29rem;margin-right:.2rem;}

.btn-site{margin: .2rem auto;width: 6rem;height:.80rem;line-height:.80rem;border-radius: .50rem;background-image: linear-gradient(120deg, #d70302 0%, #fe7002 100%); color:#fff;font-size:.36rem; text-align:center;}
.btn-site a{color:#fff;}
.btn-site {animation: heart_beat .4s infinite linear;}
@keyframes heart_beat{
    0%{transform:scale(.8)}
    50%{transform:scale(1.1)}
    100%{transform:scale(.8)}
}

.kefu{z-index:99999;width:1.07rem;height:2.09rem;position:fixed;top:3.2rem;right:0;}
.kefu img{width:100%; }

.fix-install{    width: 100%;
    height: 1.14rem;
    background-color: #7d59bb;
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;}

.fix-install a{
	width: 3.68rem;
    height: 0.8rem;
    background: #ff4a1e;
    border-radius: 0.4rem;
    color: #fff;
    font-size: .28rem;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
}	

.btn-group{
	/* width: 7.68rem; */
	/* margin: 0 auto; */
	/* padding-top: 1rem */
	width: 100%;
    height: 1.14rem;
    background-color: #7d59bb;
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9;
}
.btn-group .btn{
	/* display: block; */
	/* width: 7.68rem; */
	/* height: 2.02rem; */
	/* line-height: 1.6rem; */
	/* color: #fff; */
	/* font-size: .44rem; */
	/* text-align: center; */
	/* background-repeat: no-repeat; */
	/* background-position: center; */
	/* background-size: contain */
	width: 3.68rem;
    height: 0.8rem;
    background: #ff4a1e;
    border-radius: 0.4rem;
    color: #fff;
    font-size: .28rem;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-group .btn-anzhuo{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.1);
	text-align: center;
    border-radius: 0.4rem;
    color: #fff;
    font-size: .28rem;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
}
}

.btn-group .btn-ios{
	
}