﻿* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Microsoft YaHei, Arial;
    font-size: 16px;
}

select {
    border: none;
    -moz-appearance: none; /*for firefox*/
    -webkit-appearance: none; /*for chrome*/
    padding-right: 10px;
    color: #333;
    text-align: center;
    font-size: 20px;
    width: 90px;
    overflow: hidden;
    background: url('Images/pc/home/arrow down.png') no-repeat right;
}

option {
    font-size: 16px;
    color: #333;
    background: rgb(250, 242, 255);
}

ul, ol {
    list-style-type: none;
}

a {
    text-decoration: none;
}

    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
        color: #6c237c;
        cursor: pointer;
    }

/*a:active {
    color: #000000;
    text-decoration: none;
}*/

p, span, a, small {
    color: #333;
    padding: 0;
    margin: 0;
}

input {
    outline: none;
}





.nav-pills > li.active > a {
    background: #62237c;
}

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        color: #fff;
    }

        .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:focus {
            color: #fff;
            background-color: #6c237c !important;
        }


            .nav-pills > li.active > a strong {
                color: #fff;
            }



.swiper-button-next {
    background-color: #b3b3b3;
    background-color: rgba(179, 179, 179,.7);
    background-image: url(https://images.shen88.cn/www/Images/pc/home/u137.png);
    background-size: 30px 30px;
    right: 0;
}

.swiper-button-prev {
    background-color: #b3b3b3;
    background-color: rgba(179, 179, 179,.7);
    background-image: url(https://images.shen88.cn/www/Images/pc/home/u137.png);
    background-size: 30px 30px;
    transform: rotate(180deg);
    left: 0;
}

/*工具样式*/
.row {
    margin: 0;
}

.left0 {
    left: 0 !important;
}

.modal-wrap {
    border: 1px dashed #ccc;
}

.hide {
    display: none;
}

.margin-left-10px {
    margin-left: 10px;
}

.margin-top-20px {
    margin-top: 20px;
}

.margin-top-10px {
    margin-top: 10px;
}

.margin-top-5px {
    margin-top: 5px;
}

.margin-right-5px {
    margin-right: 5px;
}

.margin-right-10px {
    margin-right: 10px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear:after {
    content: "";
    display: block;
    clear: both;
}

.horizontal-ul {
    margin-bottom: 0;
}

    .horizontal-ul:after {
        content: "";
        display: table;
        clear: both;
    }

    .horizontal-ul li {
        float: left;
    }

.tab-active-item {
    border-bottom: 2px solid #6c237c;
    color: #6c237c;
    padding-bottom: 5px;
}

.text-center {
    text-align: center;
}

.star-yellow img {
    margin-bottom: 5px;
    width: 20px;
    height: 20px;
}

.star-gray img {
    margin-bottom: 4px;
    width: 16px;
    height: 16px;
}

.width260 {
    width: 260px;
}

.width860 {
    width: 860px;
}

.line-height18px {
    line-height: 18px !important;
}
/*颜色*/
.white {
    color: #fff;
}

.primary {
    color: #6c237c;
}

.bg-primary {
    background-color: #6c237c;
}

.secondary {
    color: #C55BDB;
}

.bg-secondary {
    background-color: #C55BDB;
}

.light {
    color: #FAF2FF;
}

.bg-light {
    background-color: #FAF2FF;
}

.bg-yi {
    padding: 2px 4px 2px 4px;
    background: rgb(125, 198, 204);
}

.bg-ji {
    padding: 2px 4px 2px 4px;
    background: rgb(252, 167, 1730);
}

.text-primary {
    color: #000000;
}

.text-normal {
    color: #333333;
}

.text-secondary {
    color: #666666;
}

.text-placeholder {
    color: #999999;
}

.text-link {
    color: #C55BDB;
}

/*边框*/
.border-lv1 {
    color: #6C237C;
}

.border-lv2 {
    color: #C55BDB;
}

.border-lv3 {
    color: #CCCCCC;
}

.border-lv4 {
    color: #EEEEEE;
}

/*字体大小*/
.font-title {
    font-size: 24px !important;
}

.font-secondary-title {
    font-size: 22px !important;
}

.font-small-title {
    font-size: 20px !important;
}

.font-text {
    font-size: 18px !important;
}

.font-secondary-text {
    font-size: 16px !important;
}

.font-small {
    font-size: 14px !important;
}

/*font weight*/
.weight-500 {
    font-weight: 500;
}

.weight-600 {
    font-weight: 600;
}

/*按钮*/
.btn-default {
    width: 89px;
    height: 26px;
    font-size: 22px;
    color: rgb(0, 0, 0);
    border-width: 0;
}

.btn-selected {
    width: 89px;
    height: 26px;
    font-size: 22px;
    color: rgb(108, 35, 124);
    border-width: 0;
}

.disabled {
    opacity: .5;
}

.input {
    width: 148px;
    height: 57px;
    background-color: transparent;
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 26px;
    text-decoration: none;
    color: #000000;
    text-align: left;
    border-color: transparent;
    outline-style: none;
    border-bottom: 1px solid #ccc;
}


.break-word {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.webkit-2line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.content-panel {
    width: 1200px;
    margin: 10px auto;
}


    .content-panel:after {
        content: "";
        display: table;
        clear: both;
    }

    .content-panel h1, .content-panel h2 {
        line-height: 25px;
        margin: 0;
        padding: 0;
        font-size: 18px;
    }


.capsule {
    padding: 4px 8px 4px 8px;
    color: #6c237c;
    border: 1px solid #6c237c;
    border-radius: 8px;
}

.capsule-selected {
    padding: 3px 6px 3px 6px;
    color: #fff;
    background: #6c237c;
    border-radius: 6px;
}



a.capsule-selected:hover {
    color: white !important;
}

a.capsule-selected:visited {
    color: white !important;
}

.text-indent {
    text-indent: 36px;
}
/*组件样式*/

.peidui-panel-small {
    width: 320px;
    height: 130px;
    background: url(https://images.shen88.cn/www/Images/pc/home/u6.png);
}

    .peidui-panel-small .nan, .peidui-panel-small .nv {
        width: 80px;
    }

    .peidui-panel-small:after {
        content: "";
        display: table;
        clear: both;
    }

    .peidui-panel-small .icon-pairing {
        width: 320px;
        height: 130px;
    }

        .peidui-panel-small .icon-pairing:after {
            content: "";
            display: table;
            clear: both;
        }

        .peidui-panel-small .icon-pairing .xingzuo-nan {
            height: 80px;
            text-align: center;
            float: left;
            width: 100px;
            margin-top: 10px;
            margin-left: 10px;
        }

        .peidui-panel-small .icon-pairing .query {
            height: 30px;
            text-align: center;
            float: left;
            width: 100px;
            margin-top: 40px;
            padding: 5px 10px 5px 10px;
            background: rgb(197,91,219);
            font-size: 14px;
            border-radius: 10px;
            color: white;
        }

    .peidui-panel-small span {
        color: #fff;
    }

    .peidui-panel-small button {
        background: none;
        border: none;
    }

    .peidui-panel-small select {
        margin-left: 10px;
        color: #fff;
        text-align: center;
        width: 140px;
    }

    .peidui-panel-small .xingzuo-indictor select {
        background: none;
    }

.shengxiao-indictor select {
    width: 100px;
    margin-left: 30px;
}

.peidui-panel-small .icon-pairing .xingzuo-nv {
    height: 80px;
    text-align: center;
    float: left;
    width: 100px;
    margin-top: 10px;
}

.meiriyisuan {
    width: 320px;
    background: url(https://images.shen88.cn/www/Images/pc/home/u234.png) no-repeat;
    background-size: 100%;
    height: 420px;
}

    .meiriyisuan .title .star {
        margin-top: 12px;
        margin-left: 8px;
        width: 16px;
        float: left;
        margin-right: 8px;
        height: 16px;
    }

    .meiriyisuan .title strong {
        font-weight: 500;
        line-height: 40px;
    }

    .meiriyisuan .title .more {
        float: right;
        width: 16px;
        height: 16px;
        margin-top: 12px;
        margin-right: 12px;
    }

    .meiriyisuan .title span {
        color: #666;
        float: right;
        font-size: 16px;
        line-height: 40px;
    }

    .meiriyisuan .alist {
        font-size: 16px;
    }

        .meiriyisuan .alist li {
            padding: 6px 20px;
        }

    .meiriyisuan .xz-tab-item img {
        width: 140px;
        height: 140px;
    }

.btn-link {
    background: #62237c;
    text-align: center;
    color: #fff;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
}


.common-hot-article-list {
    width: 320px;
    background: url(https://images.shen88.cn/www/Images/pc/home/u234.png) no-repeat;
    background-size: 100%;
    height: 420px;
}

    .common-hot-article-list .top-article {
        position: relative;
    }

    .common-hot-article-list .first-image {
        margin-left: 1px;
        width: 318px;
        height: 130px;
    }

    .common-hot-article-list .top-article .text {
        padding-left: 10px;
        width: 100%;
        color: #fff;
        font-size: 16px;
        position: absolute;
        bottom: 0;
        background: #404040;
        background: rgba(64, 64, 64, .5);
    }

    .common-hot-article-list .title {
        clear: both;
        font-size: 18px;
        height: 40px;
    }

        .common-hot-article-list .title .star {
            margin-top: 12px;
            margin-left: 8px;
            width: 16px;
            float: left;
            margin-right: 8px;
            height: 16px;
        }

        .common-hot-article-list .title strong {
            font-weight: 500;
            line-height: 40px;
        }

        .common-hot-article-list .title .more {
            float: right;
            width: 16px;
            height: 16px;
            margin-top: 12px;
            margin-right: 12px;
        }

        .common-hot-article-list .title span {
            color: #666;
            float: right;
            font-size: 16px;
            line-height: 40px;
        }

    .common-hot-article-list .alist {
        font-size: 16px;
    }

        .common-hot-article-list .alist li {
            padding: 6px 20px;
        }

.peidui-panel {
    padding-bottom: 10px;
}

    .peidui-panel:after {
        content: "";
        display: table;
        clear: both;
    }

    /*.peidui-panel .icon-pairing {
        background: rgb(242, 242, 242);
        width: 270px;
        height: 180px;
        float: left;
    }

        .peidui-panel .icon-pairing:after {
            content: "";
            display: table;
            clear: both;
        }

        .peidui-panel .icon-pairing .xingzuo-nan {
            height: 100px;
            text-align: center;
            float: left;
            width: 100px;
            margin-top: 30px;
            margin-left: 10px;
        }

        .peidui-panel .icon-pairing .query {
            height: 30px;
            text-align: center;
            float: left;
            width: 50px;
            margin-top: 50px;
            padding: 5px 10px 5px 10px;
            background: rgb(197,91,219);
            font-size: 14px;
            border-radius: 10px;
            color: white;
        }

        .peidui-panel .icon-pairing .xingzuo-nv {
            height: 100px;
            text-align: center;
            float: left;
            width: 100px;
            margin-top: 30px;
        }*/

    .peidui-panel .desp {
        float: left;
        margin-left: 20px;
        width: 520px;
    }

        .peidui-panel .desp .title {
            float: left;
            margin-top: 10px;
        }

        .peidui-panel .desp .star {
            float: left;
            margin-top: 6px;
            margin-left: 10px;
        }

        .peidui-panel .desp .btn-query {
            float: right;
            display: inline-block;
            padding: 10px 20px 10px 20px;
            border-radius: 10px;
            height: 40px;
            text-align: center;
            font-size: 22px;
            color: #fff;
            line-height: 20px;
            background: #62237c;
        }

        .peidui-panel .desp .text {
            text-align: justify;
            /*width: 530px;*/
            padding: 10px;
            background: rgb(250, 242, 250);
        }

.common-hor-link {
    width: 1200px;
    margin: 10px auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    position: relative;
}

.common-hor-link {
    border-bottom: 2px solid #62237c;
}

    .common-hor-link li {
        width: 70px;
        height: 45px;
        position: relative;
    }

        .common-hor-link li a {
            text-align: right;
            left: 0;
            width: 70px;
            bottom: 0;
            position: absolute;
        }

    .common-hor-link .current-img img {
        width: 100%;
        height: 100%;
    }

    .common-hor-link .current-img {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 35px;
        left: 30px;
    }

    .common-hor-link .current {
        font-size: 30px;
    }

        .common-hor-link .current .link-title {
            color: #6c237c;
        }

.xz-btn {
    font-size: 22px;
    padding: 4px 8px 4px 8px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-radius: 4px;
}

    .xz-btn:hover {
        color: rgb(108, 35, 124);
        border-color: rgb(108, 35, 124);
    }

xz-selected {
    color: #fff;
    background-color: rgb(108, 35, 124);
}

.xz-pager {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

    .xz-pager:after {
        content: "";
        display: block;
        clear: both;
    }

    .xz-pager .page-visited {
        display: inline-block;
        text-align: center;
        line-height: 50px;
        width: 50px;
        height: 50px;
        font-size: 18px;
        border: 1px solid #6c237c;
        border-radius: 50%;
        color: #6c237c;
    }

    .xz-pager a {
        color: #333;
        display: inline-block;
        text-align: center;
        line-height: 50px;
        width: 50px;
        height: 50px;
        font-size: 18px;
        border: 1px solid #ccc;
        border-radius: 50%;
        color: #333;
    }

        .xz-pager a:hover {
            color: #6c237c;
            border: 1px solid #6c237c;
        }

/*卡片*/
.xz-card {
    width: 320px;
    border-radius: 10px;
}

    .xz-card .card-head {
        min-height: 40px;
        max-height: 60px;
        /*border-top: 1px solid #ccc;
      
        border-radius: 10px;
        border-right: 1px solid #ccc;*/
        border-bottom: 1px solid #6c237c;
    }

        .xz-card .card-head .active {
            color: #ffffff;
            background: #6c237c;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

    .xz-card .content {
        padding: 10px;
        height: 360px;
        background: url(https://images.shen88.cn/www/Images/pc/home/beijing_da.jpg) no-repeat;
        position: relative;
    }

    .xz-card .time {
        width: 200px;
        margin: 0 auto;
    }

    .xz-card .yunshi {
        margin: 10px auto;
        font-size: 14px;
    }

    .xz-card .star {
        width: 150px;
        margin: 5px auto;
    }

        .xz-card .star li {
            text-align: center;
            width: 30px;
            font-size: 22px;
        }

    .xz-card .yunshi li {
        margin-left: 10px;
    }

    .xz-card .time li {
        cursor: pointer;
        padding: 5px;
    }


    .xz-card .content .xingzuo-img {
        margin: 20px auto;
        background: url(https://images.shen88.cn/www/Images/pc/home/u100.png) no-repeat;
        width: 90px;
        height: 90px;
        text-align: center;
    }

        .xz-card .content .xingzuo-img img {
            line-height: 90px;
            width: 88px;
            background: #fff;
            border-radius: 50%;
            height: 88px;
        }

    .xz-card .desp {
        padding: 0 5px 0 5px;
        text-align: justify;
        margin-top: 10px;
        font-size: 14px;
    }

    .xz-card .xz-tab li {
        background: #f5f5f5;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }


.block-header {
    height: 80px;
    width: 1200px;
    margin-top: 20px;
    position: relative;
}

    .block-header .left-image {
        width: 224px;
        float: left;
    }

    .block-header .low {
        top: 51px;
        position: absolute;
        left: 232px;
        width: 620px;
    }

    .block-header .angle45 {
        position: absolute;
        left: 843px;
        width: 50px;
        top: 34px;
        transform: rotate(-45deg);
    }

    .block-header .high {
        top: 16px;
        position: absolute;
        left: 885px;
        width: 300px;
    }


    .block-header .left-list {
        /*width: 400px;*/
        position: absolute;
        left: 235px;
    }

        .block-header .left-list li {
            margin-right: 20px;
            font-size: 18px;
        }

    .block-header li strong {
        font-weight: 500;
        color: #000;
    }

    .block-header .right-list {
        position: absolute;
        top: 35px;
        right: 20px;
    }

        .block-header .right-list li {
            margin-right: 5px;
            font-size: 16px;
        }

            .block-header .right-list li strong {
                color: #666;
            }

    .block-header .line {
        border-bottom: 2px solid #6c237c;
    }

.block-content:after {
    content: "";
    display: block;
    clear: both;
}

.block-content .left-section {
    width: 320px;
    float: left;
}

    .block-content .left-section .dashi-banner {
        margin-top: 20px;
        width: 320px;
        height: 110px;
        background: rgb(242, 242, 242);
        margin-left: 0;
    }

.block-content .mid {
    float: left;
    margin-left: 40px;
    width: 480px;
}

    .block-content .mid .article-list li {
        margin-bottom: 20px;
    }

    .block-content .mid .misc-article {
        width: 480px;
        table-layout: fixed;
    }


        .block-content .mid .misc-article td {
            width: 240px;
            padding-top: 4px;
        }



    .block-content .mid .top-article {
        width: 480px;
        margin-bottom: 20px;
    }

        .block-content .mid .top-article div {
            margin-right: 10px;
            position: relative;
        }

        .block-content .mid .top-article img {
            width: 230px;
            height: 180px;
        }

        .block-content .mid .top-article strong {
            display: block;
            width: 100%;
            position: absolute;
            padding: 5px;
            margin: 0;
            color: white;
            background: #404040;
            background: rgba(64, 64, 64, .7);
            bottom: 0;
        }

.block-content .right-section {
    float: left;
    margin-left: 40px;
    width: 320px;
}

.block-content .big-left {
    width: 830px;
}



.small-img-article {
    width: 480px;
    height: 80px;
}

    .small-img-article .image {
        float: left;
    }

    .small-img-article img {
        width: 120px;
        height: 80px;
    }

    .small-img-article .title {
        float: left;
        margin-left: 10px;
        font-weight: 600;
        margin-top: 5px;
        width: 300px;
    }

    .small-img-article .desp {
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        font-size: 14px;
    }

.big-article-list:before {
    content: "";
    display: block;
    clear: both;
}

.big-article-list li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #ccc dashed;
}


.big-img-article {
    width: 820px;
}

    .big-img-article:after {
        content: "";
        display: table;
        clear: both;
    }

    .big-img-article .image {
        float: left;
        width: 270px;
        height: 180px;
        margin-right: 20px;
    }

        .big-img-article .image img {
            width: 100%;
            height: 100%;
        }

    .big-img-article .text {
        float: left;
        width: 530px;
        position: relative;
    }

        .big-img-article .text .title {
            margin-top: 10px;
        }

            .big-img-article .text .title span {
                line-height: 24px;
            }

        .big-img-article .text .content {
            margin-top: 15px;
        }

        .big-img-article .text .time {
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .big-img-article .text .right-bottom {
            position: absolute;
            bottom: 0;
            right: 0;
        }


.bottom-link-panel {
    width: 190px;
    padding: 10px;
    padding-left: 20px;
    height: 170px;
    background: rgb(250, 242, 255);
}

    .bottom-link-panel strong {
        margin-top: 10px;
    }

    .bottom-link-panel a {
        display: block;
        margin-top: 5px;
        margin-left: 5px;
        margin-right: 5px;
        text-align: center;
        color: #666;
        font-size: 14px;
    }


.dashi-banner-horizontal {
    width: 320px;
    height: 100px;
    background: rgb(242, 242, 242);
}

.dashi-banner-vertical {
    width: 155px;
    height: 195px;
    background: rgb(242, 242, 242);
}

.dashi-banner-square {
    width: 155px;
    height: 132px;
    background: rgb(242, 242, 242);
}



.xz-tab:after {
    content: "";
    display: block;
    clear: both;
}

.xz-tab li {
    margin-left: 20px;
    float: left;
    padding-bottom: 5px;
    width: 40px;
    text-align: center;
    cursor: pointer;
}

    .xz-tab li.active {
        border-bottom: 2px solid #6c237c;
        color: #6c237c;
    }

.xz-articlelist-slim {
    border: 1px solid #ccc;
    height: 420px;
}

    .xz-articlelist-slim .list li {
        padding-left: 20px;
    }

    .xz-articlelist-slim .list a {
        display: inline-block;
        font-size: 16px;
        height: 25px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        width: 430px;
    }
/*页面相关样式*/
.foot-title {
    font-size: 16px;
    color: #ffffff;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}

footer {
    padding: 20px;
    background: rgb(86,86,86);
    width: 100%;
    color: #ffffff;
}

    footer a, footer span, footer small {
        color: #fff;
    }

    footer .horizontal-ul {
        margin-top: 10px;
    }

        footer .horizontal-ul li {
            margin-right: 15px;
        }


    footer .left {
        float: left;
        width: 400px;
    }

    footer .mid {
        float: left;
        width: 420px;
    }


    footer .right-section {
        float: left;
        width: 330px;
    }


.foot-wrap {
    width: 1200px;
    margin: 0 auto;
}



/*layout头部*/
.pc-header {
    margin: auto;
    width: 1200px;
    height: 80px;
    overflow: hidden;
}

.home-nav-wrap {
    width: 100%;
    background: url(https://images.shen88.cn/www/Images/pc/home/u19.jpg) no-repeat;
    background-size: 100% 260px;
}

.nav-menu-link ul {
    width: 1200px;
    margin: 0 auto;
}



.nav-menu-link li {
    width: 90px;
    text-align: center;
    color: #fff;
    float: left;
}

    .nav-menu-link li strong {
        display: inline-block;
        line-height: 50px;
        padding: 5px 0;
    }

    .nav-menu-link li h5 {
        line-height: 40px;
    }

.home-menu-current {
    z-index: 500;
    background: url(https://images.shen88.cn/www/Images/pc/home/u20.png) no-repeat;
    background-size: 100%;
}

    .home-menu-current a {
        color: #6c237c;
    }

        .home-menu-current a:hover {
            color: #6c237c;
        }

.submenu-list {
    width: 1200px;
    margin: 0 auto;
    background: #732893;
    background: rgba(115,40,147,.5);
}

    .submenu-list li h2 {
        margin-top: 10px;
    }

    .submenu-list li p {
        line-height: 20px;
        margin: 10px auto;
    }

    .submenu-list strong {
        line-height: 20px;
    }

    .submenu-list ul {
        margin-bottom: 0;
    }

    .submenu-list li {
        float: left;
        margin-left: 20px;
        text-align: center;
        height: 40px;
    }

.xingzuo-list {
    text-align: center;
}


    .xingzuo-list ul {
        margin: 5px auto;
        width: 1200px;
        height: 150px;
    }

    .xingzuo-list li {
        float: left;
        text-align: center;
        width: 100px;
        height: 100px;
        padding: 5px;
    }


        .xingzuo-list li .img-wrapper {
            background: url(https://images.shen88.cn/www/Images/pc/home/u100.png) no-repeat;
            background-size: 100%;
            margin: 0 auto;
            width: 90px;
            height: 90px;
        }



        .xingzuo-list li img {
            margin: 5px auto;
            width: 80px;
            height: 80px;
        }


.ziwei-list {
    text-align: center;
}


    .ziwei-list ul {
        margin: 5px auto;
        width: 1200px;
        height: 150px;
    }

    .ziwei-list li {
        float: left;
        text-align: center;
        padding: 5px;
        width: 85.7px;
    }


        .ziwei-list li .img-wrapper {
            margin: 0 auto;
            width: 90px;
            height: 90px;
        }

        .ziwei-list li img {
            margin: 5px auto;
            width: 80px;
            height: 80px;
            border-radius: 50%;
        }

.mid-recommend {
    clear: both;
    width: 1200px;
    height: 500px;
    margin: 20px auto;
}

    .mid-recommend .left-section {
        float: left;
        width: 320px;
        height: 500px;
    }

        .mid-recommend .left-section .swiper-slide {
            position: relative;
        }

            .mid-recommend .left-section .swiper-slide .v-title {
                position: absolute;
                width: 100%;
                bottom: 0;
                padding: 10px 5px 10px 5px;
                color: #fff;
                background: #404040;
                background: rgba(64, 64, 64, .5);
                margin: 0;
            }

    .mid-recommend .mid {
        margin-left: 40px;
        float: left;
        width: 480px;
        height: 500px;
    }

        .mid-recommend .mid .top {
            width: 480px;
            height: 245px;
            position: relative;
        }

            .mid-recommend .mid .top .text-wrap {
                padding-left: 10px;
                background: #ffffff;
                background: rgba(255, 255, 255, .5);
                width: 100%;
                position: absolute;
                bottom: 0;
            }

        .mid-recommend .mid .bottom {
            padding: 10px;
            border: #6c237c dashed 1px;
            margin-top: 10px;
            width: 480px;
            height: 245px;
        }

        .mid-recommend .mid li span {
            margin-right: 10px;
            display: inline-block;
            text-align: center;
        }

        .mid-recommend .mid li {
            padding: 5px;
        }

        .mid-recommend .mid .bottom .tag {
            padding: 2px 4px 2px 4px;
            background: #6c237c;
            border-radius: 4px;
            color: #fff;
        }

    .mid-recommend .right-section {
        margin-left: 40px;
        /*background: url() no-repeat;*/
        float: left;
        width: 320px;
        height: 500px;
    }

    .mid-recommend .rili-wrap {
        margin-top: 15px;
        padding: 3px;
        background-color: rgb(250, 242, 255);
    }

    .mid-recommend .rili {
        font-size: 14px;
        width: 310px;
        height: 80px;
        background: url(https://images.shen88.cn/www/Images/pc/home/u828.png) no-repeat;
        background-size: 100%;
    }

        .mid-recommend .rili span {
            margin-left: 10px;
        }

.xingzuo-desp-container .text-indent {
    height: 140px;
    overflow: hidden;
}

.xingzuo-desp-container p {
    font-size: 14px;
}

.home-banner {
    width: 1200px;
    height: 140px;
    margin: 0 auto;
    clear: both;
}

    .home-banner .xingzuo {
        float: left;
        width: 210px;
        height: 140px;
    }

    .home-banner .banner-wrap {
        float: left;
        width: 975px;
    }

    .home-banner .banner-item {
        float: left;
        margin-top: 10px;
        margin-left: 15px;
        width: 180px;
        height: 60px;
    }

.xingzuodaquan {
    margin-top: 40px;
}

    .xingzuodaquan .xz-card {
        margin-top: 20px;
    }




.diannaosuanming {
    margin-top: 50px;
    padding-top: 10px;
    position: relative;
}

    .diannaosuanming .item {
        margin-bottom: 10px;
    }


    .diannaosuanming strong {
        font-weight: 500;
        padding-top: 25px;
        color: #fff;
        position: absolute;
        display: block;
        border-radius: 10px;
        width: 180px;
        height: 70px;
        text-align: center;
        background: #404040;
        background: rgba(0,0,0,.7);
    }

    .diannaosuanming img {
        width: 180px;
        height: 70px;
    }

.zhongxingfuwu {
    padding: 15px;
    margin-top: 20px;
    border: 1px dashed #732893;
    background-color: rgb(250, 242, 255);
}

    .zhongxingfuwu ul {
        padding-top: 10px;
    }

    .zhongxingfuwu li h2, .zhongxingfuwu li h1 {
        font-size: 16px;
        line-height: 16px;
    }

    .zhongxingfuwu li {
        font-size: 16px;
        line-height: 16px;
        text-align: center;
        margin-bottom: 15px;
        margin-left: 20px;
    }

        .zhongxingfuwu li a {
            color: #333;
        }

    .zhongxingfuwu strong {
        font-weight: 500;
    }

.shengxiaodaquan {
    margin-top: 50px;
}

    .shengxiaodaquan .xz-card {
        margin-top: 20px;
    }

.cesuandaquan {
    margin-top: 50px;
}

    .cesuandaquan .cesuanpanel {
        width: 1200px;
        margin: 20px auto;
    }

        .cesuandaquan .cesuanpanel .row {
            margin: 0;
            padding-left: 15px;
            padding-right: 15px;
        }

        .cesuandaquan .cesuanpanel select {
            line-height: 16px !important;
        }

    .cesuandaquan .dashi-banner {
        background: none !important;
    }


.meiriyisuan .left .xz-tab {
    padding: 5px 0 5px 0;
    border-top: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
}


.meiriyisuan .xz-tab-item img {
    float: left;
    margin-left: 12px;
    margin-top: 15px;
    width: 140px;
    height: 140px;
}

.cesuandaquan .h-article {
    padding-right: 0;
}

.cesuandaquan .mid .tab-content {
    border: 1px dashed #6c237c;
    padding: 5px;
}

.cesuandaquan .mid .row {
    width: 100%;
    margin: 0;
    padding: 0;
}

.cesuandaquan .mid {
    width: 490px;
    margin-left: 30px;
}

.cat-go-more {
    height: 40px;
    line-height: 40px;
}

.cesuandaquan .mid .cat-go-more a {
    display: block;
    font-size: 14px;
    color: #a5a3a3;
    text-align: center;
}


.cesuandaquan .xz-articlelist-slim .xz-article-cate {
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
}

.cesuandaquan .xz-articlelist-slim .more {
    line-height: 26px;
    color: #666;
    margin-right: 10px;
}

.cesuandaquan .xz-articlelist-slim .list {
    margin-top: 10px;
}
    /*.cesuandaquan .xz-articlelist-slim .list {
        list-style-type: none;
        list-style-type: disc;
        list-style-position: inside;
    }*/
    /*.cesuandaquan .xz-articlelist-slim .list li:before {
            content: '';
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #000;
            display: inline-block;
            margin-right: 5px;
            vertical-align: middle;
            margin-top: -3px;
        }*/
    .cesuandaquan .xz-articlelist-slim .list li {
        margin-top: 5px;
    }

.zonghedaquan {
    margin-top: 50px;
}

    .zonghedaquan .big-left {
        float: left;
    }


.common-links-wrap {
    width: 320px;
    background: url(https://images.shen88.cn/www/Images/pc/home/u5.png) no-repeat;
    padding: 1px;
    height: 280px;
}

    .common-links-wrap .links {
        height: 278px;
        padding-top: 10px;
        background: rgb(250, 242, 255);
    }

        .common-links-wrap .links li {
            margin-left: 10px;
            padding: 10px;
        }

    .common-links-wrap strong {
        font-weight: 500;
    }
/*星座页面*/
.xingzuo-top-img {
    margin-top: 20px;
}

    .xingzuo-top-img .left-section {
        width: 580px;
        float: left;
    }

    .xingzuo-top-img .right-section {
        float: left;
        width: 620px;
    }


    .xingzuo-top-img strong {
        font-size: 18px;
        margin: 0;
        padding: 15px 10px 15px 10px;
        position: absolute;
        color: #fff;
        bottom: 0;
        width: 100%;
        background: #404040;
        background: rgba(64, 64, 64, .5);
    }

.xingzuo-topbigimg {
    border: 1px solid #f5f5f5;
    position: relative;
    width: 580px;
    height: 400px;
    overflow: hidden;
}

    .xingzuo-topbigimg img {
        width: 100%;
    }

.xingzuo-smallimg {
    border: 1px solid #f5f5f5;
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
    position: relative;
    width: 290px;
    overflow: hidden;
    height: 190px;
}

    .xingzuo-smallimg img {
        width: 100%;
    }

.xingzuo-banner {
    margin-top: 20px;
}

.bottom-links {
    margin-top: 50px;
}

    .bottom-links > ul {
        margin-right: 10px;
        margin-bottom: 10px;
        float: left;
    }



.xingzuo-article {
    margin-top: 50px;
}

    .xingzuo-article .left-section {
        margin-left: 10px;
        float: left;
    }

    .xingzuo-article .right-section {
        margin-left: 40px;
        float: left;
    }


.suanming-header {
    width: 100%;
    background: url(https://images.shen88.cn/www/Images/pc/home/u19.jpg) no-repeat;
    background-size: 100% 260px;
}




.zaixiancesuan .suanming-grid .suanming-grid-item:after {
    content: "";
    display: table;
    clear: both;
}

.zaixiancesuan .suanming-grid .suanming-grid-item {
    padding: 1px;
    width: 380px;
    height: 170px;
    float: left;
    margin-right: 12px;
    margin-bottom: 10px;
    background: url('Images/pc/suanming/u2427.png') no-repeat;
}

    .zaixiancesuan .suanming-grid .suanming-grid-item img {
        height: 168px;
        float: left;
    }


    .zaixiancesuan .suanming-grid .suanming-grid-item .content {
        text-align: center;
        margin-left: 20px;
        padding-top: 10px;
        width: 190px;
        height: 170px;
        float: left;
    }


.cesuanwenzhang .left-list, .cesuanwenzhang .line.low {
    left: 0;
}


.cesuanwenzhang .left {
    width: 850px;
    float: left;
}

.cesuanwenzhang .right-section {
    float: left;
}




.dashiqince .master-col-item {
    width: 230px;
    height: 200px;
    background: rgb(250,242,255);
    margin-right: 10px;
    margin-bottom: 10px;
}

.dashiqince .master-header {
    padding: 10px 10px 0 10px;
    text-align: center;
}

    .dashiqince .master-header img {
        border-radius: 50%;
        width: 70px;
        height: 70px;
    }

.dashiqince .master-desp {
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    background: #fff;
    border-radius: 10px;
}


.dashiqince .master-services ul {
    margin: 10px;
}

.dashiqince .line.low {
    left: 0;
}

.dashiqince .master-services li {
    width: 100%;
    padding: 7px 10px 7px 10px;
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
}

    .dashiqince .master-services li img {
        float: right;
        margin-top: 5px;
        margin-right: 5px;
    }

.bazi-header .nav-menu-link {
    background: rgb(242, 242, 242);
   
}

    .bazi-header .nav-menu-link a {
        color: #333333;
    }


    .bazi-header .nav-menu-link strong {
        color: black !important;
    }

    .bazi-header .nav-menu-link .home-menu-current {
        background: rgb(172,87,208);
    }

        .bazi-header .nav-menu-link .home-menu-current  {
            color: #fff;
        }


.xingzuozhuanti .xingzuo-vertical-img {
    width: 280px;
    height: 360px;
    float: left;
    text-align: center;
    background-image: url('Images/pc/baiyang/u3759.png');
    position: relative;
}

    .xingzuozhuanti .xingzuo-vertical-img strong, .xingzuozhuanti .xingzuo-vertical-img p {
        color: #fff;
    }

    .xingzuozhuanti .xingzuo-vertical-img .xingge, .shengxiaozhuanti .shengxiao-vertical-img .xingge {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 20px 0 20px 20px;
        background: #404040;
        background: rgba(64, 64, 64, .5);
        margin: 0;
        font-size: 16px;
        text-align: left;
        color: #fff;
    }

    .xingzuozhuanti .xingzuo-vertical-img img {
        margin-top: 40px;
        width: 128px;
        height: 128px;
        border-radius: 50%;
        background-image: url('Images/pc/baiyang/u3760.png');
        background-size: 100%;
    }

.xingzuozhuanti .xingzuo-introduction {
    float: left;
}


    .xingzuozhuanti .xingzuo-introduction .desp {
        width: 530px;
        float: left;
        margin-left: 20px;
    }


        .xingzuozhuanti .xingzuo-introduction .desp p {
            color: #333;
        }

        .xingzuozhuanti .xingzuo-introduction .desp td {
            font-size: 16px;
            text-align: left;
            padding: 5px 10px 15px 0;
        }


.xingzuozhuanti .yunshi {
    float: left;
    margin-left: 20px;
}




.shengxiaozhuanti .shengxiao-vertical-img {
    width: 280px;
    height: 360px;
    float: left;
    text-align: center;
    background-image: url('Images/pc/baiyang/u3759.png');
    position: relative;
}

    .shengxiaozhuanti .shengxiao-vertical-img strong, .shengxiaozhuanti .shengxiao-vertical-img p {
        color: #fff;
    }

    /*.shengxiaozhuanti .shengxiao-vertical-img strong {
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 20px 0 20px 20px;
        background: #404040;
        background: rgba(64, 64, 64, .5);
        margin: 0;
        font-size: 16px;
        text-align: left;
        color: #fff;
    }*/

    .shengxiaozhuanti .shengxiao-vertical-img img {
        margin-top: 40px;
        width: 128px;
        height: 128px;
        border-radius: 50%;
        background-image: url('Images/pc/baiyang/u3760.png');
        background-size: 100%;
    }

.shengxiaozhuanti .shengxiao-introduction {
    float: left;
}


    .shengxiaozhuanti .shengxiao-introduction .desp {
        width: 530px;
        float: left;
        margin-left: 20px;
    }


        .shengxiaozhuanti .shengxiao-introduction .desp p {
            color: #333;
        }

        .shengxiaozhuanti .shengxiao-introduction .desp td {
            width: 170px;
            font-size: 16px;
            text-align: left;
            padding: 10px 0 10px 0;
        }

.shengxiaozhuanti hr {
    margin: 0;
}

.shengxiaozhuanti .yunshi {
    float: left;
    margin-left: 20px;
}














/*表单*/



.calendar-in {
    width: 23%;
    padding: 10px 5px;
}

.year-in {
    padding: 10px 5px;
}


.month-in, .day-in {
    width: 23%;
    padding: 10px 5px;
}

.btn-wrap {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}

.check-form {
    padding-bottom: 10px;
    background: rgb(242, 242, 242);
}

    select.input-sm {

        line-height: 16px !important;
    }

    .check-form .btn {
        height: 35px;
        line-height: 1.5;
    }

.left {
    float: left;
}

.xingzuo-chaxun-form .btn-wrap {
    width: auto;
}


/*公用swiper*/

.public-swiper-wrap {
    padding: 15px 10px;
}

    .public-swiper-wrap a {
        display: block;
        text-align: center;
        max-width: 120px;
    }

    .public-swiper-wrap span {
        display: block;
        text-align: center;
        font-size: 14px;
        color: black;
        margin-top: 8px;
    }

    .public-swiper-wrap strong {
        font-size: 14px;
        color: #333333;
        margin-top: 0;
    }

    .public-swiper-wrap p {
        font-size: 12px;
        color: #666666;
        padding-top: 10px;
    }


/*十二生肖*/
.shiershengxiao img {
    width: 100px;
}

.outterlinks {
    margin-top: 15px;
}

    .outterlinks a {
        margin-right: 5px;
    }
/*icpfooter*/
.icp-footer {
    width: 100%;
    margin-top: 20px;
}

    .icp-footer p {
        color: #fff;
    }

.h-article {
    padding: 10px 10px;
    border-bottom: 1px solid #e8e8e8;
}

.h-art-img {
    width: 100px;
    height: 80px;
    margin-right: 10px;
    overflow: hidden;
    /* border: 1px solid gainsboro; */
}

.h-article a {
    height: 80px;
    display: block;
}

.h-article .h-art-title strong {
    height: 40px;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.h-article .right {
    float: right;
    margin-left: 0;
    width: auto;
}



.shengxiaochaxun .btn-wrap {
    width: auto;
}

.shengxiaochaxun .left {
    margin-right: 10px;
}

/*兼容代码*/
.form-box .left {
    float: left;
}


.form-box {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.full-mp {
    text-align: center;
    padding: 10px;
}

    .full-mp a {
        padding: 10px 40px;
        background: #af812a;
        color: white;
        font-size: 16px;
        border-radius: 10px;
        font-weight: 600;
        display: inline-block;
    }


    .full-mp button {
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 10px 40px;
        background: #af812a;
        color: white;
        font-size: 16px;
        border-radius: 10px;
        font-weight: 600;
        border: none;
        outline: none;
        display: inline-block;
    }

/*==============================*/

.form-box li {
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
}

.form-box .left {
    color: #5b3439;
}

.auto {
    position: relative;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

.form-box .auto input {
    display: block;
    line-height: 28px;
    padding: 5px 0;
    width: 100%;
    border: 0;
    box-shadow: none;
}

.form-box .auto input {
    outline: none;
}

.cat-btn-wrap .btn-primary {
    background: #6c237c !important;
    border: #6c237c;
}

.check-form .btn-primary {
    background: #6c237c !important;
    border: #6c237c;
}

span.select-sex i {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    border: 2px solid #4790be;
    background-color: #fff;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

span.cur-select i {
    background: #4790be url(Images/gou_select.png) no-repeat center center;
    background-size: 14px auto;
}

span.select-sex span.select-txt {
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding-left: 5px;
}

.box-item .no-border {
    border: none;
}

/*==============================*/


.form-box .box-item {
    margin-bottom: 0;
    width: 100%;
    margin: 8px 0 8px 0;
    font-size: 14px;
}

.box-item .input-name {
    width: 72%;
    box-sizing: border-box;
}

.box-item .input-xing {
    width: 36%;
    box-sizing: border-box;
    padding-right: 5px;
}

.box-item .input-ming {
    width: 36%;
    box-sizing: border-box;
}

.box-item .input-sex {
    width: 28%;
    padding: 0 0 0 5px;
    box-sizing: border-box;
}

.box-item .input-year {
    width: 46%;
    padding: 0 5px 0 0;
    box-sizing: border-box;
}


.box-item .input-month {
    width: 26%;
    box-sizing: border-box;
}

.box-item .input-day {
    width: 28%;
    padding: 0 0 0 5px;
}

.box-item input, .box-item select {
    font-size: 14px;
    height: 40px;
    line-height: 1.5;
    width: 100%;
}




/*星座单页*/
.public-zt-link li {
    width: 33.33%;
    float: left;
    margin-bottom: 5px;
    text-align: center;
}

    .public-zt-link li a {
        display: inline-block;
        /* border: 1px solid #9496f9; */
        background-color: #62237c;
        font-size: 14px;
        text-align: center;
        border-radius: 10px;
        height: 32px;
        width: 90%;
        line-height: 32px;
        color: #fff;
    }

.xingzuowenzhang .left-list {
    top: 10px;
    left: 100px;
}

.xingzuowenzhang .line {
    top: 60px;
    left: 100px;
}

.xingzuowenzhang .left-image {
    width: 90px;
}

.xingzuowenzhang .misc-article td p {
    width: 320px;
}


.xingzuowenzhang .misc-article td {
    padding: 5px 0;
}


.public-zt-link strong {
    font-weight: 500;
}

.shengxiao-labels div {
    margin-bottom: 10px;
}

.shengxiao-labels span {
    margin-right: 14px;
}

.shengxiao-labels .txt-des1 {
    color: #333;
}

.shengxiao-rec-links li {
    width: 16.666%;
}




/*十元快算*/
.kuaisuan-item {
    width: 80px;
}

.kuaisuan-right {
    width: 80px;
    height: 80px;
}


.bottom-fixed-ad {
    z-index: 999;
    position: fixed;
    height: 44px;
    width: 100%;
    bottom: -5px;
}

    .bottom-fixed-ad img {
        max-height: 44px;
    }

    .bottom-fixed-ad div {
        position: relative;
    }

    .bottom-fixed-ad .close1 {
        z-index: 1000;
        position: absolute;
        top: -20px;
        font-size: 30px;
        right: 5px;
        color: red;
    }


/*文章*/

.home-head-title {
    /*border-radius: 30px;*/
    /*margin: 10px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    background: #f2f2f2;
}



    .home-head-title a {
        color: #333333;
        display: block;
        padding-left: 10px;
        border-left: 4px solid #2489ee;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .home-head-title .title-txt {
        color: #333333;
        display: block;
        padding-left: 15px;
        border-left: 4px solid #2489ee;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .home-head-title img {
        position: absolute;
        right: 10px;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        padding: 2px;
    }

    .home-head-title .more {
        position: absolute;
        right: 10px;
        width: 50px;
        height: 24px;
        padding: 2px;
    }

.h-article {
    padding: 10px 10px;
    border-bottom: 1px solid #e8e8e8;
}

    .h-article a {
        height: 80px;
        display: block;
    }



.h-art-img {
    width: 100px;
    height: 80px;
    margin-right: 10px;
    overflow: hidden;
    /*border: 1px solid gainsboro;*/
}

.h-article .h-art-img img {
    width: 130px;
}


.h-article .h-art-title strong {
    height: 40px;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.h-article .h-art-title .test-lab {
    display: block;
    height: 30px;
    vertical-align: middle;
    width: 90px;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    background-color: #f56b7d;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
}

.h-article .h-art-title p {
    color: #888;
    /* line-height: 150%; */
    height: 40px;
    font-size: 14px;
    overflow: hidden;
    margin: 0;
}


.article-item {
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
    position: relative;
    height: 40px;
    line-height: 40px;
    display: block;
    padding: 0 0 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .article-item a {
        color: #222;
        font-size: 16px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0 40px 0 10px;
        position: relative;
    }

        .article-item a:before {
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            width: 40px;
            height: 40px;
            background: url(https://images.shen88.cn/www/Images/public/art-next.png) center no-repeat;
            background-size: 80%;
        }


.tab-content .tab-pane:after {
    content: "";
    display: block;
    clear: both;
}



/*测算推荐 小*/

.suanming-grid-small .suanming-grid-item:after {
    content: "";
    display: table;
    clear: both;
}

.suanming-grid-small .suanming-grid-item {
    padding: 1px;
    width: 320px;
    height: 100px;
    margin-bottom: 10px;
    background: rgb(250,242,255);
}

    .suanming-grid-small .suanming-grid-item img {
        float: left;
        height: 98px;
    }


    .suanming-grid-small .suanming-grid-item .content {
        margin-left: 20px;
        width: 190px;
        height: 100px;
        float: left;
    }

        .suanming-grid-small .suanming-grid-item .content strong {
            line-height: 15px !important;
            margin-top: 10px;
        }

        .suanming-grid-small .suanming-grid-item .content p {
            font-size: 14px;
        }

.suanming-tuijian {
    background: none !important;
    height: auto;
}
/*文章内容*/
.content-panel.article-content {
    margin-top: 30px;
}

.article-content-h2 {
    width: 70%;
    margin-left: 15%;
    text-align: center;
}

    .article-content-h2 h2 {
        display: inline;
    }

    .article-content-h2 strong {
        color: #62237c !important;
    }

.content-panel.article-content .left-section {
    float: left;
    width: 860px;
}

.content-panel.article-content .right-section {
    float: left;
    margin-left: 20px;
}

.content-panel.article-content .left-section .article-title {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
}


.content-panel.article-content .left-section .time-info {
    text-align: center;
    margin-top: 20px;
}

.content-panel.article-content .left-section .content-info {
    font-size: 18px;
    line-height: 2;
}

    .content-panel.article-content .left-section .content-info a {
        color: #62237c;
    }

    .content-panel.article-content .left-section .content-info img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

    .content-panel.article-content .left-section .content-info table td {
        border: 1px #cccccc solid;
    }

    .content-panel.article-content .left-section .content-info table td {
        padding: 8px;
        font-size: 16px;
    }

.content-panel.article-content .left-section .xiangshuform {
    margin: 10px auto;
}

    .content-panel.article-content .left-section .xiangshuform select {
        margin-right: 10px;
        width: 90% !important;
    }

    .content-panel.article-content .left-section .xiangshuform .form-inline {
        margin-top: 10px;
        text-align: center;
    }

    .content-panel.article-content .left-section .xiangshuform button {
        width: 320px;
        margin: 0 auto;
        float: none;
    }

/*测算文章开始测试*/

#begintest {
    text-align: center;
    width: 50%;
    padding: 6px 20px;
    background: #ec460a;
    border-radius: 5px;
    margin-top: 20px;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 25%;
    color: white;
    font-size: 18px;
}

.content-info table {
    border: none;
    border-color: gainsboro;
    text-align: center;
    width: 100%;
}

.wx-gzh {
    width: 320px;
}

    .wx-gzh img {
        width: 100%;
    }

.next-last {
    font-size: 16px;
    margin-top: 10px;
}

.next, .last {
    float: left;
    height: 22px;
    overflow: hidden;
    margin-right: 10px;
}

.xz-modal {
    height: auto;
    background: none;
    border: 1px solid #cccccc;
}

    .xz-modal .nvxz-in {
        margin-left: 10px;
    }

    .xz-modal .pd {
        margin-top: 10px;
    }

        .xz-modal .pd .check-form {
            padding-top: 10px;
        }

    .xz-modal .cx {
        margin-top: 20px;
    }


/*固定*/

#goto-top {
    display: none;
    position: fixed;
    width: 50px;
    height: 50px;
    background: url(https://images.shen88.cn/www/Images/public/top1.png) no-repeat 0 0;
    background-size: 50px 50px;
    bottom: 70px;
    right: 10px;
    /*-webkit-transition:all 0.2s;
        -moz-transition:all 0.2s;
        -o-transition:all 0.2s;
        transition:all 0.2s;*/
}



.ds-icon {
    position: fixed;
    width: 50px;
    height: 50px;
    background: url(https://images.shen88.cn/www/Images/public/dashi1.png) no-repeat 0 0;
    background-size: 50px 50px;
    bottom: 180px;
    right: 10px;
    border-radius: 3px;
}


.ks-icon {
    position: fixed;
    width: 50px;
    height: 50px;
    background: url(https://images.shen88.cn/www/Images/public/smdq.png) no-repeat 0 0;
    background-size: 50px 50px;
    bottom: 235px;
    right: 10px;
}

.sy-icon {
    position: fixed;
    width: 50px;
    height: 50px;
    background: url(https://images.shen88.cn/www/Images/public/sy.png) no-repeat 0 0;
    background-size: 50px 50px;
    bottom: 125px;
    right: 10px;
}

.wxgz-img {
    display: none;
    position: absolute;
    background: url(https://images.shen88.cn/www/Images/public/ewm.jpg) no-repeat 0 0;
    background-size: 150px 150px;
    width: 150px;
    height: 150px;
}

.weixinclose {
    background: url(https://images.shen88.cn/www/Images/public/weixinclose.png) no-repeat;
    width: 38px;
    height: 38px;
    display: inline-block;
    margin-bottom: -50px;
    cursor: pointer;
    margin-bottom: -38px;
    z-index: 999;
    position: absolute;
    right: -18px;
    top: -18px;
}

.service-wrap a {
    width: 25%;
    display: block;
    line-height: 20px;
    height: 40px;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
    float: left;
    background: #fff;
    color: #000;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*二级分类单页开始*/
.carticle-category {
}

    .carticle-category .modal-wrap {
        margin-bottom: 20px;
    }

    .carticle-category .check-form {
        padding: 10px;
    }

        .carticle-category .check-form div.left {
            width: 45%;
            margin-right: 5%;
        }

        .carticle-category .check-form .btn-wrap {
            text-align: center;
        }

            .carticle-category .check-form .btn-wrap .btn {
                width: 50%;
            }

    .carticle-category .service-wrap:after {
        clear: both;
        content: "";
        display: block;
    }

.carticle-category-shengxiaobaike .check-form {
    text-align: center;
    margin-bottom: 20px;
}

    .carticle-category-shengxiaobaike .check-form div.left {
        width: 30%;
        margin-right: 3%;
    }

.carticle-category-xingzuopeidui .service-wrap a {
}

.carticle-category-ziweicaiyun .sb-btn {
    width: 50%;
    margin-left: 25%;
}

.carticle-category .price-service {
    margin-bottom: 20px;
}

.carticle-category-ziweiqiming .price-service {
    margin-bottom: 20px;
}


.carticle-category-baziaiqing .modal-wrap {
    width: 48%;
    margin-left: 1%;
    float: left;
}

.carticle-category-baziyunshi .price-service {
    margin-bottom: 20px;
}

.carticle-category-baziyunshi .sb-btn {
    width: 50%;
    margin-left: 25%;
}

.carticle-category-bazishiye .modal-wrap {
    width: 48%;
    margin-left: 2%;
    float: left;
}

.carticle-category-bazihehun .sb-btn {
    width: 50%;
    margin-left: 25%;
}

.carticle-category-bazihehun .public-img {
    width: 70%;
    margin-left: 15%;
}

.carticle-category h1 {
    margin-left: 15px;
}

.carticle-category-baziwuxing .public-swiper-wrap a {
    display: block;
    text-align: center;
    max-width: 100px;
}

.carticle-category-baziwuxing .swiper-slide img {
    width: 100%;
}


.pc-baziwuxing-header {
    width: 1200px;
    margin: 0 auto;
}

    .pc-baziwuxing-header .swiper-slide {
        width: 240px !important;
    }

    .pc-baziwuxing-header .public-swiper-wrap a {
        display: block;
        text-align: center;
        width: 80px;
        margin: 0 auto;
    }

    .pc-baziwuxing-header .public-swiper-wrap span {
        color: white;
        font-size: 16px;
    }

    .pc-baziwuxing-header .swiper-slide img {
        width: 100%;
        border-radius: 50%;
    }

.carticle-category-baziwuxing .sb-btn {
    width: 50%;
    margin-left: 25%;
}

.carticle-category-bazimingyun .modal-wrap {
    width: 45%;
    margin-left: 3%;
    float: left;
}


.carticle-category .pcate {
    width: 80% !important;
    margin-left: 5%;
}

.carticle-category .cate {
    width: 80% !important;
    margin-left: 5%;
}

.carticle-category-ziweiaiqing form button {
    width: 50%;
    margin-left: 25%;
}

.carticle-category-ziweiyunshi form button {
    width: 50%;
    margin-left: 25%;
}

.carticle-category-ziweiqiming form button {
    width: 50%;
    margin-left: 25%;
}

.carticle-category form button {
    margin-top: 10px;
    margin-bottom: 10px;
    /*width: 50%;
    margin-left: 25%;*/
}
/*二级分类单页结束*/


/*五行单页*/
.modal-page-head {
    background: #b6d8ef url(Images/xzbg.gif) no-repeat center 0;
    background-size: auto 230px;
    padding: 20px 0 10px;
    /* margin-top: 45px; */
}



.icon-img-zx {
    display: block;
    text-align: center;
}

    .icon-img-zx img {
        width: 180px;
        height: 180px;
        border-radius: 50%;
    }

.img-title {
    font-size: 24px !important;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-top: 30px !important;
    margin-bottom: 5px;
}

.txt-des {
    color: #fff;
    line-height: 24px;
    padding: 0 0 8px;
    font-size: 16px;
}


/*十四主星*/

.modal-page-head1 {
    background: #b6d8ef url(Images/onepage/bg_zhuxing.jpg) repeat center 0;
    background-size: auto 230px;
    padding: 20px 0 10px;
    /*margin-top: 45px;*/
}

.modal-page-head2 {
    background: #b6d8ef url(Images/onepage/wuxing-bg.jpg) no-repeat center 0;
    background-size: auto 230px;
    padding: 20px 0 10px;
    /*margin-top: 45px;*/
}


/*模板页面*/
.single-page-wrap .left-section {
    float: left;
    width: 850px;
}

.single-page-wrap .right-section {
    width: 320px;
    float: left;
    margin-left: 20px;
}

.single-page-wrap .modal-wrap {
    margin-top: 20px;
}


.single-page-wrap img {
    max-width: 850px;
    display: block;
    margin: 0 auto;
}


.info-b {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
}

    .info-b b {
        color: #a40000;
        font-weight: 700;
        margin-right: 5px;
    }


.public-img {
    width: 100%;
}

.public-m {
    margin: 10px 0 0;
}

.result-item {
    width: 33.333%;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
}

    .result-item:hover {
        cursor: pointer;
    }


.ps-wrap {
    margin-top: 5px;
    padding-left: 0;
    padding-right: 0;
    background: #fff;
}

.ps-modal {
    width: 100%;
    float: left;
    background: #fff;
    /*border: solid 1px #b09251;*/
    box-sizing: border-box;
    line-height: 25px;
    font-size: 0.875em;
    /*margin: 0 0 10px 0;*/
    padding: 0 10px;
    /*border-radius: 5px;*/
}

.pad-t-b {
    padding-top: 15px;
    padding-bottom: 10px;
}

/*专题*/

.zt-head-wrap {
    background: #fff;
}

.zt-des {
    padding: 15px 10px;
}

    .zt-des h1 {
        display: inline-block;
        font-size: 16px;
        margin: 0;
    }

.zt-link {
    text-align: center;
}

    .zt-link a {
        padding: 6px 30px;
        background: burlywood;
        color: #fff;
        border-radius: 4px;
        display: inline-block;
    }



.item-content p {
    line-height: 28px;
}

.some-result {
    padding: 10px;
}


.content-des {
    background: #fff0dd;
    padding: 10px;
    border-radius: 5px;
}

.content-yd {
    font-size: 16px;
    color: #a40000;
    padding: 0 10px;
}

.form-pay {
    padding: 10px;
    background: white;
}

.item-result .btn {
    height: 40px;
    font-size: 18px;
    color: #fff;
    background: linear-gradient(#c4bbe2,#9487bf,#a393d4);
}

.form-pay .btn {
    width: 50%;
    margin-left: 25%;
    height: 40px;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(#c4bbe2,#9487bf,#a393d4);
}





/*测算模块*/
.price-ser {
    padding: 10px 0;
    overflow: hidden;
}

    .price-ser a {
        display: block;
        width: 12.5%;
        float: left;
        color: #333;
        line-height: 20px;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
    }

        .price-ser a img {
            display: block;
            width: 70%;
            margin: 0 auto;
            border-radius: 10px;
            max-width: 100px;
        }

        .price-ser a p {
            margin-top: 6px;
            margin-bottom: 0;
        }

.free-ser {
    padding: 0 10px 10px 10px;
    overflow: hidden;
}

    .free-ser a {
        display: block;
        width: 25%;
        float: left;
        margin-top: 6px;
    }

        .free-ser a > span {
            display: block;
            margin: 0 2px;
            /* border: 1px solid #bbbcea; */
            line-height: 40px;
            height: 40px;
            text-align: center;
            color: #666666;
            overflow: hidden;
            border-radius: 5px;
            /* border: 1px solid #bbbcea; */
            background-color: #ffefe1;
        }

.cates-wrap a {
    display: block;
    line-height: 20px;
    height: 40px;
    padding: 10px;
    float: left;
    color: #000;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 25%;
}


.my-nav {
    width: 600px;
}

    .my-nav li {
        width: 25%;
        text-align: center;
    }

        .my-nav li a {
            display: block;
            color: #051B28;
            font-size: 16px;
            line-height: normal;
            height: auto;
            text-align: center;
            padding: 10px 4px;
            border: none !important;
        }

    .my-nav .active a {
        background-color: #DDD !important;
    }

.nav-tabs.my-nav {
    border: none !important;
}

.my-nav li a img {
    width: 50px;
    display: block;
    margin: 0 auto 10px;
    border-radius: 4px;
}

.pad-t-b h1, .pad-t-b h2 {
    display: inline-block;
    font-size: 14px;
    margin: 0;
}

.text-align-center {
    text-align: center;
}


.bottom-pay {
    position: fixed;
    width: 40%;
    bottom: 30px;
    z-index: 999;
    margin-left: 10%;
}

    .bottom-pay button {
        font-size: 18px;
        width: 70%;
        margin-left: 20%;
        height: 50px;
        background: linear-gradient(#ff3636, #d10509, #ff3636) !important;
    }

.ks-content {
    line-height: 2;
}

    .ks-content img {
        width: 160px;
        margin: 10px auto !important;
    }

.ks-banner {
    margin: 20px auto;
}


/*在线客服*/

a.report-icon {
    position: fixed;
    width: 50px;
    height: 50px;
    background: url('http://images.shen88.cn/common/www_report.png') no-repeat 0 0;
    background-size: 50px 50px;
    bottom: 240px;
    right: 10px;
    border-radius: 3px;
    opacity: 0.9;
}

a.contact-icon {
    position: fixed;
    width: 50px;
    height: 50px;
    background: url('Images/public/zxkf.png') no-repeat 0 0;
    background-size: 50px 50px;
    bottom: 180px;
    right: 10px;
    border-radius: 3px;
    opacity: 0.9;
}

div.wx-img {
    position: fixed;
    bottom: 20px;
    right: 70px;
    border-radius: 5px;
    overflow: hidden;
    display: none;
    z-index: 50;
    background: #fff;
}

    div.wx-img .image-wrap {
        text-align: center;
        padding: 5px 0;
        background: #fff;
    }

    div.wx-img p {
        margin-bottom: 0;
        padding-top: 10px;
    }

.image-wrap img {
    width: 150px;
    height: 150px;
}

div.wx-img .text-wrap {
    text-align: center;
    padding: 30px 0;
    background: #fff;
}

div.wx-img div.title {
    background: rgb(93,92,140);
    color: #fff !important;
    padding: 5px 60px;
    text-align: center;
}

    div.wx-img div.title p {
        color: #fff !important;
    }

    div.wx-img div.title small {
        color: #fff !important;
    }


/*新版文章*/
.article-tags {
    margin-top: 15px;
}

    .article-tags a {
        display: inline-block;
        margin: 5px;
        padding: 5px;
    }


.service-btn-group .col-xs-3 {
    padding: 2px;
}


.service-btn-group a.btn {
    width: 100%;
}

.article-bottom-ad-container img {
    width: 100%;
}
