@charset "utf-8";
/*默认样式 START*/
	/*重置样式 START */
		*{ margin:0; padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
		body {font-family: Helvetica, "Microsoft YaHei" ; color:#666666; text-size-adjust:none;}
		a{ text-decoration:none; cursor:pointer; color:#0F0; bblr:expression(this.onFocus=this.blur()); outline-style:none; color: #474747}
		a:hover{ text-decoration:none; }
		a{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
		img{border: 0 none;}
		.cf:before,.cf:after {content:"";display:table;}
		.cf:after {clear:both;}
		.cf {zoom:1;}
		html{font-size:calc(100vw / 375 * 10)}
	/*重置样式 END */
	/*默认模块样式 START*/
		.wrap{
			width: 100%;
		}
		h1,.text{
			position: absolute;
			top: 0;
			left: -9999em;
		}
		.inner_wrap{
			position: relative;
			overflow: hidden;
			background-image: none;
			background-repeat: repeat-y;
			-webkit-background-size: 100%;
			background-size: 100%;
			background-color: #fff;
		}
		header img{
			position: relative;
			z-index: 21;
			display: block;
			width: 100%;
		}
		.cont{
			padding: 0;
			margin: 0% 0 0;
		}
		.c_item{
			position: relative;
			z-index: 31;
			margin: 0 1.6rem 3.2rem;
		}
		.ci_cont{
			position: relative;
			z-index: 2;
			margin: 0;
			padding: 1.6rem;
		}
		.ci_bg{
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			margin: 0;
			background-image: url(../img/ci_bg_c.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			background-repeat: repeat-y;
		}
		.ci_bg:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 50%;
			background-image: url(../img/ci_bg_t.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			background-repeat: no-repeat;
			background-position: center top;
		}
		.ci_bg:after{
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 50%;
			background-image: url(../img/ci_bg_b.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			background-repeat: no-repeat;
			background-position: center bottom;
		}
		.ci_title{
			width: 28rem;
			height: 3.6rem;
			margin: 0 auto 1.6rem;
			padding: 0;
			font-size: 1.8rem;
			line-height: 3.6rem;
			font-weight: bold;
			color: #000;
			text-align: center;
			overflow: hidden;
			text-indent: -9999px;
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_text{
			position: relative;
			margin: 0 0.8rem;
			padding: 0 0 0.4rem;
			line-height: 1.8rem;
			font-size: 1.2rem;
			color: #000;
		}
		.ci_tip{
			text-align: center;
		}
		.ci_rule{
			padding: 0 0 0.4rem 2rem;
		}
		.ci_rule span{
			display: block;
		}
		.ci_rule i{
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 2rem;
			font-style: normal;
		}
		.ci_img{
			margin: 0 1.6rem 1.6rem;
		}
		.ci_img img{
			display: block;
			width: 100%;
		}
		.ci_btns{
			position: relative;
			text-align: center;
			margin: 0 1.6rem 1.6rem;
		}
		.ci_btns a{
			display: inline-block;
			width: 12rem;
			height: 3.6rem;
			line-height: 3.6rem;
			margin: 0 0.8rem;
			font-size: 1.2rem;
			text-align: center;
			color: #fff;
			background-image: url(../img/ci_btn.png);
			-webkit-background-size: 100%;
			background-size: 100%;
		}

		.b_btn{
			padding: 1.6rem 0 3.2rem;
			text-align: center;
		}
		.b_btn a{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			width: 12rem;
			height: 3.6rem;
			line-height: 3.6rem;
			margin: 0 0.4rem;
			overflow: hidden;
			font-size: 1.4rem;
			color: #fff;
			background-color: #000;
			border-radius: 0.4rem;
		}
		.bb_top span,
		.bb_top i{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			vertical-align: top;
		}
		.bb_top span{
			padding: 0 0.4rem;
		}
		.bb_top i{
			width: 2.4rem;
			height: 2.4rem;
			margin: 0.6rem 0.4rem;
			background-image: url(../img/top_tag.png);
			-webkit-background-size: 100%;
			background-size: 100%;
		}
		.game_center{
			position: fixed;
		    bottom: 7rem;
		    right: 2%;
		    width: 6rem;
		    height: 6rem;
		    z-index: 50;
			background-image: url(../img/game_center.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			text-indent: -9999em;
			overflow: hidden;
		}
		.act_center{
			position: fixed;
		    bottom: 13rem;
		    right: 2%;
		    width: 6rem;
		    height: 6rem;
		    z-index: 50;
			background-image: url(../img/act_center.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			text-indent: -9999em;
			overflow: hidden;
		}
		.footer{
			padding: 1.6rem 0;
			line-height: 1.8rem;
			background-color: #1e1e1e;
		}
		.footer p{
			height: 1.8rem;
			font-size: 1.2rem;
			text-align: center;
			color: #fff;
		}
	/*默认模块样式 END*/
	/*弹窗样式 START*/
		.mask{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 90;
			display: none;
			width: 100%;
			height: 100%;
			background-color:#000;
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
		.modal_wrap{
			display: none;
			position: absolute;
			top: 20%;
			left: 10%;
			width: 80%;
			z-index: 99;
			background-color: #fff;
			border: 0.3rem solid #171717;
			border-radius: 1rem;
			overflow: hidden;
		}
		.modal_bg{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			width: 100%;
			height: 100%;
			background-image: url(../img/m_bg_c.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			background-repeat: repeat-y;
		}
		.modal_bg:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 50%;
			background-image: url(../img/m_bg_t.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			background-repeat: no-repeat;
			background-position: center top;
		}
		.modal_bg:after{
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 50%;
			background-image: url(../img/m_bg_b.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			background-repeat: no-repeat;
			background-position: center bottom;
		}
		.modal_head{
			position: relative;
			z-index: 11;
			padding: 1.6rem 0.8rem 0.8rem;
		}
		.modal_title{
			height: 3.6rem;
			line-height: 3.6rem;
			text-align: center;
			font-size: 1.8rem;
			color: #272727;
		}		
		.modal_nt .modal_title{
			display: none;
		}
		.modal_cont{
			position: relative;
			z-index: 11;
			padding: 0.8rem 0.8rem 0;
		}		
		.modal_nt .modal_cont{
			padding: 3.2rem 0.8rem 1.6rem;
		}
		.mc_title{
			height: 3.2rem;
			line-height: 3.2rem;
			margin: 0 0 0.8rem;
			text-align: center;
			font-size: 1.8rem;
			color: #272727;
		}
		.modal_nct .mc_title{
			display: none;
		}
		.mc_img{
			margin: 0 0 0.8rem;
			padding: 0 0.8rem;
		}
		.mc_img img{
			display: block;
			max-width: 100%;
			margin: 0 auto;
		}
		.mc_text{
			margin: 0 0 0.8rem;
			padding: 0 0.8rem;
		}
		.mc_text p{
			margin: 0 0 0.4rem;
			font-size: 1.4rem;
			line-height: 1.8rem;
			color: #373737;
			text-align: center;
		}
		.modal_tl .mc_text p{
			text-align: left;
		}
		.modal_rt .mc_text{
			max-height: 200px;
			overflow-y: auto;
		}
		.mc_text p span{
			color: #474747;
		}
		.mc_text .mct_tip{
			color: #474747;
		}
		.mc_list{
			height: 8.8rem;
			margin: 0 0 0.8rem;
			padding: 0 0.8rem;
			overflow: auto;
		}
		.mc_list table{
		  width: 100%;
		  line-height: 2.4rem;
		  border-collapse:collapse;
		  margin:auto;
		}
		.mc_list tbody{
		  width: 100%;
		}
		.mc_list tbody tr{
			width: 100%;
			border-bottom: 0.1rem dashed #676767;
		}
		.mc_list td {
		  text-align: center;
		  padding: 0;
		  color: #373737;
		  font-size: 1.2rem;
		}
		.mc_list thead .col_2{
		  width: 20%;
		}
		.mc_list thead .col_4{
		  width: 40%;
		  
		}		
		.mc_form{
			margin: 0 0 0.8rem;
			padding: 0 0.8rem;
		}
		.modal_nf .mc_form{
			display: none;
		}
		.mcf_item{
			position: relative;
			line-height: 2.4rem;
			margin: 0 0 0.8rem;
			padding: 0 0 0 6.8rem;
		}
		.mcf_item label{
			position: absolute;
			top: 0;
			left: 0px;
			display: block;
			width: 6rem;
			height: 2.4rem;
			font-size: 1.4rem;
			text-align: right;
			color: #373737;
		}
		.mcf_item input{
			display: block;
			width: 100%;
			height: 2.4rem;
			line-height: 2.4rem;
			padding: 0 0.8rem 0 0.8rem;
			border: 0 none;
			color: #373737;
			background-color: #eee;
			box-sizing: border-box;
		}
		.mcf_link{
			display: block;
			height: 2.4rem;
			margin: 0 0 0.8rem;
			line-height: 2.4rem;
			text-align: right;
		}
		.mcf_link a{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			font-size: 1.4rem;
			color: #373737;
			text-decoration: underline;
		}
		.mc_game{
			margin: 0 0 0.8rem;
			padding: 0 0.8rem;
			text-align: center;
		}
		.mcg_item{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			vertical-align: top;
			width: 28%;
			min-width: 6.4rem;
			margin: 0 1% 0.8rem;
		}
		.mcgi_link{
			display: block;
			width: 100%;
			min-width: 6.4rem;
			margin: 0 auto;
		}
		.mcgi_icon{
			display: block;
			width: 100%;
			margin: 0 auto;
		}
		.mcgi_icon img{
			display: block;
			width: 100%;
			border-radius: 0.4rem;
		}
		.mcgi_name,
		.mcgi_text{
			display: block;
			line-height: 2.4rem;
			font-size: 1.2rem;
			color: #373737;
			overflow: hidden;
		    -ms-text-overflow: ellipsis;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		}
		.mcgi_btn{
			display: block;
		    width: 6.4rem;
		    height: 2.4rem;
		    line-height: 2.4rem;
		    margin: 0 auto;
		    color: #fff;
		    font-size: 1.2rem;
		    background-color: #171717;
		    text-align: center;
		    border-radius: 0.4rem;
		}
		.mcgi_btn em{
			display: block;
			position: relative;
			width: 100%;
			height: 100%;
			font-style: normal;
		}
		.modal_gi .mcg_item{
			position: relative;
			display: block;
			width: auto;
			min-width: auto;
			margin: 0 0 1.6rem;
			padding: 0.8rem 8.8rem 0.8rem 7.2rem;
		}
		.modal_gi .mcgi_link{
			min-width: auto;
		}
		.modal_gi .mcgi_icon{
			position: absolute;
			top: 0;
			left: 0;
			width: 6.4rem;
			height: 6.4rem;
		}
		.modal_gi .mcgi_name,
		.modal_gi .mcgi_text{
			text-align: left;
		}
		.modal_gi .mcgi_btn{
			position: absolute;
			top: 50%;
			right: 0;
			margin: -1.2rem 0 0 0;
		}
		.modal_ngt .mcgi_text{
			display: none;
		}
		
		.modal_ngb .mcgi_btn{
			display: none;
		}
		.modal_gi.modal_ngb .mcg_item{
			padding: 0.8rem 0.8rem 0.8rem 7.2rem;
		}
		.modal_btns{
			position: relative;
			z-index: 11;
			padding: 0.8rem 0.8rem 1.6rem;
			text-align: center;
		}
		.modal_btn,
		.mb_item{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			width: 10rem;
			height: 3.2rem;
			margin: 0 0.8rem;
			line-height: 3.2rem;
			background-color: #171717;
			color: #fff;
			border-radius: 0.4rem;
			text-align: center;
			font-size: 1.6rem;
		}
		.modal_close{
			position: absolute;
			z-index: 21;
			top: 0.4rem;
			right: 0.4rem;
			display: block;
			width: 2.4rem;
			height: 2.4rem;
			text-indent: -9999em;
			overflow: hidden;
			background-image: url(../img/m_close.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			background-color: #171717;
			border-radius: 1.2rem;
		}

		.info_modal{

		}
		.record_modal{

		}
		.phone_modal{

		}
		.gift_modal{

		}
	/*弹窗样式 END*/
/*默认样式 END*/
/*模块样式 START*/
	
/*模块样式 END*/
/*定制样式 START*/
	/*默认模块样式 START*/
		.inner_wrap{
			background-image: none;
			background-color: transparent;
			background-repeat: repeat-y;
			-webkit-background-size: 100%;
			background-size: 100%;
		}
		.ci_bg:before{
			margin: 0;
		}
		.ci_bg:after{
			margin: 0;
		}
		.ci_title{
			color: #000;
			background-image: url(../img/ci_title.png);
		}
		.ci_text{
			color: #4d4a44;
		}
		.ci_tip{
			color: #000;
		}
		.ci_rule{
			color: #4d4a44;
		}
		.ci_rule span{
			color: #4d4a44;
		}
		.ci_rule i{
			color: #4d4a44;
		}
		.ci_btns a{
			color: #fff;
		}
		
		html body .wrap .inner_wrap .disabled{
			background-color: #ccc;
			color: #000;
		}

		.b_btn a{
			color: #fff;
			background-color: #8d332c;
		}
		.footer{
			background-color: #1e1e1e;
		}
		.footer p{
			color: #fff;
		}		
	/*默认模块样式 END*/
	/*弹窗样式 START*/
		.modal_wrap{
			background-color: #fff;
			border: 0.3rem solid #8d332c;
		}
		.modal_title{
			color: #272727;
		}
		.mc_title{
			color: #55322a;
		}
		.mc_text p{
			color: #55322a;
		}
		.mc_text p span{
			color: #a71414;
		}
		.mc_text .mct_tip{
			color: #a71414;
		}
		.mc_list tbody tr{
			border-bottom: 0.1rem dashed #676767;
		}
		.mc_list td {
		  color: #373737;
		}
		.mcf_item label{
			color: #373737;
		}
		.mcf_item input{
			color: #373737;
			background-color: #eee;
		}
		.mcf_link a{
			color: #373737;
		}
		.mcgi_name,
		.mcgi_text{
			color: #373737;
		}
		.mcgi_btn{
		    color: #55322a;
		    background-color: #8d332c;
		}
		.modal_btn,
		.mb_item{
			background-color: #8d332c;
			color: #fff;
		}
		.modal_close{
			background-color: #8d332c;
		}
	/*弹窗样式 END*/
	/*新增模块样式 START*/
		/*顶栏样式 START*/
			.topbar{
				background-color: #2a3238;
				background-color: rgba(42,50,56,0.8);
			}
			.topbar p{
				color: #fff;
			}
			.tb_btn{
				color: #000;
			}
		/*顶栏样式 END*/
		/*弹窗样式 START*/	
			.slider_text{
				color: #000;
			}
		/*弹窗样式 END*/
	/*新增模块样式 END*/
	/*定制模块样式 START*/
		.act_center,
		.game_center,
		.b_btn{
			display: none;
		}
		header{
			display: none;
		}
		.wrap{
			background-color: transparent;
			background-image: url(../img/w_bg.png);
			background-repeat: repeat-y;
			background-position: center bottom;
			-webkit-background-size: 100%;
			background-size: 100%;
		}

		.c_item{
			width: 100%;
			margin: 0;
			padding: 0;
		}
		.ci_bg{
			display: none;
		}
		.ci_cont{
			width: 100%;
			margin: 0;
			padding: 0;
		}
		.ci_title{
			position: absolute;
			top: 0rem;
			left: 0;
			width: 100%;
			height: 9rem;
		}
		.ci_subtitle{
			position: absolute;
			top: 9rem;
			left: 0;
			width: 100%;
			height: 4rem;
			text-indent: -9999em;
			overflow: hidden;
		}
				
		.ci_tip{
			position: absolute;
			z-index: 9;
			bottom: 0.4rem;
			left: 0.4rem;
			height: 1.6rem;
			line-height: 1.6rem;
			font-size: 1.2rem;
			color: #ba8947;
		}

		.site_btn{
			position: absolute;
			z-index: 59;
			top: 1.2rem;
			right: 0.8rem;
			width: 9rem;
			height: 2.8rem;
			background-image: url(../img/site_btn.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
			text-indent: -9999em;
			overflow: hidden;
		}

		.ci_head{

		}
		.ci_head .ci_title{
			display: none;
		}
		.ci_head .head_wrap{
			position: relative;
		}
		.ci_head .head_img{
			width: 100%;
		}
		.ci_head .head_img img{
			display: block;
			width: 100%;
		}
		.ci_head .head_tag{
			display: none;
		}

		.ci_role{

		}
		.ci_role .ci_cont{

		}
		.ci_role .ci_title{
			background-image: url(../img/ci_title_1.png);
		}
		.ci_role .ci_subtitle{
			top: 46rem;
			width: 18rem;
			background-image: url(../img/ci_subtitle_1.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_role .role_wrap{
			width: 100%;
			height: 66.7rem;
			background-image: url(../img/role_bg.jpg);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_role .role_video{
			position: absolute;
			top: 42rem;
			left: 18.4rem;
			width: 15.1rem;
			height: 8.5rem;
			margin: 0 auto;
			padding: 0.45rem 0.4rem;
			background-image: url(../img/role_poster_bg.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_role .role_poster{
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
		}
		.ci_role .role_poster img{
			display: block;
			width: 100%;
			height: 100%;
		}
		.ci_role .role_btn{
			position: absolute;
			top: 50%;
			left: 50%;
			width: 4rem;
			height: 4rem;
			margin: -2rem 0 0 -2rem;
			background-image: url(../img/role_btn.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
			-webkit-animation: scaleAnim 1s ease infinite both;
			-o-animation: scaleAnim 1s ease infinite both;
			animation: scaleAnim 1s ease infinite both;
		}
		.ci_role .role_intro{
			position: absolute;
			top: 52rem;
			left: 50%;
			width: 32rem;
			margin: 0 0 0 -16rem;
		}
		.ci_role .role_intro p{
			margin: 0 auto;
			font-size: 1.2rem;
			line-height: 1.6rem;
		}

		.ci_weapon{
			
		}
		.ci_weapon .ci_cont{
			
		}
		.ci_weapon .ci_title{
			background-image: url(../img/ci_title_2.png);
		}
		.ci_weapon .ci_subtitle{
			top: 32rem;
			background-image: url(../img/ci_subtitle_2.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_weapon .weapon_wrap{
			width: 100%;
			height: 66.7rem;
			background-image: url(../img/weapon_bg.jpg);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_weapon .weapon_wrap:before{
			content: "";
			display: block;
			position: absolute;
			top: 10.6rem;
			left: 50%;
			width: 32rem;
			height: 20rem;
			margin: 0 0 0 -16rem;
			background-image: url(../img/weapon_img.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_weapon .weapon_list{
			position: absolute;
			top: 36.8rem;
			left: 50%;
			width: 32rem;
			margin: 0 0 0 -16rem;
			border-bottom: 1px solid #4d4a44;
		}
		.ci_weapon .weapon_item{
			position: relative;
			display: inline-block;
			vertical-align: top;
			margin: 0 2rem 0 0;
		}
		.ci_weapon .weapon_item:after{
			display: none;
			content: "";
			position: absolute;
			bottom: -0.1rem;
			left: 50%;
			width: 0;
			height: 0;
			margin: 0 0 0 -0.4rem;
			border-bottom: 0.6rem solid #dbd8c9;
			border-left: 0.4rem solid transparent;
			border-right: 0.4rem solid transparent;
		}
		.ci_weapon .weapon_item:before{
			display: none;
			content: "";
			position: absolute;
			bottom: 0;
			left: 50%;
			width: 0;
			height: 0;
			margin: 0 0 0 -0.4rem;
			border-bottom: 0.6rem solid #4d4a44;
			border-left: 0.4rem solid transparent;
			border-right: 0.4rem solid transparent;
		}
		.ci_weapon .weapon_item.sel:after,
		.ci_weapon .weapon_item.sel:before{
			display: block;
		}		
		.ci_weapon .weapon_icon{
			margin: 0 auto 0.4rem;
		}
		.ci_weapon .weapon_icon i{
			position: relative;
			display: block;
			width: 6.4rem;
			height: 6.4rem;
			border: 0.2rem solid #fbe09b;
			border-radius: 0.1rem;
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_weapon .weapon_item_1 .weapon_icon i{
			background-image: url(../img/weapon_icon_1.jpg);
		}
		.ci_weapon .weapon_item_2 .weapon_icon i{
			background-image: url(../img/weapon_icon_2.jpg);
		}		
		.ci_weapon .weapon_icon i:after{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: #000;
			opacity: 0.3;
			transition: all ease 0.5s;
		}
		.ci_weapon .sel .weapon_icon i:after{
			opacity: 0;
		}
		.ci_weapon .weapon_name{
			margin: 0 auto 1.6rem;
			line-height: 1.6rem;
			font-size: 1.2rem;
			text-align: center;
		}
		.ci_weapon .weapon_detial{
			position: absolute;
			top: 48.8rem;
			left: 50%;
			width: 32rem;
			margin: 0 0 0 -16rem;
		}
		.ci_weapon .weapon_detial_item{
			display: none;
		}
		.ci_weapon .weapon_detial .sel{
			display: block;
		}
		.ci_weapon .weapon_detial p{
			width: 32rem;
			margin: 0 auto;
			font-size: 1.2rem;
			line-height: 1.6rem;
		}

		.ci_system{
			
		}
		.ci_system .ci_cont{
			
		}
		.ci_system .ci_title{
			background-image: url(../img/ci_title_3.png);
		}
		.ci_system .system_wrap{
			width: 100%;
			height: 66.7rem;
			background-image: url(../img/system_bg.jpg);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_system .system_slider{
			position: absolute;
			top: 16rem;
			left: 0;
			width: 100%;
		}
		.ci_system .system_icon{
			position: relative;
			display: block;
			width: 32rem;
			height: 32rem;
			margin: 0 auto 2.4rem;
		}
		.ci_system .system_icon:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 32rem;
			height: 32rem;
			background-image: url(../img/system_icon_bg.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
			-webkit-animation: rotateAnim 10s infinite linear both;
			-o-animation: rotateAnim 10s infinite linear both;
			animation: rotateAnim 10s infinite linear both;
		}
		.ci_system .system_icon i{
			position: relative;
			z-index: 2;
			display: block;
			width: 100%;
			height: 100%;
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_system .si_1 .system_icon i{
			background-image: url(../img/system_icon_1.png);
		}
		.ci_system .si_2 .system_icon i{
			background-image: url(../img/system_icon_2.png);
		}
		.ci_system .system_icon i:before,
		.ci_system .system_icon i:after{
			content: "";
			position: absolute;
			top: 3.6rem;
			left: 3.6rem;
			width: 2.4rem;
			height: 11rem;
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_system .system_icon i:after{
			-webkit-animation: scalehideAnim 1s ease-out infinite both;
			-o-animation: scalehideAnim 1s ease-out infinite both;
			animation: scalehideAnim 1s ease-out infinite both;
		}
		.ci_system .si_1 .system_icon i:before,
		.ci_system .si_1 .system_icon i:after{
			background-image: url(../img/system_icon_dec_1.png);
		}
		.ci_system .si_2 .system_icon i:before,
		.ci_system .si_2 .system_icon i:after{
			background-image: url(../img/system_icon_dec_2.png);
		}
		.ci_system .system_btn{
			display: block;
			width: 19rem;
			height: 3.6rem;
			margin: 0 auto;
			text-indent: -9999em;
			overflow: hidden;
			background-image: url(../img/ci_btn_2.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_system .slider_pagination{
			display: none;
		}
		.ci_system .slider_prev,
		.ci_system .slider_next{
			width: 3.2rem;
			height: 3.2rem;	
			margin-top: -4.8rem;
		}		
		.ci_system .slider_prev{
			background-image: url(../img/slider_prev.png);
		}
		.ci_system .slider_next{
			background-image: url(../img/slider_next.png);
		}

		.ci_activity{
			
		}
		.ci_activity .ci_cont{

		}
		.ci_activity .ci_title{
			background-image: url(../img/ci_title_4.png);
		}
		.ci_activity .activity_wrap{
			width: 100%;
			height: 66.7rem;
			background-image: url(../img/activity_bg.jpg);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_activity .activity_slider{
			position: absolute;
			top: 16rem;
			left: 0;
			width: 100%;
		}
		.ci_activity .activity_btn{
			display: block;
			width: 36rem;
			height: 6rem;
			margin: 0 auto 1.6rem;
			text-indent: -9999em;
			overflow: hidden;
			background-image: url(../img/activity_btn.png);
			-webkit-background-size: 100%;
			background-size: 100%;
		}
		.ci_activity .activity_slider .si_1 .activity_btn{
			background-position: 0 0;
		}
		.ci_activity .activity_slider .si_2 .activity_btn{
			background-position: 0 -6rem;
		}
		.ci_activity .activity_slider .si_3 .activity_btn{
			background-position: 0 -12rem;
		}
		.ci_activity .activity_slider .si_4 .activity_btn{
			background-position: 0 -18rem;
		}
		.ci_activity .activity_slider .si_5 .activity_btn{
			background-position: 0 -24rem;
		}
		.ci_activity .activity_slider .si_6 .activity_btn{
			background-position: 0 -30rem;
		}
		.ci_activity .activity_intro{
			box-sizing:border-box;
			display: block;
			width: 32rem;
			height: 30rem;
			margin: 0 auto;
			padding: 1.6rem;
			background-image: url(../img/activity_intro_bg.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
			overflow: hidden;
		}
		.ci_activity .activity_img{
			display: block;
			width: 100%;
			margin: 0 auto 0.8rem;
		}
		.ci_activity .activity_img img{
			width: 100%;
		}
		.ci_activity .activity_name{
			width: 100%;
			height: 2rem;
			margin: 0 auto 0.8rem;
			text-indent: -9999em;
			overflow: hidden;
			background-image: url(../img/activity_name.png);
			-webkit-background-size: 8.6rem;
			background-size: 8.6rem;
			background-repeat: no-repeat;
		}
		.ci_activity .activity_slider .si_1 .activity_name{
			background-position: 0 0rem;
		}
		.ci_activity .activity_slider .si_2 .activity_name{
			background-position: 0 -2rem;
		}
		.ci_activity .activity_slider .si_3 .activity_name{
			background-position: 0 -4rem;
		}
		.ci_activity .activity_slider .si_4 .activity_name{
			background-position: 0 -6rem;
		}
		.ci_activity .activity_slider .si_5 .activity_name{
			background-position: 0 -8rem;
		}
		.ci_activity .activity_slider .si_6 .activity_name{
			background-position: 0 -10rem;
		}
		.ci_activity .activity_info{
			width: 100%;
			margin: 0 auto;
			padding: 0.8rem 0;
			color: #ba413d;
			font-size: 1.2rem;
			line-height: 1.6rem;
			border-top: 0.1rem solid #dec48a;
		}
		.ci_activity .slider_pagination{
			top: 38rem;
			left: 50%;
			width: 10rem;
			height: 3.2rem;
			line-height: 3.2rem;
			margin: 0 0 0 -5rem;
		}
		.ci_activity .swiper-pagination-bullet{
			width: 0.6rem;
			height: 0.6rem;
			margin: 0 0.2rem;
			border: 0.1rem solid #b69c78;
			background-color: #dec48a;
			border-radius: 0.4rem;
			opacity: 1;
		}
		.ci_activity .swiper-pagination-bullet-active{
			background-color: #f7ecd1;
		}
		.ci_activity .slider_prev,
		.ci_activity .slider_next{
			top: 38.4rem;
			width: 2.4rem;
			height: 2.4rem;
			margin: 0;
			background-size: 100% 100%;
		}
		.ci_activity .slider_prev{
			left: 10rem;
			background-image: url(../img/slider_prev.png);
		}
		.ci_activity .slider_next{
			right: 10rem;
			background-image: url(../img/slider_next.png);
		}

		.ci_feature{
			
		}
		.ci_feature .ci_cont{

		}
		.ci_feature .ci_title{
			background-image: url(../img/ci_title_5.png);
		}
		.ci_feature .feature_wrap{
			width: 100%;
			height: 66.7rem;
			background-image: url(../img/feature_bg.jpg);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_feature .feature_list{
			position: absolute;
			top: 30rem;
			left: 50%;
			width: 32rem;
			margin: 0 0 0 -16rem;
			list-style: none;
		}
		.ci_feature .feature_item{
			width: 28.8rem;
			height: 10rem;
			padding: 1.2rem 1.2rem 0 1.8rem;
			background-image: url(../img/feature_item.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
			transition: all ease 0.5s;
		}
		.ci_feature .feature_list .sel{
			background-image: url(../img/feature_item_sel.png);
		}
		.ci_feature .feature_name{
			margin: 0 0 0.2rem;
			line-height: 2rem;
			font-size: 1.6rem;
			color: #ba8947;
			font-weight: bold;
		}
		.ci_feature .sel .feature_name{
			color: #fde198;
		}
		.ci_feature .feature_info{
			line-height: 1.6rem;
			font-size: 1.2rem;
			color: #962b26;
		}
		.ci_feature .sel .feature_info{
			color: #fff;
		}
		.ci_feature .feature_detail{
			box-sizing: border-box;
			position: absolute;
			top: 10.6rem;
			left: 50%;
			width: 32rem;
			height: 19rem;
			padding: 0.8rem;
			margin: 0 0 0 -16rem;
			background-color: #552923;
			box-shadow: 0 -0.1rem 0.2rem inset #fff,0 0.1rem 0.2rem inset #000;
		}
		.ci_feature .feature_detail_item{
			box-sizing: border-box;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			padding: 0.8rem;
			opacity: 0;
			transition: all ease 0.5s;
		}
		.ci_feature .feature_detail .sel{
			opacity: 1;
			z-index: 2;
		}
		.ci_feature .feature_detail img{
			display: block;
			width: 100%;
		}

		
		.ci_qrcode{
			height: 26rem;
		}
		.ci_qrcode .ci_title{
			display: none;
		}
		.ci_qrcode .qrcode_wrap{
			width: 100%;
			height: 26rem;			
			background-image: url(../img/qrcode_bg.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_qrcode .qrcode_slider{
			position: absolute;
			top: 2rem;
			width: 100%;
			text-align: center;
		}
		.ci_qrcode .qrcode_slider:before{
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 13rem;
			background-color: rgba(0,0,0,0.2);
		}
		.ci_qrcode .qrcode_item{
			position: relative;
			z-index: 2;
			display: inline-block;
			vertical-align: top;
			width: 16rem;
			height: 14rem;
			margin: 2rem auto;
			border: 0.1rem solid #fbf9c7;
			background-color: rgba(149,56,49,0.5);
		}
		.ci_qrcode .qrcode_link{
			display: block;
			width: 100%;
			height: 100%;
			text-decoration: none;
		}
		.ci_qrcode .qrcode_text{
			padding: 1rem 2rem;
			color: #fff;
			text-align: left;
		}
		.ci_qrcode .qrcode_text em{
			display: inline-block;
			vertical-align: top;
			width: 1.2rem;
			line-height: 1.2rem;
			font-size: 1.2rem;
			font-style: normal;
			text-align: center;
			word-break: break-all;
		}
		.ci_qrcode .qrcode_text span{
			display: inline-block;
			vertical-align: top;
			width: 2rem;
			line-height: 1.6rem;
			font-size: 1.4rem;
			text-align: center;
			word-break: break-all;
		}
		.ci_qrcode .qrcode_code{
			position: absolute;
			top: -2rem;
			right: -2rem;
			width: 10rem;
			height: 10rem;
			padding: 0.4rem;
			background-color: #fff;
			border-radius: 1rem;
		}
		.ci_qrcode .qrcode_code img{
			display: block;
			width: 100%;
		}
		.ci_qrcode .qrcode_slider .slider_pagination{
			display: none;
		}		
		.ci_qrcode .slider_prev,
		.ci_qrcode .slider_next{
			width: 3.2rem;
			height: 3.2rem;	
			margin-top: -1.6rem;
		}		
		.ci_qrcode .slider_prev{
			background-image: url(../img/slider_prev.png);
		}
		.ci_qrcode .slider_next{
			background-image: url(../img/slider_next.png);
		}

	

		.footer em{
			font-style: normal;
		}
		.footer i{
			font-style: normal;
			margin: 0 0.8rem;
		}
		.footer a{
			color: #fff;
			text-decoration: underline;
		}

		.modal_wrap{
			left: 50%;
			width: 30.8rem;
			height: 27.6rem;
			margin: 0 0 0 -16.2rem;
			padding: 2.4rem 0.8rem;
			border: 0 none;
			border-radius: 0;
			background-color: transparent;
			background-image: url(../img/m_bg.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.modal_intro .mc_text p{
			text-align: left;
			font-size: 1.2rem;
			line-height: 1.6rem;
		}
		.modal_close{
			background-color: transparent;
		}

		.player_wrap{
			display: none;
			position: fixed;
			z-index: 99;
			top: 40%;
			left: 10%;
			width: 80%;
		}
		.player_wrap .audio_player{
			display: none;
		}
		.player_wrap .video_player{
			display: block;
			width: 100%;
		}

	/*定制模块样式 END*/
/*定制样式 END*/

@keyframes playAnim{
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes moveAnim{
	0%{
		-webkit-transform:translate(0,0);
	}
	20%{
		-webkit-transform:translate(0,5px);
	}
	40%{
		-webkit-transform:translate(0,0);
	}
	60%{
		-webkit-transform:translate(0,5px);
	}
	80%{
		-webkit-transform:translate(0,0);
	}
	100%{
		-webkit-transform:translate(0,0);
	}
}
@keyframes moveAnim{
	0%{
		transform:translate(0,0);
	}
	20%{
		transform:translate(0,5px);
	}
	40%{
		transform:translate(0,0);
	}
	60%{
		transform:translate(0,5px);
	}
	80%{
		transform:translate(0,0);
	}
	100%{
		transform:translate(0,0);
	}
}
@-webkit-keyframes scaleAnim{
	0%{
		-webkit-transform:scale(1);
	}
	50%{
		-webkit-transform:scale(1.1);
	}
	100%{
		-webkit-transform:scale(1);
	}
}
@keyframes scaleAnim{
	0%{
		transform:scale(1);
	}
	50%{
		transform:scale(1.1);
	}
	100%{
		transform:scale(1);
	}
}
@-webkit-keyframes rotateAnim{
	0%{
		-webkit-transform:rotate(0);
	}
	100%{
		-webkit-transform:rotate(360deg);
	}
}
@keyframes rotateAnim{
	0%{
		transform:rotate(0);
	}
	100%{
		transform:rotate(360deg);
	}
}
@-webkit-keyframes scalehideAnim{
	0%{
		-webkit-transform:scale(1);
		opacity: 1;
	}
	60%{
		-webkit-transform:scale(1.5);
		opacity: 0;
	}
	100%{
		-webkit-transform:scale(1.5);
		opacity: 0;
	}
}
@keyframes scalehideAnim{
	0%{
		transform:scale(1);
		opacity: 1;
	}
	60%{
		transform:scale(1.5);
		opacity: 0;
	}
	100%{
		transform:scale(1.5);
		opacity: 0;
	}
}