#header{display:none}[v-cloak]{display:none}*{margin:0;padding:0;list-style:none}input[disabled],input:disabled,input.disabled{color:#000;-webkit-text-fill-color:#000;-webkit-opacity:1;opacity:1}input{-webkit-user-select:text;-user-select:text;outline:none;box-shadow:none}input:focus{outline:none}input{outline:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border:none}input,button,select,textarea{outline:none;border:0}input::-webkit-input-placeholder{color:#bfbebf;font-size:0.9rem}input:-moz-placeholder{color:#bfbebf;opacity:1;font-size:0.9rem}input::-moz-placeholder{color:#bfbebf;opacity:1;font-size:0.9rem}input:-ms-input-placeholder{color:#bfbebf;font-size:0.9rem}body{background:#6fcbff}.rule-roll::-webkit-scrollbar{width:.15rem;height:0;scrollbar-arrow-color:#898989;-webkit-appearance:none}.rule-roll::-webkit-scrollbar-thumb{border-radius:.3rem;-webkit-box-shadow:inset 0 0 0.625rem #aaa9a9;-moz-box-shadow:inset 0 0 0.625rem #aaa9a9;-ms-box-shadow:inset 0 0 0.625rem #aaa9a9;-user-box-shadow:inset 0 0 0.625rem #aaa9a9;background:#e6e6e6;scrollbar-arrow-color:#898989}.rule-roll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0.15625rem #e6e6e6;-moz-box-shadow:inset 0 0 0.15625rem #e6e6e6;-ms-box-shadow:inset 0 0 0.15625rem #e6e6e6;-user-box-shadow:inset 0 0 0.15625rem #e6e6e6;border-radius:.3rem}.rule-roll::-webkit-scrollbar{display:block}.colorStyle{color:#fff}.greyStyle{color:rgba(255,255,255,0.5)}.topBanner{position:relative}.topBanner .right-box{width:2rem;background:#fecc35;color:#000;font-size:.75rem;line-height:.75rem;text-align:center;position:absolute;right:0;border-top-left-radius:0.4rem;border-bottom-left-radius:0.4rem;padding:0.4rem 0}.topBanner .cardBox{width:22.1875rem;height:20.25rem;margin:0 auto .875rem;background:url("../../images/2022/contract/qyBox.png") no-repeat center;background-size:100% 100%}.topBanner .cardBox .inner{height:100%;padding:1rem 0.9375rem 0.625rem 1.6875rem;box-sizing:border-box}.topBanner .cardBox .inner>h3{font-size:1.25rem;text-align:center;color:#e9496f}.topBanner .cardBox .inner>P{font-size:.75rem;font-weight:bold;text-align:center}.topBanner .cardBox .inner>P>span{color:#e9496f;display:inline-block;border-bottom:0.03125rem solid #e9496f;line-height:.75rem}.topBanner .cardBox .inner .cardList{width:19.0625rem;height:14.5rem;padding-right:0.5rem;overflow:scroll;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.topBanner .cardBox .inner .cardList .card-item{position:relative;width:30%;height:6.625rem;margin:0.3rem 0 0.3rem 0.625rem;background:#fff8ee;border-radius:0.4rem}.topBanner .cardBox .inner .cardList .card-item .check-box{position:absolute;left:0.375rem;top:0.375rem;width:0.75rem;height:0.75rem;border-radius:.5rem;overflow:hidden}.topBanner .cardBox .inner .cardList .card-item .check-box .unchecked{width:0.75rem;height:0.75rem;border-radius:0.5rem;display:inline-block;background:#fbe4c3}.topBanner .cardBox .inner .cardList .card-item .price{position:absolute;top:0;right:0;background-image:-webkit-linear-gradient(90deg, rgba(253,83,146,0.99608) 0%, #f86f64 100%);background-image:-ms-linear-gradient(90deg, rgba(253,83,146,0.99608) 0%, #f86f64 100%);width:4.25rem;height:1.5625rem;border-top-left-radius:0.6rem;border-bottom-right-radius:0.6rem;font-size:.875rem;color:#fff;text-align:center;line-height:1.5625rem;-webkit-transform-origin-x:right;-webkit-transform-origin-y:top;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5)}.topBanner .cardBox .inner .cardList .card-item .pic{width:2.375rem;height:2.375rem;margin:0.75rem auto 0.375rem;border-radius:1.5rem;overflow:hidden}.topBanner .cardBox .inner .cardList .card-item .card-name{font-size:.7rem;text-align:center;line-height:1rem;font-weight:bold}.topBanner .lqBtn{width:13.8125rem;height:2.9375rem;margin:0 auto}.topBanner .rbox1{top:11.5rem}.topBanner .rbox2{top:14.5rem}.topBanner .rbox3{top:17.5rem;z-index:1111}.topBanner .login-box{position:absolute;left:0;right:0;bottom:8rem;font-size:.875rem;color:#000;text-align:center}.topBanner .login-box .line-style{line-height:1.75rem;padding:0.4rem 1.875rem;background-image:-webkit-linear-gradient(left, rgba(124,208,255,0.1), #fff, rgba(124,208,255,0.1));background-image:linear-gradient(to right, rgba(124,208,255,0.1), #fff, rgba(124,208,255,0.1))}.topBanner .login-box .line-style span{color:#e9496f}.tcBox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:8}.tcBox .tcInner{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.tcBox .tcInner .content1{position:relative;width:19.6875rem;height:16.5rem;background:url("../../images/2022/contract/bg_m.png") no-repeat center;background-size:100% 100%}.tcBox .tcInner .content2{position:relative;width:19.6875rem;height:23rem;background:url("../../images/2022/contract/bg_xl.png") no-repeat center;background-size:100% 100%;padding-top:2.5rem}.tcBox .tcInner .content3{position:relative;width:19.6875rem;height:13.75rem;background:url("../../images/2022/contract/bg_s.png") no-repeat center;background-size:100% 100%}.tcBox .tcInner .content4{position:relative;width:19.6875rem;height:21rem;background:url("../../images/2022/contract/bg_l.png") no-repeat center;background-size:100% 100%;padding-top:2.5rem}.tcBox .tcInner .content4 .inner-box4{height:74%;text-align:left;font-size:.75rem;line-height:1.125rem;color:#000;overflow:scroll;width:18rem;margin:auto}.tcBox .tcInner .content4 .inner-box4>p{font-size:.8125rem;font-weight:bold;line-height:1.4rem}.tcBox .tcInner .content4 .inner-box4 .qycontentbox{position:relative}.tcBox .tcInner .content4 .inner-box4 .qycontentbox h2{line-height:1.6875rem;font-size:1.0625rem;color:#e9496f}.tcBox .tcInner .content4 .inner-box4 .qycontentbox .qyrulebox{margin-bottom:1rem;max-height:4.4rem;overflow:hidden;-webkit-transition:max-height 0.3s ease;transition:max-height 0.3s ease}.tcBox .tcInner .content4 .inner-box4 .qycontentbox .expanded{margin-bottom:1rem;max-height:100rem;-webkit-transition:max-height 1s ease;transition:max-height 1s ease}.tcBox .tcInner .content4 .btn-box{margin:1rem auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.tcBox .tcInner .content4 .btn-box .btn_s{width:8.125rem;height:2.8125rem;line-height:2.8125rem;text-align:center;border-radius:2rem}.tcBox .tcInner .content4 .btn-box .left-btn{color:#333;background:#f3f5f7}.tcBox .tcInner .content4 .btn-box .right-btn{color:#fff;background:#e9496f}.tcBox .tcInner .tcTit{width:9.6rem;height:3rem;position:absolute;top:0;left:50%;-webkit-transform:translate(-46%, -50%);-ms-transform:translate(-46%, -50%);transform:translate(-46%, -50%)}.tcBox .tcInner .content-box{color:#94270e;font-size:.875rem}.tcBox .tcInner .content-box .form{height:6.875rem;padding:2rem 1.1875rem 0}.tcBox .tcInner .content-box .form .form-row{width:100%;margin:1.375rem auto 0;position:relative}.tcBox .tcInner .content-box .form .form-row>img{position:absolute;z-index:10;top:0;bottom:0;margin:auto 0.5rem}.tcBox .tcInner .content-box .form .form-row .input{display:inline-block;border-bottom:0.03125rem solid #000;height:2rem;width:60%;position:relative}.tcBox .tcInner .content-box .form .form-row .input>input{height:2rem;line-height:2rem;text-indent:2rem;width:90%;color:#000;background:none;outline:none}.tcBox .tcInner .content-box .form .form-row>a{float:right;height:2rem;border-bottom:0.03125rem solid #000;width:33%;text-align:center;line-height:2rem;color:#000}.tcBox .tcInner .inner-box{height:72%;width:92%;margin:0 auto;padding-right:0.1rem;overflow:scroll;font-size:.7rem;color:#000}.tcBox .tcInner .inner-box .line-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tcBox .tcInner .inner-box .line-title .line-title-left{width:1.25rem;margin-right:0.5rem}.tcBox .tcInner .inner-box .line-title .line-title-right{font-size:0.9375rem;font-weight:bold}.tcBox .tcInner .inner-box .text-box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:0.75rem}.tcBox .tcInner .inner-box .text-box .text-box-left{margin-right:1.75rem}.tcBox .tcInner .inner-box .text-box .text-box-right{font-size:.75rem}.tcBox .tcInner .inner-box>span{font-size:.875rem}.tcBox .tcInner .inner-box3{height:40%;margin-top:2.5rem;text-align:center;font-size:1rem;line-height:1.875rem;color:#000}.tcBox .tcInner .btn{width:14.125rem;height:3.125rem;background:#e9496f;font-size:1rem;color:#fff;line-height:3.125rem;text-align:center;border-radius:2rem;margin:1.78125rem auto}.tcBox .tcInner .login-btn{width:14.125rem;height:3.125rem;background:#e9496f;font-size:1rem;line-height:3.125rem;text-align:center;border-radius:2rem;margin:1.78125rem auto}.ruleBox{width:93%;margin:1.2rem auto 0rem;background:url("../../images/2022/broadbandRights/rule.png") no-repeat center;background-size:100% 100%;padding:0rem 1.8rem 2rem;box-sizing:border-box;font-size:.75rem;color:#666}.ruleBox .ruleTitle{width:7.3125rem;height:1.875rem;margin:0 auto .4rem}.ruleBox .ruleTitle>img{margin-top:0.2rem}.ruleBox .text{letter-spacing:.02rem}.ruleBox .text>p{line-height:1.5625rem}.ruleBox .text .headings{font-size:.8124rem;color:#666;font-weight:bold}