@charset "utf-8";
/* CSS Document */

/* 老版显示隐藏 */
.visible-phone{}
.visible-tablet{}
.visible-desktop{}
.hidden-phone{}
.hidden-tablet{}
.hidden-desktop{}

.hidden{
	display:none;
	}
.inline{
	display:inline-block;
	}
.block{
	display:block;
	}
.text-visible-phone {
  display: none !important;
}
.text-visible-tablet {
  display: none !important;
}
.text-hidden-desktop {
  display: none !important;
}
.text-visible-desktop {
  display: inline-block !important;
}

	
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: none !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  
  
  .text-hidden-desktop {
    display: inline-block !important;
  }
  .text-visible-desktop {
    display: none !important ;
  }
  .text-visible-tablet {
    display: inline-block !important;
  }
  .text-hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
   }
  .hidden-phone {
    display: none !important;
  }
  
  .text-hidden-desktop {
    display: inline-block !important;
  }
  .text-visible-desktop {
    display: none !important;
  }
  .text-visible-phone {
    display: inline-block !important;
   }
  .text-hidden-phone {
    display: none !important;
  }
}

/* 个性化设置显示隐藏 */
.hide_basic{
	display:none;
	}
.show_basic{
	display:block;
	}

@media (min-width: 1200px) {
	.hide_min1200{
		display:none;
		}
	.show_min1200{
		display:block;
		}
}
@media (min-width: 961px) and (max-width: 1199px) {
	.hide_961_1199{
		display:none;
		}
	.show_961_1199{
		display:block;
		}
}

@media (min-width: 768px) and (max-width: 960px) {
	.hide_768_960{
		display:none;
		}
	.show_768_960{
		display:block;
		}
}
@media (min-width: 480px) and (max-width: 767px) {
	.hide_480_767{
		display:none;
		}
	.show_480_767{
		display:block;
		}
}
@media (max-width: 479px) {
	.hide_max479{
		display:none;
		}
	.show_max479{
		display:block;
		}
}
/* btn display */
.btn.hide_basic{
	display:none;
	}
.btn.show_basic{
	display: inline-block;
	}

@media (min-width: 1200px) {
	.btn.hide_min1200{
		display:none;
		}
	.btn.show_min1200{
		display:inline-block;
		}
		
}
@media (min-width: 961px) and (max-width: 1199px) {
	.btn.hide_961_1199{
		display:none;
		}
	.btn.show_961_1199{
		display:inline-block;
		}
}

@media (min-width: 768px) and (max-width: 960px) {
	.btn.hide_768_960{
		display:none;
		}
	.btn.show_768_960{
		display:inline-block;
		}
}
@media (min-width: 480px) and (max-width: 767px) {
	.btn.hide_480_767{
		display:none;
		}
	.btn.show_480_767{
		display:inline-block;
		}
}
@media (max-width: 479px) {
	.btn.hide_max479{
		display:none;
		}
	.btn.show_max479{
		display:inline-block;
		}
}



/* appRow layout*/
.appRow:before,
.appRow:after {
  display: table;
  content: "";
  line-height: 0;
}
.appRow:after {
  clear: both;
}
.appRow .appPatch{
	margin:-20px 0 0 -20px;
	padding:0;
	list-style:none;
	}
.latticePad{
	margin:20px 0 0 20px;
	}
.appRow .appPatch .appColumn{
	display: block;
	width: 100%;		
	float: none;
	}


.list_min1200_1 .appPatch .appColumn{
		display: block;
		width: 100%;		
		float: none;
	}
	.list_min1200_2 .appPatch .appColumn{
		width:50%;
		float:left;
	}
	.list_min1200_3 .appPatch .appColumn{
		width:33.333333333333333%;
		float:left;
	}
	.list_min1200_4 .appPatch .appColumn{
		width:25%;
		float:left;
	}
	.list_min1200_5 .appPatch .appColumn{
		width:20%;
		float:left;
	}
	.list_min1200_6 .appPatch .appColumn{
		width:16.666666666666666%;
		float:left;
	}
	
@media (min-width: 1200px) {
	.list_min1200_1 .appPatch .appColumn{
		display: block;
		width: 100%;		
		float: none;
	}
	.list_min1200_2 .appPatch .appColumn{
		width:50% !important;
		float:left !important;
	}
	.list_min1200_3 .appPatch .appColumn{
		width:33.333333333333333% !important;
		float:left !important;
	}
	.list_min1200_4 .appPatch .appColumn{
		width:25% !important;
		float:left !important;
	}
	.list_min1200_5 .appPatch .appColumn{
		width:20% !important;
		float:left !important;
	}
	.list_min1200_6 .appPatch .appColumn{
		width:16.666666666666666% !important;
		float:left !important;
	}
}
@media (min-width: 961px) and (max-width: 1199px) {
	.list_961_1199_1 .appPatch .appColumn{
		display: block;
		width: 100%;		
		float: none;
	}
	.list_961_1199_2 .appPatch .appColumn{
		width:50% !important;
		float:left !important;
	}
	.list_961_1199_3 .appPatch .appColumn{
		width:33.333333333333333% !important;
		float:left !important;
	}
	.list_961_1199_4 .appPatch .appColumn{
		width:25% !important;
		float:left !important;
	}
	.list_961_1199_5 .appPatch .appColumn{
		width:20% !important;
		float:left !important;
	}
	.list_961_1199_6 .appPatch .appColumn{
		width:16.666666666666666% !important;
		float:left !important;
	}
}
@media (min-width: 768px) and (max-width: 960px) {
	.list_768_960_1 .appPatch .appColumn{
		display: block;
		width: 100%;		
		float: none;
	}
	.list_768_960_2 .appPatch .appColumn{
		width:50% !important;
		float:left !important;
	}
	.list_768_960_3 .appPatch .appColumn{
		width:33.333333333333333% !important;
		float:left !important;
	}
	.list_768_960_4 .appPatch .appColumn{
		width:25% !important;
		float:left !important;
	}
	.list_768_960_5 .appPatch .appColumn{
		width:20% !important;
		float:left !important;
	}
	.list_768_960_6 .appPatch .appColumn{
		width:16.666666666666666% !important;
		float:left !important;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.list_480_767_1 .appPatch .appColumn{
		display: block;
		width: 100%;		
		float: none;
	}
	.list_480_767_2 .appPatch .appColumn{
		width:50% !important;
		float:left !important;
	}
	.list_480_767_3 .appPatch .appColumn{
		width:33.333333333333333% !important;
		float:left !important;
	}
	.list_480_767_4 .appPatch .appColumn{
		width:25% !important;
		float:left !important;
	}
	.list_480_767_5 .appPatch .appColumn{
		width:20% !important;
		float:left !important;
	}
	.list_480_767_6 .appPatch .appColumn{
		width:16.666666666666666% !important;
		float:left !important;
	}
}
@media (max-width: 479px) {
	.list_max479_1 .appPatch .appColumn{
		display: block;
		width: 100%;		
		float: none;
	}
	.list_max479_2 .appPatch .appColumn{
		width:50% !important;
		float:left !important;
	}
	.list_max479_3 .appPatch .appColumn{
		width:33.333333333333333% !important;
		float:left !important;
	}
	.list_max479_4 .appPatch .appColumn{
		width:25% !important;
		float:left !important;
	}
	.list_max479_5 .appPatch .appColumn{
		width:20% !important;
		float:left !important;
	}
	.list_max479_6 .appPatch .appColumn{
		width:16.666666666666666% !important;
		float:left !important;
	}
}
@media (min-width: 1200px) {	
	.list_min1200_2 .appPatch .appColumn:nth-child(2n+1),
	.list_min1200_3 .appPatch .appColumn:nth-child(3n+1),
	.list_min1200_4 .appPatch .appColumn:nth-child(4n+1),
	.list_min1200_5 .appPatch .appColumn:nth-child(5n+1),
	.list_min1200_6 .appPatch .appColumn:nth-child(6n+1){
		clear:both;
		}
	}
@media (min-width: 961px) and (max-width: 1199px) {
	.list_961_1199_2 .appPatch .appColumn:nth-child(2n+1),
	.list_961_1199_3 .appPatch .appColumn:nth-child(3n+1),
	.list_961_1199_4 .appPatch .appColumn:nth-child(4n+1),
	.list_961_1199_5 .appPatch .appColumn:nth-child(5n+1),
	.list_961_1199_6 .appPatch .appColumn:nth-child(6n+1){
		clear:both;
		}
	}
	
@media (min-width: 768px) and (max-width: 960px) {
	.list_768_960_2 .appPatch .appColumn:nth-child(2n+1),
	.list_768_960_3 .appPatch .appColumn:nth-child(3n+1),
	.list_768_960_4 .appPatch .appColumn:nth-child(4n+1),
	.list_768_960_5 .appPatch .appColumn:nth-child(5n+1),
	.list_768_960_6 .appPatch .appColumn:nth-child(6n+1){
		clear:both;
		}
	}
@media (min-width: 480px) and (max-width: 767px) {
	.list_480_767_2 .appPatch .appColumn:nth-child(2n+1),
	.list_480_767_3 .appPatch .appColumn:nth-child(3n+1),
	.list_480_767_4 .appPatch .appColumn:nth-child(4n+1),
	.list_480_767_5 .appPatch .appColumn:nth-child(5n+1),
	.list_480_767_6 .appPatch .appColumn:nth-child(6n+1){
		clear:both;
		}
	}
@media (max-width: 479px) {
	.list_max479_2 .appPatch .appColumn:nth-child(2n+1),
	.list_max479_3 .appPatch .appColumn:nth-child(3n+1),
	.list_max479_4 .appPatch .appColumn:nth-child(4n+1),
	.list_max479_5 .appPatch .appColumn:nth-child(5n+1),
	.list_max479_6 .appPatch .appColumn:nth-child(6n+1){
		clear:both;
		}
	}
.wrapper,
.containerbottom,
.header,
.headerWrapper,
.headerContainer,
.main,
.mainWrapper,
.mainContainer,
.footer,
.footerWrapper,
.footerContainer,
.appWrapper,
.elementContainer{
	margin-left:auto;
	margin-right:auto;
	}

/* common app */
.con_header{
	position:relative;
	}
.appMore{
	position:absolute;
	right:0;
	top:0;
	}
.quickMenu a{
	display:inline-block;
	margin:0 5px;
	}
.quickMenu i{
	margin-right:4px;
	font-size:14px;
	vertical-align:middle;
	}
.quickMenu a span{
	display:inline-block;
	vertical-align:middle;
	}

/* common app */

/* 手机导航 */
@media (max-width: 767px) {	
	.phoneDropMenu li{
		display:none;
	}
	.phoneDropMenu li.topMenu{
		display:block;
	}
	.phoneDropMenu.active li,
	.phoneDropMenu.phone_active li{
		display:block;
	}
}

/* 滚动条 */
.boxscroll {
 	overflow: hidden;
 }
.boxscrollColumn{
	margin-right:3px;
	background:#ccc;
	z-index:999;
	width:5px;
	}
.boxscrollColumn:hover{
	background:#999;
	}
/* 滚动条 End */
.showNavMore ul.moreNav,
.showNavMore .navHideContent{
	display:block !important;
	}


.videoPlayerBtn{
	border-radius:100%;	
	width:70px;
	height:70px;
	background:rgba(0,0,0,0.7);
	background:#000/0;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin:-35px 0 0 -35px;
	text-align:center;
	line-height:70px;
	transition:  0.25s ease-in 0.2s;
	}
.videoPlayerBtn i{
	margin-top:23px;
	display:inline-block;
 	width:0;
	height:0;
	border-width:12px 0 12px 12px;
	border-style:solid;
	border-color: transparent transparent transparent #fff;
	transition:  0.25s ease-in 0s;
	}
.videoPlayerBtn:hover{
 	box-shadow:0 0 30px #5E96F5;
	transition:  0.25s ease-in 0s;
	background:rgba(0,0,0,1);
	}
	
.videoPlayerBtn:hover i{
 	border-color: transparent transparent transparent #5E96F5;
	transition:  0.25s ease-in 0s;
	}
/**/
@media (max-width: 767px) {
	.tipsAlertFoot{
		text-align:center !important;
		padding:10px 15px 20px 15px !important;
		}
	div[role="Confirm"] .tipsAlertFoot .btn{
		width:110px;
		padding:0;
		text-align:center !important;
		margin:0 3px !important;
		line-height:40px !important;
		height:40px !important;
		border-radius:4px;
		font-size:14px;
		}
	div[role="Alert"] .tipsAlertFoot .btn{
		width:auto;
		display:block;
		padding:0;
		text-align:center !important;
		margin:0 !important;
		line-height:40px !important;
		height:40px !important;
		border-radius:4px;
		font-size:14px;
		}
	.tipsAlertText{
		padding:20px 10px 0 10px !important;
		text-align:center;
		font-size:14px;
		min-height:50px;
		}
	.tipsAlert{
		border-radius:5px !important;}
	
	
}