@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;}
	/*重置样式 END */
	/*默认模块样式 START*/
		.wrap{
			width: 100%;
		}
		h1,.text{
			position: absolute;
			top: 0;
			left: -9999px;
		}
		.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 2% 5%;
		}
		.ci_cont{
			position: relative;
			z-index: 2;
			margin: 0;
			padding: 10px 2% 20px;
		}
		.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: 280px;
			height: 40px;
			margin: 0 auto 20px;
			padding: 0;
			font-size: 18px;
			line-height: 40px;
			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 10px;
			padding: 0 0 4px;
			line-height: 20px;
			font-size: 12px;
			color: #000;
		}
		.ci_tip{
			text-align: center;
		}
		.ci_rule{
			padding: 0 0 4px 20px;
		}
		.ci_rule span{
			display: block;
		}
		.ci_rule i{
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 20px;
			font-style: normal;
		}
		.ci_img{
			margin: 0 10px 20px;
		}
		.ci_img img{
			display: block;
			width: 100%;
		}
		.ci_btns{
			position: relative;
			text-align: center;
			margin: 0 10px 20px;
		}
		.ci_btns a{
			display: inline-block;
			width: 120px;
			height: 40px;
			line-height: 40px;
			margin: 0 10px;
			font-size: 12px;
			text-align: center;
			color: #fff;
			background-image: url(../img/ci_btn.png);
			-webkit-background-size: 100%;
			background-size: 100%;
		}

		.b_btn{
			padding: 15px 0 30px;
			text-align: center;
		}
		.b_btn a{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			width: 120px;
			height: 40px;
			line-height: 40px;
			margin: 0 5px;
			overflow: hidden;
			font-size: 14px;
			color: #fff;
			background-color: #000;
			border-radius: 5px;
		}
		.bb_top span,
		.bb_top i{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			vertical-align: top;
		}
		.bb_top span{
			padding: 0 5px;
		}
		.bb_top i{
			width: 22px;
			height: 22px;
			margin: 9px 5px;
			background-image: url(../img/top_tag.png);
			-webkit-background-size: 100%;
			background-size: 100%;
		}
		.game_center{
			position: fixed;
		    bottom: 70px;
		    right: 2%;
		    width: 62px;
		    height: 49px;
		    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: 130px;
		    right: 2%;
		    width: 60px;
		    height: 60px;
		    z-index: 50;
			background-image: url(../img/act_center.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			text-indent: -9999em;
			overflow: hidden;
		}
		.footer{
			padding: 15px 0;
			line-height: 20px;
			background-color: #1e1e1e;
		}
		.footer p{
			height: 20px;
			font-size: 12px;
			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: 3px solid #171717;
			border-radius: 10px;
			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: 20px 10px 10px;
		}
		.modal_title{
			height: 32px;
			line-height: 32px;
			text-align: center;
			font-size: 18px;
			color: #272727;
		}		
		.modal_nt .modal_title{
			display: none;
		}
		.modal_cont{
			position: relative;
			z-index: 11;
			padding: 10px 10px 0;
		}		
		.modal_nt .modal_cont{
			padding: 30px 10px 20px;
		}
		.mc_title{
			height: 32px;
			line-height: 32px;
			margin: 0 0 10px;
			text-align: center;
			font-size: 18px;
			color: #272727;
		}
		.modal_nct .mc_title{
			display: none;
		}
		.mc_img{
			margin: 0 0 10px;
			padding: 0 10px;
		}
		.mc_img img{
			display: block;
			max-width: 100%;
			margin: 0 auto;
		}
		.mc_text{
			margin: 0 0 10px;
			padding: 0 10px;
		}
		.mc_text p{
			margin: 0 0 4px;
			font-size: 14px;
			line-height: 18px;
			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: 87px;
			margin: 0 0 10px;
			padding: 0 10px;
			overflow: auto;
		}
		.mc_list table{
		  width: 100%;
		  line-height: 26px;
		  border-collapse:collapse;
		  margin:auto;
		}
		.mc_list tbody{
		  width: 100%;
		}
		.mc_list tbody tr{
			width: 100%;
			border-bottom: 1px dashed #676767;
		}
		.mc_list td {
		  text-align: center;
		  padding: 0;
		  color: #373737;
		  font-size: 12px;
		}
		.mc_list thead .col_2{
		  width: 20%;
		}
		.mc_list thead .col_4{
		  width: 40%;
		  
		}		
		.mc_form{
			margin: 0 0 10px;
			padding: 0 10px;
		}
		.modal_nf .mc_form{
			display: none;
		}
		.mcf_item{
			position: relative;
			line-height: 26px;
			margin: 0 0 10px;
			padding: 0 0 0 70px;
		}
		.mcf_item label{
			position: absolute;
			top: 0;
			left: 0px;
			display: block;
			width: 60px;
			height: 26px;
			font-size: 14px;
			text-align: right;
			color: #373737;
		}
		.mcf_item input{
			display: block;
			width: 100%;
			height: 26px;
			line-height: 26px;
			padding: 0 10px 0 10px;
			border: 0 none;
			color: #373737;
			background-color: #eee;
			box-sizing: border-box;
		}
		.mcf_link{
			display: block;
			height: 26px;
			margin: 0 0 10px;
			line-height: 26px;
			text-align: right;
		}
		.mcf_link a{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			font-size: 14px;
			color: #373737;
			text-decoration: underline;
		}
		.mc_game{
			margin: 0 0 10px;
			padding: 0 10px;
			text-align: center;
		}
		.mcg_item{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			vertical-align: top;
			width: 28%;
			min-width: 64px;
			margin: 0 1% 10px;
		}
		.mcgi_link{
			display: block;
			width: 100%;
			min-width: 64px;
			margin: 0 auto;
		}
		.mcgi_icon{
			display: block;
			width: 100%;
			margin: 0 auto;
		}
		.mcgi_icon img{
			display: block;
			width: 100%;
			border-radius: 5px;
		}
		.mcgi_name,
		.mcgi_text{
			display: block;
			line-height: 24px;
			font-size: 12px;
			color: #373737;
			overflow: hidden;
		    -ms-text-overflow: ellipsis;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		}
		.mcgi_btn{
			display: block;
		    width: 64px;
		    height: 26px;
		    line-height: 26px;
		    margin: 0 auto;
		    color: #fff;
		    font-size: 12px;
		    background-color: #171717;
		    text-align: center;
		    border-radius: 5px;
		}
		.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 16px;
			padding: 8px 88px 8px 72px;
		}
		.modal_gi .mcgi_link{
			min-width: auto;
		}
		.modal_gi .mcgi_icon{
			position: absolute;
			top: 0;
			left: 0;
			width: 64px;
			height: 64px;
		}
		.modal_gi .mcgi_name,
		.modal_gi .mcgi_text{
			text-align: left;
		}
		.modal_gi .mcgi_btn{
			position: absolute;
			top: 50%;
			right: 0;
			margin: -13px 0 0 0;
		}
		.modal_ngt .mcgi_text{
			display: none;
		}
		
		.modal_ngb .mcgi_btn{
			display: none;
		}
		.modal_gi.modal_ngb .mcg_item{
			padding: 8px 8px 8px 72px;
		}
		.modal_btns{
			position: relative;
			z-index: 11;
			padding: 10px 10px 20px;
			text-align: center;
		}
		.modal_btn,
		.mb_item{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			width: 100px;
			height: 30px;
			margin: 0 10px;
			line-height: 30px;
			background-color: #171717;
			color: #fff;
			border-radius: 5px;
			text-align: center;
			font-size: 16px;
		}
		.modal_close{
			position: absolute;
			z-index: 21;
			top: 4px;
			right: 4px;
			display: block;
			width: 26px;
			height: 26px;
			text-indent: -9999em;
			overflow: hidden;
			background-image: url(../img/m_close.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			background-color: #171717;
			border-radius: 13px;
		}

		.info_modal{

		}
		.record_modal{

		}
		.phone_modal{

		}
		.gift_modal{

		}
	/*弹窗样式 END*/
/*默认样式 END*/
/*模块样式 START*/
	/*轮播组件 START*/
		.slider_wrap{
			margin: 0 16px;
		}
		.slider_title{
			width: 260px;
		    height: 30px;
		    line-height: 30px;
		    margin: 0 auto 16px;
		    text-align: center;
		}
		.slider_cont{
			position: relative;
			line-height: 24px;
			font-size: 12px;
			text-align: center;
		}
		.slider_detail{

		}
		.slider_list{
			
		}
		.slider_pagination{
			display: none;
		}
		.slider_prev{

		}
		.slider_next{

		}
		.slider_scrollbar{
			display: none;
		}
		.slider_text{
			line-height: 24px;
			font-size: 12px;
			margin: 0;
			color: #000;
		}
		.sc_outer{
			margin: 0 30px;
		}
		.sc_outer .slider_prev{
			left: -30px;
		}		
		.sc_outer .slider_next{
			right: -30px;
		}
	/*轮播组件 END*/
/*模块样式 END*/
/*定制样式 START*/
	/*默认模块样式 START*/
		.inner_wrap{
			background-image: none;
			background-color: #3a4470;
			background-repeat: repeat-y;
			-webkit-background-size: 100%;
			background-size: 100%;
		}
		.cont{
			margin: 0% 0 0;
		}
		.c_item{
			margin: 0 2% 5%;
		}
		.ci_cont{
			padding: 10px 2% 20px;
		}
		.ci_bg:before{
			margin: 0;
		}
		.ci_bg:after{
			margin: 0;
		}
		.ci_title{
			margin: 0 auto 20px;
			color: #fff;
			background-image: url(../img/ci_title.png);
		}
		.ci_text{
			color: #fff;
		}
		.ci_tip{
			color: #fff;
		}
		.ci_rule{
			color: #fff;
		}
		.ci_rule span{
			color: #fff;
		}
		.ci_rule i{
			color: #fff;
		}
		.ci_btns a{
			color: #fff;
		}
		
		html body .wrap .inner_wrap .disabled{
			filter: grayscale(100%);
		}

		.b_btn a{
			color: #fff;
			background-color: #f9d083;
		}
		.footer{
			background-color: #1e1e1e;
		}
		.footer p{
			color: #fff;
		}		
	/*默认模块样式 END*/
	/*弹窗样式 START*/
		.modal_wrap{
			background-color: #fff;
			border: 3px solid #3a4470;
		}
		.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: 1px 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: #3a4470;
		}
		.modal_btn,
		.mb_item{
			background-color: #3a4470;
			color: #fff;
		}
		.modal_close{
			background-color: #3a4470;
		}
	/*弹窗样式 END*/
	/*新增模块样式 START*/
		/*弹窗样式 START*/	
			.slider_text{
				color: #000;
			}
		/*弹窗样式 END*/
	/*新增模块样式 END*/
	/*定制模块样式 START*/
		.act_center,
		.game_center{
			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%;
		}
		header{
			width: 100%;
		}
		h1{
			display: none;
			z-index: 3;
			top: 0;
			left: 0;
			width: 340px;
			height: 160px;
		}
		.h_cont{
			position: relative;
			z-index: 2;
			width: 100%;
			margin: 0;
			padding: 0;
		}
		.h_cont .h_site{
			display: none;
			position: absolute;
			top: 40px;
			right: 40px;
			width: 180px;
			height: 60px;
			line-height: 60px;
			padding: 0;
			font-size: 24px;
			font-weight: bold;
			color: #5a3510;
			background-image: url(../img/ci_btn.png);
			transition: all ease 0.5s;
		}
		.h_cont .h_site:hover{			
			opacity: 0.8;
		}		
		.h_bg{
			display: none;
			position: absolute;
			top: 0;
			left: 50%;
			z-index: 1;
			width: 1920px;
			height: 1000px;
			margin: 0 0 0 -960px;
		}
		.h_bg video{
			display: block;
			width: 100%;
			height: 100%;
		}

		
		.cont{
			width: 100%;
			margin: -10% auto 0;
		}
		.c_item{
			width: 100%;
			margin: 0 auto 40px;
			padding: 100px 0 0;
		}
		.ci_cont{			
			margin: 0 auto;
		}
		.ci_bg{
			background-position: center top;
			background-repeat: no-repeat;
			pointer-events: none;
		}
		
		.ci_text{
			display: none;
		}

		.ci_title{
			position: absolute;
			top: -100px;
			left: 50%;
			text-indent: -9999em;
			overflow: hidden;
			width: 375px;
			height: 80px;
			margin: 0 auto 20px;
			transform: translate(-50%, 0);
		}

		.ci_song{
			
		}
		.ci_song .ci_bg{
			background-image: url(../img/ci_bg_1.png);
		}
		.ci_song .ci_bg:before{
			display: none;
		}
		.ci_song .ci_cont{
			padding: 15% 0 0;
		}
		.ci_song .ci_title{
			margin: 15% auto 20px;			
			background-image: url(../img/ci_title_1.png);
		}
		.ci_song .song_wrap{
			
		}
		.ci_song .song_preview{
			margin: 0 auto 20px;
			width: 50%;
		}
		.ci_song .song_preview_list{
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		.ci_song .song_preview_item{
			margin: 0 auto;
		}
		.ci_song .song_preview_link{
			display: block;
			width: 100%;
		}
		.ci_song .song_preview_img{
			display: block;
			width: 100%;
		}
		.ci_song .song_preview_img img{
			display: block;
			width: 100%;
		}
		.ci_song .song_preview .slider_prev,
		.ci_song .song_preview .slider_next{
			width: 40px;
			height: 40px;
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_song .song_preview .slider_prev{
			left: -25%;
			margin: -20px 0 0 -25px;
			background-image: url(../img/slider_prev.png);
		}
		.ci_song .song_preview .slider_next{
			right: -25%;
			margin: -20px -25px 0 0;
			background-image: url(../img/slider_next.png);
		}
		.ci_song .song_detail{

		}
		.ci_song .song_detail_list{
			list-style: none;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		.ci_song .song_detail_item{
			position: relative;
			display: block;
			width: 140px;
			height: 82px;
			margin: 0 auto 10px;
			padding: 2px 2px 2px 104px;
			background-image: url(../img/song_detail_item.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;			
			transition: all ease 0.5s 0.1s;
			opacity: 0;
		}
		.ci_song .song_detail_item:nth-child(odd){
			transform:translate(-1000px,0);
		}
		.ci_song .song_detail_item:nth-child(even){
			transform:translate(1000px,0);
		}
		.ci_song.sel .song_detail_item:nth-child(odd),
		.ci_song.sel .song_detail_item:nth-child(even){
			opacity: 1;
			transform:translate(0,0);
		}
		.ci_song .song_detail_cover{
			position: absolute;
			top: 2px;
			left: 2px;
			width: 100px;
			height: 80px;
			border: 1px solid #2833af;
		}
		.ci_song .song_detail_cover img{
			display: block;
			width: 100%;
		}
		.ci_song .song_detail_song{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.3);
		}
		.ci_song .song_detail_song.songPlaying{
			background-color: rgba(0,0,0,0.1);
		}
		.ci_song .song_detail_song i{
			position: absolute;
			top: 50%;
			left: 50%;
			width: 30px;
			height: 30px;
			margin: -15px 0 0 -15px;
			background-image: url(../img/song_detail_song.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
			background-image: url(../img/song_detail_song.png);
			-webkit-animation: scaleAnim 2s infinite both;
			-o-animation: scaleAnim 2s infinite both;
			animation: scaleAnim 2s infinite both;
		}		
		.ci_song .song_detail_song.songPlaying i{
			-webkit-animation: playingAnim 2s infinite both;
			-o-animation: playingAnim 2s infinite both;
			animation: playingAnim 2s infinite both;
		}
		.ci_song .song_detail_info{
			padding: 4px 0;
			text-align: center;
		}
		.ci_song .song_detail_name{
			height: 24px;
			line-height: 24px;
			font-size: 14px;
			color: #fff;
		}
		.ci_song .song_detail_singer{
			height: 24px;
			line-height: 24px;
			font-size: 14px;
			color: #fff;
		}
		.ci_song .song_detail_btn{
			width: 140px;
			height: 26px;
			line-height: 26px;
			font-size: 14px;
			text-align: center;
			background-image: url(../img/song_detail_btn.png);
		}
		.ci_song .song_detail_mv{
			display: block;
			width: 100%;
			color: #fff;
			text-shadow: 0 1px 1px #c17935;
		}

		.ci_system{
			
		}
		.ci_system .ci_bg{
			background-image: url(../img/ci_bg_2.png);
		}
		.ci_system .ci_title{
			background-image: url(../img/ci_title_2.png);
		}
		.ci_system .system_wrap{
			text-align: center;
			margin: 0 auto;
		}
		.ci_system .system_tab{
			display: block;
			width: 80%;
			margin: 0 auto;
		}
		.ci_system .system_tab ul{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.ci_system .system_tab li{
			display: block;
			margin: 0 0 10px;
			background-image: url(../img/system_tab_item_2.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
			transition: all ease 0.5s;
		}
		.ci_system .system_tab .sel{
			background-image: url(../img/system_tab_item_sel_2.png);
		}
		.ci_system .system_tab li:first-child{
			background-image: url(../img/system_tab_item.png);
		}
		.ci_system .system_tab li:first-child.sel{
			background-image: url(../img/system_tab_item_sel.png);
		}
		.ci_system .system_tab a{
			display: block;
			width: 100%;
			padding: 10px 0;
		}
		.ci_system .system_tab p{
			padding: 5px 10px;
			text-align: left;
			color: #fff;
		}
		.ci_system .system_tab em{
			height: 20px;
			line-height: 20px;
			font-size: 16px;
			color: #fed683;
			font-style: normal;
		}
		.ci_system .system_tab span{
			display: block;
			line-height: 16px;
			font-size: 12px;
		}
		.ci_system .system_cont{
			position: relative;
			display: block;
			width: 80%;
			height: 0;
			margin: 0 auto;
			padding: 45% 0 0;
		}
		.ci_system .system_cont ul{
			display: block;
			width: 100%;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.ci_system .system_cont li{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			width: 100%;
			opacity: 0;
			transition: all ease 0.5s;
		}
		.ci_system .system_cont li.sel{
			z-index: 2;
			opacity: 1;
		}
		.ci_system .system_cont div{
			
		}
		.ci_system .system_cont img{
			display: block;
			width: 100%;
		}
		.ci_system .system_tab,
		.ci_system .system_cont{
			transition: all ease 0.5s 0.1s;
		}
		.ci_system .system_tab{
			transform:translate(-1000px,0);
		}
		.ci_system .system_cont{
			transform:translate(1000px,0);
		}
		.ci_system.sel .system_tab,
		.ci_system.sel .system_cont{
			transform:translate(0,0);
		}

		.ci_feature{
			
		}
		.ci_feature .ci_cont{
			position: relative;
		}
		.ci_feature .ci_cont:before{
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			width: 50px;
			height: 55px;
			margin: -5% 5% 0 0;
			background-image: url(../img/ci_dec.png);
			-webkit-background-size: 100%;
			background-size: 100%;
		}
		.ci_feature .ci_bg{
			background-image: url(../img/ci_bg_3.png);
			background-position: center bottom;
		}
		.ci_feature .ci_bg:after{
			display: none;
		}
		.ci_feature .ci_title{
			background-image: url(../img/ci_title_3.png);
		}
		.ci_feature .feature_wrap{
			margin: 0 auto;
			padding: 0 0 20%;
			text-align: center;
		}
		.ci_feature .slider_cont{
			margin: 0;
		}
		.ci_feature .feature_item{
			position: relative;
			width: 100%;
			margin: 0;
			padding: 0;
			transition: all ease 0.5s 0.1s;
		}
		.ci_feature .feature_bg{
			position: absolute;
			top: 0;
			left: 10%;
			width: 80%;
			margin: 15% 0 0;
		}
		.ci_feature .feature_bg img{
			display: block;
			width: 100%;
		}
		.ci_feature .feature_fg{
			position: relative;
			z-index: 2;
			width: 100%;
			margin: 0 0 15%;
			transition: all ease 0.5s;
		}
		.ci_feature .feature_fg img{
			display: block;
			width: 100%;
		}
		.ci_feature .feature_item:hover .feature_fg{
			transform: scale(1.1);
		}
		.ci_feature .feature_text{
			position: absolute;
			bottom: 30px;
			left: 10%;
			z-index: 3;
			width: 70px;
			height: 110px;
			margin: 0 0 5%;
			-webkit-background-size: 100%;
			background-size: 100%;
		}
		.ci_feature .feature_item_1 .feature_text{
			background-image: url(../img/feature_text_1.png);
		}
		.ci_feature .feature_item_2 .feature_text{
			background-image: url(../img/feature_text_2.png);
		}
		.ci_feature .feature_btn{
			display: block;
			width: 90px;
			height: 30px;
			margin: 0 auto;
			line-height: 30px;
			font-size: 14px;
			font-weight: bold;
			color: #5a3510;
			background-image: url(../img/ci_btn.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			transition: all ease 0.5s;
		}
		.ci_feature .feature_wrap .slider_prev,
		.ci_feature .feature_wrap .slider_next{
			width: 40px;
			height: 40px;
			margin: -20px 0 0 0;
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_feature .feature_wrap .slider_prev{
			left: 0;
			background-image: url(../img/slider_prev.png);
		}
		.ci_feature .feature_wrap .slider_next{
			right: 0;
			background-image: url(../img/slider_next.png);
		}

		.ci_down{
			margin: 0;
			padding: 0 0 50px;
		}
		.ci_down .ci_bg{
			background-image: url(../img/ci_bg_4.png);
		}
		.ci_down .ci_title{
			display: none;
		}
		.ci_down .down_wrap{
			position: relative;
			text-align: center;
		}
		.ci_down .down_wrap:before{
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100px;
			background-color: rgba(0,0,0,0.2);
		}
		.ci_down .down_list{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.ci_down .down_item{
			position: relative;
			z-index: 2;
			display: inline-block;
			vertical-align: top;
			width: 160px;
			height: 140px;
			margin: 20px auto 20px;
			border: 1px solid #fbf9c7;
		}
		.ci_down .down_text{
			padding: 10px;
			color: #fff;
			text-align: left;
		}
		.ci_down .down_text em{
			display: inline-block;
			vertical-align: top;
			width: 20px;
			line-height: 18px;
			font-size: 14px;
			font-style: normal;
			text-align: center;
		}
		.ci_down .down_text span{
			display: inline-block;
			vertical-align: top;
			width: 24px;
			line-height: 20px;
			font-size: 16px;
			text-align: center;
		}
		.ci_down .down_code{
			position: absolute;
			top: -20px;
			right: -20px;
			width: 90px;
			height: 90px;
			padding: 5px;
			background-color: #fff;
			border-radius: 10px;
		}
		.ci_down .down_code img{
			display: block;
			width: 100%;
		}
		.ci_down .down_item_3 .down_code{
			position: absolute;
			top: 10px;
			right: 0px;
			background-color: transparent;
		}

		.ci_down .down_wrap .slider_prev,
		.ci_down .down_wrap .slider_next{
			width: 40px;
			height: 40px;
			margin: -20px 0 0 0;
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.ci_down .down_wrap .slider_prev{
			left: 0;
			background-image: url(../img/slider_prev.png);
		}
		.ci_down .down_wrap .slider_next{
			right: 0;
			background-image: url(../img/slider_next.png);
		}

		.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%;
		}

		.video_btn{
			position: absolute;
			z-index: 40;
			top: -30px;
			left: -30px;
			width: 60px;
			height: 60px;
			margin: 115% 0 0 80%;
			padding: 0;
		}
		.video_btn i{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			display: block;
			width: 100%;
			height: 100%;
			background-image: url(../img/video_btn_bg.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			-webkit-animation: rotateAnim 5s linear infinite;
			-o-animation: rotateAnim 5s linear infinite;
			animation: rotateAnim 5s linear infinite;
			transform-origin: center center;
		}
		.video_btn em{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
			display: block;
			width: 100%;
			height: 100%;
			background-image: url(../img/video_btn_fg.png);
			-webkit-background-size: 100%;
			background-size: 100%;
			-webkit-animation: rotateAnim2 4s linear infinite;
			-o-animation: rotateAnim2 4s linear infinite;
			animation: rotateAnim2 4s linear infinite;
			transform-origin: center center;
		}
		.video_btn span{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 3;
			display: block;
			width: 100%;
			height: 100%;
			background-image: url(../img/video_btn_btn.png);
			-webkit-background-size: 100%;
			background-size: 100%;
		}
		.video_btn:hover span{
			-webkit-animation: scaleAnim 0.8s linear infinite;
			-o-animation: scaleAnim 0.8s linear infinite;
			animation: scaleAnim 0.8s linear infinite;
			transform-origin: center center;
		}

		.site_btn{
			position: absolute;
			z-index: 40;
			top: 10px;
			right: 10px;
			width: 90px;
			height: 30px;
			line-height: 30px;
			margin: 0;
			padding: 0;
			text-align: center;
			color: #5a3510;
			font-size: 14px;
			font-weight: bold;
			background-image: url(../img/ci_btn.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}

		.b_btn{
			display: none;
		}
		.footer em{
			font-style: normal;
		}
		.footer i{
			font-style: normal;
			margin: 0 10px;
		}
		.footer a{
			color: #fff;
			text-decoration: underline;
		}

		.feature_modal{
			left: 5%;
			max-width: 80%;
			padding: 5% 5% 15%;
			background-color: transparent;
			border: 0 none;
			background-image: url(../img/m_bg.png);
			-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.feature_modal .mc_text{
			max-height: 350px;
			overflow-y: auto;
		}
		.feature_modal .modal_close{
			right: 0;
			width: 50px;
			height: 50px;
			background-color: transparent;
			background-image: url(../img/m_close_2.png);
		}
		.feature_modal .mc_text p{
			text-align: left;
			font-size: 12px;
			color: #2a2f5b;
		}
		.feature_modal .mc_text p em{
			display: inline-block;
			padding: 0 10px;
			line-height: 20px;
			font-size: 12px;
			font-style: normal;
			background-image: url(../img/m_text_bg.png);
			-webkit-background-size: auto 100%;
			background-size: auto 100%;
			background-repeat: repeat-x;
		}
		.feature_modal .mc_text p span{
			display: block;
			line-height: 20px;
			color: #2a2f5b;
		}
		
	/*定制模块样式 END*/
/*定制样式 END*/


@-webkit-keyframes waveAnim{
	0%{
		height:8px;
	}
	50%{
		height:20px;
	}
	100%{
		height:5px;
	}
}
@keyframes waveAnim{
	0%{
		height:8px;
	}
	50%{
		height:20px;
	}
	100%{
		height:5px;
	}
}

@-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 rotateAnim2{
	0%{
		-webkit-transform:rotate(0);
	}
	100%{
		-webkit-transform:rotate(360deg);
	}
}
@keyframes rotateAnim2{
	0%{
		transform:rotate(0);
	}
	100%{
		transform:rotate(-360deg);
	}
}
@-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 playingAnim{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.5;
	}
	100%{
		opacity: 1;
	}
}
@keyframes playingAnim{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.5;
	}
	100%{
		opacity: 1;
	}
}