/*h5兼容*/
html {
	font-size: 16px;
}
@media only screen and (min-width: 320px) {
	html {
		font-size: 15.147px !important;
	}
}

@media only screen and (min-width: 375px) {
	html {
		font-size:16px !important;
	}
}

@media only screen and (min-width: 400px) {
	html {
		font-size: 17.06666px !important;
	}
}
@media only screen and (min-width: 414px) {
	html {
		font-size: 17.664px !important;
	}
}
@media only screen and (min-width: 480px) {
	html {
		font-size: 20.48px !important;
	}
}

*{box-sizing: border-box; font-family:"font-family:PingFang", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, "sans-serif";-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; border: none; outline: none;list-style: none; text-decoration: none; vertical-align: middle;}
input[type=button], input[type=submit], input[type=file], button {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; -webkit-appearance: none; outline: none; } 
input{ -webkit-appearance: none;}
textarea{-webkit-appearance: none;appearance: none;}
select{appearance:none; -moz-appearance:none;-webkit-appearance:none;}
img{height:auto;display:inline-block;}
a{display:block;height:auto;cursor:pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html{ width:100%; height:100%;}
body{ width:100%; height:100%; margin:auto; background-color:#f1f1f1;}
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}
.fahui-lim ul li:active, .gongaoli-alt a:active, .shiyuantxt:active, .shiyuan-txt ul li:active, .baoming-submit input:active{ -webkit-filter: brightness(0.85);filter: brightness(0.85);}
/*分类*/
.classification{width: 100%;height: 100vh;position: relative;background: #f1f1f1;}
.classification-top{position: fixed;top: 0;left: 0;right: 0;padding:0.5rem 2.6%;width: 100%;z-index: 10;}
.classification-input{width: 100%;height: 2.8rem;position: relative; display: flex;align-items: center;border-radius: 100rem;padding: 0 0 0 0.3rem; background: #595a5c;}
.classification-input input{width:86%;height: 2.2rem;margin-left: 0rem; background: #fff;border-radius: 100rem;padding: 0 0.5rem 0 0.875rem;}
.classification-input img{margin-left:0.5rem; position: relative;z-index: 4; width:1.8rem;height: 1.8rem;}
.classification-box{position: relative;top: 3.8rem;width: 100%;height: calc(100vh - 3.8rem);}
.classification-left{width: 27%;height: calc(100vh - 3.8rem);overflow-y: auto;position: fixed;left:0;top: 3.8rem; }
.classification-left::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}

.classification-left div{height:4.5rem;font-size: 0.8125rem; background: #fff;float: left;width: 100%; display: flex;align-items: center;justify-content: center;}
.classification-left div.active{background: #f1f1f1;color: #000;text-align: center; border-top-right-radius: 0rem;position: relative; font-weight: bold;font-size: 0.875rem;}
.classification-left div.active::before{background: #dbab53;position: absolute;bottom:1rem; content: '';border-radius: 100rem;overflow: hidden; width:1.8rem;height: 0.3rem;}
.classification-lright{float: right; width: 73%;height: calc(100vh - 3.8rem);overflow-y: auto;background: #f1f1f1;display: flex;flex-direction: column;}
.classification-rh{width: 100%;padding-top:0.2rem; display: flex;align-items: center;justify-content: space-between;}
.classification-ul{width: 100%;}
.classification-ul ul{width: 100%;display: flex;flex-direction: column;padding: 0 5% 3.2rem 5%;}
.classification-ul ul li a{display: flex;align-items: center;}
.classification-ul ul li{width: 100%;margin-bottom: 0.625rem;padding: 0.6rem; background: #fff;border-radius: 0.625rem;}
.classification-ul ul li .cul-img{margin-right:0.625rem; width:5.9375rem;height: 3.4rem;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 0.34rem;}
.classification-ul ul li .cul-img img{width: 100%;height: 100%;}
.classification-ul ul li .cul-txt{width: 56%;height: 3.125rem;display: flex;flex-direction: column;position: relative;}
.classification-ul ul li .cul-txt-h{width: 100%; font-size: 0.75rem;color: #000; font-weight: bold;display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;    /*2表示第两行*/}
.classification-ul ul li .cul-txt-s{width: 100%; position: absolute;bottom: 0;left: 0;}
.classification-ul ul li .cul-txt-s small{font-size: 0.625rem;color: #999;padding-right: 0.3rem;margin-right: 0.3rem; position: relative;}
.classification-ul ul li .cul-txt-s small::before{content: "";width: 1px;background: #ddd;height: 0.6rem;position: absolute;right: 0;top: 0.125rem; margin-right:-0.01rem;}
.classification-ul ul li .cul-txt-s small:nth-last-child(1)::before{background: #fff;}
.classification-ul ul li .cul-txt-s div{font-size: 0.78125rem;color: #000;font-weight: bold;}
/***/
.yktbr{position: absolute;top: 0;left: 0;right: 0;background: #f5e4ba;height: 9.8rem;}
.ykt-jk{width: 100%;float: left;position: relative;z-index: 4;margin-top: 5rem;}
.ykt-vrimg{position: relative;width: 100%;height: 8.2rem;}
.ykt-txth{position: absolute;left: 2.2rem;top: 0.4rem;}
.ykt-vrimg img.ykt-txth-a{width: 7rem;position: absolute;right:1rem; z-index: 2;}
.ykt-vrimg img.ykt-txth-b{position: absolute;top: 0;width: 100%;height: 8.2rem;z-index: 1;}
.ykt-vrimg div{z-index: 4;font-size: 1.125rem;font-weight: bold;}
.ykt-vrimg p{z-index: 4;font-size: 1.2rem;font-weight: bold;margin-top:1.8rem;}

.ykt-uls{width: 100%;float: left;padding:0 8%}
.ykt-uls ul{width: 100%;display: flex;flex-direction: column;border-bottom: 0.3rem solid #f6f5f5;padding-bottom: 1rem;padding-top: 1rem;}
.ykt-uls ul li{width: 100%;display: flex;align-items: center;justify-content: space-between;margin: 0.25rem 0;}
.ykt-uls ul li small{font-size: 1rem;font-weight: bold;}
.ykt-uls ul li div{width: 74%;background: #f6f5f5;height: 2.4rem;border-radius: 100rem;padding: 0 0.9rem; display: flex;align-items: center;justify-content: flex-end;}
.ykt-uls ul li div select{font-size: 1rem;color: #dbdcdb; background: #f6f5f5;width: 100%;}
.ykt-uls ul li div select:focus{color: #222;}
.ykt-uls ul li div select:hover{color: #222;}
.ykt-uls ul li div input{font-size: 1rem;background: #f6f5f5;width: 100%;}
.ykt-uls ul li div input::-webkit-input-placeholder{color:#dbdcdb;}
.ykt-uls ul li div img{width: 1rem;}
.ykt-cx{width: 100%;float: left;display: flex;align-items: center;justify-content: center;margin: 1rem 0;}
.ykt-cx a{display: flex;align-items: center;justify-content: center;color:#000;}
.ykt-cx div{display: flex;align-items: center;justify-content: center;font-size: 0.875rem;padding: 0 1.4rem;height: 2rem;border-radius: 1000rem;
	background: -webkit-linear-gradient(to top, #f8e097 , #f4ca89); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #f8e097, #f4ca89); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #f8e097 , #f4ca89); /* 标准的语法 */
}
.ykt-cx div img{width: 1rem;margin-right: 0.15rem;}
.ykt-ts{float: left;width: 100%;padding: 0 8%;color: #999; font-size: 0.8125rem; display: flex;align-items: center;justify-content: center;}
.ykt-ts a{color: #3075ac;}
.ykt-tsm{margin: 1rem 0; float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;padding:0 8%;}
.ykt-tsm small{font-size: 1rem;font-weight: bold;}
.ykt-tsm div{width:74%; display: flex;align-items: center;justify-content: flex-end;}
.ykt-tsm div input{width: 50%; background: #f6f5f5;height: 2.4rem;border-radius: 100rem;padding: 0 0.9rem;font-size: 1rem;background: #f6f5f5;width:70%;}
.ykt-tsm div img{margin-left: 0.5rem; width:48%;height: 2.4rem;}
.ykt-xyssa{width: 100%;float: left;padding: 0 8%;display: flex;flex-direction: column;}
.ykt-xyssa .ykt-xyssa-l{width: 100%;text-align: center;font-size: 0.7125rem;color: #666;}
.ykt-xyssa .ykt-xyssa-l div{display: flex;align-items: center;justify-content: center;margin-top: 0.3rem;}
.ykt-xyssa .ykt-xyssa-l div img{width: 1.2rem;height: 1.2rem;margin-right: 0.2rem;}
.ykt-xyssa .ykt-xyssa-l div a{color: #666;}
.ykt-button{width: 100%;padding: 0 0%;margin: 1rem 0 3rem 0; float: left;display: flex;align-items: center;justify-content: center;}
.ykt-button a{width: 100%;height: 3.4rem;color: #222222; border-radius: 100rem; display: flex;align-items: center;justify-content: center;font-size: 1.125rem;font-weight: bold;
	background: -webkit-linear-gradient(to top, #f8e097 , #f4ca89); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #f8e097, #f4ca89); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #f8e097 , #f4ca89); /* 标准的语法 */ 
}
.bish{float: left;width: 100%;padding: 0 6%; display: flex;flex-direction: column;margin-top: 4rem;}
.bish h1{font-size: 1.6rem;font-weight: bold;margin-top: 2.2rem;}
.bish ul{width: 100%;display: flex;flex-direction: column;}
.bish ul li{width: 100%;display: flex;flex-direction: column;}
.bish ul li div{font-size: 1rem;width: 100%;margin: 1rem 0 0.4rem 0;}
.bish ul li input{background: #f5f5f5; width: 100%;font-size: 1rem;text-align: center;height:3rem;border-radius: 0.625rem;}
.bish ul li input:focus{border: 1px solid #ddb52b;}
.exchange{width: 100%;float: left;display: flex;flex-direction: column;padding: 4rem 1rem 0 1rem; position: relative;}
.exchange img.exchangebr{width: 100%;position: absolute;top: 0;left: 0;right: 0;z-index: 1;}
.exchange-box{width: 100%;z-index: 5;float: left; position: relative;margin-bottom: 1rem;}
.exchange-box img.exchangeimg{width: 100%;position: absolute;top: 0;left: 0;right: 0;z-index: 1;}
.exchange-data{position: relative;z-index: 4;margin: 0.75rem 0 0 0.625rem;width:48%;}
.exchange-data ul{}
.exchange-data ul li input{text-align: center;width:70%;font-size: 1rem;}
.exchange-data ul li{display: flex;align-items: center;justify-content: center;}	
.exchange-data ul li img{width: 1rem;height: 1rem;margin-left:0;}	
.exchange-ul{width: 100%;display: flex;background: #fff;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem; flex-direction: column;position: relative;margin-top: 1rem; z-index: 4;padding: 0 1rem;}
.exchange-li{width: 100%;display: flex;align-items: center;padding: 0 0 0 0;margin-top: 1rem;}
.exchange-li img{width: 3rem;height: 3rem;position: relative;top: -0.5rem;}
.exchange-li:nth-last-child(1) .exchange-right{border-bottom: 0;}
.exchange-li .exchange-right{width:81%;position: relative; margin-left: 0.875rem;padding-bottom: 0.875rem; border-bottom: 1px solid #ddd;}
.exchange-li .exchange-right .exchange-rh{width: 80%; font-size: 0.9375rem;margin-bottom: 0.4rem;}
.exchange-li .exchange-right .exchange-s{font-size: 0.625rem;color: #999;}
.exchange-li .exchange-right small{font-size: 0.875rem;position: absolute;right: 0;top: 0;}
.exchange-ss{float: left;font-size: 0.8125rem;color: #999;margin: 5rem 0 1rem 0; width: 100%;display:flex;align-items: center;justify-content: center;position: relative;z-index: 5;}
.exchange-ss div{width: 3rem;height: 1px;background: #ddd;margin: 0 0.2rem;}
.login{position: relative;width: 100%;float: left;padding-top: 16.5rem;}
.login img.loginbr{width: 100%;position: absolute;top: 0;left: 0;right: 0;z-index: 1;}
.login-box{position: relative;z-index: 6;float: left; width: 100%;padding:0 0;box-sizing: border-box;}
.login-box img.loginback{position: absolute;width: 90%;margin: auto;display: block; top: 0;left: 0;right: 0;}
.login-txt{position: relative;z-index: 10;margin: auto;display: flex;flex-direction: column; width: 90%;}
.login-txt .login-h{width: 50%;float: left;display: flex;align-items: center;justify-content: center;}
.login-txt .login-h div{font-size: 1.20rem;font-weight: bold;position: relative;height: 3.2rem;line-height: 3.2rem;}
.login-txt .login-h div::before{content: "";position: absolute;bottom: 0;left: 50%;margin-left: -1.4rem; width: 2.8rem;height: 0.32rem;border-radius: 100rem;
	background: -webkit-linear-gradient(to left, #fee499 , #fbcd8a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #fee499, #fbcd8a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fee499 , #fbcd8a); /* 标准的语法 */ }
.login-txt .login-ul{width: 100%;padding: 0 1.4rem;margin-top: 1rem; display: flex;flex-direction: column;}
.login-txt .login-ul .login-li{width: 100%;display: flex;flex-direction: column;position: relative;}
.login-txt .login-ul .login-li div small{float:right;color: #f00;font-size: 0.8125rem;padding-right:0.9375rem; font-weight: normal;}
.login-txt .login-ul .login-li span{font-weight: normal;z-index: 4; display: inline-block; padding: 0.4rem 0.875rem;color: #222;font-size: 0.625rem;position: absolute;right: 0.625rem;bottom: 0.625rem;
		font-weight: bold;border-radius: 100rem;
		background: -webkit-linear-gradient(to left, #fee499 , #fbcd8a); /* Safari 5.1 - 6.0 */
		background: -o-linear-gradient(to right, #fee499, #fbcd8a); /* Firefox 3.6 - 15 */
		background: linear-gradient(to right, #fee499 , #fbcd8a); /* 标准的语法 */ 
}
.login-txt .login-ul .login-li div{font-size: 1rem;font-weight: bold;padding-left: 0.625rem;margin: 1rem 0 0.625rem 0;}
.login-txt .login-ul .login-li input{width: 100%;height: 3rem;font-size: 0.875rem; background: #F7F7F7;border-radius: 0.5rem;padding: 0 1rem;}
.login-txt .login-ul .login-li input::-webkit-input-placeholder{color: #DBDCDC;}
.login-txt .login-right{width: 100%;text-align: right;}
.login-txt .login-right{margin-top: 0.4rem;}
.login-txt .login-right a{color:#DBDCDC;font-size: 0.8125rem;}
.login-but{padding: 0 1.4rem;width: 100%;margin-top: 2rem; display: flex;align-items: center;justify-content: center;}
.login-but a{width: 100%;color: #222;}
.login-but button{width: 100%;height: 3rem;font-size: 1rem;font-weight: bold;border-radius: 100rem;
	background: -webkit-linear-gradient(to left, #fee499 , #fbcd8a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #fee499, #fbcd8a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fee499 , #fbcd8a); /* 标准的语法 */ 
}
.login-xy{width:90%;left: 5%;position: absolute;bottom: -5.4rem;z-index: 10;font-size: 0.8125rem;color: #666; display: flex;align-items: center;justify-content: center;}
.login-xy img{width: 1.2rem;height: 1.2rem;margin-right: 0.3rem;}
.login-xy a{color: #222; }
.personalcenterd{float: left;position: relative;width: 100%;}
.personalcenterd img.personalcenter-br{width: 100%;position: absolute;top: 0;left: 0;right: 0;z-index: 0;}
.personalcenterboxss{position: relative;float: left; z-index: 5;width: 100%;display: flex;flex-direction: column;padding:0 1rem;}
.personalcenter-top{width: 100%;margin-top: 1rem;}
.personalcenter-tpot{width: 100%;position: relative;display: flex;align-items: center;justify-content: flex-end;}
.personalcenter-tpot a{margin-left: 0.5rem;}
.personalcenter-tpot a img{width: 1.5rem;height: 1.5rem;}
.personalcenter-yh{width: 100%;display: flex;align-items: center;position: relative;padding: 0 0.5rem;}
.personalcenter-yh .personalcenter-yhimg{width: 3.2rem;height: 3.2rem;margin-right: 0.625rem; border-radius: 100rem;overflow: hidden;border: 1px solid #f9f9f9;}
.personalcenter-yh .personalcenter-yhimg img{width: 100%;height: 100%;}
.personalcenter-yh .personalcenter-yhs{width: 60%;position: relative;display: flex;flex-direction: column;}
.personalcenter-yh .personalcenter-yhs div{font-size: 1.2rem;font-weight: bold;margin-bottom: 0.1rem;}
.personalcenter-yh .personalcenter-yhs p{font-size: 0.8125rem;color: #888;}
.personalcenter-yh .personalcenter-qd{position: absolute;right: 0;}
.personalcenter-yh .personalcenter-qd a{color: #fff;font-size: 0.75rem;border-radius: 100rem;padding: 0.2rem 0.8125rem; display: flex;align-items:center;justify-content: center;
	background: -webkit-linear-gradient(to left, #fee499 , #fbcd8a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #fee499, #fbcd8a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fee499 , #fbcd8a); /* 标准的语法 */ 
}
.personalcenter-yh .personalcenter-qd a img{width: 1rem;height: 1rem;margin-right: 0.2rem;}
.personalcenter-s{width: 100%;position: relative;display: flex;flex-direction: column;}
.personalcenter-st{height: 6rem;width:94%;margin: 0 3%;border-radius: 0.4rem;position: absolute;top: 1.5rem;left: 0;right: 0;
	background: -webkit-linear-gradient(to left, #fee499 , #fbcd8a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #fee499, #fbcd8a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fee499 , #fbcd8a); /* 标准的语法 */ 
}
.personalcenter-stbix{position: relative;width: 100%;padding:1rem 0 0 1rem; z-index: 4;height:6rem;display: flex;flex-direction: column;}
.personalcenter-st-h{display: flex;align-items: center;font-size: 0.875rem;}
.personalcenter-st-h div{background: #fdecd1;border-radius: 100rem;font-size: 0.75rem; color: #fdb526;padding:0.2rem 0.625rem;margin-right: 0.625rem;}
.personalcenter-stx{width: 60%;position: relative;padding: 0 0 0 0;margin:0.5rem 0 0.5rem 0;}
.personalcenter-stx .stxai1{background: #fff;height: 0.3rem;position: absolute;top:0;left: 0;border-radius: 100rem;}
.personalcenter-stx .stxai2{width: 100%;background: #fdeac7;height: 0.3rem;border-radius: 100rem;}
.personalcenter-sts{width:60%;display:flex;align-items: center;justify-content: space-between;}
.personalcenter-sts div{color: #fff;font-size: 0.625rem;}
.personalcenter-sr{position: absolute;right: 0;top: 0.9375rem;z-index: 4;background: #fff;color: #fdb526;padding: 0 0.2rem 0 0.4rem; font-size: 0.625rem;height: 1.4rem;line-height: 1.4rem; border-top-left-radius: 1rem;border-bottom-left-radius: 1rem;}
.personalcenter-list{width: 100%;margin-top: 4.9rem;position: relative;z-index: 5;}
.personalcenter-list img.brsa{width: 100%;position: absolute;top: 0;left: 0;right: 0;}
.personalcenter-lisa{width: 100%;position: relative;z-index: 5;margin-top:2.8rem;height:2.6rem;}
.personalcenter-lisa a{color: #979797;font-size: 0.75rem;text-align: center;position: relative; width: 25%;float: left;display: flex;flex-direction: column;}
.personalcenter-lisa a:nth-last-child(1)::before{content: "";background: #fff;}
.personalcenter-lisa a::before{content: "";background: #ddd;width: 1px;height: 1.8rem;position: absolute;right: 0;}
.personalcenter-lisa a div{color: #222;font-size: 0.9375rem;}
.personalcenter-list-box{width: 100%;position: relative;z-index: 5;padding: 0 0.625rem;}
.personalcenter-list-box span{width: 100%;font-size: 0.875rem;display:inline-block;margin: 1rem 0 0.4rem 0;padding: 0 0.625rem;}
.personalcenter-list-box ul{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;}
.personalcenter-list-box ul li{width: 25%;display: flex;flex-direction: column;text-align: center;margin: 0.875rem 0 0 0;}
.personalcenter-list-box ul li a{color: #666;font-size: 0.7125rem;}
.personalcenter-list-box ul li a img{width: 2rem;height:2rem;margin: auto;display: block;margin-bottom: 0.2rem;}
.purchase{width: 100%;padding: 0 1.2rem 4rem 1.2rem;}
.purchase .purchase-h{font-size: 1.4rem;padding-bottom: 0.875rem;}
.purchase .purchase-p{width: 100%;border-top: 0.15rem solid #fff;padding: 0.625rem 0;}
.purchase .purchase-p div{font-size: 1.2rem;line-height: 1.8rem;color: #666;}
.purchase .purchase-p p{width: 100%;font-size: 0.75rem;line-height: 1.6rem;color: #999;}
.purchase-but{position: fixed;bottom: 1rem;width: 100%;z-index: 5;left: 0;right: 0;padding: 0 1rem;}
.purchase-but .purchase-butbox{background: #fff;border-radius: 100rem;width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0.3rem;}
.purchase-but .purchase-butbox a.purchase-a{width: 46%; color: #999;height: 2.5rem;display: flex;align-items: center;justify-content: center;font-size: 1rem;}
.purchase-but .purchase-butbox a.purchase-a img{width: 1.5rem;height: 1.5rem;margin-right: 0.2rem;}
.purchase-but .purchase-butbox a.purchase-b{width: 54%;border-radius: 100rem;height: 2.5rem; color: #fff; display: flex;align-items: center;justify-content: center;font-size: 1rem;
	background: -webkit-linear-gradient(to left, #edbe52 , #e7471b); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #edbe52, #e7471b); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #edbe52 , #e7471b); /* 标准的语法 */ 
}
.vcenterbr{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 20rem;
	background: -webkit-linear-gradient(to top, #f5e6d6 , #f1f1f1); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #f5e6d6, #f1f1f1); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #f5e6d6 , #f1f1f1); /* 标准的语法 */ 
}
.vcenter{position: relative;width: 100%;padding: 0 1rem;margin-top: 1rem;}
.vcenterss{width: 100%;position: relative;display: flex;flex-direction: column;margin-bottom: 0.625rem;}
.vcenter img{position: absolute;top: 0;width: 100%;left: 0;right: 0;}
.vcenter-h{position: relative;width: 100%;z-index: 4;display: flex;align-items: center;justify-content: space-between;}
.vcenter-h div{width: 60%;text-align: center;margin-top: 0.8rem;}
.vcenter-h small{position: absolute;top: 0; right: 1.3rem; font-size: 1.1rem;}
.vcenter-box{width: 100%;position: relative;padding: 0.875rem 0.875rem;}
.vcenter-box ul{width: 100%;margin-top: 1rem; display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.vcenter-box ul li{width: 31%;background: #f5f5f5;height:6rem;display: flex;flex-direction: column; align-items: center;justify-content: center; border-radius: 0.625rem;color: #f00;margin: 0 3.2% 0.625rem 0;text-align: center;font-size: 0.75rem;}
.vcenter-box ul li:nth-child(3n){margin: 0 0% 0.625rem 0;}
.vcenter-box ul li div{color: #999;font-size: 0.875rem;margin-bottom: 0.2rem;}
.vcenter-box ul li.active{background: #f5e6d6;border: 1px solid #ff9641;}
.opennum{width: 100%;position: relative;display: flex;flex-direction: column;padding: 0 1rem 1rem 1rem;margin-top: 3.6rem;overflow: hidden;}
.opennum-input{width: 100%;position: relative;}
.opennum-input img{width: 1.5rem;height: 1.5rem;position: absolute;left: 1rem;top: 0.3rem;}
.opennum-input input{padding: 0 1rem 0 2.5rem;width: 100%;height: 2.2rem;background: #fff;border-radius: 100rem;}
.opennum-input input::-webkit-input-placeholder{color: #dbdcdb;}
.opennum-hss{width: 100%;height: 2.625rem; display: flex;align-items: center;justify-content: space-between;}
.opennum-hss .opennum-hss-l{display: flex;align-items: center;}
.opennum-hss .opennum-hss-l img{width: 0.75rem;height: 0.75rem;margin-left: 0.2rem;}
.opennum-hss .opennum-hss-l select{background:none;font-size: 0.8125rem;}
.opennum-hss .opennum-hss-l select option{}
.opennum-hss .opennum-hss-r{display: flex;align-items: center;}
.opennum-hss .opennum-hss-r a{font-size: 0.625rem;color: #f5a337;}
.opennum-hss .opennum-hss-r a img{width: 0.875rem;height: 0.875rem;}
.opennum-ul{width: 100%;position: relative;}
.opennum-ul ul{width: 100%;display: flex;flex-direction: column;}
.opennum-ul ul li{width: 100%;background: #fff;border-radius: 0.5rem;padding: 0.625rem;margin-bottom: 0.625rem;}
.opennum-ul ul li a{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.opennum-img{width: 6rem;height: 6rem;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 0.875rem;}
.opennum-img img{width: 100%;height: 100%;}
.opennum-txt{height: 6rem;width: 67%;position: relative;}
.opennum-txt .opennum-ta{font-size: 0.8125rem;color: #222;margin-bottom: 0.2rem;margin-top: 0.2rem;}
.opennum-txt .opennum-ts{font-size: 0.625rem;color: #f5a337;}
.opennum-txt .opennum-div{display: flex;flex-direction: column;position: absolute;bottom: 0.2rem;left: 0;}
.opennum-txt .opennum-div div{color: #999;font-size: 0.625rem;}
.opennum-txt .opennum-rs{position: absolute;right: 0;bottom: 0.4rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.opennum-txt .opennum-rs div{color: #222;font-size: 1rem;margin-bottom: 0.2rem;}
.opennum-txt .opennum-rs div small{font-size: 0.7128rem;}
.opennum-txt .opennum-rs span{background: #fbe575;color: #222;border: 1px solid #222; padding: 0.2rem 0.4rem;font-size: 0.625rem;border-radius: 100rem;}
img.opennumbr{position: absolute;top: 0;left: 0;right: 0;width: 100%;}
.kefugame{width: 100%;display: flex;flex-direction: column;margin-top: 5rem;padding: 0 1rem;}
.kefugame-a{width: 100%;position: relative;}
.kefugame-a img{width: 7.4rem;position: absolute;right: 0;top: -1rem;}
.kefugame-ah{font-size: 1.3rem;margin: 0.2rem 0;}
.kefugame-ap{font-size: 0.75rem;color: #999;display: flex;flex-direction: column;}
.kefugame-ap div{margin: 0.16rem 0;}
.kefugame-l{color: #222;background: #fdd992;border-radius: 100rem;display: inline-block;padding: 0.2rem 0.5rem;border-radius:100rem;font-size: 0.75rem;}
.kefugame-b{margin-top:0.9375rem; width: 100%;position: relative;background: #fff;border-radius:0.625rem;padding:0.5rem 0 1rem 0; display: flex;align-items: center;justify-content: space-between;}
.kefugame-b a{width: 100%;color: #222;font-size: 0.8125rem; display: flex;flex-direction: column;align-items: center;justify-content: center;}
.kefugame-b a img{width: 4rem;}
.kefugame-jd{width: 100%;position: relative;margin-top: 1rem;background: #fff;border-radius: 0.625rem;padding: 0 1rem 0 1.4rem;height:3rem;}
.kefugame-jd a{width: 100%;display:flex;align-items: center;justify-content: space-between;height:3rem;}
.kefugame-jd div{font-size: 1rem;color: #222;}
.kefugame-jd img{width: 1rem;}
.kefugame-live{position: relative;width: 100%;display: flex;flex-direction: column;background: #fff;border-radius: 0.625rem;margin-top: 1rem;}
.kefugame-live .kefugame-liveh{width: 100%;line-height: 3rem;padding: 0 1.4rem;}
.kefugame-lia{width: 100%;position: relative;background: #fff;padding: 0 1.4rem;}
.kefugame-lia ul{width: 100%;display: flex;align-items: center;border-bottom: 1px solid #eee;}
.kefugame-lia ul li{margin-right: 1.4rem;position: relative;}
.kefugame-lia ul li.active{position:relative;line-height: 3rem;}
.kefugame-lia ul li.active::after{content: "";width: 2rem;height: 0.3rem;background:#fdd992;position: absolute;bottom: 0;left: 1rem;right: 0;}
.kefugame-lib{width: 100%;position: relative;background: #fff;padding: 0 1.4rem;border-radius: 0.625rem;}
.kefugame-lib ul li{display: none;border-radius: 0.625rem;}
.kefugame-lib ul li a{color: #444;font-size: 0.7125rem;line-height: 3rem;height: 3rem;background: #fff;border-bottom: 1px solid #eee;}
.kefugame-lib ul li.active{display: block;}
.kefus{width: 100%;position: relative;float: left;padding:6rem 1rem 7rem 1rem;}
.kefusbox{width: 100%;position: relative;display: flex;flex-direction: column;}
.kefus-right{margin-bottom: 1rem; width: 100%;display: flex;align-items: flex-start;justify-content: flex-end;}
.kefus-right p{line-height: 1.4rem; max-width: 70%;background:#fee067;color: #222;font-size: 0.875rem;padding: 0.5rem 0.8rem 0.5rem 0.8rem;border-top-right-radius:1rem; border-top-left-radius:1rem;border-bottom-left-radius: 1rem;}
.kefus-right div{margin-left: 0.875rem; width: 2.6rem;height: 2.6rem;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 100rem;}
.kefus-right div img{width:2.6rem;height: 2.6rem;}
.kefus-left{margin-bottom: 1rem;width: 100%;display: flex;align-items: flex-start;justify-content: flex-start;}
.kefus-left p{line-height: 1.4rem;max-width: 70%;background:#fff;color: #222;font-size: 0.875rem;padding: 0.5rem 0.8rem 0.5rem 0.8rem;border-bottom-right-radius:1rem; border-bottom-left-radius:1rem;border-top-right-radius: 1rem;}
.kefus-left div{margin-right: 0.875rem; width: 2.6rem;height: 2.6rem;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 100rem;}
.kefus-left div img{width: 2.6rem;height: 2.6rem;}
.kefus-input{width: 100%;position: fixed;bottom: 0;left: 0;right: 0;z-index: 10;padding: 0 0; background: #fff;display: flex;flex-direction: column;}
.kefus-inputhh{width: 100%;overflow-x: auto; white-space: nowrap;padding: 0.6rem 1rem;}
.kefus-input-x{font-size: 0.7125rem;border: 1px solid #222;padding: 0.3rem 0.625rem;border-radius: 100rem;display: inline-block;}
.kefus-input-x img{width: 1rem;height: 1rem;margin-right: 0.3rem;}
.kefus-input-i{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 1rem 1rem 1rem;}
.kefus-input-i input{width: 87%;background: #f5f5f5;border-radius: 100rem;height: 2.4rem;font-size: 0.875rem;padding: 0 1rem;}
.kefus-input-i img{width: 1.8rem;height: 1.8rem;}
.goldcoin{position: relative;width: 100%;display: flex;flex-direction: column;padding: 0 1rem;float:left;}
.goldcoinbr{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 20rem;
	background: -webkit-linear-gradient(to top, #f8e6bb , #f1f1f1); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #f8e6bb, #f1f1f1); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #f8e6bb , #f1f1f1); /* 标准的语法 */ 
}
.goldcoin .goldcoin-top{width: 100%;position: relative;margin-top: 6rem;}
.goldcoin .goldcoin-top .goldcoin-td{display: flex;flex-direction: column;padding: 0.4rem 0 1rem 1.8rem;}
.goldcoin .goldcoin-top .goldcoin-td a{color: #222;font-size: 0.9375rem;}
.goldcoin .goldcoin-top .goldcoin-td div{font-size:2.2rem;} 
.goldcoin .goldcoin-top  img{position: absolute;top:-2rem; right: 0rem;width:12rem;}
.goldcoin-div{position: relative;width: 100%;}
.goldcoin-div img.goldcoin-img{width: 100%;position: absolute;top: 0;left: 0;right: 0;}
.goldcoin-div .goldcoin-h{position: relative;z-index: 4;display: flex;align-items: center;font-weight: bold;font-size: 0.8125rem;}
.goldcoin-div .goldcoin-h div{color: #e9762f;font-weight: bold;}
.goldcoin-div .goldcoin-s{position: relative;z-index: 4;padding: 0 1rem;margin-top: 1.8rem;margin-bottom: 1rem;}
.goldcoin-div .goldcoin-ul{position: relative;z-index: 4;padding: 0 1rem;}
.goldcoin-div .goldcoin-ul ul{width: 100%;display: flex;align-items: center;justify-content: center;}
.goldcoin-div .goldcoin-ul ul li{position: relative; width: 16%;background: #f1f1f1;height:3.8rem; border-radius: 0.5rem; margin: 0 0.15rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.goldcoin-div .goldcoin-ul ul li.active{background: #feefcb;border: 1px solid #222;position: relative;}
.goldcoin-div .goldcoin-ul ul li img.goldcoin-ia{width: 1.8rem;}
.goldcoin-div .goldcoin-ul ul li img.goldcoin-ib{width: 0.9375rem;}
.goldcoin-div .goldcoin-ul ul li div{font-size: 0.625rem;color: #999;margin-top: 0.2rem;}
.goldcoin-but{margin-top: 1.6rem; position: relative;z-index: 4;width: 100%;display: flex;align-items: center;justify-content: center;}
.goldcoin-but div{color: #222;width: 70%;height: 2.5rem;border-radius: 100rem;display: flex;align-items: center;justify-content: center; text-align: center;
	background: -webkit-linear-gradient(to left, #fee499 , #fbcd8a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #fee499, #fbcd8a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fee499 , #fbcd8a); /* 标准的语法 */ 
}
.goldcoin-rl{position: relative;width: 100%;display: flex;flex-direction: column;margin-top: 2.8rem;padding: 0 1.4rem;margin-bottom: 2rem; background: #fff;border-radius: 1rem;}
.goldcoin-rlh{width: 100%;display: flex;align-items:baseline;font-size: 0.625rem;color: #999;margin: 1.6rem 0 0.875rem 0;}
.goldcoin-rlh div{font-size:1rem;color: #222;margin-right: 0.625rem;}
.goldcoin-ali{width: 100%;display: flex;flex-direction: column;}
.goldcoin-alis{width: 100%;display: flex;align-items: center;margin-bottom: 1rem;}
.goldcoin-aimg{margin-right: 0.875rem; width: 3rem;height: 3rem;background: #f1f1f1;border-top-left-radius: 0.625rem;border-top-right-radius: 0.625rem;border-bottom-left-radius: 0;border-bottom-right-radius: 0.625rem; display: flex;align-items:center;justify-content: center;}
.goldcoin-aimg img{width: 2rem;height: 2rem;}
.goldcoin-txt{width: 78%;height: 3rem;position: relative;}
.goldcoin-txt .goldcoin-txth{width: 76%;display: flex;flex-direction: column;}
.goldcoin-txt .goldcoin-txth div{font-size: 0.9375rem;}
.goldcoin-txt .goldcoin-txth p{font-size: 0.625rem;color: #fddb93;}
.goldcoin-m{position: absolute;right: 0;color: #222;top: 1rem; font-size: 0.625rem;border-radius: 100rem;padding: 0.3rem 0.625rem;
	background: -webkit-linear-gradient(to left, #fee499 , #fbcd8a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #fee499, #fbcd8a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fee499 , #fbcd8a); /* 标准的语法 */ 
	}
.newpeople{width: 100%;position: relative;padding:1rem 1rem 0 1rem;float: left;display: flex;flex-direction: column;}
.newpeople img.newpeoplebr{width: 100%;position: absolute;top: 1rem;left: 0;right: 0;}
.newpeople-h{width: 100%;margin-top: 16rem;position: relative;margin-bottom: 1rem;
border-radius: 100rem;padding: 0.4rem 1rem;color: #fff;text-align: center;
	background: -webkit-linear-gradient(to left, #fa3750 , #fd6b49); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #fa3750, #fd6b49); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fa3750 , #fd6b49); /* 标准的语法 */ 
}
.newpeople-ul{width: 100%;position: relative;}
.newpeople-ul ul{width: 100%;position: relative;display: flex;flex-direction: row;flex-wrap: wrap;}
.newpeople-ul ul li{width: 31.3%;margin-right:3%;border-radius: 0.625rem;margin-bottom: 0.875rem;padding-bottom: 0.9375rem;
	background: -webkit-linear-gradient(to top, #fff , #fde3cd); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #fff, #fde3cd); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #fff , #fde3cd); /* 标准的语法 */ 
}
.newpeople-ul ul li:nth-child(3n){margin-right: 0;}
.newpeople-ul ul li .newpeopleimg{margin-top: 1rem; width: 100%;display: flex;flex-direction: column;position: relative;}
.newpeople-ul ul li .newpeopleimg div{position: absolute;top: 1rem; width: 100%;color: #fff;font-size: 1rem; display: flex;align-items: baseline;justify-content: center;}
.newpeople-ul ul li .newpeopleimg div small{font-size: 0.625rem;margin-left: 0.2rem;}
.newpeople-ul ul li .newpeopleimg img{width: 3.8rem;margin: auto;display: block;}
.newpeople-ul ul li .newpeople-div{width: 100%;display:flex;flex-direction: column;justify-content:center;align-items: center;}
.newpeople-ul ul li .newpeople-div p{color: #9b2c15;font-size: 0.625rem;margin: 0.4rem 0 0.2rem 0;}
.newpeople-ul ul li .newpeople-div div.active{background: #fff;color: #999;}
.newpeople-ul ul li .newpeople-div div{color: #fff;font-size: 0.625rem;border-radius: 100rem;padding: 0.3rem 0.875rem;
	background: -webkit-linear-gradient(to left, #fa3850 , #fd6f48); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #fa3850, #fd6f48); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fa3850 , #fd6f48); /* 标准的语法 */ 
}
.newpeople-sa{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 1rem;}
.newpeople-sa p{font-size: 1rem;color: #fc533a;font-weight: bold;margin-bottom: 1rem;}
.newpeople-sa div{background: #fc533a;font-weight: bold;font-size: 1rem;color: #fff;width: 100%;height:3.2rem;border-radius: 100rem;display: flex;align-items: center;justify-content: center;}
.message{width: 100%;float: left;position: relative;margin-top: 5rem;padding: 0 1rem;}
.message ul{width: 100%;display: flex;flex-direction: column;}
.message ul li{width: 100%;padding: 1rem 1.4rem;border-top-left-radius: 0; display: flex;flex-direction: column;margin-bottom: 1rem;background: #fff;border-top-right-radius: 1rem;border-bottom-right-radius: 1rem;}
.message-h{width: 100%;display:flex;align-items: center;}
.message-h div{background: #fbd08c;margin-right: 0.625rem; font-size: 0.8125rem; padding: 0.3rem 0.625rem;border-radius: 0.1rem;display: flex;align-items: center;justify-content:center;}
.message-p{margin-top: 0.625rem; width: 100%;display:flex;align-items: center;font-size: 0.75rem;color: #999;line-height: 1.4rem;}
.message-s{font-size: 0.625rem;color: #999;margin-top: 0.875rem;}
.message-mo{font-size: 1.125rem;text-align: center;color: #999;}
.invite{width: 100%;position: relative;float: left;}
.invite-color{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 20rem;
	background: -webkit-linear-gradient(to top, #fefdc6 , #fcda9a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #fefdc6, #fcda9a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #fefdc6 , #fcda9a); /* 标准的语法 */ 
}
.invite img.invitebr{position: relative;width: 90%;margin-top: 6rem;margin-left: 10%;}
.invite img.inviteimg{position: absolute;top:-3rem;left: 0;right: 0;width: 100%;}
.invite-box{position: relative;width: 100%;z-index: 4;top: -6rem; background: #fff;padding: 0 1.8rem 1rem 1.8rem;}
.invite-box ul{width: 100%;position: relative;padding-top:0.5rem;}
.invite-box ul li{width: 100%;margin-bottom: 1rem;margin-top: 0.625rem;}
.invite-box ul li a{color: #222;width: 100%;display: flex;align-items: center;}
.invite-box ul li a .invite-img{width: 4.8rem;height:4.8rem;border-radius: 0.75rem;overflow: hidden;}
.invite-box ul li a .invite-img img{width: 4.8rem;height: 4.8rem;}
.invite-box ul li a .invite-txt{margin-left: 0.625rem; width: 50%;height: 4.8rem;position: relative;}
.invite-box ul li a .invite-txt div{font-size: 0.9375rem;margin-top: 0.3rem;}
.invite-box ul li a .invite-txt p{font-size: 0.625rem;margin: 0.75rem 0 0.2rem 0;}
.invite-box ul li a .invite-txt small{font-size: 0.625rem;color: #999;}
.invite-box ul li a .invite-but{position: absolute;right: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.invite-box ul li a .invite-but div{color: #bd2325; font-size: 0.875rem;display: flex;align-items: baseline;justify-content: center;}
.invite-box ul li a .invite-but div small{font-size: 1.4rem;}
.invite-box ul li a .invite-but span{
	padding: 0.3rem 0.8rem;border-radius: 100rem;font-size: 0.625rem;
	background: -webkit-linear-gradient(to left, #fefdc6 , #fcda9a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #fefdc6, #fcda9a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fefdc6 , #fcda9a); /* 标准的语法 */ 
}
.qianbao{float: left;width: 100%;position: relative;padding: 0 1rem;}
.qianbao-box{float: left;width: 100%;position: relative;display: flex;flex-direction: column;background: #fff;border-radius: 1rem;margin-top:4rem;}
.qianbao-tab{width: 100%;display: flex;align-items: baseline;padding: 0 1rem;line-height: 3.4rem;}
.qianbao-tab div{font-size: 0.875rem;margin-right: 1.4rem;}
.qianbao-tab a{color: #666;font-size: 0.875rem;}
.qianbao-tab div.active{font-size: 1rem;font-weight: bold;color: #fbcd8a;}
.qianbao-ul{width: 100%;padding: 0 1rem;}
.qianbao-ul ul{}
.qianbao-ul ul li{background: #f5f5f5;border-radius: 0.5rem;padding:0.4rem 1rem;margin-bottom: 1rem;}
.qianbao-ul ul li a{width: 100%;display: flex;align-items: center;}
.qianbao-ul ul li a img{width:4.2rem;}
.qianbao-ul ul li .qianbao-a{font-size:1rem;color: #222;width: 74%;display: flex;align-items: baseline;}
.qianbao-ul ul li .qianbao-a div{font-size: 0.625rem;color: #222;margin-left: 0.625rem;}
.qianbao-ul ul li .qianbao-b{font-size:0.625rem;color: #999;width: 74%;}
.qianbao-ul ul li .qianbao-c{position: absolute;right: 2rem;
	padding: 0.3rem 1rem;border-radius: 100rem;font-size: 0.625rem;color: #222;
	background: -webkit-linear-gradient(to left, #fefdc6 , #fcda9a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #fefdc6, #fcda9a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fefdc6 , #fcda9a); /* 标准的语法 */ 
}
.voucher-ul{width: 100%;position: relative;}
.voucher-ul ul{width: 100%;padding: 0 1rem;border-radius: 0.625rem;}
.voucher-ul ul li{position: relative;display: flex;align-items: center;border-radius: 0.5rem; width: 100%;padding: 0.875rem 1rem;background: #f5f5f5;margin-bottom: 0.875rem;}
.voucher-ul ul li img{}
.voucherimg{width: 5rem;height:3rem;display: flex;align-items: center;justify-content: center;position: relative;}
.voucherimg div{position: absolute;color: #fff;text-align: center;font-size: 0.875rem;}
.voucherimg img{width: 5rem;height:3rem;}
.voucher-txt{width: 50%;margin-left: 0.625rem;}
.voucher-txt .voucher-a{font-size: 0.875rem;margin-bottom: 0.4rem;}
.voucher-txt .voucher-b{font-size: 0.625rem;color: #f00;}
.voucher-txt .voucher-c{font-size: 0.625rem;color: #999;}
.voucher-txt .voucher-d{position: absolute;right:0.875rem;top: 0.625rem; display: flex;align-items: center;flex-direction: column;justify-content: center;}
.voucher-txt .voucher-d div{color: #f00;font-size: 0.875rem;display: flex;align-items: baseline;}
.voucher-txt .voucher-d div small{font-size: 1.5rem;}
.voucher-txt .voucher-d a{display: inline-block;
	padding: 0.3rem 1rem;border-radius: 100rem;font-size: 0.625rem;color: #222;
	background: -webkit-linear-gradient(to left, #fefdc6 , #fcda9a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #fefdc6, #fcda9a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fefdc6 , #fcda9a); /* 标准的语法 */ 	
}
.wogame-tab{position: relative;width: 100%;display: flex;align-items: center;justify-content: space-around;margin-top: 5rem;}
.wogame-tab div{font-size: 0.875rem;}
.wogame-tab div.active{font-size: 1rem;font-weight: bold;color: #222;position: relative;}
.wogame-tab div.active:before{content: "";width: 3rem;height: 0.3rem;position: absolute;bottom:-0.8rem;left: 50%;margin-left: -1.5rem; border-radius: 100rem;
	background: -webkit-linear-gradient(to left, #f8df99 , #f4c988); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #f8df99, #f4c988); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f8df99 , #f4c988); /* 标准的语法 */ 
}
.voucher{float: left;width: 100%;padding: 0 1rem;margin-top:0;display: flex;flex-direction: column;}
.voucher .voucher-box{width: 100%;display:flex;flex-direction: column;margin-top: 2rem;background: #fff;border-radius: 1rem;overflow: hidden;}

.complaint{width: 100%;padding:1.5rem 1rem 1rem 1rem;position: relative;float: left;margin-bottom: 2rem;}
.complaintbox{width: 100%;display: flex;flex-direction: column;background: #fff;border-radius: 1rem;padding: 0.5rem 1rem;float: left;}
.complaint-li{width: 100%;position: relative;height:2.8rem; display: flex;align-items: center;justify-content: space-between;}
.complaint-li .complaint-l{display: flex;align-items: center;font-size: 0.875rem;}
.complaint-li .complaint-l sub{color: red;}
.complaint-li .complaint-r{display: flex;align-items: center;width: 75%;}
.complaint-li .complaint-r input{width: 100%; text-align: right;font-size: 0.875rem;}
.complaint-h{width: 100%;position: relative;font-size: 1rem;display: flex;align-items: center;border-top: 1px solid #333;height: 2.8rem;}
.complaint-h sub{color: red;}
.complaint-rar{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;}
.complaint-rar div{width: 50%;font-size: 0.8125rem;margin-bottom: 1rem;display: flex;align-items: center;}
.complaint-rar div img{width: 1.1rem;height: 1.1rem;margin-right: 0.5rem;}
.complaintbox textarea{width: 100%;background: #f5f5f5;height:5rem; padding: 0.875rem;font-size: 0.75rem;border-radius:0.875rem;}	
.complaint-img{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;padding: 1rem 0;}
.complaint-img .complaintdiv{width: 4rem;height: 4rem; background: #f5f5f5;border-radius: 0.625rem;border: 1px solid #f1f1f1;margin-right: 0.625rem; position: relative;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.complaint-img .complaintdiv img{width: 4rem;height: 4rem;}
.complaint-img .complaintdiv img.cimg{position: absolute;right: 0.3rem;top: 0.3rem;width:1.3rem;height: 1.3rem;z-index: 4; background:#ddd;padding: 0.25rem;border-radius: 100rem;}
.complaint-txt{height: 4rem; display: flex;flex-direction: column;justify-content: center;}
.complaint-txt div{font-size: 0.875rem;}
.complaint-txt small{font-size: 0.625rem;color: #999;}
.complaintbut{width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 1.5rem;}
.complaintbut button{width: 100%;height: 2.8rem;color: #222;font-size: 1rem; border-radius: 100rem;display: flex;align-items: center;justify-content: center;
	background: -webkit-linear-gradient(to left, #f8e097 , #f4ca89); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #f8e097, #f4ca89); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f8e097 , #f4ca89); /* 标准的语法 */ 
}
.complaint-mt{background: #f5f5f5;border-radius: 0.875rem;padding: 0.8125rem;margin: 0.2rem 0;}
.complaint-mth{font-weight: bold;font-size: 0.8125rem;display:flex;align-items: flex-start;justify-content: space-between;}
.complaint-mth div{width: 72%;float: right;margin-bottom: 0.625rem;}
.complaint-p{padding-left:28%; font-size: 0.625rem;color: #999;display: flex;flex-direction: row;flex-wrap: wrap;}
.complaint-p div{font-size: 0.625rem;color: #999;margin-right: 0.5rem;margin-bottom: 0.5rem; float: left;}
.complaint-p img{width: 4rem;height: 4rem;border-radius: 0.875rem;margin: 0 0.3rem 0.3rem 0;}

/*弹窗*/
.lyfx{position: fixed;top:0;left: 0;right: 0;z-index: 100;width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;}
.lyfx .lyfx-br{position: absolute;top:0;left: 0;right: 0;background:rgba(0, 0, 0, 0.5);width: 100%;height: 100%;z-index: 5;}
.lyfx .lyfx-box{position: relative;width: 100%;z-index: 8;display: flex;align-items: center;justify-content: center;}
.lyfx .lyfx-brck{position: relative; width: 80%;z-index: 8;background: #fff;padding: 0 8%; align-items: center; border-radius: 0.8rem;display: flex;flex-direction: column;}
.lyfx .lyfx-brck img{width:8rem;position: absolute;top:-3rem;}
.lyfx .lyfx-brck h2{font-size: 1.4rem;font-weight: bold;margin-top: 6rem;margin-bottom: 0.625rem;}
.lyfx .lyfx-brck p{font-size: 0.8125rem;margin: 0.3rem 0;color: #888;}
.lyfx .lyfx-brck .xianss{width:100%;border-bottom:2px dashed #ddd;margin: 0.4rem 0;}
.lyfx .lyfx-brck .lyfx-but{width: 100%;margin: 1.2rem 0;display: flex;align-items: center;justify-content: center;}
.lyfx .lyfx-brck .lyfx-but div{height: 2.625rem;font-size: 1rem;padding: 0 1.6rem;font-weight: bold; border-radius: 100rem; display: flex;align-items: center;justify-content: center;
background: -webkit-linear-gradient(to top, #f8e097 , #f4ca89); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #f8e097, #f4ca89); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #f8e097 , #f4ca89); /* 标准的语法 */ 
}

/**/
.indexbr{position: absolute;top:0;left: 0;right: 0;width: 100%;height:20rem;
	background: -webkit-linear-gradient(to top, #f9e7bb , #f1f1f1); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #f9e7bb, #f1f1f1); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #f9e7bb , #f1f1f1); /* 标准的语法 */ 
}
.indexbox{float: left;width: 100%;position: relative;padding: 1rem 1.25rem 5.6rem 1.25rem;}
.gameiss{width: 100%;position: relative;display: flex;align-items: center;}
.gameiss img{width: 1.4rem;height: 1.4rem;position: absolute;left: 0.8rem;}
.gameiss input{background: #fff;width: 100%;padding: 0 30% 0 2.2rem; border: 2px solid #3e3a39;height: 2.4rem; border-radius: 100rem;font-size: 0.625rem;}
.gameiss button{position: absolute;right: 0.4rem; width:20%;height: 2rem; background:url(../images/icon17.png) no-repeat center center;color: #fff;font-size: 0.8125rem; background-size: 4rem  auto;}
.gamelist{width: 100%;float: left;background: #fff;border-radius: 0.8rem;margin-top: 0.625rem;}
.gamelist ul{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;padding: 0.875rem 0;}
.gamelist ul li{width: 33.333%;text-align: center;margin: 0.625rem 0; display: flex;flex-direction: column;align-items: center;justify-content: center;}
.gamelist ul li a{color: #0e0402;font-size: 0.625rem;}
.gamelist ul li a img{width: 3.6rem;margin: auto;display: block;margin-bottom: 0.625rem;}
.game-detaph{width: 100%;float: left;z-index: 4; position: relative;margin-top: 0.625rem;}
.game-detaph img.game-imga{position: absolute;z-index: 1;top: 0;width: 100%;}
.game-detaph img.game-imgb{position: absolute;z-index: 2;top: 0;left: 1rem; width:auto;height: 1.4rem;}
.game-detaph-h{position: absolute;right: 1.2rem;top: 0; font-size: 1.2rem;font-weight: bold;}
.game-detaph-box{width: 100%;padding:0 0.75rem;display: flex;flex-direction: column; margin-top: 2.6rem; position: relative;z-index: 4;}
.game-detaph-img{width: 100%;height: 11.75rem;border-radius: 0.8rem; position: relative; display: flex;align-items: center;justify-content: center;overflow: hidden;}
.game-detaph-img:before{content: ""; position: absolute;bottom: 0;left: 0;right: 0;height: 8rem;z-index: 1;width: 100%;
	background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), #333333bf); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0), #333333bf); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #333333bf); /* 标准的语法 */
}
.game-detaph-box a{position: relative;display: inline-block;}
.game-detaph-img img.gdiimg-a{width: 100%;height: 100%; }
.game-detaph-img img.gdiimg-b{width: 3.6rem;height: 3.6rem;position: absolute;z-index: 14;}
.game-detaph-img .game-bottom{position: absolute;z-index: 5; bottom: 0;left: 0;right: 0;padding: 0.8rem 0.6rem; color: #fff;display: flex;align-items: center;justify-content: space-between;}
.game-detaph-img .game-bottom .game-bottom-l{display: flex;flex-direction: column;width: 80%;}
.game-detaph-img .game-bottom .game-bottom-l h2{font-size:1rem;margin-bottom: 0.2rem; text-shadow: 2px 2px 5px #888;/*文字不换行隐藏文字...--多行 放前面*/
display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;    /*2表示第两行*/}
.game-detaph-img .game-bottom .game-bottom-l div{display: flex;align-items: center;}
.game-detaph-img .game-bottom .game-bottom-l div small{color: #dc5008;display: inline-block;padding:1px 6px;font-size: 0.625rem;
	background: -webkit-linear-gradient(to top, #ffffa6 , #f6d061); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #ffffa6, #f6d061); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #ffffa6 , #f6d061); /* 标准的语法 */ }
.game-detaph-img .game-bottom .game-bottom-l div p{width:84%;margin-left: 0.2rem; font-size: 0.625rem;text-shadow: 2px 2px 5px #888;/*文字不换行隐藏文字...--多行 放前面*/
display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;    /*2表示第两行*/}
.game-bottom-r{}
.game-bottom-r div{background: #fff;height: 1.25rem;border-radius: 100rem;padding: 0 0.4rem;color: #222;font-size: 0.625rem;display: flex;align-items: center;justify-content: center;}
.game-shlist{width: 100%;margin-top: 0.625rem; display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 10;}
.game-simg{position: relative; width: 31.6%;height: 7.875rem; display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius: 0.6rem;}
.game-simg:before{content: ""; position: absolute;bottom: 0;left: 0;right: 0;height: 4rem;z-index: 6;width: 100%;
	background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), #333333bf); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0), #333333bf); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #333333bf); /* 标准的语法 */}
.game-simg img.game-simg-a{width: 100%;min-height:7.875rem;position: relative;z-index: 1;}
.game-simg a{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.game-simg .game-stxt{color: #fff;position: absolute;bottom: 0;width: 100%; z-index: 10;padding: 0.4rem 0.4rem; }
.game-simg .game-stxt div{ display: flex;flex-direction: column;text-shadow: 2px 2px 5px #888;}
.game-simg .game-stxt div h2{font-size: 0.875rem;margin-bottom: 0.1rem; text-shadow: 2px 2px 5px #888;display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;  }
.game-simg .game-stxt div p{font-size: 0.625rem;text-shadow: 2px 2px 5px #888;display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;  }
.game-gg{float: left;width: 100%;position: relative; padding: 0.5rem 0.625rem;border-radius: 0.8rem;margin-top: 1.4rem;display: flex;align-items: center;
	background: -webkit-linear-gradient(to left, #f9e7bb , #f3eee2); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #f9e7bb, #f3eee2); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f9e7bb , #f3eee2); /* 标准的语法 */ 
	}
.game-ggimg{width:3rem;height: 3rem;border-radius: 0.625rem;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.game-ggimg img{width: 100%;height: 100%;}
.game-ggtxt{width: 50%;margin-left: 0.625rem; display: flex;flex-direction: column;}
.game-ggtxt div{width: 100%;font-size: 0.875rem;font-weight: bold;color: #222;margin-bottom: 0.2rem;}
.game-ggtxt p{font-size: 0.625rem;color: #222;}
.game-ggtxt p span{font-size: 0.625rem;color: #e52b00;}
.game-ggbutton{float: right;position: absolute;right: 0.875rem; border-radius: 100rem;font-size: 0.75rem;color: #6c1b18;height: 1.3rem;display: flex;align-items: center;justify-content: center;padding: 0 0.6rem;
	background: -webkit-linear-gradient(to left, #f7df8e , #f7d160); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #f7df8e, #f7d160); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f7df8e , #f7d160); /* 标准的语法 */ 
}
.cz{width: 100%;position: relative;display: flex;flex-direction: column;padding: 4rem 1rem 0 1rem;}
.cz-box{width: 100%;background: #fff;display: flex;flex-direction: column; border-radius: 1rem;padding:1.6rem 1.4rem 0 1.4rem;}
.cz-li{width: 100%;display: flex;flex-direction: column;margin-bottom: 1rem;}
.cz-lih{width: 100%;font-size: 0.8125rem;margin-bottom: 0.625rem;}
.cz-lid{width: 100%;background: #f1f1f1;position: relative;border-radius: 0.4rem;height: 2.5rem;padding: 0 1rem; display: flex;align-items: center;}
.cz-lid select{width: 100%;background: none;color: #666;}
.cz-lid img{position: absolute;top: 0.75rem; right: 0.5rem;width: 1rem;height: 1rem;}
.cz-lias{width: 100%;display: flex;flex-direction: column;margin-bottom: 1.2rem;}
.cz-lias div{width: 100%;display: flex;align-items: baseline;font-size: 0.875rem;margin: 0.2rem 0;}
.cz-lias div small{color: #f00;font-size: 1.1rem;}
.cz-lifs{width: 100%;display: flex;flex-direction: column;position: relative;}
.cz-lifsh{width: 100%;font-size: 0.8125rem;line-height: 3.2rem;padding-left: 1.5rem; display: flex;flex-direction: column;position: relative;}
.cz-lifs ul{width: 100%;display: flex;flex-direction: column;position: relative;}
.cz-lifs ul li{width: 100%;background: #fff;border-radius: 0.625rem;margin-bottom: 0.625rem;justify-content:flex-start; display: flex;align-items: center;position: relative;padding: 0.4rem 1.4rem;}
.cz-lifs ul li a{color: #666;font-size: 0.9375rem;}
.cz-lifs ul li a img.cz-lifsh-a{width: 3rem;margin-right: 0.4rem;}
.cz-lifs ul li a img.cz-lifsh-b{position: absolute;right: 1rem;top: 50%;margin-top: -0.5rem; width: 1rem;  transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
.cz-content{position: relative;width: 100%;margin-bottom: 2rem; display: flex;flex-direction: column;line-height: 1.4rem; font-size: 0.625rem;color: #888;}
.cz-content div{width: 100%;}
.cz-content p{width: 100%;white-space: pre-line;}

		
.head{position: fixed;height: 4rem; top: 0;left: 0;right: 0;z-index: 100;display: flex;align-items: center;justify-content: center;}
.head a{position: absolute;left: 1rem; background: #fff;width: 2rem;height: 2rem;border-radius: 100rem;display: flex;align-items: center;justify-content: center;}
.head a img{width: 1.5rem;height: 1.5rem;position: relative;left: -0.05rem;}
.head div{font-size: 1.125rem;font-weight: bold;}
.head small{font-size: 0.75rem;position: absolute;right: 1rem;}
.personalcenter{float: left;width: 100%;display: flex;flex-direction: column;padding: 0 2.6%;margin-bottom: 1rem;}
.personalcenterbox{float: left;width: 100%;background: #fff;border-radius: 0.875rem;overflow: hidden;padding: 0 1rem; display: flex;flex-direction: column;border-top-left-radius: 1rem;border-top-right-radius: 1rem;border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem; }
.pcdiv{float: left;width: 100%;background: #fff;border-bottom: 1px solid #eee; display: flex;align-items: center;justify-content: space-between;position: relative;height: 3.2rem;}
.pcdiv:nth-last-child(1){border-bottom: 0;}
.pcdiv .pcdiv-le{font-size: 1.1rem;font-weight: bold;}
.pcdiv .pcdiv-ri{width: 70%;display: flex;align-items: center;justify-content:flex-end;font-size: 0.875rem;color: #999;}
.pcdiv .pcdiv-ri a{color: #999; display: flex;align-items: center;justify-content:flex-end;}
.pcdiv .pcdiv-ri a div{display: flex;align-items: center;justify-content: center;overflow: hidden;width: 2.4rem;height: 2.4rem;border-radius: 100rem;overflow: hidden;}
.pcdiv .pcdiv-ri a div img{width:  2.4rem;height: 2.4rem;margin-left: 0;
transform:rotate(0deg);
    -webkit-transform:rotate(0deg);}
.pcdiv .pcdiv-ri a img{width: 1.1rem;height: 1.1rem;margin-left: 0.4rem;  transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);}
.footbut{width: 100%;float: left;padding: 0 2.6%;}
.footbut a{width: 100%;height: 3rem;background: #fff;color: #F00;font-size: 1rem;text-align: center;display: flex;align-items: center;justify-content: center;border-radius: 1rem;}
.fuwuts{width: 100%;color: #000;margin: 1rem 0 1rem 0;float: left; display: flex;align-items: center;justify-content: center;font-size: 0.875rem;}
.fuwuts a{display: inline-block;color: #000;}
.gamemallbrs{float: left;width: 100%;
	background: -webkit-linear-gradient(to top, #f3e8d3 , #f1f1ff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #f3e8d3, #f1f1ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #f3e8d3 , #f1f1ff); /* 标准的语法 */
}
/**/
.opening_number{float: left;width: 100%;}
.opening_number .opening_number-input{}
.opening_number .opening_number-input img{width: 1.6rem;height: 1.6rem;}
.opening_number .opening_number-input input{height: 2.25rem;background: #fff;border-radius: 100rem;width: 100%;font-size: 0.8125rem;}

/**/
.gamemall{float: left;width: 100%;position: relative;height: 100%;z-index: 10;padding: 0 1.125rem 0 1.125rem;}	
.gamemall img.gamemallbr{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: auto; z-index: 1;}
.gamemall-div{position:relative;z-index: 4;margin-top: 12rem;box-sizing: border-box;}
.gamemall-div img.gamemallba{width: 100%;height: auto;position: absolute;z-index: 1;}
.gamemallbox{width: 100%;padding: 0 1rem 5.6em 1rem;float: left;}
.gamemallbox a{color: #222222;}
.gamemall-div .gamemall-a{position:relative;float: left; padding-left: 2rem;display: flex; flex-direction: column;
align-items: flex-start;
    justify-content: center; z-index: 2;position: relative;height: 9.4rem; width: 100%;margin-top: 3rem;border-radius:1rem;
  background: -webkit-linear-gradient(to left, #fff2cf , #fde5b8); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(to right, #fff2cf, #fde5b8); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #fff2cf , #fde5b8); /* 标准的语法 */}
.gamemall-div .gamemall-a h1{font-size: 1.6rem;margin-bottom: 0.625rem;}
.gamemall-div .gamemall-a small{height:1.5rem;display: inline-block;line-height: 1.5rem; border-radius: 0.4rem;padding: 0 0.625rem;color: #f29029;font-size: 0.625rem;
	background: -webkit-linear-gradient(to left, #fde3b3 , #fdfcea); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #fde3b3, #fdfcea); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fde3b3 , #fdfcea); /* 标准的语法 */
}
.gamemall-div .gamemall-a img{width: 6rem;position: absolute;right: 1rem;bottom: 1rem;}
.gamemall-div .gamemall-b{float: left; position:relative;display: flex; flex-direction: column;background: #f8eded;
align-items: center; justify-content: center; z-index: 2;position: relative;height:15rem; width: 48%;margin-top: 1rem;border-radius:1rem;}
.gamemall-div .gamemall-b div{font-size: 1.6rem;font-weight:bold; transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);}
.gamemall-div .gamemall-b h1{font-size: 1.6rem;margin-bottom: 0.625rem;position: relative;z-index: 5;}
.gamemall-div .gamemall-b small{height:1.5rem;display: inline-block;line-height: 1.5rem;position: relative;z-index: 5; border-radius: 0.4rem;padding: 0 0.625rem;color: #ef8db4;font-size: 0.625rem;
	background: -webkit-linear-gradient(to left, #f9e4e6 , #fdf2f7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #f9e4e6, #fdf2f7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f9e4e6 , #fdf2f7); /* 标准的语法 */}
.gamemall-div .gamemall-b img{width: 100%;position: absolute;top: 3rem;opacity: 0.5;}
.gamemall-box{width: 48%;float: right; display: flex;flex-direction: column;align-items: center;justify-content: space-between;position: relative;}
.gamemall-box .gamemall-c{ position:relative;display: flex; flex-direction: column;
align-items: center; justify-content: center; z-index: 2;position: relative;height:7rem; width: 100%;margin-top: 1rem;border-radius:1rem;}
.gamemall-box .gamemall-c h1{font-size: 1.6rem;margin-bottom: 0.625rem;}
.gamemall-box .gamemall-c small{height:1.5rem;display: inline-block;line-height: 1.5rem;margin-top:0rem; border-radius: 0.4rem;padding: 0 0.625rem;font-size: 0.625rem;}
.gamemall-box .gamemall-c:nth-child(1){background: #ededfc;}
.gamemall-box .gamemall-c:nth-child(2){background: #e0f7f8;}
.gamemall-box .gamemall-c:nth-child(1) small{color: #a788bd;
	background: -webkit-linear-gradient(to left, #e6e5f8 , #f1f1ff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #e6e5f8, #f1f1ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e6e5f8 , #f1f1ff); /* 标准的语法 */
}
.gamemall-box .gamemall-c:nth-child(2) small{color: #87bfe9;
	background: -webkit-linear-gradient(to left, #eff8fe , #ebf6f7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to right, #eff8fe, #ebf6f7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #eff8fe , #ebf6f7); /* 标准的语法 */ 
}
.game-hul{width: 100%;float: left; margin-top: 0.875rem;margin-bottom: 0.625rem;}
.game-hul ul{width: 100%;}
.game-hul li{float: left;margin-right:1.13rem;height: 7rem;text-align: center;}
.game-hul li:nth-child(4n){margin-right: 0;}
.game-hul li a{color: #231815;font-size: 0.625rem;display: flex;flex-direction: column;}
.game-hul li a img{width: 4rem;height: 4rem;margin: auto;display: block;border-radius: 0.75rem;overflow: hidden;margin-bottom: 0.4rem;}
.game-hul li a div{width:4rem; display: -webkit-box !important;
overflow:hidden;
text-overflow:ellipsis;
word-break: break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:2; }
.yky-sum{width: 100%;display: flex;flex-direction: column;margin-top: 1rem;}
.yky-sum small{font-size: 1rem;font-weight: bold;width: 100%;margin-bottom: 0.625rem;}
.yky-suma{display: flex;align-items: center;}
.yky-suma div{display: flex;align-items: center;font-size: 0.875rem;margin-right: 1rem;}
.yky-suma div img{width: 1.2rem;height: 1.2rem;margin-right: 0.2rem;}
.heightxh{float: left;width: 100%;height: 5rem;}
.footer{position: fixed;bottom: 0;left: 0;right: 0;background: #fff;height: 3.3rem;z-index: 10;display: flex;align-items: center;justify-content: space-around;}
.footer ul{width: 100%;height: 3.3rem; display: flex;align-items: center;justify-content: space-around;}
.footer ul li{width: 25%;height: 3.3rem;display: flex;align-items: center;justify-content: center; }
.footer ul li{position: relative;}
.footer ul li.active img.active{width: auto;height: 0.6rem;    margin: auto; display: block; position: absolute;top: -0.58rem;}
.footer ul li a{width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 0.625rem;color: #302c2b;}
.footer ul li a img{width: 1.4rem;height: 1.4rem;}
/*底部导航*/
.njsh-anniu{float: left;width: 100%; padding: 20px 0;text-align: center;}
.njsh-anniu li.active{color: #fff;background-color: #33afac;}
.njsh-anniu li span{position: relative;top: -1px;}
.njsh-anniu li{cursor: pointer; display:inline-block;border: 1px solid #dddddd;overflow: hidden; height: 2rem;line-height: 2rem;box-sizing: border-box; padding: 0 16px; margin: 0 7px 1rem 7px; color: #666666;font-size: 13px;}
.njsh-anniu li:hover{ color: #fff;background-color: #33afac;}
.njsh-anniu li a{width: 100%; display:inline-block;color: #666666;font-size: 13px;}
.njsh-anniu li:hover a{ color: #fff;background-color: #33afac;}
/*swipe*/
.slide{
	border-radius: 0.8rem;
	z-index: 4;
    position: relative;
    max-width:100%;max-height:80%;
    overflow: hidden;
    margin: 0px auto;
		margin-top: 0.625rem;
}
.slide:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 50%;
}
.slide ul{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slide li{
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slide li:first-child{
    z-index: 1;
}
.slide li img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.slide .slide-desc {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;overflow: hidden;
    padding: 5px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;white-space: nowrap;word-break: break-all; text-overflow: ellipsis; }
.slide .dot{
     position: absolute;
    width: 100%;
    bottom: 12px;
    z-index: 5;
    font-size: 0;
    text-align: center;
    margin:0 auto;
}
#slide1 .dot{
    position: absolute;
    width: 100%;
    bottom: 16px;
    z-index: 5;
    font-size: 0;
    text-align: center;
    margin:0 auto;
}
.slide .dot span{
    display: inline-block;
    width: 24px;
    height: 4px;
    margin-left: 6px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 2px;
}
.slide .dot .cur{
    background-color:#fff;
}
.slide-m{
    background:#f8f8f8;height:40px;line-height:40px;vertical-align:middle;margin:0 auto;
}
.slide .txt{overflow: hidden;text-align:center;font-size:16px; white-space: nowrap;word-break: break-all; text-overflow: ellipsis;}

/*弹窗*/
.nt-bo{position: fixed;z-index: 20; background-color: rgba(0, 0, 0, 0.25); width: 100%; height: 100%;top:0; overflow: hidden;display: flex;align-items: center;justify-content: center;}
.nt-bos{background-color: #fff;position: relative; border-radius: 0.4375rem; width: 90%; color: #333;}
.nt-bos p{float: left; color: #555;font-size: 1rem;line-height: 1.6rem; width: 100%; padding:  0 5% 1.5rem 5%;box-sizing: border-box; }
.nt-bos img{position: absolute;right: 0.8rem;top: 0.8rem; width: 1.5625rem; height: 1.5625rem;}
.nt-boh{text-align: center; width: 100%;float: left;font-size:1.0625rem;line-height: 4rem;}
.nt-foole{float: left; width: 100%;background-color: #fff;border-top:1px solid #eee;border-bottom-left-radius: 0.4375rem;border-bottom-right-radius: 0.4375rem;overflow: hidden; }
.nt-foole a{ width: 50%;float: left;text-align: center;color: #333; height: 2.75rem;line-height: 2.75rem;}
.nt-foole a#s5{background-color: #56c3c0;color: #fff;}

/*兼容*/
@media screen and (min-device-width:500px){ html, body, .footer, .head, .yktbr, .ykt-jk, .lyfx{ width:500px; margin:auto;}}
@media screen and (min-device-width:500px){
	.ykt-vrimg{margin-top: 4rem;}
}

@media screen and (min-width: 400px) and (max-device-width:420px){
}
@media screen and (min-width: 350px) and (max-device-width:365px){
}
@media screen and (min-width: 310px) and (max-device-width:330px){
	.listr{float: left; width: 59%; }
	.pt-r span{ margin-left: 0.625rem;}
	.pt-r{font-size: 1rem;}
}
@supports (bottom: env(safe-area-inset-bottom)){
    .footer{
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
}