/*通用类*/
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: 0.25s;

}
/*@font-face {
 font-family: 'HarmonyOS';
 src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf');
}
@font-face {
 font-family: 'HarmonyOSblod';
 src: url('../fonts/HarmonyOS_Sans_SC_Bold.ttf');
}
@font-face {
 font-family: 'HarmonyOSblack';
 src: url('../fonts/HarmonyOS_Sans_SC_Black.ttf');
}
.font-bold{
	font-family: 'HarmonyOSblod';
}
.font-black{
	font-family: 'HarmonyOSblack';
}*/

/**
2.将下面代码引入css文件中
**/
@font-face {
  font-family: "sourcehansans"; /* 这个名字可以自己定义 */
  src: url("./fonts/sourcehansans.eot"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
  src: url("./fonts/sourcehansans.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("./fonts/sourcehansans.woff") format("woff"),
    /* Modern Browsers */ url("./fonts/sourcehansans.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("./fonts/sourcehansans.svg#YourWebFontName")
      format("svg"); /* Legacy iOS */
  font-weight: bold;
  font-style: normal;
}


body{
	background:#fff;
	color:#363636;
	font-size:17px;
	/*font-family:"HarmonyOS";*/
	font-family: "PingFang SC", "Microsoft YaHei", 微软雅黑, SourceHanSansCN, KaiGenGothicSC, Arial, sans-serif;	
}
h1,h2,h3{
	font-weight:500;
}
img{
	border:none;
}
a{
	cursor:pointer;
	color:#363636;
	text-decoration:none;
	outline:none;
}
a:hover{
	/*color:#f60;*/
	text-decoration:none;
}
ul{
	list-style-type:none;
}
em{
	font-style:normal;
}
.lt{
	float:left;
}
.rt{
	float:right;
}
input.sub,label{
	border:none;
	cursor:pointer;
}
input,textarea,select{
	font-family:"Microsoft Yahei";
	outline:none;
}
table{
	border-collapse:collapse;
}
table td,table th{
	padding:0;
}
.clear::before{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clear::after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
/*
.index-bg{
	background:#fff url(../i/index_bg1.jpg) no-repeat center top;
	background-size:cover;
}
*/
.index_pulic_bg{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	z-index: -1;
}
.fix{
	position: fixed !important;
}
.index_pulic_bg img{
	display: block;
	width: 100%;
} 
.navbar-inner{
	width: 100%;
	padding-top:2rem;
	padding-bottom: 1rem;
}
.navbar-inner .logo-box{
	line-height: 30px;
	font-size:2rem;
	color:#ad2124;
}
.navbar-inner .logo-box img{   
  width: 55px;
  height: 55px;
  margin-right: 10px; 
}
.navbar-inner .navi-box{
	padding:1rem 0;
	display: flex;
	align-items: center;
}
.navbar-inner .navi-box .li{
	margin:0 24px;
	font-size:2rem;
	color:#fff;
	position: relative;
	text-decoration:none;
	cursor: pointer;
}
.navbar-inner .navi-box .li::after{
	content: "/";
	display: block;
	position: absolute;
	right: -30px;
	top: 50%;
	transform: translateY(-50%);
	color:#fff;
	font-size:14px;
}
.navbar-inner .navi-box .li::before{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	position: absolute;
	left:50%;
	bottom: 5px;
	transform: translateX(-50%);
	opacity: 0;
	transition: all 0.5s;
}
.navbar-inner .navi-box .li:last-child::after{
	display: none;
}
.navbar-inner .navi-box .bit_nav{
	display: none;
	position: absolute;
	top: 36px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	background: #ea6581;
	transition: auto;
}
.navbar-inner .navi-box .bit_nav a{
	display: block;
	width: 100%;
	padding:5px 0;
	font-size:14px;
	color:#fff;
	text-align: center;
	text-decoration: none;
	transition: all 0.4s;
}
.navbar-inner .navi-box .bit_nav a:hover{
	color:#fbc816;
}
.navbar-inner .navi-box .li:hover{
	color:#fff;
}
.navbar-inner .navi-box .li:hover::before{
	opacity: 1;
	bottom:-5px;
}
.navbar-inner .navi-box .li.hover{
	color:#fff;
}
.navbar-inner .navi-box .li.hover::before{
	opacity: 1;
	bottom:-5px;
}

.index-header-title{
	margin-top: 125px;
}
.index-header-title .tis-title{
	font-size:6rem;
	color:#fff;
	white-space:nowrap;
	font-family: "PingFang SC", "Microsoft YaHei", 微软雅黑, SourceHanSansCN, KaiGenGothicSC, Arial, sans-serif;
}
.index-header-title .bit-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 98%;
  margin: 0 auto;
}
.index-header-title .bit-title .txt{
  	font-size:2rem;
	font-weight: bold;
	color:#fff;
	white-space:nowrap;
}
.index-partici-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	margin:140px auto;
	margin-top: 110px;
	margin-bottom: 180px;
}
.index-partici-btn .btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 220px;
	height: 58px;
	border-radius: 100px;
	background: #fff;
	font-size:22px;
	color:#a3481f;
	letter-spacing: 6px;
	margin:0 60px;
	transition: all 0.6s;
}
.index-partici-btn .btn:hover{
	box-shadow: 0px 0px 20px rgba(253, 253, 253, 1);
}

.index-tis-banner{
	position: relative;
	width: 80%;
	margin: 0 auto 120px;
}
.index-baner{
	margin:0 auto;
	padding-bottom: 50px;
}
.index-baner .swiper-slide{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}
.index-baner .txt-box{
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	padding:20px 0;
	background: rgba(255,255,255,0.9);
	font-size:24px;
	color:rgb(172,33,36);
	text-align: center;
}
.index-tis-banner .baner-prev{
	position: absolute;
	left: -100px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 82px;
	height: 92px;
	background: url(../i/baner_prev.png) no-repeat center;
	background-size:cover;
	cursor: pointer;
	outline: none;
}
.index-tis-banner .baner-next{
	position: absolute;
	right: -100px;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 82px;
	height: 92px;
	background: url(../i/baner_next.png) no-repeat center;
	background-size:cover;
	cursor: pointer;
	outline: none;
}
.index-baner img{
	display: block;
	width: 100%;
}
.index-tis-banner .index-baner-page {
	width: 100%;
	justify-content: center;
}
.index-tis-banner .index-baner-page .swiper-pagination-bullet{
	width: 20px;
	height: 20px;
	background: #ac2124;
	border-radius: 100%;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.35);
	margin:0 4px;
	opacity: 1;
	position: relative;
}
.index-tis-banner .index-baner-page .swiper-pagination-bullet-active::after{
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	background: #fff;
	border-radius: 100%;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.index-pulic-title{
	margin-bottom:40px;
}
.index-pulic-title h2{
	font-size: 4rem;
	line-height: 4rem;
	color:#ac2124;
	letter-spacing: 20px;
	margin-top: 50px;
	/*font-family: 'HarmonyOSblod';*/
	font-weight: normal;
}
.index-pulic-title .line{
	display: block;
	width: 206px;
	height: 3px;
	margin:40px auto 20px;
	background: #C79664;
}
.index-pulic-title.line-sm h2{
	font-size:4rem;
}
.index-pulic-title.line-sm .line{
	width: 130px;
}
.cor-1{
	color:#c79f62 !important;
}
.index-content{
	padding:0;
	width: 65%;
  	background:linear-gradient(transparent 2%,#ffffff00 2%,#fff 4%,#fffcfcfa 95%,#fffcfc1a 99%);
	margin-bottom: 120px;
}
.index-scap{
	width: 90%;
	margin:0 auto;
	padding-bottom: 60px;
	border-bottom: 2px dashed #8c070f;
	position: relative;
}
.index-scap .list{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom:50px;
	padding:0;
}
.index-scap .list .num{
	font-size:60px;
	color:#ac2124;
	font-family: 'HarmonyOSblod';
}
.index-scap .list .txt{
	padding-left:40px;
	font-size:20px;
	color:#c79f62;
	line-height: 55px;
	width: 80%;
}
.index-scap-bit{
	width: 90%;
	margin:0 auto;
	margin-top: 60px;
	margin-bottom: 60px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.index-scap-bit::after{
	content: "";
	display: block;
	width: 2px;
	height: 90%;
	border-left:2px dashed #8c070f;

	position: absolute;
	left:50%;
	top:5%;
	transform: translateX(-50%);
}
.index-scap-bit .list{
	width: 50%;
	text-align: center;
}
.scap-bit-text p{
	font-size:20px;
	color:#ac2124;
	line-height: 60px;
}
.line-img{
	display: block;
	margin:0 auto;
	width: 100%;
}
.index-group-box{
	padding:30px 5%;
	margin:0 auto;
}
.pf-icon-1{
	position: absolute;
	left: -40px;
	top: -50px;
	width: 121px;
}
.pf-icon-2{
	position: absolute;
	right: -40px;
	top: -100px;
	width: 100px;
}
.pf-icon-3{
	position: absolute;
	left: -40px;
	top: -10px;
	width: 140px;
}
.group-title{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.group-title span{
	padding:20px 110px;
	position: relative;
	background: #ac2124;
	font-size:30px;
	color:#fff;
}
.group-title span::after{
	content: "";
	display: block;
	width: 96%;
	height: 90%;
	border:2px solid #c79f62;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.group-text{
	padding:40px 50px 80px;
	margin-bottom: 10px;
	position: relative;
}
.group-text h3{
	color:#ac2124;
	margin-bottom: 10px;
	font-size:30px;
	line-height: 60px;
}
.group-text h2{
	line-height: 40px;
	color:#ac2124;
	margin-bottom: 10px;
	font-size:20px;
	font-family: "HarmonyOS";
	text-align: justify;
	text-indent: 2em;
}
.group-text p{
	font-size:20px;
	color:#c79f62;
	line-height: 60px;
	text-align: justify;
	text-indent: 2em;
}
.group-about h2{
	text-align: center;
}
.bor-bit{
	border-bottom: 2px dashed #8c070f;
}
.group-bonus{

	font-size:20px;
	color:#c79f62;
	line-height: 80px;
}
.group-bonus div.col-sm-4,.group-bonus div.col-sm-3{
	padding:0;
}
/********************************/
.index_apply_content{
	position: absolute;
	top: 240px;
	left:50%;
	transform: translateX(-50%);
}
.index_apply_content .btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30rem;
	height: 8rem;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0px 10px 10px rgba(167,105,107,0.5);
	font-size: 3rem;
	color:#ad2124;
	margin:0 auto 30px;
}
.work-upload-content{
  position:absolute;
	top: 120px;
  width: 100%;
}
.work-upload-content .tis-name{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	font-size:2.5rem;
	color:#ac2124;
}
.work-upload-content .tis-name input{
	width: 40rem;
	height: 5rem;
	border: 5px solid #bdd7e5;
	text-align: center;
	background: none;
	border-radius: 10px;
	color:#ad2124;
}
.work-upload-content .tis-name textarea{
	width: 40rem;
	height: 5rem;
	border: 5px solid #bdd7e5;
	text-align: center;
	background: none;
	border-radius: 10px;
	color:#ad2124;
}
.work-upload-content .divi-agency{
	width: 70%;
	padding:20px 0;
	font-size:28px;
	color:#ad2124;
	margin:0 auto;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.work-upload-content .divi-agency > div{
	width: auto;
}
.select-content-box{
	width: 90%;
	margin:20px auto 40px;
	padding:5rem 40px;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 10px 10px rgba(167,105,107,0.5);

}
.select-content-box .list-box{
	text-align: center;
	padding:0 40px;
}
.select-content-box .list-box .title{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:2.5rem;
	color:#ad2124;
	margin-bottom: 40px;
}
.select-content-box .list-box .title img{
	width: 4rem;
	margin-right: 1rem;
}
.select-content-box .list-box .selectarea-box{
  width: 80%;
	height: 100px;
	background: #fff;
	border:0px;
	border-radius: 100px;
	position: relative;
}
.selectarea-box .tis-int{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 5rem;
	border-radius: 100px;
	background: #fff;
	box-shadow: 0px 3px 8px rgba(167,105,107,0.5);
	font-size:2.2rem;
	color:#ad2124;
}
.selectarea-box .tis-int img{
	width: 30px;
	margin-left:30px;
}
.selectarea-box .select-bit{
	display: none;
	position: absolute;
	top: 5rem;
  left:5%;
	width: 90%;
	height: 300px;
	background: #fff;
	overflow-y: scroll;
  border:3px solid #e5b5b5;
	box-shadow: 0px 3px 8px rgba(167,105,107,0.5);
}
.selectarea-box .select-bit::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}
.selectarea-box .select-bit::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  background: #fff;
}
.selectarea-box .select-bit::-webkit-scrollbar-track {/*滚动条里面轨道*/
  background: #bdd7e5;
}
.selectarea-box .select-bit .list{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-bottom: 2px solid #e5b5b5;
	cursor: pointer;
	font-size:24px;
	color:#ad2124;
}
.selectarea-box .select-bit .list:hover{
	background: #bdd7e5;
	color:#fff;
}
.select-content-box .list-box .bit-last{
	width: 100%;
}
.select-content-box .list-box .bit-last .li{
	display: block;
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	background: #fff;
	margin-bottom: 3rem;
	box-shadow: 0px 4px 16px rgba(167,105,107,0.5);
	font-size:2rem;
	color:#ad2124;
	position: relative;
	border-radius: 100px;
	padding-left:60px;
}
.select-content-box .list-box .bit-last .li input{
	visibility: hidden;
	display: none;
}
.select-content-box .list-box .bit-last .li::after{
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background: url(../i/radio.png) no-repeat center;
	background-size:cover;
	position: absolute;
	left:20px;
	top: 50%;
	transform: translateY(-50%);
}
.select-content-box .list-box .bit-last .li.active::after{
	background: url(../i/radio_h.png) no-repeat center;
	background-size:cover;
}
.upload-file-cont{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:2rem;
	color:#ffffff;
}
.upload-file-cont .file-text{
	width: 50%;
	height: 60px;
	line-height: 60px;
	background: #fff;
	border-radius: 100px;
	padding:0 20px;
	margin:0 20px;
	color:#000000;
	text-decoration: underline;
	font-size:24px;
}
.upload-file-cont .file-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 240px;
	height: 60px;
	position: relative;
	border-radius: 20px;
	background: #fff;
	font-size:2.2rem;
	color:#ad2124;
}
.upload-file-cont .file-btn img{
	width: 30px;
	margin-right: 10px;
}
.upload-file-cont .file-btn input{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.upload-bit-text{
	font-size:18px;
	color:#fff;
	padding:20px 0;
	text-align: center;
}
.detail-pulic-title{
	display: flex;
	align-items: center;
	font-size:2rem;
	color:#ac2124;
	padding:0 10%;
	flex-wrap: wrap;
}
.detail-pulic-title .disc{
	display: block;
	width: 32px;
	height: 32px;
	background: #c79f62;
	margin-right: 20px;
}
.detail-pulic-title h5{
	display: block;
	width: 100%;
	padding-left: 52px;
	color:#333;
}
.form-works-last{
	display: flex;
	align-items: center;
	justify-content: center;
	padding:50px 0;
}
.form-works-last .list-box{
	width: 30rem;
	margin:0 1rem;
	position: relative;
}
.form-works-last .list-box::after{
	content: "";
	display: block;
	width: 102%;
	height: 102%;
	background: linear-gradient(#d3a795, #cd827b);
	position: absolute;
	top:-1%;
	left:-1%;
	filter: blur(10px);
	z-index: -1;
}
.form-works-last .list-box img{
	display: block;
	width: 100%;
}
.form-works-last .list-box .txt{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:2.5rem;
	color:#ad2124;
}
.form-confirm-cont{
	display: flex;
	align-items: center;
	justify-content: center;
	padding:20px 0;
	font-size:2.5rem;
	color:#fff;
}
.form-confirm-cont label{
	padding-left:50px;
	position: relative;
}
.form-confirm-cont label input{
	visibility: hidden;
	display: none;
}
.form-confirm-cont label::after{
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url(../i/radio_h.png) no-repeat center;
	background-size:cover;
	position: absolute;
	left:0px;
	top: 50%;
	transform: translateY(-50%);
}
.form-detail-settle{
	display: flex;
	align-items: center;
	justify-content: center;
	padding:2rem 0;
	font-size:2.6rem;
	color:#fcfcfc;
	border-top: 2px dashed #ffffff;
	width: 90%;
	margin:20px auto 0;
}
.form-detail-settle span{
	font-size:3.2rem;
}
.form-detail-settle .pay-btn{
	padding: 10px 4rem;
	background: #fff;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
	border-radius: 12px;
	font-size: 2rem;
	color: #ac2124;
	margin-left: 4rem;
	text-decoration: none;
}
.custom-detail-cont.form-detail .dl .dt{
	color:#fff;
}
.form-detail input{
	height: 100%;
	border:0px;
}
/*******************************/
.awarded-baner-cont{
	width: 800px;
   height: 460px;
	padding-bottom: 60px;
	margin-top: 30px;

}
.awarded-baner-cont .swiper-slide{
	width: 100%;
  height: 400px;
	background: #d3a795;
	border:5px solid #fff;
		box-shadow:0px 5px 8px rgba(208,155,141,0.3);
}
.awarded-baner-cont .swiper-slide img{
	display: block;
	width: 100%;
	height: 100%;
}
.awarded-baner-cont .swiper-pagination-bullet{
	width: 20px;
	height: 20px;
	background: #fff;
	box-shadow: 2px 2px 8px #a46d76;
}
.awarded-baner-cont .swiper-pagination-bullet-active{
	background: #c1f7f0;
}
.awarded-img-box{
	width: 800px;
	height: 400px;
	background: #fff;
	margin:30px auto 0;
}
.awarded-img-box img{
	display: block;
	width: 100%;
	height: 100%;
}
.awarded-bit-btn{
	display: flex;
	width: 800px;
	justify-content: space-between;
	margin:30px auto 60px;
}
.awarded-bit-btn .btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48%;
	padding:30px 0;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	font-size:2rem;
	color:#ad2124;
	white-space: inherit;
}
/* */
.custom-twice-baner{
	width: 60%;
	padding-bottom: 50px;
	margin-top: 30px;
}
.custom-twice-baner .swiper-slide{
	height: 26rem;
	background: #d3a795;
	border: 5px solid #fff;
	box-shadow: 0px 5px 8px rgba(208,155,141,0.3);
}
.custom-twice-baner .swiper-slide img{
	display: block;
	width: 100%;
	height: 100%;
}
.custom-twice-baner .swiper-pagination-bullet{
	width: 20px;
	height: 20px;
	background: #fff;
	box-shadow: 2px 2px 8px #a46d76;
}
.custom-twice-baner .swiper-pagination-bullet-active{
	background: #c1f7f0;
}
.custom-detail-cont{
	width: 540px;
	margin:20px auto;
}
.custom-detail-cont .dl{
	display: flex;
	margin-bottom:30px;
}
.custom-detail-cont .dl .dt{
	width: 100px;
	text-align: justify;
	text-align-last:justify;
	font-size:2rem;
	color:#fff;
	line-height: 40px;
}
.custom-detail-cont .dl .dd{
	margin-left:20px;
	width: calc(100% - 180px);
	height: 45px;
	line-height: 30px;
	text-align: center;
	background: #fff;
	border:5px solid #BDD7E5;
	border-radius: 10px;
	font-size:24px;
	color:#AD2124;
}
/************************/
.pay-interface{
	width: 900px;
	padding:40px 40px 30px ;
	background: rgba(255,255,255,0.8);
	box-shadow: 0px 0px 20px rgba(118,49,53,0.55);
	margin:80px auto;
	border-radius: 30px;
}
.pay-interface .title {
	font-size:2.5rem;
	color:#fff;
	margin-bottom: 3rem;
}
.pay-interface .title img{
	width: 4rem; 
	margin-right: 2rem;
}
.pay-interface input{
	display: block;
	width: 18rem;
	height: 4rem;
	background: #fff;
	border-radius: 100px;
	box-shadow: 0px 0px 10px rgba(118,49,53,0.55);
	font-size:2rem;
	color:#fff;
	border:0px;
	margin:3rem auto 3rem;
	text-align: center;
}
.pay-interface .txt-box{
	font-size:20px;
	color:#5b3943;
	line-height: 50px;
}
.pay-interface .pay-btn{
  display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 50px;
	background: #ac2124;
	box-shadow: 0px 5px 10px rgba(143,78,86,0.55);
	margin:40px auto;
	font-size:22px;
	color:#fff;
	position: relative;
}
.pay-interface .pay-btn::after{
	content: "";
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width: 170px;
	height: 40px;
	border:2px solid #c79f62;
}
/**********************************/
.review-items-content{
	width: 70%;
	margin:50px auto 0;
}
.review-items-content .list-box{
	width: 60%;
	position: relative;
	margin:0 auto 30px;
}
.review-items-content .list-box img{
	display: block;
	width: 100%;
}
.review-items-content .list-box .txt{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 20px;
	color: #ad2124;
	width: 100%;
  text-align: center;
}
.review-bit-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18rem;
	height: 5rem;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.35);
	font-size:2.5rem;
	color:#ad2124;
	margin:30px auto;
  letter-spacing: 4px;
}
.review-bit-btn.w300{
	width: 30rem;
}
.works-exhibit-cont{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 60%;
	margin:30px auto;
	padding-bottom: 60px;
}
.works-exhibit-cont .list-box{
	width: 40%;
	margin-bottom: 3rem;
}
.works-exhibit-cont .list-box .img{
	width: 100%;
	height: 240px;
	background: #d3a795;
	border:4px solid #fff;
	box-shadow: 0px 5px 10px rgba(211,167,149,0.85);
	margin-bottom: 20px;
}
.works-exhibit-cont .list-box .img img{
	display: block;
	width: 100%;
	height: 100%;
}
.works-exhibit-cont .list-box h2{
	color:#ac2124;
	font-size:2.5rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
}
.works-exhibit-cont .list-box .time-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size:18px;
	color:#ac2124;
	position: relative;
}
.works-exhibit-cont .list-box .date{
	position: absolute;
	display: flex;
	align-items: center;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.works-exhibit-cont .list-box .date .li{
	display: flex;
	align-items: center;
	margin-left:40px;
	font-size:16px;
	color:#ac2124;
}
.works-exhibit-cont .list-box .date .li img{
	width: 24px;
	margin:0 8px;
}
/******************************/
.backstage-navi-header{
	display: flex;
	align-items: center;
	justify-content:center;
	width: 50%;
	margin:30px auto;
}
.backstage-navi-header .li{
	position: relative;
	width: 17rem;
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0px 5px 20px rgba(211,167,149,0.85);
	cursor: pointer;
	margin:0 20px;
}
.backstage-navi-header .li span{
	width: 16rem;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	border:3px solid #ac2124;
	font-size:2rem;
	color:#ac2124;
}
.backstage-navi-header .li:hover span,.backstage-navi-header .li.hover span{
  background: #c9a063;
	color:#fff;
	border:3px solid #c9a063;
}
.backstage-content-box{
	width: 80%;
	padding: 3rem 0;
	min-height: 40rem;
	background: #f8dfe3;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	margin: 3rem auto;
	box-shadow:0px 5px 20px rgba(154, 107, 88, 0.85);
}
.backstage-content-box .cont-box{
  width:80%;
}
.backstage-content-box .cont-box .tis-title{
	display: flex;
	align-items: center;
	font-size:2rem;
	color:#ad2124;
	margin-bottom: 3rem;
}
.backstage-content-box .cont-box .tis-title img{
	width: 5rem;
	margin-right: 1rem;
}
.backstage-content-box .cont-box .bit-cont{
	display: flex;
	align-items: flex-start;
}
.backstage-content-box .cont-box .bit-cont .selectarea-box{
	width: 40%;
	position: relative;
}
.backstage-content-box .cont-box .bit-cont .deta-box{
	width: 60%;
	padding-left:5%;
	font-size:30px;
	color:#ad2124;
}
.backstage-content-box .cont-box .bit-cont .deta-box p{
	margin-bottom: 30px;
}
.backstage-content-box .cont-box .bit-cont .txt-dl{
	display: flex;
	flex-wrap: wrap;
}
.backstage-content-box .cont-box .bit-cont .txt-dl .dd{
	width: 50%;
	margin-bottom: 2rem;
	font-size: 2.2rem;
	color:#ad2124;
}
/********************************/
.infor-details-content{
	width: 90%;
	display: flex;
	margin:30px auto;
	justify-content: space-between;
}
.infor-details-content .l-content{
	width: 30%;
	background: #f8dfe3;
  border-radius: 30px;
  box-shadow: 0px 5px 20px rgba(154, 107, 88, 0.85);
	padding:50px 30px;
}
.infor-details-content .l-content .title{
	font-size:2.5rem;
	color:#ad2124;
	text-align: center;
	margin-bottom: 30px;
}
.infor-details-content .l-content .selectarea-box{
	position: relative;
}
.infor-details-content .r-content{
	width: 66%;
	background: #f8dfe3;
	border-radius: 30px;
	box-shadow: 0px 5px 20px rgba(154, 107, 88, 0.85);
	padding:50px 30px;
}
.infor-details-content .r-content table{
	width: 100%;
}
.infor-details-content .r-content table th{
	font-size:2.2rem;
	color:#ad2124;
	padding:15px 0;
	font-weight: normal;
	text-align: center;
}
.infor-details-content .r-content table .disc{
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height:15px;
	background: #AD2124;
	border-radius: 100%;
	margin-right: 5px;
}
.infor-details-content .r-content table td{
	font-size:2.2rem;
	color:#ad2124;
	font-weight: normal;
	padding:10px 0;
}
.infor-details-content .r-content table .txt{
	width: 220px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border-radius: 100px;
	text-align: center;
	border:2px solid rgb(189,215,229);
	font-size:24px;
	color:#AD2124;
	margin:0 auto;
}
.infor-details-content .r-content.int-w180  table .txt{
	width: 180px;
}
.award-works-title{
	font-size:30px;
	color:#ac2124;
}
.award-works-title span{
	padding:0 15px;
}
.award-works-navi{
	display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  margin: 30px auto;
}
.award-works-navi .li{
	position: relative;
	width: 14rem;
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0px 5px 20px rgba(211,167,149,0.85);
	cursor: pointer;
	margin: 0 20px;
}
.award-works-navi .li span{
	width: 13rem;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	border: 3px solid #ac2124;
	font-size: 2rem;
	color: #ac2124;
}
.award-works-navi .li:hover span,.award-works-navi .li.hover span{
  background: #c9a063;
	color:#fff;
	border:3px solid #c9a063;
}
.award-works-name{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
  margin-top: 2rem;
	font-size: 3rem;
	color: #ac2124;
}
.award-works-name .txt{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50rem;
	height: 5rem;
	font-size: 2.5rem;
  border: 5px solid #bdd7e5;
  text-align: center;
  border-radius: 20px;
  color: #ad2124;
	background: #fff;
}
.award-works-detail{
	width: 700px;
	margin:0 auto;
}
.award-works-detail .tis-img{
	width: 100%;
	height: 450px;
	border:5px solid #fff;
	background: rgba(255,255,255,0.3);
}
.award-page-cont{
	display: flex;
	align-items: center;
	justify-content: center;
	padding:30px 0;
	font-size:20px;
	color:#BDD7E5;
}
.award-page-cont .li{
	color:#BDD7E5;
	margin:0 8px;
}
.award-page-cont .btn{
	display: flex;
	align-items: center;
	justify-content: center;
	padding:5px 15px;
	background: #fff;
	border-radius: 10px;
	font-size:20px;
	color:#ad2124;
}
/****************/
.watch-last-cont{
	display: flex;
	justify-content: space-between;
	width: 90%;

	margin:30px auto;

}
.watch-last-cont .list-box{
	text-align: center;
	width: 32%;
	min-height: 600px;
	padding:50px 40px;
	background: #f8dfe3;
	border-radius: 10px;
	box-shadow: 0px 5px 20px rgba(154, 107, 88, 0.85);
}

.watch-last-cont .list-box .title{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:2.5rem;
	color:#ad2124;
	margin-bottom: 2rem;
}
.watch-last-cont .list-box .title img{
	width: 4rem;
	margin-right: 1rem;
}
.watch-last-cont .list-box .selectarea-box{
  width: 100%;
	border:0px;
	border-radius: 100px;
	position: relative;
}
/**********************/
.bg01{
	display: block;
}
.bg02{
	display: none;
}
.bg03{
	display: none;
}
/*******************************//*
@media (max-width:1980px){
	.index-content{

	}
  .index-header-title .bit-title{
		width:85%;
	}
	.index-header-title .tis-title{
		font-size: 7rem;
	}
	.index-header-title .bit-title .txt{
	 }


}*/

@media (max-width:1440px){
    .bg01{
		display: none;
    }
   .bg02{
		display: block;
	}
	.bg03{
		display: none;
	}
    .index-header-title .bit-title{
		     width: 98%;
	 }
	.index-header-title .tis-title{
 		    font-size: 6rem;
 	}
	.index-header-title .bit-title .txt{
        font-size: 2.5rem;
    }
	.select-content-box .list-box .bit-last .li{
		font-size:20px;
	}
	.infor-details-content .l-content{
		width: 20%;
	}
	.infor-details-content .r-content{
		width: 78%;
	}
	.infor-details-content .r-content table th{
		font-size:2.5rem;
	}
	.infor-details-content .r-content table td{
		font-size:2.5rem;
	}
	.selectarea-box .tis-int{
		height: 50px;
		line-height: 50px;
	}
	.watch-last-cont .list-box .selectarea-box{
		height: 50px;
	}
	.selectarea-box .select-bit{
		top: 50px;
	}
}
@media (max-width:1200px){
	.bg01{
		display: none;
	}
	.bg02{
		display: none;
	}
	.bg03{
		display: block;
	}
	 .group-bonus{
		 font-size:16px;
	 }
   .index-header-title .tis-title{
		 font-size:5rem;
	 }
	 .index-header-title .bit-title .txt{
		 font-size:2rem;
	 }
}