@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-03-17 17:54:18
 * @version $Id$
 */
html{background: #f3f3f3;}
.poster{width:100%;height:100%; overflow:hidden; position:fixed; z-index:1;
	background:url(../images/youthModel/poster-min.png) no-repeat center; background-size:cover;
}
.layer{width:100%;height:100%;overflow:hidden; background:transparent; position:relative; z-index:1;}
.arrow{width: 29px; height: 27px;
    background: url(../images/youthModel/arrow.png) no-repeat; background-size: 29px auto;
    position: fixed; left: 50%; bottom: 8%;
	-ms-transform:translateY(0,-50%,0);
	-moz-transform:translateY(0,-50%,0);
	-webkit-transform:translateY(0,-50%,0);
	-o-transform:translateY(0,-50%,0);
		transform:translateY(0,-50%,0);
    z-index: 2;
    -webkit-animation: arrowSlide 1.6s infinite ease-out;
}
@-webkit-keyframes arrowSlide{
	0%{ opacity: 0; -webkit-transform: translateY(20px);}
	50%{ opacity: 1; -webkit-transform: translateY(0);}
	100%{ opacity: 0; -webkit-transform: translateY(-20px);}
}
@-webkit-keyframes loading{
	0%{ -webkit-transform: rotate(0deg);}
	100%{ -webkit-transform: rotate(359deg);}
}
.container{position:relative; z-index:100;background-color:transparent;}
.main{overflow:hidden; background: #f3f3f3; position:relative; z-index:100;visibility: hidden;}

.mini-nav{
	display:-moz-box;
	-moz-box-align:center;
	-moz-box-pack:center;
	display:-webkit-box;
	-webkit-box-align:center;
	-webkit-box-pack:center;
	display:box;
	box-align:center;
	box-pack:center;
	display:-ms-flexbox;
	-ms-flex-align:center;
	-ms-flex-pack:center;
	border-top:2px solid #e0e0e0; overflow:hidden; background:#ffffff;
	box-shadow:0 1px 4px #e9e9e9, 0 5px 6px #ebebeb, 0 7px 10px #eeeeee;
}
.mini-nav > span{display:block; text-align:center; position:relative; font-size:.28rem; color:#5f5f5f; height:.75rem; line-height:.75rem;
	-moz-box-flex:1.0;
	-webkit-box-flex:1.0;
	box-flex:1.0;
	-ms-flex: 1.0;
	border-width:0 0 2px 0; border-style:solid; border-color:#fff;
}
.mini-nav > span:after{content:'';display:inline-block; width:2px; height:.46rem; background: #bfbfbf;
	position:absolute; top: 50%; right:0;
	-ms-transform:translate3d(0,-50%,0);
	-moz-transform:translate3d(0,-50%,0);
	-webkit-transform:translate3d(0,-50%,0);
	-o-transform:translate3d(0,-50%,0);
		transform:translate3d(0,-50%,0);
}
.mini-nav > span:last-child:after{display:none;}
.mini-nav > .nav-item-current{color:#4ab7df; border-color:#4ab7df;}

.content{margin-top:.30rem; background:#fff; overflow:hidden;
	box-shadow:0 1px 4px #e9e9e9, 0 5px 6px #ebebeb, 0 7px 10px #eeeeee;
}
.content > h3{border-bottom:3px solid #f7f7f7; background:#ffffff; font-size:.28rem; color:#000000; height:.64rem;
	line-height:.64rem; padding: 0 .18rem;
}
.content > h3:before{content:''; display:inline-block; width:10px; height:10px;border-radius:50%;
	background:#4cbde6; margin-right: 10px;
}
.content > p{padding: 0 .18rem; text-indent:2em; font-size:.26rem; line-height:.36rem; text-align:justify;}
.content > p:nth-of-type(1){margin-top:.36rem;}
.content > p:last-child{margin-bottom:.36rem;}
.content > .video-container{height:3.60rem; background:#333; margin:.36rem 0; position:relative;}
.content > .video-container > video{display:block; width:100%; height:100%; display:none;}
.content > .video-container > .video-play{display:block; width:1.07rem;height:1.07rem; position:absolute; top: 50%; left:50%;
	background:url(../images/youthModel/video-btn.png) no-repeat center; background-size:contain;
	-ms-transform:translate3d(-50%,-50%,0);
	-moz-transform:translate3d(-50%,-50%,0);
	-webkit-transform:translate3d(-50%,-50%,0);
	-o-transform:translate3d(-50%,-50%,0);
		transform:translate3d(-50%,-50%,0);
}
.content > .header-photo{text-align:center; margin-top:.20rem;}
.content > .header-photo:before,
.content > .header-photo:after{display:block;}
.content > .header-photo > img{width:1.61rem; height:1.61rem; border-radius:50%; display:inline-block;}
.content > .header-photo:after{content:attr(data-name);}
.dialog ul{margin:.30rem .56rem;}
.dialog ul > li{margin-top:.30rem; position:relative;}
.dialog ul > li:first-child{margin-top:0;}
.dialog ul > li > p{border:1px solid; color:#595858; font-size:.24rem; line-height:.34rem; text-align:justify;
	padding:.18rem; border-radius:6px; position:relative;
	box-shadow: 0 1px 1px #e4e4e4, 0 1px 1px #f6f6f6; max-width:4.24rem;
}
.dialog ul > li:nth-of-type(odd) > p{background:#ebf1f8;border-color:#d5d9de; margin-left:.64rem;}
.dialog ul > li:nth-of-type(odd) > p > span{/* color:#ffe2a5; */ font-weight:bold;}
.dialog ul > li:nth-of-type(even) > p{background:#cfebf7;border-color:#95bbd6; margin-left:0;}
.dialog ul > li:nth-of-type(even) > p > span{/* color:#2aa1cc; */ font-weight:bold;}
.dialog ul > li > p:before,
.dialog ul > li > p:after{display:block;content:'';border-style:solid; position:absolute; border-color:inherit;
	width:0; height:0; overflow:hidden;
}
.dialog ul > li:nth-of-type(odd) > p:before{border-width:7px 9px 7px 0;
	border-color:transparent #d8dce1 transparent transparent;
	top:6px;left:-9px;
}
.dialog ul > li:nth-of-type(odd) > p:after{border-width:6px 8px 6px 0;
	border-color:transparent #ebf1f8 transparent transparent;
	top:7px ;left:-8px;
}

.dialog ul > li:nth-of-type(even) > p:before{border-width:7px 0 7px 9px;
	border-color:transparent transparent transparent #95bbd6;
	top:6px;right:-9px;
}
.dialog ul > li:nth-of-type(even) > p:after{border-width:6px 0 6px 8px;
	border-color:transparent transparent transparent #cfebf7;
	top:7px ;right:-8px;
}

.dialog ul > li:nth-of-type(odd):before,
.dialog ul > li:nth-of-type(even):before{display:block; content:''; width:.64rem; height:.64rem;
	position:absolute; top: 0;
}
.dialog ul > li:nth-of-type(odd):before{left:-12px; 
	background:url(../images/youthModel/mini-header-01.png) no-repeat center;
	background-size:contain;
}
.dialog ul > li:nth-of-type(even):before{right:-12px;
	background:url(../images/youthModel/mini-header-02.png) no-repeat center;
	background-size:contain;
}
.down-center{background:#fff; border-radius:6px; width:6.20rem; margin:.28rem auto 0;
	padding:.15rem 0;
}
.logo{width: .65rem;height: .84rem;background: url(../images/youthModel/logo.png) no-repeat center;background-size: cover;position: absolute;left: 0;top: 0;}
.down-center > .down-flex{
	width:6.30rem; margin-left:-.05rem;
    background: url(../images/youthModel/down-center-bg.png) no-repeat center;
    background-size: cover;
    height: 2.86rem;
    display: -moz-box;
    /* -moz-box-pack: center; */
    -moz-box-align: center;
    display: -webkit-box;
    /* -webkit-box-pack: center; */
    -webkit-box-align: center;
    display: box;
    /* box-pack: center; */
    box-align: center;
    display: -ms-flexbox;
    /* -ms-flex-pack: center; */
    -ms-flex-align: center;
    font-size:.22rem; color:#fff; text-align:center;
}
.down-center > .down-flex > .down-flex-items:nth-of-type(1){margin-left:.05rem; width:2.94rem;position: relative;}
.down-center > .down-flex > .down-flex-items:nth-of-type(2){margin-left:.14rem; width:3.14rem;}
.down-center > .down-flex > .down-flex-items:nth-of-type(1) > a{display:block; margin:.20rem auto 0;
	width:1.96rem; height:.57rem; background:url(../images/youthModel/down-btn.png); background-size:contain;
}
.down-center > .down-flex > .down-flex-items:nth-of-type(2) > .qr-code{
	width: 1.54rem; height: 1.54rem;/* border: 3px solid #87c6de; */display: inline-block;
}
.down-center > .down-flex > .down-flex-items:nth-of-type(2) > .qr-code > img{display:block; width:100%; height:100%;}
.list{margin:.36rem auto 0; width:5.44rem;}
.list > a{display:block;
	display: -moz-box;
    /* -moz-box-pack: center; */
    -moz-box-align: center;
    display: -webkit-box;
    /* -webkit-box-pack: center; */
    -webkit-box-align: center;
    display: box;
    /* box-pack: center; */
    box-align: center;
    display: -ms-flexbox;
    /* -ms-flex-pack: center; */
    -ms-flex-align: center;
    min-height:1.10rem; background:#ffffff; margin-top:.22rem;
}
.list > a > img{display:block; width:1.10rem; height:1.10rem;}
.list > a > h3{
	-moz-box-flex:1.0;
	-webkit-box-flex:1.0;
			-ms-flex:1;
			box-flex:1.0;
	padding-left:.20rem;
}
.list > a > h3 > span{display:block; color:#484849; font-size:.26rem;}
.list > a > h3 > i{font-size:.20rem;color:#6b6c6c;}
.list > a > span{display:block; width:.75rem; height:.25rem;
	background:url(../images/youthModel/mini-triangle.png) no-repeat center; background-size:contain;
}
.list > a:last-child{margin-bottom: 1.50rem;}

.swipe-wrap {overflow: hidden; visibility: hidden; position: relative; margin:.36rem .54rem .16rem;}
.swipe-wrap > .swipe {overflow: hidden; position: relative; height:4.06rem; background:#f3f3f3;}
.swipe-wrap > .swipe > .swipe-item {float: left; width: 100%; position: relative; height:100%;
	/* border:4px solid #fff; */
}
/* swipe-item类——滑动元素上做样式变换，swipe还是有bug */
.swipe-wrap > .swipe > .swipe-item.current{/* border-color:#bbe6f5; */}
.swipe-wrap > .swipe > .swipe-item > a,
.swipe-wrap > .swipe > .swipe-item > a > img{display:block; height:100%; margin:0 auto;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.swipe-wrap > .swipe > .swipe-item > a > img{width: 100%;}
.swipe-wrap > .swipe > .swipe-item > a{position:relative;}
.swipe-wrap > .swipe > .swipe-item > a:after{content:attr(data-title);display:block; text-align:center;
	background:rgba(0,0,0,.5); font-size:.24rem; line-height:.46rem; color:#ffffff; position:absolute; bottom:0;left:0; width:100%;
}
.swipe-wrap > .swipe > .swipe-item > a{border:4px solid #fff;}
.swipe-wrap > .swipe > .swipe-item.current > a{border-color:#bbe6f5;}
.swipe-wrap > .swipe-btn{text-align:center; font-size:.18rem; padding:.15rem 0;}
.swipe-wrap > .swipe-btn > span{display:inline-block;}
.swipe-wrap > .swipe-btn > span:first-child{color:#1ca7d9;}
.swipe-wrap > .swipe-btn > span:last-child:before{content:'/'; margin:0 6px;}
.swipe-container{position:relative;}
.swipe-before,
.swipe-after{display:block; position:absolute; width:.24rem; height:.60rem; top: 50%;
	-ms-transform:translate3d(0,-50%,0);
	-moz-transform:translate3d(0,-50%,0);
	-webkit-transform:translate3d(0,-50%,0);
	-o-transform:translate3d(0,-50%,0);
		transform:translate3d(0,-50%,0);
	margin-top: -.30rem;
}
.swipe-before{background:url(../images/youthModel/to-left.png) no-repeat center; background-size:contain; left:.16rem;}
.swipe-after{background:url(../images/youthModel/to-right.png) no-repeat center; background-size:contain; right:.16rem;}


.img-preview{
	position: fixed; top: 0; left: 0; z-index: -1024; opacity: 0; background-color: #000;
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-pack: center;
    box-align: center;
    /* overflow:scroll; */
    max-height:100%;
}
.img-preview > img{display:block;height:auto;width:100%;
	-moz-box-flex:1.0;
	-webkit-box-flex:1.0;
			-ms-flex:1;
			box-flex:1.0;
}

#vvCommentM{margin-top:.30rem;}