.main-content{
	display: block;
	width: 100%;
	padding-top: 1.2rem;
}
/*banner*/
.Pop-wrappBanner{
	width: 100%;
}
.Pop-wrappBanner .Pop-banner{
	position: relative;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: 5.6rem;/*420px*/
    background: url(../images/popular/banner.jpg) no-repeat center/100% 100% ;
}
.Pop-wrappBanner .cervix-PopJBox{
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
}
.cervix-PopJBox div:nth-child(2){
	margin-bottom: 0.53333rem;
}
.cervix-PopJBox .cervix-HText{
	margin-bottom: 0.4rem;
	font-size: 0.48rem;
	color: #000000;
	letter-spacing: 0;
	text-align: center;
	line-height: 0.66667rem;
}
.cervix-PopJBox .cervix-HText p{
	display: inline-block;
	font-size: 0.48rem;
	color: #000000;
} 
.cervix-PopJBox .cervix-HarmInt{
	margin-left: 0.69333rem;
	margin-right: 0.69333rem;
}
.cervix-PopJBox .cervix-HarmInt p{
	font-size: 0.37333rem;
	color: #666666;
	letter-spacing: 0;
	text-align: center;
	line-height: 0.53333rem;
}

/*宫颈癌是如何形成的？*/
.cervix-Popforma{
	width: 100%;
	display: block;
	background: #F2F2F2;
	padding-top: 0.8rem;	
	text-align: center;
	padding-bottom: 0.8rem;
}
.cervix-PopJBox .cervix-SUBInt{
	margin-bottom: 0.53333rem;
}
.cervix-Popforma .cervix-JBGChart{
	width: 100%;
	display: block;
}
.cervix-Popforma .cervix-JBGChart .cervix-BGChart{
	width: 100%;
	height: 1.96rem;
	text-align: center;
	padding-bottom: 0.26667rem;
}
.cervix-Popforma .cervix-JBGChart .cervix-BGChart img{
	height: 1.96rem;

}
.cervix-Popforma .cervix-JBGChart .cervix-belowTitle{
	margin-left:0.58667rem;/*44*/
	margin-right: 0.94667rem;
	text-align: center;
	padding-bottom: 0.66667rem;
}
.cervix-Popforma .cervix-JBGChart .cervix-belowTitle span{
	font-size: 0.37333rem;
	color: #000000;
	letter-spacing: 0;
	text-align: center;
	line-height: 0.42667rem;
}
.cervix-Popforma .cervix-JBGChart .cervix-belowTitle span:first-child{
	
}
.cervix-Popforma .cervix-JBGChart .cervix-belowTitle span:nth-child(2){
	margin-left: 1.89333rem;/*142*/
}
.cervix-Popforma .cervix-JBGChart .cervix-belowTitle span:last-child{
	margin-left:2.10667rem;/*158*/

}
.cervix-Popforma .cervix-stage{
	display: inline-block;
}
.cervix-Popforma .cervix-CBook{
    width: 8.56rem;
    height: 1.62667rem;
    border: 0.02667rem dashed #000000;
    border-radius: 1.33333rem;
    text-align: center;
}
.cervix-Popforma .cervix-CBook .cervix-TBCon p{
	display: inline-block;
	font-size: 0.42667rem;
	line-height: 0.6rem;
}
.cervix-Popforma .cervix-CBook .cervix-TBCon p:first-child{
	color: #000000;
}
.cervix-Popforma .cervix-CBook .cervix-TBCon p:last-child{
	color: #3dcdc8;
}
.cervix-Popforma .cervix-CBook .cervix-TBCon{
	 padding: 0.21333rem 0rem;
}

/*什么是HPV*/
.cervix-HPVWartPic{
	position: relative;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height:11.52rem;/*864*/
    background: url(../images/popular/bg.jpg) no-repeat center/100% 100%;
}
.cervix-HPVWartPic .cervix-PopJBox{
	 padding-top: 1.06667rem;
}
.cervix-HPVWartPic .cervix-PopJBox div p{
	color: #FFFFFF;
}
/*如何预防宫颈癌？*/
.cervix-guard{
	display: block;
	width: 100%;
	background: #FFF;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
}
.cervix-guard .guard-GMLeft{
	display: block;
	width: 100%;
	text-align: center;
}
.cervix-guard  .guard-JGMBU{
	margin-bottom: 0.4rem;
}
.cervix-guard .guard-GMLeft .injScreen_CHIcon{
	width: 100%;
	height: 2.34667rem;
	text-align: center;
}
.cervix-guard .guard-GMLeft .injScreen_CHIcon img{
	width: 2.61333rem;
	height: 2.34667rem;
	margin-left:0.66667rem;
}
.cervix-guard .guard-GMLeft .injScreen-HTitle{
	margin-bottom: 0.26667rem;
}	
.cervix-guard .guard-GMLeft .injScreen-HTitle p{
	font-size: 0.42667rem;
	font-weight: bold;
	color: #000;
}
.cervix-guard .guard-GMLeft .injScreen-CH{
	margin-right: 2.24rem;
	margin-left: 2.24rem;
}
.cervix-guard .guard-GMLeft .injScreen-CH p{
	font-size: 0.37333rem;
	color: #000;
}

/*常见认识误区*/
.cervix-JMistakes{
	width: 100%;
	display: block;
	background: #F2F2F2;
	padding-top: 0.8rem;
}
.cervix-JMistakes .JMistakes-BText{
	margin-bottom: 0.8rem;
}
.cervix-JMistakes .JMistakes-BText p{
	font-size: 0.48rem;
	line-height: 0.66667rem;
	color: #000;
	letter-spacing: 0;
	text-align: center;
}
.cervix-JMistakes .JMistakes-BoxContent{
	margin-left: 0.66667rem;
	margin-right: 0.66667rem;
	text-align:left;
}
.cervix-JMistakes .JMistakes-BoxContent .JMistakes-items{
	margin-bottom: 0.56rem;
	border-bottom: 1px solid #CCCCCC;
}
.cervix-JMistakes .JMistakes-BoxContent .JMistakes-itemsMod{
	margin: 0;
	padding-bottom: 0.26667rem;
}
.cervix-JMistakes .JMistakes-BoxContent .JMistakes-items p{
	color: #000;
	
}
.cervix-JMistakes .JMistakes-BoxContent .JMistakes-items p:first-child{
	margin-bottom: 0.26667rem;
	font-size: 0.42667rem;
	line-height: 0.61333rem;
	font-weight: bold;
	letter-spacing: 0;
}
.cervix-JMistakes .JMistakes-BoxContent .JMistakes-items p:last-child{
	font-size: 0.37333rem;
	line-height: 0.56rem;
	margin-bottom: 0.53333rem;
}

/*了解更多*/
.cervix-KnowMore{
	width: 100%;
	display: block;
	background: #434b58;
	height: 3.86667rem;
}
.cervix-KnowMore .KnownMore-JBox{
	padding-top: 0.8rem;
}
.cervix-KnowMore .KnownMore-JBox .KnownMore-BText{
	margin-bottom: 0.93333rem;
}
.cervix-KnowMore .KnownMore-JBox .KnownMore-BText p{
	font-size: 0.48rem;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	line-height: 0.61333rem;
}
.cervix-KnowMore .KnownMore-JBox .KnownMore-CModal{
	text-align: center;
}
.cervix-KnowMore .KnownMore-JBox .KnownMore-CModal a{
	font-size: 0.37333rem;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 0.56rem;
	text-decoration: underline;
}
.cervix-KnowMore .KnownMore-JBox .KnownMore-CModal a:first-child{
	margin-right: 1.89333rem;
}

/*弹框样式*/
/*模态框*/
.modal {
    display: none; 
    position: fixed; 
    z-index: 100; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgba(0,0,0,0.4); 
    padding-top: 30%;
}
/*模态框内容*/
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin:auto; /*距顶部15% 水平居中*/
    /*padding: 20px;*/
    /*border: 1px solid #888;*/
    width: 100%;
    animation: topDown 0.4s; /*自定义动画，从模态框内容上到下出现*/
    border: none;
    width: 8.53333rem;
    border-radius: 0.13333rem 0.13333rem 0px 0px;
}

 @keyframes topDown {
    from {top: -4.0rem; opacity: 0} /*300px*/
    to {top: 0; opacity: 1}
}
/*模态框头部*/
.modal-header {
    background-color: #292f36;
    padding-right: 0.26667rem;/*20px*/
    height: 1.06667rem;/*60px*/
    line-height: 1.06667rem;/*60px*/
	border-radius: 0.13333rem 0.13333rem 0px 0px;
}
/*关闭X 样式*/
.close {
    color: #aaa;
    float: right;
    font-size: 0.66667rem;
    /*font-weight: bold;*/
}
.close:hover {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.modal-body{
    padding-top: 1.06667rem;/*80px*/
    padding-bottom: 1.06667rem;/*80px*/
    height: 10rem;
    overflow-y: auto;
}
.modal-body .modal-text p{
    color: #000000;
    font-size: 0.48rem;/*36px*/
    line-height: 0.66667rem;/*50px*/
    text-align: center;
}

.modal-JBox{
    margin-left: 0.66667rem;/*50px*/
    margin-right: 0.66667rem;/*50px*/
    margin-top: 0.8rem;/*60px*/
}
.modal-JBox .modal_CText{
    font-size: 0.37333rem;/*28px*/
    line-height: 0.64rem;/*48px*/
    color: #666666;
}
.modal-JBox .modal_CT p:first-child{
    font-weight: bold;
    margin: 0.4rem 0px;/*30px*/
    color: #000000;
}
.modal-JBox  .modal_CD p:not(:first-child){
    margin-top: 0.4rem;/*30px*/
}