/* index */
.box-one{
	padding:245px 0 155px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.box-one::after{
	content:'';
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* background:rgba(0,0,0,.5); */
	z-index: 0;
}
.box-one .max-width{
	position: relative;
	z-index: 10;
}
.box-one .title{
	font-family: Arial;
	font-weight: bold;
	font-size: 54px;
	color: #FFFFFF;
	text-align: center;
	margin-bottom:185px;
}
.box-one .con{
	font-family: Arial;
	font-weight: 400;
	font-size: 21px;
	color: #FFFFFF;
	line-height: 48px;
	text-align: center;
}
/* about */
.about{
    min-height: 100%;
	padding:95px 0 105px;
	background:#000000;
}
.about .about-tit{
	font-family: Arial;
	font-weight: bold;
	font-size: 54px;
	color: #FFFFFF;	
	text-align: center;
	margin-bottom: 120px;
}
.about .about-li{
	width:292.5px;
	height:205px;
	margin:0 10px 15px 0;
}
.about .about-li:nth-child(4n){
	margin-right:0;
}
.about .about-li img{
	width:100%;
	height:100%;
}
/* subscription */
.subscription{
	padding:75px 0;
	background-color: #000;
	min-height:100%;
}
.subscription .subscription-li{
	width: 386px;
	height: 350px;
	background-color: #151515;
	border-radius: 10px;
	margin:0 20px 0 0;
	overflow: hidden;
}
.subscription .subscription-li a{
	display: block;
	width:100%;
	height:100%;
	background-image: url(../icon-img/back1.png);
	background-position: center bottom 105px;
	background-repeat: no-repeat;
	background-size: 53px;
	font-family: PingFang SC;
	font-weight: 400;
	font-size: 22px;
	color: #FFFFFF;
	text-align: center;
	padding-top:135px;
}
.subscription .subscription-li:hover a{
	cursor: pointer;
	background-color: #45A141;
	background-image: url(../icon-img/back.png);
}
.subscription .subscription-li:nth-child(3n){
	margin-right:0;
}
/*  */
.subscription-dtl{
	padding:0 0 20px;
	min-height:100%;
}
.more{
	width: 102px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	background: #000000;
	border-radius: 5px;
	border: 1px solid #1D1D1D;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	font-size: 20px;
	color: #7D7C7C;
	margin:30px auto;
}
.menu{
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #7D7C7C;
	padding:28px 0;
}
.menu a{
	color: #7D7C7C;
}
.subscription-dtl .subscription-li{
	display: block;
	width: 386px;
	/*height: 563px;*/
	background: #151515;
	border-radius: 10px;
	margin:0 20px 35px 0;
	overflow: hidden;
}
.subscription-dtl .subscription-li:nth-child(3n){
	margin-right:0;
}
.subscription-dtl .subscription-li img{
	width: 100%;
	height: 335px;
}
.subscription-dtl .subscription-li .con{
	padding:15px 13px 0;
}
.subscription-dtl .subscription-li .name{
	font-family: Adobe Heiti Std;
	font-weight: normal;
	font-size: 20px;
	color: #FFFFFF;
}
.subscription-dtl .subscription-li .des{
	font-family: PingFang SC;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	height:46px;
	line-height: 23px;
	margin-top:20px;
}
.subscription-dtl .subscription-li .profit{
	font-family: PingFang SC;
	font-weight: 400;
	font-size: 17px;
	color: #FFFFFF;
	margin-top:10px;
}
.subscription-dtl .subscription-li .profit span{
	font-size: 20px;
	color: #3AF132;
}
.subscription-dtl .subscription-li .time{
	font-family: PingFang SC;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	margin-top:10px;
}
.subscription-dtl .subscription-li .amount{
	font-family: PingFang SC;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	margin-top:10px;
}
.subscription-dtl .subscription-li .amount span{
	color:#DD0D0D;
	font-size: 20px;
}
.subscription-dtl .subscription-li .progress{
	width:100%;
	height: 16px;
	line-height: 16px;
	background: #3B3B3B;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	margin-top:10px;
}
.subscription-dtl .subscription-li .progress-jin{
	width:20%;
	height:100%;
	background: #45A141;
	font-family: PingFang SC;
	font-weight: 400;
	font-size: 15px;
	color: #FFFFFF;
	border-radius: 8px;
	text-align: right;
	padding:0 15px;
	position: absolute;
	top:0;
	left:0;
}
.subscription-dtl .subscription-li .progress-jin.on{padding:0;}
/* store */
.store{
    min-height: 100%;
}
.store .store-li{
	display: block;
	width: 386px;
	height: 505px;
	background: #151515;
	border-radius: 10px;
	margin:0 20px 35px 0;
	overflow: hidden;
	text-align: center;
}
.store .store-li:nth-child(3n){
	margin-right:0;
}
.store .store-li img{
	width: 100%;
	height: 335px;
}
.store .store-li .amount{
	font-family: PingFang SC;
	font-weight: 400;
	font-size: 16px;
	color: #FFFFFF;
	margin-top:20px;
}
.store .store-li .amount span{
	color:#DD0D0D;
	font-size: 20px;
}
.store .store-li .btn-v{
	width: 268px;
	height: 54px;
	line-height: 54px;
	background: #45A141;
	border-radius: 27px;
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	margin:35px auto 0;
}
/* announcement */
.announcement{
	padding:40px 0;
	min-height: 100%;
}
.announcement .announcement-li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:30px 0;
}
.announcement .announcement-li .name{
	width:70%;
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
}
.announcement .announcement-li:hover .name{
	color: #918F8F;
	text-decoration: underline;
}
.announcement .announcement-li .time{
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #918F8F;
}
/* announcement-dtl */
.announcement-dtl{
	padding:50px 0;
}
.announcement-dtl .title{
	font-family: Arial;
	font-weight: 400;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 45px;
	margin-bottom:50px;
}
.announcement-dtl .time{
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #7D7C7C;
	padding-bottom:20px;
}
.announcement-dtl .con{
	padding:30px 20px;
	border-top:1px solid #292929;
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
}
.announcement-dtl .con p{
	line-height: 50px;
}
.announcement-dtl .con img{
	max-width:100%;
	margin:0 auto;
	display: block;
}
/* Profile */
.profile{
    min-height: 100%;
}
.profile .profile-info .li{
	width:50%;
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	padding:30px 0;
}
.profile .profile-total{
	display: flex;
	justify-content: space-between;
	width: 100%;
	background: #151515;
	border-radius: 10px;
	padding:55px 60px;
	margin-top: 20px;
}
.profile .profile-total .name{
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
}
.profile .profile-total .money{
	font-family: Arial;
	font-weight: bold;
	font-size: 60px;
	color: #FFFFFF;
	margin-top:20px;
}
.profile .profile-total .btn-v{
	display: inline-block;
	width: 134px;
	height: 48px;
	line-height: 46px;
	text-align: center;
	border: 1px solid #45A141;
	background: #44A140;
	border-radius: 10px;
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
}
.profile .profile-total .btn-v.on{
	background: none;
	color: #44A140;
	margin-left: 30px;
}
.profile .profile-table{
	
}
.profile .profile-table .profile-table-title{
	line-height: 120px;
	font-family: Arial;
	font-weight: 400;
	font-size: 24px;
	color: #FFFFFF;
	padding-left:20px;
	position: relative;
}
.profile .profile-table .profile-table-title::before{
	content:'';
	width: 6px;
	height: 26px;
	background: #44A140;
	border-radius: 3px;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto 0;
}
.profile .profile-table .table{
	border: 1px solid #151515;
	margin-bottom:100px;
}
.profile .profile-table .table .table-li{
	padding:20px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.profile .profile-table .table .table-li:nth-child(odd){
	background: rgba(21, 21, 21, 0.35);
}
.profile .profile-table .table .table-li:first-child{
	background: #151515;
}
.profile .profile-table .table .table-li .li{
	width:20%;
	padding:0 5px;
	word-break: break-all;
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
}
/* withdrawal */
.withdrawal{
    min-height: 100%;	
}
.withdrawal .title{
	padding:40px 0;
	font-family: Arial;
	font-weight: 400;
	font-size: 24px;
	color: #FFFFFF;
	text-align: center;
}
.withdrawal .con{
	width:550px;
	margin:0 auto;
}
.withdrawal .inp{
	background: #1E2023;
	border-radius: 10px;
	border: 1px solid #323131;
	height:75px;
	margin-bottom:11px;
	padding:0 15px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.withdrawal input{
	width:100%;
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	height:100%;
	padding:0 10px;
}
.withdrawal .btn-v{
	display: flex;
	justify-content: center;
}
.withdrawal button{
	cursor: pointer;
	width: 238px;
	height: 85px;
	background: #45A141;
	border-radius: 20px;
	font-family: Arial;
	font-weight: 400;
	font-size: 22px;
	color: #FFFFFF;
	margin:20px auto 100px;
}
.withdrawal-nt{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-bottom:10px;
}
.withdrawal-nt .li{
	font-size: 24px;
	color:#fff;
	border-radius: 10px;
	line-height: normal;
	margin-left:10px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dropdown {
  position: relative;
  display: inline-block;
}
 
.dropdown-toggle {
  display: none;
}
 
.dropdown-label {
  cursor: pointer;
}
 
.dropdown-menu-q {
  position: absolute;
  right:0;
  display: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 1px solid #ddd;
  background: #000;
  color: #fff;
  min-width:200%;
  max-height: 300px;
  overflow-y: auto;
  font-size: 18px;
}
 
.dropdown-menu-q li {
  padding: 5px 10px;
}
 
.dropdown-menu-q li:hover {
  background-color: #45A141;
}
 
.dropdown-toggle:checked + .dropdown-label + .dropdown-menu-q {
  display: block;
}
/* kyc */
.kyc {
	min-height: 100%;
}
.kyc .kyc-con .inp{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom:10px;
}
.kyc .kyc-con .inp label{
	display: block;
	width:120px;
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
}
.kyc .kyc-con .inp input{
	width: 555px;
	height: 77px;
	background: #1E2023;
	border-radius: 10px;
	border: 1px solid #323131;
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	padding:0 10px;
}
.kyc .kyc-con .upload{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding-top:60px;
}
.kyc .kyc-con .upload-li{
	margin-right:34px;
}
.kyc .kyc-con .upload-li:nth-child(3n){
	margin-right:0;
}
.kyc .kyc-con .upload-li .pictrue{
	display: block;
	width: 376px;
	height: 285px;
	background: #1E2023;
	border-radius: 10px;
	border: 1px solid #323131;
	overflow: hidden;
}
.kyc .kyc-con .upload-li img{
	width:100%;
	height:100%;
}
.kyc .kyc-con .upload-li .default{
	padding:110px 150px 0;
}
.kyc .kyc-con .upload-li .default img{
	height:auto;
}
.kyc .kyc-con .upload-li .des{
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #7D7C7C;
	margin:20px 0;
}
.kyc .kyc-con .upload-li .des span{
	cursor: pointer;
	display: inline-block;
	padding-left:22px;
	color:#45A141;
	background:url(../icon-img/example.png) no-repeat left 0 center;
	background-size:18px;
}
.kyc .btn-v{
	display: flex;
	justify-content: center;
}
.kyc button{
	cursor: pointer;
	width: 555px;
	height: 85px;
	background: #45A141;
	border-radius: 20px;
	font-family: Arial;
	font-weight: 400;
	font-size: 22px;
	color: #FFFFFF;
	margin:100px auto 100px;
}
.kyc-popup-q{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	z-index: 1000;
	display: none;
}
.kyc-popup{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width: 346px;
	height: 269px;
	background: #FFFFFF;
	border-radius: 10px;
	padding:0 19px 19px;
}
.kyc-popup .title{
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	line-height: 55px;
}
.kyc-popup .close{
	position: absolute;
	top:3px;
	right:3px;
	width:25px;
	height:25px;
}
.kyc-popup .close::before,.kyc-popup .close::after{
	content: '';
	width:20px;
	height:2px;
	background:#858585;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
.kyc-popup .close::before{-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
.kyc-popup .close::after{-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.kyc-popup img{
	width: 308px;
}
/* changeprofile */
.changeprofile{
    min-height: 100%;
}
.changeprofile .changeprofile-info{
	width: 100%;
	background: #151515;
	border-radius: 10px;
	padding:30px 40px;
	margin-bottom:60px;
}
.changeprofile-info-li{
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #FFFFFF;
	padding:25px 0;
}
.changeprofile-info-li span{
	padding-left:20px;
}
.changeprofile .changeprofile-title{
	line-height: 120px;
	font-family: Arial;
	font-weight: 400;
	font-size: 24px;
	color: #FFFFFF;
	padding-left:20px;
	position: relative;
}
.changeprofile .changeprofile-title::before{
	content:'';
	width: 6px;
	height: 26px;
	background: #44A140;
	border-radius: 3px;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto 0;
}
.changeprofile .con{
	width:550px;
	margin:0 auto;
}
.changeprofile .inp{
	background: #1E2023;
	border-radius: 10px;
	border: 1px solid #323131;
	height:75px;
	margin-bottom:11px;
	padding:0 15px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.changeprofile input{
	width:100%;
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	height:100%;
	padding:0 10px;
}
.changeprofile .btn-v{
	display: flex;
	justify-content: center;
}
.changeprofile button{
	cursor: pointer;
	width: 238px;
	height: 85px;
	background: #45A141;
	border-radius: 20px;
	font-family: Arial;
	font-weight: 400;
	font-size: 22px;
	color: #FFFFFF;
	margin:70px auto 100px;
}

/* 弹窗 */
.popup-q{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	z-index: 1000;
}
.popup-q .popup{
	position: absolute;
	top:50%;
	left:50%;
	width:440px;
	max-height: 80vh;
	overflow-y: auto;
	background:#000;
	border-radius: 20px;
	padding:20px 0 40px;
	transform: translate(-50%, -50%);
	border:1px solid #333333;
}
.popup-q .popup .title{
	font-family: Arial;
	font-weight: bold;
	font-size: 28px;
	color: #fff;
	line-height: 50px;
	text-align: center;
}
.popup-q .popup .con{
	padding:0 30px ;
}
.popup-q .popup .inp{
	background: #000;
	border-radius: 10px;
	border: 1px solid #9D9C9C;
	height:40px;
	margin-bottom:10px;
	padding:0 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.popup-q .popup input{
	width:100%;
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	height:100%;
}
.popup-q .popup .input{
	padding:0 10px;
}
.popup-q .popup .select{
	position: relative;
}
.popup-q .popup select{
	background-image: url(../icon-img/down1.png);
	background-position:center right 10px;
	background-repeat:no-repeat;
	background-size:13px;
	background-color:#000;
	border: none;
	outline: none;
	padding: 0; /* 根据需要调整内边距 */
	width:100%;
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	position: relative;
}
.popup-q .popup .select select{
	width:80px;
	background-size:13px;
	font-size: 18px;
}
/* 可以添加伪元素来改善跨浏览器的兼容性 */
.popup-q .popup select::-ms-expand {
    display: none; /* 移除IE的下拉箭头 */
}
 
/* 自定义的样式，根据需要添加 */
.popup-q .popup select option {
    background: #000;
    color: #fff;
}
.popup-q .popup .select::after{
	content:'';
	width:1px;
	height:20px;
	background:#E1E1E1;
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto 0;
}
.popup-q .popup .des{
	font-family: Arial;
	font-weight: 400;
	font-size: 22px;
	color: #E91616;
	margin-bottom:40px;
}
.popup-q .popup button{
	width:100%;
	height:40px;
	line-height: 40px;
	background: #45A141;
	border-radius: 10px;
	border: 1px solid #45A141;
	font-family: Arial;
	font-weight: 400;
	font-size: 22px;
	color: #333;
}
.popup-q .popup .cancel{
	background:#C9C9C9;
	color:#605F5F;
}
.popup-q .popup .phone{
    padding:0 10px;
}
.popup-q .popup .btn-v{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.popup-q .popup .btn-v button{
	width:46%;
}
.popup-q .question{
	width:440px;
	padding:30px 90px;
}
.popup-q .question .question-img{
	width:82px;
	height:82px;
	margin:0 auto;
	display: block;
}
.popup-q .question .question-des{
	font-family: Arial;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	margin-top:40px;
}
.popup-q .question .btn-v button{
	width: 173px;
	height: 69px;
	line-height: 69px;
	text-align: center;
	background: #FFFFFF;
	border-radius: 35px;
	border: 1px solid #45A141;
	font-family: Adobe Heiti Std;
	font-weight: normal;
	font-size: 21px;
	color: #45A141;
	margin:100px auto 20px;
	cursor: pointer;
}

@media (max-width: 1200px) and (min-width:992px){
	.max-width{max-width: 975px;}
	#header .li {margin-right: 40px;}
	.about .about-li{width:235px;height:165px;}
	.subscription .subscription-li{width:311px;height:280px;}
	.subscription .subscription-li a{padding-top:75px;background-position:center bottom 80px ;}
	.store .store-li{width:311px;height:406px;}
	.store .store-li img{height:270px;}
	.store .store-li .btn-v{margin-top:15px;}
	.subscription-dtl .subscription-li {
	    width:311px;
	    /*height:453px;*/
	}
	.subscription-dtl .subscription-li img{height:270px;}
	.subscription-dtl .subscription-li .con{padding-top:5px;}
	.subscription-dtl .subscription-li .des,.subscription-dtl .subscription-li .amount,.subscription-dtl .subscription-li .progress,
	.subscription-dtl .subscription-li .profit,.subscription-dtl .subscription-li .time{margin-top:5px;}
	.kyc .kyc-con .upload-li{margin-right:32px;}
	.kyc .kyc-con .upload-li .pictrue{width:302px;height:228px;}
	.kyc .kyc-con .upload-li .default {padding:70px 105px 0;}
	.kyc .kyc-con .upload-li .des {font-size: 15px;}



}
@media (max-width:992px) and (min-width:750px){
	.max-width{max-width: 750px;}
	#header .li {margin-right: 20px;}
	#header .li>a{font-size: 17px;}
	#header .li.active::after, #header .li:hover::after{width:40px;}
	#header .no-login .no-login-li a{font-size: 17px;}
	.right-box{width:100px;height:100px;}
	.right-box a{font-size: 17px;padding-top:65px;background-size: 40px;}
	.box-one{padding-top:75px;padding-bottom:35px;}
	.box-one .title{margin-bottom:55px;}
	.about{padding:75px 12px 60px;}
	.about .about-li{width:235px;height:165px;}
	.about .about-li:nth-child(3n){margin-right:0;}
	.about .about-li:nth-child(4n){margin-right:10px;}
	.announcement{padding:20px 10px;}
	.announcement-dtl{padding:30px 10px;}
	.profile{padding:0 10px;}
	.changeprofile{padding:0 10px;}
	.subscription .subscription-con{padding:0 53px;}
	.subscription .subscription-li{width:311px;height:280px;margin-bottom: 20px;}
	.subscription .subscription-li:nth-child(2n){margin-right:0;}
	.subscription .subscription-li a{padding-top:75px;background-position:center bottom 80px ;}
	.store{padding:0 53px;}
	.store-con{display: flex;justify-content: center;flex-wrap: wrap;}
	.store .store-li{width:311px;height:406px;}
	.store .store-li:nth-child(3n){margin-right:20px;}
	.store .store-li:nth-child(2n){margin-right:0;}
	.store .store-li img{height:270px;}
	.store .store-li .btn-v{margin-top:15px;}
	.subscription-dtl{padding:0 10px 20px;}
	.subscription-dtl .subscription-con{padding:0 43px;}
	.subscription-dtl .subscription-li {
	    width:311px;
	    /*height:453px;*/
	    
	}
	.subscription-dtl .subscription-li:nth-child(3n) {margin-right:20px;}
	.subscription-dtl .subscription-li:nth-child(2n) {margin-right:0;}
	.subscription-dtl .subscription-li img{height:270px;}
	.subscription-dtl .subscription-li .con{padding-top:5px;}
	.subscription-dtl .subscription-li .des,.subscription-dtl .subscription-li .amount,.subscription-dtl .subscription-li .progress,
	.subscription-dtl .subscription-li .profit,.subscription-dtl .subscription-li .time{margin-top:5px;}
	.kyc{padding:0 10px;}
	.kyc .kyc-con .upload{padding:30px 45px 0;}
	.kyc .kyc-con .upload-li:nth-child(2n){margin-right: 0;}
	.kyc .kyc-con .upload-li .pictrue{width:302px;height:228px;}
	.kyc .kyc-con .upload-li .default {padding:70px 105px 0;}
	.kyc .kyc-con .upload-li .des {font-size: 15px;}
	.withdrawal{padding:0 10px;}
}
@media (max-width:750px){
	body{
		padding:1.28rem 0 0.8rem;
	}
	.max-width{max-width: 750px;}
	/* 导航 */
	#header{display: none;}
	#m-header{
		position: fixed;
		top:0;
		left:0;
		z-index:1000;
		width:100%;
		display: block;
	}
	#m-header.on::after{
		content:'';
		position: fixed;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		background:rgba(0,0,0,.5);
		z-index: 1000;
	}
	.m-nav{
		display:flex;
		justify-content: space-between;
		align-items: center;
		height:1.28rem;
		background:#0A0A0A;
		position: relative;
		width:100%;
		z-index:1001;
		padding:0 0.2rem;
	}
	.m-nav .logo{
		width:0.75rem;
	}
	.m-nav .menu{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column;
	}
	.m-nav .menu span{
		display: block;
		width:0.58rem;
		height:3px;
		background:#fff;
		border-radius: 0.5rem;
		margin: 0.08rem 0 ;
	}
	#m-header .m-con{
		position: relative;
		width:100%;
		max-height:calc(100vh - 1.28rem);
		overflow-y: auto;
		background-color: #0A0A0A;
		z-index:1001;
		line-height: 1rem;
	}
	#m-header .m-con .li{
		border-bottom:1px solid #4D4D4D;
	}
	#m-header .m-con .li:last-child{
		border-bottom:0;
	}
	#m-header .m-con .li>a{
		font-family: Arial;
		font-weight: 400;
		font-size: 0.34rem;
		color: #FFFFFF;
		display: block;
		padding:0 0.3rem;
		background:url(../icon-img/right.png) no-repeat center right 0.4rem;
		background-size:0.2rem;
	}
	#m-header .m-con .li.on>a{
		background:url(../icon-img/down1.png) no-repeat center right 0.25rem;
		background-size:0.4rem;
	}
	#m-header .child-con{
		display: none;
		padding:0 0.6rem;
	}
	#m-header .child-con a{
		display: block;
		font-family: Arial;
		font-weight: 400;
		font-size: 0.24rem;
		color: #FFFFFF;
		line-height: 0.7rem;
	}
	.menu{padding:0.25rem 0.3rem;font-size: 0.18rem;}
	.right-box,.more{display:none;}
	.footer{font-size:0.2rem;height:0.8rem;line-height:0.8rem;}
	.popup-q .popup{padding:0.1rem 0.4rem 0.3rem;width:6.9rem;}
	.popup-q .popup .title{font-size: 0.21rem;line-height: 0.8rem;}
	.popup-q .popup .con{padding:0;}
	.popup-q .popup .inp{border-radius: 0.2rem;height: 0.62rem;margin-bottom: 0.23rem;padding: 0;font-size: 0.24rem;overflow: hidden;}
	.popup-q .popup input{padding:0 0.15rem;font-size: 0.24rem;}
	.popup-q .popup .des{margin-bottom:0.2rem;font-size: 0.24rem;}
	.popup-q .popup .btn-v button{height:0.75rem;line-height:0.75rem;font-size: 0.24rem;border-radius: 0.2rem;border:none;}
	.popup-q .popup button{width:100%;height: 0.7rem;line-height:0.7rem;border-radius: 0.2rem;font-size: 0.24rem;}
	.popup-q .popup select{
		background-position: right 0.1rem center;
		background-size:0.22rem;
		font-size: 0.24rem;
		padding:0 0 0 0.2rem;
		height:100%;
	}
	.popup-q .popup .select::after{
		height:100%;
	}
	.popup-q .popup .select{height:100%;}
	.popup-q .popup .select select{
		width:1rem;
		background-size:0.18rem;
		font-size: 0.24rem;
		height:100%;
	}
	/* index */
	.box-one{
		padding:1.68rem 0.3rem 1.5rem;
	}
	.box-one .title{
		font-size: 0.54rem;
		margin-bottom:1rem;
	}
	.box-one .con{
		font-size: 0.21rem;
		line-height: 0.48rem;
	}
	/* about */
	.about{padding:0.75rem 0 1rem;}
	.about .about-tit{font-size:0.42rem;margin-bottom:0.95rem;}
	.about-con{padding:0 0.29rem;}
	.about .about-li{width:2.25rem;height:1.5rem;margin:0 0.07rem 0.16rem 0;border-radius: 0.1rem;}
	.about .about-li:nth-child(4n){margin-right:0.07rem;}
	.about .about-li:nth-child(3n){margin-right:0;}
	/* announcement */
	.announcement{padding:0;}
	.announcement .announcement-li{border-bottom:1px solid #292929;}
	.announcement .announcement-li a{padding:0.35rem 0.3rem;}
	.announcement .announcement-li .name{font-size: 0.27rem;}
	.announcement .announcement-li .time{font-size: 0.2rem;}
	.announcement-dtl{padding:0.35rem 0.3rem;}
	.announcement-dtl .title{font-size: 0.34rem;line-height: 0.49rem;margin-bottom:0.7rem;}
	.announcement-dtl .time{font-size: 0.2rem;padding-bottom:0.2rem;}
	.announcement-dtl .con{font-size: 0.26rem;padding:0.3rem 0;}
	.announcement-dtl .con p{line-height: 0.5rem;}
	/* Balance */
	.profile-con{padding:0 0.3rem;}
	.profile .profile-table .profile-table-title{font-size: 0.24rem;line-height: 1rem;padding-left:0.2rem;}
	.profile .profile-table .profile-table-title::before{width: 0.06rem;height: 0.26rem;border-radius: 0.03rem;}
	.profile .profile-table .table .table-li{padding:0.2rem 0;}
	.profile .profile-table .table .table-li .li{font-size: 0.22rem;padding:0 0.05rem;}
	.profile .profile-info .li{width:45%;font-size: 0.23rem;padding:0.2rem 0.15rem 0.2rem 0;}
	.profile .profile-info .li:nth-child(2n){width:55%;padding-right:0;}
	.profile .profile-total{margin-top:0.2rem;border-radius: 0.1rem;padding: 0.55rem 0.2rem 0.55rem 0.4rem;align-items: center;}
	.profile .profile-total .name{font-size: 0.22rem;}
	.profile .profile-total .money{font-size: 0.45rem;margin-top:0.3rem;}
	.profile .profile-total .btn-v{width: auto;height: 0.47rem;line-height:0.47rem;border-radius: 0.1rem;font-size: 0.24rem;padding:0 0.15rem;}
	.profile .profile-total .btn-v.on{margin-left:0.16rem;}
	/* changeprofile */
	.changeprofile .changeprofile-info{padding:0.2rem 0.3rem;width:6.9rem;margin:0 auto;border-radius: 0.1rem;}
	.changeprofile-info-li{font-size: 0.24rem;padding:0.3rem 0;}
	.changeprofile-con{padding:0 0.3rem;}
	.changeprofile .changeprofile-title{font-size: 0.24rem;line-height: 1rem;padding-left:0.2rem;}
	.changeprofile .changeprofile-title::before{width: 0.06rem;height: 0.26rem;border-radius: 0.03rem;}
	.changeprofile .con{width:100%;padding:0.2rem 0.5rem;}
	.changeprofile .inp{padding:0;height: 0.75rem;border-radius: 0.1rem;margin-bottom:0.11rem;}
	.changeprofile input{font-size: 0.22rem;}
	.changeprofile button{width: 100%;height: 0.85rem;border-radius: 0.2rem; font-size: 0.24rem;margin: 0.7rem auto 1rem;}
	/* kyc */
	.kyc-con{padding:0 0.3rem;}
	.kyc .kyc-con .inp{margin-bottom: 0.11rem;}
	.kyc .kyc-con .inp label{font-size: 0.18rem;}
	.kyc .kyc-con .inp input{width: 5.55rem;height: 0.75rem;border-radius: 0.1rem;font-size: 0.18rem;}
	.kyc .kyc-con .upload{padding-top:0.3rem}
	.kyc .kyc-con .upload-li{margin-right: 0.18rem;width:2.15rem}
	.kyc .kyc-con .upload-li:nth-child(3n){margin-right:0;}
	.kyc .kyc-con .upload-li .pictrue{width:100%;height:1.63rem;}
	.kyc .kyc-con .upload-li .des{font-size: 0.18rem;margin:0.2rem 0;}
	.kyc .kyc-con .upload-li .des span{background-size:0.18rem;padding-left:0.22rem;}
	.kyc .kyc-con .upload-li .default{padding:0.39rem 0.6rem;}
	.kyc button{width: 5.55rem;height: 0.85rem;border-radius: 0.2rem;font-size: 0.22rem;margin:1rem auto;}
	/* store */
	.store{padding:0 0.3rem;}
	.store .store-li{width: 3.35rem;height: 4.4rem;border-radius: 0.1rem;margin:0 0.17rem 0.23rem 0;}
	.store .store-li:nth-child(3n){margin-right:0.17rem;}
	.store .store-li:nth-child(2n){margin-right: 0;}
	.store .store-li img{height:2.9rem;}
	.store .store-li .amount{font-size: 0.2rem;margin-top:0.2rem;}
	.store .store-li .amount span{font-size: 0.22rem;}
	.store .store-li .btn-v{width: 2.3rem;height: 0.47rem;line-height:0.47rem;border-radius: 0.23rem;margin:0.2rem auto 0;font-size:0.22rem;}
	.popup-q .question{width: 6.5rem;border-radius: 0.2rem;padding:0.4rem 0.3rem;}
	.popup-q .question .question-img{width:0.76rem;height:0.76rem;}
	.popup-q .question .question-des{font-size: 0.17rem;margin-top:0.36rem;line-height: 0.3rem;}
	.popup-q .question .btn-v button{width: 1.6rem;height: 0.64rem;line-height:0.64rem;border-radius: 0.32rem;font-size: 0.19rem;margin:0.9rem auto 0;}
	/* subscription */
	.subscription{padding:0.3rem;}
	.subscription .subscription-li{width: 3.36rem;height: 3rem;border-radius: 0.1rem;margin:0 0.18rem 0.32rem 0;}
	.subscription .subscription-li:nth-child(3n){margin-right: 0.18rem;}
	.subscription .subscription-li:nth-child(2n){margin-right: 0;}
	.subscription .subscription-li a{padding-top:0.96rem;font-size: 0.22rem;background-position: center bottom 1rem;background-size:0.53rem;}
	.subscription-dtl .subscription-con{padding:0 0.3rem;}
	.subscription-dtl .subscription-li{
	    width: 3.33rem;
	    /*height: 5.2rem;*/
	    border-radius: 0.1rem;margin:0 0.17rem 0.32rem 0;
	    
	}
	.subscription-dtl .subscription-li:nth-child(3n){margin-right:0.17rem;}
	.subscription-dtl .subscription-li:nth-child(2n){margin-right:0;}
	.subscription-dtl .subscription-li img{width:100%;height:2.85rem;}
	.subscription-dtl .subscription-li .con{padding:0 0.11rem;}
	.subscription-dtl .subscription-li .name{font-size: 0.24rem;font-weight:bold;margin-top:0.1rem;}
	.subscription-dtl .subscription-li .des{font-size: 0.22rem;height: 0.46rem;line-height: 0.23rem;margin-top:0.1rem;}
	.subscription-dtl .subscription-li .profit{font-size: 0.2rem;margin-top:0.1rem;}
	.subscription-dtl .subscription-li .profit span{font-size: 0.24rem;}
	.subscription-dtl .subscription-li .time{font-size: 0.22rem;margin-top:0.1rem;}
	.subscription-dtl .subscription-li .amount{font-size: 0.22rem;margin-top:0;}
	.subscription-dtl .subscription-li .amount span{font-size: 0.24rem;}
	.subscription-dtl .subscription-li .progress{width:100%;height:0.2rem;line-height: 0.2rem;margin-top:0.1rem}
	.subscription-dtl .subscription-li .progress-jin{font-size: 0.22rem;}
	
	/* withdrawal */
	.withdrawal .withdrawal-con{padding:0 0.9rem;}
	.withdrawal .title{padding:0.4rem 0;}
	.withdrawal .con{width:100%;}
	.withdrawal .inp{width:100%;height:0.77rem;margin-bottom:0.11rem;padding:0;}
	.withdrawal .inp input{font-size:0.18rem;padding:0 0.15rem;}
	.withdrawal button{width:100%;height: 0.85rem;border-radius: 0.2rem;font-size: 0.22rem;}
	.withdrawal-nt{padding-bottom:0.1rem;}
	.withdrawal-nt .li{font-size: 0.24rem;padding:0.05rem 0.1rem;border-radius: 0.1rem;margin-left:0.2rem;width:0.44rem;}
	.dropdown-menu-q {
      max-height: 3rem;
      font-size: 0.18rem;
    }
 
    .dropdown-menu-q li {
      padding: 0.05rem 0.1rem;
    }
}