body {
    margin: 0 auto;
    padding: 0;
    overflow-x: hidden;
    /*font: 14px/1.5 PingFangSC-Light,helvetica,'Heiti SC';*/
    font-size: 16px;
    font-family: "Microsoft YaHei",Arial,"WenQuanYi Micro Hei",SimHei,Tahoma,sans-serif;
    background: #f3f3f3 none repeat scroll 0 0;
}

.service-btn-group .col-xs-3 {
    padding: 2px;
}


.service-btn-group a.btn {
    width: 100%;
}

.container {
    max-width: 750px;
    padding-left: 0;
    padding-right: 0;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

a {
    color: #337ab7;
    /*padding: 2px;*/
}

    a:hover {
        text-decoration: none;
        color: #ff4d6f;
        border-radius: 3px;
    }

        a:hover > img {
            text-decoration: none;
            background: none;
            border-radius: 0;
        }

.text-align-center {
    text-align: center;
}

/*.btn {
    width: 100%;
}*/

ul {
    list-style: none;
    padding-left: 0;
}

.break-word {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

img {
    /*transition: 0.5s;*/
    width: 100%;
}

.right {
    float: right;
}

.left {
    float: left;
}

.red {
    color: Red;
}

.padding-topbottom-5px {
    padding: 5px 0 5px 0;
}

/*----Layout----*/

.header {
    background: #2489ee;
    width: 100%;
    height: 45px;
    overflow: hidden;
    /*border-bottom: 1px solid #888888;*/
    position: relative;
}

    .header img {
        width: 100%;
        /*border-radius: 50%;*/
    }

.headernav {
    background: #f4f4f4;
    width: 100%;
    height: 35px;
    overflow: hidden;
    border-bottom: 1px solid #b8b8b8;
    position: relative;
}

    .headernav img {
        width: 25px;
        /*border-radius: 50%;*/
    }

.border-nav {
    position: absolute;
    left: 45px;
    top: 0;
}

.headernav .border-nav img {
    width: 2px;
    height: 35px;
}

/*.header .logo img {
        width: 30px;
        height: 30px;
    }*/

.account {
    position: absolute;
    right: 40px;
    top: 10px;
}

    .account .account-img {
        width: 25px;
        border-radius: 50%;
    }

    .account a, .cats a {
        /*height: 45px;*/
        display: inline-block;
    }

.logo {
    /* position: absolute; */
    /* left: 10px; */
    /* top: 10px; */
    height: 45px;
    width: 120px;
    text-align: center;
    line-height: 40px;
    /*border-right: 1px solid #9e9eff;*/
}

    .logo a, .pcat-name a, .cat-name a {
        color: #686868;
        font-weight: 400;
    }


.weight-500 {
    font-weight: 500;
}

.weight-600 {
    font-weight: 600;
}

.logo1 {
    /* position: absolute; */
    /* left: 10px; */
    /* top: 10px; */
    height: 35px;
    width: 45px;
    text-align: center;
    line-height: 30px;
    /*border-right: 1px solid #9e9eff;*/
}

    .logo1 a, .pcat-name a, .cat-name a {
        color: #686868;
        font-weight: 400;
    }

.pcat-name {
    position: absolute;
    left: 55px;
    top: 0;
    font-size: 14px;
    color: #fff;
    height: 35px;
    line-height: 35px;
}

    .pcat-name img, .cat-name img {
        width: 15px;
        height: 35px;
    }

.cat-name {
    position: absolute;
    left: 100px;
    top: 0;
    font-size: 14px;
    color: #fff;
    height: 35px;
    line-height: 35px;
    margin-left: 15px;
}

.cats {
    position: absolute;
    right: 10px;
    top: 10px;
}



.account-icon {
    margin-right: 8px;
}

.cats a img {
    width: 25px;
    border-radius: 50%;
}


.m-footer {
    padding-bottom: 15px;
}

    .m-footer p {
        font-size: 12px;
        text-align: center;
        color: #fff;
        margin: 0 0 4px;
    }

        .m-footer p a {
            color: #fff;
            font-size: 14px;
            padding: 5px 8px;
        }


.fix-wrap {
    position: fixed;
    right: 5px;
    bottom: 80px;
    z-index: 999999;
}

    .fix-wrap a {
        display: block;
        margin-bottom: 5px;
    }

    .fix-wrap img {
        width: 35px;
        border-radius: 5px;
    }

.fix-gz {
    position: fixed;
    right: 5px;
    bottom: 40px;
    z-index: 999999;
}

#goto-top {
    display: none;
    position: fixed;
    width: 35px;
    height: 35px;
    background: url(https://images.shen88.cn/www/Images/public/top1.png) no-repeat 0 0;
    background-size: 35px 35px;
    bottom: 70px;
    right: 10px;
    /*-webkit-transition:all 0.2s;
        -moz-transition:all 0.2s;
        -o-transition:all 0.2s;
        transition:all 0.2s;*/
}

.ks-icon {
    display: none;
    position: fixed;
    width: 35px;
    height: 35px;
    background: url(https://images.shen88.cn/www/Images/public/8yks.png) no-repeat 0 0;
    background-size: 35px 35px;
    bottom: 130px;
    right: 10px;
}

.ds-icon {
    display: none;
    position: fixed;
    width: 35px;
    height: 35px;
    background: url(https://images.shen88.cn/www/Images/public/dashi1.png) no-repeat 0 0;
    background-size: 35px 35px;
    bottom: 150px;
    right: 10px;
    border-radius: 3px;
}


.ks-icon {
    display: none;
    position: fixed;
    width: 35px;
    height: 35px;
    background: url(https://images.shen88.cn/www/Images/public/smdq.png) no-repeat 0 0;
    background-size: 35px 35px;
    bottom: 190px;
    right: 10px;
}

.sy-icon {
    display: none;
    position: fixed;
    width: 35px;
    height: 35px;
    background: url(https://images.shen88.cn/www/Images/public/sy.png) no-repeat 0 0;
    background-size: 35px 35px;
    bottom: 110px;
    right: 10px;
}


.wxgz-img {
    display: none;
    position: relative;
    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;
}

/*Home页专栏样式*/

.cats-nav {
    background: #fff;
    padding-left: 6px;
}

    .cats-nav a {
        color: black;
        display: block;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 14px;
    }

.cats-wrap {
    margin-top: 10px;
    /*border-bottom: 1px solid gainsboro;*/
}

    .cats-wrap .cat-item {
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
        float: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.cat-item a {
    color: #333333;
}


.current-cat {
    border-bottom: 2px solid #ea324d;
}

.w1 {
    width: 20%;
}


.w2 {
    width: 25%;
}

.w3 {
    width: 33.33%;
}

.w4 {
    width: 50%;
}

.h-content {
    background: #fff;
}

    .h-content a {
        color: #333333;
        text-decoration: none;
    }

.h-article {
    padding: 10px 10px;
    border-bottom: 1px solid #e8e8e8;
}

    .h-article a {
        height: 80px;
        display: block;
    }

a:link {
    text-decoration: none;
}

.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: inline-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;
}

.h-content .service-wrap {
    padding: 0;
}

.service-wrap a {
    width: 50%;
    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;
}

.h-content .new-articles {
    padding: 0 10px;
}


.new-articles ul li {
    color: #aaa;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    background: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .new-articles ul li a {
        color: #333333;
        text-decoration: none;
    }

        .new-articles ul li a.channel {
            color: #337ab7;
            margin-right: 5px;
        }


.br {
    border-right: 1px solid #e8e8e8;
}

.ser-info {
    padding: 0;
    height: 36px;
    line-height: 36px;
    color: #0000ff;
    font-size: 14px;
    background: #eef9ff;
    text-align: center;
    border-bottom: 1px solid #599fca;
    white-space: nowrap;
    overflow: hidden;
}

.modal-wrap {
    /*margin-top: 10px;*/
    background: #fff;
}

.head-wrap-title {
    background: #59acff;
    border-radius: 30px;
    margin: 10px;
    padding-left: 15px;
    position: relative;
    height: 36px;
    line-height: 36px;
    color: white;
}

.h-art-title a {
    color: #222;
}

    .h-art-title a.art-list-i {
        color: #337ab7;
    }

.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%;
        }

.cat-wrap {
    background: #f8f8f8;
    overflow: hidden;
    position: relative;
    padding: 0;
}

.cat-width1 a {
    width: 33.3%;
}

.cat-width2 a {
    width: 50%;
}

.cat-wrap a {
    display: block;
    line-height: 20px;
    height: 40px;
    padding: 10px;
    /*border-right: 1px solid #e8e8e8;*/
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
    float: left;
    background: #f8f8f8;
    color: #000;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.public-col-12 {
    position: relative;
    overflow: hidden;
    background-color: #ffeeee;
    border-top: 1px solid #c5e5f1;
    padding: 0;
}

    .public-col-12 a {
        display: block;
        float: left;
        width: 14.28%;
        line-height: 30px;
        color: #000;
        text-align: center;
        border-right: 1px solid #c5e5f1;
        border-bottom: 1px solid #c5e5f1;
        box-sizing: border-box;
    }

.home-head-title strong {
    display: inline;
}

.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: 15px;
        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;
    }

.ulink {
    display: block;
    padding: 8px 0;
    font-size: 14px;
}

.friend-links-wrap a {
    padding: 5px;
    color: #888888;
    display: inline-block;
    font-size: 12px;
}

.cat-go-more {
    height: 40px;
    line-height: 40px;
}

    .cat-go-more a {
        display: block;
        font-size: 14px;
        color: #a5a3a3;
        text-align: center;
    }

/*测算模块*/
.price-ser {
    padding: 10px 0;
    overflow: hidden;
}

    .price-ser a {
        display: block;
        width: 25%;
        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;
            font-size: 14px;
            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;
            font-size: 14px;
        }


.cats-nav-footer {
    background: #414141;
    padding-top: 10px;
    margin-top: 10px;
}

    .cats-nav-footer li a {
        color: white;
    }

.nav-tabs {
    border-bottom: 1px solid #ebedee;
}


    .nav-tabs li a {
        border: none;
        width: 100%;
        float: left;
        height: 44px;
        line-height: 44px;
        font-size: 1em;
        text-align: center;
        color: #333;
        /*border-bottom: solid 3px #fff;*/
        padding: 0;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs li.active a:hover {
        cursor: default;
        background: none;
        border: none;
        border-bottom-color: #2489ee;
        border-bottom: solid 2px #2489ee;
        /*color: #4790be;*/
    }

.sg-wrap {
    padding: 10px;
}

    .sg-wrap .sg-tab-content a {
        width: 25%;
        float: left;
        padding: 5px 0;
        text-align: center;
        overflow: hidden;
    }

.sg-tab-content a img {
    width: 80%;
    /*height: 90px;*/
    border: 1px solid lightgray;
}

.sg-tab-content a p {
    width: 80%;
    height: 20px;
    margin: 5px auto auto auto;
    text-align: center;
    color: #555;
    font-size: 12px;
    overflow: hidden;
}


.item-result-wrap {
    background: #fff;
    margin-top: 10px;
}

.item-result {
    padding: 10px;
}


.item-head {
    margin-bottom: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: url(Images/suanming/public/result-item-bg.png) #ccb9a2;
    border-radius: 30px;
}


.item-content {
    position: relative;
}

    .item-content img {
        margin-bottom: 10px;
    }


.fg {
    display: block;
}

.ss-userinfo {
    padding: 10px;
    background: #fff;
}



.info-b {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
}

    .info-b b {
        color: #a40000;
        font-weight: 700;
        margin-right: 5px;
    }


.form-pay {
    padding: 10px;
    background: white;
}

.item-result .btn {
    height: 40px;
    font-size: 18px;
    color: #fff;
    background: linear-gradient(#c4bbe2,#9487bf,#a393d4);
    /*border-top: 2px solid #7b63c9;
    border-bottom:2px solid #7b63c9;*/
}

.form-pay .btn {
    height: 40px;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(#c4bbe2,#9487bf,#a393d4);
    /*border-top: 2px solid #7b63c9;
    border-bottom:2px solid #7b63c9;*/
}

.dashi-img {
    max-width: 30%;
}

.dashi-wrap {
    float: left;
}

.ds-link {
    margin-top: 10px;
}

    .ds-link .a-link {
        height: 40px;
        font-size: 16px;
        color: #fff;
        width: 100%;
        display: block;
        background: #71a3ff;
        line-height: 40px;
        text-align: center;
        border-radius: 4px;
    }

.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;
}


/*姻缘测算*/
.public-ser1-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fee5e9;
}

.ser1-header {
    text-align: center;
}

    .ser1-header img {
        width: 100px;
        border-radius: 50%;
    }

    .ser1-header strong {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 20px;
        color: #f28da6;
        font-weight: 600;
        display: block;
    }

.ser1-txt {
    font-size: 14px;
    line-height: 25px;
}

.ser1-test {
    width: 100%;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #f28da6;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-size: 14px;
    margin-top: 20px;
}

.love-ser-wrap {
    position: relative;
}

.love-ser {
    padding: 5px 30px 5px 50px;
    display: block;
    height: 40px;
    position: relative;
    border-bottom: 1px solid #ccc;
}

    .love-ser img {
        position: absolute;
        width: 30px;
        height: 30px;
        left: 10px;
        top: 5px;
        border-radius: 50%;
    }

    .love-ser p {
        color: #333;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 30px;
        margin: 0;
        font-size: 14px;
    }


/*-------------ArticleCategory----------------*/
.route {
    /*margin-top: 45px;*/
    border-bottom: 1px solid #b8b8b8;
    position: relative;
    background-color: #fff;
}

.route-wrap {
    height: 36px;
    line-height: 36px;
}


/*------ArticleContent---------*/

.main-artcontent {
    padding: 0;
    background: #fff;
    /*margin-top: 45px;*/
}

.article-title {
    line-height: 1.5;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 0 10px;
}

.time-info {
    color: #999;
    padding-bottom: 10px;
    font-size: 12px;
    text-align: center;
    border-bottom: solid #eee 1px;
    margin-bottom: 15px;
}

.content-info {
    padding-left: 10px;
    padding-right: 10px;
}

    .content-info p {
        line-height: 2;
        font-size: 16px;
    }


        .content-info p strong a {
            color: #333;
        }

        .content-info p img {
            /*width: 70%;*/
            height: 100%;
            /*margin-left: 15%;*/
        }

    .content-info table {
        border: none;
        border-color: gainsboro;
        text-align: center;
        width: 100%;
    }

        .content-info table td p {
            margin: 0;
            padding: 0;
        }

        .content-info table td {
            margin: 0;
            padding: 0;
            padding: 5px;
        }

    .content-info ol {
        padding-left: 20px;
    }

/*.content-info p strong {
        font-weight: normal;
    }*/

.smimg-div {
    padding: 0;
}

    .smimg-div img {
        width: 100%;
        height: 70px;
    }

.sm-title-div {
    padding-left: 5px;
    padding-right: 0;
}

.sm-title-link {
    font-weight: 700;
    font-size: 18px;
}


.sm-font {
    font-size: 14px;
}

.small-content {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    /*border-bottom: 1px solid #eef1f1;*/
}

/*.small-img
{
    width: 100%;
    height: 100%;
}*/

.small-title {
    line-height: 1.5;
    color: #444;
    font-size: 18px;
}

.tj-head {
    font-size: 14px;
}

.tj-small-title {
    line-height: 1.5;
    color: #444;
    font-size: 14px;
}

.more-content {
    /*border-top: 1px solid #b6b6b6;
    text-align: center;*/
    /*margin-top: 20px;*/
    font-size: 14px;
    padding: 0;
}

.mc1 {
    background: #fff;
    padding-bottom: 10px;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
}

.more-head {
    border-left: 4px #65b0df solid;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.mc1 p strong {
    color: #FF4D6F;
    font-size: 17px;
}

.mc1 a {
    color: #333333;
}

.more-content-link {
    font-size: 16px;
    height: 40px;
    overflow: hidden;
    padding: 0 10px;
    display: block;
    line-height: 40px;
    border-bottom: 1px solid #e8e8e8;
}

    .more-content-link:visited {
        text-decoration: none;
    }

.edit {
    margin-left: 10px;
    margin-right: 10px;
}

.sharebuttonbox {
    padding-left: 15px;
    padding-bottom: 15px;
    border-bottom: solid #eee 1px;
}

.share {
    text-align: center;
    height: 24px;
    overflow: hidden;
    margin-top: 10px;
}

    .share a {
        display: inline-block;
    }

    .share .jiathis_style_24x24 .jiathis_txt {
        display: initial !important;
        float: none;
    }

    .share .jiathis_style_24x24 .jtico_qzone {
        background-position: 0 -94px;
    }

    .share .jiathis_style_24x24 .jtico_tsina {
        background-position: 0 -142px;
    }

    .share .jiathis_style_24x24 .jtico_tqq {
        background-position: 0 -214px;
    }

    .share .jiathis_style_24x24 .jtico_weixin {
        background-position: 0 -2710px;
    }

    .share .jiathis_style_24x24 .jtico_renren {
        background-position: 0 -238px;
    }

    .share .jiathis_style_24x24 .jtico_jiathis {
        background-position: 0 -2110px;
    }

.next-last {
    padding: 10px;
    font-size: 14px;
    margin-top: 10px;
}

.next, .last {
    height: 22px;
    overflow: hidden;
    margin-bottom: 10px;
}


.mc1 ul {
    padding-right: 5px;
}

.zt-content {
    width: 50%;
    font-size: 13px;
    float: left;
    text-align: center;
    overflow: hidden;
}

    .zt-content a {
        padding: 5px;
    }


        .zt-content a img {
            width: 100%;
            max-height: 80px;
            padding: 5px;
        }

        .zt-content a span {
            height: 20px;
            overflow: hidden;
            display: inline-block;
            padding: 0 5px;
            font-size: 15px;
        }

.ads {
    height: 55px;
}

    .ads .pay-service {
        background-color: rgb(222, 227, 248);
        padding: 5px;
        display: inline-block;
        text-align: center;
        border: 1px solid #fff;
        font-size: 14px;
    }

.a-service {
    display: inline-block;
}

.img-service {
    border: 1px solid #eeeeee;
}

.services-wrap {
    margin-bottom: 20px;
}

.rel-content {
    margin-bottom: 8px;
}

    .rel-content a {
        color: #2f93ca;
    }

#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;
}

.wx-gzh {
    padding: 10px;
}

    .wx-gzh img {
        border: 1px solid gainsboro;
    }

.common-links {
    padding: 0 10px;
}

.common-links-wrap {
    text-align: center;
    padding-top: 10px;
    border-top: 1px solid gainsboro;
}

    .common-links-wrap a {
        display: block;
        margin: 10px auto;
        font-weight: 600;
    }



/*---------OnePage------------*/
/*ArticleCateListPage*/
.cates-wrap {
    padding-top: 5px;
    padding-bottom: 5px;
    padding: 5px 0;
}

    .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%;
        font-size: 14px;
    }



.hot-sm-list {
    padding: 0 10px 10px;
}

    .hot-sm-list a {
        display: inline-block;
        width: 100%;
    }

.modal-title1 {
    width: 100%;
    float: left;
    line-height: 30px;
    font-size: 1em;
    color: #7e298c;
}

.sm-box {
    width: 100%;
    height: 60px;
    float: left;
    background: #ecf4ff;
    margin: 10px 0 0 0;
}

.box-left {
    width: 23%;
    float: left;
    position: relative;
}

.box-img {
    width: 100%;
    float: left;
}


    .box-img img {
        width: 60px;
        height: 60px;
    }

.box-center {
    width: 67%;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
    color: #333;
}

.box-title {
    width: 100%;
    float: left;
    line-height: 30px;
    font-size: 1em;
    box-sizing: border-box;
}

    .box-title .title-text {
        height: 30px;
        font-size: 16px;
        float: left;
    }


.box-txt {
    width: 100%;
    float: left;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    font-size: 0.75em;
    color: #999;
}

.box-right {
    width: 10%;
    float: left;
    text-align: center;
    padding: 15px 0 0 0;
    box-sizing: border-box;
}

    .box-right img {
        width: 17px;
    }

.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;
    }

.public-head-title {
    height: 40px;
    position: relative;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
    padding: 0 10px;
    background-color: #fff;
}

.public_head-link {
    float: left;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    display: block;
    /*font-weight: 700;*/
    width: 100%;
    /*color: #333333;*/
}

.public_more {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0 10px;
    /*height: 18px;*/
    line-height: 18px;
    color: #666;
    font-size: 12px;
    border-radius: 8px;
    background: #f4f4f4;
    background-size: auto 8px;
    border: 1px solid #e8e8e8;
}

.pad-t-b h1, .pad-t-b h2 {
    display: inline-block;
    font-size: 14px;
    margin: 0;
}

.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;
    }

.public-head-title strong {
    height: 40px;
    line-height: 40px;
    display: block;
}

.ser-ask {
    font-weight: 700;
}

.get-yh {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
}



/*星座综合页*/
.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 {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto 5px;
    background: #ffffff;
    background: rgba(255,255,255,.5);
    border-radius: 115px;
    text-align: center;
    line-height: 120px;
}

    .icon-img img {
        width: 100px;
        height: 100px;
    }

.img-title {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}

.img-title1 {
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
}

.img-title2 {
    font-size: 14px;
    text-align: center;
    color: #fff;
}


.tx-wrap {
    padding: 0;
}

.tx-tab {
    width: 100%;
}

    .tx-tab td {
        border-bottom: 1px solid #a3a4db;
        border-right: 1px solid #a3a4db;
        color: #d4d4d4;
        width: 33.33%;
        text-align: center;
        font-size: 12px;
        background-color: #74a7c6;
    }

        .tx-tab td p {
            margin: 0;
            padding: 8px 0;
        }

            .tx-tab td p.tx-ans {
                font-size: 14px;
                color: #fff;
                padding-top: 4px;
            }

.des-wrap {
    margin-top: 15px;
}

.txt-title {
    color: #284ef3;
    font-size: 18px;
    padding: 4px 0 0;
    height: 30px;
}

.txt-des {
    color: #fff;
    line-height: 24px;
    padding: 0 0 8px;
    font-size: 14px;
}

.public-zt-link li {
    width: 33.33%;
    float: left;
    margin-bottom: 10px;
    text-align: center;
}

    .public-zt-link li a {
        display: inline-block;
        /* border: 1px solid #9496f9; */
        background-color: #6c99b4;
        font-size: 14px;
        text-align: center;
        border-radius: 10px;
        height: 32px;
        width: 90%;
        line-height: 32px;
        color: #fff;
    }



/*收费测算表单页*/
.price-nav {
    height: auto;
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

    .price-nav li.price-item {
        width: 50%;
        display: none;
    }

span.border-right {
    display: block;
    height: 35px;
    width: 1px;
    background-color: #d6d6d6;
    position: absolute;
    top: 5px;
    right: 0;
}



.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;
}

.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;
}

.auto span.select-sex {
    display: block;
    float: left;
    padding-top: 10px;
    width: 70px;
}

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%;
}

.js-img {
    clear: left;
    padding: 10px;
    background: #fff;
}



.sb-btn {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 8px;
    background: #5b9bd2;
    border: none;
    margin-bottom: 15px;
}

.des-txt {
    overflow: hidden;
    margin-top: 10px;
    /*border: 1px solid #d7d7d7;*/
    border-radius: 5px;
    background: #fff;
    margin-bottom: 0;
}

.des-txt-title {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #c70000;
}

.des-txt-list {
    overflow: hidden;
    margin-bottom: 0;
}

    .des-txt-list li {
        display: block;
        height: 35px;
        line-height: 35px;
        border-top: 1px solid #d7d7d7;
        border-top: 1px solid #d7d7d7;
        position: relative;
        box-sizing: border-box;
        padding-left: 40px;
        overflow: hidden;
    }

        .des-txt-list li span {
            display: block;
            width: 25px;
            height: 25px;
            position: absolute;
            top: 5px;
            left: 5px;
            overflow: hidden;
        }

            .des-txt-list li span img {
                display: block;
                width: 100%;
                margin: 0 auto;
            }

.des-txt img.ser-js-img {
    margin-top: 10px;
    margin-bottom: 5px;
}

/*十四主星综合页*/
span.label {
    font-size: 14px;
    font-weight: 100;
    margin-right: 10px;
}

.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;*/
}

/*分页样式*/
.pager-wrap {
    padding: 0;
    background: #fff;
}

    .pager-wrap #pager {
        text-align: center;
        padding: 10px 0;
    }

#pager .page-visited {
    display: inline-block;
    font-size: 12px;
    padding: 0 9px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #b8b8b8;
    margin: 0 2px 4px;
    text-align: center;
    box-sizing: border-box;
    vertical-align: top;
    background-color: #4790be;
    border: 1px solid #4790be;
    color: #fff;
}

#pager a {
    display: inline-block;
    font-size: 12px;
    height: 30px;
    padding: 0 9px;
    line-height: 30px;
    border: 1px solid #b8b8b8;
    margin: 0 2px 4px;
    text-align: center;
    background-color: #f8f8f8;
    color: #333;
    box-sizing: border-box;
    vertical-align: top;
}


/*SearchOrder*/
.search-wrap {
    background-color: #fff;
    margin-bottom: 10px;
}

.son-input {
    padding: 15px;
    background-color: #fff;
}

    .son-input input {
        height: 40px;
    }

    .son-input .btn {
        margin-top: 10px;
        width: 100%;
        background: #2489ee;
        border: none;
    }

.search-des {
    padding: 15px;
    background-color: #fff;
}

    .search-des p {
        font-size: 14px;
        margin-bottom: 15px;
    }

        .search-des p.txt {
            color: #fe0000;
        }

p em {
    font-style: normal;
}

/*GzWeiXin*/
.gz-steps, .gz-hc {
    padding: 15px;
}

    .gz-steps p, .gz-hc p {
        font-size: 14px;
    }

    .gz-steps .wx-ewm {
        text-align: center;
    }

    .gz-steps p img {
        width: 200px;
    }

.gz-wrap {
    background-color: #fff;
    margin-top: 10px;
}

    .gz-wrap p.gz-head {
        text-align: center;
        margin-bottom: 40px;
        margin-top: 10px;
        color: #057ee7;
        font-size: 16px;
    }

.yh-wrap {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .yh-wrap p, .ac-wrap p {
        font-size: 14px;
    }

        .yh-wrap p.yh-title, .ac-wrap p.yh-title {
            text-align: center;
            color: red;
            padding-top: 5px;
            padding-bottom: 5px;
        }

.link {
    text-align: center;
}

    .link a {
        padding: 5px 40px;
        background: #2489ee;
        color: white;
        display: inline-block;
        margin-bottom: 20px;
    }

.ac-wrap {
    background-color: #fff;
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}


/*轮播框Basic*/

/*.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 20px;
}

.swiper-pagination-switch {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: white;
    opacity: .5;
    margin: 0 5px;
}*/



/*Service*/

.result-modal img {
    width: 100%;
}

.noti-info {
    color: red;
    font-size: 14px;
    text-align: center;
}

.icon-img-zx {
    display: block;
    text-align: center;
}

    .icon-img-zx img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
    }

/*ShengXiaoOnePage*/

.modal-page-head-sx {
    background: #74a7c6;
    padding: 20px 0 10px;
}

    .modal-page-head-sx td, .modal-page-head-sx th {
        text-align: center;
    }


.sx-table {
    width: 100%;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .sx-table th {
        background-color: #337ab7;
    }

    .sx-table th, .sx-table td {
        width: 16.6%;
        height: 28px;
        line-height: 28px;
        text-align: center;
        /* background-color: #f9f9f9; */
        border-right: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        font-size: 14px;
        font-weight: 200;
        color: #fff;
    }

.modal-page-head-sx .sx-tab td {
    background: none;
    border-bottom: none;
    border-right: none;
}

.txt-title1 {
    color: #d4d4d4;
}



.txt-des1 {
    color: #555;
    font-size: 14px;
}

/*GetOrder*/
.mo-item {
    padding: 0;
}


.order-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

    .order-list li {
        position: relative;
        border-top: 5px solid gainsboro;
    }

.fg-border {
    border-bottom: 5px solid gainsboro;
}

.order-list li .order-card {
    position: relative;
    background: #fff;
}

.order-title, .order-content {
    position: relative;
    padding: 10px 0;
}

.order-icon {
    position: absolute;
    left: 10px;
    top: 8px;
    width: 24px;
    height: 24px;
}

    .order-icon img {
        border-radius: 5px;
    }

.order-title p {
    height: 24px;
    line-height: 24px;
    margin-bottom: 0;
    padding-left: 44px;
    font-size: 14px;
}

.order-title span {
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 24px;
    font-size: 12px;
    color: #357bfd;
}

.order-content {
    border-top: 1px solid #dfdfdf;
    padding: 10px;
    overflow: hidden;
    margin-left: 10px;
    border-bottom: 1px solid #dfdfdf;
}

    .order-content p {
        font-size: 14px;
        color: #999;
        height: 15px;
        line-height: 15px;
        margin-right: 56px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 0;
        margin: 10px 0;
    }

        .order-content p em {
            font-style: normal;
            color: #4e4e4e;
            margin-left: 10px;
        }

            .order-content p em.em1 {
                margin-left: 80px;
            }

.order-result {
    position: relative;
    height: 45px;
    /*border-top: 1px solid #dfdfdf;*/
    padding: 10px;
}

    .order-result a {
        display: inline-block;
        padding: 3px 8px;
        color: #357bfd;
        border: 1px solid #2c73df;
        /*border-radius: 3px;*/
        text-align: center;
        overflow: hidden;
        font-size: 12px;
        position: absolute;
        right: 10px;
    }

        .order-result a.order-comment {
            right: 85px;
            color: #d3272d;
            border: 1px solid #d3272d;
        }


.no-order {
    padding-top: 92px;
    margin-top: 0;
    text-align: center;
    font-size: 15px;
    background: none;
}

    .no-order p {
        color: #999;
        padding-bottom: 20px;
        height: 16px;
    }

    .no-order a {
        display: inline-block;
        height: 35px;
        line-height: 35px;
        width: 138px;
        text-align: center;
        border: 1px solid #357bfd;
        color: #357bfd;
        font-size: 15px;
        border-radius: 3px;
    }

.my-nav li a {
    display: block;
    color: #051B28;
    font-size: 14px;
    line-height: normal;
    height: auto;
    text-align: center;
    padding: 10px 4px;
}

    .my-nav li a img {
        width: 36px;
        display: block;
        margin: 0 auto 5px;
        border-radius: 4px;
    }

.check-form {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid gainsboro;
}

.calendar-in {
    width: 23%;
    padding: 10px 5px;
}

.year-in {
    padding: 10px 5px;
}


.month-in, .day-in {
    padding: 10px 5px;
}

.btn-wrap {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
}


.check-form select.input-sm {
    line-height: 16px;
}

.check-form .btn {
    height: 35px;
    line-height: 1.5;
}

#createo .cat-btn-wrap {
    padding: 0;
    width: 33.3%;
}

#createo .cat-btn {
    font-size: 14px;
}


.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;
        display: block;
    }

    .public-swiper-wrap p {
        font-size: 12px;
        color: #666666;
        padding-top: 10px;
    }

.ads-title {
    display: block;
    font-size: 14px;
    color: #ff4d6f;
    background: #dbdada;
    margin-bottom: 5px;
}

.wxxf-wrap a {
    width: 50%;
    float: left;
    padding: 10px;
    text-align: center;
    overflow: hidden;
}

    .wxxf-wrap a img {
        width: 100%;
        border: 1px solid lightgray;
        border-radius: 5px;
    }

    .wxxf-wrap a p {
        width: 100%;
        height: 30px;
        margin: 5px auto auto auto;
        text-align: center;
        color: #555;
        font-size: 12px;
        overflow: hidden;
    }

.wxxf-modal {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}

/*Mip*/

.top0 {
    margin-top: 0;
}

.table-padding0 {
    padding-left: 0;
    padding-right: 0;
}


.ads-product {
    padding: 0;
    margin-bottom: 15px;
    margin-top: 15px;
}

    .ads-product div {
        border: 1px solid #eee;
    }

        .ads-product div a {
            display: block;
            text-align: center;
            padding-top: 3px;
            padding-bottom: 3px;
            font-size: 14px;
            font-weight: 600;
        }

.color1 {
    color: #ff6600;
}

.color2 {
    color: #6399ff;
}

.color3 {
    color: #990033;
}

.color4 {
    color: #990099;
}

.color5 {
    color: #ff5acb;
}

.margin-bottom5 {
    margin-bottom: 5px;
}

.margin-top10 {
    margin-top: 10px;
}

.price-ser-mip a {
    padding: 5px 10px;
}

.nav-mip a {
    display: inline-block;
    line-height: 45px;
    color: #fff;
    padding: 0 8px;
}

.nav-mip span {
    display: inline-block;
    line-height: 45px;
    color: #fff;
}

.border-radius50 {
    border-radius: 50%;
}

.mip-8sm .h-art-img-mip {
    width: 80px;
    height: 80px;
}

.mip-8sm-img {
    width: 80px;
}

.dashi-wrap-mip {
    padding: 10px 10px;
}

    .dashi-wrap-mip div {
        margin-top: 5px;
    }

    .dashi-wrap-mip p, span, small {
        font-size: 12px;
        margin: 0;
        padding: 0;
    }

    .dashi-wrap-mip a p {
        text-align: center;
        font-size: 14px;
        color: #333;
    }

    .dashi-wrap-mip a img {
        border-radius: 50%;
    }

/*表单*/

.nanxz-in {
    width: 50%;
    padding: 10px 5px;
}

.nvxz-in {
    width: 50%;
    padding: 10px 5px;
}


.nansx-in {
    width: 50%;
    padding: 10px 5px;
}

.nvsx-in {
    width: 50%;
    padding: 10px 5px;
}


/*十元快算*/
.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;
    }


/*测算页面右上角 新 角标*/
.icon-top-right-new {
    float: left;
    margin-left: 5px;
    height: 30px;
    width: 30px;
    position: relative;
}


    .icon-top-right-new i {
        font-size: 14px;
        position: absolute;
        top: -1px;
    }


.img6060 {
    width: 60px;
    height: 60px;
}

.bottom-pay {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
    max-width: 750px;
    background: linear-gradient(#ff3636, #d10509, #ff3636) !important;
}

    .bottom-pay button {
        width: 100%;
        background: none;
        height: 50px;
        font-size: 16px;
    }

.ks-content {
    padding: 10px;
    line-height: 1.5;
}

    .ks-content img {
        width: 50%;
        margin-left: 25%;
    }




/*在线客服*/



a.contact-icon {
    position: fixed;
    width: 35px;
    height: 35px;
    background: url('http://images.shen88.cn/common/www_report.png') no-repeat 0 0;
    background-size: 35px 35px;
    bottom: 270px;
    right: 10px;
    border-radius: 3px;
    opacity: 0.9;
}


a.contact-icon {
    position: fixed;
    width: 35px;
    height: 35px;
    background: url('Images/public/zxkf.png') no-repeat 0 0;
    background-size: 35px 35px;
    bottom: 230px;
    right: 10px;
    border-radius: 3px;
    opacity: 0.9;
}

div.wx-img {
    padding: 10px;
    position: fixed;
    bottom: 20px;
    right: 70px;
    opacity: 0.9;
    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: 10px 0;
    background: #fff;
}

div.wx-img div.title {
    background: #6c237c;
    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: 15px 5px;
}

    .article-tags a {
        margin: 2px;
        /* padding: 5px; */
        /* height: 30px; */
        display: inline-block;
    }


.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;
}

.cat-btn-wrap .btn-primary {
    background: #6c237c !important;
    border: #6c237c;
}

#zhanxingForm .form-control {
    padding: 2px 4px;
}

#zhanxingForm .col-xs-3, #zhanxingForm .col-md-3, #zhanxingForm .col-xs-2, #zhanxingForm .col-md-2, #zhanxingForm .col-md-4, #zhanxingForm .col-xs-4 {
    padding-left: 5px;
    padding-right: 5px;
}



.peidui-panel-small {
    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;
        margin: 0 auto;
        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;
        outline: none;
        background: transparent;
        border: none;
        text-align: center;
        width: 140px;
    }

        .peidui-panel-small select option {
            color: #000000;
        }

    .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;
}

.ask {
    padding: 10px;
}

.ask-warning {
    color: gray;
}

.ask hr {
    margin: 5px 0
}

.ask-content {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.ask-submit {
    width: 100%;
}

.ask-warning {
    color: gray;
    margin: 5px;
    text-align: left;
    background: rgb(249,251,251);
    padding-left: 10px;
}

.ask-more, .article-list-more {
    -webkit-appearance: button;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    background-color: buttonface;
    box-sizing: border-box;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    width: 100%;
}