@charset "UTF-8";
/**!
* 新疆政务服务首页
* date:2021-09-23
* author: gyc;
*/
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    min-width: 1275px;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.header {
    position: relative;
    height: 182px;
    background-color: #fff;
}

.header .container {
    position: relative;
    height: 100%;
}

.header-top {
    padding-top: 20px;
}

.header .area-name {
    height: 30px;
    padding-left: 10px;
    line-height: 30px;
    font-size: 18px;
    width: 155px;
    text-align: center;
}

.header .area-change {
    position: relative;
    width: 70px;
    height: 30px;
    margin: 0 0 0 9px;
    padding-left: 9px;
    cursor: pointer;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    background: #eee url('../images/index/area-change.png') no-repeat right 8px center;
}

.header .area-change:hover .area-wrapper {
    display: block;
}

.header .link {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    display: flex;
    height: 70px;
}

.header .link > li {
    display: flex;
    flex-direction: column;
    font-size: 16px;
}
.header .link > li > a {
   margin-top: 5px;
}
.olderadd{
    margin: 5px 0 0 0 !important;
}

.header .link > li + li {
    margin-left: 10px;
    padding-left: 30px;
    border-left: 1px solid #ccc;
}

.header .clogo{
  padding-left: 24px;
  background: url("../images/index/icon-emblem.png") no-repeat left center;
}

.header .menu {
    position: absolute;
    bottom: 0;
}

.header .menu > li {
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    color: #3c3f46;
}

.header .menu > li > a {
    display: block;
    height: 100%;
}

.header .menu > li.active,
.header .menu > li:hover {
    color: #108dee;
    font-weight: bold;
    border-bottom: 5px solid #108dee;
}

.header .menu > li + li {
    margin-left: 100px;
}

.header .login {
    position: absolute;
    width: 204px;
    height: 188px;
    right: -11px;
    bottom: -108px;
    padding: 25px 20px 20px 35px;
    background: url('../images/index/bg-login.png') no-repeat center;
}

.header .login .hello {
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 600;
}

.header .login-user {
    margin-top: 25px;
    line-height: 30px;
    font-size: 16px;
}

.header .login-user > a {
    color: #108dee;
}

.header .area-wrapper {
    left: -555px;
}

.banner {
    height: 428px;
    padding-top: 121px;
    background: url('../images/index/bg-banner.jpg') no-repeat center;
}

.banner .welcome-tt {
    height: 42px;
    line-height: 42px;
    font-size: 42px;
    color: #fefefe;
    text-shadow: 0px 4px 13px rgba(8, 81, 138, 0.23);
    letter-spacing: 12px;
}

.banner .search {
    width: 700px;
    height: 80px;
    margin-top: 27px;
}

.banner .search-input {
    width: 580px;
    height: 68px;
    margin-top: 6px;
    padding: 0 20px;
    border: 0;
    outline: none;
    font-size: 16px;
}

.banner .search-btn {
    position: relative;
    width: 120px;
    height: 80px;
    background: #f5a925 url('../images/index/icon-search.png') no-repeat center;
    border-radius: 0 8px 8px 0;
}

.banner .search-btn::before {
    content: '';
    position: absolute;
    left: -20px;
    top: 0;
    width: 20px;
    height: 80px;
    background: url('../images/index/bg-searchbtn.png') no-repeat center;
    z-index: 0;
}

.banner .search-wrapper .list > li {
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 16px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.banner .hot {
    margin-top: 15px;
    font-size: 0;
}

.banner .hot > li {
    display: inline-block;
    height: 16px;
    font-size: 16px;
    color: #fff;
}

.banner .hot > li + li {
    margin-left: 30px;
}

.banner .hot-tt {
    font-weight: bold;
}

.banner .old-people {
    position: relative;
    width: 300px;
    height: 230px;
    -webkit-box-shadow: 0 0 24px rgba(38, 142, 239, 0.16);
    box-shadow: 0 0 24px rgba(38, 142, 239, 0.16);
    background: url('../images/index/old-people.png') no-repeat center;
}

.banner .old-people .btn {
    position: absolute;
    left: 30px;
    bottom: 35px;
    width: 91px;
    height: 29px;
    line-height: 27px;
    color: #108dee;
    text-align: center;
    border: 1px solid #108dee;
    border-radius: 15px;
}

/* 统一认证 */
.unify-wrapper {
    height: 100px;
    padding-top: 25px;
    background-color: #f3f4f5;
}

.unify-wrapper .unify-list > li {
    float: left;
    width: 183px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    text-align: center;
    font-size: 20px;
    -webkit-box-shadow: 0px 4px 15px 0px rgba(16, 141, 238, 0.11);
    box-shadow: 0px 4px 15px 0px rgba(16, 141, 238, 0.11);
    border-radius: 4px;
}

.unify-wrapper .unify-list > li:hover {
    color: #fff;
    font-weight: bold;
    background-color: #108dee;
}

.unify-wrapper .unify-list > li + li {
    margin-left: 20px;
}

.unify-wrapper .unify-list > li > a {
    display: block;
    height: 100%;
}

/* 欢迎您 */
.hello {
    height: 688px;
    padding-top: 67px;
    background: url('../images/index/bg-hello.png') no-repeat center;
}

.hello-tt {
    width: 584px;
    height: 94px;
    margin: 0 auto;
    background: url('../images/index/bg-tt.png') no-repeat center;
}

.hello .img {
    display: block;
    width: 1200px;
    height: 439px;
}

.hello .img .pic {
    width: 100%;
    height: 100%;
}

.hello .swiper-container {
    margin-top: 20px;
}

.hello .swiper-pagination {
    bottom: 24px;
}

.hello .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
    background-color: #fff;
}

/* 办理事项 */
.handling {
    height: 522px;
    padding-top: 45px;
    background: url('../images/index/bg-handing.jpg') no-repeat center;
}

.handling .container {
    width: 1240px;
}

.handling-tt {
    height: 51px;
    line-height: 42px;
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    background: url('../images/index/bg-handingtt.png') no-repeat center bottom;
}

.handling-tt > span {
    position: relative;
}

.handling-tt > span::before {
    content: '';
    position: absolute;
    left: -172px;
    top: 28px;
    width: 158px;
    height: 4px;
    background: url('../images/index/bg-left.png') no-repeat center;
}

.handling-tt > span::after {
    content: '';
    position: absolute;
    right: -172px;
    top: 28px;
    width: 158px;
    height: 4px;
    background: url('../images/index/bg-right.png') no-repeat center;
}

.handling-list {
    margin-top: 46px;
}

.handling-list > li {
    float: left;
    width: 292px;
    height: 158px;
    -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.handling-list > li > a {
    display: block;
    height: 100%;
    padding: 38px 0 0 15px;
}

.handling-list > li + li {
    margin-left: 24px;
}

.handling-list > li:nth-child(4n + 1) {
    margin-left: 0;
}

.handling-list > li:nth-child(n + 5) {
    margin-top: 24px;
}

.handling-list > li .icon {
    width: 86px;
    height: 86px;
}

.handling-list > li .info {
    margin-left: 13px;
    padding-top: 8px;
    color: #fff;
}

.handling-list > li .info .name-cn {
    height: 34px;
    line-height: 34px;
    font-size: 22px;
}

.handling-list > li .info .name-en {
    height: 22px;
    margin-top: 9px;
}

.handling-list > li:nth-child(1) {
    background: -webkit-gradient(linear, left top, left bottom, from(#57c3f8), to(#31a6f2));
    background: linear-gradient(180deg, #57c3f8 0%, #31a6f2 100%);
}

.handling-list > li:nth-child(1) .icon {
    background: url('../images/index/icon-handling1.png') no-repeat center;
}

.handling-list > li:nth-child(2) {
    background: -webkit-gradient(linear, left top, left bottom, from(#45cae7), to(#26bfc9));
    background: linear-gradient(180deg, #45cae7 0%, #26bfc9 100%);
}

.handling-list > li:nth-child(2) .icon {
    background: url('../images/index/icon-handling2.png') no-repeat center;
}

.handling-list > li:nth-child(3) {
    background: -webkit-gradient(linear, left top, left bottom, from(#e88a2b), to(#ff782c));
    background: linear-gradient(180deg, #e88a2b 0%, #ff782c 100%);
}

.handling-list > li:nth-child(3) .icon {
    background: url('../images/index/icon-handling3.png') no-repeat center;
}

.handling-list > li:nth-child(4) {
    background: -webkit-gradient(linear, left top, left bottom, from(#82a8f5), to(#4972f3));
    background: linear-gradient(180deg, #82a8f5 0%, #4972f3 100%);
}

.handling-list > li:nth-child(4) .icon {
    background: url('../images/index/icon-handling4.png') no-repeat center;
}

.handling-list > li:nth-child(5) {
    background: -webkit-gradient(linear, left top, left bottom, from(#82a8f5), to(#4972f3));
    background: linear-gradient(180deg, #82a8f5 0%, #4972f3 100%);
}

.handling-list > li:nth-child(5) .icon {
    background: url('../images/index/icon-handling5.png') no-repeat center;
}

.handling-list > li:nth-child(6) {
    background: -webkit-gradient(linear, left top, left bottom, from(#57c3f8), to(#31a6f2));
    background: linear-gradient(180deg, #57c3f8 0%, #31a6f2 100%);
}

.handling-list > li:nth-child(6) .icon {
    background: url('../images/index/icon-handling6.png') no-repeat center;
}

.handling-list > li:nth-child(7) {
    background: -webkit-gradient(linear, left top, left bottom, from(#45cae7), to(#26bfc9));
    background: linear-gradient(180deg, #45cae7 0%, #26bfc9 100%);
}

.handling-list > li:nth-child(7) .icon {
    background: url('../images/index/icon-handling7.png') no-repeat center;
}

.handling-list > li:nth-child(8) {
    background: -webkit-gradient(linear, left top, left bottom, from(#e88a2b), to(#ff782c));
    background: linear-gradient(180deg, #e88a2b 0%, #ff782c 100%);
}

.handling-list > li:nth-child(8) .icon {
    background: url('../images/index/icon-handling8.png') no-repeat center;
}

/* 特色服务 */
.feature {
    padding: 38px 0 50px;
}

.feature-tt {
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    font-weight: bold;
}

.feature-tt > span {
    margin-left: 10px;
    font-size: 14px;
    font-weight: normal;
}

.feature .service-list {
    margin-top: 32px;
}

.feature .service-list > li {
    float: left;
    width: 277px;
    height: 360px;
    padding-top: 30px;
    color: #fff;
}

.feature .service-list > li + li {
    margin-left: 20px;
}

.feature .service-list > li:nth-child(1) {
    background: url('../images/index/bg-service1.jpg') no-repeat center;
}

.feature .service-list > li:nth-child(2) {
    background: url('../images/index/bg-service2.jpg') no-repeat center;
}

.feature .service-list > li:nth-child(3) {
    background: url('../images/index/bg-service3.jpg') no-repeat center;
}

.feature .service-list > li:nth-child(4) {
    background: url('../images/index/bg-service4.jpg') no-repeat center;
}

.feature .service-list .service-name {
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.feature .service-list .matter {
    margin-top: 22px;
}

.feature .service-list .matter > li {
    width: 179px;
    height: 50px;
    margin: 0 auto;
    border-radius: 4px;
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.2);
}

.feature .service-list .matter > li + li {
    margin-top: 15px;
}

.feature .service-list .matter > li .matter-item {
    display: table-cell;
    width: 177px;
    height: 48px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    line-height: 20px;
}

.feature .service-list .matter > li .matter-item:hover,
.feature .service-list .matter > li .matter-item.more:hover {
    background-color: rgba(16, 141, 238, 0.502);
}

.feature .service-list .matter > li .matter-item.more {
    padding-right: 28px;
    background: url('../images/index/icon-more.png') no-repeat right 43px center;
}

.feature .service-list .link {
    height: 16px;
    line-height: 16px;
    margin-top: 23px;
    text-align: center;
    font-size: 16px;
}

.feature .service-list .link + .link {
    margin-top: 12px;
}

.feature .service-list .link .split {
    margin: 0 5px;
}

/* 个人服务/法人服务 */
.services {
    padding: 50px 0;
    background-color: #f3f4f5;
}

.services .hd > li {
    float: left;
    height: 36px;
    font-size: 36px;
    line-height: 36px;
    color: #999;
    font-weight: bold;
    cursor: pointer;
}

.services .hd > li.active {
    color: #333;
}

.services .hd > li + li {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #999;
}

.services-list {
    margin-top: 32px;
}

.services-list > li {
    float: left;
    width: 380px;
    height: 220px;
    /* padding: 30px 0 0 28px; */
    border-radius: 4px;
    background-color: #fff;
}

.services-list > li:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(9, 76, 128, 0.5);
    box-shadow: 0px 0px 15px 0px rgba(9, 76, 128, 0.5);
}

.services-list > li + li {
    margin-left: 30px;
}

.services-list > li:nth-child(3n + 1) {
    margin-left: 0;
}

.services-list > li:nth-child(n + 4) {
    margin-top: 30px;
}

.services-list > li .name {
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    font-weight: 600;
}

.services-list > li .name > img,
.services-list > li .name > span {
    vertical-align: middle;
}

.services-list .detail {
    margin-top: 20px;
    /* padding-left: 55px; */
}

.services-list .detail > li {
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    font-weight: 400;
    color: #8792a3;
}

.services-list .detail > li:hover > a {
    /* color: #108dee; */
}

.services-list .detail > li + li {
    margin-top: 20px;
}

/* 主题集成服务 */
.theme {
    position: relative;
    padding: 50px 0;
}

.theme-tt {
    height: 36px;
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
}

.theme-tt > span {
    font-size: 28px;
    font-weight: 600;
}

.theme .swiper-container {
    width: 1275px;
    margin: 22px auto;
    padding-top: 30px;
    padding-bottom: 45px;
}

.theme .swiper-pagination {
    bottom: 0;
}

.theme .swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    border-radius: 2px;
}

.theme .swiper-button-prev,
.theme .swiper-button-next {
    width: 11px;
    height: 16px;
    margin-top: -8px;
}

.theme .swiper-button-prev.swiper-button-disabled,
.theme .swiper-button-next.swiper-button-disabled {
    opacity: 1;
}

.theme .swiper-button-prev {
    left: auto;
    right: calc(50% + 625px);
    background: url('../images/index/icon-prev.png') no-repeat center;
}

.theme .swiper-button-prev.swiper-button-disabled {
    background: url('../images/index/icon-prev-disable.png') no-repeat center;
}

.theme .swiper-button-next {
    right: auto;
    left: calc(50% + 625px);
    background: url('../images/index/icon-next.png') no-repeat center;
}

.theme .swiper-button-next.swiper-button-disabled {
    background: url('../images/index/icon-next-disable.png') no-repeat center;
}

.theme-list {
    width: 1200px;
    margin: 0 auto;
}

.theme-list > li {
    float: left;
    position: relative;
    width: 300px;
    height: 180px;
}

.theme-list > li:hover .pic {
    left: 50%;
    bottom: 0;
    width: 330px;
    height: 200px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
}

.theme-list > li:hover .theme-name {
    color: #108dee;
    font-weight: bold;
}

.theme-list > li:hover .theme-name > span {
    background: url('../images/index/icon-themename-active.png') no-repeat right center;
}

.theme-list > li > a {
    display: block;
    height: 100%;
}

.theme-list > li .pic {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.theme-list > li .theme-name {
    position: absolute;
    left: 50%;
    bottom: -21px;
    width: 242px;
    height: 42px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 42px;
    font-size: 16px;
    border-radius: 21px;
    text-align: center;
    background: white;
    -webkit-box-shadow: 0px 4px 38px 0px rgba(14, 132, 223, 0.11);
    box-shadow: 0px 4px 38px 0px rgba(14, 132, 223, 0.11);
    z-index: 100;
}

.theme-list > li .theme-name > span {
    padding-right: 26px;
    background: url('../images/index/icon-themename.png') no-repeat right center;
}

/* 好差评 */
.evaluate {
    height: 234px;
    padding-top: 49px;
    background: url('../images/index/bg-evaluate.jpg') no-repeat center;
}

.evaluate-tt {
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    font-weight: bold;
}

.evaluate-tt > span {
    font-weight: normal;
    font-size: 14px;
}

.evaluate-detail > li {
    float: left;
    width: 300px;
    padding-top: 30px;
}

.evaluate-detail > li + li {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 75, 94, 0.5)))
        no-repeat left center;
    background: linear-gradient(to bottom, rgba(51, 75, 94, 0.5)) no-repeat left center;
    background-size: 1px 30px;
}

.evaluate-detail > li:nth-child(1) {
    padding-left: 30px;
}

.evaluate-detail > li:nth-child(1) .evaluate-name {
    background: url('../images/index/icon-evaluate1.png') no-repeat left center;
}

.evaluate-detail > li:nth-child(2) {
    padding-left: 75px;
}

.evaluate-detail > li:nth-child(2) .evaluate-name {
    background: url('../images/index/icon-evaluate2.png') no-repeat left center;
}

.evaluate-detail > li:nth-child(3) {
    padding-left: 105px;
}

.evaluate-detail > li:nth-child(3) .evaluate-name {
    background: url('../images/index/icon-evaluate3.png') no-repeat left center;
}

.evaluate-detail > li:nth-child(4) {
    padding-left: 153px;
}

.evaluate-detail > li:nth-child(4) .evaluate-name {
    background: url('../images/index/icon-evaluate4.png') no-repeat left center;
}

.evaluate-detail > li .evaluate-name {
    height: 20px;
    padding-left: 23px;
    line-height: 20px;
    font-size: 18px;
    color: #666;
}

.evaluate-detail > li .evaluate-value {
    height: 40px;
    margin-top: 22px;
    line-height: 40px;
    font-size: 40px;
    color: #235073;
    /* font-family: 'DIN-bold'; */
}

.evaluate-detail > li .evaluate-value .unit {
    margin-left: 5px;
    font-size: 16px;
    font-family: 'SourceHanSansCN';
}

/* 服务清单/政策直通车 */
.wrapper {
    padding: 50px 0;
}

.wrapper .service-list {
    width: 552px;
}

.wrapper .service-list-tt {
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    font-weight: bold;
}

.wrapper .service-list .list {
    margin-top: 30px;
}

.wrapper .service-list .list > li {
    position: relative;
    float: left;
    width: 184px;
    height: 189px;
}

.wrapper .service-list .list > li > a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.wrapper .service-list .list > li > a:hover {
    position: absolute;
    left: -12px;
    top: -12px;
    width: 196px;
    height: 201px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 1.5rem rgba(9, 41, 77, 0.12);
    box-shadow: 0 0 1.5rem rgba(9, 41, 77, 0.12);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.wrapper .service-list .list > li > a:hover img {
    margin-left: 6px;
    margin-top: 6px;
}

.wrapper .service-list .list > li .name {
    line-height: 16px;
    font-size: 16px;
    text-align: center;
    margin-top: -70px;
    color: #fff;
}

.wrapper .service-list .list > li img {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 184px;
    height: 189px;
}

.wrapper .direct-train {
    width: 618px;
}

.wrapper .direct-train-tt {
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    font-weight: bold;
}

.wrapper .direct-train .train-wrapper {
    height: 376px;
    margin-top: 32px;
    -webkit-box-shadow: 0px 4px 15px 0px rgba(16, 141, 238, 0.11);
    box-shadow: 0px 4px 15px 0px rgba(16, 141, 238, 0.11);
}

.wrapper .direct-train .train-wrapper .article {
    padding: 30px 20px 0;
}

.wrapper .direct-train .train-wrapper .article > li {
    height: 20px;
    line-height: 20px;
    font-size: 20px;
}

.wrapper .direct-train .train-wrapper .article > li:hover {
    color: #108dee;
}

.wrapper .direct-train .train-wrapper .article > li:hover .time {
    color: #108dee;
}

.wrapper .direct-train .train-wrapper .article > li > a {
    display: block;
    height: 100%;
}

.wrapper .direct-train .train-wrapper .article > li + li {
    margin-top: 23px;
}

.wrapper .direct-train .train-wrapper .article > li .name {
    width: 375px;
    padding-left: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url('../images/index/icon-article.png') no-repeat left center;
}

.wrapper .direct-train .train-wrapper .article > li .time {
    color: #999;
}

/* 侧边栏 */
.sidebar {
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar-list > li {
    width: 86px;
    height: 90px;
    text-align: center;
    border-radius: 4px;
    background-color: white;
    -webkit-box-shadow: 0px 4px 38px 0px rgba(17, 60, 74, 0.11);
    box-shadow: 0px 4px 38px 0px rgba(17, 60, 74, 0.11);
}

.sidebar-list > li:nth-child(1) {
    background: #fff url('../images/index/icon-sidebar1.png') no-repeat center 19px;
}

.sidebar-list > li:nth-child(2) {
    background: #fff url('../images/index/icon-sidebar2.png') no-repeat center 19px;
}

.sidebar-list > li:nth-child(3) {
    background: #fff url('../images/index/icon-sidebar3.png') no-repeat center 19px;
}

.sidebar-list > li:nth-child(4) {
    background: #fff url('../images/index/icon-sidebar4.png') no-repeat center 19px;
}

.sidebar-list > li:nth-child(5) {
    background: #fff url('../images/index/icon-sidebar5.png') no-repeat center 19px;
}

.sidebar-list > li:nth-child(6) {
    background: #fff url('../images/index/icon-sidebar6.png') no-repeat center 19px;
}

.sidebar-list > li:nth-child(7) {
    background: #fff url('../images/index/icon-sidebar7.png') no-repeat center 19px;
}
.sidebar-list > li:nth-child(8) {
    background: #fff url('../images/index/icon-sidebar7.png') no-repeat center 19px;
}

.sidebar-list > li:hover:nth-child(1) {
    background: #108dee url('../images/index/icon-sidebar1-hover.png') no-repeat center 19px;
}

.sidebar-list > li:hover:nth-child(2) {
    background: #108dee url('../images/index/icon-sidebar2-hover.png') no-repeat center 19px;
}

.sidebar-list > li:hover:nth-child(3) {
    background: #108dee url('../images/index/icon-sidebar3-hover.png') no-repeat center 19px;
}

.sidebar-list > li:hover:nth-child(4) {
    background: #108dee url('../images/index/icon-sidebar4-hover.png') no-repeat center 19px;
}

.sidebar-list > li:hover:nth-child(5) {
    background: #108dee url('../images/index/icon-sidebar5-hover.png') no-repeat center 19px;
}

.sidebar-list > li:hover:nth-child(6) {
    background: #108dee url('../images/index/icon-sidebar6-hover.png') no-repeat center 19px;
}

.sidebar-list > li:hover:nth-child(7) {
    background: #108dee url('../images/index/icon-sidebar7-hover.png') no-repeat center 19px;
}

.sidebar-list > li:hover:nth-child(8) {
    background: #108dee url('../images/index/icon-sidebar7-hover.png') no-repeat center 19px;
}

.sidebar-list > li:hover > a {
    color: #fff;
}

.sidebar-list > li > a {
    display: block;
    height: 100%;
    padding-top: 55px;
    color: #666;
}

.sidebar-list > li + li {
    margin-top: 10px;
}

.float-img {
    position: fixed;
    left: 10px;
    bottom: 20px;
    width: 310px;
    height: 256px;
    padding: 34px 15px 0;
    background-color: white;
    -webkit-box-shadow: 0px 4px 38px 0px rgba(17, 60, 74, 0.11);
    box-shadow: 0px 4px 38px 0px rgba(17, 60, 74, 0.11);
    border-radius: 4px;
    z-index: 999;
}

.float-img .inner {
    width: 280px;
    height: 145px;
    border-radius: 4px;
    background-color: #f1f1f1;
}

/* .float-img .inner > span { */
/* display: block; */
/* line-height: 145px; */
/* color: #999; */
/* text-align: center; */
/* } */
.float-img .inner > span {
    display: block;
    height: 152px;
    line-height: 118px;
    color: #999;
    text-align: center;
}

.float-img .matter-name {
    height: 16px;
    margin-top: 15px;
    line-height: 16px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.float-img .detail {
    height: 14px;
    line-height: 14px;
    color: #0092f4;
}

.float-img .operation {
    margin-top: 20px;
}

.float-img .pager {
    height: 14px;
    /* margin: 0; */
    line-height: 14px;
    vertical-align: middle;
}

.float-img .prev,
.float-img .next {
    display: inline-block;
    color: #0092f4;
}

.float-img .prev.disabled,
.float-img .next.disabled {
    color: #a9bac6;
}

.float-img .next {
    margin-left: 10px;
}

.float-img .close {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 10px;
    right: 10px;
    background: url('../images/index/icon-close.png') no-repeat;
    cursor: pointer;
}

/* 前往办理/查看更多 */
.common-more {
    float: right;
    height: 36px;
    padding-right: 25px;
    line-height: 36px;
    font-weight: normal;
    font-size: 15px;
    color: #108dee;
    background: url('../images/index/icon-commonmore.png') no-repeat right center;
}

.come-older {
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 23px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #ffa200;
    cursor: pointer;
    border-radius: 20px;
    background-color: #fffcf6;
    letter-spacing: 2px;
    -webkit-box-shadow: -3px -4px 8px 0px rgba(0, 0, 0, 0.2) inset;
    box-shadow: -3px -4px 8px 0px rgba(0, 0, 0, 0.2) inset;
}

.come-older > span {
    position: relative;
    padding-right: 16px;
    display: inline-block;
    vertical-align: top;
}

.come-older > span::before {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -7px;
    right: -7px;
    width: 0;
    height: 0;
    border-left: 7px solid #f5a925;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-top: 7px solid transparent;
}