#banner{background-image:url(../images/bg-icon/bg-manual.jpg)}#banner .container{padding:10% 0}#banner h1{margin-bottom:0}.stories ol{display:none}.stories ol.active{display:block}.stories ol li{border:1px solid #d3dae1;padding:2.4% 4% 2.4% 0;margin-bottom:4%;overflow:hidden;font-size:16px\0;font-size:1.6rem;color:#21252a;line-height:1.5;box-shadow:1px 1px 2px rgba(0,0,0,.2);height:256px}.stories ol li:nth-of-type(even){background:#f4f7f9}.stories ol li:last-child{margin-bottom:4%}.stories ol li .pic,.stories ol li .text{display:inline-block}.stories ol li .text{vertical-align:top}.stories ol li .pic{width:23%;text-align:center;line-height:100%;margin-top:60px;vertical-align:top}.stories ol li .divider{display:inline-block;height:256px;border-left:1px solid #d3dae1}.stories ol li .pic img{margin:0 auto}.stories ol li .pic h4{font-size:20px\0;font-size:2rem;color:#333;padding-top:20px}.stories ol li .text{width:73%;padding:1% 0 2% 3.8%}.stories ol li p{text-align:left;color:#666}.stories .text p:last-child{padding-top:1%}.stories ol li .title,.stories ol li img{display:inline-block;vertical-align:middle}.stories ol li .title{margin:0 1%;color:#333}.pages,.pages a{text-align:center}.pages{width:100%;margin:0 auto 3%}.pages a{display:inline-block;width:23px;height:23px;line-height:23px;vertical-align:top;margin-right:10px;color:#5b5b5b;font-size:16px\0;font-size:1.6rem;border:1px solid transparent;border-radius:2px}.pageList a:hover,.pages a.cur{border-color:#4294e9;background-color:#4294e9;color:#fff}.pages>a:first-child,.pages>a:last-child{border:1px solid #cacbcc;background:url(../public/images/articles-up.png) no-repeat}.pages>a:first-child{background-position:center 8px}.pages>a:last-child{background-position:center -32px}.product-tips{background-color:#eef1f3}.product-tips .container{width:1000px;margin:0 auto}.product-tips .content,.product-tips .or{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.product-tips .content{width:41%;vertical-align:middle}.product-tips .content>a{line-height:2;padding:2% 2% 3%;border-color:rgba(216,231,243,.75);background-color:#fff;width:100%;transition:all .5s}.product-tips .content>a:hover{background-color:#4294e9;color:#fff}.product-tips .content>a:hover h4{color:#fff}.product-tips .or{padding:0 1.5%}.product-tips .or,.product-tips .or>img{vertical-align:middle;width:18%}.product-tips .or>span{font-size:34px;font-size:3.4rem;padding:0 10%;vertical-align:middle}@media (min-width:768px) and (max-width:992px){.stories ol li .divider{height:200px}.stories ol li{height:auto}.stories ol li .pic{margin-top:40px}.product-tips .container{width:100%}.product-tips .or>img{display:none}.product-tips .content{width:47.5%}.product-tips .content a{padding:2% 0}.product-tips .or{padding:0;width:5%}.product-tips .or>span{font-size:2.4rem}}@media (min-width:320px) and (max-width:767px){.stories ol li{height:auto}.stories ol li .pic,.stories ol li .text{display:block;width:100%}.stories ol li .pic{margin:10px auto}.product-tips .or>img,.stories ol li .divider{display:none}.at_web7_app>.center{padding:0}.stories ol li .title,.stories ol li img{vertical-align:middle}.pages a{margin-right:5px}.product-tips .container{width:100%}.product-tips .or{width:13%}.product-tips .or>span{padding:0;font-size:2.2rem}}