.special-banner {
    background-color: #EBF4FF;
    min-height: 680px;
    position: relative
}

.special-banner .cont {
    display: flex;
    position: relative
}

.special-banner .cont .sban-l {
    max-width: 600px;
    flex: none
}

.special-banner .cont .sban-l h1 {
    margin-top: 156px;
    font-size: 60px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #15357A;
    line-height: 70px
}

.special-banner .cont .sban-l h3 {
    font-size: 18px;
    font-family: Open Sans-Regular, Open Sans;
    color: #355395;
    line-height: 29px;
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: 400
}

.special-banner .cont .sban-l .ipchanger-btn1 {
    height: 51px
}

.special-banner .cont .sban-l .ban-ul .li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 14px
}

.special-banner .cont .sban-l .ban-ul .li:nth-last-of-type(1) {
    margin-bottom: 0
}

.special-banner .cont .sban-l .ban-ul .li p {
    font-size: 18px;
    font-family: Open Sans-Regular, Open Sans;
    font-weight: 400;
    color: #355395;
    line-height: 21px;
    margin-left: 10px
}

.special-banner .cont .sban-r {
    margin-right: -200px
}

.special-banner .cont .follow {
    position: absolute;
    bottom: -56px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center
}

.special-banner .cont .follow .li_wrap {
    position: relative;
    padding: 0 20px 0 58px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #8592AC;
    background: url("./image/flow-icon01.svg") no-repeat 15px 0;
    cursor: pointer
}

.special-banner .cont .follow .li_wrap:hover {
    color: #355395;
    background: url("./image/flow-icon01-h.svg") no-repeat 15px 0
}

.special-banner .cont .follow .li_wrap:hover .hover_wrap {
    display: block
}

.special-banner .cont .follow .li_wrap::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 1px;
    height: 15px;
    background: #C5DFFF
}

.special-banner .cont .follow .li_wrap .hover_wrap {
    position: absolute;
    top: -170px;
    left: -131px;
    display: none;
    width: 460px;
    height: 166px;
    overflow: hidden
}

.special-banner .cont .follow .li_wrap .hover_wrap.hover_wrap02 {
    left: -123px
}

.special-banner .cont .follow .li_wrap .hover_wrap.hover_wrap03 {
    left: -131px
}

.special-banner .cont .follow .li_wrap .hover_wrap.hover_wrap04 {
    left: -131px
}

.special-banner .cont .follow .li_wrap .hover_wrap.hover_wrap05 {
    top: -199px;
    left: -177px;
    height: 190px
}

.special-banner .cont .follow .li_wrap:last-child::after {
    width: 0
}

.special-banner .cont .follow .li_wrap:nth-child(2) {
    background: url("./image/flow-icon02.svg") no-repeat 15px 0
}

.special-banner .cont .follow .li_wrap:nth-child(2):hover {
    color: #355395;
    background: url("./image/flow-icon02-h.svg") no-repeat 15px 0
}

.special-banner .cont .follow .li_wrap:nth-child(3) {
    background: url("./image/flow-icon03.svg") no-repeat 15px 0
}

.special-banner .cont .follow .li_wrap:nth-child(3):hover {
    color: #355395;
    background: url("./image/flow-icon03-h.svg") no-repeat 15px 0
}

.special-banner .cont .follow .li_wrap:nth-child(4) {
    background: url("./image/flow-icon04.svg") no-repeat 15px 0
}

.special-banner .cont .follow .li_wrap:nth-child(4):hover {
    color: #355395;
    background: url("./image/flow-icon04-h.svg") no-repeat 15px 0
}

.special-banner .cont .follow .li_wrap:nth-child(5) {
    background: url("./image/flow-icon05.svg") no-repeat 15px 0
}

.special-banner .cont .follow .li_wrap:nth-child(5):hover {
    color: #355395;
    background: url("./image/flow-icon05-h.svg") no-repeat 15px 0
}

.special-banner .cont .follow .li_wrap:nth-child(6) {
    background: url("./image/flow-icon06.svg") no-repeat 15px 0
}

.special-banner .cont .follow .li_wrap:nth-child(6):hover {
    color: #355395;
    background: url("./image/flow-icon06-h.svg") no-repeat 15px 0
}

.special-button {
    position: relative;
    top: -32px;
    left: 114px;
    text-align: center;
    display: flex
}

.special-button .list {
    padding: 20px 40px;
    margin-left: 80px;
    align-items: center;
    text-align: center;
    color: #15357A;
    font-size: 24px;
    font-family: Ubuntu-Bold, Blod;
    height: 72px;
    border-radius: 90px;
    background: #fff;
    box-shadow: 0 3px 18px 0 rgba(162, 180, 202, 0.3)
}

.special-button .list .win {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.special-button .list .win p {
    color: #15357A;
    padding-left: 18px
}

.top {
    text-align: center
}

.top h1 {
    align-items: center;
    margin: 0 175px;
    width: 822px;
    height: 124px;
    color: #042040;
    font-size: 48px;
    font-family: Ubuntu-Bold, Ubuntu
}

.top .ip-btn {
    font-size: 20px;
    padding: 12px 38px;
    height: 51px;
    border-radius: 4px;
    align-items: center;
    justify-content: space-around;
    font-family: Ubuntu-Regular, Ubuntu;
    font-weight: 400;
    color: #0e6fde;
    border: 2px solid #0e6fde
}

.top .ip-btn:hover {
    background-color: #0e6fde;
    color: #fff
}

.top .ip-btn:hover i {
    margin-left: 10px;
    width: 14px;
    height: 14px;
    background-image: url("./image/Frame(5).svg")
}

.top .ip-btn i {
    margin-left: 10px;
    width: 14px;
    height: 14px;
    background-position: center;
    background-image: url("./image/Frame(8).svg")
}

.top p {
    margin: 0 auto;
    width: 868px;
    line-height: 2em;
    text-align: center;
    font-family: Open Sans-Light, Ubuntu;
    font-size: 16px;
    color: #55687D;
    margin-bottom: 30px
}

.buttom {
    justify-content: space-around;
    display: flex
}

.buttom .list {
    text-align: center
}

.buttom .list p {
    margin-top: 20px;
    color: #042040;
    font-family: Ubuntu-Medium, Ubuntu;
    font-size: 26px;
    text-align: center
}

.special-posit .top h1 {
    width: 860px
}

.special-posit .buttom .list p {
    width: 364px;
    height: 68px
}

.special-party .buttom {
    width: 1209px;
    height: 280px;
    flex-wrap: wrap;
    display: flex
}

.special-party .buttom .list {
    display: flex;
    width: 189px;
    height: 80px;
    background: #000A3A;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    text-align: center
}

.special-party .buttom .list:hover {
    box-shadow: 0px 6px 8px 0px rgba(162, 180, 202, 0.4)
}

.ipchanger-btn1 {
    height: 51px
}

.pay-box h2 {
    color: #042040
}

.pay-box .pay-nav .li span {
    color: #55687D
}

.spec-banner-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -90px
}

.spec-banner-nav .li {
    width: 100%;
    max-width: 380px;
    min-height: 226px;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 18px 0px rgba(162, 180, 202, 0.3);
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.spec-banner-nav .li p {
    font-size: 20px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    color: #042040;
    line-height: 26px;
    margin-top: 30px
}

.spec-recom {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 70px 0
}

.spec-recom .txt-cont {
    max-width: 605px
}

.spec-recom .txt-cont .tit_txt {
    font-size: 14px;
    color: #FF4800;
    margin-bottom: 15px
}

.spec-recom .txt-cont h3 {
    font-size: 38px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 49px
}

.spec-recom .txt-cont > p {
    font-size: 16px;
    font-family: Ubuntu-Light, Ubuntu;
    font-weight: 300;
    color: #55687D;
    line-height: 27px;
    margin-top: 20px
}

.spec-recom .txt-cont .proxies_type_wrap {
    display: flex;
    margin-top: 20px
}

.spec-recom .txt-cont .proxies_type_wrap .type_info {
    padding-top: 58px;
    width: 280px;
    height: 175px;
    background: url("./image/pox-type_icon01.svg") no-repeat
}

.spec-recom .txt-cont .proxies_type_wrap .type_info .tit_name {
    margin-top: 10px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    color: #042040
}

.spec-recom .txt-cont .proxies_type_wrap .type_info .t_type_cont {
    font-size: 16px;
    line-height: 28px;
    color: #55687D
}

.spec-recom .txt-cont .proxies_type_wrap .type_info:last-child {
    background: url("./image/pox-type_icon02.svg") no-repeat;
    margin-left: 40px
}

.spec-recom .recom-ul .li {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.spec-recom .recom-ul .li:nth-last-of-type(1) {
    margin-bottom: 0
}

.spec-recom .recom-ul .li img {
    width: 16px;
    height: 16px
}

.spec-recom .recom-ul .li p {
    font-size: 16px;
    font-family: Ubuntu-Light, Ubuntu;
    font-weight: 300;
    color: #55687D;
    line-height: 27px;
    margin-left: 10px
}

.spec-recom .mw565 {
    max-width: 565px;
    width: 100%
}

.spec-recom .browse {
    width: 100%;
    height: 829px;
    background: url("./image/erth.svg") no-repeat
}

.spec-recom .browse .browse_tit_wrap {
    display: flex;
    justify-content: space-between;
    height: 124px
}

.spec-recom .browse .browse_tit_wrap .tit_txt {
    width: 560px;
    height: 124px;
    font-size: 48px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 62px
}

.spec-recom .browse .browse_tit_wrap .tit_info_ul {
    display: flex;
    margin-top: 33px;
    margin-right: -30px
}

.spec-recom .browse .browse_tit_wrap .tit_info_ul .tit_info_li {
    width: 194px;
    height: 58px;
    border-left: 1px solid #FF4800;
    padding-left: 20PX
}

.spec-recom .browse .browse_tit_wrap .tit_info_ul .tit_info_li p {
    font-size: 30px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 30px
}

.spec-recom .browse .browse_tit_wrap .tit_info_ul .tit_info_li span {
    margin-top: 12px;
    font-size: 16px;
    font-family: Ubuntu-Light, Ubuntu;
    font-weight: 300;
    color: #55687D;
    line-height: 16px
}

.spec-recom .browse .abs_sty {
    height: 495px
}

.spec-recom .browse .abs_sty .abs_cont {
    position: relative;
    height: 412px
}

.spec-recom .browse .abs_sty .abs_cont .abs_li {
    position: absolute;
    top: 121px;
    left: -43px;
    width: 175px;
    height: 58px
}

.spec-recom .browse .abs_sty .abs_cont .abs_li .abs_t {
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 2;
    font-size: 18px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    color: #55687D;
    line-height: 18px
}

.spec-recom .browse .abs_sty .abs_cont .abs_li .abs_t_border {
    z-index: 1;
    -webkit-text-stroke: 3px #FFFFFF;
    text-stroke: 3px #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.spec-recom .browse .abs_sty .abs_cont .abs_li .abs_num {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 2;
    font-size: 26px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 26px
}

.spec-recom .browse .abs_sty .abs_cont .abs_li .abs_num_border {
    z-index: 1;
    -webkit-text-stroke: 3px #FFFFFF;
    text-stroke: 3px #FFFFFF;
    -webkit-background-clip: text
}

.spec-recom .browse .abs_sty .abs_cont .abs_li.abs_li02 {
    top: 90px;
    left: 270px
}

.spec-recom .browse .abs_sty .abs_cont .abs_li.abs_li02 .abs_num {
    left: 20px
}

.spec-recom .browse .abs_sty .abs_cont .abs_li.abs_li03 {
    top: 210px;
    left: 606px
}

.spec-recom .browse .abs_sty .abs_cont .abs_li.abs_li03 .abs_t {
    left: 0
}

.spec-recom .browse .abs_sty .abs_cont .abs_li.abs_li04 {
    top: 134px;
    left: 1003px
}

.spec-recom .browse .abs_sty .abs_cont .abs_li.abs_li04 .abs_t {
    left: 0
}

.spec-recom .browse .abs_sty .more_wr .more_btn01 {
    position: relative;
    margin: 0 auto;
    display: block;
    width: 152px;
    height: 23px;
    font-size: 18px;
    font-family: Open Sans-Regular, Open Sans;
    color: #042040
}

.spec-recom .browse .abs_sty .more_wr .more_btn01 .more_icon {
    position: absolute;
    top: 7px;
    right: 0;
    width: 18px;
    height: 16px;
    background: url("./image/Arrow-more-icon.svg") no-repeat
}

.spec-recom .browse .abs_sty .more_wr .more_btn01:hover {
    color: #FF4800
}

.spec-recom .browse .cont_wrap {
    display: flex
}

.spec-recom .browse .cont_wrap .cont_info_li {
    margin-right: 20px;
    width: 390px;
    height: 187px;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px 0px rgba(0, 54, 130, 0.05);
    border-radius: 10px 10px 10px 10px;
    opacity: 1;
    border: 1px solid #F0F4F5;
    padding: 25px
}

.spec-recom .browse .cont_wrap .cont_info_li .tit_name {
    font-size: 20px;
    font-family: Ubuntu-Medium, Ubuntu;
    color: #042040;
    line-height: 28px
}

.spec-recom .browse .cont_wrap .cont_info_li .content_info {
    margin-top: 5px;
    font-size: 16px;
    font-family: Open Sans-Light, Open Sans;
    font-weight: 300;
    color: #55687D;
    line-height: 27px
}

.spec-recom .browse .cont_wrap .cont_info_li:nth-child(3) {
    margin-right: 0
}

.pia_introduce {
    height: 671px
}

.pia_introduce .pia_intro_title {
    display: flex
}

.pia_introduce .pia_intro_title .tit_name {
    width: 100%;
    height: 124px;
    font-size: 48px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    text-align: center;
    line-height: 62px
}

.pia_introduce .pia_intro_title .tit_cont {
    margin: 18px;
    margin-right: 0;
    width: 594px;
    height: 54px;
    font-size: 16px;
    font-family: Ubuntu-Light, Ubuntu;
    font-weight: 300;
    color: #55687D;
    line-height: 27px
}

.pia_introduce .pia_intro_content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 62px
}

.pia_introduce .pia_intro_content .pia_intro_li {
    margin-bottom: 24px;
    width: 593px;
    height: 231px;
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #F1F1F1;
    padding: 30px;
    cursor: pointer
}

.pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit {
    width: 533px;
    display: flex
}

.pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap {
    position: relative;
    z-index: 2;
    width: 68px;
    height: 68px;
    background: #0E6FDE;
    border-radius: 0px 0px 0px 0px;
    opacity: 1
}

.pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap01 {
    background: url("./image/pia_intro01.svg") #0E6FDE 12px 13px no-repeat
}

.pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap02 {
    background: url("./image/pia_intro02.svg") #575ED2 12px 13px no-repeat
}

.pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap02::after {
    background: #575ED2
}

.pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap03 {
    background: url("./image/pia_intro03.svg") #f82 12px 13px no-repeat
}

.pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap03::after {
    background: #FF8822
}

.pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap04 {
    background: url("./image/pia_intro04.svg") #28C06F 12px 13px no-repeat
}

.pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap.pic_wrap04::after {
    background: #28C06F
}

.pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .pic_wrap::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 68px;
    height: 68px;
    background: #0E6FDE;
    opacity: .2;
    transform: rotateZ(10deg);
    transition: transform .2s ease-out
}

.pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_tit .tit_name {
    margin-left: 16px;
    width: 443px;
    font-size: 24px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 62px
}

.pia_introduce .pia_intro_content .pia_intro_li .pia_intro_li_cont {
    margin-top: 16px;
    width: 533px;
    height: 81px;
    font-size: 16px;
    font-family: Open Sans-Light, Open Sans;
    font-weight: 300;
    color: #55687D;
    line-height: 27px
}

.pia_introduce .pia_intro_content .pia_intro_li:nth-child(2n) {
    margin-left: 24px
}

.pia_introduce .pia_intro_content .pia_intro_li:hover {
    box-shadow: 0px 3px 18px 0px rgba(162, 180, 202, 0.3)
}

.pia_introduce .pia_intro_content .pia_intro_li:hover .pia_intro_li_tit .pic_wrap::after {
    transform: rotateZ(45deg)
}

.companies_use {
    height: 503px;
    position: relative
}

.companies_use .companies_use_title {
    margin-bottom: 40px;
    text-align: center
}

.companies_use .companies_use_title span {
    width: 524px;
    height: 116px;
    font-size: 48px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 58px
}

.companies_use .companies_use_cont {
    display: flex;
    flex-wrap: wrap
}

.companies_use .companies_use_cont .companies_use_cont_li {
    position: relative;
    z-index: 1;
    margin-right: 25px;
    width: 222px;
    height: 156px;
    background: #FFFFFF;
    border-radius: 16px 16px 16px 16px;
    opacity: 1;
    border: 1px solid #F1F1F1;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s
}

.companies_use .companies_use_cont .companies_use_cont_li .pic_t {
    margin: 30px auto 0;
    width: 60px;
    height: 60px;
    background: url("./image/companies-use01.svg") no-repeat;
    transition: all .3s
}

.companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t02 {
    background: url("./image/companies-use02.svg") no-repeat
}

.companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t03 {
    background: url("./image/companies-use03.svg") no-repeat
}

.companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t04 {
    background: url("./image/companies-use04.svg") no-repeat
}

.companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t05 {
    background: url("./image/companies-use05.svg") no-repeat
}

.companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t06 {
    background: url("./image/companies-use06.svg") no-repeat
}

.companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t07 {
    background: url("./image/companies-use07.svg") no-repeat
}

.companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t08 {
    background: url("./image/companies-use08.svg") no-repeat
}

.companies_use .companies_use_cont .companies_use_cont_li .pic_t.pic_t09 {
    background: url("./image/companies-use09.svg") no-repeat
}

.companies_use .companies_use_cont .companies_use_cont_li .companies_use_cont_li_cont {
    margin: 15px auto 0;
    height: 21px;
    text-align: center;
    font-size: 16px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 21px;
    transition: all .3s
}

.companies_use .companies_use_cont .companies_use_cont_li:last-child {
    margin-right: 0
}

.companies_use .companies_use_cont .companies_use_cont_li.companies_use_cont_li_w {
    margin-top: 25px;
    width: 283px
}

.companies_use .companies_use_cont .companies_use_cont_li:hover {
    z-index: 2;
    box-shadow: 0px 3px 18px 0px rgba(162, 180, 202, 0.3), inset 0px 4px 0px 0px #f82
}

.companies_use .companies_use_cont .companies_use_cont_li:hover .companies_use_cont_li_cont, .companies_use .companies_use_cont .companies_use_cont_li:hover .pic_t {
    opacity: 0
}

.companies_use .companies_use_cont .companies_use_cont_li:hover .fix_wrap {
    top: 0
}

.companies_use .companies_use_cont .companies_use_cont_li .fix_wrap {
    position: absolute;
    top: 200px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all .3s;
    overflow: hidden
}

.companies_use .companies_use_cont .companies_use_cont_li .fix_wrap span {
    position: relative;
    z-index: 2;
    margin: 25px auto;
    display: block;
    font-size: 16px;
    font-family: Ubuntu-Light, Ubuntu;
    font-weight: 300;
    text-align: center;
    color: #55687D;
    line-height: 27px
}

.companies_use .companies_use_cont .companies_use_cont_li .fix_wrap .bg1 {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: -35px;
    left: -87px;
    background: #FFEAE4;
    border-radius: 43px 43px 43px 43px;
    opacity: 0.3;
    transform: rotate(330deg);
    transition: all .3s
}

.companies_use .companies_use_cont .companies_use_cont_li .fix_wrap .bg2 {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 75px;
    left: -87px;
    background: #FFEAE4;
    border-radius: 43px 43px 43px 43px;
    opacity: 0.3;
    transform: rotate(330deg);
    transition: all .3s
}

.spec-table {
    display: flex;
    position: relative;
    box-shadow: 0px 18px 26px 0px rgba(162, 181, 202, 0.15)
}

.spec-table .li {
    position: relative;
    flex: 1;
    border-right: 1px solid #F4F6F8
}

.spec-table .li:nth-of-type(1) {
    flex: none;
    width: 330px
}

.spec-table .li:nth-of-type(1) .td, .spec-table .li:nth-of-type(1) .tr {
    justify-content: flex-start
}

.spec-table .li.li1 .li1-box {
    content: '';
    width: 100%;
    height: calc(100% + 56px);
    box-shadow: 0px 4px 5px 0px rgba(255, 72, 0, 0.1);
    border: 4px solid #FF8822;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    box-sizing: border-box
}

.spec-table .li.li1 .li1-box .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 56px;
    background-color: #FF8822;
    font-size: 20px;
    font-family: Ubuntu-Regular, Ubuntu;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
    cursor: pointer
}

.spec-table .li.li1 .li1-box .btn:hover span::after {
    width: 100%
}

.spec-table .li.li1 .li1-box .btn:hover i {
    transform: translateX(3px)
}

.spec-table .li.li1 .li1-box .btn span {
    position: relative
}

.spec-table .li.li1 .li1-box .btn span::after {
    content: '';
    display: block;
    width: 0%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s
}

.spec-table .li.li1 .li1-box .btn i {
    width: 17px;
    height: 9px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("./image/jt_r.svg");
    margin-left: 8px;
    transition: all .3s
}

.spec-table .li.li1 .td {
    background-color: #FFF9F5
}

.spec-table .li.li1 .tr {
    background-color: #FFF9F5
}

.spec-table .li.li1 .tr:nth-of-type(2n) {
    background-color: #FFF2EA
}

.spec-table .li:nth-last-of-type(1) {
    border-right: none
}

.spec-table .li .td, .spec-table .li .tr {
    padding: 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff
}

.spec-table .li .td {
    height: 80px;
    font-size: 22px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    color: #042040;
    line-height: 26px
}

.spec-table .li .tr {
    font-size: 16px;
    font-family: Open Sans-Regular, Open Sans;
    font-weight: 400;
    color: #55687D;
    line-height: 19px;
    min-height: 48px;
    background-color: #fff
}

.spec-table .li .tr:nth-of-type(2n) {
    background-color: #FBFBFB
}

.spec-discuss {
    min-height: 643px;
    background-color: #F9F9FA;
    border-radius: 20px;
    padding: 80px 55px
}

.spec-discuss .rtit {
    font-size: 14px;
    font-family: Open Sans-Regular, Open Sans;
    font-weight: 400;
    color: #FF4800;
    line-height: 18px;
    margin-bottom: 20px
}

.spec-discuss .tit-box {
    display: flex;
    justify-content: space-between
}

.spec-discuss .tit-box h3 {
    max-width: 500px;
    font-size: 38px;
    font-family: Ubuntu-Light, Ubuntu;
    font-weight: 300;
    color: #042040;
    line-height: 49px
}

.spec-discuss .tit-box h3 b {
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold
}

.spec-discuss .tit-box p {
    max-width: 500px;
    font-size: 16px;
    font-family: Ubuntu-Light, Ubuntu;
    font-weight: 300;
    color: #55687D;
    line-height: 27px
}

.spec-discuss .dis-cont {
    display: flex;
    justify-content: space-between
}

.spec-discuss .dis-cont .li {
    max-width: 355px
}

.spec-discuss .dis-cont .li .txt {
    background-color: #FFFFFF;
    box-shadow: 0px 3px 14px 1px rgba(162, 181, 202, 0.2);
    border-radius: 8px;
    padding: 30px 20px;
    font-size: 14px;
    font-family: Ubuntu-Light, Ubuntu;
    font-weight: 300;
    color: #042040;
    line-height: 27px;
    margin-bottom: 38px;
    position: relative
}

.spec-discuss .dis-cont .li .txt::after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    border-top: 18px solid #fff;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 0px solid transparent;
    left: 36px;
    bottom: -18px
}

.spec-discuss .dis-cont .li .user {
    display: flex;
    align-items: center;
    margin-left: 22px
}

.spec-discuss .dis-cont .li .user .ceo {
    font-family: Ubuntu-Light, Ubuntu;
    color: #55687D;
    margin-top: 6px
}

.spec-discuss .dis-cont .li .user img {
    width: 54px
}

.spec-discuss .dis-cont .li .user p {
    font-size: 20px;
    font-weight: 600;
    font-family: Ubuntu-Bold, Ubuntu;
    color: #042040;
    line-height: 20px;
    margin-left: 20px
}

.sessions {
    background-repeat: no-repeat;
    padding: 70px 0;
    overflow: hidden;
    flex-direction: column;
    align-items: center
}

.sessions .int2-ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px
}

.sessions .int2-ul .it2li {
    max-width: 590px;
    min-height: 374px;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 25px 0px rgba(162, 181, 202, 0.3), inset 0px 6px 0px 0px #0E6FDE;
    border-radius: 10px;
    padding: 50px
}

.sessions .int2-ul .it2li > p {
    font-size: 26px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    color: #042040;
    line-height: 34px;
    margin-top: 20px;
    margin-bottom: 15px
}

.getnow-safe {
    min-height: 315px;
    background-color: #ECF4FF;
    border-radius: 20px;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 1;
    justify-content: space-between;
    overflow: hidden;
    padding: 40px 68px 40px 100px
}

.getnow-safe .txt {
    max-width: 780px
}

.getnow-safe .txt h4 {
    font-size: 38px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #042040;
    line-height: 49px
}

.getnow-safe .txt h4 span {
    color: #FF8822
}

.getnow-safe .yin {
    position: absolute;
    left: 38px;
    top: -31px;
    z-index: -1
}

.quest-box {
    padding-bottom: 90px;
    position: relative
}

.quest-box .quest-list {
    margin-top: 50px
}

.quest-box .quest-list .li {
    margin-bottom: 21px;
    border: 1px solid #F0F4F5;
    border-radius: 4px;
    overflow: hidden
}

.quest-box .quest-list .li:nth-last-of-type(1) {
    margin-bottom: 0
}

.quest-box .quest-list .li.show .tit i {
    background-image: url("./image/pre.svg")
}

.quest-box .quest-list .li .tit {
    min-height: 90px;
    padding: 0 43px 0 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background-color: #FFFFFF
}

.quest-box .quest-list .li .tit span {
    font-size: 22px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    color: #042040;
    line-height: 26px
}

.quest-box .quest-list .li .tit i {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("./image/nor1.svg")
}

.quest-box .quest-list .li .cont {
    background-color: #FBFCFC;
    padding: 40px;
    display: none;
    overflow: hidden
}

.quest-box .quest-list .li .cont p {
    font-size: 16px;
    font-family: Open Sans-Regular, Open Sans;
    font-weight: 400;
    color: #55687D;
    line-height: 26px;
    margin-bottom: 8px
}

.quest-box .quest-list .li .cont p:nth-last-of-type(1) {
    margin-bottom: 0px
}

.foll_position_img1 {
    position: absolute;
    right: 0;
    top: 690px;
    z-index: -1
}

.foll_position_img2 {
    position: absolute;
    top: -117px;
    right: -110px;
    z-index: -1
}

.foll_position_img3 {
    position: absolute;
    top: 950px;
    right: 0;
    z-index: -1
}

.foll_position_img4 {
    position: absolute;
    top: 2321px;
    right: 0;
    z-index: -1
}

.foll_position_img5 {
    position: absolute;
    top: 2438px;
    right: 0;
    z-index: -1
}

.foll_position_img6 {
    position: absolute;
    top: 2384px;
    left: 0px;
    z-index: -1
}

.foll_position_img6-02 {
    position: absolute;
    top: 2484px;
    left: 0px;
    z-index: -1
}

.foll_position_img7 {
    position: absolute;
    top: 3502px;
    right: 0;
    z-index: -1
}

.foll_position_img8 {
    position: absolute;
    top: 6px;
    left: -160px;
    z-index: -1
}

.course {
    border-top: 1px solid #E9EEF2;
    font-family: Ubuntu-Medium, Ubuntu;
    color: #042040;
    display: flex;
    position: relative
}

.course .course-left {
    position: fixed;
    left: 0;
    top: 70px;
    width: 300px;
    height: calc(100vh - 72px);
    border-right: 1px solid #E9EEF2;
    padding: 0 20px;
    padding-left: 40px;
    padding-top: 16px;
    overflow-y: scroll
}

.course .course-left::-webkit-scrollbar {
    width: 3px
}

.course .course-left::-webkit-scrollbar-thumb {
    background-color: #E9EEF2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.course .course-left .tital {
    font-size: 18px;
    margin-bottom: 13px;
    margin-top: 30px
}

.course .course-left a {
    font-size: 14px;
    display: block;
    color: #042040;
    margin-bottom: 10px
}

.course .course-right {
    margin-left: 300px;
    padding: 40px;
    width: calc(100% - 300px)
}

.course .course-right h2 {
    text-align: center;
    font-size: 1.9em
}

.course .course-right .p2 {
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 50px
}

.course .course-right .p3 {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 35px
}

.course .course-right .p4 {
    font-size: 15px;
    margin-bottom: 20px
}

.course .course-right .p5 {
    font-size: 15px;
    font-family: Ubuntu-Bold, Ubuntu;
    margin-bottom: 20px
}

.course .course-right .p6 {
    font-size: 15px;
    font-family: Ubuntu-Regular, Ubuntu;
    margin-bottom: 20px
}

.course .course-right .blodsoan {
    font-family: Ubuntu-Bold, Ubuntu;
    color: #0000EE
}

.course .course-right p {
    font-size: 15px;
    margin-bottom: 10px
}

.course .course-right img {
    max-width: 100%;
    margin-bottom: 30px
}

.course .course-right #cou1, .course .course-right #cou2, .course .course-right #cou3, .course .course-right #cou4, .course .course-right #cou5, .course .course-right #cou6, .course .course-right #cou7, .course .course-right #cou8, .course .course-right #cou9, .course .course-right #cou10, .course .course-right #cou11, .course .course-right #cou12, .course .course-right #cou13 {
    transform: translateY(-90px)
}

.cases-startnow {
    position: relative
}

.cases-startnow .now-ul {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cases-startnow .now-ul .li {
    text-align: center;
    width: 100%;
    max-width: 363px
}

.cases-startnow .now-ul .li p {
    font-size: 26px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    color: #042040;
    line-height: 34px;
    margin-top: 20px;
    margin-bottom: 10px
}

.cases-startnow .now-ul .li span {
    font-size: 18px;
    font-family: Ubuntu-Light, Ubuntu;
    font-weight: 300;
    color: #55687D;
    line-height: 25px
}

.tools-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px
}

.tools-ul .lizw {
    width: 100%;
    max-width: 291px
}

.tools-ul.howul .li {
    max-width: 393px
}

.tools-ul.howul .li .img-box {
    align-items: flex-end;
    background-color: #F1F4FB
}

.tools-ul .li {
    width: 100%;
    max-width: 291px;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 8px 0px rgba(162, 180, 202, 0.1);
    border-radius: 10px;
    border: 1px solid #F0F4F5;
    margin-bottom: 20px;
    overflow: hidden
}

.tools-ul .li:hover {
    box-shadow: 0px 6px 8px 0px rgba(162, 180, 202, 0.2)
}

.tools-ul .li .img-box {
    height: 148px;
    background-color: #000A3A;
    display: flex;
    justify-content: center;
    align-items: center
}

.tools-ul .li .txt {
    padding: 15px 19px
}

.tools-ul .li .txt p {
    font-size: 20px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    color: #042040;
    line-height: 26px;
    margin-bottom: 10px
}

.tools-ul .li .txt span {
    font-size: 16px;
    font-family: Ubuntu-Light, Ubuntu;
    font-weight: 300;
    color: #55687D;
    line-height: 22px
}

.developerapi .developerbanner {
    position: relative;
    width: 100%;
    background-color: #EBF4FF
}

.developerapi .developerbanner .cont {
    height: 640px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.developerapi .developerbanner .cont h1 {
    font-size: 60px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #15357A;
    line-height: 70px
}

.developerapi .developerbanner .cont h4 {
    font-size: 20px;
    font-family: Open Sans-Regular, Open Sans;
    color: #355395;
    line-height: 29px;
    margin-top: 20px;
    font-weight: 400
}

.developerapi .developerbanner .cont > img {
    margin-left: -30px;
    transform: translateX(30px)
}

.developerapi .dep-cont {
    padding: 50px 0;
    font-weight: 500;
    color: #363636
}

.developerapi .dep-cont h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center
}

.developerapi .dep-cont .ttbox {
    background-color: #f5f5f5;
    border: 1px solid #32345b;
    padding: 50px;
    margin-bottom: 30px;
    font-size: 16px
}

.developerapi .dep-cont .ttbox p {
    font-family: Ubuntu-Regular, Ubuntu;
    margin-bottom: 20px
}

.developerapi .dep-cont .ttbox b {
    font-weight: 400;
    color: #23396b;
    margin-bottom: 20px;
    font-family: Ubuntu-Medium, Ubuntu
}

.developerapi .dep-cont .ttbox a:hover {
    text-decoration: underline
}

.developerapi .zum {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #E7E9F4;
    border-right: none;
    border-bottom: none;
    margin-bottom: 20px
}

.developerapi .zum .li {
    display: flex;
    align-items: center;
    height: 42px;
    border-bottom: 1px solid #E7E9F4
}

.developerapi .zum .li .l {
    height: 100%;
    width: 125px;
    background-color: #F8F9FC;
    border-right: 1px solid #E7E9F4;
    display: flex;
    align-items: center;
    padding-left: 25px
}

.developerapi .zum .li .r {
    height: 100%;
    width: 244px;
    display: flex;
    align-items: center;
    padding-left: 30px;
    background-color: #fff;
    border-right: 1px solid #E7E9F4
}

.developerapi .dep-ban {
    height: 270px;
    background-image: url("./image/bg.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.developerapi .dep-ban .cont {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.developerapi .dep-ban .cont h4 {
    font-size: 48px;
    font-family: Ubuntu-Bold, Ubuntu;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 48px
}

.developerapi .dep-ban .cont .ul {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 35px
}

.developerapi .dep-ban .cont .ul .li {
    display: flex;
    align-items: center;
    margin-right: 30px
}

.developerapi .dep-ban .cont .ul .li:nth-last-of-type(1) {
    margin-right: 0
}

.developerapi .dep-ban .cont .ul .li p {
    font-size: 18px;
    font-family: Open Sans-Regular, Open Sans;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 21px;
    margin-left: 10px
}

.developerapi .dep-ban .cont .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
    height: 55px;
    font-size: 20px;
    background-color: #FFFFFF;
    border-radius: 4px;
    cursor: pointer;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    color: #0E6FDE;
    line-height: 23px
}

.developerapi .dep-ban .cont .btn:hover {
    background-color: rgba(255, 255, 255, 0.8)
}

.cases {
    position: relative
}

.cases .special-banner {
    display: flex;
    align-items: center
}

.cases .special-banner .cont {
    position: relative;
    z-index: 1;
    height: 100%;
    align-items: center
}

.cases .special-banner .cont .sban-l .ipchanger-btn1 {
    height: 58px
}

.cases .special-banner .cont .sban-l .ipchanger-btn1 p {
    font-size: 16px;
    font-family: Ubuntu-Medium, Ubuntu
}

.cases .special-banner .cont .sban-l .ipchanger-btn1.btn2 {
    border: 2px solid #0E6FDE
}

.cases .special-banner .cont .sban-l .ipchanger-btn1.btn2:hover {
    border: 2px solid #16396c
}

.cases .special-banner .cont .sban-l .ipchanger-btn1 .discount-j {
    position: absolute;
    right: -23px;
    top: -17px;
    width: 80px;
    height: 69px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("./image/ban_jb.svg")
}

.cases .special-banner .cont .sban-l .ipchanger-btn1 .discount-j span {
    font-size: 12px;
    font-family: Ubuntu-Medium, Ubuntu;
    font-weight: 500;
    color: #042040;
    line-height: 19px;
    transform: rotateZ(45deg);
    padding-top: 12px;
    padding-left: 29px
}

.cases .special-banner .casesbanimgl {
    position: absolute;
    left: 0;
    top: 0
}

.cases .special-banner .casesbanimgr {
    position: absolute;
    right: 0;
    top: 0
}

.cases .casesimg1 {
    position: absolute;
    left: 0;
    top: 1303px;
    z-index: -1
}

.cases .casesimg2 {
    position: absolute;
    right: 0;
    top: 2302px;
    z-index: -1
}

.cases .casesimg3 {
    position: absolute;
    right: 0;
    top: 2538px;
    z-index: -1
}