@font-face {
    font-family: MuiiconSpread;
    font-weight: normal;
    font-style: normal;
    src:  url('IMPACT.TTF') format('truetype'); /* iOS 4.1- */
}

@font-face {
    font-family: Anton;
    font-weight: normal;
    font-style: normal;
    src:  url('Anton-Regular.ttf') format('truetype'); /* iOS 4.1- */
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style-type: none;
	text-decoration: none;
}

input {
	border: 0;
	outline: none;
}

body {

}

.top {
	width: 100%;
	position: fixed;
	top: 0;
	background: url(../images/daohang_bg.png) no-repeat center bottom;
	background-size: cover;
	height: 75px;
	z-index: 99999999;
}

.logo {
	position: absolute;
	left: 20px;
	top: 10px;
}

.logo img {
	height: 50px;
}

.t-cent {
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 0px;
}

.t-cent a {
	float: left;
}

.t-cent a img {
	height: 65px;
}

.t-right {
	position: absolute;
	right: 10px;
	top: 3px;
}

.t-right a {
	float: left;
}

.t-right a img {
	height: 70px;
}

.mus {
	position: fixed;
	top: 80px;
	left: 50%;
	margin-left: -307px;
	width: 596px;
	background: url(../images/biaotibg.png) no-repeat center;
	background-size: cover;
	height: 66px;
	line-height: 66px;
}

.mus a {
	width: 50%;
	float: left;
	text-align: center;
}

.mus a img {
	height: 45px;
	margin-top: 8px;
}

.laba {
	position: fixed;
	left: 50%;
	width: 1000px;
	margin-left: -500px;
	top: 150px;
	color: #fff;
}

.laba img {
	margin-top: 15px;
	margin-left: 55px;
}

.laba marquee {
	width: 865px;
	font-size: 20px;
}

.laba b {
	color: #f9f071;
}

.ma_left {
	position: fixed;
	left: 0;
	top: 135px;
	width: 390px;
	height: 100%;
	text-align: center;
}

.ma_left img {
	/*max-width: 100%;*/
	position: absolute;
	bottom: 0;
	left: 0;
}

.ma_left a{
    position: relative;
}
.ma_left a img{max-width:200px;position: relative;}

.ma_cen {
	width: 50%;
	position: fixed;
	left: 25%;
	bottom: 0;
	height: calc(100% - 190px);
    margin-top: 190px;
}

.dibui_left span {
}

.dibui_left b {
} 

.dibui_right b {
	margin-left: 10px;
}


.sjs {
	background: url(../images/011.png)no-repeat;
	width: 650px;
	height: 55px;
	background-size: contain;
	left: 50%;
	position: absolute;
	margin-left: -325px;
	bottom: 2px;
	text-align: center;
	line-height: 55px;
	font-size: 26px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}

.dibui {
	width: 100%;
	left: 0;
	display: flex;
	font-family: Anton;
}

.dibui_left {
	background: url(../images/008.png)no-repeat right;
	height: 70px;
	float: left;
	font-size: 20px;
	padding: 0 10px;
	padding-top: 12px;
	background-size: cover;
	width: 420px;
	position: relative;
	z-index: 999;
	border-top-left-radius: 14px;
	text-align: center;
}

.dibui_left span {
    -webkit-text-stroke: 1px #fffc00;
    font-size: 30px;
    /* font-weight: 600; */
}

.dibui_left b {
	==: #c60303;
	margin-left: 5px;
	-webkit-text-stroke: 1px #ffffff;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 2px;
	/* font-weight: bolder; */
	background: -webkit-linear-gradient(top, #ff0000, #c60303, #c60303, #c60303, #c60303, #c60303, #170303);
	-webkit-background-clip: text;
	color: transparent;
	background-clip: text;
}

.dibui_right {
	background: url(../images/009.png)no-repeat right;
	height: 67px;
	float: left;
	padding: 0 10px;
	background-size: contain;
	width: 490px;
	position: relative;
	z-index: 88;
	margin-left: -70px;
	margin-top: 3px;
	padding-right: 35px;
	padding-top: 9px;
	color: #fff;
	padding-left: 70px;
	text-align: center;
}

.dibui_right span {
    -webkit-text-stroke: 1px #0a320c;
    font-size: 30px;
    color: #fff;
}

.dibui_right b {
	color: #ffe169;
	margin-left: 10px;
	-webkit-text-stroke: 1px #0a320c;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 2px;
}

.shuzi {
	background: url(../images/012.png)no-repeat;
	width: 880px;
	height: 150px;
	background-size: contain;
	bottom: 60px;
	/* padding: 0 17px; */
	padding-left: 80px;
	font-size: 70px;
	color: #fff;
	padding-right: 30px;
	line-height: 140px;
	/* display: flex; */
	align-items: center;
	font-family: MuiiconSpread;
	margin-left: -20px;
}

.shuzi b {
	width: 50px;
	float: left;
	text-align: center;
	font-size: 65px;
	font-weight: bolder;
	background: -webkit-linear-gradient(top, #ffff90,#ffff90,#ffff90,#ffff84, #ff8f05, #ffff18, #ffff1f);
	-webkit-background-clip: text;
	color: transparent;
	background-clip: text;
	margin-right: 10px;
}

.shuzi span {
	width: 67px;
	text-align: center;
	background: -webkit-linear-gradient(top, #ffff90,#ffff90,#ffff90,#ffff84, #ff8f05, #ffff18, #ffff1f, #ffff1f, #ffff1f);
	-webkit-background-clip: text;
	color: transparent;
	background-clip: text;
	float: left;
	font-size: 76px;
}

.sjs {
	background: url(../images/011.png)no-repeat;
	width: 550px;
	height: 55px;
	background-size: contain;
	left: 50%;
	/* position: absolute; */
	margin-left: -275px;
	/* bottom: 18px; */
	text-align: center;
	line-height: 55px;
	font-size: 26px;
	text-transform: uppercase;
	color: #fff;
}

.ma_right {
	position: fixed;
	right: 20px;
	bottom: 0;
	width: 300px;
	top: 120px;
}

.ma-r-tit {
	width: 100%;
	float: left;
}

.ma-r-tit img {
	width: 100%;
	float: left;
}

.chat_tit {
	width: 100%;
	float: left;
	background: #290000;
	color: #ffce40;
	text-align: center;
	text-transform: uppercase;
	padding: 15px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background: url(../images/bg2.png) repeat-x;
}

.chat_cont {
	width: 100%;
	float: left;
	background: #fff;
	height: 630px;
	position: relative;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.ansk {
	position: absolute;
	bottom: 20px;
	left: 10px;
	width: calc(100% - 10px);
}

.ansk input {
	width: 235px;
	padding-right: 50px;
	height: 36px;
	padding-left: 10px;
	border-radius: 50px;
	border: none;
	background: #e3e6e5;
}

.biaoqing {
	position: absolute;
	right: 65px;
	top: 5px;
	cursor: pointer;
}

.biaoqing img {
	width: 25px;
}

.fasong {
	position: absolute;
	right: 10px;
	top: 3px;
	cursor: pointer;
}

.fasongimg {
	width: 30px;
}

.tan_dk-baoming {
	width: 100%;
	background: #0000008f;
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
}

.tan_biti {
	width: 100%;
	float: left;
	margin-bottom: 18px;
}

.tan_biao {
	width: 100%;
	float: left;
}
 
.tan_biao li span {
	float: left;
	line-height: 36px;
	width: 180px;
	text-align: right;
	padding-right: 20px;
	position: relative;
}

.tan_biao li input::placeholder {
    font-size: 15px;  
    
}
.tan_biti li {
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	line-height: 50px;
	padding: 0 35px;
	cursor: pointer;
	float: left;
	background: #ebe3c7;
}

.tan_biti li:nth-child(1) {
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
}

.tan_biti .active span {
	background: -webkit-linear-gradient(bottom, #5f0000, #9b0000);
	-webkit-background-clip: text;
	color: transparent;
	background-clip: text;
}

.tan_biti li:nth-child(2) {
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px;
}

.tan_biti .active {
	background: url(../images/lin1.png) !important;
}

.tan_bitili:nth-child(2) span {}

.tan_biao .ansi {
	text-align: center;
}

.tan_biao .ansi img {
	height: 50px;
}

.tan_biao .telse input {
	padding-left: 60px;
}

.telse span:before {
	content: "+84";
	position: absolute;
	right: -50px;
	top: 0;
	width: 50px;
	background: #e3e3e3;
	z-index: 999;
	height: 36px;
	color: #333;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	text-align: center;
} 

.close5 {
	position: absolute;
	right: 0;
	top: 0;
}

.close5 img {
	width: 50px;
	cursor: pointer;
}

.leimu li {
	width: 50%;
	float: left;
	background: url(../images/bgshj_bg.png) no-repeat;
	background-size: cover;
	height: 46px;
	padding: 10px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	margin-bottom: 5PX;
}


.leimu li b {
	color: #f9f071;
	padding: 0 5px;
}

.close2 img {
	width: 100px;
}

.tan_t-contp {
	width: 395px;
	float: left;
	background: url(../images/lin2.png);
	margin-bottom: 20px;
	height: 60px;
	border-radius: 50px;
	line-height: 50px;
	font-size: 24px;
	font-weight: 600;
	padding: 5px 20px;
}

.tan_t-cont span {
	margin-left: 10px;
}

.close3 {
	position: absolute;
	right: 50px;
	top: -35px;
	cursor: pointer;
}

.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
	width: 80px;
	right: 25px;
}

.mySwiper .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "";
	background: url(../images/sw_left.png) no-repeat center;
	width: 78px;
	height: 80px;
	z-index: 999;
	background-size: contain;
	transform: rotate(180deg);
}

.mySwiper .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "";
	background: url(../images/sw_left.png) no-repeat center;
	width: 78px;
	height: 80px;
	z-index: 999;
	background-size: contain;
}

.mySwiper .swiper-button-prev {
	left: -15px;
}


.close4 img {
	cursor: pointer;
}


.ma_right {
	position: fixed;
	right: 20px;
	bottom: 0;
	width: 300px;
	top: 120px;
}

.ma-r-tit {
	width: 100%;
	float: left;
}

.ma-r-tit img {
	width: 100%;
	float: left;
}

.chat_tit {
	width: 100%;
	float: left;
	background: #290000;
	color: #ffce40;
	text-align: center;
	text-transform: uppercase;
	padding: 15px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	background: url(../images/bg2.png) repeat-x;
}

.chat_cont {
	width: 100%;
	float: left;
	background: #fff;
	height: 630px;
	position: relative;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.ansk {
	position: absolute;
	bottom: 20px;
	left: 10px;
	width: calc(100% - 10px);
}

.ansk input {
	width: 235px;
	padding-right: 50px;
	height: 36px;
	padding-left: 10px;
	border-radius: 50px;
	border: none;
	background: #e3e6e5;
}

.biaoqing {
	position: absolute;
	right: 65px;
	top: 5px;
	cursor: pointer;
}

.biaoqing img {
	width: 25px;
}

.fasong {
	position: absolute;
	right: 10px;
	top: 3px;
	cursor: pointer;
}

.fasong img {
	width: 30px;
}

.tan_dk {
	width: 100%;
	background: #0000008f;
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
}

.dkdn {
	background: url(../images/tan1_bg.png) no-repeat;
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	height: 520px;
	background-size: contain;
	top: 50%;
	margin-top: -260px;
}

.dkdn-cont {
	position: absolute;
	right: 80px;
	top: 125px;
	width: 510px;
}

.tan_biti {
	width: 100%;
	float: left;
	margin-bottom: 18px;
}

.tan_biao {
	width: 100%;
	float: left;
}

.tan_biao li {
	width: 100%;
	color: #fff;
	float: left;
	margin-bottom: 15px;
	margin-top: 10px;
}

.tan_biao li span {
	float: left;
	line-height: 36px;
	width: 210px;
	text-align: right;
	padding-right: 20px;
	position: relative;
}

.tan_biao li input {
	width: 230px;
	float: left;
	height: 36px;
	border-radius: 20px;
	padding: 0 10px;
	font-size: 18px;
	position: relative;
}

.tan_biti li {
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	line-height: 50px;
	padding: 0 35px;
	cursor: pointer;
	float: left;
	background: #ebe3c7;
}

.tan_biti li:nth-child(1) {
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
}

.tan_biti .active span {
	background: -webkit-linear-gradient(bottom, #5f0000, #9b0000);
	-webkit-background-clip: text;
	color: transparent;
	background-clip: text;
}

.tan_biti li:nth-child(2) {
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px;
}

.tan_biti .active {
	background: url(../images/lin1.png) !important;
}

.tan_biti li:nth-child(2) span {}

.tan_biao .ansi {
	text-align: center;
}

.tan_biao .ansi img {
	height: 50px;
}

.tan_biao .telse input {
	padding-left: 60px;
}

.telse span:before {
	content: "+84";
	position: absolute;
	right: -50px;
	top: 0;
	width: 50px;
	background: #e3e3e3;
	z-index: 999;
	height: 36px;
	color: #333;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	text-align: center;
}

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

.close img {
	width: 50px;
	cursor: pointer;
}

.tan_dung {
	width: 100%;
	background: #0000008f;
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
}

.tan-d-cont {
	background: url(../images/bg5.png) no-repeat;
	position: absolute;
	width: 900px;
	left: 50%;
	margin-left: -450px;
	height: 520px;
	background-size: contain;
	top: 50%;
	margin-top: -260px;
	padding-top: 65px;
	padding-left: 155px;
}

.tan-d-cont p {
	width: 580px;
	float: left;
	font-size: 20px;
}

.leimu {
	width: 570px;
	float: left;
}

.leimu li {
	width: 50%;
	float: left;
	background: url(../images/bgshj_bg.png) no-repeat;
	background-size: cover;
	height: 46px;
	padding: 10px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	margin-bottom: 5PX;
}

.leimu li span {}

.leimu li b {
	color: #f9f071;
	padding: 0 5px;
}

.close2 {
	position: absolute;
	right: 60px;
	top: 35px;
	cursor: pointer;
}

.close2 img {
	width: 100px;
}

.tan_toi {
	width: 100%;
	background: #0000008f;
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
}

.tan_t-cont {
	background: url(../images/bg4.png) no-repeat;
	position: absolute;
	width: 780px;
	left: 50%;
	margin-left: -390px;
	height: 300px;
	background-size: contain;
	top: 50%;
	margin-top: -150px;
	padding-top: 65px;
	padding-left: 165px;
}

.tan_t-cont p {
	width: 395px;
	float: left;
	background: url(../images/lin2.png);
	margin-bottom: 20px;
	height: 60px;
	border-radius: 50px;
	line-height: 50px;
	font-size: 24px;
	font-weight: 600;
	padding: 5px 20px;
}

.tan_t-cont span {
	margin-left: 10px;
}

.close3 {
	position: absolute;
	right: 50px;
	top: -35px;
	cursor: pointer;
}

.tan_danh {
	width: 100%;
	background: #0000008f;
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
}

.tan_da-cont {
	background: url(../images/bg3.png) no-repeat;
	position: absolute;
	width: 465px;
	left: 50%;
	margin-left: -250px;
	height: 700px;
	background-size: contain;
	top: 50%;
	margin-top: -350px;
	padding-top: 140px;
	padding-left: 5px;
}

.mySwiper li {
	padding: 5px 20px;
	background: -webkit-linear-gradient(bottom, #fff6db, #fffffd);
	width: 315px;
	float: left;
	border-radius: 50px;
	margin-bottom: 20px;
	font-size: 20px;
	margin: 0 30px;
	margin-bottom: 20px;
	margin-left: 50px;
	text-align: center;
}

.mySwiper li p span {
	font-size: 22px;
	font-weight: 600;
	background: -webkit-linear-gradient(bottom, #ff0000, #97240d);
	-webkit-background-clip: text;
	color: transparent;
	background-clip: text;
	margin-left: 5px;
}

.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
	width: 80px;
	right: 25px;
}

.mySwiper .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "";
	background: url(../images/sw_left.png) no-repeat center;
	width: 78px;
	height: 80px;
	z-index: 999;
	background-size: contain;
	transform: rotate(180deg);
}

.mySwiper .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "";
	background: url(../images/sw_left.png) no-repeat center;
	width: 78px;
	height: 80px;
	z-index: 999;
	background-size: contain;
}

.mySwiper .swiper-button-prev {
	left: -15px;
}

.biaotis {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 26px;
	text-transform: uppercase;
	padding: 15px 0;
	margin-left: -20px;
	font-weight: 600;
	color: #fff;
}

.close4 {
	position: absolute;
	left: 50%;
	margin-left: -55px;
	bottom: -40px;
}

.close4 img {
	cursor: pointer;
}

@media (max-width: 1680px) {
	.ma_left {
		width: 330px;
	}

	.mus {
		top: 78px;
		left: 50%;
		margin-left: -258px;
		width: 500px;
		background: url(../images/biaotibg.png) no-repeat center;
		background-size: cover;
		height: 40px;
		line-height: 40px;
	}

	.mus a img {
		height: 36px;
		margin-top: 3px;
	}

	.laba {
		position: fixed;
		left: 50%;
		width: 830px;
		margin-left: -415px;
		top: 120px;
		color: #fff;
	}

	.laba marquee {
		width: 730px;
	}

	.chat_cont {
		height: 530px;
	}
}

@media (max-width: 1440px) {
	.ma_left {
		width: 330px;
	}

	.t-right {
		top: 15px;
	}

	.t-right a img {
		height: 50px;
	}

	.mus {
		top: 78px;
		left: 50%;
		margin-left: -238px;
		width: 460px;
		background: url(../images/biaotibg.png) no-repeat center;
		background-size: cover;
		height: 40px;
		line-height: 40px;
	}

	.mus a img {
		height: 36px;
		margin-top: 3px;
	}

	.laba {
		width: 760px;
		margin-left: -415px;
		top: 115px;
		color: #fff;
	}

	.laba marquee {
		width: 675px;
		font-size: 18px;
	}

	.chat_cont {
		height: 530px;
	}

	.ma_right {
		position: fixed;
		right: 20px;
		bottom: 0;
		width: 255px;
		top: 70px;
	}
}

@media (max-width: 1680px) {
	.ma_left {
		width: 330px;
	}

	.mus {
		top: 78px;
		left: 50%;
		margin-left: -258px;
		width: 500px;
		background: url(../images/biaotibg.png) no-repeat center;
		background-size: cover;
		height: 40px;
		line-height: 40px;
	}

	.mus a img {
		height: 36px;
		margin-top: 3px;
	}

	.laba {
		position: fixed;
		left: 50%;
		width: 830px;
		margin-left: -415px;
		top: 120px;
		color: #fff;
	}

	.laba marquee {
		width: 730px;
	}

	.chat_cont {
		height: 530px;
	}
}

@media (max-width: 1440px) {
	.ma_left {
		width: 330px;
	}

	.t-right {
		top: 15px;
	}

	.t-right a img {
		height: 50px;
	}

	.mus {
		top: 78px;
		left: 50%;
		margin-left: -238px;
		width: 460px;
		background: url(../images/biaotibg.png) no-repeat center;
		background-size: cover;
		height: 40px;
		line-height: 40px;
	}

	.mus a img {
		height: 36px;
		margin-top: 3px;
	}

	.laba {
		width: 760px;
		margin-left: -415px;
		top: 115px;
		color: #fff;
	}

	.laba marquee {
		width: 675px;
		font-size: 18px;
	}

	.chat_cont {
		height: 530px;
	}

	.ma_right {
		position: fixed;
		right: 20px;
		bottom: 0;
		width: 255px;
		top: 70px;
	}
}

.dibujieshao {
	position: absolute;
	width: 850px;
	left: 50%;
	margin-left: -425px;
	bottom: 0;
	margin-top: -70px;
	height: 250px;
}


.tan_add{width: 100%;
    background: #0000008f;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;}
    
    .dkdn-add{
    background: url(../images/ad01.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    height: 520px;
    top: 50%;
    margin-top: -260px;
    padding-top: 110px;
    padding-left: 120px;
  }
  .dkdn-add-t{
    width: 760px;
    text-align: center;
    max-height: 135px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 15px;
}
  .dkdn-add table{
    width: 760px;
    text-align: center;
    border-collapse: collapse;
    border: 1px #ffe9c7 solid;
    margin-bottom: 15px;
}
.dkdn-add table tbody{background:#fff;}

.dkdn-add table tr td {
    padding: 5px;
}
 .dkdn-add table thead{
     	background: -webkit-linear-gradient(top, #a60000, #fb0000);
     	color: #ffff72;
     	height: 36px;
     	position: sticky;
  top: 0;
 }
 
 .close6 {
	position: absolute;
	right: 20px;
	top: 0;
}

.close6 img {
	width: 50px;
	cursor: pointer;
}

.swiper-shengao{
    height: 500px;
    overflow: hidden;
    overflow-y: auto;
    width: 410px;
}




.kongbai {
position: absolute;
    width: 1050px;
    left: 50%;
    margin-left: -530px;
    top:185px;
    height: 550px;
    /*margin-top: -230px;*/
    overflow: hidden;
}
#prev-video{
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9999;
    cursor: pointer;
    background: none;
    border: 0;
}
#prev-video img{height:40px}
#next-video{
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 9999;
    cursor: pointer;
    translate: 0;
    transform: rotate(180deg);
    background: none;
    border: 0;
}
#next-video img{height:40px} 
.kongbai video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
    
    
    
    .zhengti{	background: url(../images/bg.png) no-repeat center top;
	background-size: cover;
	width: 100%;
	background-attachment: fixed;
	position: fixed; height:100%}
    
    
    .color-huang{color: #f9f071;font-weight: 600;font-size: 15px;}