@charset "utf-8";

.bg{ width: 100%; overflow: hidden; position: absolute; z-index: 1; height: 100vh; top: 22%;}
.bg img{ height: 100vh; margin-left: 22%;}

.main{ position: absolute; top: 0; left: 0; z-index: 2;}

.top_bg{ width: 100%; background-color: rgba(0, 11, 31, 1); position: fixed; top: 0; left: 0; z-index:1; border-bottom: #cccccc solid 1px;}
.top{ display: flex; width: 92%; margin: 0 auto; padding: 10px 0; justify-content: space-between; align-items: center;}
.logo{ display: flex; align-items: center; color: #ffffff; font-size: 1.5rem; letter-spacing: 1px;}
.logo img{ width:128px; height: 22px;}
.lang{ margin-left: auto; width: 24px; margin-right: 10px;}
.lang img{ width: 24px;}
.menu{ width: 36px; display: flex;}
.menu img{ height: 36px;}

.banner{ width: 100%; margin-top: 70px; text-align: center;}
.banner img{ width: 92%;}

/*倒计时*/
.countdown{ display: flex; flex-direction: column; align-items: center; width: 89%; margin: 0 auto; margin-top: 25px;}
.countdown_tit{ font-size: 1.35rem; color: #3FF0A0; margin-bottom: 15px;}
.countdown_date {
	width: 80%;
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.countdown_date li {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #ffffff;
}

.countdown_date li span {
	font-size: 2.75rem;
	color: #ffffff;
	background-color: #3FF0A0;
	padding: 5px 12px;
	border-radius: .75rem;
}

.countdown_date li p {
	color: #ffffff;
	font-size: .75rem;
	margin-top:5px;
}
/*倒计时结束*/

.nav_main{ width: 89%; margin-left: 6%; margin-top: 20px;}
.dian_t{ width: 100%; display: flex; justify-content: flex-end;}
.dian_t img{ width: 32px}
.dian{ width: 100%; display: flex; justify-content: flex-end;}
.dian img{ width: 2px; margin-right: 15px;}
.nav_list a{ display: flex; justify-content: space-between; align-items: center;}
.nav_list a .dian_yes{ display: none;}
.nav_list a .dian_no img, .dian_yes img{ width: 26px;}
.nav_list a span{ margin-left: auto; margin-right: 30px; background-color: #3FF0A0; width: 100%; padding: 5px 0; line-height: 14px; color: #ff6600; font-size: 1.5rem; border-radius: 16px; font-weight: 500; letter-spacing: .1rem; text-align: center;}
.nav_list a span.txt1{ font-size: 1.1rem;}
.nav_list a div{ margin-right: 3px;}
.nav_list a:hover span{ background-color: #FF5C02; color:#ffffff;}
.nav_list a:hover .dian_no{ display: none}
.nav_list a:hover .dian_yes{ display: block}

.highlights{ width: 89%; margin: 0 auto; margin-top: 50px;}


.awards_top{width: 100%; margin: 0 auto; display:flex; flex-direction:column;}

.awards_href{width: 100%; margin: 0 auto; margin-top:10px; display:flex; flex-direction:column;}
.awards_href .xing{ width:100%; text-align:center;}
.awards_href .xing img{ width:16%;}
.awards_href a{ display:flex; width:86%; justify-content:center; align-items:center; margin:0 auto 20px auto;}
.awards_href a img{ height:24px;}
.awards_href a span{
	padding: 0 5px;
	font-weight: bold;
	font-size: 1.5rem;
	background: -webkit-linear-gradient(top, #ACE515, #F4FBD9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent; /* 为了兼容性，确保文本在非WebKit浏览器中不可见 */
}
.awards_href a span.font1{ font-size:1.35rem;}

.awards_process{width: 100%; margin: 0 auto; padding: 40px 0 30px 0; display:flex; flex-direction:column;}
.awards_process img{width:88%; margin:0 auto;}


.lang{ display: flex; flex-direction:row-reverse; margin-top:30px; margin-right:20px; align-items: center;}
.lang img{ width:20px; height:20px; margin-right:5px;}
.lang a{ color: #ffffff; line-height:20px; font-size:16px;}

.back2phone {width:36px;height:36px;position:fixed;z-index:20;right:20px;bottom:174px;background:#C6E240 url('../../../mobile/static/img/back2phone.png') no-repeat center center;background-size:24px 24px;border-radius:50%;opacity:0.8;filter:alpha(opacity=80);}
.back2phone a {display:block;width:100%;height:100%;}

.sign-btn{ position:fixed; bottom:10px; left:3%; z-index:960; width:94%; height:48px; line-height:48px; border-radius:48px; display: flex; justify-content: space-between;}
.sign-btn input{ border-radius:0; width:94%; margin-left:3%; letter-spacing:2px; border-radius:48px;}
.sign-btn a:first-child{ display:block; width:49.5%; text-align:center; line-height:48px; font-size:18px;  background-image: linear-gradient(to right, rgba(254, 209, 94) , rgba(254, 149, 47)); color:#FFFFFF; letter-spacing:2px; border-radius:48px 0 0 48px;}
.sign-btn a:last-child{ display:block; width:49.5%; text-align:center; line-height:48px; font-size:18px;  background-image: linear-gradient(to right, rgba(254, 149, 47) , rgba(255, 92, 2)); color:#FFFFFF; letter-spacing:2px; border-radius:0 48px 48px 0;}
.sign-btn .btn-end{ background-color:#999999;}