/**
 * 2019清明专题手机端样式
 * @authors wxm (921010)
 * @date    2019-01-22 11:05:48
 * @version $Id$
 */
 .spring-page { background-color: #FFF;}
 .spring-page .m-guide-cont-wrap p {
   color: #000; }
 .spring-page .m-guide-wrap .m-sec-tit-wrap {
   margin-bottom: 0px;
   padding-top: 0; }
   .spring-page .m-guide-wrap .m-sec-tit-wrap .tit {
     padding-left: 0; }
     .spring-page .m-guide-wrap .m-sec-tit-wrap .tit:before {
       width: 0; }
 .spring-page .material-tip {
   padding: 12px 44px 40px 44px; }
   .spring-page .material-tip .banner-tip {
     display: block;
     width: 100%; padding-bottom:10px;}
 .spring-page .m-article-wrap {
   margin-top: 0; }
 .spring-page .m-video-item .tit {
   text-align: center; }
 .spring-page .m-sec-tit-wrap {
    text-align: center;}

     
 .spring-page .m-news-item {
   padding: 20px;
   border-radius: 10px;
   background: #FFF; }



.part1 { position: relative;}
.daodu { position: absolute; left: 0; top:380px; padding: 0 40px; line-height: 1.8;}
.daodu h2 { font-size: 36px; font-weight: bold;}

.part2 { width: 100%; position: relative; }

.tit1 {text-align: center;font-weight: 700;font-size: 36px;margin: 0 auto; padding-top: 30px; color: #673eef; position: relative; }
.tit1 i { background: #673eef; width: 20px; height: 2px; display: inline-block; vertical-align: middle;}
.tit1-1 { color: #FFF;}
.tit1-1 i { background: #FFF;}
.tit2 { font-size: 36px; color: #f2f0fd; position: absolute; text-align: center; top: 0; left: 0; width: 100%;}
.tit2-1 { color: #9352c9; top: 70px;}
.part2-con1 { padding: 20px 40px;}
.part2-con1 h3 { font-size: 32px; font-weight: bold;}

.part4 { background: url(http://image.101.com/baby/img18v1/zhxy/m/part4.jpg) no-repeat; height: 1829px;}
.part4-tit { padding: 70px 0 20px 0;}
.part4-con { margin: 0 auto; width: 600px;}
.part4-li { float: left; width: 300px; background-color: #FFF;}
.part4-li h2 { color: #333; font-size: 32px; font-weight: bold; line-height: 36px; text-align: center; font-weight: normal;}
.part4-li h2 i { background-color: #673eef; width: 30px; height: 2px; display: block; margin: 16px auto;}
.part4-p { padding: 30px 10px 0 10px; line-height: 36px; height: 400px;}


.part5 { background: url(http://image.101.com/baby/img18v1/zhxy/m/part11.jpg) no-repeat; height: 1600px;}
.part5-con { padding: 30px 40px;}
.part5-li { overflow: hidden; width: 670px; margin-bottom: 20px; }
.part5-p { float: left; width:450px ;}
.part5-li h2 { color: #FFF; font-size: 32px; font-weight: bold; line-height: 64px; padding-top: 50px;}
.part5-li p { color: #FFF;}
.part5-li img { float: left; margin-right: 22px; width: 198px;}
.part5-p2 h2 { padding-top: 10px;}
.part5-p1 h2 { padding-top: 30px;}



.part6-con { padding: 50px 0 50px 40px; overflow: hidden;}
.part6-con img { float: left; width: 330px; height: 200px;}
.part6-r { float: left; width: 320px; background-color: #FFF; height: 200px; padding: 10px 20px 0 20px; line-height: 36px;}
.btn { background: url(http://image.101.com/baby/img18v1/zhxy/btn.png) no-repeat; width: 218px; height: 70px; color: #FFF; text-align: center; line-height: 60px; display: block; margin: 0 auto;}
.btn:hover { background: url(http://image.101.com/baby/img18v1/zhxy/btn.png) no-repeat 0 -106px;}
.part6-con1 { background-color: #FFF; width: 670px; margin: 0 auto; height: 170px; border-radius: 50px; padding: 10px 20px 0 20px;}
.part6-con1 h2 { color: #333; font-size: 32px; font-weight: bold; line-height: 60px; text-align: center;}
.part6-ico { float: left; height: 48px; padding-left: 50px; line-height: 40px; color: #333; font-weight: bold;}
.part6-ico1 { background: url(http://image.101.com/baby/img18v1/zhxy/ico01.png) no-repeat;}
.part6-ico2 { background: url(http://image.101.com/baby/img18v1/zhxy/ico02.png) no-repeat; float: right;}
.part6-ico3 { background: url(http://image.101.com/baby/img18v1/zhxy/ico03.png) no-repeat;}
.tit2-2 { color: #5687d9;}
.tit1-2 { padding-top: 100px;}
.tit1-4 { padding-top: 10px;}
.tit2-4 { top: 50px;}



.morning-1 { color: #333; font-size: 32px; font-weight: bold; padding: 40px 0 20px 40px; }
.morning-1 span { color: #888; font-size: 24px; display: block;}
.morning-1 span img { margin-left: 10px;}
.morning-1 i { background-color: #673eef; width: 55px; height: 2px; display: block; margin-left: 60px;}
.morning-2 { overflow: hidden; padding:20px;}

.mor { width: 100%; display: block; position: relative; overflow: hidden; background-color: #FFF; border-radius: 10px; padding: 20px; margin-bottom: 20px; box-shadow:0 4px 18px rgba(86,128,255,.23)}
.mor-pic { width: 280px; float: left;}
.mor-pic img { width: 255px; height: 170px; border-radius: 6px; background-color: #b4b4b4; padding: 2px;}
.mor-con { float: left; font-size: 26px; color: #888; line-height: 36px; position: relative; width: 390px; padding-top:20px; display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden  }
.mor-con h3 {font-size: 32px; color: #333; font-weight: bold; line-height: 50px;}
.mor-con span { position: absolute; right:0px; top: 24px; color: #595857; font-size: 32px; line-height: 36px; padding: 2px 20px; border-radius: 10px; border: 1px solid #ff794d; text-align: center; display: block;}