@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
* {margin: 0;padding: 0;}body,html {overflow-y: auto;overflow-x: hidden;}
.clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:normal;}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#454545;position:relative;}
html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;background: #fff;}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}
header, section, footer, aside, nav, article, figure{display: block;}
a{color:#333;text-decoration:none;}
a:hover,a:focus{-webkit-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;}
.rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
a:hover{color: #8AE2FF;}
.rotate360{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.cfx{margin-right:auto;margin-left:auto;*zoom:1}.cfx:before,.cfx:after{display:table;content:"";line-height:0}.cfx:after{clear:both}
.cx{overflow: hidden;*zoom: 1;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
body{word-break: break-all;background: url(../img/pagebg.png) no-repeat;background-size: 100% 310px;background-color: #fff;}
a{cursor: pointer;}
img{vertical-align: top;border: 0;}
a img:hover{opacity: 0.9;cursor: pointer;}
.ico{background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;}
main{position: relative;z-index: 1;margin: auto;overflow: hidden;padding-bottom: 10px;background: #f5f5fb;}
main>section{width: 1200px;padding: 0 20px;margin-left:auto;;margin-right:auto;}
.wrapper{background: transparent;}
.indexbg:before{content: "";position: absolute;top: 72px;left: 0;right: 0;margin: auto;width:1230px;height: 348px;background: url(../img/indexbg.png) no-repeat;background-size: 100% auto;}
/* .xinbg:before{content: "";position: absolute;top: 72px;left: 0;right: 0;margin: auto;width:1171px;height: 26px;background: url(../img/xinbg.png) no-repeat;background-size: 100% auto;}
.gamebg:before{content: "";position: absolute;top: 71px;left: 0;right: 0;margin: auto;width:1260px;height: 26px;background: url(../img/gamebg.png) no-repeat;background-size: 100% auto;}
.softbg:before{content: "";position: absolute;top: 72px;left: 0;right: 0;margin: auto;width:1171px;height: 26px;background: url(../img/softbg.png) no-repeat;background-size: 100% auto;}
.ztbg:before{content: "";position: absolute;top: 72px;left: 0;right: 0;margin: auto;width:1171px;height: 26px;background: url(../img/ztbg.png) no-repeat;background-size: 100% auto;}
.newsbg:before{content: "";position: absolute;top: 72px;left: 0;right: 0;margin: auto;width:1171px;height: 26px;background: url(../img/newsbg.png) no-repeat;background-size: 100% auto;} */

header{position: relative;z-index: 1;}
header>div{position: relative;width: 1200px;height: 97px;margin:0 auto;overflow: hidden;*zoom: 1;}
header>div>a{position: relative;float: left;height: 100%;}
header>div>a img{position: relative;width: auto;height:46px;margin-top: 19px;}
nav{float: right;max-width: 790px;margin-right:257px;position: relative;height: 88px;overflow: hidden;}
nav ul{position: relative;width: 100%;margin: auto;text-align: center;overflow: hidden;*zoom: 1;}
nav li{position: relative;z-index: 0;vertical-align: top;display: inline-block;line-height: 88px;text-align: center;font-size: 18px;color: #fff; }
nav li a{position: relative;display: block;padding: 0 24px 0 20.5px;font-size: 18px;color: #51677C;line-height: 88px;}
nav li:hover a{color: #000;font-weight: bold;}
nav li.current a{font-size: 20px;color: #000;font-weight: bold;}
/* nav li:nth-of-type(1){margin-right: 9px;}
nav li:nth-of-type(3){padding-left: 2px;}
nav li:nth-of-type(4) a{padding-right:22px;}
nav li:nth-of-type(2) a{padding:0 26px 0 20.5px;} */
.searchBtn {position: absolute;z-index: 1;top: 25px;right: 1px;width: 201px;padding-right: 49px;height: 38px; background:  rgba(255,255,255,0.5);border: 1px solid #fff;border-radius: 19px;}
.searchBtn input{display: block;border: 0;padding-left: 12px;width: 193px;line-height: 38px;height:38px;background: transparent;font-size: 14px;color: #999;text-overflow: ellipsis;}
.searchBtn:before{content: "";position: absolute;top: -1px;right: 4px;display: block;padding:10px;width: 18px;height: 18px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: 5px 5px;}
.searchBtn input::-webkit-input-placeholder {color: #999;}
.searchBtn input:-moz-placeholder { color: #999;}
.searchBtn input::-moz-placeholder { color: #999;}
.searchBtn input:-ms-input-placeholder { color: #999;}
footer{position: relative;z-index: 1;width: 100%;padding: 1px 0 22px;background-color: #F2F7FF;text-align: center;}
footer>div{width: 1200px;margin:28px auto 0;overflow: hidden;*zoom: 1;}
footer:before{content: "";position: absolute;left: 0;right: 0;top: -1px;margin: auto;width: 1200px;height: 1px;background: rgba(179, 181, 184, .2);}
footer p{font-size: 14px;color:#A2ABBD;line-height: 22px;margin-bottom: 7px;}
footer p span{margin: 0 6px;color:#A2ABBD;}
footer p:nth-of-type(n+2){margin-bottom: 7px;}
footer p a{color:#A2ABBD;}
footer p a:hover{color: #4e6187;}
footer>div a:hover{color: #4e6187 !important;}
.crumb{width: 1200px;height: 50px;line-height: 50px;margin: 0 auto;}
.crumb div{position: relative;margin:0 auto;}
.crumb div:before{content: "";position: relative;margin-right: 7px;top: 18px;vertical-align: top;display: inline-block;width: 12px;height: 14px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -167px -5px;}
.crumb div,.crumb div a{font-size:14px;color: #999;}
.crumb a,.crumb span{position: relative;display: inline-block;font-size:14px;color: #999;vertical-align: top;}
.crumb a:hover{color: #8AE2FF;}
.crumb div a:after{content: "·";position: relative;vertical-align: top;display: inline-block;line-height: 50px;font-size: 12px;color: #ccc;font-weight: bold;margin: 0 8px;}
.babyTit{padding-bottom: 7px;position:relative;z-index: 1;overflow: hidden;*zoom:1;}
.babyTit a{position: relative;top: 1px;z-index: 1;float: right;display: block;width: 68px;height: 32px;background: linear-gradient(61deg, #AFEAF8, #BDF6F1);border-radius: 18px;font-size: 14px;color: #FFFFFF;line-height: 32px;text-align: center;overflow: hidden;}
.babyTit a:hover{background: #8AE2FF;}
.babyTit a:after{content: "";position: relative;top: 12.5px;margin-left: 5px;vertical-align: top;display: inline-block;width: 5px;height: 7px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -118px -5px;}
.babyTit h2{position: relative;float: left;display: block;max-width: 80%;height:34px;line-height: 34px;font-size: 26px;color:#03081A;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.babyTit strong{position: relative;float: left;display: block;max-width: 80%;height:34px;line-height: 34px;font-size: 26px;color:#03081A;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.comTit{padding-bottom: 7px;position:relative;z-index: 1;overflow: hidden;*zoom:1;}
.comTit a{position: relative;top: 1px;z-index: 1;float: right;display: block;width: 68px;height: 32px;background: linear-gradient(61deg, #AFEAF8, #BDF6F1);border-radius: 18px;font-size: 14px;color: #FFFFFF;line-height: 32px;text-align: center;overflow: hidden;}
.comTit a:hover{background: #8AE2FF;}
.comTit a:after{content: "";position: relative;top: 12.5px;margin-left: 5px;vertical-align: top;display: inline-block;width: 5px;height: 7px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -118px -5px;}
.comTit strong{position: relative;float: left;display: block;max-width: 80%;height:34px;line-height: 34px;font-size: 24px;color:#000;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.appTit{padding-bottom: 12px;position:relative;z-index: 1;overflow: hidden;*zoom:1;}
.appTit a{position: relative;top: 1px;z-index: 1;float: right;display: block;width: 68px;height: 32px;background: linear-gradient(61deg, #AFEAF8, #BDF6F1);border-radius: 18px;font-size: 14px;color: #FFFFFF;line-height: 32px;text-align: center;overflow: hidden;}
.appTit a:hover{background: #8AE2FF;}
.appTit a:after{content: "";position: relative;top: 12.5px;margin-left: 5px;vertical-align: top;display: inline-block;width: 5px;height: 7px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -118px -5px;}
.appTit strong{position: relative;float: left;display: block;max-width: 80%;height:28px;line-height: 28px;font-size: 20px;color:#333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.babyITop{position: relative;padding: 10px 0 5px;overflow: hidden;}
.babyITop .swiper-container{position: relative;}
.babyITop .swiper-slide{width: 150px;height:161px;}
.babyITop .swiper-slide a{position: relative;float: left;width: 150px;margin-right: 0;margin-bottom: 8px;text-align: center;overflow: hidden;}
.babyITop .swiper-slide a p{position: relative;z-index: 1;display: block;font-size: 14px;color: #000000;line-height: 34px;height: 34px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.babyITop .swiper-slide a img{position: relative;z-index: 1;display: block;width:110px;height: 110px;border-radius: 20px;margin:8px auto 0;}
.babyITop .swiper-slide a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.babyITop .swiper-slide a:hover img{ transform:translate(-5px, -5px);}
.babyITop .swiper-button-next,.babyITop .swiper-button-prev{z-index: 2;margin: auto;opacity: 1;top: -39px;cursor: pointer;display: block;width: 30px;height: 30px;font-size: 0; color: transparent; background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position:-129px 2.5px;background-color: rgba(255,255,255,.7);border-radius: 10px;}
.babyITop .swiper-button-prev{right: 58px;left: auto;transform: rotate(180deg);}
.babyITop .swiper-button-next{right: 18px;left: auto;background-position:-129px 2.5px;}
.babyITop .swiper-button-next:hover, .babyITop .swiper-button-prev:hover{background-color: rgba(255,255,255,1);}
.babyITop .swiper-button-next.swiper-button-disabled,.babyITop  .swiper-button-prev.swiper-button-disabled{opacity: .5;}
.ITopTit{position:relative;width: 30%;padding: 0 20px;z-index: 1;overflow: hidden;*zoom:1;}
.ITopTit em{position: relative;float: left;display: block;max-width: 80%;height:44px;line-height: 44px;font-size: 24px;color: #1D1B22;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ITopTit em:before{content: "";position: relative;top: 8px;vertical-align: top;display: inline-block;width: 26px;height: 34px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -38px -5px;margin-right: 4px;}
.babyITop .tags{position: absolute;right: 100px;top: 16px;}
.babyITop .tags a{position: relative;float: left;display: block;padding: 0 13px 0 14px;height: 24px;line-height: 24px;border: 1px solid rgba(146, 178, 210, .3);border-radius: 13px;font-size: 12px;color: rgba(53, 91, 95, .8);margin-left: 10px;}
.babyITop .tags a:before{content: "#";font-size: 12px;color: rgba(53, 91, 95, .8);margin-right: 4px;}
.babyITop .tags a:hover{background: rgba(255,255,255,.5);}
.babyIExpress{margin-bottom: 30px;}
.exprSwiper {float: left;position: relative;margin-top: 5px;width: 803px;height: 310px;box-shadow: 0px 6px 10px 0px rgba(168,235,240,0.5);border-radius: 20px;overflow: hidden;}
.exprSwiper .swiper-slide {text-align: center;font-size: 18px; background: #fff; display: flex; justify-content: center;align-items: center;background-size: cover;background-position: center;}
.exprSwiper .swiper-slide a{position: relative;display: block;overflow: hidden;width: 100%;height: 100%;}
.exprSwiper .swiper-slide img {display: block;width: 100%;  height: auto; min-height: 100%; object-fit: cover;}
.exprSwiper .swiper-slide p{position: absolute;z-index: 2;bottom: 0;left: 0;margin: auto;width: 635px;height: 60px;padding-top: 1px;line-height: 60px;font-size: 20px;color: #fff;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-indent: 1.05em;}
.exprSwiper .swiper-slide:after{content: "";position: absolute;bottom: 0;left: 0;right: 0;margin: auto;display: block;height: 61px;background: transparent;background-image: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);border-radius: 0 0 20px 20px}
.exprSwiper .swiper-slide:before{content: "";position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;margin: auto;display: block;height: 61px;background: transparent;backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px); border-radius: 0 0 20px 20px}
.exprSwiper .swiper-pagination-bullet{margin: 11px 2.5px !important;width: 8px;height: 8px;background: rgba(255,255,255,.5);border-radius: 4px;opacity:1;}
.exprSwiper .swiper-pagination-bullet:last-of-type{margin-right: 7px!important;}
.exprSwiper .swiper-pagination-bullet-active{width: 18px;background: rgba(138, 226, 255, 1);opacity: 1;}
.exprSwiper .swiper-pagination{display: flex;justify-content: center;bottom:15px !important;text-align: right;width:105px;height: 30px;position: absolute;left: auto;right: 20px;border: 1px solid rgba(170,234,241,.15);background: rgba(0,0,0,.15);border-radius: 15px;}
.babyIExpressR{float: right;padding-top: 5px;width: 374px;height: 310px;background: #FFFFFF;box-shadow: 0px 6px 10px 0px rgba(168,235,240,0.5);border-radius: 20px;overflow: hidden;}
.babyIExpressR .list{float: left;padding-left: 19px;width: 100%;margin-top: 2px;overflow: hidden;*zoom: 1;}
.babyIExpressR .list a{float: left;display: block;padding: 9px 0 10px;width: 178px;height: 50px;border-radius: 10px;overflow: hidden;}
.babyIExpressR .list img{float: left;width: 50px;height: 50px;border-radius: 10px;margin-right: 10px;}
.babyIExpressR .list a p{float: left;width: 118px;font-size: 14px;color: #1d1d1d;line-height: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.babyIExpressR .list a span{float: left;width: 118px;font-size: 12px;color: #999;line-height: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.babyIExpressR .list a:hover p{color:#8AE2FF;}
.ExpressTit{position: relative;top: -4px;padding: 0 20px;position:relative;z-index: 1;overflow: hidden;*zoom:1;}
.ExpressTit i{position: relative;top:2px;margin: 0 2px;vertical-align: top;display: inline-block;width: 14px;height: 20px;background-position: -340px -5px;}
.ExpressTit a{position: relative;top: 3px;z-index: 1;float: right;display: block;width: 24px;height: 18px;font-size: 0;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -81px -5px;}
.ExpressTit a:hover{background-position: -81px -30px;}
.ExpressTit strong{position: relative;float: left;display: block;max-width: 70%;height:24px;line-height: 24px;font-size: 20px;color: #03081A;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.babyIrec{width: 1200px;;min-height:460px;margin: 0 auto 8px;overflow: hidden;*zoom: 1;}
.babyIrecL{float: left;width: 449px;overflow: hidden;margin-right: 20px;}
.babyIrecM{float: left;width: 416px;overflow: hidden;}
.babyIrecR{float: right;width: 296px;overflow: hidden;margin-left: 19px;}
.babyIrecL .list{width: 105%;margin-bottom: 3px;overflow: hidden;*zoom: 1;}
.babyIrecL .list a{position: relative;float: left;width: 220px;height: 122px;border-radius: 10px;margin-right: 9px;margin-bottom: 17px;overflow: hidden;}
.babyIrecL .list a img{position: relative;display: block;width:100%;min-height: 100%;height: auto;border-radius: 10px;}
.babyIrecL .list a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.babyIrecL .list a:hover img{ transform: scale(1.2);}
.babyIrecL ul li{display: block;overflow: hidden;}
.babyIrecL ul li:nth-of-type(1){display: flex;position: relative;padding:14px 0 10px;}
.babyIrecL ul li:nth-of-type(1) img{float: left;width: 130px;height: 91px;border-radius: 10px;margin-right: 9px;}
.babyIrecL ul li:nth-of-type(1) div{float: left;width: 305px;height: 91px;overflow: hidden;}
.babyIrecL ul li:nth-of-type(1) div p{height: 72px;font-size: 14px;color: #333;line-height: 24px;margin-top: -3px;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.babyIrecL ul li:nth-of-type(1) div span{display: block;font-size: 12px;color: #999;line-height: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyIrecL ul li:nth-of-type(1) a:hover div p{color: #8AE2FF;}
.babyIrecL ul li:nth-of-type(n+2){position: relative;height: 34px;line-height: 34px;overflow: hidden;*zoom: 1; }
.babyIrecL ul li:nth-of-type(n+2):before{content: "";position: relative;float: left; top: 15px;margin-right:11px; vertical-align: top;display: inline-block;width: 4px;height: 4px;background: #8AE2FF;font-size: 0;line-height: 0;}
.babyIrecL ul li:nth-of-type(n+2) span{float: right;font-size: 14px;color: #999;margin-left: 2px;line-height: 34px;}
.babyIrecL ul li:nth-of-type(n+2) a{float: left;display: block;width: 390px;font-size: 14px;color: #333;line-height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyIrecL ul li:nth-of-type(n+2):hover a{color:#8AE2FF;}
.babyIrec .ExpressTit{padding: 0;}
.babyIrecM .tabMenu{display: flex;padding: 0 0 10px;height: 40px;line-height: 40px;overflow: hidden;justify-content: center;}
.babyIrecM .tabMenu span{flex: 1;float: left;cursor: pointer;font-size: 16px;color:#696E81;text-align: center;background: #F2F7FF;border-radius: 20px;overflow: hidden;}
.babyIrecM .tabMenu span:nth-of-type(n+2){margin-left: 11px;}
.babyIrecM .tabMenu span.current{color: #fff;font-weight: bold;background: #8AE2FF;box-shadow: 0px 5px 8px 0px rgba(168,235,240,0.5);}
.babyIrecM .tabMenu span:hover{color:#3D404B;}
.babyIrecM .tabMenu span.current:hover{color: #3D404B;}
.babyIrecM .subBox>a{display: block;font-weight: bold;font-size: 20px;color: #FF4542;line-height: 50px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyIrecM ul{margin-top: 2px;}
.babyIrecM ul li{height: 39px;overflow: hidden;*zoom: 1;}
.babyIrecM ul li a,.babyIrecM ul li span{float: left;display: block;line-height: 39px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyIrecM ul li .type{font-size: 14px;color: #999;margin-right: 10px;}
.babyIrecM ul li .img img{width: 25px;height: 25px;border-radius: 4px;margin-right:10px;vertical-align: top;position: relative;top: 7px;}
.babyIrecM ul li .txt {color: #1d1d1d;width: 270px;}
.babyIrecM ul li span{float: right;color: #999;font-size: 14px;}
.babyIrecM ul li a.txt:hover{color: #8AE2FF;}
.babyIrecM ul li a.type:hover{text-decoration: underline;}
.babyIrecR{padding-top: 2px;}
.babyIrecR .img{position: relative;display: block;margin-top: 20px;width: 296px;height: 119px;border-radius: 10px;overflow: hidden;}
.babyIrecR .img img{width: 100%;min-height: 100%;height: auto;border-radius: 10px;}
.babyIrecR .img p{position: absolute;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;display: block;width:100%;color: #fff;font-size: 16px;line-height: 34px;text-indent: 1em;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.babyIrecR .img img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.babyIrecR .img:before{content: "";position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;width: 100%;height: 34px;margin: auto;overflow: hidden;*zoom: 1;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);border-radius: 0 0 10px 10px;}
.babyIrecR .img:after {content: ""; position: absolute;bottom: 0;left: 0;right: 0; margin: auto; display: block;height: 45px;background: transparent;background-image: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);border-radius: 0 0 10px 10px;}
.babyIrecR .img img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.babyIrecR .img:hover img{transform: scale(1.2);}
.babyIrecR .ExpressTit{padding-top: 4px;}
.babyIrecR .ExpressTit a{margin-right: 20px;}
.babyIrecR .list{position: relative;top: -8px;}
.babyIapp{position: relative;margin-bottom: 16px;}
.babyIapp dl{position:relative;z-index: 1;padding: 10px 0;width: 100%;height: 32px;overflow: hidden;}
.babyIapp dl dt,.babyIapp dl dd{position: relative;float: left;display: block;margin-right: 11px;height: 32px;}
.babyIapp dl dt span,.babyIapp dl dd span,.babyIapp dl dt a,.babyIapp dl dd a{display: block;padding: 0 12px;height: 32px;line-height: 32px;font-size: 14px;color: #696E81;text-align: center;cursor: pointer;background: #F2F7FF;border-radius: 16px;}
.babyIapp dl dt span.current,.babyIapp dl dt a.current,.babyIapp dl dd span.current,.babyIapp dl dd a.current{color: #fff;background: #8AE2FF;box-shadow: 0px 5px 8px 0px rgba(168,235,240,0.5);}
.babyIapp dl dt span{padding: 0 15px 0 17px;}
.babyIapp .tabMenu{position:relative;z-index: 1;padding: 10px 0;width: 100%;height: 32px;overflow: hidden;}
.babyIapp .tabMenu span{position: relative;float: left;display: block;margin-right: 11px;padding: 0 12px;height: 32px;line-height: 32px;font-size: 14px;color: #696E81;text-align: center;cursor: pointer;background: #F2F7FF;border-radius: 16px;}
.babyIapp .tabMenu span.current{color: #fff;background: #8AE2FF;box-shadow: 0px 5px 8px 0px rgba(168,235,240,0.5);}

.babyIapp .cfx{padding-top: 10px;min-height: 580px;}
.babyIapp .list{float: left;width: 880px;position: relative;overflow: hidden;*zoom: 1;}
.babyIapp .list a{position: relative;float: left;padding-top: 10px;margin-right: 41px;width: 110px;height: 165px;text-align: center;margin-bottom: 17px;}
.babyIapp .list a:nth-of-type(6n+6){margin-right: 0;}
.babyIapp .list a img{display: block;width: 110px;height: 110px;border-radius: 20px;margin: 0 auto;}
.babyIapp .list a p{font-size: 15px;color: #333;line-height: 25px;height: 25px;margin-top: 8px;overflow: hidden;}
.babyIapp .list a span{display: block;font-size: 12px;color: #999;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyIapp .list a  img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;}
.babyIapp .list a:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);}
.babyIapp dl dt span:hover,.babyIapp dl dt a:hover,.babyIapp dl dd span:hover,.babyIapp dl dd a:hover{background:#EAFAFF;}
.babyIHot {float: left;padding-top: 10px;width: 316px;height: 542px;background: #FFFFFF;box-shadow: 0px 6px 10px 0px rgba(168,235,240,0.5);border-radius: 20px;}
.babyIapp .babyIHot {position: absolute;top:107px;right:0;float: inherit;}
.babyIHot ol{position: relative;padding-top: 18px;}
.babyIHot ol li{position: relative;z-index: 1;padding-left: 57px;overflow: hidden;*zoom: 1;}
.babyIHot ol li i{position: absolute;left: 0;top: 0;bottom: 0;margin: auto;padding-left: 5px;width: 52px;height: 28px;line-height: 28px;font-size: 18px;color: #C1C1C1;font-weight: bold;text-align: center;overflow: hidden;}
.babyIHot ol li:nth-of-type(1) i{color: #E83838;}
.babyIHot ol li:nth-of-type(2) i{color: #FF6000;}
.babyIHot ol li:nth-of-type(3) i{color: #FFCF0F;}
.babyIHot ol li .tBox{position: relative;float: left;padding: 10px 0 14px;overflow: hidden;*zoom: 1;}
.babyIHot ol li .tBox img{float: left;width: 70px;height: 70px;border-radius: 15px;margin-right: 9px;}
.babyIHot ol li .tBox div{float: left;width: 160px;height: 70px;overflow: hidden;}
.babyIHot ol li .tBox div p{display: block;font-size: 16px;color: #000;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyIHot ol li .tBox div span{display: block;margin-top: 1px;font-size: 12px;color: #999;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyIHot ol li .fBox{height: 43px;line-height: 43px;}
.babyIHot ol li .fBox a{float: left;width: 168px;font-size: 16px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyIHot ol li .fBox span{float: right;font-size: 12px;color: #999;padding-right: 20px;}
.babyIapp .babyIHot .ExpressTit{top: -2px;}
.babyIzt{position: relative;margin-bottom: 20px;}
.babyIzt .swiper-slide{margin-right: 20px;position: relative;display: block;width: 285px;height: 170px;border-radius: 20px;overflow: hidden;}
.babyIzt .swiper-slide a{display: block;width: 100%;height: 100%;}
.babyIzt .swiper-slide img{width: 100%;min-height: 100%;height: auto;border-radius: 10px;}
.babyIzt .swiper-slide p{position: absolute;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;display: block;width:100%;color: #fff;font-size: 16px;height: 46px;line-height: 46px;text-indent: 1.25em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.babyIzt .swiper-slide img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.babyIzt .swiper-slide:before{content: "";position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;width: 100%;height: 45px;margin: auto;overflow: hidden;*zoom: 1;-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);border-radius: 0 0 10px 10px;}
.babyIzt .swiper-slide:after {content: ""; position: absolute;bottom: 0;left: 0;right: 0; margin: auto; display: block;height: 58px;background: transparent;background-image: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);border-radius: 0 0 10px 10px;}
.babyIzt .swiper-slide img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.babyIzt .swiper-slide:hover img{transform: scale(1.2);}
.babyIzt .swiper-container{margin-top: 15px;padding-bottom: 20px;overflow: hidden;}
.babyIzt .swiper-button-next,.babyIzt .swiper-button-prev{z-index: 2;margin: auto;opacity: 1;top: 100px;cursor: pointer;display: block;width: 25px;height: 80px;border: 1px solid #EBEBEB;font-size: 0; color: transparent; background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position:-131px 28px;background-color: rgba(255,255,255,1);border-radius: 6px;}
.babyIzt .swiper-container .swiper-button-prev { left: -22px;right: auto;transform: rotate(180deg);}
.babyIzt .swiper-container .swiper-button-next {right: -22px;left: auto;}
.babyIzt .swiper-button-next:hover,.babyIzt .swiper-button-prev:hover{background-color: rgba(255,255,255,1);border-color: #9bb9bd;}
.babyIzt .swiper-button-next.swiper-button-disabled,.babyIzt  .swiper-button-prev.swiper-button-disabled{opacity: .5;}
.babyINews{margin-bottom: 21px;overflow: hidden;*zoom: 1;}
.babyINewsL{float: left;width: 865px;margin-right: 19px;margin-top: 15px;overflow: hidden;}
.babyINewsR{float: right;width: 316px;margin-top: 16px;overflow: hidden;}
.babyINL{float: left;width: 417px;margin-right: 20px;overflow: hidden;}
.babyINSlider{position: relative;margin-bottom: 11px;width: 100%;height: 235px;border-radius: 20px;overflow: hidden;}
.babyINSlider .swiper-slide{position: relative;display: block;width: 100%;height: 100%;overflow: hidden;}
.babyINSlider .swiper-slide a{position: relative;display: block;width: 100%;height: 100%;}
.babyINSlider .swiper-slide a img{width: 100%;height: 235px;border-radius: 10px;}
.babyINSlider .swiper-slide a p{position: absolute;left: 0;bottom: 11px;z-index: 1;text-indent: .5em;display: block;width: 100%;height: 38px;color: #fff;font-size: 18px;line-height: 38px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.babyINSlider .swiper-slide a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.babyINSlider .swiper-slide:before{content: "";position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;width: 100%;height: 58px;margin: auto;overflow: hidden;*zoom: 1;-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);border-radius: 0 0 10px 10px;}
.babyINSlider .swiper-slide:after {content: ""; position: absolute;bottom: 0;left: 0;right: 0; margin: auto; display: block;height: 68px;background: transparent;background-image: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);border-radius: 0 0 10px 10px;}
.babyINSlider .swiper-container {position: relative;width:100%;height: 100%; margin-left: auto; margin-right: auto;overflow: hidden;}
.babyINSlider .swiper-pagination{bottom: -5px;}
.babyINSlider .swiper-pagination-bullet{width: 40px!important;height: 4px!important;background-color: rgba(255, 255, 255, .3);opacity: 1;border-radius: 0;margin: 0 1.5px!important;}
.babyINSlider .swiper-pagination-bullet-active{background-color: #8AE2FF;}
.babyINL ul li{display: block;overflow: hidden;}
.babyINL ul li{position: relative;height: 34px;line-height: 34px;overflow: hidden;*zoom: 1; }
.babyINL ul li:before{content: "";position: relative;float: left; top: 15px;margin-right:11px; vertical-align: top;display: inline-block;width: 4px;height: 4px;background: #8AE2FF;font-size: 0;line-height: 0;}
.babyINL ul li span{float: right;font-size: 14px;color: #999;margin-left: 2px;line-height: 34px;}
.babyINL ul li a{float: left;display: block;width: 350px;font-size: 16px;color: #2d313e;line-height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyINL ul li:hover a{color:#8AE2FF;}
.babyINR{float: left;width: 428px;margin-top: -5px;}
.babyINR dt,.babyINR dd {display: block;overflow: hidden;}
.babyINR dt a,.babyINR dd a {display: block;overflow: hidden;: hidden;white-space: nowrap;}
.babyINR dt{position: relative;height: 38px;line-height: 38px;overflow: hidden;*zoom: 1; }
.babyINR dt:before{content: "";position: relative;float: left; top: 17px;margin-right:11px;margin-left: 1px; vertical-align: top;display: inline-block;width: 4px;height: 4px;background: #8AE2FF;font-size: 0;line-height: 0;}
.babyINR dt a{float: left;display: block;width: 408px;font-size: 18px;color: #111;line-height: 38px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyINR dt:hover a{color:#8AE2FF;}
.babyINR dd{position: relative;height: 38px;line-height: 38px;overflow: hidden;*zoom: 1; }
.babyINR dd:before{content: "";position: relative;float: left; top: 17px;margin-right:11px;margin-left: 1px; vertical-align: top;display: inline-block;width: 4px;height: 4px;background: #8AE2FF;font-size: 0;line-height: 0;}
.babyINR dd a{float: left;display: block;width: 408px;font-size: 15px;color: #111;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyINR dd:hover a{color:#8AE2FF;}
.babyINR dt:nth-of-type(n+2){margin-top: 6px;}
.babyINR dt:nth-of-type(2n+1) a:before{content: "";position: relative;margin-right:7px;top: 13px;vertical-align: top;display:inline-block;width: 14px;height: 14px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -311px -5px;}
.babyINB{float: left;margin-top: 12px;}
.babyINB ul{width: 110%;overflow: hidden;}
.babyINB li{float: left;display: block;margin-right: 15px;margin-bottom: 7px;width: 201px;height:165px;overflow: hidden;}
.babyINB li a{display: block;}
.babyINB li a div{width: 100%;height: 110px;margin-bottom: 7.5px;border-radius: 10px;overflow: hidden;}
.babyINB li a img{width: 100%;min-height: 110px;height: auto;}
.babyINB li a p{height: 40px;font-size: 15px;color: #000;line-height: 20px;margin-bottom: 7.5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.babyINB li a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.babyINB li a img:hover{transform: scale(1.2);}
.babyINB li a:hover  p{color: #8AE2FF;}
.babyINB li:nth-of-type(4n+2){margin-right: 20px;}
.babyINewsR{width: 316px;height: 542px;box-shadow: 0px 6px 10px 0px rgba(168,235,240,0.5);border-radius: 20px;}
.babyINewsR ul{padding: 9px 0 5px;}
.babyINewsR li{position: relative;padding: 14px 20px;overflow: hidden;*zoom: 1;}
.babyINewsR li>a{float:left;margin-right: 9px;width: 112px;height: 72px;border-radius: 10px;overflow: hidden;}
.babyINewsR li img{float:left;width: 100%;min-height: 72px;height: auto;overflow: hidden;}
.babyINewsR li dl{float: left;width: 154px;height: 72px;overflow: hidden;}
.babyINewsR li dt a{display: block;font-size: 14px;color: #333;height: 40px;line-height: 20px;margin-top: -2px;margin-bottom: 17px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.babyINewsR li dd span{display: block;font-size: 12px;color: #999;line-height: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.babyINewsR li:hover dt a{color: #8ED7E8;}
.babyINewsR .ExpressTit{top: 0;}
.babyIXin{}
.babyIXin ul{width:102%;padding-top:14px;overflow: hidden;*zoom: 1;}
.babyIXin ul li{float: left;width: 388px;height: 312px;background: #FFF;border-radius: 20px;box-shadow: 0px 6px 10px 0px rgba(168, 235, 240, 0.5);margin:0 18px 31px 0;overflow: hidden;}
.babyIXin ul .img{display: block;width: 100%;height: 217px;overflow: hidden;}
.babyIXin ul .img img{float: right;display: block;width: 100%;min-height: 100%;height: auto;}
.babyIXin ul .img img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.babyIXin ul .img img:hover{transform: scale(1.2);}
.babyIXin ul .info{position: relative;display: block;height: 70px;padding: 10px 10px 15px;border-radius: 6px;overflow: hidden;*zoom: 1;}
.babyIXin ul .info img{float: left;width: 70px;height: 70px;border-radius: 15px;margin-right: 10px;}
.babyIXin ul .info div{float: left;width: 280px;height: 70px;overflow: hidden;}
.babyIXin ul .info div p{display: block;font-size: 16px;color: #000;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyIXin ul .info div span{display: block;font-size: 12px;color: #999;line-height: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyIXin ul .info div span:nth-of-type(2){margin-top: 6px;}
.babyIXin ul .info>span{display: block;position: absolute;right: 10px;top: 30px;width: 72px;height: 28px;font-size: 14px;color: #60DAFF;background: rgba(194, 237, 250, .35);border-radius: 14px;text-align: center;line-height: 28px;}
.babyIXin ul li:hover .info p{color:#8ED7E8;}
.babyIXin ul li:hover .info>span{background: #60DAFF;color: #fff;}
.babyLink{padding: 32px 0 14px;background-color: #F2F7FF}
.babyLink div{position: relative;width: 1154px;padding: 0 23px;margin: auto;text-align: center;overflow: hidden;}
.babyLink label{position: relative;font-weight: bold;font-size: 14px;color: #A2ABBD;line-height: 26px;}
.babyLink a{position: relative;display: inline-block;vertical-align: middle;font-size: 14px;color: #A2ABBD;line-height: 26px;}
.babyLink a:after{content: "";position: relative;top: 6px;vertical-align:top;display:inline-block;width: 0;height: 15px;margin: 0 10px;border-right: 1px solid #A2ABBD;}
.babyLink a:hover{color: #4e6187;}
.babyLink a:last-of-type:after{display: none;}
.xinList{width: 1200px;margin: auto;padding-bottom: 1px;margin-bottom: 10px; }
.xinList ul{width: 102%;padding:3px 0 4px 1px;overflow: hidden;*zoom: 1;}
.xinList ul li{float: left;width: 158px;height: 205px;background: #fff;border-radius:20px;text-align: center;margin: 0 15.5px 17px 0;}
.xinList ul li a:nth-of-type(1){display: block;}
.xinList ul li img{display: block;width: 110px;height: 110px;border-radius: 20px;margin: 21px auto 10px;}
.xinList ul li p{display: block;font-size: 16px;color: #000;line-height: 20px;height: 20px;margin-bottom: 3px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xinList ul li span{display: block;font-size: 12px;color: #9A9A9A;line-height: 20px;height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xinList ul li a:nth-of-type(2){display: none;width: 72px;height: 28px;background: #8AE2FF;line-height: 28px;border-radius: 14px;font-size: 14px;color: #fff;text-align: center;margin: auto;margin-top: 5px;}
.xinList ul li:hover a:nth-of-type(1) p{display: none;}
.xinList ul li:hover a:nth-of-type(2){display: block;}
.xinList ul li:hover{box-shadow: 0px 3px 8px 0px rgba(153,153,153,0.25);}
.pagecode{padding:10px 0 20px;text-align:center;font-size:16px;color: #999;}
.pagecode a{position: relative;padding:9.5px 19px;margin:0 2px;font-size:14px;color:#666;font-weight: bold;text-decoration:none;border: none;background-color:#fff;border-radius: 3px;}
.pagecode>span{display: inline-block;line-height: 40px;height: 40px;border-radius: 3px;}
.pagecode span a{display: block;padding:0;min-width: 40px;line-height: 40px;text-align: center;border-radius: 3px;font-size: 14px;}
.pagecode a:hover{color:#fff;background: #8AE2FF!important;}
.pagecode a.current,.pagecode a.current:hover{top: 0;color:#fff;background: #8AE2FF!important;border-color: transparent;padding: 10.5px 15.7px;}
.pagecode a.disabled,.pagecode a.disabled:hover{color:#999;background-color:#efefef !important;cursor:default;}
.pagecode>a{padding: 10.5px 15.5px;}
.pagecode .first, .pagecode .last,.pagecode .pre,.pagecode .next{font-weight: 400;min-height: 40px;line-height: 40px;margin: 0 3px;font-weight: 400;}
.pagecode .first, .pagecode .last{font-size: 16px;padding: 9.5px 14px;}
.gamebg .babyIXin ul,.softbg .babyIXin ul{padding-top:1px;}
.gamebg .babyIXin ul li,.softbg .babyIXin ul li{position: relative;}
.gamebg .babyIXin ul li:before,.softbg .babyIXin ul li:before{content: "";position: absolute;z-index: 1;top: 9px; left: 10px; display: block;width: 34px;height: 34px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px; background-position: -5px -68px;}
.babyType{position: relative;width: 1180px;padding:26px 0 11px 20px;background: #FFFFFF;border-radius: 20px;margin-bottom: 20px;overflow: hidden;*zoom: 1;}
.babyType a{float: left;display: block;padding: 0 25px;height: 36px;font-size: 14px;color: #696E81;line-height: 36px;background: #F2F7FF;border-radius: 18px;margin: 0 11px 14px 0;text-align: center;overflow: hidden;}
.babyType a:hover{background:#EAFAFF;}
.babyType a.current{ background: #8AE2FF;box-shadow: 0px 5px 8px 0px rgba(168,235,240,0.5);color: #fff;font-weight: bold;}
.babyType a:nth-of-type(2n+2){margin-right: 10px;}
.babyGSBox{overflow: hidden;margin-bottom: 10px;}
.babyGSBoxL{float: left;width: 864px;}
.babyGSBoxR{float: right;width: 316px;margin-left: 20px;}
.babyGSBoxL ul{position: relative;padding-bottom: 1px;}
.babyGSBoxL ul li{position: relative;z-index: 1;height: 176px;background: #FFFFFF;border-radius: 20px;margin-bottom: 20px;}
.babyGSBoxL ul li .info{position: relative;display: block;padding: 30px 20px;overflow: hidden;*zoom: 1;}
.babyGSBoxL ul li .info img{float: left;width: 116px;height: 116px;border-radius: 20px;margin-right: 20px;}
.babyGSBoxL ul li .info div{float: left;width: 580px;height:116px;overflow: hidden;}
.babyGSBoxL ul li .info div strong{display: block;margin-top: -2px;font-size: 20px;color:#000;line-height: 28px;font-weight: 400;margin-bottom: 1px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyGSBoxL ul li .info div p{display: block;font-size: 14px;color: #808080;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyGSBoxL ul li .info div p span{font-size: 12px;color: #ccc;line-height: 22px;}
.babyGSBoxL ul li .info div p span:nth-of-type(n+2):before{content: "/";font-size: 12px;color: #ccc;line-height: 22px;margin: 0 4px;}
.babyGSBoxL ul li .info div .tags{padding-top: 12px;height: 26px;overflow: hidden;*zoom: 1;}
.babyGSBoxL ul li .info div .tags span{position: relative;float: left;padding: 0 8px;font-size: 12px;color: #666;height: 26px;line-height: 26px;margin-right: 8px;background:#F4F6F8;border-radius: 6px;}
.babyGSBoxL ul li .btn{position: absolute;top: 0;bottom: 0;right: 49px;margin: auto;display: block;width: 72px;height: 28px;color: #8AE2FF;background: rgba(194, 237, 250, .35);border-radius: 14px;font-size: 14px;text-align: center;line-height: 28px;overflow: hidden;}
.babyGSBoxL ul li:hover .info strong{color: #8AE2FF;}
.babyGSBoxL ul li .btn:hover{background: #8AE2FF;color: #fff;}
.babyLike{position: relative;padding-top: 18px;margin-bottom: 20px;background: #FFFFFF;border-radius: 20px;}
.babyLike ul{padding: 10px 0 15px;}
.babyLike ul li{position: relative;padding-left: 3.5px;overflow: hidden;}
.babyLike ul li a{position: relative;float: left;padding-top: 13px;width: 103px;height: 105px;text-align: center;font-size: 15px;color: #333;line-height: 35px;margin-bottom: 2px;overflow: hidden;}
.babyLike ul li a img{display: block;width:70px;height: 70px;border-radius:15px;margin: auto;}
.babyLike ul li a:hover{color:#8AE2FF;}
.likeChange{position: absolute;z-index: 1;top: 12px;right: 21px;font-size: 12px;color: #999;line-height: 32px;cursor: pointer;}
.likeChange i{position: relative;vertical-align: top;top: 11px;display: inline-block;width:12px ;height: 12px;background-position: -543px -5px;margin-right: 4px;}
.likeChange:hover{color: #8AE2FF;}
.likeChange:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);background-position: -543px -23px;}
.babyLike ul li a:nth-of-type(1):before,.babyLike ul li a:nth-of-type(8):before{content: "";position: absolute;z-index: 1;top: 0; right: 6px; display: block;width: 38px;height: 22px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px; background-position: -486px -5px;}
.babyLike .ExpressTit{top: -1px;}
.babyGSBoxR .babyIHot .ExpressTit{top: -1px;}
.babyGSBoxR .babyIHot,.newsR .babyIHot,.appR .babyIHot{padding-top: 18px;box-shadow:none;padding-bottom: 18px;margin-bottom: 20px;height: auto;}
.babyGSBoxR .babyIHot ol li .tBox img{margin-right: 10px;}
.ztMenu{position: relative;margin-top: 1px;width: 1196px;padding:18px 0;margin-bottom: 20px;background: linear-gradient(90deg, #D6ECF3, #F8F9FB);border-radius: 20px;border: 2px solid #FFFFFF;text-align: center;}
.ztMenu a{position: relative;display: inline-block;vertical-align: top;padding: 0 33px;margin: 0 5px;height: 40px;font-size: 16px;color: #696E81;line-height: 40px;border-radius: 20px;background: rgba(255,255,255,.5);}
.ztMenu a:hover{color:#8AE2FF;}
.ztMenu a.current{color:#fff;font-weight: bold;background: #8AE2FF;box-shadow: 0px 5px 8px 0px rgba(168,235,240,0.5);}
.ztMenu a.current:hover{color: #fff;}
.tpList .listCont{width: 105%;overflow: hidden;}
.tpList .listCont dl{float: left;margin: 0 20px 20px 0;width: 387px;height: 430px;background: rgba(255,255,255,.85);border-radius: 20px;}
.tpList .listCont dl .list a{position: relative;display: block;padding: 15px 20px;overflow: hidden;*zoom: 1;}
.tpList .listCont dl .list a img{float: left;width: 70px;height: 70px;border-radius: 15px;margin-right: 16px;}
.tpList .listCont dl .list a div{float: left;width: 200px;height: 70px;overflow: hidden;}
.tpList .listCont dl .list a div p{display: block;font-size: 16px;color: #000;line-height: 22px;margin-top: 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tpList .listCont dl .list a div span{display: block;margin-top: 1px;font-size: 12px;color: #999;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tpList .listCont dl .list a div span:nth-of-type(2){margin-top: 4px;}
.tpList .listCont dl .list a>span{display: block;position: absolute;right: 20px;top: 36px;width: 72px;height: 28px;font-size: 14px;color: #8AE2FF;background: rgba(194, 237, 250, .35);border-radius: 14px;text-align: center;line-height: 28px;}
.tpList .listCont dl .list a:hover>span{background: #8AE2FF;color: #fff;}
.tpList .listCont dl dt{position: relative;display: block;}
.tpList .listCont dl dt a{display: block;padding:9px 20px;width: 260px;font-size: 20px;color: #000;height: 48px;line-height: 44px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tpList .listCont dl dt a:after{content: "";position: absolute;left: 20px;bottom: 3px;display: block;width: 39px;height: 6px;background: linear-gradient(61deg, #AFEAF8 0%, #AFEAF8 50%,#BDF6F1 50%,#BDF6F1 100%);border-radius: 3px;}
.tpList .listCont dl dt span{position: absolute;top: 24px;right: 20px;display: block;font-size: 14px;color: #CCCCCC;line-height: 24px;}
.tpList .listCont dl dt span:before{content: "/";font-size: 14px;color: #CCCCCC;margin-right: 4px;}
.ztMore a{margin-top: 15px;display: block;font-weight: 300;font-size: 14px;color: #CCCCCC;height: 48px;line-height: 46px;text-align: center;border-top: 1px solid #f3f3f3;}
.tpList .listCont dl:hover .ztMore a{color:#8AE2FF;}
.tpList .listCont dl dt:hover a:after{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.tpList .listCont dl dt:hover a:after{width: 80px;background: #8AE2FF;}
.tpList{position: relative;}
.tpList ul{padding: 10px 0;}
.ztChange{position: absolute;z-index: 1;top: 5px;right: 22px;font-size: 14px;color: #999;line-height: 32px;cursor: pointer;}
.ztChange i{position: relative;vertical-align: top;top: 10px;display: inline-block;width:14px ;height: 14px;background-position: -369px -5px;margin-right: 6px;}
.ztChange:hover{color: #8AE2FF;}
.ztChange:hover i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);background-position: -369px -26px;}
.tpDeList ul{position: relative;left: -10px;overflow: hidden;width:103%;padding: 10px 0 1px 10px;}
.tpDeList ul li{float: left;margin: 0 20px 20px 0;width: 283px;height: 108px;background: #FFFFFF;border-radius: 10px;}
.tpDeList ul li a{position: relative;display: block;padding: 19px 5px 19px 15px;border-radius: 10px;overflow: hidden;*zoom: 1;}
.tpDeList ul li a img{float: left;width: 50px;height: 50px;border-radius: 10px;margin-right: 10px;}
.tpDeList ul li a div{float: left;width: 200px;overflow: hidden;}
.tpDeList ul li a div p{display: block;font-size: 16px;color: #333;font-weight: bold;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tpDeList ul li a div span{margin:4px 0 2px;display: block;font-size: 14px;color: #B8B8B8;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tpDeList ul li a div p:nth-of-type(2){padding-top: 1px;font-size: 12px;color: #666;font-weight: 400;}
.tpDeList ul li:hover{box-shadow: 0px 3px 8px 0px rgba(153,153,153,0.25);}
.tpDeInfo{margin-top: 2px;margin-bottom: 25px;padding:21px 14px 21px 19px;width: 1165px;background: linear-gradient(180deg, #FFFFFF, #EFFBFF);box-shadow: 0px 6px 10px 0px rgba(168,235,240,.5);border-radius: 15px;overflow: hidden;}
.tpDeInfo .img{position: relative;float: left;width: 435px;height: 235px;border-radius: 15px;margin-right: 19px;overflow: hidden;}
.tpDeInfo .img img{width: 100%;min-height: 100%;height: auto;border-radius: 15px;}
.tpDeInfo .img span{position: absolute;left: 10px;top: 9px;padding: 0 12px;height: 25px;font-size: 14px;color:#fff;line-height: 25px;background: rgba(0,0,0,.5);border-radius: 13px;}
.tpDeInfo dl{float: left;width: 710px;height:235px;overflow: hidden;}
.tpDeInfo dl dt{position: relative;height: 30px;margin-bottom: 12px;}
.tpDeInfo dl dt h1{position: relative;z-index: 1;display: block;height: 30px;line-height: 30px;font-size: 24px;color: #000;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tpDeInfo dl dt:after{content: ""; position: absolute;left: 0; bottom: 0; z-index:0;display: block;width: 116px;height: 12px;background: linear-gradient(61deg, #bdeef9 0%,#d4f5fa 50%, #dafaf8 50%, #ecfcfb 100%);border-radius: 3px;}
.tpDeInfo dl dd span{display: block;margin-bottom: 1px;font-size: 14px;color: #999;line-height: 26px;}
.tpDeInfo dl dd p{margin-bottom: 24px;height:72px;font-size: 16px;color:#333;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.tpDeInfo dl dd.tags{overflow: hidden;*zoom: 1;}
.tpDeInfo dl dd.tags a{float: left;display: block;margin:8px 8px 0 0;padding:  0 8px;text-align: center;height: 26px;font-size: 12px;color: #666;background: rgba(255, 255, 255, .75);border-radius: 6px;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tpDeInfo dl dd.tags a:hover{background-color: #8AE2FF;color:#fff;}
.tpDeInfo .time{padding-left: 2px;overflow: hidden;}
.tpDeInfo .time span{position: relative;float: left;margin-right: 4px;}
.tpDeInfo .time span:nth-of-type(2){padding-left: 37px;}
.tpDeInfo .time span:nth-of-type(2):before{content: "";position: absolute; top: 0;bottom: 0;left: 18px;display: block;width: 1px;height:33px;background: rgba(0,0,0,.06);margin:auto;}
.tpDeInfo .time label{display: block;color: rgba(51, 51, 51, .5);}
.tpDeInfo .time time,.tpDeInfo .time em{position: relative;top: -4px;font-size: 14px;color: #333;}
.tpDeInfo~.tpList{margin-top: -12px;}
.newsLR{width: 1200px;padding: 0 20px;margin: auto;overflow: hidden;}
.newsL{float: left;width: 840px;margin-right: 19px;}
.newsR{float: right;width: 340px;}
.newsList{position: relative;padding: 16px 0 20px;background: #FFF;border-radius: 20px;margin-bottom: 20px;}
.newsList .comTit{width: 200px;padding-left:20px;}
.newsMenu{position: absolute;top: 0;left: -1px;width: 838px;height: 64px;background: linear-gradient(90deg, #D6ECF3, #F8F9FB);border-radius: 20px;border: 2px solid #FFFFFF;text-align: right;font-size: 0;}
.newsMenu a{position: relative;display: inline-block;vertical-align: top;padding: 5px 17px 0 25px;height: 59px;font-size: 16px;color: #696E81;line-height: 59px;}
.newsMenu a:nth-of-type(n+2):before{content: "/";position: absolute;left: 0;font-size: 16px;color: #CCCCCC;}
.newsMenu a.current{color:#333333;font-weight: bold;}
.newsMenu a:hover{color:#333333;}
.newsMenu a.current:before,.babyZtMenu a:hover:before{width: 100%;height: 2px;}
.newsList ul{padding: 18px 20px 19px;overflow: hidden;}
.newsList li{border-bottom: 1px solid #f2f2f2;padding:25px 0 26px;height: 118px;background: #fff;overflow: hidden;*zoom: 1;}
.newsList li a{display: block;}
.newsList li>a{float: left;margin-right: 19px;width: 190px;height: 118px;border-radius: 10px;overflow: hidden;}
.newsList li>a img {width: 190px;min-height: 118px;height: auto;border-radius: 10px;display: block;transition: all .3s linear;}
.newsList li>a:hover img {transform: scale(1.1)}
.newsList li .info{float: left;width: 580px;}
.newsList li .info>a{position: relative;top: -1px;margin-top: -2px;font-size: 20px;color: #000;line-height: 24px;margin-bottom: 9px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.newsList li .info p{display: block;height:48px;font-size: 14px;color: #7F7F7F;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newsList li .info div{margin-top: 22px;overflow: hidden;}
.newsList li .info i,.newsList li .info span{position: relative;vertical-align: top;display: inline-block;font-size: 12px;color: #999;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.newsList li .info span:before{content: "·";position: relative;top: 0;vertical-align: top;margin:0 5px 0 3px;display: inline-block;font-size: 18px;color: #999;line-height: 20px;}
.newsList li .info i{color: #666;font-weight: bold;}
.newsList li:hover  .info>a{color:#8AE2FF; }
.newsList .pagecode a{background: #F5F5FB;}
.newsR .babyIHot,.appR .babyIHot{width: 100%;}
.newsR .babyIHot .ExpressTit{top: -1px;}
.newsR .tpRList .ExpressTit{top: 1px;}
.newsL .newsList{padding-bottom: 12px;}
.tpRList{position: relative;padding: 18px 0 21px;width: 100%;background: #FFFFFF;border-radius: 20px;margin-bottom: 20px;overflow: hidden;}
.tpRList .list a{position: relative;margin: auto;display: block;margin-top: 20px;width: 296px;height: 119px;border-radius: 10px;overflow: hidden;}
.tpRList .list a img{width: 100%;min-height: 100%;height: auto;border-radius: 10px;}
.tpRList .list a p{position: absolute;left: 0;right: 0;bottom: 0;margin: auto;z-index: 1;display: block;width:100%;color: #fff;font-size: 16px;line-height: 34px;text-indent: 1em;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tpRList .list a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.tpRList .list a:before{content: "";position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;width: 100%;height: 34px;margin: auto;overflow: hidden;*zoom: 1;-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);border-radius: 0 0 10px 10px;}
.tpRList .list a:after {content: ""; position: absolute;bottom: 0;left: 0;right: 0; margin: auto; display: block;height: 60px;background: transparent;background-image: linear-gradient(0deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, 0) 100%);border-radius: 0 0 10px 10px;}
.tpRList .list a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.tpRList .list a:hover img{transform: scale(1.2);}
.hotNews{position: relative;padding: 18px 0 20px;width: 100%;background: #FFFFFF;border-radius: 20px;margin-bottom: 20px;overflow: hidden;}
.hotNews .ExpressTit{top: 1px;}
.hotNews .ExpressTit strong:after{content: "";position: relative;top: 8px;vertical-align: top;display: inline-block;width: 38px;height: 12px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -399px -5px;margin-left: 3px;}
.hotNews ul li{padding: 0 10px 0 20px;display: block;overflow: hidden;}
.hotNews ul li:nth-of-type(1){display: flex;position: relative;padding:20px 10px 10px 21px;}
.hotNews ul li:nth-of-type(1) img{float: left;width: 130px;height: 91px;border-radius: 10px;margin-right: 9px;}
.hotNews ul li:nth-of-type(1) div{float: left;width: 160px;height: 91px;overflow: hidden;}
.hotNews ul li:nth-of-type(1) div p{height: 72px;font-size: 14px;color: #333;line-height: 24px;margin-top: -3px;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.hotNews ul li:nth-of-type(1) div span{display: block;font-size: 12px;color: #999;line-height: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotNews ul li:nth-of-type(1) a:hover div p{color: #8AE2FF;}
.hotNews ul li:nth-of-type(n+2){position: relative;height: 34px;line-height: 34px;overflow: hidden;*zoom: 1; }
.hotNews ul li:nth-of-type(n+2):before{content: "";position: relative;float: left; top: 15px;margin-right:11px; vertical-align: top;display: inline-block;width: 4px;height: 4px;background: #8AE2FF;font-size: 0;line-height: 0;}
.hotNews ul li:nth-of-type(n+2) span{float: right;font-size: 14px;color: #999;margin-left: 2px;line-height: 34px;}
.hotNews ul li:nth-of-type(n+2) a{float: left;display: block;width: 290px;font-size: 14px;color: #333;line-height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotNews ul li:nth-of-type(n+2):hover a{color:#8AE2FF;}
.babyNewsCont{margin-bottom: 20px;padding:20px 20px 19px;border-radius: 20px;background: #fff;overflow: hidden;}
.babyNewsCont h1{margin-top: 12px;font-size: 32px;color: #000;font-weight: bold;line-height: 42px;margin-bottom: 11px;}
.babyNewsCont .time{position: relative;height:24px;margin-bottom: 11px;padding-bottom: 25px;border-bottom:1px solid rgba(138, 226, 255, .3);}
.babyNewsCont .time span,.babyNewsCont .time time{vertical-align: top;display: inline-block;font-size: 14px;color: #999;line-height: 24px;margin-right: 16px}
.babyNewsCont .time time{display: inline-block;vertical-align: top;;}
.babyNewsCont .cont{padding: 10px 0 4px;background: #FFF;font-size: 16px;color: #333;line-height: 32px;overflow: hidden;word-break: break-all;}
.babyNewsCont .cont a:hover{border-bottom: .01px solid #8AE2FF;}
.babyNewsCont .cont p{line-height: 32px;color: #333;margin-bottom: 16px;}
.babyNewsCont .cont br{height: 1px;}
.babyNewsCont .cont img{max-width:100%;margin: auto;display: block;}
.babyNewsCont .cont p img{max-width:100%;;border-radius: 10px;margin-bottom: 20px!important;padding: 6px 0 0;}
.babyNewsCont .cont h3{position: relative;line-height: 32px;font-size: 20px;color: #000;font-weight: bold;overflow: hidden;*zoom:1;margin-bottom: 6px;}
.babyNewsCont .cont iframe{width: 660px;height:360px;margin: 0 auto;display: block;border: none;}
.babyNewsCont .cont video{margin: 0 auto;display: block;width: 660px;height: auto;}
.babyNewsCont .cont table{max-width: 100%;margin: auto;}
.babyNewsCont .cont table a{color:#0000ee}
.babyNewsCont .cont table a:hover{text-decoration:underline}
.babyNewsCont .cont .info{margin:0 16px 20px;overflow: hidden;background: #f9f9f9;height: 113px;}
.babyNewsCont .cont .info img{width: 80px;height: 80px;display: block;float: left;border-radius: 12px;margin: 17px 20px 16px 15px;}
.babyNewsCont .cont .info p{text-indent:0;margin-bottom:10px;}
.babyNewsCont .qaboxs{float: left;width: 62%;}
.babyNewsCont .qaboxs .name{font-size: 18px;color: #333;margin-top: 25px;margin-bottom: 16px;}
.babyNewsCont .qaboxs p span{font-size: 14px;color: #999;margin-right: 45px;}
.babyNewsCont .qaboxs p span em{font-size: 14px;color: #666;}
.babyNewsCont .cont .info>a{display: block;float: right;width: 130px;height: 32px;color: #fff;line-height: 32px;text-align: center;background: #ffa622;margin-top: 41px;border-radius: 3px;margin-right: 18px;}
.babyNewsCont .qaboxs .name:hover{color: #FB371F;font-weight: bold;}
.newsCopy {height: 58px;line-height: 58px;font-size: 16px;color: #888;margin:auto}
.newsCopy span {position: relative;vertical-align: middle;display: inline-block; padding: 0 10px 0 8px; height: 26px;line-height: 26px;font-size: 14px;text-align: center;color: #ff9700;border: 1px solid #ff9700; border-radius: 3px;margin-right: 11px;cursor: pointer;background: #fff;overflow: hidden;}
.newsCopy span i { display: inline-block; width: 14px; height: 14px;vertical-align: top; position: relative; top: 6px;margin-right: 7px; background-position: -249px -5px}
.newsCopy span input { position: absolute; top: 0;left: 0;z-index: -1}
.newsCopy span:hover{opacity: .9;background: #FFF;}
.newsCopy input{background: transparent;border: none;}
.babyNewsApp{position: relative;display: block;margin: 8px 0 12px;padding: 22px 20px 21px 21px;height: 102px;background: linear-gradient(90deg, #D6ECF3, #F8F9FB);border-radius:10px;overflow: hidden;*zoom: 1;}
.babyNewsApp .img{float: left;width: 102px;height: 102px;margin-right: 21px;border-radius: 15px;overflow: hidden;}
.babyNewsApp .img img{position: relative;z-index: 1;float: left;display: block;margin: 0;width: 102px;height: 102px;border-radius: 15px;}
.babyNewsApp dl{position: relative;float: left;width: 500px;}
.babyNewsApp dt,.babyNewsApp dd{display: block;overflow: hidden;}
.babyNewsApp dl dt a{position: relative;z-index: 1;vertical-align: top;display: block;width: 100%;height: 38px;line-height: 38px;font-size:24px;color:#000;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyNewsApp dl dd{overflow: hidden;}
.babyNewsApp dl dd span{float: left;margin-bottom: 1px;display: block;font-size: 15px;color: #666;line-height: 25px;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.babyNewsApp dl dd span:nth-of-type(n+2):before{content: "/";font-size: 15px;color: #ccc;line-height: 25px;margin: 0 9px;}
.babyNewsApp dl dt a:hover{color: #8AE2FF;}
.babyNewsApp dl .tags{padding-top: 6px;height: 34px;overflow: hidden;*zoom: 1;}
.babyNewsApp dl .tags a,.babyRkList ol li dl .tags span{position: relative;float: left;padding: 0 12px;font-size: 14px;color: #666;height: 24px;line-height: 24px;margin:0 11px 10px 0;background: rgba(255, 255, 255, .4);border-radius:6px;}
.babyNewsApp dl .tags a:hover{background: #8AE2FF;color: #fff;}
.babyNewsApp .btn{display: block;position: absolute;right: 21px;top: 49px;width: 144px;height: 46px;background: #8AE2FF;border-radius: 23px;line-height: 46px;font-size: 16px;color: #fff;overflow: hidden;text-align: center;}
.babyNewsApp .btn:hover{text-decoration: underline;}
.babyRelNews{margin-bottom: 22px;background: #fff;padding:16px 20px 12px;border-radius: 20px;}
.babyRelNews .list{margin-top: 9px;width: 105%;overflow: hidden;*zoom: 1;}
.babyRelNews .list a{float: left;display: block;margin-right: 14px;margin-bottom: 11px;width: 257px;height: 220px;overflow: hidden;}
.babyRelNews .list a div{width: 100%;height: 145px;margin-bottom: 6.5px;border-radius: 10px;overflow: hidden;}
.babyRelNews .list a img{width: 100%;min-height: 145px;height: auto;border-radius: 10px;}
.babyRelNews .list a p{max-height: 40px;font-size: 15px;color: #333;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.babyRelNews .list a span{display: block;margin-top: .5px;font-size: 12px;color: #999;line-height: 24px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyRelNews .list a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.babyRelNews .list a img:hover{transform: scale(1.2);}
.babyRelNews .list a:hover  p{color: #8AE2FF;}
.babyNewsCont ~ .tpDeList,.babyAppCont ~ .tpDeList{margin-bottom: 20px;background: #fff;padding:20px;padding-bottom: 6px;border-radius: 20px;}
.babyNewsCont ~ .tpDeList ul,.babyAppCont ~ .tpDeList ul{width: 105%;padding-top: 14px;}
.babyNewsCont ~ .tpDeList ul li,.babyAppCont ~ .tpDeList ul li{width: 253px;height: 106px;background: #F8F8F8;border-radius: 10px;}
.babyNewsCont ~ .tpDeList ul li a div,.babyAppCont ~ .tpDeList ul li a div{width: 170px;}
.babyNewsCont ~ .tpDeList{padding-top: 14px;}
.babyNewsCont ~ .tpDeList ul li a{padding-left: 11px;padding-bottom: 18px;padding-top: 18px;}
.babyNewsCont ~ .tpDeList ul li a div p:nth-of-type(2){margin-bottom: 4px;padding-top: 0;margin-top: -2px;}
.appL .tpDeList,.appL  .tpDeList{margin-bottom: 20px;background: #fff;padding:20px;padding-bottom: 9px;border-radius: 20px;}
.appL .tpDeList ul,.appL .tpDeList ul{width: 105%;padding-top: 14px;}
.appL .tpDeList ul li,.appL .tpDeList ul li{width: 253px;height: 106px;background: #F8F8F8;border-radius: 10px;}
.appL .tpDeList ul li a div,.appL .tpDeList ul li a div{width: 170px;}
.appL .tpDeList{padding-top: 14px;}
.appL .tpDeList ul li a{padding-left: 11px;padding-bottom: 18px;padding-top: 18px;}
.appL .tpDeList ul li a div p:nth-of-type(2){margin-bottom: 4px;padding-top: 0;margin-top: -2px;}
.babyIHot{position: relative;}
.babyIHot .tabMenu{position: absolute;top: 11px;right: 22px;z-index: 1;height: 30px;background: #F2F7FF;border-radius: 16px;padding: 3px 4px;}
.babyIHot .tabMenu span{display: inline-block;padding: 0 22px 0 21px;height: 30px;line-height: 30px;border-radius: 15px;font-size: 14px;color: #696E81;cursor: pointer;}
.babyIHot .tabMenu span.current{background: #8AE2FF;color: #fff;}
.appLR{width: 1200px;padding: 0 20px;margin: auto;overflow: hidden;}
.appL{float: left;width: 840px;margin-right: 19px;}
.appR{float: right;width: 340px;}
.latestInput {margin-bottom: 20px;background: #fff;padding:15px 20px 16px;border-radius: 20px;}
.latestInput .list{width: 106%;padding: 7px 0 0;overflow: hidden;*zoom: 1;}
.latestInput .list a{position: relative;float: left;margin-right: 35px;padding-top: 5px;width: 104px;text-align: center;padding-bottom: 2px;}
.latestInput .list a img{display: block;width: 104px;height: 104px;border-radius:19px;margin: 0 auto;}
.latestInput .list a p{font-size: 14px;color: #333;line-height: 38px;height: 38px;overflow: hidden;}
.latestInput .list a:hover img{opacity: .9;}
.latestInput .list a img{-o-transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.latestInput .list a:hover img{ transform: rotateY(5deg);}
.latestInput .list a span{-o-transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.latestInput .list a span{display:block;position: absolute;left: 0;right: 0px;bottom: 6px;margin: auto;width: 0px;height: 28px;font-size:0;color: #fff;line-height: 28px;background: #8AE2FF;border-radius: 14px;text-align: center;}
.latestInput .list a:hover span{width: 72px;font-size: 14px;}
.babyAppTop{position: relative;top: -1px;left: -1px;z-index: 1;min-height: 152px;background: linear-gradient(90deg, #D6ECF3, #F8F9FB);border-radius: 20px;border: 2px solid #FFFFFF;margin: 1px auto 20px;padding:27px 10px 28px 30px;overflow: hidden;*zoom: 1;}
.babyAppTop .img{float: left;width: 152px;height: 152px;margin-right: 19px;border-radius: 30px;overflow: hidden;}
.babyAppTop .img img{position: relative;z-index: 1;float: left;display: block;margin: 0;width:150px;height: 150px;;border-radius: 26px;border: 1px solid #1FCBFB;}
.babyAppTop dl{position: relative;z-index: 1;float: left;width: 610px;}
.babyAppTop dl h1{position: relative;margin-top: -3px;display: block;font-size: 30px;color: #1D1D1F;line-height: 32px;padding-bottom: 5px;font-weight: bold;overflow: hidden;}
.babyAppTop dl .tags{overflow: hidden;*zoom: 1;}
.babyAppTop dl .tags a,.babyAppTop dl .tags span{float: left;display: inline-block;vertical-align: top;padding: 0 9px;height: 24px;font-size: 14px;color: #666;line-height: 24px;border-radius: 6px;margin: 5px 11px 0 0;background: rgba(255, 255, 255, .4);}
.babyAppTop dl .tags a:hover{background: #8AE2FF;;color: #fff;}
.babyAppTop dl .time{margin: 10px 0 0;display: block;font-size: 15px;color: #666;line-height: 25px;}
.babyAppTop dl .time span:nth-of-type(n+2):before,.babyAppTop dl .time time:before{content: "/";font-size: 15px;color: #CCCCCC;line-height: 25px;margin: 0 9px;}
.downBtn{position:relative;margin-top:2px;overflow: hidden;*zoom: 1;}
.downBtn a,.downBtn button{position: relative;float: left;display: block;border: none;width: 172px;height: 42px;border-radius: 10px;line-height: 42px;text-align: center;font-size: 16px;color: #fff;cursor: pointer;margin:10px 10px 0 0;box-sizing: content-box;background: linear-gradient(90deg, #158BFE, #38FEFD);box-shadow: 0px 3px 10px 0px rgba(53,243,253,0.3);}
.downBtn .adrBtn{background: linear-gradient(90deg, #2DC864, #60E4A1);box-shadow: 0px 3px 10px 0px rgba(94,227,159,0.3);}
.downBtn .iosBtn {background: linear-gradient(90deg, #158BFE, #38FEFD);box-shadow: 0px 3px 10px 0px rgba(53,243,253,0.3);}
.downBtn .pcBtn {background: linear-gradient(90deg, #C76CFF, #FF7EFA);box-shadow: 0px 3px 10px 0px rgba(244,109,255,0.3);}
.downBtn .orderBtn{background: linear-gradient(90deg, #F8A300, #FFCC00);box-shadow: 0px 3px 10px 0px rgba(253,147,53,0.3);}
.downBtn .noBtn{background: linear-gradient(90deg, #999999, #ACACAC);box-shadow: 0px 3px 10px 0px rgba(152,152,152,0.3);}
.oTip{display: block;width: 100%;line-height: 18px;font-size: 12px;color: #999;overflow: hidden;padding: 10px 0;}
.oTip label{color: #FB381F;margin-right: 3px;font-weight: bold;}
.downBtn a:hover,.downbtn button:hover{opacity: .9;}
.downBtn .adrBtn p,.downBtn .pcBtn p{display: block;margin-top: 5px;font-size: 15px;line-height: 17px;}
.downBtn .adrBtn span,.downBtn .pcBtn span{display: block;font-size: 12px;line-height: 16px;color: rgba(255,255,255,.75);}
.appR .babyIHot{padding-top: 20px;}
.appR .babyIHot ol li{padding-left: 20px;}
.appR .babyIHot ol .tBox{position: relative;width: 100%;}
.appR .babyIHot ol li a>span{position: absolute;top: 0;bottom: 0;right: 21px;margin: auto;width: 72px;height: 28px;line-height: 28px;background: #8AE2FF;border-radius: 14px;font-size: 14px;color: #fff;text-align: center;}
.appR .babyIHot ol li .fBox span{padding-right: 22px;}
.appR .babyIHot ol li .fBox a{width: 220px;}
.appR .babyIHot ol{padding-top: 12px;padding-bottom: 4px;}
.appR .babyIHot .ExpressTit{top: -2px;}
.appR .babyIHot ol li .fBox{height: 40px;line-height: 40px;}
.appR .babyIHot ol li .tBox div p{position: relative;top: 2px;}
.appR .tpRList .ExpressTit{top: -1px;}
.appR .tpRList .list{margin-top: -3px;}
.appL .babyRelNews{padding-top: 14px;margin-bottom: 20px;}
.appL .babyRelNews .list a span{margin-top: 1.5px;}
.babyHotApp{margin-bottom: 20px;padding: 20px 0 10px;background: #FFF;border-radius: 20px;}
.babyHotApp ul{position: relative;padding: 11px 1px 12px;}
.babyHotApp li{position: relative;z-index: 1;height: 90px;border-radius: 3px;overflow: hidden;}
.babyHotApp li a{position: relative;display: block;padding:10px 19px;overflow: hidden;*zoom: 1;}
.babyHotApp li img{float: left;width: 70px;height: 70px;border-radius: 15px;margin-right: 10px;}
.babyHotApp li div{float: left;width: 148px;height: 70px;overflow: hidden;}
.babyHotApp li div p{display: block;margin-top: -1px;font-size: 16px;color: #000;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyHotApp li div span{display: block;font-size: 12px;color: #999;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyHotApp li div span:nth-of-type(1){margin-top:-3px;}
.babyHotApp li div span:nth-of-type(2){margin-top:4px;}
.babyHotApp li:hover{background:#F3F9FB;}
.babyHotApp li a>span{display: block;position: absolute;right: 21px;top: 0;bottom: 0;margin: auto;width: 72px;height: 28px;font-size: 14px;color: #8AE2FF;border-radius:14px;text-align: center;line-height: 28px;background: rgba(194,237,250,.35);overflow: hidden;}
.babyHotApp li:hover a>span{color: #fff;background: #8AE2FF;}
.babyHotApp .ExpressTit{top: 2px;}
.hotNewsR{margin-bottom: 20px;padding: 22px 0 16px;background: #FFF;border-radius: 20px;}
.hotNewsR .list{padding-top: 1px;}
.hotNewsR .list a {display: block;  padding: 13px 20px 14px; overflow: hidden;*zoom:1}
.hotNewsR .list a img {float: left;width: 112px; height: 73px; margin-right: 10px;border-radius: 10px}
.hotNewsR .list a div {float: left;width: 178px;height: 73px}
.hotNewsR .list a div p {margin-top: -3px;display: block;height: 40px;font-size: 14px; color: #333; line-height: 20px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.hotNewsR .list a div span {display: block;margin-top: 18px;font-size: 12px;color: #C3C3C3;line-height: 18px}
.hotNewsR .list a:hover div p {color: #8AE2FF}
.babyVersion{margin: 0 0 20px;padding: 0 20px;}
.babyVersion ul{padding: 4px 0 0;}
.babyVersion li{position: relative;height: 60px;margin-bottom: 10px;overflow: hidden;}
.babyVersion li:nth-of-type(2n+1){background: #F3F9FB;}
.babyVersion li .name{position: relative;display: block;height: 28px;padding: 16px 21px;overflow: hidden;*zoom: 1;}
.babyVersion li .name p{float: left;display: block;width: 276px;height: 28px;font-size: 16px;color: #333;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyVersion li .name p:nth-of-type(n+2){width: 189px;color: #999;margin-left: 17px;margin-right: 7px;}
.babyVersion li .btn{display: block;position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;width: 72px;height: 28px;font-size: 14px;color: #8AE2FF;border-radius:14px;text-align: center;line-height: 28px;background: rgba(194,237,250,0.35);overflow: hidden;}
.babyVersion li:hover .btn{color: #fff;background: #8AE2FF;}
.babyVersion li .name p:nth-of-type(n+2) i{color: #666;}
.babyVersion li .name p:nth-of-type(1){font-weight: bold;}
.babyVersion li:hover .name p:nth-of-type(1){color: #8AE2FF;;}
.babyAppCont{position: relative;margin-bottom: 20px;padding: 8px 0 12px;background: #FFFFFF;border-radius: 20px;overflow: hidden;}
.babyJump{position: relative;margin: 0 20px;border-bottom:1px solid rgba(226,226,226,.5);}
.babyJump span{position: relative;display: inline-block;vertical-align: top;padding: 0 10px;margin: 0 55px 0 0;height: 52px;font-size: 18px;color: #666;line-height: 56px;cursor: pointer;}
.babyJump span:before{content: "";position: absolute;bottom: -1px;left: 0;right: 0;margin: auto;display: block;width: 0;height: 0; display: block; background: linear-gradient(61deg, #AFEAF8 0%, #AFEAF8 50%,#BDF6F1 50%,#BDF6F1 100%);border-radius: 3px;transition: all .8s; -webkit-transition: all .8s;-moz-transition: all .8s;-o-transition: all .8s;}
.babyJump span.current{color:#333;font-weight: bold;font-size: 22px;line-height: 52px;}
.babyJump span:hover{color:#333;}
.babyJump span.current:before,.babyJump span:hover:before{width: 39px;height: 6px;}
.babyJump span i{font-size: 12px;color: #ccc;margin-left: 4px;}
.babyAppCont .cont{position: relative;padding: 6px 15px 0 19px;font-size: 16px;color: #333;line-height: 24px;overflow: hidden;}
.babyAppCont .cont a{text-indent: 0;color: #8AE2FF;}
.babyAppCont .cont p{color: #333;margin-bottom: 24px;}
.babyAppCont .cont br{height: 1px;}
.babyAppCont .cont img{display: block;max-width:100%;margin:20px auto;}
.babyAppCont .cont h3{position: relative;display: flex;flex-wrap: wrap;line-height: 30px;font-size: 20px;color: #8AE2FF;font-weight: bold;margin: -8px 0 11px;}
.babyAppCont .cont h3:before{content: "";position: relative;margin-right: 9px;top: 7px;vertical-align: top;display: inline-block;width: 16px;height: 18px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -451px -5px;}
.babyAppCont .cont iframe{width: 800px;height:360px;margin: 0 auto;display: block;border: none;}
.babyAppCont .cont table{max-width: 100%;margin: auto;}
.babyAppCont .cont table a{color:#0000ee}
.babyAppCont .cont table a:hover{text-decoration:underline}
.babyLog{position: relative;padding: 0 20px;margin-bottom: 17px;background: #fff;}
.rizhi {position: relative;font-size: 16px;color: #1D2127;line-height: 24px;}
.rizhi strong{position: relative;display: block;color: #1D2127;line-height: 30px;font-size: 18px;font-weight: 400;}
.rizhi p{margin-bottom: 5px;border-bottom: none;display: block;}
.rizhi p span{display: block;}
.rizhi p br{line-height: 2px;}
.rLog{ position: absolute;top: 7px;right: 0px;line-height: 24px;cursor: pointer;font-size: 14px;color: #ccc;}
.rLog:hover{color: #8AE2FF;}
.rTime{position: relative;display: inline-block;height: 24px;line-height: 24px;font-size: 16px;color: #1D2135;}
.rizhi .tit{font-size: 16px;color: #ccc;margin:0 0 6px;}
.rzCont{padding: 0 0 3px;}
.feBaBtn{position: absolute;z-index: 1;right: 21px;top: 7px;padding: 0 8px 0 7px;height: 24px;line-height: 24px;font-size: 14px;color: #FF8A56;text-align: center;background: #FFEEE7;border-radius: 6px;cursor: pointer;}
.feBaBtn:before{content: "";position:relative;top: 5px;vertical-align: top;margin-right: 3px;display:inline-block;width: 16px;height: 14px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -196px -5px;}
.feBaBtn:hover{font-weight: bold;}
.babyAppInfo{margin: 0 0 21px;position: relative;padding: 0 20px;overflow: hidden;*zoom: 1;}
.babyAppInfo ul{position: relative;margin-top: 5px;background: rgba(214, 236, 243, .3);border-radius: 6px;;padding:9px 0 15px;overflow: hidden;*zoom: 1;}
.babyAppInfo li{float: left;padding-right: 6px;padding-left: 15px;width: 370px;height: 42px;line-height: 42px;font-size: 16px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyAppInfo li span,.babyAppInfo li a{float: left;display:block;width: 70px;font-size: 16px;color: #999;margin-right: 5px;line-height: 42px;}
.babyAppInfo li .gPower,.babyAppInfo li .gSecret,.babyAppInfo li .gaSecret,.babyAppInfo li i,.babyAppInfo li a{color: #99CCFF;cursor: pointer;text-decoration: underline;}
.babyAppInfo li .gPower:hover,.babyAppInfo li .gSecret:hover,.babyAppInfo li .gaSecret:hover,.babyAppInfo li i:hover,.babyAppInfo li a:hover{color: #6fb5fc;}
.babyAppInfo li:nth-of-type(2n+1){width: 354px;}
.babyAppInfo li:nth-of-type(2n+2){width: 386px;}
.showImg{padding: 0 0 0 18px;overflow: hidden;}
.screenshot {position:relative; margin:20px 0;width:100%;height:224px;}
.screenshot ul{height:224px;text-align: center;font-size: 0;white-space:nowrap;}
.screenshot ul img{display: block;height:224px;width:auto;vertical-align:top}
.screenshot ul li{width:auto;margin-right:10px;display:inline-block;height:224px;box-shadow: 0px 5px 10px 0px rgba(204,204,204,0.2);border-radius: 10px;overflow: hidden;}
.screenshot ul li:last-child{margin-right: 0;}
.screenshot .video-js{width: 395px;height: 224px;}
.screenshot .slider-inner-contain{position:relative;left:0;width:100%;height: 224px;overflow-x:scroll;overflow-y:hidden;}
.screenshot .img-slider .img-item{position:relative;line-height:0;font-size:0}
.screenshot .lb-data .lb-number{font-size: 0;}
.screenshot .swiper-button-next,.screenshot .swiper-button-prev{opacity:1;z-index: 8;display: block;position: absolute;top: 50%;z-index: 1;margin-top: -32.5px;width: 35px;height: 64px;background: rgba(0,0,0,.25);border-radius: 8px;cursor: pointer;}
.screenshot .swiper-button-next:after,.screenshot .swiper-button-prev:after{content: "";position: absolute;top: 20px;width: 15px;height: 30px;}
.screenshot .swiper-button-prev{left: -18px;}
.screenshot .swiper-button-prev:after{left:10px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -216px -135px;}
.screenshot .swiper-button-next{right: 0px;}
.screenshot .swiper-button-next:after{right: 10px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -216px -135px;transform: rotateY(180deg);}
.screenshot .swiper-button-next:hover, .screenshot .swiper-button-prev:hover{opacity: 1;}
.screenshot .swiper-button-next.swiper-button-disabled,.screenshot  .swiper-button-prev.swiper-button-disabled{opacity: .5;}
.showImg ::-webkit-scrollbar{display: none;height: 8px !important;border-radius: 4px;background: #FFEBEB;}
.video-js .vjs-big-play-button {position: absolute;top: 50%;left: 50%;margin: -29px 0 0 -29px;padding: 0;width: 58px;height: 58px;line-height: 58px;border-radius: 50%;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -286px -120px;cursor: pointer;border: 0;}
.video-js .vjs-big-play-button::before, .video-js .vjs-play-control::before, .vjs-icon-play::before {font-size: 0;}
.babyAppZt{position: relative;margin-bottom: 20px;padding:16px 20px;background: #FFFFFF;border-radius: 20px;overflow: hidden}
.babyAppZt .tabMenu{padding: 10px 0 0;overflow: hidden;*zoom: 1;}
.babyAppZt .tabMenu span{position: relative;float: left;display: block;padding: 0 18px;margin: 0 11px 11px 0;text-align: center;font-size: 15px;color: #696E81;line-height: 30px;background: #F2F7FF;border-radius: 15px;cursor: pointer;}
.babyAppZt .tabMenu span:hover{background: #EAFAFF;}
.babyAppZt .tabMenu span.current{color: #fff;font-weight: bold;background: #8AE2FF;box-shadow: 0px 5px 8px 0px rgba(168,235,240,0.5);}
.babyAppZt .tabMenu span:before{content: "";position:absolute;bottom: 7px;left:-1px;right: 0;z-index: -1;margin: auto;display:block;width:0;height: 9px;background:#8AE2FF;}
.babyAppZt .tabMenu span:before{-o-transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.babyAppZt .tabMenu span.current:before{width: 100%;padding:  0 1px;}
.babyAppZt .subBoxTop{display: block;margin: 8px 0 15px;padding: 18px 20px 21px 19px;background: #F3F9FB;border-radius: 15px;overflow: hidden;}
.babyAppZt .subBoxTop .img{position: relative;float: right;margin-top:3px;width: 435px;height: 235px;border-radius: 15px;overflow: hidden;}
.babyAppZt .subBoxTop .img img{width: 100%;min-height: 100%;height: auto;border-radius: 15px;}
.babyAppZt .subBoxTop img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.babyAppZt .subBoxTop img:hover{transform: scale(1.2);}
.babyAppZt .subBoxTop dl{float: left;width: 305px;height:235px;margin-right: 20px;overflow: hidden;}
.babyAppZt .subBoxTop dl dt{position: relative;top: -3px;display: block;height: 32px;margin-bottom: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyAppZt .subBoxTop dl dt strong{position: relative;z-index: 1;display: inline-block;max-width: 100%;height: 32px;line-height: 32px;font-size: 20px;color: #000;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.babyAppZt .subBoxTop dl dt strong:after{content: ""; position: absolute;left: 0; bottom: 0; z-index:-1;display: block;width: 90%;height: 12px;    background: linear-gradient(61deg, #bdeef9 0%, #d4f5fa 50%, #dafaf8 50%, #ecfcfb 100%);border-radius: 3px;}
.babyAppZt .subBoxTop dl dd span{display: block;margin-bottom: 1px;font-size: 14px;color: #999;line-height: 26px;}
.babyAppZt .subBoxTop dl dd p{margin-bottom: 31px;max-height:120px;font-size: 16px;color:#333;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.babyAppZt .subBoxTop .time{padding-left: 1px;overflow: hidden;}
.babyAppZt .subBoxTop .time span{position: relative;float: left;margin-right: 4px;}
.babyAppZt .subBoxTop .time span:nth-of-type(2){padding-left: 37px;}
.babyAppZt .subBoxTop .time span:nth-of-type(2):before{content: "";position: absolute; top: 0;bottom: 0;left: 18px;display: block;width: 1px;height:33px;background: rgba(0,0,0,.06);margin: auto;}
.babyAppZt .subBoxTop .time label{display: block;color: rgba(51, 51, 51, .5);}
.babyAppZt .subBoxTop .time time,.babyAppZt .subBoxTop .time em{position: relative;top: -3px;font-size: 14px;color: #333;}
.babyAppZt .list{width: 106%;padding: 7px 0 0;overflow: hidden;*zoom: 1;}
.babyAppZt .list a{position: relative;float: left;margin-right: 35px;padding-top: 5px;width: 104px;text-align: center;padding-bottom: 2px;}
.babyAppZt .list a img{display: block;width: 104px;height: 104px;border-radius:19px;margin: 0 auto;}
.babyAppZt .list a p{font-size: 14px;color: #333;line-height: 40px;height: 40px;overflow: hidden;}
.babyAppZt .list a:hover img{opacity: .9;}
.babyAppZt .list a img{-o-transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.babyAppZt .list a:hover img{ transform: rotateY(5deg);}
.babyAppZt .list a span{-o-transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.babyAppZt .list a span{display:block;position: absolute;left: 0;right: 0px;bottom: 6px;margin: auto;width: 0px;height: 28px;font-size:0;color: #fff;line-height: 28px;background: #8AE2FF;border-radius: 14px;text-align: center;}
.babyAppZt .list a:hover span{width: 72px;font-size: 14px;}

.privacyMain::-webkit-scrollbar,.ruleMain::-webkit-scrollbar,.logMain::-webkit-scrollbar{width: 10px !important;border-radius: 5px;background-color: #eee !important;}
.privacyMain::-webkit-scrollbar-thumb,.ruleMain::-webkit-scrollbar-thumb,.logMain::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #8AE2FF !important;}
/* order */
.orderList{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.orderBox{position: absolute;z-index: 5;top: 128px;left: 0;right: 0;margin: auto;width: 472px;padding:35px 44px 15px;min-height: 340px;background:url(../img/orderbg.png) no-repeat;background-size: 100% 100%;background-color: #fff;text-align: center;border-radius: 30px;}
.orderBox .oClose{position: absolute;bottom: -80px;left: 0;right: 0;margin: auto;z-index: 10;cursor: pointer;}
.orderBox .oClose i{vertical-align: top;display: inline-block;padding: 10px;width: 30px;height: 30px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -277px -231px;position: relative;}
.orderBox .oTitle{position: relative;margin-top: 10px;}
.orderBox .oTitle p{display:block;font-size: 36px;color: #373B44;line-height:56px;font-weight: 500;text-align: center;position: relative;margin: 0 auto;}
.orderBox .oTelBox{position: relative;margin-top: 36px;}
.orderBox form .tel{width: 412px;height: 60px;line-height: 60px;background: #F6F7FA;border: none;color:#B0B0B0;font-size:18px;border-radius:30px;padding:0 30px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .tel::-webkit-input-placeholder {color: #B0B0B0;}
.orderBox form .tel:-moz-placeholder { color: #B0B0B0;}
.orderBox form .tel::-moz-placeholder { color: #B0B0B0;}
.orderBox form .tel:-ms-input-placeholder { color: #B0B0B0;}
.orderBox form .tel:focus{color: #808080;}
.orderBox form .msgTips{color: #999;margin-top: 16px;}
.orderBox form p{margin-top: 4px;color:#373B44;font-size:14px;line-height: 26px;overflow: hidden;}
.orderBox form span{color: #ff3232;font-size: 14px;text-align: left;display: block;padding-left: 30px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn,.orderBox .oKnow{display: block;cursor: pointer;border: 0;background: #8AE2FF;width:472px;height: 60px;color:#FFFFFD;font-size:18px;line-height: 60px;margin:25px auto;border-radius: 30px;}
.orderBox .msg{display: block;color: #ff3232;font-size: 14px;text-align: left;padding-left: 30px;margin: 0 auto;}
.orderBox .oWin{width: 100%;font-size: 18px;border-radius: 3px;text-align: center;}
.orderBox .oWin>i{display:block;width: 90px;height: 90px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -379px -231px;margin:40px auto 30px;position: relative;}
.orderBox .oAgin{width: 100%;font-size: 18px;border-radius: 3px;text-align: center;}
.orderBox .oAgin>i{display:block;width: 90px;height: 90px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -379px -231px;margin:40px auto 30px;position: relative;}
/* rizhi */
.gLog{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);}
.logBox{position: absolute;z-index: 5;top: 60px;left: 0;right: 0;margin: auto;width: 472px;padding:35px 44px 15px;min-height: 340px;background-color: #fff;text-align: center;border-radius: 24px;}
.logBox:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;display: block;width: 100%;height: 241px;background: url(../img/maskfkbg.png) no-repeat;background-size: 600px 1000px;background-position: 0px -0px;border-radius: 24px 24px 0 0;}
.logBox:after{content: "";position: absolute;z-index: -1;bottom: 0;left: 0;display: block;width: 100%;height:228px;background: url(../img/maskfkbg.png) no-repeat;background-size: 600px 1000px;background-position: 0px -315px;border-radius:0 0 24px 24px;}
.gLog .gLclose{position: absolute;bottom: -80px;left: 0;right: 0;margin: auto;z-index: 10;cursor: pointer;}
.gLog .gLclose i{vertical-align: top;display: inline-block;padding: 10px;width: 30px;height: 30px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -277px -231px;position: relative;}
.gLog .lTitle{position: relative;}
.gLog .lTitle p{display:block;font-size: 36px;color: #373B44;line-height:72px;font-weight:500;text-align: center;position: relative;margin: 0 auto;}
.gLog .gSure{display: block;cursor: pointer;border: 0;background: #8AE2FF;width:472px;height: 60px;color:#FFFFFD;font-size:18px;line-height: 60px;margin:25px auto;border-radius: 30px;}
.logMain{display: block;height: 318px;border:none;padding: 0 10px 20px 1px;line-height: 26px;font-size: 16px;color: #373B44;margin: 20px auto 35px;text-align: left;overflow: auto;}
.logMain strong{display: block;margin-bottom: 6px;color: #373B44;line-height: 30px;font-size: 18px;border-radius: 5px; font-weight:bold;}
.logMain p{margin-bottom: 10px;border-bottom: none;display: block;}
.logMain p span{display: block;}
.logMain p br{line-height: 2px;}
/* power */
.gRule{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);}
.ruleTxt{position: absolute;z-index: 5;top: 60px;left: 0;right: 0;margin: auto;width: 472px;padding:35px 44px 15px;min-height: 340px;background-color: #fff;text-align: center;border-radius: 24px;}
.ruleTxt:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;display: block;width: 100%;height: 241px;background: url(../img/maskfkbg.png) no-repeat;background-size: 600px 1000px;background-position: 0px -0px;border-radius: 24px 24px 0 0;}
.ruleTxt:after{content: "";position: absolute;z-index: -1;bottom: 0;left: 0;display: block;width: 100%;height:228px;background: url(../img/maskfkbg.png) no-repeat;background-size: 600px 1000px;background-position: 0px -315px;border-radius:0 0 24px 24px;}
.gRule .gRclose{position: absolute;bottom: -80px;left: 0;right: 0;margin: auto;z-index: 10;cursor: pointer;}
.gRule .gRclose i{vertical-align: top;display: inline-block;padding: 10px;width: 30px;height: 30px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -277px -231px;position: relative;}
.gRule .oTitle{position: relative;}
.gRule .oTitle p{display:block;font-size: 36px;color: #373B44;line-height:72px;font-weight:500;text-align: center;position: relative;margin: 0 auto;}
.gRule .gSure{display: block;cursor: pointer;border: 0;background: #8AE2FF;width:472px;height: 60px;color:#FFFFFD;font-size:18px;line-height: 60px;margin:25px auto;border-radius: 30px;}
.ruleMain{display: block;height: 318px;border:none;padding: 0 10px 20px 1px;line-height: 26px;font-size: 16px;color: #373B44;margin: 20px auto 35px;text-align: left;overflow: auto;}
.ruleMain strong{display: block;margin-bottom: 6px;color: #373B44;line-height: 30px;font-size: 18px;border-radius: 5px; font-weight:bold;}
.ruleMain p{margin-bottom: 10px;border-bottom: none;display: block;}
.ruleMain p span{display: block;}
.ruleMain p br{line-height: 2px;}
/* Privacy */
.gPrivacy{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);}
.privacyTxt{position: absolute;z-index: 5;top: 60px;left: 0;right: 0;margin: auto;width: 472px;padding:35px 44px 15px;min-height: 340px;background-color: #fff;text-align: center;border-radius: 24px;}
.privacyTxt:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;display: block;width: 100%;height: 241px;background: url(../img/maskfkbg.png) no-repeat;background-size: 600px 1000px;background-position: 0px -0px;border-radius: 24px 24px 0 0;}
.privacyTxt:after{content: "";position: absolute;z-index: -1;bottom: 0;left: 0;display: block;width: 100%;height:228px;background: url(../img/maskfkbg.png) no-repeat;background-size: 600px 1000px;background-position: 0px -315px;border-radius:0 0 24px 24px;}
.gPrivacy .gPclose{position: absolute;bottom: -80px;left: 0;right: 0;margin: auto;z-index: 10;cursor: pointer;}
.gPrivacy .gPclose i{vertical-align: top;display: inline-block;padding: 10px;width: 30px;height: 30px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -277px -231px;position: relative;}
.gPrivacy .oTitle{position: relative;}
.gPrivacy .oTitle p{display:block;font-size: 36px;color: #373B44;line-height:72px;font-weight:500;text-align: center;position: relative;margin: 0 auto;}
.gPrivacy .gSure{display: block;cursor: pointer;border: 0;background: #8AE2FF;width:472px;height: 60px;color:#FFFFFD;font-size:18px;line-height: 60px;margin:25px auto;border-radius: 30px;}
.privacyMain{display: block;height: 318px;border:none;padding: 0 10px 20px 1px;line-height: 26px;font-size: 16px;color: #373B44;margin: 20px auto 35px;text-align: left;overflow: auto;}
.privacyMain strong{display: block;margin-bottom: 6px;color: #373B44;line-height: 30px;font-size: 18px;border-radius: 5px; font-weight:bold;}
.privacyMain p{margin-bottom: 10px;border-bottom: none;display: block;}
.privacyMain p span{display: block;}
.privacyMain p br{line-height: 2px;}
/* feedback */
.feedBack{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5); }
.feBackBox{position: absolute;z-index: 5;top: 50px;left: 0;right: 0;margin: auto;width: 472px;padding:25px 44px 15px;min-height: 340px;background-color: #fff;text-align: center;border-radius: 24px;}
.feBackBox:before{content: "";position: absolute;z-index: -1;top: 0;left: 0;display: block;width: 100%;height: 241px;background: url(../img/maskfkbg.png) no-repeat;background-size: 600px 1000px;background-position: 0px -0px;border-radius: 24px 24px 0 0;}
.feBackBox:after{content: "";position: absolute;z-index: -1;bottom: 0;left: 0;display: block;width: 100%;height:228px;background: url(../img/maskfkbg.png) no-repeat;background-size: 600px 1000px;background-position: 0px -315px;border-radius:0 0 24px 24px;}
.feBackBox .cont{overflow: hidden;}
.feBaClose{position: absolute;bottom: -80px;left: 0;right: 0;margin: auto;z-index: 10;cursor: pointer;}
.feBaClose i{vertical-align: top;display: inline-block;padding: 10px;width: 30px;height: 30px;background:url(../img/icon.png) no-repeat;background-size:1000px 1000px;background-position: -277px -231px;position: relative;}
.feBackBox .fTitle{position: relative;}
.feBackBox .fTitle p{display:block;font-size: 36px;color: #373B44;line-height:72px;font-weight: bold;text-align: center;position: relative;margin: 0 auto;}
.feBackBox .feSubmit input{display: block;cursor: pointer;border: 0;background: #8AE2FF;width:416px;height: 48px;color:#fff;font-size:18px;line-height: 48px;margin:25px auto;border-radius: 24px;}
.feBack{margin: 0 0 25px;}
.feBack>span{font-size: 18px;color: #373B44;line-height: 40px;margin: 0 0 2px;display: block;text-align: left;}
.feBack .info{display: flex;flex-wrap: wrap;width: 100%;margin: 0 auto 6px;}
.feBack .info p{font-size: 14px;color: #333;line-height: 88px;}
.otherRe{margin-bottom: 20px;min-height: 80px;background: #F6F7FA;border-radius: 16px;overflow: hidden;padding: 15px 20px; }
.feBack textarea{ width: 100%;height: 80px;line-height: 24px;border: none;resize:none;background:transparent;font-size: 16px;color: #999;}
.checkbox {position: relative;display: block;padding: 0;height:36px;line-height: 36px;margin: 0 20px 20px 0;cursor: pointer;}
.checkbox:nth-last-child(1){border-bottom: none;}
.checkbox input[type='checkbox'] {position: absolute;left: 0;top: 0;width: 20px;height:36px;opacity: 0;}
.checkbox label {position: relative;left: 0;top:0;display: block;height: 36px;line-height: 36px;padding: 0 25px;font-size: 16px;color: #666;border-radius: 18px;background: #F6F7FA;cursor: pointer;}
.checkbox input[type='checkbox']:checked + label {padding: 0 24px;height: 34px;line-height: 34px;color: #8AE2FF;border:1px solid #8AE2FF;}
.telBox{overflow: hidden; margin: 0 0 20px; background:#FAFAFA; border-radius: 24px;overflow: hidden;height:48px;line-height: 48px;}
.telBox input{display: block;border: none;width: 432px;padding: 0 20px;height:48px;line-height: 48px;background: #F6F7FA;border-radius: 24px;font-size: 16px;color: #999;}
.telBox input::-webkit-input-placeholder {color: #999;}
.telBox input:-moz-placeholder { color: #999;}
.telBox input::-moz-placeholder { color: #999;}
.telBox input:-ms-input-placeholder { color: #999;}
.telMsg{margin-bottom: 2px;font-size: 14px;color: #999;text-align: left;line-height: 20px;display: block;}
.video-source{width: auto !important;max-width: 72% !important;height: auto !important;max-height: 460px !important;display:block !important;margin:10px auto !important;}
.showImg .screenshots{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.showImg .screenshots div,.showImg .screenshots div img{width: auto;height: 100%;}

nav li a{padding: 0 14px 0 12px;}