[genuitec-file-id="wc2-1095"],[genuitec-lp-path="/youke/src/main/webapp/static/yk/css/youkeSpecial.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}

@media all and (min-width:1px) and (max-width:749px){
 	.yk-xs-none {
     display: none;
	}
	
	.yk-col-xs-mw200{
	max-width:200px;
	}
	
	.yk-col-xs-1 {
    
	width: calc(100vw/12.9);
    width: -moz-calc(100vw/12.9);
    width: -webkit-calc(100vw/12.9);
	}
	
	.yk-col-xs-2 {
    
	width: calc(100vw/6.9);
    width: -moz-calc(100vw/6.9);
    width: -webkit-calc(100vw/6.9);
	}
	
	.yk-col-xs-3 {
    
	width: calc(100vw/12.9*3);
    width: -moz-calc(100vw/12.9*3);
    width: -webkit-calc(100vw/12.9*3);
	}
	
	.yk-col-xs-4 {
    
	width: calc(100vw/12.9*4);
    width: -moz-calc(100vw/12.9*4);
    width: -webkit-calc(100vw/12.9*4);
	}
	
	.yk-col-xs-5 {
    
	width: calc(100vw/12.9*5);
    width: -moz-calc(100vw/12.9*5);
    width: -webkit-calc(100vw/12.9*5);
	}
	
	.yk-col-xs-6 {
    
	width: calc(100vw/12.9*6);
    width: -moz-calc(100vw/12.9*6);
    width: -webkit-calc(100vw/12.9*6);
	}
	
	.yk-col-xs-7 {
    
	width: calc(100vw/12.9*7);
    width: -moz-calc(100vw/12.9*7);
    width: -webkit-calc(100vw/12.9*7);
	}
	
	.yk-col-xs-8 {
    
	width: calc(100vw/12.9*8);
    width: -moz-calc(100vw/12.9*8);
    width: -webkit-calc(100vw/12.9*8);
	}
	
	.yk-col-xs-9 {
    
	width: calc(100vw/12.9*9);
    width: -moz-calc(100vw/12.9*9);
    width: -webkit-calc(100vw/12.9*9);
	}
	
	.yk-col-xs-10 {
	width: calc(100vw/12.9*10);
    width: -moz-calc(100vw/12.9*10);
    width: -webkit-calc(100vw/12.9*10);
	}
	
	.yk-col-xs-11 {
	width: calc(100vw/12.9*11);
    width: -moz-calc(100vw/12.9*11);
    width: -webkit-calc(100vw/12.9*11);
	}
	
	.yk-col-xs-12 {
	width: calc(100vw/12.9*12);
    width: -moz-calc(100vw/12.9*12);
    width: -webkit-calc(100vw/12.9*12);
	}
	
 }
@media all and (min-width:750px) and (max-width:969px){
 	.yk-sm-none {
     display: none;
	}
	
	.yk-col-sm-mw200{
	max-width:200px;
	}
	
	.yk-col-sm-1 {
    
	width: calc(100vw/12.9);
    width: -moz-calc(100vw/12.9);
    width: -webkit-calc(100vw/12.9);
	}
	
	.yk-col-sm-2 {
    
	width: calc(100vw/6.9);
    width: -moz-calc(100vw/6.9);
    width: -webkit-calc(100vw/6.9);
	}
	
	.yk-col-sm-3 {
    
	width: calc(100vw/12.9*3);
    width: -moz-calc(100vw/12.9*3);
    width: -webkit-calc(100vw/12.9*3);
	}
	
	.yk-col-sm-4 {
    
	width: calc(100vw/12.9*4);
    width: -moz-calc(100vw/12.9*4);
    width: -webkit-calc(100vw/12.9*4);
	}
	
	.yk-col-sm-5 {
    
	width: calc(100vw/12.9*5);
    width: -moz-calc(100vw/12.9*5);
    width: -webkit-calc(100vw/12.9*5);
	}
	
	.yk-col-sm-6 {
    
	width: calc(100vw/12.9*6);
    width: -moz-calc(100vw/12.9*6);
    width: -webkit-calc(100vw/12.9*6);
	}
	
	.yk-col-sm-7 {
    
	width: calc(100vw/12.9*7);
    width: -moz-calc(100vw/12.9*7);
    width: -webkit-calc(100vw/12.9*7);
	}
	
	.yk-col-sm-8 {
    
	width: calc(100vw/12.9*8);
    width: -moz-calc(100vw/12.9*8);
    width: -webkit-calc(100vw/12.9*8);
	}
	
	.yk-col-sm-9 {
    
	width: calc(100vw/12.9*9);
    width: -moz-calc(100vw/12.9*9);
    width: -webkit-calc(100vw/12.9*9);
	}
	
	.yk-col-sm-10 {
	width: calc(100vw/12.9*10);
    width: -moz-calc(100vw/12.9*10);
    width: -webkit-calc(100vw/12.9*10);
	}
	
	.yk-col-sm-11 {
	width: calc(100vw/12.9*11);
    width: -moz-calc(100vw/12.9*11);
    width: -webkit-calc(100vw/12.9*11);
	}
	
	.yk-col-sm-12 {
	width: calc(100vw/12.9*12);
    width: -moz-calc(100vw/12.9*12);
    width: -webkit-calc(100vw/12.9*12);
	}

	
 }
@media all and (min-width:970px) and (max-width:1169px){
 	.yk-md-none {
     display: none;
	}
	
	.yk-col-md-mw200{
	max-width:200px;
	}
	
	.yk-col-md-1 {
    
	width: calc(100vw/12.9);
    width: -moz-calc(100vw/12.9);
    width: -webkit-calc(100vw/12.9);
	}
	
	.yk-col-md-2 {
    
	width: calc(100vw/6.9);
    width: -moz-calc(100vw/6.9);
    width: -webkit-calc(100vw/6.9);
	}
	
	.yk-col-md-3 {
    
	width: calc(100vw/12.9*3);
    width: -moz-calc(100vw/12.9*3);
    width: -webkit-calc(100vw/12.9*3);
	}
	
	.yk-col-md-4 {
    
	width: calc(100vw/12.9*4);
    width: -moz-calc(100vw/12.9*4);
    width: -webkit-calc(100vw/12.9*4);
	}
	
	.yk-col-md-5 {
    
	width: calc(100vw/12.9*5);
    width: -moz-calc(100vw/12.9*5);
    width: -webkit-calc(100vw/12.9*5);
	}
	
	.yk-col-md-6 {
    
	width: calc(100vw/12.9*6);
    width: -moz-calc(100vw/12.9*6);
    width: -webkit-calc(100vw/12.9*6);
	}
	
	.yk-col-md-7 {
    
	width: calc(100vw/12.9*7);
    width: -moz-calc(100vw/12.9*7);
    width: -webkit-calc(100vw/12.9*7);
	}
	
	.yk-col-md-8 {
    
	width: calc(100vw/12.9*8);
    width: -moz-calc(100vw/12.9*8);
    width: -webkit-calc(100vw/12.9*8);
	}
	
	.yk-col-md-9 {
    
	width: calc(100vw/12.9*9);
    width: -moz-calc(100vw/12.9*9);
    width: -webkit-calc(100vw/12.9*9);
	}
	
	.yk-col-md-10 {
	width: calc(100vw/12.9*10);
    width: -moz-calc(100vw/12.9*10);
    width: -webkit-calc(100vw/12.9*10);
	}
	
	.yk-col-md-11 {
	width: calc(100vw/12.9*11);
    width: -moz-calc(100vw/12.9*11);
    width: -webkit-calc(100vw/12.9*11);
	}
	
	.yk-col-md-12 {
	width: calc(100vw/12.9*12);
    width: -moz-calc(100vw/12.9*12);
    width: -webkit-calc(100vw/12.9*12);
	}

	
 }
@media all and (min-width:1170px) and (max-width:1199px){
 	.yk-lg-none {
     display: none;
	}
	
	.yk-col-lg-mw200{
	max-width:200px;
	}
	
	.yk-col-lg-1 {
    
	width: calc(100vw/12.9);
    width: -moz-calc(100vw/12.9);
    width: -webkit-calc(100vw/12.9);
	}
	
	.yk-col-lg-2 {
    
	width: calc(100vw/12.9*2);
    width: -moz-calc(100vw/12.9*2);
    width: -webkit-calc(100vw/12.9*2);
	}
	
	.yk-col-lg-3p2 {
    
	width: calc(100vw/4.755);
    width: -moz-calc(100vw/4.755);
    width: -webkit-calc(100vw/4.755);
	}
	
	.yk-col-lg-3 {
    
	width: calc(100vw/12.9*3);
    width: -moz-calc(100vw/12.9*3);
    width: -webkit-calc(100vw/12.9*3);
	}
	
	.yk-col-lg-4 {
    
	width: calc(100vw/12.9*4);
    width: -moz-calc(100vw/12.9*4);
    width: -webkit-calc(100vw/12.9*4);
	}
	
	.yk-col-lg-5 {
    
	width: calc(100vw/12.9*5);
    width: -moz-calc(100vw/12.9*5);
    width: -webkit-calc(100vw/12.9*5);
	}
	
	.yk-col-lg-6 {
    
	width: calc(100vw/12.9*6);
    width: -moz-calc(100vw/12.9*6);
    width: -webkit-calc(100vw/12.9*6);
	}
	
	.yk-col-lg-7 {
    
	width: calc(100vw/12.9*7);
    width: -moz-calc(100vw/12.9*7);
    width: -webkit-calc(100vw/12.9*7);
	}
	
	.yk-col-lg-8 {
    
	width: calc(100vw/12.9*8);
    width: -moz-calc(100vw/12.9*8);
    width: -webkit-calc(100vw/12.9*8);
	}
	
	.yk-col-lg-9 {
    
	width: calc(100vw/12.9*9);
    width: -moz-calc(100vw/12.9*9);
    width: -webkit-calc(100vw/12.9*9);
	}
	
	.yk-col-lg-10 {
	width: calc(100vw/12.9*10);
    width: -moz-calc(100vw/12.9*10);
    width: -webkit-calc(100vw/12.9*10);
	}
	
	.yk-col-lg-11 {
	width: calc(100vw/12.9*11);
    width: -moz-calc(100vw/12.9*11);
    width: -webkit-calc(100vw/12.9*11);
	}
	
	.yk-col-lg-12 {
	width: calc(100vw/12.9*12);
    width: -moz-calc(100vw/12.9*12);
    width: -webkit-calc(100vw/12.9*12);
	}
	

 }
 
 @media all and (min-width:1200px){
 	.yk-lg-none {
     display: none;
	}
	
	.yk-col-lg-mw200{
	max-width:200px;
	}
	
	.yk-col-lg-1 {
    
	width: calc(1200px/12.9);
    width: -moz-calc(1200px/12.9);
    width: -webkit-calc(1200px/12.9);
	}
	
	.yk-col-lg-2 {
    
	width: calc(1200px/12.9*2);
    width: -moz-calc(1200px/12.9*2);
    width: -webkit-calc(1200px/12.9*2);
	}
	
	.yk-col-lg-3p2 {
    
	width: calc(1200px/4.755);
    width: -moz-calc(1200px/4.755);
    width: -webkit-calc(1200px/4.755);
	}
	
	.yk-col-lg-3 {
    
	width: calc(1200px/12.9*3);
    width: -moz-calc(1200px/12.9*3);
    width: -webkit-calc(1200px/12.9*3);
	}
	
	.yk-col-lg-4 {
    
	width: calc(1200px/12.9*4);
    width: -moz-calc(1200px/12.9*4);
    width: -webkit-calc(1200px/12.9*4);
	}
	
	.yk-col-lg-5 {
    
	width: calc(1200px/12.9*5);
    width: -moz-calc(1200px/12.9*5);
    width: -webkit-calc(1200px/12.9*5);
	}
	
	.yk-col-lg-6 {
    
	width: calc(1200px/12.9*6);
    width: -moz-calc(1200px/12.9*6);
    width: -webkit-calc(1200px/12.9*6);
	}
	
	.yk-col-lg-7 {
    
	width: calc(1200px/12.9*7);
    width: -moz-calc(1200px/12.9*7);
    width: -webkit-calc(1200px/12.9*7);
	}
	
	.yk-col-lg-8 {
    
	width: calc(1200px/12.9*8);
    width: -moz-calc(1200px/12.9*8);
    width: -webkit-calc(1200px/12.9*8);
	}
	
	.yk-col-lg-9 {
    
	width: calc(1200px/12.9*9);
    width: -moz-calc(1200px/12.9*9);
    width: -webkit-calc(1200px/12.9*9);
	}
	
	.yk-col-lg-10 {
	width: calc(1200px/12.9*10);
    width: -moz-calc(1200px/12.9*10);
    width: -webkit-calc(1200px/12.9*10);
	}
	
	.yk-col-lg-11 {
	width: calc(1200px/12.9*11);
    width: -moz-calc(1200px/12.9*11);
    width: -webkit-calc(1200px/12.9*11);
	}
	
	.yk-col-lg-12 {
	width: calc(1200px/12.9*12);
    width: -moz-calc(1200px/12.9*12);
    width: -webkit-calc(1200px/12.9*12);
	}
	

 }
 
 
 
@media all and (max-width:1670px){	
	.row00{
	display:block !important;
	width: 100%;
	}
 }
@media all and (min-width:1171px){
 	.row00{
	display:none;
	}

 }

.yk-course-display{
	display: none;
}
.yk-course-display.yk-show{
	display: block;
}

.br-course-display{
	display: none;
}
.br-course-display.br-show{
	display: block;
}

.yk-full{
	height:100% !important;
	width: 100% !important;
}

.yk-core-content{
	width: 100%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

.ykbox{
	display: -webkit-flex; /*在webkit内核的浏览器上使用要加前缀*/
    display: flex || inline-flex;    
}
.justify-content-between {
	display: flex;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    flex-wrap:wrap;
}

.content-left{
	text-align: left;
}

.content-center{
	text-align: center;
}

.content-right{
	text-align: right;
}

.block-right{
	margin-left: auto;
}

.ykbox img{
	width:100%; 
}

.ykbox .slide{
	width: 100%;
	height: 100%;
}

.yk-nav-top-icon .active::after {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 0px;
    height: 0px;
    margin-left: -5px;
    vertical-align: middle;
    content: " ";
    border-right: 5px solid transparent;
    border-bottom: 5px solid;
    border-left: 5px solid transparent;
}
.ykbox .yk-anti-ykbox{
	flex: none;
	
}
.yk-diplay-none{
	display: none;
}

/*测试区 */
.yk-anti-row,.yk-anti-row.row{
	margin-left: 0px;
	margin-right: 0px;
}
.yk-rolling-area-p1,.yk-rolling-area-p2{
	float: left;
}
.yk-anti-col{
	padding-left: 0px;
	padding-right: 0px;
}
.yk-rolling-area-p1{
	width: 13px;
	margin-top: auto;
	margin-bottom: auto;
}
.yk-rolling-area-p2{
	width: calc(100% - 26px);
    width: -moz-calc(100% - 26px);
    width: -webkit-calc(100% - 26px);
}
.yk-rolling-area{
	/*
	border-width: 2px;
	border-style:solid;
	border-color: black; 
	*/
	
	overflow:hidden;
	
	
}
.yk-rolling-div{
	display: flex;
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    flex-wrap:nowrap;
    
   /*  transform:translateX(-18%);*/
  /*   -ms-transform:translateX(-18%);	/* IE 9 */
/* 	-moz-transform:translateX(-18%);	/* Firefox */
/* 	-webkit-transform:translateX(-18%); /* Safari 和 Chrome */
/* 	-o-transform:translateX(-18%); 	/* Opera */
    -webkit-transition: transform .5s ease .1s;
	transition: transform .5s ease .1s;
    
    height: 100%;
}

.yk-rolling-area .yk-box-s{
	/*
	border-color: blue;
	border-width: 2px;
	border-style:solid;
	*/
	
	display: -webkit-flex; /*在webkit内核的浏览器上使用要加前缀*/
    display: flex || inline-flex;
    height:100%;
    width: calc(100% / 6);
    width: -moz-calc(100% / 6);
    width: -webkit-calc(100% / 6);  
    min-width: calc(100% / 6);
    min-width: -moz-calc(100% / 6);
    min-width: -webkit-calc(100% / 6);  
    
}

.yk-rolling-area .yk-box-sw3{
	/*
	border-color: blue;
	border-width: 2px;
	border-style:solid;
	*/
	
	display: -webkit-flex; /*在webkit内核的浏览器上使用要加前缀*/
    display: flex || inline-flex;
    height:100%;
    width: calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: -webkit-calc(100% / 3);  
    min-width: calc(100% / 3);
    min-width: -moz-calc(100% / 3);
    min-width: -webkit-calc(100% / 3);  
    
}

.yk-rolling-area .yk-box-sw4{
	/*
	border-color: blue;
	border-width: 2px;
	border-style:solid;
	*/
	
	display: -webkit-flex; /*在webkit内核的浏览器上使用要加前缀*/
    display: flex || inline-flex;
    height:100%;
    width: calc(100% / 4);
    width: -moz-calc(100% / 4);
    width: -webkit-calc(100% / 4);  
    min-width: calc(100% / 4);
    min-width: -moz-calc(100% / 4);
    min-width: -webkit-calc(100% / 4);  
    
}

/*测试区 END*/

/*按钮样式*/
.br-btn-viewInfo{
	font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	padding:13px 21px 11px 21px;
	letter-spacing: 0px;
	color: #2bc17b;
	border-radius: 4px;
	border: solid 1px #2bc17b;
	background-color: transparent;
}
.br-btn-viewInfo:HOVER{
	background-color: #2bc17b;
	color: #ffffff;
}
/*按钮样式END*/


/*失效区*/
.amap-marker-label{
	background-color: transparent;
	border-width:0px;
}
.info{
	width: auto;
	min-width: 10rem;
	box-shadow: 2px 2px 6px 0px rgba(126,183,252,0.5);
}
/*失效区END */

.yk-qq-icon{
	font-family: 'Glyphicons Halflings';
	background: url("../../images/qq.svg") no-repeat;
}

.yk-qqzone-icon{
	font-family: 'Glyphicons Halflings';
	background: url("../../images/qqzone.svg") no-repeat;
}

.yk-weibo-icon{
	font-family: 'Glyphicons Halflings';
	background: url("../../images/weibo.svg") no-repeat;
}

.yk-weixin-icon{
	font-family: 'Glyphicons Halflings';
	background: url("../../images/weixin.svg") no-repeat;
}

.yk-personal-icon{
	
	background: url("../../images/yk-personal.svg") no-repeat;
}

.yk-lock-icon{
	
	background: url("../../images/yk-lock.svg") no-repeat;
}

.yk-telphone-icon{
	
	background: url("../../images/yk-telphone.svg") no-repeat;
}

.yk-vcode-icon{
	
	background: url("../../images/yk-vcode.svg") no-repeat;
}

.yk-message-icon{
	
	background: url("../../images/yk-message.svg") no-repeat;
}

.txbox{
	max-width:200px;
	max-height: 120px;	
	width: calc(20vw);
    width: -moz-calc(20vw);
    width: -webkit-calc(20vw);    
    height: calc(20vw/20*12);
    height: -moz-calc(20vw/20*12);
    height: -webkit-calc(20vw/20*12);
}

#p1
{
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari 和 Chrome */
box-flex:1.0;
border:1px solid red;
width: 200px;
}
#p2
{
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari 和 Chrome */
box-flex:1.0;
border:1px solid red;
}

.Isolation-Area10px{
	height: 10px;
}
#idts{
display: block !important;	
}


.pl2{
	width: 100%;
	height: 100%;
	background-color: red;
	
}
.pl1{
	width: 120px;
	--width: calc(10vw);
	
    height: calc( var(--width) / 4 *3);
    height: -moz-calc( var(--width) / 4 *3);
  	height: -webkit-calc( var(--width) / 4 *3);
}
.pl0{
	width: 200px;
	height: 200px;
}