a,article,aside,body,div,footer,h3,h4,header,html,i,img,li,main,p,section,span,ul{margin:0;padding:0}a,button,input{outline:none}html{min-width:320px;min-height:100%;width:100%;font-size:62.5%;font-family:Microsoft YaHei,sans-serif}li,ul{list-style:none}a{color:#222;text-decoration:none}img{max-width:100%;border:none}.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}.clearfix{zoom:1}body{min-width:320px}html{font-size:40px;font-family:HYQiHei-EZS,Microsoft YaHei,Droid Sans Fallback,SimHei,Arial,Helvetica,tahoma,sans-serif}body{background-color:#90e5ff}body img{display:block}button{cursor:pointer}.app{overflow:hidden}.loading{position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;background-color:#fdf2f7}.loading img{width:20%;max-width:200px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.main{margin:auto;max-width:1080px;min-width:320px;position:relative}.main .top-bg{border-bottom:1px solid transparent}.main .unicom-button{display:block;font-size:1.05rem;height:3rem;line-height:2.8rem;text-align:center;background-color:#043d8d;border:none;border-radius:.3rem;width:10rem;color:#fff}.main .unicom-button:disabled{opacity:.5}.main .unicom-button-free{width:11.5rem;height:3.45rem;margin:auto}.main .card-button{margin:1rem 0 2rem;position:relative}.main .card-button .card-button-top{position:relative}.main .card-button .activation-card-content{position:absolute;right:0;top:0;width:8rem}.main .card-button .activation-card-content span{display:block;text-align:center}.main .card-button .activation-card-tip{display:block;color:#4c5e64;font-size:.7rem;text-align:center;line-height:100%;margin-top:.5rem;margin-bottom:.5rem}.main .card-button #activation-card{color:#043d8d;font-size:1rem}.main .card-button .card-tip-top{margin:.8rem 1rem;line-height:120%}.main .activated{margin:.8rem .9rem 0;position:relative;display:none}.main .activated .activated-state{position:relative;border-top:1px solid #ddd}.main .activated .activated-state p:first-child{font-size:1.05rem;color:#212121;line-height:100%;margin:.8rem 0 .6rem}.main .activated .activated-state p:nth-child(2){font-size:.9rem;color:#999;line-height:100%}.main .activated .activated-state .switch-button{position:absolute;width:2rem;height:1rem;border-radius:.5rem;background-color:#b9b9b9;top:1.5rem;right:0;transition:all .2s}.main .activated .activated-state .switch-button:after{content:" ";transition:all .2s;position:absolute;background-color:#ececec;display:block;border-radius:50%;left:-.1rem;top:-.1rem;right:auto;box-shadow:0 1px 3px rgba(0,0,0,.25);width:1.2rem;height:1.2rem}.main .activated .activated-state .switch-button.selected{background-color:#fb7299}.main .activated .activated-state .switch-button.selected:after{left:auto;right:-.1rem}.main .activated .unicom-button{margin:1.5rem auto 1.2rem}.main .privilege{height:3rem;padding:1.2rem .9rem 3rem;display:-webkit-box;display:-ms-flexbox;display:flex}.main .privilege .unicom-button{width:9.6rem}.main .privilege span{font-size:.8rem;color:#043d8d;line-height:1.2rem;margin-left:.9rem;max-width:15rem;-webkit-flex:1;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center}.main .charges img,.main .range img{width:94%;margin:auto}.main .product-context{display:block;margin:.25rem .9rem 0;overflow:hidden}.main .product-context .product-text{margin-left:.5rem;color:#4c5e64;font-size:.9rem;letter-spacing:.05rem;line-height:1.2rem;margin-top:.7rem;position:relative}.main .product-context .product-text:after{content:" ";width:.25rem;height:.25rem;border-radius:50%;background-color:#999;display:block;position:absolute;left:0;top:0;-webkit-transform:translate(-.5rem,.4rem);transform:translate(-.5rem,.4rem);font-size:0;line-height:0}.main .product-context .product-text.product-important{color:#2293f0}.main .product-context .product-text.product-important:after{background-color:#fb7299}.main .charges{margin-top:3rem}.main .banner{position:relative}.main .banner .top-icon{position:absolute;right:0;top:0;width:4.1rem;z-index:5}.main .banner img,.main .products img{width:100%}.main .problems{padding-top:3rem;padding-bottom:2rem}.main .problems>img{width:13.5rem;margin:auto;display:block}.main .problems .problems-context{margin-top:.4rem;margin:0 .9rem}.main .problems .problems-context p{font-size:.9rem;display:-webkit-box;display:-ms-flexbox;display:flex;color:#4c5e64;line-height:1.2rem}.main .problems .problems-context p.problems-title{color:#043d8d;margin:1.1rem auto .4rem}.main .problems .problems-context p.problems-code{text-align:center;display:block}.main .problems .problems-context p.problems-code img{width:90%;margin:.2rem auto}.main .problems .problems-context p span{display:block;-webkit-flex:1}.main .traffic-card{width:20rem;margin:.5rem auto 0;overflow:hidden;position:relative;z-index:1}.main .traffic-card.swiper-container{overflow:inherit}.main .traffic-card .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;box-sizing:content-box}.main .traffic-card .swiper-wrapper .traffic-item{width:100%;text-align:center;-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;position:relative;transition:all .2s;opacity:.9;-webkit-transform:scale(.9);transform:scale(.9)}.main .traffic-card .swiper-wrapper .traffic-item.swiper-slide-active{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.main .traffic-card .swiper-wrapper .traffic-item.swiper-slide-prev{-webkit-transform-origin:right center;transform-origin:right center}.main .traffic-card .swiper-wrapper .traffic-item.swiper-slide-next{-webkit-transform-origin:left center;transform-origin:left center}.main .traffic-card .swiper-wrapper .traffic-item img{width:100%;max-width:100%}.main .traffic-card .swiper-wrapper .traffic-item img.activated-icon{position:absolute;right:4.5rem;bottom:1rem;width:3.8rem;display:none}.main .traffic-card .swiper-wrapper .traffic-item.activated-on img.activated-icon{display:block}.main .traffic-card .swiper-wrapper .traffic-item:nth-child(2) img.activated-icon{right:auto;left:2rem}