.vote-wrap {
	width: 100%;
	overflow: hidden;
}
.vote-wrap ul {
	width: 100%;
	box-sizing: border-box;
}
.vote-wrap ul li {
	/*width: 200px;*/
	/*height: 290px;*/
	padding-bottom: 10px;
	background: #fff;
	border-radius: 5px;
	margin: 8px;
	overflow: hidden;
	display: inline-block;
}
.vote-wrap ul,
.partner-lis ul {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
}
.vote-wrap ul li,
.partner-lis ul li {
	flex: 1 1 auto;
	width: 100%;
	max-width: 200px;
}
.vote-wrap ul li h3 {
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #0b0a17;
	font-size: 16px;
	border-bottom: 1px solid #eeeeed;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	margin: 5px auto;
}
.vote-wrap ul li h4{
	display: block;
	padding: 5px 0;
	background: #edbb74;
	color: #8d3c1d;
	border-bottom: 1px solid #d7a760;
}
.vote-logo {
	vertical-align: middle;
	border-bottom: 1px solid #eeeeed;
	text-align: center;
	width: 200px;
	height: 145px;
	overflow: hidden;
}
.vote-logo img {
	display: table;
	margin: 0 auto;
	width: 100%;
}
.vote-number {
	height: 53px;
	line-height: 53px;
	text-align: center;
}
.vote-number span {
	color: #0b0a17;
	font-size: 16px;
	display: inline-block;
}
.vote-number span em {
	color: #8d3c1c;
	font-size: 24px;
	float: left;
	margin: 0 6px 0 0;
}
.vote-btn:hover {
	background: #843415;
}
.vote-btn {
	color: #ffffff;
	font-size: 16px;
	height: 40px;
	border: 0;
	width: 80%;
	line-height: 40px;
	outline: none;
	background: #8d3c1c;
	border-radius: 5px;
	margin: 0 auto;
	display: block;
	font-family: "microsoft yahei", Helvetica, Arial, sans-serif;
	cursor: pointer;
}
.vote-wechat {
	margin: 90px auto -20px;
	display: table;
}
/* enroll */
.enroll_list {
	display: block;
	width: 100%;
	overflow: hidden;
}
.enroll_list ul{
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
}
.enroll_list ul li{
	flex: 1 1 auto;
	display: inline-block;
	width: 100%;
	max-width: 100px;
	background: #fff;
	border-radius: 5px;
	margin: 8px;
	overflow: hidden;
}
.enroll_list ul li h3{
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #0b0a17;
	font-size: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	margin: 0 auto;
}
.enroll_list ul li .picbox{
	vertical-align: middle;
	border-bottom: 1px solid #eeeeed;
	text-align: center;
	width: 100px;
	height: 75px;
	box-sizing: border-box;
	overflow: hidden;
}
.enroll_list ul li .picbox .pic {
	width: 100px;
	height:auto;
	min-height: 75px;
}
/* awards */
.awards{
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	width:96vw;
	margin:0 auto;
	overflow: hidden;
}
.awards li{
	flex: 1 1 auto;
	display: inline-block;
	width: 100%;
	max-width: 20%;
	min-width:180px;
	padding:1px;
	border:8px solid #e4cb9c;
	background: #aaa;
	border-radius: 5px;
	margin: 8px;
	box-shadow: 2px 2px 0 #333;
	overflow: hidden;
}
.awards li img{
	vertical-align: middle;
	border-bottom: 1px solid #eeeeed;
	text-align: center;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
}
.awards li p{
	display: block;
	line-height: 50px;
	text-align: center;
	white-space: nowrap;
	background: #fff;
	color:#222;
}.awards li p span{
	color:orangered;
	margin-left: 5px;
	font-weight: bold;
}
/* partner */
.partnerbox{
	width: 94%;
	margin:0 3%;
	min-height: 260px;
	display: block;
	padding: 3vw;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 36px;
	float: left;
	background: #efeaf8;
	border-left:1px solid #e1e2e3;
	border-radius: 16px;
}
.partnerbox .ad{
	float:left;
	display: block;
	margin: 0 3vw 0 0;
	width:42%;
	/* aspect-ratio:0.75; */
	max-width:36vw;
	max-height:48vw;
	border-radius: 12px;
	overflow: hidden;
}
.partnerbox .ad.fr{
	float: right;
	margin: 0 0 0 3vw;
}
.partnerbox .ad img{
	width: 100%;
}
.partnerbox .info{
	display: block;
	/* height:480px; */
	max-height:48vw;
}
.partnerbox .info a{
	display: block;
	text-align: center;
	overflow: hidden;
}
.partnerbox .info a .p{
	margin: 0 auto;
	max-height:80px;
}
.partnerbox .info .i{
	display: block;
	margin-top: 20px;
	max-height:300px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size:18px;
	line-height: 200%;
}
.partnerbox .info a.r{
	text-align: right;
}
.partnerbox .info a.l{
	text-align: left;
}
.partner_list{
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	width:100%;
	margin:0 auto;
	overflow: hidden;
}
.partner_list li{
	flex: 1 1 auto;
	display: inline-block;
	max-width: 20%;
	min-width:210px;
	height:80px;
	line-height: 80px;
	padding:1px;
	background: #fff;
	border-radius: 5px;
	margin: 8px;
	overflow: hidden;
}
.partner_list li img{
	vertical-align: middle;
	border-bottom: 1px solid #eeeeed;
	text-align: center;
	max-width: 100%;
	max-height:80px;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
}
.partner_list li.pd{
	max-width: 16.6%;
	min-width:170px;
	height:66px;
	line-height: 66px;
}
.partner_list li.pd img{
	max-height:66px;
}
.sponsor-tit-img {
	margin-top: -3vw;
	margin-bottom: 20px;
	background: #ff9703;
	border-radius: 0 0 10px 10px;
	width: 150px !important;
	clear: both;
	float: left;
	display: block;
	overflow: hidden;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size:16px;
	font-weight: bold;
	color:#fff;
}
/*page*/
.tcdPageCode {
	text-align: center;
	color: #ccc;
}
.tcdPageCode a {
	display: inline-block;
	color: #555555;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding: 0 10px;
	margin: 0 5px 0 0;
	vertical-align: middle;
	background: #181a33;
}
.tcdPageCode a:hover {
	text-decoration: none;
	background: #d8a460;
	color: #fff;
}
.tcdPageCode span {
	background: #181a33;
}
.tcdPageCode span.current {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background-color: #d8a460;
	margin-right: 5px;
	color: #fff;
	vertical-align: middle;
}
.tcdPageCode span.disabled {
	vertical-align: middle;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	color: #555555;
	background: #181a33;
	font-size: 14px;
	margin-right: 5px;
}
.page-point {
	background: none !important;
}
.main {
	padding-bottom: 3px !important;
}
.vote-black {
	width: 100%;
	background: #000000;
	opacity: 0.92;
	z-index: 99999999;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
}
.vote-para img {
	display: block;
	text-align: center;
}
.vote-para p {
	color: #cccccc;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 24px;
	text-align: center;
	margin: 20px 0 0 0;
}
.vote-para h3 {
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin: 47px 0 0 0;
}
.vote-para {
	width: 402px;
	height: 500px;
	position: fixed;
	left: 50%;
	z-index: 99999999;
	display: none;
	top: 50%;
	margin-top: -250px;
	margin-left: -201px;
	text-align: center;
}
.sc {
	width: 100%;
	margin-top: 81px;
	background: url(../images/b.png);
	height: 140px;
}
.people {
	margin-top: -65px;
}
.sm {
	margin: 32px 76px 0 0;
}
.sm p {
	color: #0c0a17;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 26px;
}
.sm span {
	color: #0c0a17;
	font-size: 14px;
	display: block;
	font-weight: bold;
}
.sc-input {
	margin-top: 40px;
	position: relative;
}
.sc-input input {
	width: 410px;
	height: 48px;
	border: 1px solid #ffffff;
	border-radius: 23px;
	/*background: url(../images/b2.png) no-repeat;*/
	padding-left: 23px;
	outline: none;
	font-size: 18px;
	color: #777777;
	font-family: 'Macrosoft Yahei';
}
.sc-input input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #777;
}
.sc-input input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
}
.sc-input input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #fff;
}
.sc-input input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #fff;
}
.sponsor-content {
	position: relative;
}
.lc_sub .navbar-form {
	margin-top: 13px;
}
.lc_sub .navbar-form .input-group-btn button {
	margin-top: -1px;
}
.search {
	position: absolute;
	right: 20px;
	top: 10px;
	cursor: pointer;
}
.close-sc {
	cursor: pointer;
	position: absolute;
	right: 16px;
	top: 95px;
}
.sc-wrap {
	width: 100%;
	height: 220px;
	z-index: 99999;
	position: fixed;
	bottom: 0;
	left: -2211px;
}
.sc-relative {
	position: relative;
	height: 140px;
}
.su-vote {
	position: fixed;
	left: 0;
	bottom: -5px;
	cursor: pointer;
	margin-top: 81px;
}
html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
.slid-nav {
	position: fixed;
	left: 10px;
	display: none;
	width: 133px;
	z-index: 99999999;
}
.slid-nav ul li {
	width: 126px;
	height: 37px;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
	font-size: 13px;
	line-height: 37px;
	padding-left: 7px;
	border-top: 1px solid #e1e8f1;
	border-left: 1px solid #c3d2e2;
	border-right: 1px solid #c3d2e2;
}
.slid-nav ul li.current a {
	color: #ffffff;
}
.slid-nav ul li.current {
	background: #758fab;
	border: 1px solid #758fab;
}
.slid-nav ul li a {
	color: #2f4e71;
	display: block;
	text-decoration: none;
}
.slid-nav ul li:hover a {
	text-decoration: underline;
}
.sm p {
	color: #0c0a17;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 26px;
}
.sm span {
	color: #0c0a17;
	font-size: 14px;
	display: block;
	font-weight: bold;
}
.category {
	width: 188px;
	height: 29px;
	color: #333333;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 29px;
	text-align: center;
	border: 1px solid #eeeeed;
	margin: 10px auto 0;
	background: #fff;
}
.vote-code-wrap {
	height: 360px;
	overflow: hidden;
	display: inline-block;
}
#qrcode {
	text-align: center;
	display: block;
}
#qrcode img {
	padding: 22px;
	background: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.code-para {
	margin-top: -2px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #ffffff;
	font-size: 16px;
	width: 300px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	display: inline-block;
	background: #d19c44;
}
.recommend {
	position: absolute;
	right: 0;
	top: -2px;
}
.rules {
	margin-top: 60px !important;
}
.index-tit {
	width: 100%;
	box-sizing: border-box;
	margin: 50px auto;
	position: relative;
}
.index-tit img {
	display: inherit;
	max-width: 100%;
	max-height:90px;
}
.index-tit h3 {
	width: 236px;
	background: #fff;
	font-size: 48px;
	margin: 0 0 0 -118px;
	line-height: 50px;
	font-weight: bold;
	color: #031b37;
	text-align: center;
	position: absolute;
	left: 50%;
	top: -45px;
}
.index-tit h3 span {
	color: #eb5f01;
}
.index-tit h4 {
	width: 308px;
	position: absolute;
	left: 50%;
	margin-left: -154px;
	top: 8px;
}
.index-subtit {
	width: 100%;
	margin: 50px auto 30px auto;
	position: relative;
	text-align: center;
}
.index-subtit img {
	margin: 0 auto;
	width: 300px;
	max-width:30vw;
}
.tab-wrap {
	margin-top: 45px;
}
.tab-tit ul li {
	float: left;
	width: 202px;
	height: 48px;
	color: #aeaeb0;
	font-size: 21px;
	text-align: center;
	line-height: 48px;
	cursor: pointer;
	border-right: 1px solid #2d2c2a;
	border-bottom: 1px solid #2d2c2a;
	border-top: 1px solid #2d2c2a;
}
.w4 {
	background: none;
	border: 1px solid #2d2d2f !important;
}
input,
select {
	font-family: "microsoft yahei", Helvetica, Arial, sans-serif;
}
.tab-tit ul li:nth-child(1):hover {
	border-left: 1px solid #181a33 !important;
}
.tab-tit ul li:nth-child(4):hover {
	border-right: 1px solid #181a33 !important;
}
.tab-tit ul li:hover {
	color: #d8a460;
	background: #2d2c2a;
}
.tab-tit ul li.current {
	color: #dfb06c;
	margin-bottom: -1px;
	background: #181a33;
	font-weight: bold;
	border-bottom: 1px solid #181a33 !important;
	border-top: 1px solid #181a33 !important;
}
.tab-tit {
	/*border-top: 1px solid #2d2c2a;*/
	width: 813px;
	margin: 0 auto;
}
.tab-content div p {
	color: #9b8055;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 32px;
	margin-bottom: 10px;
}
.tab-content div {
	display: none;
	width: 1010px;
	background: #181a33;
	padding: 35px 44px 34px;
}
.tab-content div.active {
	display: block !important;
}
/*.tab-content {*/
/*border: 1px solid #2d2c2a;*/
/*}*/
.vote {
	padding-top: 2rem;
}
.vote .nav {
	width: 1100px;
	overflow: hidden;
}
.vote .nav ul {
	width: 1200px;
	margin-top: -28px;
}
.vote .nav ul li {
	width: 252px;
	cursor: pointer;
	overflow: hidden;
	float: left;
	height: 198px;
	background: #181a33;
	border-radius: 7px;
	margin: 28px 28px 0 0;
}
.vote .nav ul li.current {
	background: #031b37;
}
.vote .nav ul li:hover {
	background: #d8a460;
}
.vote .nav ul li:hover h4 {
	color: #0b0a18;
}
.vote .nav ul li.current h4 {
	color: #0b0a18;
}
.vote .nav ul li:hover h3 {
	color: #0b0a18;
	font-weight: bold;
}
.vote .nav ul li.current h3 {
	color: #0b0a18;
}
.vote .nav ul li p {
	margin-top: 33px;
	height: 66px;
}
.vote .nav ul li h3 {
	color: #9596a8;
	font-size: 30px;
	/*font-weight: bold;*/
	text-align: center;
	margin-top: 15px;
	letter-spacing: 1px;
}
.vote .nav ul li h4 {
	margin-top: 15px;
	text-align: center;
	color: #959595;
	letter-spacing: 1px;
}
.vote .nav {
	margin-top: 45px;
}
.registration {
	margin-top: 115px;
}
.registration-wrap {
	margin-top: 55px;
	padding: 0 0 120px 0;
	background: url(../images/form.jpg) no-repeat top center;
}
.registration-wrap form {
	width: 383px;
	margin: 65px 0 0 67px;
}
form label i {
	color: #9b8253;
	margin-right: 2px;
	font-style: normal;
}
form label {
	width: 85px;
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
	text-align: right;
	color: #9b8355;
	font-size: 15px;
	margin-right: 10px;
}
form span {
	color: #666666;
	font-size: 15px;
}
.w4 {
	outline: none;
	height: 42px;
	line-height: 42px;
	padding-right: 0;
	width: 270px;
	color: #888888;
	font-size: 15px;
	padding-left: 15px;
	border: 1px solid #eee;
}
.ppwz {
	width: 360px;
}
.lb {
	width: 287px;
}
form div {
	margin-top: 5px;
}
.f12 {
	font-size: 22px !important;
}
.w5 {
	outline: none;
	height: 42px;
	line-height: 42px;
	padding-right: 0;
	width: 134px;
	color: #888888;
	font-size: 15px;
	padding-left: 13px;
	border: 1px solid #eee;
}
.w7 {
	width: 244px !important;
}
.w8 label {
	width: 69px !important;
}
.file {
	position: relative;
	display: inline-block;
	cursor: pointer;
	width: 97px;
	height: 42px;
	background: #eb5f00;
	text-align: center;
	outline: none;
	font-size: 15px;
	border: 1px solid #eb5f00;
	color: #ffffff;
	line-height: 42px;
	overflow: hidden;
	text-decoration: none;
	text-indent: 0;
}
.file input {
	position: absolute;
	font-size: 100px;
	right: 0;
	top: 0;
	cursor: pointer;
	opacity: 0;
}
.file:hover {
	text-decoration: none;
}
.registration-btn {
	width: 183px;
	height: 52px;
	background: #d8a460;
	color: #ffffff;
	font-size: 21px;
	text-align: center;
	line-height: 52px;
	letter-spacing: 1px;
	border: 1px solid #d8a460;
	outline: none;
	cursor: pointer;
	margin-left: 96px;
	font-weight: bold;
}
.registration-btn:hover {
	background: #e9b167;
}
.star {
	color: #9b8253;
	font-size: 12px;
	margin: 54px 10px 0 0;
}
form p {
	margin: 25px 0 0 18px;
}
form p i {
	color: #9b8253;
	font-style: normal;
}
.registration-fr {
	width: 450px;
	margin-top: 65px;
	margin-right: 70px;
}
.registration-fr div {
	margin-bottom: 30px;
}
.registration-fr p {
	color: #9b8253;
	letter-spacing: 1px;
	font-size: 14px;
	margin-bottom: 6px;
}
.registration-fr h3 {
	color: #feed9f	;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 9px;
}
.table-lis {
	position: relative;
	height: 126px;
	padding: 26px 38px 25px 37px;
	overflow: hidden;
	background: #111020;
}
.registration-fr ul {
	width: 450px;
	overflow: hidden;
	position: absolute;
	top: 6px;
}
.registration-fr ul li {
	height: 33px;
	color: #737280;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 33px;
}
.company-n {
	width: 100%;
	display: block;
	text-align: center;
	background: #16142c;
	color: #bbbbbb;
}
.company {
	width: 290px;
	display: inline-block;
	background: url(../images/white-p.png) no-repeat left center;
	padding: 0 0 0 20px;
}
.brand-name,
.brand-n {
	width: 110px;
	display: inline-block;
}
.brand-name,
.state,
.company {
	height: 33px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.state {
	color: #eb5f00;
	display: inline-block;
}
.sponsor .index-tit h4 {
	margin-left: -130px;
}
.sponsor .index-tit h3 {
	width: 287px;
}
.brand-n {
	float: left;
}
.boxes {
	width:100%;
	box-sizing: border-box;
	padding:50px 0 150px 0;
	overflow: hidden;
}
.boxes .content{
	width: 100%;
	min-height: 260px;
	display: block;
	padding: 3vw;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 36px;
	float: left;
	background: #efeaf8;
	border-left:1px solid #e1e2e3;
	border-radius: 16px;
}
.boxes .boxer {
	display: block;
	position: relative;
	overflow: hidden;
}
.boxes .boxer .info{
	display: block;
	width: calc(100% - 160px);
	min-height: 300px;
	max-height:85vw;
	display: block;
	padding: 3vw;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 36px;
	float: left;
	background: #efeaf8;
	border-left:1px solid #e1e2e3;
	border-radius: 16px;
	overflow: hidden;
}
.boxes .boxer .info .boxin{
	display: none;
}
.boxes .boxer .info .boxin.active{
	display: block;
	margin-right:-10px;
	max-height:80vh;
	overflow-y: auto;
	padding-right:10px;
}
.boxes .boxer .navs{
	display: block;
	padding: 30px 0;
	float: left;
	width: 18%;
	max-width:160px;
	overflow: hidden;
}

.boxes .boxer .info .iframe{
	border: none;
	width:100%;
	aspect-ratio:1.77;
}
.boxes .boxer .nav{
	display: block;
	text-align: center;
	vertical-align: top;
}
.boxes .boxer .nav li{
	display: block;
	float: right;
	width: 100%;
	overflow: hidden;
	margin-right: 0;
	margin-bottom: 5px;
	background: #f9de8a;
	border-radius: 10px 0 0 10px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: top;
	color: #23345d;
}
.boxes .boxer .nav li:hover{
	background: #ffc107;
	cursor: pointer;
}
.boxes .boxer .nav li.active{
	height:100px;
	color: #ffc107;
	background:url(../images/nav.png) no-repeat center -160px;
	background-size: 260px auto;
	overflow: hidden;
}
.boxes .boxer .nav li.active i{
	display: block;
	margin: 10px auto 0 auto;
	font-size: 2em;
}
.table-wrap {
	height: 126px;
}
.sponsor-tit {
	/*width: 930px;*/
	text-align: center;
	margin: 0 auto -1px auto;
	overflow: hidden;
}
.sponsor-tit ul {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	/*width: 1200px;*/
}
.sponsor-tit ul li {
	float: left;
	height: 86px;
	width: 292px;
	text-align: center;
	vertical-align: middle;
	background: #feed9f;
	cursor: pointer;
	margin-right: 25px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
/*.sponsor-tit ul li.current {
		background: #deb269;
}*/
.sponsor-tit ul li p {
	display: table-cell;
	vertical-align: middle;
}
.sponsor-content > div {
	margin: 0 auto;
	width: 92vw;
	max-width: 100%;
	min-height: 264px;
	display: none;
	padding: 3vw;
	box-sizing: border-box;
}
.sponsor-content > div.active {
	display: block !important;
	background: #feed9f;
	border-radius: 16px;
}
.sponsor-content h3 {
	color: #0d0d0d;
	padding-left: 7px;
	line-height: 21px;
	height: 21px;
	border-left: 3px solid #0d0d0d;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 21px;
}
.sponsor-para {
	border-top: 1px solid #b28b44;
}
.sponsor-content p {
	color: #0d0d0d;
	font-size: 14px;
	line-height: 30px;
	padding-top: 10px;
}
.sponsor-content p a {
	color: #0d0d0d;
	font-size: 14px;
}
.sponsor-img-bg {
	width: 384px;
	height: 250px;
	background: #d3d3d3;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 9;
}
.relative {
	box-shadow: 8px 8px 3px #ff9703;
	margin-right: 1%;
}
.relative img {
	position: relative;
	z-index: 999;
	width: 100%;
}
.zanzhu {
	width: 100%;
	overflow: hidden;
}
.zanzhu-lis {
	margin: 2rem auto 0;
	width: 100%;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}
.media {
	position: relative;
}
.media-lis ul li {
	float: left;
	width: 155px;
	height: 33px;
	background: #191a33;
	margin: 0 2px 2px 0;
}
.media-lis {
	margin-top: 30px;
}
.media-lis ul li a {
	color: #bf9348;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	display: block;
	line-height: 33px;
}
.media-lis ul li a:hover {
	background: #ebd2a4;
	color: #ab7f35;
}
.media h4 {
	padding-top: 55px;
	color: #d29c5d;
	text-align: center;
	font-size: 30px;
	line-height: 31px;
	letter-spacing: 1px;
}
.z9 {
	position: absolute;
	left: 50%;
	margin-left: -24px;
}
.footer {
	margin-top: -2px;
	padding-bottom: 35px;
	display: block;
	width: 100%;
	padding: 1rem 1rem 2rem 1rem;
	text-align: center;
	height:auto;
	line-height: 2rem;
	overflow: hidden;
	color:#feed9f;
}
footer a{
	color:#feed9f;
}
footer h4 {
	font-size: 21px;
	font-weight: bold;
	color: #feed9f;
	letter-spacing: 1px;
}
footer p {
	color: #feed9f;
	font-size: 14px;
	line-height: 26px;
}
footer h3 {
	margin-top: 15px;
	line-height: 33px;
	color: #feed9f;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 1px;
}
/*2017/4/19*/
.zanzhu ul {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}
.zanzhu ul li {
	width: 23%;
	border-radius: 5px;
	background: #fff6e3;
	margin: 0 2% 0 0;
	float: left;
	/*border: 1px solid #eee;*/
}
.zanzhu ul li img {
	border-radius: 5px;
	width: 100%;
}
/*2018-3-8*/
.main {
	width: 100%;
	height: auto;
	background: #0b0a17;
	padding-bottom: 62px;
	margin-top: -2px;
}
.tit5 img,
.tit6 img {
	display: inherit;
	width: 100%;
}
.tit5 {
	margin: 66px 0 0 0;
}
.tit6 {
	margin: 72px 0 0 0;
}
.tit4 {
	margin-top: 73px;
}
.fuwu-tel {
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	margin: 60px 0 0 0;
}
.copywright {
	color: #666666;
	font-size: 14px;
	text-align: center;
	margin-top: 8px;
}
.shake1 {
	position: absolute;
	left: -60px;
	top: 30%;
}
.shake2 {
	position: absolute;
	right: -120px;
	top: 30%;
}
.shake3 {
	position: absolute;
	left: 40px;
	top: 65%;
	z-index: 99999;
}
.shake4 {
	position: absolute;
	right: 30px;
	top: 65%;
	z-index: 99999;
}
/*@-webkit-keyframes shake1 {*/
/*0%{*/
/*-webkit-transform:translate(2px, 2px);*/
/*}*/
/*25%{*/
/*-webkit-transform:translate(-2px, -2px);*/
/*}*/
/*50%{*/
/*-webkit-transform:translate(0px, 0px);*/
/*}*/
/*75%{*/
/*-webkit-transform:translate(2px, -2px);*/
/*}*/
/*100%{*/
/*-webkit-transform:translate(-2px, 2px);*/
/*}*/
/*}*/
/*.shake1:hover{*/
/*-webkit-animation:shake1 0.2s infinite;*/
/*animation:shake1 0.2s infinite;*/
/*}*/
/*@-webkit-keyframes shake2 {*/
/*0%{*/
/*-webkit-transform:translate(2px, 2px);*/
/*}*/
/*25%{*/
/*-webkit-transform:translate(-2px, -2px);*/
/*}*/
/*50%{*/
/*-webkit-transform:translate(0px, 0px);*/
/*}*/
/*75%{*/
/*-webkit-transform:translate(2px, -2px);*/
/*}*/
/*100%{*/
/*-webkit-transform:translate(-2px, 2px);*/
/*}*/
/*}*/
/*.shake2:hover{*/
/*-webkit-animation:shake2 0.2s infinite;*/
/*animation:shake2 0.2s infinite;*/
/*}*/
/*@-webkit-keyframes shake3 {*/
/*0%{*/
/*-webkit-transform:translate(2px, 2px);*/
/*}*/
/*25%{*/
/*-webkit-transform:translate(-2px, -2px);*/
/*}*/
/*50%{*/
/*-webkit-transform:translate(0px, 0px);*/
/*}*/
/*75%{*/
/*-webkit-transform:translate(2px, -2px);*/
/*}*/
/*100%{*/
/*-webkit-transform:translate(-2px, 2px);*/
/*}*/
/*}*/
/*.shake3:hover{*/
/*-webkit-animation:shake3 0.2s infinite;*/
/*animation:shake3 0.2s infinite;*/
/*}*/
/*@-webkit-keyframes shake4 {*/
/*0%{*/
/*-webkit-transform:translate(2px, 2px);*/
/*}*/
/*25%{*/
/*-webkit-transform:translate(-2px, -2px);*/
/*}*/
/*50%{*/
/*-webkit-transform:translate(0px, 0px);*/
/*}*/
/*75%{*/
/*-webkit-transform:translate(2px, -2px);*/
/*}*/
/*100%{*/
/*-webkit-transform:translate(-2px, 2px);*/
/*}*/
/*}*/
/*.shake4:hover{*/
/*-webkit-animation:shake4 0.2s infinite;*/
/*animation:shake4 0.2s infinite;*/
/*}*/
form span {
	height: 20px;
	display: block;
}
.leibie {
	width: 288px !important;
}
.star1 {
	position: absolute;
	right: 130px;
	top: 1985px;
}
.star2 {
	position: absolute;
	left: 16px;
	top: 3120px;
}
.box {
	outline: none;
	height: 42px;
	line-height: 42px;
	padding-right: 0;
	width: 270px;
	color: #888888;
	font-size: 15px;
	padding-left: 15px;
	background: none;
	border: 1px solid #2d2d2f !important;
	display: inline-block;
	margin-top: 0 !important;
}
.box .box-word {
	display: block;
	width: 270px;
	height: 42px;
	margin-top: 0;
}
.box-checkbox {
	position: fixed;
	font-size: 14px;
	left: 50%;
	margin-left: -370px;
	top: 50%;
	margin-top: -172px;
	height: 335px;
	z-index: 99999999;
	width: 710px;
	background: #fff;
	display: none;
	padding: 30px;
	border-radius: 5px;
}
.box-close {
	position: absolute;
	right: 0;
	margin-top: -2px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	color: #c11727;
}
.box-checkbox > div {
	margin-right: 44px;
	float: left;
}
.box-checkbox > div label {
	color: #333;
	text-align: left;
	width: 180px;
}
.black-box {
	width: 100%;
	z-index: 9999;
	background: #000;
	opacity: 0.75;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
}
.box-btn {
	width: 65px;
	height: 40px;
	background: #feed9f	;
	text-align: center;
	float: left;
	outline: none;
	border: 0;
	border-radius: 5px;
	margin-left: 325px;
	cursor: pointer;
}
input[type="button"] {
	-webkit-appearance: none;
}
.search-btn {
	width: 36px;
	height: 36px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 5px;
	background: url(../images/se1.png) no-repeat 7px;
	border: none;
}
.step-line{
	padding: 0 5%;
	text-align: left;
}
.step-line .step {
	float:left;
	display: block;
	position: relative;
	line-height: 60px;
	height:60px;
	color: #8d3c1c;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
}
.step-line .step a{
	display: block;
	color: #c4a66d;
	padding: 0 30px;
}
.step-line .step em{
	float:left;
	display: block;
	position: absolute;
	top:8px;
	right:8px;
	font-style: normal;
	padding: 0 6px;
	border-radius: 8px;
	font-size:10px;
	line-height: 16px;
	height: 16px;
	white-space: nowrap;
	background: #f00;
	color:#fff;
	z-index: 99;
}
.step-line .step.active a{
	background: #ffc107;
	color: #23345d;
}
.step-line .step.active em{
	color: #f00;
	background: #fff;
}
.step-line button{
		background: #f00;
		color: #fff;
}
.content img{
		max-width: 100%;
}
.mt30{
		margin-top:30px;
}
#popvotebox{
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.66);
	overflow: hidden;
	z-index: 99999;
}
#popvotebox .popvoteboxin{
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -135px;
	width: 270px !important;
	height: auto;
}
#popvotebox .voteoption,#popvotebox .form-group{
	overflow: hidden;
}
#popvotebox .input-group-btn{
	width: 80px !important;
}
.award_slider{
	clear: both;
	display: block;
	position: relative;
	margin: 0 auto;
	width:80vw;
	overflow: hidden;
}
.award_slider .items{
	display: block;
	position: relative;
	width: 2000em;
	overflow: hidden;
}
.award_slider .items li{
	float:left;
	display: block;
	width:80vw;
	aspect-ratio: 5/3;
	overflow: hidden;
	border-radius: 20px;
}
.award_slider .items li img{
	width:100%;
	aspect-ratio: 5/3;
}
.award_slider .navi{
	display:flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
	margin-top: 30px;
	height:12px;
	overflow: hidden;
}
.award_slider .navi a{
	display: inline-block;
	margin:0 3px;
	width:12px;
	height:12px;
	background: rgba(255, 255, 255,0.68);
	border-radius: 6px;
	overflow: hidden;
}
.award_slider .navi a.active{
	background: orangered;
}
.yunshi{
	position: fixed;
	aspect-ratio: 1;
	z-index:0;
	background: url(../images/yunshi.png) left top no-repeat;
	background-size:100% 100%;
}
.yunshi.l{
	top:2vw;
	left:2vw;
	width:10vw;
}
.yunshi.r{
	right:2vw;
	bottom:2vw;
	width:15vw;
	transform: rotateY(180deg);
}
@media only screen and (min-width: 1680px) {
	.award_slider{
		width:62vw;
	}
	.award_slider .items li{
		width:62vw;
	}
}
@media screen and (min-width: 1375) {
	.awards{
		width: 80vw;
	}
}
@media screen and (max-width: 768px) {
	.sponsor-content > div > div {
		width: 100%;
	}
	.sponsor-content > div > div img {
		max-width: 100%;
	}
	.partner-lis ul li {
		width: 47%;
		margin: 0 3% 3% 0;
	}
	.partner-lis ul li img {
		width: 100%;
	}
	.shake1,
	.shake2,
	.shake3,
	.shake4 {
		display: none;
	}
	.lc {
		animation: none;
		position: fixed;
		bottom: 0;
		left: 0;
		border-radius: 0;
		height: auto;
		width: 100%;
		line-height: 3.6rem;
		z-index: 9999;
		background-size: auto 100%;
		border-radius: 4vw 4vw 0 0;
	}
	.lc .lc_sub {
		margin: 0 auto;
		width: 100%;
	}
	.step-line{
		padding: 0;
	}
	.step-line .step {
		float: left;
		display: block;
		width: 25%;
		line-height: 3.6rem;
		height: 3.6rem;
		overflow: hidden;
	}
	.step-line .step a{
		display: block;
		padding: 0;
		text-align: center;
		font-size: 1.2rem;
		height: 3.6rem;
		white-space: nowrap;
		font-weight: normal;
	}
	.step-line .step.active a{
		border-radius: 1.5rem;
		margin: 1vw;
		height: 3rem;
		line-height: 3rem;
	}
	.partner {
		padding-bottom: 100px;
	}
	.award_slider{
		width:94vw;
	}
	.award_slider .items li{
		width:94vw;
	}
	.vote{
		padding-right:2rem;
	}
}
@media screen and (max-width:550px) {
	.vote-wrap ul li {
		/*max-width: 30%;
		margin: 8px 1%;*/
		max-width: 44%;
		margin: 8px 2%;
	}
	.boxes{
		padding: 5vw 3vw 10vw 3vw;
	}
	.boxes .boxer{
		background: none;
		border:none;
	}
	.boxes .boxer .info{
		min-height:260px;
		min-width:77vw;
		padding:3vw;
		border-radius: 3vw;
		overflow: hidden;
		font-size: 14px;
		line-height: 28px;
	}
	.boxes .boxer .info .iframe{
		width:70vw;
		height:40vw;
	}
	.boxes .boxer .navs{
		padding:0 0 3vw 0;
	}
	.boxes .boxer .nav li{
		width:90% !important;
	}
	.boxes .boxer .nav li i,
	.boxes .boxer .nav li span{
		display: none;
	}
	.partnerbox{
		padding: 20px 15px;
	}
	.partnerbox .p{
		max-width:30vw;
	}
	.partnerbox .p img{
		max-height: 60px;
	}
	.partnerbox .info .i{
		margin-top:10px;
		font-size: 12px;
		max-height: 42vw;
	}
	.partner_list li{
		height: 40px;
		line-height: 40px;
		min-width: 120px;
		width: 33.3%;
	}
	.partner_list li img{
		max-height: 40px;
	}
	.partner_list li.pd{
		height: 36px;
		line-height: 36px;
		min-width: 96px;
		width: 25%;
		margin: 0 3px;
	}
	.partner_list li.pd img{
		height: 36px;
	}
	.index-subtit{
		margin:10px auto;
	}
	.award_slider{
		width:94vw;
		min-width:94vw;
	}
	.award_slider .items li{
		width:94vw;
	}
	.award_slider .navi{
		margin-top: 10px;
	}
}
@media screen and (max-width: 320px) {
	.vote-wrap ul li {
		max-width: 90%;
		margin: 8px 3%;
	}
}
.blank{
	display: block;
	width: 100%;
	height: 30px;
	overflow: hidden;
}