/*!src/Css/products/linghang_h5/index.scss*/ /*! * 经传多赢手机版 * Author: Billwing * Create: 2017-08-17 * Update: 2017-08-17 */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{line-height:1.6;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}*{margin:0;padding:0}ul{list-style:none}img{max-width:100%;max-height:100%}a img{border:0}a{text-decoration:none}a,input{-webkit-tap-highlight-color:transparent}input,textarea{border:0;outline:0;resize:none}html,body{font-size:1.5rem;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei";color:#333;background-color:#f1f1f1;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}a{color:#1d1d1d}input,textarea{border:0;outline:0}textarea{resize:none}.hide{display:none}.hidden{display:none!important}.wrapper{width:100%;height:100%;overflow:auto}.flex-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.flex-item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-flow{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.flex-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.animated{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3,.3,.3);transform:scale3d(0.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(0.3,.3,.3);transform:scale3d(0.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}body{font-family:SourceHanSansCN;font-size:0;background-color:#069}.header{margin-bottom:3.15rem}.header img{width:100%}.header .logo{position:absolute;width:100%;box-sizing:border-box;top:.6rem;padding:0 1.1rem}.header .logo img{width:8.4rem}.header .logo span{float:right;font-size:1.1rem;color:#fff}.main{text-align:center;padding:0 1.5rem}.main li{margin-bottom:4.5rem}.main li .title{margin-bottom:1.85rem}.main li .title img{width:100%}.main li .wrapepr{position:relative;margin-bottom:4rem}.main li .wrapepr>img{width:100%}.main li .wrapepr .content{position:absolute;box-sizing:border-box;left:0;bottom:0;width:100%;height:100%;padding:1rem;padding-top:4.9rem;overflow:hidden}.main li .wrapepr .content .describe{font-size:1.3rem;color:#000;margin-bottom:.5rem}.main li .wrapepr .content .nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:4rem;line-height:4rem;text-align:center;font-size:1.6rem;border:.1rem solid #19a9ff;margin-bottom:1.15rem;border-radius:.5rem;cursor:pointer}.main li .wrapepr .content .nav span{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;cursor:pointer;border-right:.1rem solid #19a9ff}.main li .wrapepr .content .nav span.action{background-color:#19a9ff;color:#fff}.main li .wrapepr .content img{width:100%;display:none}.main li .wrapepr .content img.action{display:block}.honor{font-size:1rem;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 .75rem;margin-top:1.1rem}.honor .item{-webkit-box-flex:0;-webkit-flex:0 0 49%;-ms-flex:0 0 49%;flex:0 0 49%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:6rem;box-sizing:border-box;margin-bottom:1rem;padding:1.45rem .5rem;border-radius:.4rem;background-color:#0d87d0}.honor .item div{margin-right:.95rem;width:3.5rem;padding-top:.25rem}.honor .item:nth-child(2n){margin-left:2%}.honor-last{font-size:1rem;color:#fff;padding:0 .75rem}.honor-last .last-wrapper{height:6rem;text-align:center;box-sizing:border-box;padding-top:1.6rem;border-radius:.4rem;background-color:#0d87d0}.honor-last .last-wrapper img{width:3.15rem;vertical-align:bottom}.honor-last .last-wrapper div{display:inline-block}.footer{width:100%;height:5rem;text-align:center;font-family:HYQiHeiX1-EEW;font-size:.9rem;color:#dde8ff;padding-top:1.45rem;overflow:hidden;padding-bottom:4.9rem}.btnBox{display:none;position:fixed;z-index:5;background-color:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0}.btnBox>div{position:relative;width:31.5rem;height:11.5rem;background-color:#fff;position:absolute;top:50%;left:50%;margin:-7.5rem 0 0 -16rem;font-size:1.4rem;padding-top:3.5rem;border-radius:10px}.btnBox>div .btnText{padding:1rem}.btnBox>div>button{position:absolute;bottom:0;width:100%;height:5rem;text-align:center;background:0 0;font-size:1.8rem;border:0;outline:0;border-top:1px solid #666;color:#216fe1}#btn{position:fixed;bottom:0;width:100%;height:4.9rem;line-height:4.9rem;font-size:1.7rem;text-align:center;color:#fff;background-color:#e33030}