.banner {

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

    background-size: cover;

    padding: 150px 0 78px;

}



.banner h1 {

    font-size: 48px;

    color: #fff;

    font-weight: 800;

    text-align: center;

}



.banner h1 img {

    vertical-align: -17px;

    margin-right: 20px;

}



.more {

    padding: 75px 0 35px;

}



.more h2 {

    font-size: 32px;

    color: #1a1a1a;

    text-align: center;

    margin-bottom: 45px;



}



.more h2::before,

.more h2::after {

    content: '';

    display: inline-block;

    width: 42px;

    height: 1px;

    background: #222222;

    vertical-align: middle;

    margin: 0 19px;

}



.more .wrap {

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -moz-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 20px

}



.more .wrap li {

    padding: 50px 30px;

    width: 47%;

    min-height: 237px;

    background: #fff;

    box-shadow: 0 3px 20px 1px rgba(20, 88, 210, .26);

    display: flex;

    justify-content: space-between;

    margin-bottom: 50px;

    align-items: center;

}



.more .wrap li .left {

    min-width: 110px

}



.more .wrap li .right {

    width: calc(100% - 178px)

}



.more .wrap h3 {

    color: #1a1a1a;

    font-size: 24px;

    font-weight: 600;

    line-height: 40px;

    margin-bottom: 10px

}



.more .wrap h3+p {

    font-size: 16px;

    font-weight: 400;

    color: #666666;

    

line-height: 24px;

    margin-bottom: 30px;

}



.more .wrap .btn.btn-bd-bl {

    min-width: 160px;

    height: 40px;

    line-height: 40px;

    font-size: 16px;

    background: rgba(0, 132, 255, 0);

    border: 1px solid #0084FF;

    color: #0084FF;

    border-radius: 2px;

}



.more .wrap .btn.btn-bd-bl:hover {

    color: #0084FF;

    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 15%);

}



@media(max-width:1199px) {

    .more .wrap {

        padding: 0

    }



    .more .wrap li {

        padding: 35px 30px

    }



    .more .wrap li .right {

        width: calc(100% - 140px)

    }

}



@media(max-width:991px) {

    .more .wrap {

        display: block

    }



    .more .wrap li {

        padding: 35px 30px;

        width: 100%

    }



    .more .wrap li .left,

    .more .wrap li .right {

        margin: auto

    }



    .more .wrap li .right {

        width: calc(100% - 200px)

    }

}



@media(max-width:603px) {

    .banner h1 img {

        margin: auto;

        display: block

    }

}



@media(max-width:500px) {

    .more .wrap li {

        padding: 20px

    }



    .more .wrap li .right {

        width: auto;

        margin-left: 20px

    }

}

@media(max-width:400px){

    .more .wrap li{

        display: block;

        text-align: center;

    }

}