/********************** paging_ctrl - Start **********************/
.div-cx-paging {
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: 60px auto;
    max-width: 1200px;
}

.mobile .div-cx-paging {
    margin: 15px auto 0;
    max-width: 106px;
}

/*.div-cx-paging > div {
    display: inline-block;
    margin: 0px auto 10px;
}*/
.div-cx-paging .count {
    display: none;
}

.div-cx-paging > nav {
    display: inline-block;
}

.pagination {
    float: left;
    display: inline-block;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

.pagination > li {
    float: left;
    margin: 0px 5px;
}

.pagination > li > * {
    float: left;
    width: auto;
    min-width: 32px;
    height: 32px;
    overflow: hidden;
    font: 16px/30px 'Microsoft YaHei', 'SimSun', 'Arial', 'webdings', 'Helvetica', 'sans-serif';
    color: #777;
    text-align: center;
    border: solid 1px #dddddd;
    border-radius: 4px;
    padding: 0 10px;
    box-sizing: border-box;
}

.pagination > li.active > * {
    background-color: #d00 !important;
    border: solid 1px transparent !important;
    color: #fff !important;
}

.pagination > li > *:hover {
    background-color: #eee;
    border:solid 1px #eee !important;
}

.pagination > li:first-child > xxxx {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg); /* IE 9 */
    -moz-transform: rotate(-180deg); /* Firefox */
    -webkit-transform: rotate(-180deg); /* Safari 和 Chrome */
    -o-transform: rotate(-180deg); /* Opera */
}

.pagination > li:first-child > * > i {
    position: relative;
    bottom: 2px;
}

.pagination > li .fa-chevron-left:before {
    content: '<';
}

.mobile .pagination > li .fa-chevron-left:before {
    content: '<';
    top: -2px;
    position: relative;
}

.mobile .pagination > li.disabled .fa-chevron-left {
    position: relative;
    top: 0;
}

.pagination > li .fa {
    /*font-family:"iconfont" !important;*/
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
    font: 28px/30px 'Microsoft YaHei', 'SimSun', 'Arial', 'webdings', 'Helvetica', 'sans-serif';
    color: #777;
}

.pagination > li:last-child > xxxx {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -moz-transform: rotate(0deg); /* Firefox */
    -webkit-transform: rotate(0deg); /* Safari 和 Chrome */
    -o-transform: rotate(0deg); /* Opera */
}

.pagination > li:last-child > * > i {
    position: relative;
    /*bottom: 2px;*/
}

.pagination > li .fa-chevron-right:before {
    content: '>';
    position: relative;
    left: 2px;
    top: -2px;
}

.pagination > li.disabled {
    background-color: #ddd !important;
    color: #222 !important;
}

.pagination > li.disabled > *:hover {
    background-color: #ddd !important;
    border-color: transparent;
}

.pagination > li.disabled * {
    color: #bbb !important;
}

/********************** paging_ctrl - End **********************/