#banner{background-image: url("../images/onekey-recovery/banner.jpg")}
#banner .container{
    padding-bottom: 8%;}
#banner h1{
    padding-bottom:2%;padding-top: 8%;}
.btngroup{text-align: center;}
.btngroup .buy{
    display: inline-block;
    width:19.3%;font-size: 20px;}
.btngroup a{
    margin:4.2% 3.3% 0;
    display: inline-block;
    vertical-align: top;}
.main-product1{
    background-color: #fff;}
.main-product1 .center-block{
    width:1190px;}
.main-product1 .pic{
    vertical-align: middle;}
.main-product2 .pic{
    position: absolute;
    bottom:0;
    right:0;}
.main-product1 .txt{
    vertical-align: middle;
    padding-left:3%;
    width:60%;margin-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
    .main-product1 .txt p{
        margin-bottom: 10px;
    }
.main-product1 .txt ul{
    margin:0 0 2%;}
.product-comparison .container{width: 92%;
    margin:0 auto;}
.product-comparison{background-color: #eef1f3;}
.product-comparison ul li{
    background-color: #fff;
    border:none;}
.product-comparison h2{padding-bottom: 2%;}
.product-comparison ul{
    padding-top:5%;}
.product-comparison ul li{
    width:48%;
    margin: 0 4% 0 0;
    padding:3% 0;}
.product-comparison ul li.sp{
    text-align: left;
    padding: 3% 30px;
    width: 100%;
}
.product-comparison ul li.lastproduct{
    width:100%;
    padding:3% 6%;}
.product-comparison ul li:nth-child(2),
.product-comparison ul li:nth-child(3),
.product-comparison ul li:nth-child(4){margin-top: 2% !important;}
.product-comparison ul p{
    height:auto;
    padding:0;
    text-align: left;
    line-height:1.65;}
.product-comparison ul h4{
    padding:0 0 6% 0;}
.product-comparison .lastproduct h4{text-align: left;
    padding-left:12%;
    padding-bottom:3%;}
.product-comparison .lastproduct a.download-blue{
    display: inline-block;font-size: 16px;font-size: 1.6rem;
    line-height:2.4;
    width:30%;margin-top: 0}
.product-comparison ul p.price{
    text-align: center;
    line-height: 1;
    margin-bottom: 10px;
    height:auto;}
.product-comparison .product .pic,
.product-comparison .product .productinfo{
    width:100%;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.product-comparison .product .productinfo{
    width:100%;
    padding:0 25px ;}
.product-comparison  li.sp>div.pic {
    width: 125px;
}
.product-comparison li.sp h4{
    padding-bottom: 20px;
}
.product-comparison li.sp>div.productinfo {
    width: 50%;
}
.product-comparison li.sp>div.free-select {
    display: inline-block;
    width: calc(100% - 50% - 132px);
}
.product-comparison li div.btns{
    text-align: center;
}
.product-comparison li .buy{
    display: block;
    margin: 20px auto 10px;
}
.product-comparison ul.tip{
    margin-bottom: 25px;
    height: 100px;
}
.product-comparison .sp ul.tip{
    height: auto;
    margin-top: 0;
    margin-bottom:10px;
}
.product-comparison li.tips{
    width: 70%;
    margin:0!important;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    padding: 0 0 0 15px; 
    background: url(/images/icon/icon_hook_blue.png) no-repeat left center;
}
.product-comparison .sp li.tips{
    width: 100%;
}
.product-comparison .price b,
.product-comparison .price span:not(.del){
    display: inline-block;
    font-size: 24px;
    font-size: 2.4rem;
    color: #ff250e;
    padding-right: 5px;
}
.product-comparison .productinfo a.link{margin-left: 5% ;/*vertical-align: bottom*/}

.main-product2{background-color: #fff;}
.guarantee h2,
.guarantee p.text{
    padding-bottom:2%;}
.guarantee ul li{
    width:30%;}
.guarantee ul li.line{
    width:4%;}
.product-feature .container,
.main-product1 .container{
    padding:6.7% 8%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;}
.product-feature .txt-msg{
    padding:4% 0;margin-bottom: 0;
    border-bottom:1px solid #646f81;}
.product-feature .txt-msg h4{font-size: 16px;font-size: 1.6rem;
    line-height:1.875;
    color: #fff;}
.main-product2 a.link{
    padding-left:14px;}
.usage-statement{background-color: #eef1f3;}
.usage-statement p{
    line-height:1.875;
    padding:0 4%;}
.resource h2{
    padding-bottom:2%;}
.special-offers h4{
    height:80px;}
.special-offers .msg .font-size14{margin-bottom: 7%}


.checked[data-type="check"]:before, .checked[data-type="check"]:hover:before {
    background: url(/images/icon/Selected.png) no-repeat center;
}
[data-type="check"]:before, [data-type="check"]:hover:before {
    background: url(/images/icon/Unselected.png) no-repeat center;
    margin-right: 0;
}
@media screen and (min-width: 320px) and (max-width: 767px){
    .btngroup a{
        margin:4.2% auto 0;}
    .main-product1 .center-block{
        width:100%;}
    .product-comparison ul li.lastproduct{
        padding:3% 0;}
    .product-comparison ul .lastproduct h4{
        padding-left:0;text-align: center;}
    .product-comparison ul .lastproduct p{
        height:90px;}
    .product-comparison ul .lastproduct a.download-blue{
        width:50%;}
    .product-comparison ul li{margin-top: 2% !important}
    .product-comparison ul p{height: 65px;}
    .product-comparison ul p.price{
        height:auto;text-align: center}
    .product-feature .container, .main-product1 .container{
        padding:6.7% 0;}
    .product-comparison .productinfo a.link{
        display: block;text-align: center;}
    .product-comparison .productinfo a.buy,
    .product-comparison ul .lastproduct a.download-blue{
        display: block;
        margin:0 auto;}
    .guarantee ul li{
        width:100%;}
    .main-product2 .pic{
        display: none !important;}
    .product-comparison .container{
        width:100%;}
    .special-offers h4{
        height:auto;}
    .special-offers .msg .font-size14{margin-bottom: 4%;margin-top: 4%}
    .product-comparison ul li.sp{
        padding: 15px;
        text-align: center;
    }
    .product-comparison .product .pic, .product-comparison .product .productinfo,.product-comparison li.sp>div.free-select,.product-comparison li.tips{
        display: block;
        width: 100%;
    }
    .product-comparison ul h4{
        padding: 10px 0;
    }
    .product-comparison .product .productinfo{
        padding: 10px;
    }
    .product-comparison ul.tip{
        height: auto;
    }
    
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .main-product1 .center-block,
    .product-comparison .container{
        width:100%;}
    .product-comparison ul p{
        height:100px;}
    .product-feature .container, .main-product1 .container{
        padding:6.8% 0;}
    .product-comparison .productinfo a.link{
        display: block;text-align: center;}
    .product-comparison .productinfo a.buy,
    .product-comparison ul .lastproduct a.download-blue{
        display: block;
        margin:0 auto;}
        .product-comparison li.tips{
            width: 100%;
        }
        .product-comparison ul li{
            width: 49%;
            margin-right: 2%;
        }
        .product-comparison ul.tip{
            height: 110px;
        }
        .product-comparison li.sp .price{
            text-align: left;
        }
        .product-comparison ul li.sp{
            padding: 3% 15px;
        }
}