@charset "utf-8";
/*公共样式*/
html,body{height:inherit;}
body{margin:0;font-family:Arial,"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;}
ul{margin:0;padding:0;list-style:none;}
dl,dd{margin:0;}
a{text-decoration:none;outline:none;color:#333;}
a:link,a:visited,a:hover,a:active{text-decoration:none;color:currentColor;}
img{border:0;}
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
/*页面主体样式*/
.wrapper{position:relative;height:100%;font-family:"Microsoft Yahei";}
.wrapper .part-main{position:relative;margin:0 auto;width:1000px;height:100%;}
.wrapper .section{position:relative;overflow:hidden;height:100%;}
.apps-preg .section1{background: url(../styles/images/new/bk_1_v202006041505.png) no-repeat center bottom;background-size:cover;}
.apps-preg .section2{background: url(../styles/images/new/bk_2.jpg) no-repeat center bottom;background-size:cover;}
.apps-preg .section3{background: url(../styles/images/new/bk_3.jpg) no-repeat center bottom;background-size:cover;}
.apps-preg .section4{background: url(../styles/images/new/bk_4_n.jpg) no-repeat center bottom;background-size:cover;}
.apps-preg .section5{background: url(../styles/images/new/bk_5_n.jpg) no-repeat center bottom;background-size:cover;}
.apps-mmsq .section1{background:#8dd5cf url(../styles/images/part-bg2.jpg) no-repeat center bottom;}
.apps-mmsq .section2{background:#ffbcca;}
.apps-mmsq .section3{background:#ade4b2;}
.apps-mmsq .section4{background:#d9beeb;}
.apps-mmsq .section5{background:#b1e4dc;}
.apps-ci123 .section1{background:#ee7800;}
.apps-ci123 .section2{background:#f2f2f2;}
.apps-ci123 .section3{background:#98cb2a;}
.apps-ci123 .section4{background:#f2f2f2;}
.apps-mmsq .icon-appdown,.apps-mmsq .icon-title,.apps-mmsq .icon-pic{display:inline-block;background:url(images/mmsq-part-icon2_24b.png) no-repeat;_background:url(images/mmsq-part-icon2_8b.png) no-repeat;}
.apps-ci123 .icon-appdown,.apps-ci123 .icon-title,.apps-ci123 .icon-pic{display:inline-block;background:url(images/part-icon3.png) no-repeat;_background:url(images/part-icon3_8bit.png) no-repeat;}
/*右侧圆点导航*/
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span{border:1px solid #fff;width:8px;height:8px;background:transparent;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{display:inline-block;margin:6px 0;border:1px solid #fff;width:8px;height:8px;background:#fff;border-radius:8px;}
/*底部版权*/
.wrapper-footer{position:absolute;bottom:0;margin:0 auto;padding:0;width:100%;height:60px;line-height:60px;font-family:Arial;font-size:12px;text-align:center;color:#666;background:#fff;z-index:2;}
.wrapper-footer a{font-size:12px;color:#666;}
.wrapper-footer a:hover{text-decoration:underline;color:#666;}
.wrapper-footer span{font-size:12px;color:#666;}
/*底部版权End*/
/*顶部导航*/
.wrapper .wrapper-header{position:absolute;top:0;left:0;width:100%;height:56px;background:#fff;z-index:10;}
.wrapper .wrapper-header .header-item{float:left;margin-top:9px;height:38px;}
.wrapper .wrapper-header .header-logo{display:inline-block;width:136px;height:38px;vertical-align:middle;background:url(http://www.ci123.com/ir/styles/images/part-icon.jpg) no-repeat 0 0;}
.wrapper .wrapper-header .header-subtitle{display:inline-block;margin-left:20px;padding-left:20px;border-left:2px solid #e7e7e7;line-height:35px;font-size:18px;color:#777;vertical-align:middle;}
.wrapper .wrapper-header .nav-item{float:right;}
.wrapper .wrapper-header .nav-item li{position:relative;float:left;padding:0 30px;height:56px;line-height:56px;z-index:2;cursor:default;}
.wrapper .wrapper-header .nav-item li:after{
    border: solid 1px #f37600;
}
.wrapper .wrapper-header .nav-item .nav-link{font-size:18px;color:#333;}
.wrapper .wrapper-header .nav-item .case:after{content:'';position:absolute;bottom:5px;left:30px;width:72px;}
/*孕期提醒*/
/*part1*/
.apps-preg .section1 .icon-preg{position:absolute; bottom:0;left:38%;z-index:2;height: 56%;}
.apps-preg .section1 .icon-title{position: absolute; right: 50px;top: 18%; height: 14%;}
.apps-preg .section1 .icon-appdown{position:absolute;top:45%;left:76%;z-index:2;height: 40%}
.apps-preg .section1 .osdown{position: absolute;
    bottom: 19px;
    right: 20px;
    width: 156px;
    height: 36px;
    cursor: pointer;}
.apps-preg .section1 .andrdown{position: absolute;
    bottom: 64px;
    right: 20px;
    width: 156px;
    height: 36px;
    cursor: pointer;}
/* @media screen and (max-width:760px){
    .apps-preg .section1 .icon-title{
        left:35%;
        height:10%;
    }
    .apps-preg .section1 .icon-preg{
        left: 6%;
    }
    .apps-preg .section1 .icon-appdown img{
        width: 140%;
    }
    .apps-preg .section1 .icon-appdown{
        left: 70%;
    }
    .apps-preg .section2 .icon-title{
        height: 12%;
        top: 12%;
        left: 20%;
    }
    .apps-preg .section2 .icon-pic{
        top: 32%;
        height: 56%;
    }
    .apps-preg .section3 .icon-pic{
        top: 25%;
        left: 24%;
        height: 60%;
    }
    .apps-preg .section3 .pop-pic{
        left: 18%;
        top: 44%;
        height: 12%;
    }
    .apps-preg .section4 .icon-title{
        top: 8%;
    }
    .apps-preg .section4 .show-pic{
        position: absolute;
        top: 40%;
        left: 33%;
        height: 30%;
    }
    .apps-preg .section4 .shake-icon{
        top: 48%;
        left: 38%;
        height: 13%;
    }
    .apps-preg .section5 .icon-title{
        position: absolute;
        top: 24%;
        left: 30%;
        margin-top: 0;
        height: 12%;
    }
} */

.apps-preg .section1 .icon-appdown img{width: 100%;}
.apps-preg .section1 .icon-yun1{position:absolute;bottom:40%;left:-318px;width:233px;height:55px;background-position:-122px 0;-webkit-animation:yun_move 10s linear infinite alternate;animation:yun_move 10s linear infinite alternate;}
.apps-preg .section1 .icon-yun2{position:absolute;top:20%;right:-150px;width:105px;height:37px;background-position:0 -19px;-webkit-animation:yun_move 10s linear infinite alternate;animation:yun_move 10s linear infinite alternate;}
/*part2*/
.apps-preg .section2 .icon-title{position:absolute;top:40%;left:12%;height:16%;}
.apps-preg .section2 .icon-pic{position:absolute;top:24%;left:28%;height:80%; }
/*part3*/
.apps-preg .section3 .icon-title{position:absolute;top:10%;left:12%;height:10%;z-index:2;}
.apps-preg .section3 .icon-pic{position:absolute;top:20%;left:55%;height:70%;}
.apps-preg .section3 .pop-pic{position:absolute;top:40%;left:54%;height:12%;}
.apps-preg .section3 .icon-pic2{position:absolute;top:50%;right:30px;margin-top:-55px;width:475px;height:321px;background-position:-545px -587px;}
/*part4*/
.apps-preg .section4 .icon-title{position:absolute;top:16%;right:100px;z-index:3;height: 14%;}
.apps-preg .section4 .show-pic{position:absolute;top:40%;left:49%;height: 50%}
.apps-preg .section4 .shake-icon{position:absolute;top:56%;left:54%;height: 18%;-webkit-animation: shake 0.83s cubic-bezier(.36,.07,.19,.97) both infinite;animation: shake 0.83s cubic-bezier(.36,.07,.19,.97) both infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
@-webkit-keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0);
    }

    40%, 60% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0);
    } }
@keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0);
    }

    40%, 60% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0);
    }
}
.apps-preg .section4 .icon-hand{position:absolute;bottom:0;right:44px;width:268px;height:262px;background-position:-884px -1148px;z-index:2;}
/*part5*/
.apps-preg .section5 .icon-title{position:absolute;top:35%;right:50px;height:14%;background-position:0 -441px;z-index:3;}
.apps-preg .section5 .icon-picbg{position:absolute;top:50%;left:30px;margin-top:-308px;width:591px;height:557px;z-index:2;}
.apps-preg .section5 .icon-pic{position:absolute;top:0;left:0;width:591px;height:557px;background-position:0 -1700px;z-index:2;}
.apps-preg .section5 .icon-circle{width:591px;height:557px;background-position:-601px -1700px;-webkit-animation:circle_scale 3s linear infinite;animation:circle_scale 3s linear infinite;}
.apps-preg .section5 .icon-pic2{position:absolute;top:50%;right:70px;margin-top:-42px;width:363px;height:270px;background-position:-884px -1420px;}
/*动画*/
@media screen and (max-height:768px){
    .apps-preg .section1 .osdown{position:absolute;top:275px;right:22px;width:156px;height:38px;cursor: pointer;}
    .apps-preg .section1 .andrdown{position: absolute;
        top:230px;
        left: 22px;
        width: 156px;
        height: 36px;
        cursor: pointer;
    }
}
@-webkit-keyframes yun_move{
    0%{-webkit-transform:translate(0);transform:translate(0);}
    100%{-webkit-transform:translate(100px);transform:translate(100px);}
}
@keyframes yun_move{
    0%{-webkit-transform:translate(0);transform:translate(0);}
    100%{-webkit-transform:translate(100px);transform:translate(100px);}
}
@-webkit-keyframes circle_scale{
    0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0;}
    50%{-webkit-transform:scale(.75);transform:scale(.75);opacity:1;}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;}
}
@keyframes circle_scale{
    0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0;}
    50%{-webkit-transform:scale(.75);transform:scale(.75);opacity:1;}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;}
}
/*妈妈社区*/
.apps-mmsq .icon-appdown{position:fixed;top:50%;left:900px;margin-top:-86px;width:185px;height:331px;background-position:-306px -127px;z-index:9;}
.apps-mmsq .icon-appdown .osdown{position:absolute;bottom:30px;left:18px;width:152px;height:36px;}
.apps-mmsq .icon-appdown .andrdown{position:absolute;bottom:78px;left:18px;width:152px;height:36px;}
/*part1*/
.apps-mmsq .section1 .icon-title{position:absolute;top:50%;left:680px;margin-top:-212px;width:317px;height:103px;background-position:0 0;}
.apps-mmsq .section1 .icon-pic{position:absolute;top:50%;left:146px;margin-top:-230px;width:467px;height:554px;background-position:-511px 0;}
/*part2*/
.apps-mmsq .section2 .icon-title{position:absolute;top:50%;left:680px;margin-top:-232px;width:296px;height:126px;background-position:0 -127px;}
.apps-mmsq .section2 .icon-pic{position:absolute;top:50%;left:-40px;margin-top:-285px;width:750px;height:616px;background-position:0 -631px;}
/*part3*/
.apps-mmsq .section3 .icon-title{position:absolute;top:50%;left:680px;margin-top:-232px;width:295px;height:86px;background-position:0 -263px;}
.apps-mmsq .section3 .icon-pic{position:absolute;top:50%;left:0;margin-top:-285px;width:661px;height:643px;background-position:-760px -631px;}
/*part4*/
.apps-mmsq .section4 .icon-title{position:absolute;top:50%;left:680px;margin-top:-232px;width:295px;height:126px;background-position:0 -359px;}
.apps-mmsq .section4 .icon-pic{position:absolute;top:50%;left:0;margin-top:-285px;width:665px;height:600px;background-position:0 -1284px;}
/*part5*/
.apps-mmsq .section5 .icon-title{position:absolute;top:50%;left:680px;margin-top:-232px;width:296px;height:126px;background-position:0 -495px;}
.apps-mmsq .section5 .icon-pic{position:absolute;top:50%;left:0;margin-top:-285px;width:608px;height:545px;background-position:-675px -1284px;}
/*育儿网*/
.apps-ci123 .icon-appdown{position:absolute;top:50%;left:594px;width:245px;height:98px;background-position:0 -1051px;z-index:2;}
.apps-ci123 .section1 .icon-appdown{margin-top:120px;}
.apps-ci123 .section3 .icon-appdown{margin-top:-4px;}
.apps-ci123 .section2 .icon-appdown,.apps-ci123 .section4 .icon-appdown{left:60px;margin-top:-14px;background-position:-255px -1051px;}
.apps-ci123 .icon-appdown .andrdown{position:absolute;top:0;right:0;width:135px;height:40px;}
.apps-ci123 .icon-appdown .osdown{position:absolute;top:53px;right:0;width:135px;height:40px;}
/*part1*/
.apps-ci123 .section1 .icon-title{position:absolute;top:50%;left:590px;margin-top:-63px;width:338px;height:134px;background-position:0 -631px;z-index:2;}
.apps-ci123 .section1 .icon-pic{position:absolute;top:50%;left:-62px;margin-top:-275px;width:720px;height:621px;background-position:0 0;}
/*part2*/
.apps-ci123 .section2 .icon-title{position:absolute;top:50%;left:60px;margin-top:-108px;width:287px;height:72px;background-position:0 -775px;z-index:2;}
.apps-ci123 .section2 .icon-pic{position:absolute;top:50%;right:104px;margin-top:-180px;width:450px;height:359px;background-position:-348px -631px;}
/*part3*/
.apps-ci123 .section3 .icon-title{position:absolute;top:50%;left:594px;margin-top:-122px;width:321px;height:72px;background-position:0 -857px;z-index:2;}
.apps-ci123 .section3 .icon-pic{position:absolute;top:50%;left:38px;margin-top:-290px;width:471px;height:579px;background-position:0 -1159px;}
/*part4*/
.apps-ci123 .section4 .icon-title{position:absolute;top:50%;left:60px;margin-top:-166px;width:232px;height:102px;background-position:0 -939px;z-index:2;}
.apps-ci123 .section4 .icon-pic{position:absolute;top:50%;right:50px;margin-top:-305px;width:515px;height:550px;background-position:-481px -1159px;}
/*亲子周末*/
.apps-week .wrapper-header{position: static;}
.apps-week .top{width:100%;height:627px;background:url(images/week-banner20180209.jpg) no-repeat center top;}
.apps-week .week-show{margin:50px auto 70px;width:1000px;}
.apps-week .week-show li{float:left;width:210px;height:295px;}
.apps-week .week-show .li1{background:url(images/week-prod1.png);}
.apps-week .week-show .li2{background:url(images/week-prod2.png);}
.apps-week .week-show .li3{background:url(images/week-prod3.png);}
.apps-week .pic{margin:0 auto;width:184px;height:154px;}
.apps-week .pic1{background:url(images/week-pic1.png) no-repeat 0 0;_background:url(images/week-pic1_8bit.png) no-repeat 0 0;}
.apps-week .pic2{background:url(images/week-pic1.png) no-repeat -199px 0;_background:url(images/week-pic1_8bit.png) no-repeat -199px 0;}
.apps-week .pic3{background:url(images/week-pic1.png) no-repeat -400px 0;_background:url(images/week-pic1_8bit.png) no-repeat -400px 0;}
.apps-week .info{margin:35px auto;width:209px;height:71px;}
.apps-week .info1{background:url(images/week-icon.jpg) no-repeat 0 0;}
.apps-week .info2{background:url(images/week-icon.jpg) no-repeat 0 -79px;}
.apps-week .info3{background:url(images/week-icon.jpg) no-repeat 0 -158px;}
.apps-week .i1{margin-left:60px;}
.apps-week .i2{margin-left:128px;_margin-left:120px;}
.apps-week .c{width:857px;height:627px;margin:0 auto;}
.apps-week .osdown{width:220px;height:60px;float:left;margin-top:428px;margin-left:408px;}
.apps-week .andrdown{width:227px;height:60px;float:left;margin-top:17px;margin-left:408px;}