html {
	max-width: 750px;
	margin: 0 auto;
}

body {
	background-size: 100%;
	font-size: .25rem;
	background: url(../images/bg.jpg) no-repeat;
	background-size: 100%;
    background-color: #000;
}

/* --------------index-start-------------- */
.header {
	box-sizing: border-box;
	padding: 0 .3rem;
	background: url(../images/top.html) center no-repeat;
	height: 3.7rem;
	background-size: 100% auto;
}

.top {
	overflow: hidden;
}

.top .logo {
	display: block;
	float: left;
	margin-top: .15rem;
	width: 1.88rem;
}

.truse {
	display: block;
	background: url(../images/top.html) center no-repeat;
	width: 1.78rem;
	height: .26rem;
	background-size: 100% 100%;
}

.bannerBox img {
	width: 100%;
}

.bannerBox .swiper-container {
	width: 100%;
	height: 100%;
}

.bannerBox .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border-radius: 4px;
	box-sizing: border-box;
	padding: .06rem;
}

.gxTop {
	overflow: hidden;
}

.gxTop img:nth-child(1) {
	float: left;
	width: 7.2rem;
}

/* .gxTop img:nth-child(2) { margin-top:.2rem; float:right; width:1.4rem;} */
.gxBox {
	box-sizing: border-box;
}

/*.gxBox{background: url("../images/xzbj.png") no-repeat center/cover}*/

/* .gxBox .resetBtn { display:block; width:90%; margin:.1rem auto;} */
.noticeTage {
	margin: .2rem auto;
}

.tjtitle p {
	color: #888888;
	font-size: .26rem;
	line-height: 2;
	margin: 0 0 0.15rem;
}

.tjtitle span {
	color: #000000;
	font-size: .48rem;
	line-height: .6rem;
}

.picList img {
	width: 1.58rem;
}

.picMarquee-left .bd ul li {
	margin: 0 .12rem;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}

.picMarquee-left .bd ul li .pic {
	text-align: center;
}

.picMarquee-left .bd ul li .pic img {
	width: 1.58rem;
	display: block;
}

.picMarquee-left .bd ul li .pic a:hover img {
	border-color: #999;
}

.picMarquee-left .bd ul li .title {
	line-height: 24px;
}

.picMarquee-left {
	width: 100%;
	overflow: hidden;
	margin-top: .15rem;
}

.todaytj {
	padding-bottom: .2rem;
}

.picTit {
	line-height: .68rem;
	font-size: .26rem;
	color: #000
}

.piclb {
	position: relative;
	padding-bottom: .55rem;
	width: 93%;
	margin: 0 auto;
}

.piclb .swiper-pagination {
	text-align: center;
	width: 100%;
}

.piclb .swiper-pagination span {
	margin: 0 .07rem;
}

.piclb .swiper-pagination .swiper-pagination-bullet-active {
	background: #2a9ad0;
}

.gameIntro {
	padding: .2rem .3rem;
	margin-bottom: .25rem;
	background: rgba(255, 255, 255, .2);
}

.gameIntro p {
	line-height: .37rem;
	font-size: .22rem;
	color: #fff;
	padding-left: .35rem;
}

.gameIntro .tx {
	background: url(../images/top.html) left .1rem no-repeat;
	background-size: .21rem auto;
	line-height: .48rem;
	font-size: .22rem;
	color: #fff;
	padding-left: .35rem;
}

.gameIntro .ht {
	background: url(../images/top.html) left .14rem no-repeat;
	background-size: .21rem auto;
	line-height: .48rem;
	font-size: .22rem;
	color: #fff;
	padding-left: .35rem;
}

.gameIntro .ht2 {
	background: url(../images/top.html) left .15rem no-repeat;
	background-size: .21rem auto;
	line-height: .48rem;
	font-size: .22rem;
	color: #fff;
	padding-left: .35rem;
}

.gameIntro .mh {
	background: url(../images/top.html) left .1rem no-repeat;
	background-size: .23rem auto;
	line-height: .48rem;
	font-size: .22rem;
	color: #fff;
	padding-left: .35rem;
}

/**/
/*.piclb img{*/
/*	border: 1px solid #ffd99b;*/
/*}*/
.hotTalkTit {
	margin-bottom: .5rem;
	overflow: hidden;
}

.hotTalkTit p {
	float: left;
	font-size: .3rem;
	color: #0a0a0a;
}

.hotTalkTit span {
	display: block;
	text-align: center;
	font-size: .24rem;
	color: #fff;
	background: #d4d4d4;
	float: left;
	line-height: .33rem;
	border-radius: 3px;
	margin-left: .1rem;
	margin-top: .05rem;
	padding: 0 .13rem;
}

.hotTalk {
	padding: 0 .3rem;
}

.talkBar {
	margin-bottom: .5rem;
	overflow: hidden;
}

.talkIcon {
	float: left;
	width: .66rem;
	height: .66rem;
}

.talkTxt {
	width: 6.2rem;
	float: right;
}

.userCz {
	overflow: hidden;
	margin-top: .07rem;
}

.userCz .name {
	float: left;
	color: #ecbc76;
	font-size: .26rem;
}

.userCz span {
	float: left;
	margin-left: .21rem;
}

.userCz span img {
	display: inline-block;
	width: .34rem;
}

.userCz a {
	float: right;
	color: #fff;
	font-size: .22rem;
	margin-left: .33rem;
}

.userCz a.zan {
	background: url(../images/top.html) left center no-repeat;
	background-size: .31rem auto;
	padding-left: .4rem;
}

.userCz a.answer {
	background: url(../images/top.html) left center no-repeat;
	background-size: .29rem auto;
	padding-left: .39rem;
}

.date {
	font-size: .2rem;
	color: #fff;
	line-height: .32rem;
}

.taleInfor {
	margin: .25rem 0 .15rem;
	color: #fff;
	font-size: .26rem;
	line-height: .4rem;
}

.taleInfor span {
	display: inline-block;
	background: url(../images/top.html) .06rem center no-repeat;
	padding-left: .25rem;
	padding-right: .04rem;
	border: 1px solid #f82817;
	color: #f82817;
	line-height: .3rem;
	background-size: .15rem auto;
	margin-right: .1rem;
}

.answ {
	padding: .15rem .25rem;
	color: #fff;
	border-radius: 4px;
	background: rgba(255, 255, 255, .2);
}

.answ span {
	color: #fff;
}

.fixBox {
	position: fixed;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
}

/*.fixBox a { display:block; background:url(../images/xf.jpg) center no-repeat; width:4.6rem; height:1.13rem; margin:.1rem auto;*/
/*background-size:100% auto; color:#fff; text-align:center; line-height:1.05rem; font-size:.42rem;}*/
/*!**!*/
.h130 {
	height: 1.3rem;
}

.xrbar,
.dl,
.fl {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	z-index: 3;
	display: none;
}

.backb,
.backc,
.backd {
	position: absolute;
	left: .3rem;
	top: .2rem;
	width: .88rem;
	display: block;
}

.pl-contain {
	padding-bottom: 2rem;
}

.footer {
	text-align: center;
	overflow: hidden;
	background: #474747;
	padding: 0.4rem 0;
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 750px;
	z-index: 999;
}

.footer-a1 {
	background: #138af9;
	padding: 2% 10%;
	text-align: center;
	font-size: 150%;
	border-radius: 100px;
	display: inline-block;
	margin-right: 3%;
	color: #fff;
}

.footer-a2 {
	background: #fb5005;
	padding: 2% 10%;
	text-align: center;
	font-size: 150%;
	border-radius: 100px;
	display: inline-block;
	color: #fff;
}

.footer p {
	color: #666666;
	line-height: 1.5;
}

.footTxt {
	display: inline-block;
	text-align: left;
}

.textTit {
	background-size: .11rem auto;
	line-height: .8rem;
	overflow: hidden;
	padding-top: 4vw;
}

.textTit p {
	float: left;
	font-size: .3rem;
	color: #6B6B6B;
}

.textTit span {
	padding-left: .2rem;
	float: left;
	font-size: .2rem;
	color: #676767;
}

.grayBox {
	float: left;
	background: #e8e8e8;
	width: 5.25rem;
	height: .6rem;
	line-height: .6rem;
	overflow: hidden;
	overflow: hidden;
}

.grayBox>span {
	float: left;
	width: 1.28rem;
	display: block;
	text-align: center;
	background: #e2cb6b;
	color: #000;
	font-size: .26rem;
}

.grayBox p {
	width: 3.97rem;
	float: left;
	font-size: .26rem;
	color: #4f4f4f;
	text-align: center;
	position: relative;
}

.grayBox p>a {
	color: #4f4f4f;
	font-size: .24rem;
}

/*.bgBox{*/
/*	background: rgba(255,255,255,.2);*/
/*	border-radius: 10px;*/
/*	width: 100%;*/
/*	padding: .1rem .15rem;*/

/*    box-sizing: border-box;*/
/*}*/

.hotBar .hotBox {
	text-align: center;
}

/* .hotBox img {  border-radius:7px;} */
.hotBox p {
	color: #017aff;
	line-height: .32rem;
	font-size: .2rem;
}

.hotBox h2 {
	font-size: .36rem;
	font-weight: 600;
	line-height: .52rem;
	color: #000000;
}

.hotBox h3 {
	font-size: .33rem;
	color: #84848a;
}

/*.hotB .swiper-container{ box-sizing:border-box; padding-right:.35rem; margin-left: 8px;}!*padding-left:.35rem;*!*/
.hotBar .swiper-container {
	width: 100%;
	height: 100%;
}

.hotBar .swiper-slide {
	text-align: center;
	font-size: 18px;


	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.gxBox .resetBtn {
	max-width: 60%;
	display: block;
	margin: 5% 25%;
	animation: toggleSize 0.7s infinite;
}

@keyframes toggleSize {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.2)
	}

	100% {
		transform: scale(1)
	}
}

/* .gxBox .resetBtn:active {
	display: block;
	position: relative;
	background: #007AFF;
	border-radius: 162.5px;
	box-shadow: 1px 1px 20px 5px #007AFF;
  margin: 0 1.5rem 0.7rem;
} */


.hotBar .hotBox {
	text-align: left;
}

.text li>a {
	border-radius: 4px;
	display: block;
	float: right;
	color: #a16522;
	text-align: center;
	line-height: .6rem;
	height: .6rem;
	width: 1.6rem;
	font-size: .24rem;
	background: #e2cb6b;
	font-weight: bold;
}

.text li>a:hover {
	border-radius: 4px;
	display: block;
	float: right;
	color: #f00;
	text-align: center;
	line-height: .6rem;
	height: .6rem;
	width: 1.6rem;
	font-size: .24rem;
	background: #ffdb86;
}

.good {
	background: #fff;
}

.text li {
	overflow: hidden;
	margin-bottom: .2rem;
}

.text {
	padding: 0 .2rem .2rem;
	background-size: 100%;
}

.textTit .online {
	background: url(../images/top.html) left center no-repeat;
	background-size: 1.5rem auto;
	float: right;
	color: #f00;
	font-size: .26rem;
	padding-left: .34rem;
	display: block;
	width: 1.2rem;
	height: .4rem;
}

.grayBox p>a>span {
	color: #000;
	font-size: .24rem;
}

.fuwu {
	display: flex;
	text-align: center;

	padding-top: .3rem;
	padding-left: 30%;
}

.fuwukf {
	background: url(../images/top.html) left center no-repeat;
	width: 1.2rem;
	height: .24rem;
	background-size: 100% 100%;
	margin-right: 0.2rem;
}

.hb-main {
	width: 100%;
	height: 100vh;
	position: relative;
	display: none;
}

.ds {
	display: block;
}

.dn {
	display: none;
}

.hb-main .ma {
	/* width: 70%; */
	margin: 1rem auto;
	animation: hob_shake 1s infinite;
	max-width: 65%;
	/* margin-left:%; */
	top: 16%;
	left: 15%;

}

.hb-main .ma1 {
	animation: hob_shake 1s infinite;
}

.hb-main .bt {
	width: 80%;
	margin: 0 auto;
}

.close {
	position: absolute;
	right: 0rem;
	top: 3rem;
}

.i-c {
	width: 60%;
}

/*红包*/
.nov-float {
	position: fixed;
	top: 180px;
	left: calc(50% - 740px);
	z-index: 88
}

.hob-inlet {
	position: relative;
	width: 110px;
	height: 113px;
	top: 0;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: contain;
	background-image: url(../images/top.html);
	z-index: 1;
	cursor: pointer
}

.hob-inlet-03 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: contain;
	background-image: url(../images/top.html);
	z-index: 1
}

.hob-inlet-02 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: contain;
	background-image: url(../images/top.html);
	z-index: 2
}

.hob-inlet-01 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: contain;
	background-image: url(../images/top.html);
	z-index: 3
}

.hob-inlet:not(.disable) .hob-inlet-02 {
	animation: hob_shake 1s infinite
}

.hob-inlet:not(.disable):hover .hob-inlet-02 {
	animation: hob 1s 1
}

.for-get-now {
	z-index: 33;
	animation: hob_btn 2.5s infinite
}

.kf {
	display: block;
	position: fixed;
	top: 20%;
	right: 0;
	width: 15%;
	height: 5%;
	max-width: 150px;
	z-index: 999;
}

@keyframes hob_shake {

	15%,
	45% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
		transform-origin: 50% 100%
	}

	30% {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg);
		transform-origin: 50% 100%
	}

	60%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		transform-origin: 50% 100%
	}
}

@keyframes hob {

	10%,
	30%,
	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	20%,
	40% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}

	60%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes hob_btn {

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.hob-mb {
	display: none
}

@media(max-width:1400px) {
	.nov-float {
		left: 0;
		transform: scale(0.7)
	}
}

@media(max-width:1199px) {
	.nov-float {
		display: none
	}
}

@media(max-width:768px) {
	.mb-nav {
		position: fixed;
		top: 60px;
		left: 0;
		width: 100%;
		font-size: 0;
		text-align: center;
		z-index: 66;
		background-image: linear-gradient(0deg, #FFE6C8 0%, #FEFCF9 100%);
		box-shadow: 6px 2px 9px 0 rgba(110, 33, 12, .34)
	}

	.mb-nav a {
		display: inline-block;
		width: 33.333333%;
		padding: 5px 0;
		color: #f66f6a;
		font-size: 14px;
		font-weight: 700;
		line-height: 20px
	}

	.mb-nav a.active {
		color: #fff;
		background-image: linear-gradient(-13deg, #6A00FF 0%, #ED0F55 100%)
	}

	.hob-mb {
		display: block;
		position: fixed;
		width: 58px;
		height: 67px;
		right: 0;
		top: 30%;
		z-index: 8
	}

	.hob-mb .hob-inlet {
		display: block;
		width: 58px;
		height: 67px;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(../images/top.html)
	}

	.hob-mb.disable {
		display: none
	}
}

.hongbao-wrapper {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	z-index: 200
}

.hongbao-wrapper i {
	display: block;
	position: absolute;
	width: 141px;
	height: 145px;
	top: -200px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(../images/top.html);
	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
	-webkit-transition: 1s transform;
	-moz-transition: 1s transform;
	-ms-transition: 1s transform;
	-o-transition: 1s transform;
	transition: 1s transform
}

.hongbao-wrapper i.rotate {
	-webkit-transform: rotate(7200deg);
	-ms-transform: rotate(7200deg);
	-o-transform: rotate(7200deg);
	transform: rotate(7200deg)
}

.hob-cd {
	position: absolute;
	color: #fff;
	font-size: 30px;
	top: 100px;
	left: 200px
}

.hob-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 100px;
	right: 200px;
	cursor: pointer
}

.hob-close::before,
.hob-close::after {
	content: '';
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	top: 19px;
	left: 5px;
	background-color: #eee;
	border-radius: 2px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.hob-close::after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

[mod-relation=hobCoupon] {
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/top-2.html)
}

[mod-relation=hobCoupon] h5 {
	color: #f66f6a;
	font-size: 30px;
	font-weight: 700;
	line-height: 46px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-image: url(../images/top.html);
	background-size: contain
}

[mod-relation=hobCoupon] p {
	margin-bottom: 20px
}

.mod-footer {
	background: #feefd7
}

.hobCoupon-img {
	width: 712px;
	margin: 0 auto
}

@media(max-width:1199px) {}

@media(max-width:768px) {
	[mod-relation=hobCoupon] h5 {
		font-size: 20px
	}

	.hobCoupon-img {
		max-width: 100%
	}

	.hob-cd {
		top: 20px;
		left: 30px
	}

	.hob-close {
		top: 20px;
		right: 20px
	}
}

.grayBox p>cite {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 10px;
	background: #d6d6d6;
	color: #666;
	height: 14px;
	line-height: 14px;
	font-style: normal;
	padding: 0 4px;
	font-weight: normal;
}

@media (min-width:750px) {
	.hb-main .ma {
		/* width: 70%; */
		margin: 1rem auto;
		animation: hob_shake 1s infinite;
		max-width: 40%;
		margin-left: 30%;
		top: 0;
	}

	.kf {
		right: 20%;
	}
}

@media(max-width:720px) {}

@media(max-width:480px) {}

@media(max-width:414px) {}

@media(max-width:375px) {}

@media(max-width:360px) {
	[mod-relation=hobCoupon] h5 {
		font-size: 18px
	}
}

.ios_mask {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.9);
	top: 0;
	left: 0;
	text-align: center;
	display: none;
	z-index: 1000;
}

.ios_mask img {
	position: absolute;
	top: 7.8rem;
	left: 1.1rem;
	width: 5.28rem;
	height: 1.31rem;
	transform-origin: center 0.9rem;
	animation: iosWobble 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
	-moz-animation: iosWobble 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
	-webkit-animation: iosWobble 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.ios_mask button {
	width: 4.4rem;
	height: 0.94rem;
	font-weight: bold;
	border: 1px #fff solid;
	border-radius: 0.94rem;
	text-align: center;
	background: #ffffff;
	line-height: 0.94rem;
	font-size: 0.37rem;
	color: #007aff;
	box-shadow: 0px 0px 7px 2px #007fff;
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
}

@media screen and (device-height: 736px) {
	.ios_mask img {
		top: 7rem;
	}

	.ios_mask button {
		bottom: 0.6rem;
	}
}

@media screen and (device-height: 667px) {
	.ios_mask img {
		top: 7rem;
	}

	.ios_mask button {
		bottom: 0.6rem;
	}
}

@keyframes iosWobble {
	0% {
		transform: rotate(0deg);
	}

	10% {
		transform: rotate(5deg);
	}

	20% {
		transform: rotate(10deg);
	}

	30% {
		transform: rotate(5deg);
	}

	40% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(0deg);
	}

	60% {
		transform: rotate(0deg);
	}

	70% {
		transform: rotate(-5deg);
	}

	80% {
		transform: rotate(-10deg);
	}

	90% {
		transform: rotate(-5deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

@font-face {
	font-family: 'PingFang-SC-Regular';
	src: url('static/fonts/ds-digi-1.html');
}

.CountdownDiv {
	/* width: 7rem; */
	/* height: 3rem; */
	margin: 0.5rem auto;
	text-align: center;
}

.CountdownDiv div span {
	width: 95%;
	/* height:45px; */
	/* line-height:0.36rem; */
	display: block;
	margin: 0.3rem auto;


	overflow: hidden;
}

.CountdownDiv div span b {
	width: 20%;
	/* display: inline-block; */
	text-align: center;
	float: left;
	background: #fff;
	color: #000;
	line-height: 0.65rem;
	border-radius: 5px;
	border: 1px solid #fdcc03;
}

.CountdownDiv div span i {
	background: #fff;
	color: #000;
	border-radius: 5px;
	border: 1px solid #fdcc03;
	line-height: 0.65rem;
	display: block;
	float: left;
	width: 48%;
	margin-left: 0.2rem;
}

.CountdownDiv div span a {
	width: 25%;
	text-decoration: none;
	color: #fff;
	float: right;
	line-height: 0.65rem;
	background: #fdcc03;
	border-radius: 5px;
}


.CountdownDiv_BgImg {
	width: 3.23rem;
	height: 0.99rem;
	background: url("../images/djs.html");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: inline-block;
	/* box-shadow: 0 0 10px #f00; */
}

.CountdownDiv_text {
	font-size: 0.25rem;
	font-weight: bold;
	color: #0a0a0a;
	margin-top: 0.1rem;
}

.CountdownDiv_num {
	font-family: 'PingFang-SC-Regular';
	font-size: 0.42rem;
	font-weight: bold;
	color: #ff0000;
	line-height: 0.48rem;
}

#isweixin {
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.9);
}

.TextLine li>a {
	/*  border-radius: 4px;
 */
	display: block;
	float: right;
	color: black;
	text-align: center;
	line-height: .6rem;
	height: .6rem;
	width: 1.6rem;
	font-size: .24rem;
	background: #fbd15c;
}

.TextLine li:nth-of-type(3) {
	margin-bottom: 0;
}

.TextLine li {
	margin-bottom: .2rem;
	overflow: hidden;
}

.TextLine_title {
	background-size: .11rem auto;
	line-height: .8rem;
	overflow: hidden;
}

.TextLine_title p {
	float: left;
	font-size: .3rem;
	color: #6B6B6B;
}

.TextLine_title span {
	padding-left: .2rem;
	float: left;
	font-size: .2rem;
	color: #676767;
}

.TextLine_title a {
	position: relative;
	top: 16px;
	right: 12px;
	/* background: url(../images/kf.gif) left center no-repeat; */
	/* background-size: 2rem auto; */
	float: right;
	color: #f00;
	font-size: .26rem;
	padding-left: .34rem;
	display: block;
	width: 1.7rem;
	height: .8rem;
}

.playTitle a {
	background: url(../images/kf.html) left center no-repeat;
	background-size: 2rem auto;
	float: right;
	color: #f00;
	font-size: .26rem;
	padding-left: .34rem;
	display: block;
	width: 1.7rem;
	height: .8rem;
}

a:visited {
	text-decoration: none;
}

#nums {
	float: left;
	color: orange;
}

@media (min-width:750px) {
	.hb-main .ma {
		left: 5%;
		max-width: 30%;
	}

}