body{font-family: "Microsoft Yahei";position: relative;}
.fixedBg{width: 100%;position: fixed;top: 0;left: 0;z-index: 1;background: url(../images/youthModel5/headBg.jpg) no-repeat center;background-size: cover;}
.arrow{position: fixed;width: 29px;height: 27px;left: 50%;bottom:8%;background: url(../images/youthModel5/arrow.png) no-repeat center;background-size: cover;-webkit-transform:translate(-50%,0);z-index: 2;-webkit-animation:slide 1.6s infinite ease-out;}
.main{position: relative;left: 0;top: 0;z-index: 100;}
.layer{width: 100%;background-color: transparent;}
.content{position: relative;background-color: #f3f3f3;}
.mini-nav{display: -webkit-box;-webkit-box-align:center;-webkit-box-pack:center;border-top: 2px solid #e0e0e0;overflow: hidden;background-color: #fff;box-shadow: 0 1px 4px #e9e9e9;}
.mini-nav > span{-webkit-box-flex:1;display: block;position: relative;color: #5f5f5f;font-size: .28rem;height: .75rem;line-height: .75rem;text-align: center;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;-webkit-transform:translate(0,-50%);}
.mini-nav > span:last-child:after{display: none;}
.mini-nav > .nav-current-item{color:#4ab7df; border-color:#4ab7df;}

.intro-content{margin-top: .3rem;background-color: #fff;overflow: hidden;box-shadow: 0 1px 4px #e9e9e9, 0 5px 6px #ebebeb, 0 7px 10px #eeeeee;}
.intro-content > h3{border-bottom: 3px solid #f7f7f7;background: #fff;font-size: .28rem;color: #000;padding: 0 .18rem;height: .64rem;line-height: .64rem;}
.intro-content > h3:before{content:'';display: inline-block;width: 10px;height: 10px;background-color: #4cbde6;margin-right: 10px;border-radius: 50%;}
.intro-content > p{font-size: .26rem;line-height: .36rem;padding: 0 .18rem;text-indent: 2em;text-align: justify;}
.intro-content > p:nth-of-type(1){margin-top: .36rem;}
.intro-content > p:last-child{margin-bottom: .36rem;}
.video-container{height: 3.6rem;background-color: #000;position: relative;margin: .36rem 0;}
.video-container > video{width: 100%;height: 100%;display: none;}
.video-container > .video-play{position: absolute;left: 50%;top: 50%;width: 1.07rem;height: 1.07rem;background: url(../images/youthModel5/video-btn.png) no-repeat center;background-size: cover;-webkit-transform:translate(-50%,-50%);}
.intro-content > .header-photo{margin-top: .2rem;text-align: center;}
.intro-content > .header-photo:after{content: attr(data-name);display: block;}
.intro-content > .header-photo > img{width: 1.61rem;height: 1.61rem;border-radius: 50%;display: inline-block;}
.dialog ul{margin: .3rem .56rem;}
.dialog ul li{margin-top: .3rem;position: relative;}
.dialog ul li:first-child{margin-top: 0;}
.dialog ul > li:nth-of-type(odd):before,.dialog ul > li:nth-of-type(even):before{content: '';display: block;width: .64rem;height: .64rem;position: absolute;top: 0;}
.dialog ul > li:nth-of-type(odd):before{left: -12px;background: url(../images/youthModel5/mini-head1.png) no-repeat center;background-size: contain;}
.dialog ul > li:nth-of-type(even):before{right: -12px;background: url(../images/youthModel5/mini-head2.png) no-repeat center;background-size: contain;}
.dialog ul > li > p{border:1px solid;color: #595858;font-size: .24rem;line-height: .34rem;padding: .18rem;text-align: justify;border-radius: 6px;max-width: 4.24rem;position: relative;box-shadow: 0 1px 1px #e4e4e4, 0 1px 1px #f6f6f6}
.dialog ul > li > p >span{font-weight: bold;}
.dialog ul > li:nth-of-type(odd) > p{background: #ebf1f8;border-color: #d5d9de;margin-left: .64rem; }
.dialog ul > li:nth-of-type(even) > p{background: #cfebf7;border-color: #95bbd6;margin-left: 0;}
.dialog ul > li > p:before,.dialog ul > li > :after{content: "";display: block;position: absolute;border-style: solid;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 0px 6px 8px;border-color: transparent transparent transparent #cfebf7 ;top: 7px;right: -8px;}
.swipe-container{position: relative;}
.swipe-before,.swipe-after{position: absolute;display: block;width: .24rem;height: .6rem;top: 50%;-webkit-transform:translate(0,-50%);}
.swipe-before{left: .16em;background: url(../images/youthModel5/to-left.png) no-repeat center;background-size: contain;}
.swipe-after{right: .16rem;background: url(../images/youthModel5/to-right.png) no-repeat center;background-size: contain;}
.swipe-wrap{position: relative;margin: .36rem .54rem .16rem;overflow: hidden;}
.swipe-wrap > .swipe{overflow: hidden;position: relative;height: 4.06rem;background: #f3f3f3;}
.swipe-wrap > .swipe > .swipe-item{float: left;width: 100%;height: 100%;position: relative;}
.swipe-wrap > .swipe > .swipe-item > a{border:4px solid #bbe6f5;position: relative;}
.swipe-wrap > .swipe > .swipe-item > a:after{display: block;content: attr(data-title);text-align: center;font-size: .24rem;background: rgba(0,0,0,0.5);height: .46rem;line-height: .46rem;color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;}
.swipe-wrap > .swipe > .swipe-item > a,.swipe-wrap > .swipe > .swipe-item > a > img{display: block;height: 100%;width:100%;margin: 0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;}
.swipe-btn{text-align: center;font-size: .18rem;padding: .15rem 0;}
.swipe-btn > span{display: inline-block;}
.swipe-btn > span:first-child{color: #1ca7d9;}
.swipe-btn > span:last-child:before{content:'/';margin: 0 6px;}

.down-wrap{width: 100%;background-color: #efd480;padding-top: 1px;}
.down-center{background-color: #eac656;border-radius: 6px;width: 6.2rem;margin: .28rem auto 0;padding: .15rem 0;}
.logo{width: .62rem;height: .82rem;background: url(../images/youthModel5/logo.png) no-repeat center;background-size: cover;position: absolute;left: 0;top: 0;}
.down-flex{width: 6.3rem;margin-left: -.05rem;height: 2.86rem;background: url(../images/youthModel5/down-center-bg.png) no-repeat center;background-size:cover;font-size: .22rem;color: #651715;text-align: center;display: -webkit-box;-webkit-box-align:center;-webkit-box-pack: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: .2rem auto 0;width: 1.96rem;height: .57rem;background: url(../images/youthModel5/down-btn.png) no-repeat center;background-size: contain;}
.code{width: 1.54rem;height: 1.54rem;border: 3px solid #fae7d3;display: inline-block;}
.code img{width: 100%;height: 100%;}

.list{width: 6rem;margin: .36rem auto 0;}
.list > a{display: -webkit-box;-webkit-box-align:center;-webkit-box-pack:center;margin-top: .22rem;min-height: 1.1rem;background-color: #fff;}
.list > a > img{display: block;width: 1.2rem;height: 1.2rem;}
.list > a > h3{-webkit-box-flex:1;padding-left: .2rem;}
.list > a > h3 > span{display: block;color: #484849;font-size: .26rem;width: 100%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.list > a > h3 > i{font-size: .2rem;color: #6c6c6c;}
.list > a > span{display: block;width: .75rem;height: .25rem;background: url(../images/youthModel5/mini-triangle.png) no-repeat center;background-size: contain;}

.img-box{position: fixed;top: 0;left: 0;width:100%;height:100%;background-color:#000;z-index: 1000;display: none;-webkit-box-align:center;-webkit-box-pack:center;}
.img-box img{display: block;-webkit-box-flex:1;width: 100%;}


@-webkit-keyframes slide{
	0%{
		opacity: 0;
		-webkit-transform:translate(-50%,20px);
	}
	50%{
		opacity: 1;
		-webkit-transform:translate(-50%,0px);
	}
	100%{
		opacity: 0;
		-webkit-transform:translate(-50%,-20px);
	}

}