.traffic-subject .traffic-head{max-width:2560px;width:100%;margin:0 auto;padding:120px 0;box-sizing:border-box;background:url('/static/common/cases/img/isp_subject_bg.png');background-color:#412087;background-repeat:no-repeat;background-size:100% auto;position:relative}.traffic-subject .traffic-head .isp_subject_bg{position:absolute;left:0;top:0;width:100%;height:auto}.traffic-subject .traffic-head .traffic-head-content{max-width:1440px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;row-gap:80px;column-gap:80px}.traffic-subject .traffic-head .traffic-head-content .head-content-left h2{font-weight:bold;font-size:60px;color:#FFFFFF}.traffic-subject .traffic-head .traffic-head-content .head-content-left>p{font-weight:400;font-size:16px;color:#FFFFFF;margin-top:8px}.traffic-subject .traffic-head .traffic-head-content .head-content-left .isp-tab{display:flex;row-gap:20px;column-gap:40px;margin-top:40px}.traffic-subject .traffic-head .traffic-head-content .head-content-left .isp-tab .isp-tab-box{display:flex;flex-direction:column;column-gap:20px;row-gap:20px}.traffic-subject .traffic-head .traffic-head-content .head-content-left .isp-tab .isp-tab-box .tab-item{display:flex;align-items:center;row-gap:8px;column-gap:8px;color:#FFFFFF}.traffic-subject .traffic-head .traffic-head-content .head-content-left .isp-tab .isp-tab-box .tab-item img{width:16px;height:16px}.traffic-subject .traffic-head .traffic-head-content .head-content-left .head-button{display:flex;flex-wrap:wrap;row-gap:8px;column-gap:8px;margin-top:40px}.traffic-subject .traffic-head .traffic-head-content .head-content-left .head-button a{min-width:150px;padding:14px 20px;border-radius:4px;box-sizing:border-box}.traffic-subject .traffic-head .traffic-head-content .head-content-left .head-button a:hover{opacity:.8}.traffic-subject .traffic-head .traffic-head-content .head-content-left .head-button .isp-use{background-color:#5329FC;color:#FFFFFF;text-align:center}.traffic-subject .traffic-head .traffic-head-content .head-content-right img{width:640px;max-width:100%;height:auto}.traffic-subject .package-content{width:100%;max-width:2560px;margin:0 auto;box-sizing:border-box;background-color:#FAFAFA;padding-top:120px;padding-bottom:60px}.traffic-subject .package-content>p{text-align:center;font-weight:400;font-size:16px;color:#666666;line-height:24px;margin-top:8px}.traffic-subject .package-content>h1{text-align:center;font-weight:500;font-size:48px;color:#333333;font-size:40px}.traffic-subject .package-content .right-box{margin:0 auto;margin-top:70px;width:100%;max-width:1440px}.traffic-subject .package-content .right-box>div{max-width:100%;display:flex;column-gap:40px;row-gap:20px;justify-content:center}.traffic-subject .package-content .right-box>div .right-box-item:last-child>.best-popular{background:linear-gradient(90deg, #00FF89 0%, #FFC400 49%, #FF0000 100%)}.traffic-subject .package-content .right-box>div .right-box-item:last-child>.right-box-item-interior>.right-box-item-bottom a{background:linear-gradient(90deg, #00FF89 0%, #FFC400 49%, #FF0000 100%)}.traffic-subject .package-content .right-box>div .right-box-item{border-radius:7px 7px 7px 7px;border:1px solid #E5E5E5;background:url('/static/common/package/img/static_package_BG.png') no-repeat;background-size:100% auto;padding:30px 0px;position:relative;box-sizing:border-box}.traffic-subject .package-content .right-box>div .right-box-item .best-popular{position:absolute;top:-25px;left:-1px;width:calc(100% + 2px);box-sizing:border-box;padding:4px;text-align:center;background-color:#000000;color:#FFFFFF;border-radius:6px 6px 0px 0px}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior{max-width:340px;height:400px;box-sizing:border-box;margin-top:30px;padding:0px 30px;overflow:hidden}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior>.stepper{display:flex;column-gap:4px;row-gap:4px;margin-top:40px}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior>.stepper span{display:inline-block;color:#333333;font-size:26px;min-width:40px;min-height:40px;text-align:center;line-height:40px;border-radius:4px 4px 4px 4px;border:1px solid #E5E5E5;cursor:pointer;user-select:none;background-color:#FFFFFF}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior>.stepper .stepper-value{width:calc(100% - 88px);min-width:60px;text-align:center;height:40px;line-height:40px;background:#FFFFFF;border-radius:4px 4px 4px 4px;border:1px solid #EEEEEE;font-weight:600;font-size:20px;color:#000000}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior>.total-price{text-align:center;font-weight:500;font-size:14px;color:#000000;margin-top:40px}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-head{display:flex;justify-content:space-between;align-items:center}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-head>h3{font-weight:600;font-size:22px;color:#000000}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-head>span{font-weight:600;font-size:15px;color:#0BAF63;background:rgba(11,175,99,0.1);border-radius:31px 31px 31px 31px;width:70px;height:32px;text-align:center;line-height:32px}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-content{margin-top:56px;position:relative}@keyframes fadeshow{0%{left:-70px}10%{left:-66px}20%{left:-62px}30%{left:-58px}40%{left:-54px}50%{left:-50px}60%{left:-46px}70%{left:-42px}80%{left:-40px}90%{left:-38px}100%{left:-37px}}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-content .package-pendant{position:absolute;top:-30px;left:-37px;display:none;animation:fadeshow .5s}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-content>p{text-align:center;font-weight:600;font-size:15px;color:#333333;line-height:18px;margin-top:8px}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-content>h1{font-weight:600;font-size:48px;color:#000000}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-content>div{display:flex;align-items:flex-end;justify-content:center;color:#5329FC}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-content>div>p{font-weight:600;font-size:40px;line-height:45px}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-content>div>span{font-weight:600;font-size:20px}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-bottom{margin-top:40px;position:relative}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-bottom>p{text-align:center;font-weight:600;font-size:15px;color:#A09E9F;line-height:18px;margin-bottom:14px}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-bottom>a{width:100%;display:inline-block;text-align:center;line-height:44px;font-weight:600;font-size:15px;color:#FFFFFF;height:44px;background:#000000;border-radius:4px 4px 4px 4px;transition:all .3;position:relative;transition:all .3s}.traffic-subject .package-content .right-box>div .right-box-item .right-box-item-interior .right-box-item-bottom a:hover::after{position:absolute;content:'';width:100%;height:100%;background-color:#FFFFFF;z-index:999;top:0;left:0;border-radius:4px;opacity:.2}.traffic-subject .package-content .right-box>div .right-box-item:hover{background-color:#F0EDFF;border:1px solid #5329FC}.traffic-subject .package-content .right-box>div .right-box-item:hover>.best-popular{background-color:#5329FC}.traffic-subject .package-content .right-box>div .right-box-item:hover .right-box-item-interior>.total-price{color:#5329FC}.traffic-subject .package-content .right-box>div .right-box-item:hover .right-box-item-interior .right-box-item-content .package-pendant{display:block}.traffic-subject .advantage{width:100%;max-width:2560px;margin:0 auto;box-sizing:border-box;background-color:#FAFAFA;padding:60px 0px;text-align:center}.traffic-subject .advantage .advantage-title{font-weight:500;font-size:40px;color:#333333;line-height:48px;text-align:center}.traffic-subject .advantage .advantage-content{max-width:1440px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;row-gap:30px;column-gap:30px;margin-top:40px}.traffic-subject .advantage .advantage-content .package-tag-item{width:100%;box-sizing:border-box;padding:30px;display:flex;flex-direction:column;row-gap:12px;column-gap:12px;background:#FFFFFF;border-radius:10px 10px 10px 10px;border:1px solid #EEEEEE;text-align:left}.traffic-subject .advantage .advantage-content .package-tag-item>img{width:100%}.traffic-subject .advantage .advantage-content .package-tag-item .title{font-weight:500;font-size:16px;color:#333333;line-height:19px;text-align:left}.traffic-subject .advantage .advantage-content .package-tag-item .sub-title{font-weight:400;font-size:14px;color:#666666;line-height:21px;text-align:left}.traffic-subject .advantage .use-started{display:inline-block;width:150px;height:48px;background:#5329FC;border-radius:4px;line-height:48px;font-weight:500;font-size:16px;color:#FFFFFF;text-align:center;margin-top:40px}.traffic-subject .advantage .use-started:hover{opacity:.8}.traffic-subject .hot-region{max-width:2560px;width:100%;margin:0 auto;box-sizing:border-box;padding:80px 0;padding-bottom:0px;text-align:center;background-color:#150218;margin-top:125px}.traffic-subject .hot-region .hot-region-content{max-width:1440px;width:100%;margin:0 auto}.traffic-subject .hot-region .hot-region-content h2{font-family:SourceHanSansCN_Regular;font-weight:600;font-size:40px;color:#FFFFFF;text-align:center}.traffic-subject .hot-region .hot-region-content .hot-region-box{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:20px;column-gap:20px;margin-top:40px}.traffic-subject .hot-region .hot-region-content .hot-region-box .hot-region-item{display:flex;justify-content:space-between;align-items:center;width:272px;height:64px;border-radius:7px;box-sizing:border-box;padding:12px;background:rgba(255,255,255,0.2)}.traffic-subject .hot-region .hot-region-content .hot-region-box .hot-region-item .country{display:flex;align-items:center;row-gap:8px;column-gap:8px}.traffic-subject .hot-region .hot-region-content .hot-region-box .hot-region-item .country img{width:40px;height:40px}.traffic-subject .hot-region .hot-region-content .hot-region-box .hot-region-item .country span{font-family:Source Han Sans SC, Source Han Sans SC;font-weight:400;font-size:16px;color:#FFFFFF}.traffic-subject .hot-region .hot-region-content .hot-region-box .hot-region-item .ip-num{font-family:D-DIN-DIN,D-DIN-DIN;font-weight:bold;font-size:16px;color:#FFFFFF}.traffic-subject .other-solution{max-width:2560px;width:100%;padding:120px 0;margin:0 auto;background-color:#FFFFFF}.traffic-subject .other-solution h2{font-weight:600;font-size:40px;color:#333333;text-align:center}.traffic-subject .other-solution .solution-box{max-width:1440px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:40px;column-gap:40px;margin-top:40px}.traffic-subject .other-solution .solution-box .solution-item{max-width:450px;width:100%;background:#FFFFFF;border-radius:12px 12px 12px 12px;border:1px solid #EEEEEE;box-sizing:border-box;padding:30px}.traffic-subject .other-solution .solution-box .solution-item .title{font-weight:500;font-size:16px;color:#333333;line-height:24px;text-align:left;margin-top:8px}.traffic-subject .other-solution .solution-box .solution-item .sub-title{font-weight:400;font-size:14px;color:#666666;line-height:22px;text-align:left;margin-top:8px}.traffic-subject .other-solution .solution-box .solution-item .solution-item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:48px}.traffic-subject .other-solution .solution-box .solution-item .solution-item-bottom .package-price{font-weight:500;font-size:16px;color:#333333;line-height:24px;text-align:left}.traffic-subject .other-solution .solution-box .solution-item .solution-item-bottom .gopage{width:125px;height:41px;background:#5329FC;border-radius:4px 4px 4px 4px;border:1px solid #EEEEEE;line-height:41px;box-sizing:border-box;color:#FFFFFF;text-align:center}.traffic-subject .other-solution .solution-box .solution-item .solution-item-bottom .gopage:hover{opacity:.8}.traffic-subject .choose-reason{max-width:2560px;width:100%;margin:0 auto;box-sizing:border-box;padding:120px 0px}.traffic-subject .choose-reason .choose-reason-item{max-width:1440px;margin:0 auto;width:100%;display:flex;align-items:center;row-gap:30px;column-gap:30px}.traffic-subject .choose-reason .choose-reason-item .advantage-item-img{width:850px;max-width:100%;height:auto}.traffic-subject .choose-reason .choose-reason-item .item-text{width:100%;display:flex;flex-direction:column;row-gap:24px;column-gap:24px;box-sizing:border-box;background:#FAFAFA;border-radius:16px 16px 16px 16px;border:1px solid #DDDDDD;padding:30px;min-height:650px}.traffic-subject .choose-reason .choose-reason-item .item-text>.title{font-weight:600;font-size:40px;color:#333333;line-height:48px}.traffic-subject .choose-reason .choose-reason-item .item-text .item-tag>.tag-title{font-weight:500;font-size:16px;color:#333333;line-height:19px;text-align:left}.traffic-subject .choose-reason .choose-reason-item .item-text .item-tag>.tag-subtitle{font-weight:400;font-size:14px;color:#333333;line-height:21px;text-align:left;margin-top:8px}.traffic-subject .choose-reason .choose-reason-item .item-text .use-started{display:inline-block;width:150px;height:48px;background:#5329FC;border-radius:4px;line-height:48px;font-weight:500;font-size:16px;color:#FFFFFF;text-align:center}.traffic-subject .choose-reason .choose-reason-item .item-text .use-started:hover{opacity:.8}@media screen and (max-width:1440px){.traffic-subject .traffic-head{padding:80px 20px}.traffic-subject .traffic-head .traffic-head-content{flex-wrap:wrap}.traffic-subject .package-content{padding:20px}.traffic-subject .package-content .right-box>div{flex-wrap:wrap}.traffic-subject .advantage .advantage-content{flex-wrap:wrap}.traffic-subject .hot-region{padding:60px 20px}.traffic-subject .choose-reason{padding:120px 20px}.traffic-subject .choose-reason .choose-reason-item{flex-wrap:wrap}}@media screen and (max-width:500px){.hot-region{padding:40px 20px;box-sizing:border-box}.hot-region .hot-region-content .hot-region-box .hot-region-item{width:100%}}