.img_scale {
    overflow: hidden
}

.img_scale img {
    transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
    -ms-transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
    -o-transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
    -webkit-transition: transform cubic-bezier(.215, .61, .355, 1) 1s;
    -moz-transition: transform cubic-bezier(.215, .61, .355, 1) 1s
}

/*.img_scale:hover img {*/
    /*transform: scale(1.1);*/
    /*-ms-transform: scale(1.1);*/
    /*-o-transform: scale(1.1);*/
    /*-webkit-transform: scale(1.1);*/
    /*-moz-transform: scale(1.1)*/
/*}*/

.img_scale:hover .full {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1)
}

.index-top {
    margin-top: 3.5%
}

.banner {
    width: 100%
}

.banner a {
    display: block;
    position: relative
}

.banner p {
    width: 100%;
    line-height: 50px;
    background: rgba(9, 12, 22, .55);
    position: absolute;
    bottom: 0;
    color: #fff;
    padding-left: 12px
}

.banner .swiper-pagination {
    text-align: right;
    padding-right: 20px;
    line-height: 50px;
    bottom: 0
}

.banner .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    filter: alpha(opacity=100);
    background: #fff
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
    background: #ffac2d
}

.part-head {
    border-bottom: 1px solid #e7eaec;
    padding-bottom: 15px;
    margin-bottom: 26px
}

.part-head .tit {
    font-size: 24px;
    color: #303030
}

.part-head ul {
    display: inline-block;
    margin-left: 1.9384%;
    position: relative;
    top: 20px
}

.part-head li {
    float: left;
    color: #969696;
    cursor: pointer;
    margin-right: 18px;
    transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease
}

.part-head li.cur, .part-head li:hover {
    color: #ffac2d;
    transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease
}

.part-head .more {
    font-size: 12px;
    position: relative;
    top: 20px;
    color: #303030;
    transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease
}

.part-head .more:hover {
    color: #ffac2d;
    transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease
}

.part-head .more i {
    font-size: 12px
}

.recommand {
    margin-top: 4.8333%
}

.recommand .recommand-list {
    width: 100%
}

.recommand .recommand-list ul {
    margin: 0 -10px
}

.recommand .recommand-list li {
    float: left;
    width: 20%;
    text-align: center;
    margin-bottom: 36px;
    padding: 0 10px
}

.recommand .recommand-list a {
    display: block
}

.recommand .recommand-list .m-name {
    margin-top: 10px
}

.load-more {
    width: 100%;
    height: 44px;
    text-align: center;
    background: #f3f6f8;
    cursor: pointer
}

.load-more .dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #b4b4b4;
    border-radius: 50%;
    position: relative;
    top: 12px;
    margin-right: 6px
}

.rank-wrap {
    margin-bottom: 40px
}

.rank-wrap .rank-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #e7eaec
}

.rank-wrap h3 {
    font-size: 16px;
    line-height: 30px;
    color: #303030
}

.rank-wrap .more {
    font-size: 12px;
    line-height: 30px;
    color: #303030;
    transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease
}

.rank-wrap .more:hover {
    color: #ffac2d;
    transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease
}

.index_rank i {
    font-style: normal
}

.index_rank li {
    
    font-size: 14px;
    line-height: 42px;
    color: #303030;
    margin-bottom: 0;
    border-bottom: 1px solid #e7eaec;
    transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index_rank li:hover a {
    color: #ffac2d;
    transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease
}

.index_rank a {
    display: inline-block;
    color: #303030
}

.index_rank p {
    display: inline-block;
    width: 22px;
    text-align: right;
    color: #969696;
    margin-right: 8px
}

.index-bottom {
    width: 100%;
    margin-top: 4.8333%;
    margin-bottom: 9%
}

.index-gap {
    margin-bottom: 3px
}

.hotimg-list {
    width: 100%;
    margin-bottom: 24px
}

.hotimg-list ul {
    margin: 0 -13px
}

.hotimg-list li {
    float: left;
    width: 25%;
    padding: 0 13px;
    margin-bottom: 26px;
    overflow: hidden
}

.hotimg-list li:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease
}

.hotimg-list a {
    display: block;
    position: relative
}

.hotimg-list p {
    background: rgba(6, 10, 9, .66);
    color: #969696;
    font-size: 12px;
    line-height: 38px;
    padding: 0 8px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease
}

.hotimg-list p span {
    color: #ffac2d
}