body, dd, div, dl, form, h1, h2, h3, h4, h6, html, input, ol, p, ul, li, a {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html, body {
    width: 100%;
    height: 100%;
    font-size: 62.5%;
}

html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, dl, li, dl, dt, p {
    margin: 0;
    padding: 0
}

html, body, h1, h2, h3, h4, h5, h6, p, dl, ul, ol, p {
    font-family: Myriad Pro, Segoe UI, "Helvetica Neue", Helvetica, Arial, sans-serif
}

li {
    list-style: none
}
.banner{
    background: url('https://cdn-node.diskpart.com/file/amtcstatic/1/a1/banner.png') no-repeat center;
    background-size: cover;
}
img {
    max-width: 100%;
    height: auto!important;
}
.warp{
    display: flex;
    max-width: 1200px;
    margin: auto;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
}
.banner .warp{
    position: relative;
    padding-top: 115px;
    padding-bottom:80px ;
}
.banner  .logo{
    position: absolute;
    left: 0;
    top: 20px;
}
.bn-pro{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    max-width: 1053px;
    margin: auto;
}
.bn-pro .bn-rt{
    max-width: calc(100% - 183px);
    padding-left: 50px;
}

.bn-pro .bn-rt h1{
    margin-top: 30px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 35px;
}
.price{
    font-size: 16px;
    line-height: 1.2;
    color: #ffffff;
}
.price span{
    font-size: 48px;
    font-weight: bold;
    color: #fee900;
}
.price span i{
    font-size: 30px;
    font-style: inherit;
}
.price del{
    font-size: 16px;
    color: #999;
    padding-left: 5px;
    text-decoration: line-through;
}
.io-box {
    margin-top: 45px;
    background: url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/gx.png") no-repeat left center;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    padding-left: 28px;
    position: relative;
}
.io-box p{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    margin-left: 5px;
}
.io{
    text-align: left;
    position: absolute;
    background-color: #ffffff;
    font-size: 14px;
    line-height: 1.3;
    box-shadow: 0px 3px 10px 0px
    rgba(0, 0, 0, 0.2),
    inset 0px -3px 0px 0px
    #fe6000;
    width: 260px;
    padding: 20px;
    color: #333;
    left: 50%;
    margin-left: -150px;
    bottom: 25px;
    display: none;
    transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;

}
.io-box p:hover .io{
    display: block;
    transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -webkit-transition: opacity .5s ease;

}
 .io:before{
    content: '';
    background: url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/sanjiao.png") no-repeat center;
    width: 10px;
    height: 6px;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -5px;
}
.lk-box{
    margin-top: 10px;
}
 .lk-box .buy,.lk-box .trial{
     display: inline-block;
     vertical-align: middle;
 }
 .lk-box .trial{
     font-size: 18px;
     line-height: 1.8px;
     color: #1072e3;
     text-decoration: none;
     margin-left: 10px;
    margin-top: -20px;
 }
.buy a{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: url(https://www.ubackup.com/assets/images/icons/tiny-icon-all.png) no-repeat 20px 20px #fe6000;
    background-position: -270px -674px;
    min-width: 220px;
    line-height: 54px;
    display: table;
    text-align: center;
    border-radius: 10px;
    position: relative;
    overflow:hidden;
}
.buy .bt{
    font-size: 14px;
    line-height: 1.2px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
.bt i{
    margin-right: 5px;
}
@media (max-width: 690px) {
    .bn-pro{
        justify-content: center;
        text-align: center;
    }
    .io-box{
        display: inline-block;
    }
    .bn-pro .bn-rt{
        max-width: 100%;
        padding-left: 0;
    }
     .lk-box .trial{
        display: block;
         margin-top: 20px;
    }
    .buy a{
        margin: auto;
    }
}
.icon{
    box-shadow: inset 0px -1px 0px 0px
    #d6d9dd;
}
.icon ul{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
    max-width: 844px;
    margin: auto;

}
.icon  .warp{
    padding-top: 20px;
    padding-bottom: 20px;
}
.icon ul li{
    background: url(https://cdn-node.diskpart.com/file/amtcstatic/1/a1/ic1-90day.png) no-repeat left center;
    padding-left: 43px;
    width: 211px;
    font-size: 14px;
    line-height: 1.4;
    color: #091871;
    font-weight: 500;
}
.icon ul li:nth-of-type(2){
    background: url(https://cdn-node.diskpart.com/file/amtcstatic/1/a1/ic2_256bit.png) no-repeat left center;
}
.icon ul li:nth-of-type(3){
    background: url(https://cdn-node.diskpart.com/file/amtcstatic/1/a1/ic3.png) no-repeat left center;
}
.icon ul li:nth-of-type(4){
    background: url(https://cdn-node.diskpart.com/file/amtcstatic/1/a1/ic4_tech.png) no-repeat left center;
}
@media (max-width: 876px) {
    .icon ul{
       max-width: 422px;
    }
    .icon ul li{
        margin-bottom: 10px;
    ]}
}
.why{
    background: url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/bg1.png") no-repeat center;
    background-size: cover;
}
.why .warp{
    padding-top: 100px;
    padding-bottom: 100px;
    flex-flow: column wrap;
}
 h2{
    font-size: 36px;
    font-weight: bold;
    line-height: 1.2;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 20px;
}
 h2+p{
    color: #2f2f2f;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
}
.w-box{
    display: flex;
    justify-content: flex-start;
    align-content: center;
    width: 100%;
}
.w-lt,.w-rt{
    width: 50%;
    padding-top: 60px;
}
.w-lt h4{
    font-size: 18px;
    font-weight: bold;
    line-height:1.3;
    color: #1a1a1a;
}
.w-lt ul li{
    margin-bottom: 49px;
    font-size: 13px;
    line-height: 21px;
    color: #2f2f2f;
    text-align: right;
}
.w-lt ul li:first-child{
    margin-top: -2px;
}
.w-lt ul,.w-lt img{
    display: inline-block;
    vertical-align: top;
}
.w-lt h4{
    background-color: #e6e6e6;
    border-radius: 16px 0 16px 0;
    max-width: 330px;
    text-align: center;
    margin: 0 auto 30px ;
    line-height: 32px;
}
.w-lt p{
    max-width: 330px;
    font-size: 12px;
    font-style: italic;
   margin: 20px auto 0;
    color: #989eaa;

}
.w-rt{
    padding-left: 50px;
}
.w-rt dl{
    margin-bottom: 30px;
    background: url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/icon1-quick.png") no-repeat 120px top;

}
.w-rt dl:first-child{
    padding-left: 170px;
}
.w-rt dl:nth-of-type(2){
    padding-left: 140px;
    background: url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/icon2-dianyuan.png") no-repeat 90px top;
}
.w-rt dl:nth-of-type(3){
    padding-left: 120px;
    background: url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/icon3-protect.png") no-repeat 60px top;
}
.w-rt dl:nth-of-type(4){
    padding-left: 80px;
    background: url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/icon4-disk.png") no-repeat 30px top;
}.w-rt dl:nth-of-type(5){
    padding-left: 60px;
    background: url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/icon5-backup.png") no-repeat 0px top;
}
.w-rt dl dt{
    font-size: 20px;
    font-weight: bold;
    line-height:1.1;
    color: #2f2f2f;
    margin-bottom: 10px;
}
.w-rt dl dd{
    font-size: 14px;
    line-height: 1.5;
    color: #555555;
}
@media (max-width: 992px) {
    .w-box{
        flex-direction: column;
    }
    .w-lt,.w-rt{
        width: 100%;
    }
    .w-rt dl:first-child,.w-rt dl:nth-of-type(2),.w-rt dl:nth-of-type(3),.w-rt dl:nth-of-type(4),.w-rt dl:nth-of-type(5){
        padding-left: 50px;
        background-position:left top;
    }
    .w-rt{
        padding-left: 0;
    }
    .w-lt p{
        text-align: center;
    }

}
@media (max-width: 400px) {
    .u-box{
        display: flex;
        justify-content: flex-start;
        align-content: flex-start;
        flex-direction: row;
    }
}
.choose{
    background-color: #f7f7f7;
}
.choose .warp{
    padding-top: 100px;
    padding-bottom: 100px;
}
.choose h2{
    margin-bottom: 30px;
}
.choose ul{
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    width: 100%;
    flex-wrap: wrap;
}
.choose ul li{
    text-align: center;
}
.choose ul li h4{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.3;
    color: #2f2f2f;
    margin: 30px auto;
}
.choose ul li p{
    width: 243px;
    margin: auto;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #555555;
}
@media(min-width: 844px)  and (max-width: 1050px){
    .choose ul{
        justify-content: space-around;
    }
    .choose ul li{
        margin-bottom: 10px;}
    .choose ul li p{
        width: 394px;
    }

}
@media (min-width: 769px) and (max-width: 843px) {
    .choose ul li p{
        width: 330px;
    }
}
@media (max-width: 768px) {
    .choose ul{
        justify-content: space-between;
    }

    .choose ul li p{
        width: auto;
    }
}
.do .warp{
    padding-top: 100px;
}
.do h2{
    margin-bottom: 70px;
}
.do .nav-tabs{
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-flow: row wrap;
}
.do .nav-tabs li{
    width: 19%;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    padding: 19px 0 16px;
    cursor: pointer;
    color: #000;
}
.do .nav-tabs li.active,.do .nav-tabs li:hover{
    background-color: #091871;
    box-shadow: 0px -3px 10px 0px
    rgba(15, 20, 49, 0.25);
    border-radius: 20px 20px 0px 0px;
    color: #fff;
}
.u-in{
    background: #091871;
}
.u-warp{
    max-width: 1200px;
    padding:70px 15px;
    margin: auto;
}
.tab-pane{
    display: none;
}
.tab-pane.active{
    display: block;
}
.tab-pane ul{
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    max-width: 1130px;
    margin: auto;
}
.tab-pane ul li{
    text-align: center;
    width: 350px;
    background-color: #ffffff;
    border-radius: 20px;
    padding:40px 20px;
    margin-bottom: 40px;
}
.tab-pane ul li h6{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    color: #1a1a1a;
    margin-top: 25px;
    margin-bottom: 20px;
}
.tab-pane ul li p{
    font-size: 14px;
    line-height: 1.2;
    color: #555555;
}
.icon-sm, .func-icon {
    width: 50px;
    height: 50px;
}

 .func-icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(https://www.ubackup.com/assets/images/icons/AB-pro-all-icon.png);
    background-repeat: no-repeat;
}
.func-icon.system {
    background-position: -300px -100px;
}
.func-icon.disk {
    background-position: -400px -100px;
}
.func-icon.partition {
    background-position: -500px -100px;
}
.func-icon.file-sync {
    background-position: -700px -100px;
}
.func-icon.file {
    background-position: -600px -100px;
}
.func-icon.schedule {
    background-position: -800px -100px;
}
.func-icon.func1-22 {
    background-position: -700px -500px;
}
.func-icon.incre-differ {
    background-position: -1000px -100px;
}
.func-icon.func1-23 {
    background-position: -800px -500px;
}
.func-icon.command {
    background-position: 0 -200px;
}
.func-icon.hot {
    background-position: -1105px -100px;
}
.func-icon.func1-2 {
    background-position: -596px -300px;
}
.func-icon.func1-3 {
    background-position: -695px -300px;
}
.func-icon.func1-4 {
    background-position: -795px -300px;
}
.func-icon.func1-5 {
    background-position: -895px -300px;
}
.func-icon.func1-8 {
    background-position: -100px -402px;
}
.func-icon.hot {
    background-position: -1105px -100px;
}
.func-icon.disk2 {
    background-position: -300px -300px;
}
.func-icon.func1-30 {
    background-position: -600px -939px;
}
.func-icon.tran {
    background-position: -100px -300px;
}
.func-icon.func1-45 {
    width: 60px;
    background-position: -1097px -600px;
}
.func-icon.command {
    background-position: 0 -200px;
}
.func-icon.more{
    background: url('https://cdn-node.diskpart.com/file/amtcstatic/1/a1/icon6-backup-more.png') no-repeat center;
}
.func-icon.restore{
    background: url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/icon-UniversalRestore.png") no-repeat center;
}
@media(min-width: 925px)  and (max-width: 1150px){
    .tab-pane ul{
        justify-content: space-around;
    }

    .tab-pane ul li{
        width: 422px;
    }

}
@media (min-width: 769px) and (max-width: 925px) {
    .tab-pane ul li{
        width: 350px;
    }
    .tab-pane ul{
        justify-content: space-around;
    }
    .do .nav-tabs li{
        width: 100%;
    }
}
@media (max-width: 768px) {
    .choose ul{
        justify-content: space-between;
    }
    .do .nav-tabs li{
        width: 100%;
    }
    .tab-pane ul li{
        width: 100%;
    }
}
.tech{
    background:#f0f0f0;
}
.tech .warp{
    padding-top: 90px;
    padding-bottom: 90px;
}
.tech h2{
    margin-bottom: 60px;
}
.t-box{
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
}
.t-ct{
    width: 370px;
    background-color: #ffffff;
    box-shadow: 0px 10px 30px 0px
    rgba(86, 131, 244, 0.4);
    border-radius: 10px;
    margin-bottom: 30px;
}
.t-ct:last-child{
    width: 100%;
}
.t-ct:hover .top{
    background-color: #091871;

}
.t-ct:hover .btm .t-lt{
    opacity: 1;
}
.t-ct .top{
    border-radius: 10px 10px 0px 0px;
    padding: 30px 15px;
    background-color: #7079ad;
    transition: .3s;
}
.top h5{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    color: #ffffff;
}

.btm .t-lt{
    padding-top: 15px;
    opacity: 0.3;
}
.btm{
    padding: 30px 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-content: center;
}
.t-ct:last-child .btm{
    justify-content: flex-start;
}
.t-ct:last-child .btm .t-rt{
    padding-left: 60px;
}
.t-ct:last-child .btm .t-rt li{
    width: auto;
}

.t-rt li{
    font-size: 14px;
    margin-bottom: 10px;
    color: #666;
    width: 210px;
    position: relative;
}
.t-rt li:before{
    content: '';
    position: absolute;
    left: -10px;
    top: 9px;
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #777777;
}
@media (max-width: 1192px) {
    .t-box{
        flex-direction: column;
    }
    .t-rt{
        padding-left: 60px;
    }
    .t-rt li{
        width: auto;
    }
    .t-ct{
        width: 100%;
    }
    .btm{
        justify-content: flex-start;
    }
}
.how{
    background-color: #f0f0f0;
}
.edition{
    background: #fff;
}
.edition .warp{
    padding-top: 80px;
    padding-bottom: 80px;
    flex-direction: column;
}
.edition h2{
    margin-bottom: 50px;
}

.how .warp{
    padding-top: 90px;
    padding-bottom: 90px;
    display: block;
}
.how h2{
    margin-bottom: 60px;
}
.swiper-box{
    max-width: 800px;
    margin: auto;
}
.swiper-item  p{
    font-size: 16px;
    line-height: 20px;
    color: #333;
    margin-bottom: 30px;
}
.swiper-box .swiper-item{
    padding: 0;
}
.slick-dots li.slick-active button {
    background-image: linear-gradient( #091871,#091871),linear-gradient( #ed8f13,#ed8f13);
}
.slick-dots li button, .slick-dots li.slick-active button {
    width: 8px;
    height: 8px;
}
.slick-dots{
    bottom: -20px;
}
.award .warp{
    padding-top: 100px;
    padding-bottom: 100px;
    display: block;
}
.logo-ul {
    word-spacing: -8px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.logo-ul li {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 60px;
    margin: auto 2%;
}
.logo-ul a {
    display: block;
    height: 100%;
    width: 100%;
    background: url('https://cdn-node.diskpart.com/file/amtcstatic/1/a1/logo-download.png') no-repeat center;
    position: relative;
}

.logo-ul li:nth-of-type(2) a {
    background: url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/logo-soft.png") no-repeat center;
}

.logo-ul li:nth-of-type(3) a {
    background: url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/logo-topten.png") no-repeat center;
}

.logo-ul li:hover a, .logo-ul li.active a {
    border-radius: 10px 10px 0 0;
    background: #091871 url('https://cdn-node.diskpart.com/file/amtcstatic/1/a1/logo-download_hover.png') no-repeat center;
}

.logo-ul li:nth-of-type(2):hover a, .logo-ul li:nth-of-type(2).active a {
    background: #091871 url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/logo-soft_hover.png") no-repeat center;
}

.logo-ul li:nth-of-type(3):hover a, .logo-ul li:nth-of-type(3).active a {
    background: #091871 url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/logo-topten_hover.png") no-repeat center;
}

.logo-ul li:hover a:before, .logo-ul li.active a:before {
    content: '';
    display: block;
    border-width: 10px;
    border-style: solid;
    border-color:#091871 transparent transparent transparent;
    width: 0;
    height:0;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -18px;
}
.reviews-body p{
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #666666;
    min-height: 52px;
}
@media (max-width: 715px) {
    .logo-ul li {
        display: block;
        width: 200px;
        height: 60px;
        margin:10px auto;
    }
}
.easiest{
    background: url("https://cdn-node.diskpart.com/file/amtcstatic/1/a1/bg3.png") no-repeat center;
    background-size: cover;
}
.easiest .warp{
    padding-top: 80px;
    padding-bottom: 80px;
    display: block;
    text-align: center;
}
.easiest  h2{
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 50px;
}
.easiest a{
    background: url(https://www.ubackup.com/assets/images/icons/tiny-icon-all.png) no-repeat 20px 20px #fe6000;
    background-position: -270px -674px;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    text-decoration: none;
    padding: 16px 40px;
    position: relative;
    overflow: hidden;
}
.easiest a span{
    font-size: 24px;
    font-weight: normal;
    margin-left: 20px;
}
.footer {
    background-image: linear-gradient(
            #141924,
            #141924),
    linear-gradient(
            #1b2231,
            #1b2231);
    background-blend-mode: normal,
    normal;
    font-size: 12px;
    line-height: 1.2;
    color: #494d56;
}
.footer .warp{
    padding-top: 15px;
    padding-bottom: 15px;
    justify-content: space-between;
}
.footer .warp a{
    color: #494d56;
    text-decoration: none;
    margin: 0 5px;
}
.footer .warp a:hover{
    color: #fff}
@media (max-width: 565px) {
    .footer .warp{
        text-align: center;
    }
    .footer .warp div,.footer .warp p{
        margin-top: 10px;
        width: 100%;

    }
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}
.table-bordered thead tr>th:first-child,.table-bordered tbody tr>th:first-child{
    width: 296px;
}

.table-bordered thead tr>th,.table-bordered thead tr>td{
    width: 180px;
}
.table thead tr th, .table thead tr td, .table tbody tr td {
    text-align: center;
    vertical-align: middle;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th,.table-bordered>tbody>tr>td ,.table-bordered>tbody>tr>th{
    border-bottom-width: 1px;
    font-size: 14px;
    color: #333;
}
.table-bordered h3{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.1;
    color: #22252a;
}
.thd{
    padding: 20px;
}
.thd p{
    font-size: 20px;
    line-height: 1.5;
    font-weight: normal;
    color: #ffffff;
    height: 60px;
    margin-bottom: 20px;
}
.thd span{
    font-size: 30px;
    line-height: 1.2;
    font-weight: normal;
    color: #ffffff;
    display: block;
    text-align: center;
}
.thd del{
    text-decoration: line-through;
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    opacity: 0.8;
    font-weight: normal;
}
.th-bg1{
    background-color: #18abff;
}
.th-bg2{
    background-color: #2084ff;
}
.th-bg3{
    background-color: #1763c1;
}
.th-bg4{
    background-color: #104484;
}.th-bg5{
    background-color: #091871;
}
.thb{
    padding: 10px;
}
.th-bb1{
    background-color: #f7fbff;
}
.th-bb2{
    background-color: #f1f8ff;
}.th-bb3{
    background-color: #ecf5ff;
}.th-bb4{
    background-color: #e3f0ff;
}.th-bb5{
    background-color: #dce8ff;
}

.edition .buy a{
    background-color: #fe6000;
    border-radius: 4px;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    min-width: 140px;
    margin: 20px auto;
}
.edition .io-box{
    padding-left: 15px;
    color: #46505a;
    font-weight: normal;
}
.table tbody>tr>td>h6{
    margin: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #1a1a1a;
    cursor: pointer;
    position: relative;
    text-align: left;

}
.underline{
    text-decoration: underline;
}
.table tbody>tr>td>h6:hover  .io{
    display: block;
    font-weight: normal;
}

.table td.hook::after {
    width: 15px;
    height: 15px;
    background: url(https://www.ubackup.com/assets/images/icons/tiny-icon-all.png) no-repeat center;
    background-position: -797px -182px;
}

.table td.hook::after, .table td.nohook::after {
    content: '';
    display: inline-block;
}
.table td.nohook::after {
    width: 15px;
    height: 3px;
    background-color: #bdbdbd;
}

@media (max-width: 1000px) {
    .table-ctn{
        width: 100%;
        overflow: hidden;
    }
    .scroll {
    overflow-y: hidden
    }
    .scroll .table{
        width: 1100px;
        overflow: scroll;
    }
}


.buy a:before,.easiest a:before {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    width: 13%;
    height: 190%;
    background: rgba(255, 255, 255, 0.1);
    transform: rotate(-45deg) translateY(-100%);
    transition: all .5s;
    z-index: -1;
}
.buy a:hover,.easiest a:hover{
  background: url(https://www.ubackup.com/assets/images/icons/tiny-icon-all.png) no-repeat 20px 20px #ff8a00 ;
    background-position: -270px -674px;
}
.buy a:hover:before,.easiest a:hover:before {
    transform: rotate(-45deg) translate(53%,-100%);
    left: 160%;
    z-index: 1;
}
.func-icon.func1-46 {
    background-position: -1000px -832px;
}

.func-icon.func1-33 {
    background-position: -901px -939px;
}
.func-icon.file1 {
    background-position: -900px -200px;
}
.func-icon.command1 {
    background-position: -1100px -200px;
}
.func-icon.command2 {
    width: 63px;
    background-position: -399px -300px;
}
.func-icon.func1-7 {
    background-position: 0 -400px;
}