﻿.clearfix:after{
	content:"";
	height:0;
　　line-height:0;
　　display:block;
　　visibility:hidden;
　　clear:both;
}

.clearfix{
　　zoom:1;
}
.cdtc{
	width:100% !important;
}
.index_nav ul{
	width:100% !important;
}
.index_nav ul li{
	width:20% !important;
}
.position_r{
	position:relative;
}


/**术后事项1**/
.GR{
	position:relative;
	width:27.4rem;
	height:10.35rem;
	background:url(../images/GR_bg.jpg)no-repeat;
	background-size:100% 100%;
	border-radius:1.5rem;
	margin:-2.15rem auto 0;
	box-shadow:0 .5rem .5rem #ffeaeb;
	font-size:1rem;
	color:#5d5d5d;
}
.GR_item span{
	position:relative;
	display:inline-block;
	width:1.1rem;
	height:1.1rem;
	border-radius:50%;
	margin-right:.9rem;
}
.GR_item span:after{
	position:absolute;
	top:.3rem;
	left:.3rem;
	display:inline-block;
	content:"";
	width:.5rem;
	height:.5rem;
	background:url(../images/gou.png)no-repeat;
	background-size:100% 100%;
}
.GR_left,.GR_right{
	margin-left:2.5rem;
	line-height:2.2rem;
	margin-top:1rem;
}
.GR_left>.GR_item:nth-child(1) span{
	background:#aa3bf2;
}
.GR_left>.GR_item:nth-child(2) span{
	background:#ff6b80;
}
.GR_left>.GR_item:nth-child(3) span{
	background:#ffea03;
}
.GR_right>.GR_item:nth-child(1) span{
	background:#39bbff;
}
.GR_right>.GR_item:nth-child(2) span{
	background:#7ed64e;
}
.GR_right>.GR_item:nth-child(3) span{
	background:#ffa84e;
}
.GR_btn{
	position:absolute;
	left:5.5rem;
	bottom:-1.8rem;
	width:17.35rem;
	height:3.65rem;
	line-height:3.65rem;
	font-size:1.4rem;
	color:#fff;
	text-align:center;
	background: -ms-linear-gradient(top, #ffca6f,  #ff5780);
	background:-moz-linear-gradient(top,#ffca6f,#ff5780);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffca6f), to(#ff5780)); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffca6f), to(#ff5780));
	background: -webkit-linear-gradient(top, #ffca6f, #ff5780);
	background: -o-linear-gradient(top, #ffca6f, #ff5780);
	border-radius:2rem;
}

/**术后24小时**/
.pp_24hour{
	width:27.5rem;
	font-size:1rem;
	margin:5rem auto 0;
	overflow:hidden;
}
.pp_24hour_time{
	line-height:1.5rem;
}


/**术后1-7天**/
.pp_1-7day{
	width:27.5rem;
	margin:0 auto;
}
.pp_1-7day_item{
	width:100%;
	height:12.2rem;
	background:#f9f7f7;
	border-radius:.5rem;
	padding:.5rem 2.1rem;
}
.pp_1-7day_item{
	line-height:1.6rem;
	font-size:1rem;
}
.pp_1-7day_item font{
	display:inline-block;
	width:1.25rem;
	height:1.25rem;
	line-height:1.25rem;
	border-radius:50%;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.pp_1-7day_day:nth-child(1) font{
	background:#a73df1;
}
.pp_1-7day_day:nth-child(2) font{
	background:#39bbff;
}
.pp_1-7day_day:nth-child(3) font{
	background:#ff6b80;
}
.pp_1-7day_day:nth-child(4) font{
	background:#7ed64e;
}
.pp_1-7day_day:nth-child(5) font{
	background:#ffea03;
}
.pp_1-7day_day:nth-child(6) font{
	background:#ffa84e;
}
.pp_1-7day_day:nth-child(7) font{
	background:#5a5aff;
}
.pp_1-7day_tips{
	position:relative;
	width:27.5rem;
	height:13.35rem;
	line-height:1.5rem;
	background:url(../images/7day_tips_bg.png)no-repeat;
	background-size:100% 100%;
	font-size:.8rem;
	border-radius:.5rem;
	color:#060606;
	padding:1rem 2.2rem;
}
/**视频块**/
.pp_video{
	position:relative;
	margin:5rem 0;
	overflow:hidden;
}
#video{
	border-radius:1rem;
}
.swiper-container12 {
    max-width:21.6rem;
	height:5.8rem;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.swiper-container12 .swiper-slide {
    font-size: .9rem;
    background: none;
    width: 60%;
	padding-right:.5rem;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide:nth-child(2n) {
    width: 40%;
}
.swiper-slide:nth-child(3n) {
    width: 20%;
}
.video_title{
	height:2rem;
	font-size:.7rem;
	color:#1f0f12;
}
.zfdjt-video{
	width:21.6rem;
	height:13rem;
	margin:0 auto;
}
.arrow-left,.arrow-right{
	position:absolute;
	display:inline-block;
	width:1.85rem;
	height:4rem;
}
.arrow-left{
	left:2.5rem;
	bottom:1.5rem;
	background:url(../images/btn_left.jpg) no-repeat;
	background-size:100% 100%
}
.arrow-right{
	right:3rem;
	bottom:1.5rem;
	background:url(../images/btn_right.jpg) no-repeat;
	background-size:100% 100%
}
/**
.zfdjt-video{
	padding:33px 18px 22px;
	background:url("http://m.nonglinzx.cn/statics/nl/wap/images/vdo_bg.jpg") no-repeat;
	background-size:cover;
}**/
/**8天-3个月复查**/
.pp_review{
	margin-bottom:2rem;
}
.pp_review_content{
	font-size:1rem;
	width:27.5rem;
	margin:0 auto;
}
.pp_review_title{
	display:inline-block;
	height:1.9rem;
	line-height:1.9rem;
	background:#ff5570;
	color:#fff;
	padding-right:1rem;
	border-radius:0 1rem 1rem 0;
	margin-bottom:.5rem;
}
.pp_review_list:nth-child(1) .pp_review_title:before{
	display:inline-block;
	content:"";
	float:left;
	width:1.85rem;
	height:1.9rem;
	background:url(../images/review1.jpg)no-repeat;
	background-size:100% 100%;
}
.pp_review_list:nth-child(2) .pp_review_title:before{
	display:inline-block;
	content:"";
	float:left;
	width:1.85rem;
	height:1.9rem;
	background:url(../images/review2.jpg)no-repeat;
	background-size:100% 100%;
}
.pp_review_list:nth-child(3) .pp_review_title:before{
	display:inline-block;
	content:"";
	float:left;
	width:1.85rem;
	height:1.9rem;
	background:url(../images/review3.jpg)no-repeat;
	background-size:100% 100%;
}
.pp_review_list:nth-child(4) .pp_review_title:before{
	display:inline-block;
	content:"";
	float:left;
	width:1.85rem;
	height:1.9rem;
	background:url(../images/review4.jpg)no-repeat;
	background-size:100% 100%;
}
.pp_review_txt{
	line-height:1.4rem;
	margin-bottom:.5rem;
}

/**术后症状解析**/
.pp_analysis_content{
	width:27.5rem;
	margin:0 auto 1rem;
	overflow:hidden;
}
.pp_analysis_title{
	height:1.85rem;
	line-height:1.85rem;
	background:#e3f5f4;
	font-size:1.2rem;
	font-weight:bold;
	padding-left:.6rem;
}
.pp_analysis_txt{
	float:left;
	font-size:1rem;
	margin-top:1rem;
	/**overflow:hidden;**/
}
.pp_analysis_left{
	position:relative;
	width:5.85rem;
	height:2rem;
	line-height:2rem;
	background:#38bcc7;
	color:#fff;
	border-radius:0 1rem 1rem 0;
	padding-left:.5rem;
}
.pp_analysis_left:after{
	position:absolute;
	left:-1rem;
	bottom:-.5rem;
	display:inline-block;
	content:"";
	width:0;
	height:0;
	border-width:1rem 1rem .5rem 1rem;
	border-style:solid;
	border-color:transparent #0091ac transparent transparent ;
	z-index:-1;
}
.pp_analysis_right{
	width:21.1rem;
	padding-left:.5rem;
}
/**术前注意事项**/
.pp_preoperative{
	width:27.5rem;
	margin:0 auto;
}
.dividingline{
	border-top:1px dashed #000;
	margin-bottom:2rem;
}
.pp_preoperative_list{
	margin-bottom:1rem;
	overflow:hidden;
}
.pp_preoperative_img{
	width:3.4rem;
	height:3.4rem;
}
.pp_preoperative_Txt1{
	width:4.9rem;
	font-size:.8rem;
	font-weight:bold;
}
.pp_preoperative_right{
	width:22.2rem;
	font-size:.95rem;
}
.pp_preoperative_bot{
	float:left;
	width:27.5rem;
	height:3.35rem;
	line-height:1.2rem;
	background:url(../images/pprt_bottom_bg.jpg)no-repeat;
	background-size:100% 100%;
	font-size:.9rem;
	color:#fff;
	padding-left:4.2rem;
	padding-top:.5rem;
	margin-top:1rem;
}
.pp_preoperative_bot b{
	color:#000;
}
/**温馨提示**/
.pp_tips{
	width:27.5rem;
	margin:0 auto;
}
.pp_tips h2{
	font-size:1.75rem;
	font-weight:bold;
	text-align:center;
	margin-top:2rem;
}
.pp_tips_subtitle{
	position:relative;
	width:13.1rem;
	height:1.4rem;
	line-height:1.2rem;
	border:.15rem solid #38bcc7;
	border-radius:.7rem;
	font-size:.7rem;
	text-align:center;
	color:#38bcc7;
	margin:.7rem auto;
}
.pp_tips_subtitle:before{
	position:absolute;
	left:-7.6rem;
	top:.2rem;
	display:inline-block;
	content:"";
	width:8.6rem;
	height:.1rem;
	background:#38bcc7;
	border:.3rem solid #fff;
}
.pp_tips_subtitle:after{
	position:absolute;
	right:-7.6rem;
	top:.2rem;
	display:inline-block;
	content:"";
	width:8.6rem;
	height:.1rem;
	background:#38bcc7;
	border:.3rem solid #fff;
}
.pp_tips p{
	font-size:1rem;
}
/**通用标题**/
.pp_title{
	margin-bottom:2rem;
	text-align:center;
}
.pp_title span{
	position:relative;
	font-size:1.8rem;
	font-weight:bold;
}
.pp_title span:before{
	position:absolute;
	top:.3rem;
	left:-1rem;
	display:inline-block;
	content:"";
	width:1.8rem;
	height:1.8rem;
	background:#77ebf5;
	border-radius:50%;
	z-index:-1;
}
.pp_title span:after{
	position:absolute;
	top:.3rem;
	right:-1rem;
	display:inline-block;
	content:"";
	width:1.8rem;
	height:1.8rem;
	background:#77ebf5;
	border-radius:50%;
	z-index:-1;
}
.PBL_btn{
	width:17.35rem;
	height:3.65rem;
	line-height:3.65rem;
	margin:3rem auto 4rem;
	font-size:1.4rem;
	color:#fff;
	text-align:center;
	background: -ms-linear-gradient(top, #ffca6f,  #ff5780);
	background:-moz-linear-gradient(top,#ffca6f,#ff5780);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#ffca6f), to(#ff5780)); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffca6f), to(#ff5780));
	background: -webkit-linear-gradient(top, #ffca6f, #ff5780);
	background: -o-linear-gradient(top, #ffca6f, #ff5780);
	border-radius:2rem;
}

















.rotate{
	animation: rotate 1.5s linear normal both
}
@keyframes rotate{
	0%{transform:rotate(0deg);}
	50%{transform:rotate(180deg);}
	100%{transform:rotate(360deg);}
}



@keyframes click
{
    0%   {width:2rem;height:2rem;}
    50%  {width:1.5rem;height:1.5rem;}
    100% {width:2rem;height:2rem;}
}
@keyframes right
{
    0%   {width:0rem;}
    100% {width:20rem;}
}
@keyframes tada{
	0%{transform:scale(1);}
	10%,20%{transform:scale(0.9) rotate(-3deg);}
	30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}
	40%,60%,80%{transform:scale(1.1) rotate(-3deg);}
	100%{transform:scale(1) rotate(0);}
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
	@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
	@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}