html,
body {
    margin: 0;
    padding: 0;
}.pagebox {
    position: relative;
}@font - face {
	font-family:Arial, Helvetica, sans-serif;
}
body {
    overflow - x: hidden;
   font-family:Arial, Helvetica, sans-serif;
} * {
    word -
    break: keep - all ! important;
    word - wrap: normal ! important;
   font-family:Arial, Helvetica, sans-serif;
}@media only screen and(min - width: 769px) {.p_page.pre {
        display: inline - table;
        position: relative;
        left: 0;
        top: 0;
        float: left;
        height: 38px;
        margin: 0 5px 0 18px;
        text - align: center;
        padding: 0 10px;
        border - radius: 0px;
        border: 1px solid#fff;
        background: #fff;
        color: #333333;
    }.p_page.pre: active {
        background: #494949;
        border - color: #494949;
        color: #fff;
    }.p_page.pre: hover {
        color: #fff;
        background: #494949;
        border - color: #494949;
        cursor: pointer;
    }.p_page.next {
        display: inline - table;
        position: relative;
        left: 0;
        top: 0;
        float: left;
        height: 38px;
        border: 1px solid#fff;
        background: #fff;
        color: #333;
        text - align: center;
        padding: 0 10px;
        border - radius: 0px;
    }.p_page.next: active {
        background: #494949;
        border - color: #494949;
        color: #fff;
    }.p_page.next: hover {
        background: #494949;
        border - color: #494949;
        color: #fff;
        cursor: pointer;
    }.p_page.pageNum {
        position: relative;
        float: left;
        height: 38px;
        min - width: 38px;
        margin: 0 5px 0 0;
        padding: 0 5px;
        background - size: 100 % 100 % ;
        color: #595959;
        border: 1px solid#fff;
        cursor: pointer;
        line - height: 38px;
        display: inline - block;
        font - family: inherit;
        font - size: 14px;
        font - weight: inherit;
        text - decoration: none;
        background - color: #fff;
        text - align: center;
        border - radius: 0px;
    }.p_page.pageNum: active {
        color: #fff;
        text - decoration: none;
        background - color: #494949;
        border - color: #494949;
    }.p_page.pageNum: hover {
        color: #fff;
        border - color: #494949;
        cursor: pointer;
        text - decoration: none;
        background - color: #494949;
    }.p_page.pageNum.active {
        text - decoration: none;
        background - color: #494949;
        color: #fff;
        border - color: #494949;
    }
}@media screen and(max - width: 768px) {.p_pagebox.NumBox {
        display: none ! important;
    }.p_pagebox {
        width: 100 % ;
        text - align: center;
    }.p_pagebox.js_pageBtnDisable,
    .p_pagebox.js_pageBtnDisable: hover,
    .p_pagebox.js_pageBtnDisable: active {
        background: #f5f5f5 ! important;
        border - color: #d9d9d9 ! important;
        color: #bfbfbf ! important;
        cursor: default;
    }.p_pagebox.js_pageBtnDisable.iconfont {
        color:
        #ddd ! important;
    }.p_pagebox.js_pageBtnDisable: hover.iconfont {
        color: #bfbfbf ! important;
    }.p_pagebox.pre {
        width: 48 % ;
        margin - right: 2 % ;
        background - color: #494949;
    }.p_pagebox.pre: hover {
        color: rgba(255, 255, 255, 1);
        border - color: #494949;
        background - color: #494949;
        cursor: pointer;
    }.p_pagebox.pre: active {
        background - color: #494949;
    }.p_pagebox.next {
        width: 48 % ;
        margin - left: 2 % ;
        background - color: #494949;
    }.p_pagebox.next: hover {
        background - color: #494949;
    }.p_pagebox.next: active {
        background - color: #494949;
    }
}: :-webkit - scrollbar {
    width: 7px;
}: :-webkit - scrollbar - track {
    background: #f7f7f7;
    border - radius: 0px;
}: :-webkit - scrollbar - thumb {
    background: #009cd5;
    border - radius: 0px;
}: :-webkit - scrollbar - thumb: hover {
    background: #004e94;
}@ - webkit - keyframes scaleUpDown {
    from { - webkit - transform: scale(1.08);
        transform: scale(1.08);
    }
    to {
        opacity: 1; - webkit - transform: scale(1);
        transform: scale(1);
    }
}@keyframes scaleUpDown {
    from { - webkit - transform: scale(1.08);
        transform: scale(1.08);
    }
    to {
        opacity: 1; - webkit - transform: scale(1);
        transform: scale(1);
    }@ - webkit - keyframes slideIn {
        0 % { - webkit - transform: translateX( - 100 % );
            opacity: 1;
        }
        100 % { - webkit - transform: translateX(0);
            opacity: 1;
        }
    }@keyframes slideIn {
        0 % {
            transform: translateX( - 100 % );
            opacity: 1;
        }
        100 % {
            transform: translateX(0);
            opacity: 1;
        }
    }@ - webkit - keyframes imgIn {
        0 % { - webkit - transform: -webkit - translateX(100 % );
            opacity: 1;
        }
        100 % { - webkit - transform: -webkit - translateX(0);
            opacity: 1;
        }
    }@keyframes imgIn {
        0 % {
            transform: translateX(100 % );
            opacity: 1;
        }
        100 % {
            transform: translateX(0);
            opacity: 1;
        }
    }