@media (min-width:1024px) {
    .part-hot-channel .items {
        margin:0 -15px;
    }
}
@media (min-width:1330px) {
    .part-hot-channel .item {
        padding: 0 .9rem;
    }
}
@media (min-width:1330px) {
    .part-hot-channel .item {
        width:16.66666667%
    }
}
.part-hot-channel .item-wrap {
    background-color:#fff;
    border-radius:8px;
    text-align: center;
    font-size:14px;
    padding:15px 0
}
@media (min-width:768px) {
    .part-hot-channel .item-wrap {
        padding:2.4em 0;
        background-color: #f0f2f7 !important;
    -webkit-box-shadow: 8px 8px 16px rgb(67 71 82 / 15%), -8px -8px 16px rgb(255 255 255), inset 0px 0px 4px rgb(255 255 255 / 20%), inset 7px 7px 15px rgb(55 84 170 / 0%), inset -7px -7px 20px rgb(255 255 255 / 0%), 0px 0px 4px rgb(255 255 255 / 0%);
    box-shadow: 8px 8px 16px rgb(67 71 82 / 15%), -8px -8px 16px rgb(255 255 255), inset 0px 0px 4px rgb(255 255 255 / 20%), inset 7px 7px 15px rgb(55 84 170 / 0%), inset -7px -7px 20px rgb(255 255 255 / 0%), 0px 0px 4px rgb(255 255 255 / 0%);
    transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
    /* background: #d8dbe3; */
    background: -o-linear-gradient(top, #d8dbe3, #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#e1e5e16e), to(#fff));
    box-shadow: 6px 6px 15px 0rgb(136 167 225/10%), -6px -6px 15px 0 #fff;
    -o-transition: all .2s;
    transition: all .2s;
    box-shadow: 8px 8px 16px rgb(67 71 82 / 15%), -8px -8px 16px rgb(255 255 255), inset 0px 0px 4px rgb(255 255 255 / 20%), inset 7px 7px 15px rgb(55 84 170 / 0%), inset -7px -7px 20px rgb(255 255 255 / 0%), 0px 0px 4px rgb(255 255 255 / 0%);
    transition: box-shadow .25s ease, -webkit-box-shadow .25s ease;
    }
    .part-hot-channel .item-wrap:hover{
         -webkit-box-shadow:10px 10px 20px 0 rgb(136 167 225/15%), -6px -6px 15px 0 #fff;
         box-shadow:10px 10px 20px 0 rgb(136 167 225/15%), -6px -6px 15px 0 #fff
    }
}
.part-hot-channel .item-wrap .item-title {
    font-size:18px;
    color:#323232;
    margin-bottom:.06rem;
    -webkit-transition:all .2s;
    transition: all .2s;
}
@media (min-width:768px) {
    .part-hot-channel .item-wrap .item-title {
        margin-bottom: 15px;
    }
}
.part-hot-channel .item-wrap .item-desc {
    font-size:14px;
    color:#8a8a8a;
    font-weight: normal;
    margin-bottom:.1rem;
    line-height:.18rem;
    height:.18rem;
}
@media (min-width:768px) {
    .part-hot-channel .item-wrap .item-desc {
        margin-bottom:1.7143em;
    }
}
.part-hot-channel .item-wrap .item-ico {
    font-size:40px;
    width:2em;
    height:2em;
    line-height:2em;
    text-align:center;
    /*background-color:#fffaf7;*/
    border-radius:100%;
    color:#3385ff;
    margin:0 auto .5em;
    -webkit-transition:all .2s;
    transition:all .2s
}
@media (max-width:1919px) {
    .part-hot-channel .item-wrap .item-ico {
        font-size:30px;
        margin-top: -4px;
    }
}
.part-hot-channel .item-wrap .btn {
    padding:0 1em;
    margin-top: 5px;
}
@media (min-width:768px) {
    .part-hot-channel .item-wrap .item-btns {
        display: block;
    }
}
@media (min-width:1200px) and (max-width:1600px) {
    .part-hot-channel .item-wrap .item-title {
        font-size: 15px;
    }
    .part-hot-channel .item-wrap .item-desc {
        font-size:12px
    }
}
.part-hot-channel .part-title {
    font-size:21px;
    color:#333333;
    margin-bottom:1em
}
@media (min-width:1330px) {
    .part-hot-channel .part-title {
        font-size: 24px;
        font-weight: 700;
    }
}
span.btn.btn-orange-border.item-btn {
    border-radius: 6px;
    line-height:2.4;
    white-space: nowrap;
    border: 1px solid #3385ff;
}
.part-hot-channel .item-wrap:hover .item-ico {
    color:#ffffff;
    background-color:#3385ff;
}
.part-hot-channel .item-wrap:hover .item-title {
    color:#3385ff
}
.part-hot-channel .item-wrap .item-ico i {
    font-size: 36px;
}