.top {

    padding: 80px;

}



.top h1 {

    font-size: 36px;

    text-align: center

}



.top h1::before {

    content: '';

    display: inline-block;

    width: 40px;

    height: 40px;

    background: url(/assets/adr/images/uninstall-completed/gou.png) no-repeat;

    vertical-align: -7px;

    margin-right: 20px

}



.top p {

    font-size: 20px;

    color: #333;

    text-align: center

}



.top p a {

    color: #333;

    text-decoration: underline

}



.banner {

    background: url(/assets/adr/images/uninstall-completed/bg1.png) no-repeat;

    padding: 100px 0

}



.banner h2 {

    color: #fff;

    text-align: center;

    font-size: 50px;

    margin-bottom: 100px

}



.banner h2 img {

    margin: 0 5px

}



.banner .banner-wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.banner .banner-lf {

    text-align: center

}



.banner .banner-box {

    position: relative;

    margin-bottom: 5px

}



.banner .banner-box span {

    font-size: 16px;

    position: absolute;

    display: block;

    color: #fff;

    text-align: left;

    bottom: 40px;

    right: 88px

}



.banner .banner-box span strong {

    font-size: 47px;

    line-height: 40px

}



.banner .banner-box span small {

    display: block;

    font-size: 31px;

    line-height: 31px;

    text-align: center

}



.banner .banner-txt {

    text-align: center;

    width: 240px;

    height: 30px;

    background: #1a49a3;

    border-radius: 15px;

    color: #fff;

    line-height: 30px;

    margin: auto

}



.banner .banner-rt {

    padding: 50px 45px;

    width: 620px;

    height: 500px;

    background: #f2f2f2;

    border-radius: 20px;

    text-align: center

}



.banner .banner-rt .banner-top {

    margin-bottom: 40px

}



.banner .banner-rt .banner-top .hook {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.banner .banner-rt .banner-top .hook li {

    display: inline-block;

    color: #333;

    line-height: 30px

}



.banner .banner-rt .banner-top .hook li::before {

    width: 12px;

    height: 12px;

    display: inline-block;

    content: '';

    background: url(/assets/adr/images/icons/AR-icon-small1.png) no-repeat;

    background-position: -164px -45px;

    margin-right: 5px

}



.banner .banner-rt .banner-top .hook2 li:last-child {

    margin-right: 26px

}



.banner .price-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    color: #666;

    margin-bottom: 50px

}



.banner .price-box .price-left,

.banner .price-box .price-right {

    padding: 25px;

    text-align: center;

    width: 240px;

    height: 200px;

    background: #f2f2f2;

    border: 2px solid #d1d1d1;

    border-radius: 10px

}



.banner .price-box .price-left::after,

.banner .price-box .price-right::after {

    margin: auto;

    display: block;

    content: '';

    width: 25px;

    height: 25px;

    background: url(/assets/adr/images/icons/AR-icon-small1.png) no-repeat;

    background-position: -797px -360px

}



.banner .price-box .price-left.checked,

.banner .price-box .price-right.checked {

    border: 2px solid #fba046;

    background: #fff

}



.banner .price-box .price-left.checked h4,

.banner .price-box .price-right.checked h4 {

    color: #333

}



.banner .price-box .price-left.checked strong,

.banner .price-box .price-right.checked strong {

    color: #fa900e

}



.banner .price-box .price-left.checked::after,

.banner .price-box .price-right.checked::after {

    background-position: -753px -360px

}



.banner .price-box .price {

    margin-bottom: 5px

}



.banner .price-box h4 {

    font-size: 18px;

    margin-bottom: 15px

}



.banner .price-box strong {

    font-size: 36px

}



.banner .price-box del {

    font-size: 18px

}



.banner .btn.noactive {

    cursor: not-allowed

}



.more {

    padding: 100px 0;

    background: #f7f7f7

}



.more h2 {

    font-size: 40px;

    color: #1a1a1a;

    text-align: center;

    margin-bottom: 50px

}



.more ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-bottom: 40px

}



.more ul li {

    padding: 40px;

    width: 580px;

    height: 240px;

    background: #fff;

    border-radius: 20px

}



.more ul li:hover {

    -webkit-box-shadow: 0 10px 30px 0 rgba(13, 74, 181, .2);

    box-shadow: 0 10px 30px 0 rgba(13, 74, 181, .2)

}



.more ul h3 {

    font-size: 20px;

    color: #111;

    font-family: Myriad Pro;

    margin-bottom: 20px

}



.more ul h3 img {

    vertical-align: middle

}



.more ul p {

    font-size: 16px

}



.more ul a.btn {

    padding: 0;

    text-align: left

}



@media (max-width:1199px) {

    .more {

        padding-top: 50px;

        padding-bottom: 30px

    }



    .more ul {

        display: block

    }



    .more ul li {

        width: 100%;

        margin-bottom: 50px

    }



    .banner .banner-box span {

        bottom: 35px;

        right: 68px

    }

}



@media (max-width:991px) {

    .banner {

        background-size: 100% 100%

    }



    .banner .banner-box span {

        bottom: 46px;

        right: 234px

    }



    .banner h2 {

        margin-bottom: 50px;

        font-size: 36px

    }



    .banner .banner-wrap {

        display: block

    }



    .banner .banner-rt {

        margin: 20px auto

    }

}



@media (max-width:767px) {

    .banner .banner-box span {

        left: 56%;

        display: block

    }

}



.countdown-banner-box {

    display: block;

    margin-bottom: 55px

}



.countdown {

    vertical-align: middle

}



.countdown .h,

.countdown .min,

.countdown .s {

    display: inline-block;

    position: relative

}



.countdown span {

    display: inline-block;

    width: 32px;

    height: 32px;

    border-radius: 8px;

    background: #fc3535;

    line-height: 35px;

    text-align: center;

    color: #fff;

    font-size: 26px;

    font-weight: 400;

    text-shadow: 0 0 1px #fff;

    margin: 0 3px

}



.countdown p.txt {

    font-size: 14px;

    color: #fff;

    text-align: center

}



.countdown .maohaoi {

    vertical-align: 26px;

    font-style: normal;

    font-size: 18px;

    color: #fff

}

 .wen {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/assets/adr/images/thanks-install-adr-windows/wen2.png) no-repeat;
    vertical-align: middle;
    margin-left: 3px;
}
.wen .tix {
    border-color: #fff;
    padding: 15px 20px 20px;
    border-bottom: 3px solid #20a7fd;
    font-size: 14px;
    line-height: 24px;
    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 20%);
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#666',Direction=125,Strength=6);
    width: 320px;
    background-color: #fff;
    position: absolute;
    left: -160px;
    margin-top: 25px;
    display: none;
    font-weight: 400;
    z-index: 9999;
    font-family: myriad pro;
}
.wen .tix::after {
    content: "";
    display: block;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    position: absolute;
    top: -12px;
    left: calc(50% - 6px);
    z-index: 2;
    transform: rotate(180deg);
}
.wen:hover .tix {
    display: block;
}