.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}
.d-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}
.justify-content-center{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.justify-content-end{
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}
.justify-content-between{
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.align-items-center{
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.justify-content-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
body{
	width: 7.5rem;
	margin: 0 auto !important;
	padding: 1.73rem 0 0;
}
header{
	width:7.5rem;
	height:.88rem;
	background:rgba(255,255,255,1);
	position: fixed;
	top: 0;
	left: 50%;
	/*box-shadow:0px 0px .1rem 0px rgba(109,119,153,0.14);*/
	transform: translateX(-50%);
	/* padding: 0 .26rem; */
	z-index: 201;
	/* border-bottom: 1px solid rgba(73, 73, 73, .2); */
}
header .header{
	height: 100%;
    padding: 0 .26rem;
}
header .logo{
	width: 1.86rem;
}
header .icon-login{
	width: .4rem;
	height: .44rem;
	position: relative;
}
header .icon-login .tips-gift{
	width: 1.35rem;
	left: -1.5rem;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	display: none;
}
header .user-login {
	width: 1.04rem;
	height: 0.44rem;
	line-height: 0.46rem;
	font-size: .24rem;
	color: #fff;
	text-align: center;
	background-color: #2872D9;
	border-radius: .9rem;
}
header .avatar-vip {
	height: .5rem;
	border-radius: .3rem;
	padding-left: .56rem;
	padding-right: .16rem;
	position: relative;
}
header .avatar {
	width: .54rem;
	height: .54rem;
	position: absolute;
	left: 0;
	top: -.02rem;
}
header .vip-state {
	font-size: .24rem;
	color: inherit;
}
header .avatar-vip,
header .avatar-vip.v0 {
	color: #5F9BBC;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #a2d2ed 100%);
}
header .avatar-vip,
header .avatar-vip.v1 {
	color: #D9A700;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #ebd17a 100%);
}
header .avatar-vip,
header .avatar-vip.v2 {
	color: #5F9BBC;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #7991E7 100%);
}
header .avatar-vip,
header .avatar-vip.v3 {
	color: #947768;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #cda692 100%);
}
header .avatar-vip,
header .avatar-vip.v4 {
	color: #A5925B;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #f5dfac 100%);
}
header .avatar-vip,
header .avatar-vip.v5 {
	color: #346BAF;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #99b9df 100%);
}
header .avatar-vip,
header .avatar-vip.v6 {
	color: #947768;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #eac18d 100%);
}
.headPortrait{
	width: .52rem;
	height: .52rem;
	position: relative;
}
header .avatar-vip .headPortrait {
	width: .54rem;
	height: .54rem;
}
.headPortrait::before{
	content: '';
	display: block;
	position: absolute;
	width: .1rem;
	height: .1rem;
	background: #FFBA6F;
	box-shadow: 0px 1px 0.16rem 0px rgba(43, 91, 209, 0.43);
	border-radius: 50%;
	right: .05rem;
	top: -.05rem;
}
header .user-info img{
	width: .52rem;
	height: .52rem;
	border-radius: 50%;
	display: block;
}
header .avatar-vip img {
	width: .54rem;
	height: .54rem;
}
header .user-info .user-name{
	max-width: 1.5rem;
	overflow:hidden;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:.23rem;
	color:rgba(29,40,67,1);
	margin-left: .21rem;
}
header .user-info .header-btn {
	display: block;
	line-height: .5rem;
	font-size: .28rem;
	color: #1D2843;
}
header .user-info .header-btn.header-consoleBtn {
	margin-right: .28rem;
}
header .user-info .header-btn.header-logoutBtn {
	font-size: .26rem;
	margin-left: 0.1rem;
}

footer .top{
	width:7.5rem;
	/* height:6.67rem; */
	background:rgba(51,97,231,1);
	padding: .48rem .45rem .18rem;
	padding-bottom: 0!important;

}
footer .top .about {
	padding-bottom: .68rem;
	border: 0!important;
}
footer .top .about .title{
	font-size:.3rem;
	font-weight:bold;
	color:rgba(255,255,255,1);

}
footer .top .about ul{
	margin-top: .39rem;
}
footer .top .about ul li{
	font-size:.24rem;
	color:rgba(255,255,255,1);
	margin-right: .91rem;
}
footer .top .about ul li img{
	width: .42rem;
	height: .33rem;
	margin-left: .15rem;
	display: inline-block;
}
footer .top .tool-set {
	padding-bottom: .03rem;
	border: 0!important;
	margin-top:0!important;
}
footer .top .tool-set .title{
	font-size:.3rem;
	font-weight:bold;
	color:rgba(255,255,255,1);
}
footer .top .tool-set ul{
	margin-top: .39rem;
}
footer .top .tool-set ul li {
	font-size: .24rem;
	color: rgba(255,255,255,1);
	margin-right: .2rem!important;
	margin-bottom: 0!important;
	width: auto!important;
}
footer .top .footer-contactus{
	width:6.59rem;
	height:.64rem;
	border:1px solid rgba(255,255,255,1);
	font-size:.28rem;
	font-weight:600;
	color:rgba(255,255,255,1);
	line-height: .64rem;
	text-align: center;
	margin-top: .38rem;
}
footer .footer-logo{
	width: 7.5rem;
	height: 1.39rem;
	background: rgba(51,97,231,1);
	background-image: url(//static.biturl.cc/static/m.biturl.cc/images/bg-footer-logo.png);
	background-repeat: no-repeat;
	background-position: 0rem 0;
	background-size: 7.5rem auto;
}
footer .footer-logo img{
	width: 2.06rem;
	/*height: .57rem;*/
	display: block;
}
footer .bottom{
	width:7.5rem;
	height:1.11rem;
	background:rgba(23,74,163,1);
	font-size:.2rem;
	color:rgba(208,216,228,1);
	text-align: center;
	padding: .29rem 0;
	line-height: .49rem;
}
footer .bottom a{
	color:rgba(208,216,228,1);
}
/* 新footer */
footer .footer-container {
	background-color: #263B6F;
	background-image: url(//static.biturl.cc/static/m.biturl.cc/images/footer-bg-1.png);
	background-repeat: no-repeat;
	background-size: auto 1.05rem;
	background-position: center bottom;
	padding: .1px .28rem;
}
footer .qr-section {
	padding: .28rem 0 .4rem;
	border-bottom: 1px solid #4A4953;
}
footer .qr-section-title {
	line-height: .53rem;
	font-size: .36rem;
	color: #fff;
	text-align: center;
}
footer .footer-qr-list {
	margin-top: .4rem;
}
footer .footer-qr-list li + li {
	margin-left: .62rem;
}
footer .footer-qr-list li img {
	width: 2rem;
	height: 2rem;
}
footer .footer-qr-list li p {
	font-size: .22rem;
	color: #E0E0E0;
	text-align: center;
	margin-top: .13rem;
}
footer .f-link-section {
	padding: .22rem 0 .3rem;
}
footer .f-link-section-title {
	line-height: .47rem;
	font-size: .32rem;
	color: #fff;
}
footer .f-link-list {
	margin-top: .12rem;
}
footer .f-link-list a {
	font-size: .28rem;
	color: #8A889A;
	margin: .04rem .2rem .04rem 0;
}
footer .f-link-list a:hover {
	color: #62A4FF;
}
footer .company-section {
	padding-bottom: .27rem;
}
footer .contact-number {
	display: block;
	width: 6.95rem;
	height: .84rem;
	line-height: .8rem;
	font-size: .3rem;
	color: rgb(255, 255, 255, .8);
	text-align: center;
	border: 1px solid #4A4953;
	margin-bottom: .4rem;
}
footer .contact-number:hover {
	color: rgb(255, 255, 255, .85);
}
footer .contact-number img {
	width: .38rem;
	height: .38rem;
	margin-right: .1rem;
}
footer .company-section p {
	font-size: .24rem;
	color: rgb(255, 255, 255, .85);
	text-align: center;
	padding-top: .28rem;
	position: relative;
}
footer .company-section p + p {
	margin-top: .2rem;
}
footer .company-section p img {
	width: .38rem;
	height: .38rem;
	position: absolute;
	left: 0;
}

footer .copyright-info {
	background-color: #263762;
	padding: .16rem 0;
}
footer .copyright-info p {
	line-height: .28rem;
	font-size: .18rem;
	color: #8A889A;
	text-align: center;
}
footer .copyright-info p a {
	font-size: inherit;
	color: inherit;
}

.kefu-popup{
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}
.kefu-popup .title{
	font-size: .4rem;
	color: #fff;
	text-align: center;
	margin-top: 2rem;
}
.kefu-popup img{
	display: block;
	width: 5rem;
	margin: 1rem auto;
}
.gongzhonghao-popup{
	width:100%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}
.gongzhonghao-popup .title{
	font-size: .4rem;
	color: #fff;
	text-align: center;
	margin-top: 2rem;
}
.gongzhonghao-popup .subtitle{
	text-align: center;
	color: #fff;
	font-size: .24rem;
	margin-top: .2rem;
}
.gongzhonghao-popup img{
	display: block;
	width: 5rem;
	margin: 1rem auto;
}
.tool-right{
	width: 1.33rem;
	/* background: red; */
	position: fixed;
	right: .2rem;
	bottom: 2rem;
	z-index: 201;
}

.tool-right li.active-right{
	width: 1.2rem;
	height: 1.2rem;
	/*background-image: url(//static.biturl.cc/static/m.biturl.cc/images/activity/activity-right.png);*/
	background-size: 1.2rem auto;
}
.tool-right li.tool-right-kefu{
	width: 1.33rem;
	height: 1.33rem;
	background-image: url(//static.biturl.cc/static/m.biturl.cc/images/icon-tool-service.png);
	background-size: 1.33rem auto;
	position: relative;
}
.tool-right li.returnTop{
	width: 1.33rem;
	height: 1.33rem;
	background-image: url(//static.biturl.cc/static/m.biturl.cc/images/return-top.png);
	background-size: 1.15rem auto;
	background-position: center center;
	background-repeat: no-repeat;
	visibility: hidden;
}


.tool-right li .item{
	position: absolute;
	top: -3.4rem;
	right: 0;
	width:4.78rem;
	height:2.28rem;
	background:rgba(245,247,251,1);
	display: none;
	box-shadow:0px 1px .12rem 0px rgba(31,64,174,0.1);
}
.tool-right li .item ol{
	width: 100%;
	height: 1.14rem;
	padding: 0 0 0 .42rem;
}
.tool-right li .item ol:nth-child(odd){
	background-color: #F5F7FB;
}
.tool-right li .item ol:nth-child(even){
	background-color: #fff;
}
.tool-right li .item ol span{
	font-size:.28rem;
	color:#096DDE;
	margin-left: .2rem;
}
.tool-right li .item ol:nth-of-type(1) img{
	width: .57rem;
}
.tool-right li .item ol:nth-of-type(2) img{
	width: .51rem;
}
.tool-right li .item ol:nth-of-type(3) img {
	width: .51rem;
}

/**toast*/
.layui-layer-msg{
	border: none;
	width: 70%;
	text-align: center;
}
body .warn-msg .layui-layer-content {
	background: rgba(249, 169, 56, .9);
	color: #fff;
	padding: .1rem .2rem;
	border: none;
}
body .warn-msg .layui-layer-btn{
	padding:0;
}
body .success-msg .layui-layer-content {
	background: #508048;
	color: #fff;
	padding: .1rem .2rem;
	border: none;
}
body .success-msg .layui-layer-btn{
	padding:0;
}
body .error-msg .layui-layer-content {
	background: #da210a;
	color: #fff;
	padding: .1rem .2rem;
	border: none;
}
body .error-msg .layui-layer-btn{
	padding:0;
}

.stackPackage .content ul li {
	width: 6.98rem;
	height:2rem;
	/* display: none; */
	border-radius: 0.1rem;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
}

.stackPackage .content ul li img {
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.stackPackage .content ul li .info {
	width: 6.6rem;
	height: 100%;
	justify-content: flex-end;
}


.stackPackage .content ul li .info p {
	font-size: .3rem;
	color: #1D2843;
	/* margin-bottom: .1rem; */
	font-weight: 600;
}

.stackPackage .content ul li .info span {
	font-weight: 600;
}

.stackPackage .content ul li button {
	width: 1.53rem;
	height: .53rem;
	background: #FFC73A;
	border-radius: .1rem;
	font-size: .30rem;
	color: #1D2843;
	margin: 0;
	margin-left: .2rem;
	padding: 0;
	font-weight: 600;
	/* margin-top: -5px; */
}
