@charset "UTF-8";

/*!  重置样式 */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-family: "-apple-system-font", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    background-color: #f5f5f5;
    color: #333;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .05)
}

body,
dd,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

em,
i {
    font-style: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: inherit;
    text-decoration: none;
    outline: 0
}

img {
    border: 0
}

button,
input,
select,
textarea {
    border: none;
    outline: 0;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: none
}

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section {
    display: block
}

.clearfix {
    zoom: 1;
}

/*! 基础样式 */
.red {
    color: #ef4c4d
}

.orange {
    color: #ff6a29
}

.blue {
    color: #45a5ff
}

.green {
    color: #4fab7d
}

.g3 {
    color: #333
}

.g6 {
    color: #666
}

.g9 {
    color: #999
}

.fwb {
    font-weight: 700
}

.fwn {
    font-weight: 400
}

.t-center {
    text-align: center
}

.tid2 {
    text-indent: .6rem
}

.fz32 {
    font-size: .32rem
}

.fz34 {
    font-size: .34rem
}

.fz36 {
    font-size: .36rem
}

.mb20 {
    margin-bottom: .2rem
}

.mb30 {
    margin-bottom: .3rem
}

.mt2 {
    margin-top: .2rem
}

.ml1 {
    margin-left: .1rem
}

.ml2 {
    margin-left: .2rem
}

.ml3 {
    margin-left: .3rem
}

.mr-none {
    margin-right: 0
}

.pr1 {
    padding-right: .1rem
}

.pr2 {
    padding-right: .2rem
}

.pr3 {
    padding-right: .3rem
}

.text-justify {
    text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all
}

.text-center {
    text-align: center
}

.notext {
    text-align: left;
    letter-spacing: -3em;
    overflow: hidden
}

.notext:first-letter {
    margin-left: -20em
}

.hide {
    display: none
}

.cl,
.row {
    zoom: 1
}

.cl:after,
.row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.fl {
    float: left;
    display: inline
}

.fr {
    float: right;
    display: inline
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
    float: left
}

.col-lg-12 {
    width: 100%
}

.col-lg-11 {
    width: 91.66666667%
}

.col-lg-10 {
    width: 83.33333333%
}

.col-lg-9 {
    width: 75%
}

.col-lg-8 {
    width: 66.66666667%
}

.col-lg-7 {
    width: 58.33333333%
}

.col-lg-6 {
    width: 50%
}

.col-lg-5 {
    width: 41.66666667%
}

.col-lg-4 {
    width: 33.33333333%
}

.col-lg-3 {
    width: 25%
}

.col-lg-2 {
    width: 16.66666667%
}

.col-lg-1 {
    width: 8.33333333%
}

.flex,
.layer .layer-btns,
.section-cs .section-bd .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.flex-item,
.layer .layer-btns .layer-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.flex-wrap,
.section-cs .section-bd .list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-justify {
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.flex-center {
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.com-grid2 li,
.com-grid3 li,
.com-grid4 li,
.com-grid5 li,
.com-grid6 li {
    float: left;
    box-sizing: border-box
}

.com-grid6 li {
    width: 16.666667%
}

.com-grid5 li {
    width: 20%
}

.com-grid4 li {
    width: 25%
}

.com-grid3 li {
    width: 33.3333333%
}

.com-grid2 li {
    width: 50%
}

/*!************************************* common element start *************************************/
.cnxh-wrap {
    padding: .1rem 0
}

.cnxh-item a {
    display: block;
    text-align: center
}

.cnxh-item a p {
    padding: .1rem 0 .3rem 0;
    display: block;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;
    font-size: .24rem
}

.sprite_cnxh {
    background: url(../images/sprite_cnxh.png) no-repeat;
    display: inline-block;
    width: 80%;
    padding-bottom: 80%;
    background-size: 100% auto
}

.sprite_cnxh.cnxh_15_hmjx {
    background-position: 0 0
}

.sprite_cnxh.cnxh_16_xmpd {
    background-position: 0 5%
}

.sprite_cnxh.cnxh_14_bbqm {
    background-position: 0 10%
}

.sprite_cnxh.cnxh_12_xzhp {
    background-position: 0 15%
}

.sprite_cnxh.cnxh_13_aikmx {
    background-position: 0 20%
}

.sprite_cnxh.cnxh_20_zysm {
    background-position: 0 25%
}

.sprite_cnxh.cnxh_21_xmdf {
    background-position: 0 30%
}

.sprite_cnxh.cnxh_19_wxcx {
    background-position: 0 35%
}

.sprite_cnxh.cnxh_17_jrjs {
    background-position: 0 40%
}

.sprite_cnxh.cnxh_18_hdjr {
    background-position: 0 45%
}

.sprite_cnxh.cnxh_11_bzth {
    background-position: 0 50%
}

.sprite_cnxh.cnxh_04_xzys {
    background-position: 0 55.00000000000001%
}

.sprite_cnxh.cnxh_05_jncy {
    background-position: 0 60%
}

.sprite_cnxh.cnxh_03_xzpd {
    background-position: 0 65%
}

.sprite_cnxh.cnxh_01_qsqy {
    background-position: 0 70%
}

.sprite_cnxh.cnxh_02_xzcx {
    background-position: 0 75%
}

.sprite_cnxh.cnxh_09_zwds {
    background-position: 0 80%
}

.sprite_cnxh.cnxh_10_dsjq {
    background-position: 0 85%
}

.sprite_cnxh.cnxh_08_tlaq {
    background-position: 0 90%
}

.sprite_cnxh.cnxh_06_zgjm {
    background-position: 0 95%
}

.sprite_cnxh.cnxh_07_xzzb {
    background-position: 0 100%
}

.com-list li {
    border-bottom: 1px solid #f2f2f2;
    line-height: 42px;
    position: relative;
    padding-left: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.com-list li:last-child {
    border-bottom: none
}

.com-list li::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cdd7e5
}

.sm-box-hd+.com-list {
    margin-top: -10px
}

.com-taglist {
    padding: .1rem 0;
    margin: 0 -.1rem;
    overflow: hidden
}

.com-taglist a {
    display: block;
    margin: 0 .1rem;
    padding: 0 .1rem;
    color: #fff !important;
    height: 41px;
    background: linear-gradient(90deg, rgba(97, 42, 160, 1) 0, rgba(125, 69, 189, 1) 100%);
    font-size: 15px;
    line-height: 41px;
    margin-bottom: 10px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.com-taglist .com-taglist-item {
    float: left;
    width: 50%
}

.com-taglist .com-taglist-item:nth-child(4n+1) a {
    background: linear-gradient(90deg, rgba(32, 119, 116, 1) 0, rgba(44, 141, 138, 1) 100%)
}

.com-taglist .com-taglist-item:nth-child(4n+2) a {
    background: linear-gradient(90deg, rgba(142, 88, 67, 1) 0, rgba(119, 69, 20, 1) 100%)
}

.com-taglist .com-taglist-item:nth-child(4n+3) a {
    background: linear-gradient(90deg, rgba(38, 76, 127, 1) 0, rgba(74, 98, 151, 1) 100%)
}

.com-taglist2 {
    padding: .1rem 0;
    margin: 0 -.05rem;
    overflow: hidden
}

.com-taglist2 a {
    display: block;
    padding: 0 .2rem;
    height: 29px;
    border: 1px solid rgba(224, 224, 224, 1);
    color: #666;
    font-size: 15px;
    line-height: 29px;
    margin-bottom: 10px;
    border-radius: 29px
}

.com-taglist2 .com-taglist2-item {
    margin: 0 .05rem;
    display: inline-block
}

/*! 按钮样式 start*/
.btn {
    display: inline-block;
    min-width: 1.26rem;
    padding: .08rem 0;
    margin-bottom: 0;
    font-size: .3rem;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background-image: none;
    background-color: #fff;
    color: #333;
    border: 1px solid #e9e9e9;
    border-radius: .06rem;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-transition: background-color .2s, color .2s, border-color .2s;
    -o-transition: background-color .2s, color .2s, border-color .2s;
    -webkit-transition: background-color .2s, color .2s, border-color .2s;
    transition: background-color .2s, color .2s, border-color .2s
}

.btn:active {
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-green {
    background-color: #4fab7d;
    border-color: #4fab7d;
    color: #fff
}

.btn-green:hover {
    background-color: #4fab7d;
    border-color: #4fab7d
}

.btn-blue {
    background-color: #45a5ff;
    border-color: #45a5ff;
    color: #fff
}

.btn-blue:hover {
    background-color: #45a5ff;
    border-color: #45a5ff
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

/*! 按钮样式 end*/
/*! 动画 start */
@-webkit-keyframes rotate {
    from {
        -moz-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    to {
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes rotate {
    from {
        -moz-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0)
    }

    to {
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@-webkit-keyframes preloader-spin {
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes preloader-spin {
    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes headerFixed {
    from {
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes headerFixed {
    from {
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes headerSlideup {
    from {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes headerSlideup {
    from {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes refresh-loading {
    0% {
        background-color: #000;
        box-shadow: 12px 0 0 0 rgba(0, 0, 0, .2), 24px 0 0 0 rgba(0, 0, 0, .2)
    }

    25% {
        background-color: rgba(0, 0, 0, .4);
        box-shadow: 12px 0 0 0 #000, 24px 0 0 0 rgba(0, 0, 0, .2)
    }

    75% {
        background-color: rgba(0, 0, 0, .4);
        box-shadow: 12px 0 0 0 rgba(0, 0, 0, .2), 24px 0 0 0 #000
    }

    100% {
        background-color: rgba(0, 0, 0, .4);
        box-shadow: 12px 0 0 0 rgba(0, 0, 0, .2), 24px 0 0 0 rgba(0, 0, 0, .2)
    }
}

@keyframes refresh-loading {
    0% {
        background-color: #000;
        box-shadow: 12px 0 0 0 rgba(0, 0, 0, .2), 24px 0 0 0 rgba(0, 0, 0, .2)
    }

    25% {
        background-color: rgba(0, 0, 0, .4);
        box-shadow: 12px 0 0 0 #000, 24px 0 0 0 rgba(0, 0, 0, .2)
    }

    75% {
        background-color: rgba(0, 0, 0, .4);
        box-shadow: 12px 0 0 0 rgba(0, 0, 0, .2), 24px 0 0 0 #000
    }

    100% {
        background-color: rgba(0, 0, 0, .4);
        box-shadow: 12px 0 0 0 rgba(0, 0, 0, .2), 24px 0 0 0 rgba(0, 0, 0, .2)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        -moz-transform: translateY(.88rem);
        -ms-transform: translateY(.88rem);
        -webkit-transform: translateY(.88rem);
        transform: translateY(.88rem);
        opacity: 0
    }

    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        -moz-transform: translateY(.88rem);
        -ms-transform: translateY(.88rem);
        -webkit-transform: translateY(.88rem);
        transform: translateY(.88rem);
        opacity: 0
    }

    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@keyframes preload {
    0% {
        box-shadow: -2em 0 0 #fff, -1.5em -1.5em 0 currentColor, 0 -2em 0 currentColor, 1.5em -1.5em 0 currentColor, 2em 0 0 currentColor, 1.5em 1.5em 0 currentColor, 0 2em 0 currentColor, -1.5em 1.5em 0 currentColor, 0 0 0 currentColor
    }

    12.5% {
        box-shadow: -2em 0 0 currentColor, -1.5em -1.5em 0 #fff, 0 -2em 0 currentColor, 1.5em -1.5em 0 currentColor, 2em 0 0 currentColor, 1.5em 1.5em 0 currentColor, 0 2em 0 currentColor, -1.5em 1.5em 0 currentColor, 0 0 0 currentColor
    }

    25% {
        box-shadow: -2em 0 0 currentColor, -1.5em -1.5em 0 currentColor, 0 -2em 0 #fff, 1.5em -1.5em 0 currentColor, 2em 0 0 currentColor, 1.5em 1.5em 0 currentColor, 0 2em 0 currentColor, -1.5em 1.5em 0 currentColor, 0 0 0 currentColor
    }

    37.5% {
        box-shadow: -2em 0 0 currentColor, -1.5em -1.5em 0 currentColor, 0 -2em 0 currentColor, 1.5em -1.5em 0 #fff, 2em 0 0 currentColor, 1.5em 1.5em 0 currentColor, 0 2em 0 currentColor, -1.5em 1.5em 0 currentColor, 0 0 0 currentColor
    }

    50% {
        box-shadow: -2em 0 0 currentColor, -1.5em -1.5em 0 currentColor, 0 -2em 0 currentColor, 1.5em -1.5em 0 currentColor, 2em 0 0 #fff, 1.5em 1.5em 0 currentColor, 0 2em 0 currentColor, -1.5em 1.5em 0 currentColor, 0 0 0 currentColor
    }

    62.5% {
        box-shadow: -2em 0 0 currentColor, -1.5em -1.5em 0 currentColor, 0 -2em 0 currentColor, 1.5em -1.5em 0 currentColor, 2em 0 0 currentColor, 1.5em 1.5em 0 #fff, 0 2em 0 currentColor, -1.5em 1.5em 0 currentColor, 0 0 0 currentColor
    }

    75% {
        box-shadow: -2em 0 0 currentColor, -1.5em -1.5em 0 currentColor, 0 -2em 0 currentColor, 1.5em -1.5em 0 currentColor, 2em 0 0 currentColor, 1.5em 1.5em 0 currentColor, 0 2em 0 #fff, -1.5em 1.5em 0 currentColor, 0 0 0 currentColor
    }

    87.5% {
        box-shadow: -2em 0 0 currentColor, -1.5em -1.5em 0 currentColor, 0 -2em 0 currentColor, 1.5em -1.5em 0 currentColor, 2em 0 0 currentColor, 1.5em 1.5em 0 currentColor, 0 2em 0 currentColor, -1.5em 1.5em 0 #fff, 0 0 0 currentColor
    }

    100% {
        box-shadow: -2em 0 0 currentColor, -1.5em -1.5em 0 currentColor, 0 -2em 0 currentColor, 1.5em -1.5em 0 currentColor, 2em 0 0 currentColor, 1.5em 1.5em 0 currentColor, 0 2em 0 currentColor, -1.5em 1.5em 0 currentColor, 0 0 0 #fff
    }
}

@-webkit-keyframes pointAniLeft {
    0% {
        -moz-transform: translateX(-.1rem);
        -ms-transform: translateX(-.1rem);
        -webkit-transform: translateX(-.1rem);
        transform: translateX(-.1rem)
    }

    50% {
        -moz-transform: translateX(.1rem);
        -ms-transform: translateX(.1rem);
        -webkit-transform: translateX(.1rem);
        transform: translateX(.1rem)
    }

    99% {
        -moz-transform: translateX(.1rem);
        -ms-transform: translateX(.1rem);
        -webkit-transform: translateX(.1rem);
        transform: translateX(.1rem)
    }

    100% {
        -moz-transform: translateX(-.1rem);
        -ms-transform: translateX(-.1rem);
        -webkit-transform: translateX(-.1rem);
        transform: translateX(-.1rem)
    }
}

@keyframes pointAniLeft {
    0% {
        -moz-transform: translateX(-.1rem);
        -ms-transform: translateX(-.1rem);
        -webkit-transform: translateX(-.1rem);
        transform: translateX(-.1rem)
    }

    50% {
        -moz-transform: translateX(.1rem);
        -ms-transform: translateX(.1rem);
        -webkit-transform: translateX(.1rem);
        transform: translateX(.1rem)
    }

    99% {
        -moz-transform: translateX(.1rem);
        -ms-transform: translateX(.1rem);
        -webkit-transform: translateX(.1rem);
        transform: translateX(.1rem)
    }

    100% {
        -moz-transform: translateX(-.1rem);
        -ms-transform: translateX(-.1rem);
        -webkit-transform: translateX(-.1rem);
        transform: translateX(-.1rem)
    }
}

@-webkit-keyframes pointAniRight {
    0% {
        -moz-transform: translateX(.1rem);
        -ms-transform: translateX(.1rem);
        -webkit-transform: translateX(.1rem);
        transform: translateX(.1rem)
    }

    50% {
        -moz-transform: translateX(-.1rem);
        -ms-transform: translateX(-.1rem);
        -webkit-transform: translateX(-.1rem);
        transform: translateX(-.1rem)
    }

    99% {
        -moz-transform: translateX(-.1rem);
        -ms-transform: translateX(-.1rem);
        -webkit-transform: translateX(-.1rem);
        transform: translateX(-.1rem)
    }

    100% {
        -moz-transform: translateX(.1rem);
        -ms-transform: translateX(.1rem);
        -webkit-transform: translateX(.1rem);
        transform: translateX(.1rem)
    }
}

@keyframes pointAniRight {
    0% {
        -moz-transform: translateX(.1rem);
        -ms-transform: translateX(.1rem);
        -webkit-transform: translateX(.1rem);
        transform: translateX(.1rem)
    }

    50% {
        -moz-transform: translateX(-.1rem);
        -ms-transform: translateX(-.1rem);
        -webkit-transform: translateX(-.1rem);
        transform: translateX(-.1rem)
    }

    99% {
        -moz-transform: translateX(-.1rem);
        -ms-transform: translateX(-.1rem);
        -webkit-transform: translateX(-.1rem);
        transform: translateX(-.1rem)
    }

    100% {
        -moz-transform: translateX(.1rem);
        -ms-transform: translateX(.1rem);
        -webkit-transform: translateX(.1rem);
        transform: translateX(.1rem)
    }
}

/*! 动画 end */
/*!ios使用sticky样式实现*/
.nav-sticky {
    z-index: 9999;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%
}

/*!android和pc端悬停*/
.nav-fixed {
    z-index: 9999;
    position: fixed;
    top: 1rem;
    left: 0;
    width: 100%
}

/*! star  */
.star_a,
.star_a>i {
    height: .3rem;
    display: inline-block;
    overflow: hidden;
    background: url(../images/icon_star.png) repeat-x;
    background-size: .36rem auto
}

.star_a {
    width: 1.8rem;
    vertical-align: -2px;
    font-size: 0
}

.star_a>i {
    background-position: 0 -.44rem
}

/*!************************************* element end **************************************/
/*!************************************* components start **************************************/
/*! layer start */
@-webkit-keyframes layerIn {
    0% {
        -moz-transform: translate3d(0, 0, 0) scale(1.185);
        -ms-transform: translate3d(0, 0, 0) scale(1.185);
        -webkit-transform: translate3d(0, 0, 0) scale(1.185);
        transform: translate3d(0, 0, 0) scale(1.185)
    }

    100% {
        -moz-transform: translate3d(0, 0, 0) scale(1);
        -ms-transform: translate3d(0, 0, 0) scale(1);
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@keyframes layerIn {
    0% {
        -moz-transform: translate3d(0, 0, 0) scale(1.185);
        -ms-transform: translate3d(0, 0, 0) scale(1.185);
        -webkit-transform: translate3d(0, 0, 0) scale(1.185);
        transform: translate3d(0, 0, 0) scale(1.185)
    }

    100% {
        -moz-transform: translate3d(0, 0, 0) scale(1);
        -ms-transform: translate3d(0, 0, 0) scale(1);
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }
}

@-webkit-keyframes layerOut {
    0% {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0) scale(1);
        -ms-transform: translate3d(0, 0, 0) scale(1);
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }

    100% {
        -moz-transform: translate3d(0, 0, 0) scale(.825);
        -ms-transform: translate3d(0, 0, 0) scale(.825);
        -webkit-transform: translate3d(0, 0, 0) scale(.825);
        transform: translate3d(0, 0, 0) scale(.825);
        opacity: 0
    }
}

@keyframes layerOut {
    0% {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0) scale(1);
        -ms-transform: translate3d(0, 0, 0) scale(1);
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1)
    }

    100% {
        -moz-transform: translate3d(0, 0, 0) scale(.825);
        -ms-transform: translate3d(0, 0, 0) scale(.825);
        -webkit-transform: translate3d(0, 0, 0) scale(.825);
        transform: translate3d(0, 0, 0) scale(.825);
        opacity: 0
    }
}

.layer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    -moz-animation: layerIn .3s both;
    -webkit-animation: layerIn .3s both;
    animation: layerIn .3s both
}

.layer.closing .layer-inner {
    -moz-animation: layerOut .4s both;
    -webkit-animation: layerOut .4s both;
    animation: layerOut .4s both
}

.layer .layer-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.layer .layer-body {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.layer .layer-btns {
    direction: rtl
}

.layer .layer-btns .layer-btn {
    display: block;
    width: 75px;
    height: 35px;
    line-height: 35px;
    color: #008def;
    font-size: 12px;
    box-shadow: none;
    border: 0;
    border-radius: 3px;
    text-align: center;
    white-space: nowrap;
    margin: 0 10px
}

.layer .layer-btns .layer-btn-no {
    background-color: #ff6a29;
    color: #fff
}

.layer .layer-btns .layer-btn-yes {
    background-color: #4fab7d;
    color: #fff
}

.layer-alert {
    background: 0 0
}

.layer-alert .layer-inner {
    display: inline-block;
    padding: .2rem;
    min-width: 2.2rem;
    text-align: center;
    font-size: .3rem;
    background: rgba(0, 0, 0, .75);
    color: #fff;
    border-radius: 2px
}

.layer-confirm .layer-inner {
    width: 240px;
    background-color: #fff;
    font-size: 14px;
    border-radius: 6px;
    padding: 30px 25px;
    -moz-animation: layerIn .4s both;
    -webkit-animation: layerIn .4s both;
    animation: layerIn .4s both
}

.layer-confirm .layer-cont {
    text-align: center;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 30px;
    color: #333
}

/*! layer end */
/*! mescroll start */
@-webkit-keyframes mescrollRotate {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes mescrollRotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes mescrollFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes mescrollFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes mescrollFadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes mescrollFadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.mescroll.fixed {
    position: fixed
}

.mescroll-hardware {
    -webkit-transform: translateZ(0);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.mescroll-downwarp {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    text-align: center
}

.mescroll-downwarp-reset {
    -webkit-transition: height .3s;
    transition: height .3s
}

.mescroll-downwarp .downwarp-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 1.1rem
}

.mescroll-upwarp {
    line-height: .5rem;
    text-align: center;
    visibility: hidden
}

.mescroll-upwarp-visible {
    visibility: visible
}

.mescroll-downwarp .downwarp-tip,
.mescroll-upwarp .upwarp-nodata,
.mescroll-upwarp .upwarp-tip {
    display: inline-block;
    font-size: .24rem;
    color: #999;
    vertical-align: middle
}

.mescroll-upwarp .upwarp-tip {
    display: none
}

.mescroll-downwarp .downwarp-progress,
.mescroll-upwarp .upwarp-progress {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid gray;
    margin-right: .15 rem;
    border-bottom-color: transparent;
    vertical-align: middle
}

.mescroll-rotate {
    -webkit-animation: mescrollRotate .6s linear infinite;
    animation: mescrollRotate .6s linear infinite
}

.mescroll-empty {
    width: 100%;
    padding: .6rem 0;
    text-align: center
}

.mescroll-empty .empty-tip {
    font-size: .28rem;
    color: #999
}

.mescroll-empty .empty-btn {
    margin: .6rem auto
}

.mescroll-empty .btn {
    padding: .12rem .6rem
}

.mescroll-totop {
    z-index: 9990;
    position: fixed;
    right: .3rem;
    bottom: 1.4rem;
    width: .72rem;
    height: .72rem;
    border-radius: 50%;
    opacity: 0
}

.mescroll-fade-in {
    -webkit-animation: mescrollFadeIn .5s linear forwards;
    animation: mescrollFadeIn .5s linear forwards
}

.mescroll-fade-out {
    pointer-events: none
}

/*! mescroll end */
/*! actionsheet start */
.com-mask {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    display: none
}

.com-mask.fadein {
    display: block;
    -webkit-animation: fadeIn .2s ease-out;
    -moz-animation: fadeIn .2s ease-out;
    -o-animation: fadeIn .2s ease-out;
    animation: fadeIn .2s ease-out
}

.com-actionsheet {
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 5000;
    width: 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.com-actionsheet_toggle {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.com-actionsheet__title {
    position: relative;
    padding: 5px 20px;
    line-height: 1.4;
    text-align: center;
    font-size: 14px;
    color: #888;
    background: #fcfcfd;
    box-sizing: border-box
}

.com-actionsheet__title:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.com-actionsheet__title .com-actionsheet__title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.com-actionsheet__menu,
.com-actionsheet__title {
    background-color: #fcfcfd;
    margin: 0 auto
}

/*! actionsheet end */
/*! table start */
.com_table {
    margin: 10px 0;
    width: 100%;
    background-color: #fff9f1;
    border-collapse: collapse;
    font-size: 14px
}

.com_table .com_table-l {
    text-align: center;
    width: 15%
}

.com_table .com_table-l.t2 {
    width: 25%
}

.com_table td,
.com_table th {
    border: 1px solid #f4ddca;
    height: 35px;
    line-height: 1.5;
    padding: .1rem .1rem
}

.com_table .td1 {
    width: 25%;
    padding: 0 2px
}

.com_table .td2 {
    padding: 5px;
    text-align: left
}

.com_table .c1 {
    color: #094
}

.com_table .c2 {
    color: #f39800
}

.com_table .c3 {
    color: #00a0e9
}

.com_table .ren {
    color: #00b7ee
}

/*! table end */
/*! 算命表单元素 start */
.fort-box {
    background: #fff;
    padding: .5rem .3rem 0
}

.fort-box-hd {
    padding: .19rem 0;
    height: .88rem;
    background: url(/img/title_bg.png) no-repeat center center;
    background-size: 100% 100%
}

.fort-box-hd .title {
    margin: 0 auto;
    width: 2.65rem;
    height: .5rem;
    font-size: 0;
    line-height: .5rem;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    position: relative;
    text-align: center;
    font-weight: 700;
    color: #64382a
}

.fort-box-hd .title.t2 {
    width: 2rem
}

.fort-box-hd .title.t3 {
    width: 3rem
}

.fort-title_grjm {
    background-image: url(/img/xmxj_grjm.png)
}

.fort-title_gscm {
    background-image: url(/img/xmxj_gscm.png)
}

.fort-title_znqm {
    background-image: url(/img/xmxj_znqm.png)
}

.fort-title_zxqm {
    background-image: url(/img/xmxj_zxqm.png)
}

.fort-title_xmwg {
    background-image: url(/img/xmxj_xmwg.png)
}

.fort-title_xmdf {
    background-image: url(/img/xmxj_xmdf.png)
}

.fort-title_mzgx {
    background-image: url(/img/xmxj_mzgx.png)
}

.fort-title_bjxcx {
    background-image: url(/img/xmxj_bjxcx.png)
}

.fort-title_ssscy {
    background-image: url(/img/cy_ssscy.png)
}

.fort-title_kyjqg {
    background-image: url(/img/cy_kyjqg.png)
}

.fort-title_bzhysm {
    background-image: url(/img/sm_bzhysm.png)
}

.fort-title_bzmg {
    background-image: url(/img/sm_bzmg.png)
}

.fort-title_bzsm {
    background-image: url(/img/sm_bzsm.png)
}

.fort-title_bzzr {
    background-image: url(/img/sm_bzzr.png)
}

.fort-title_cgsm {
    background-image: url(/img/sm_cgsm.png)
}

.fort-title_jxfslm {
    background-image: url(/img/sm_jxfslm.png)
}

.fort-title_srsm {
    background-image: url(/img/sm_srsm.png)
}

.fort-title_smls {
    background-image: url(/img/xzzb_smls.png)
}

.fort-title_srmm {
    background-image: url(/img/xzzb_srmm.png)
}

.fort-title_wxcx {
    background-image: url(/img/sm_wxcx.png)
}

.fort-title_wxsxhp {
    background-image: url(/img/sm_wxsxhp.png)
}

.fort-title_zwsm {
    background-image: url(/img/kx_zwsm.png)
}

.fort-title_bzhh {
    background-image: url(/img/hhpd_bzhh.png)
}

.fort-title_mryz {
    background-image: url(/img/sg_mryz.png)
}

.fort-title_zgcz {
    background-image: url(/img/sg_zgcz.png)
}

.fort-title_lyzg {
    background-image: url(/img/sg_lyzg.png)
}

.fort-title_mhys {
    background-image: url(/img/pp_mhys.png)
}

.fort-title_zysm {
    background-image: url(/img/sm_zysm.png)
}

.fort-title_zyszg {
    background-image: url(/img/sm_zyszg.png)
}

.fort-title_zwds {
    background-image: url(/img/pp_zwds.png)
}

.fort-title_hmjx_cph {
    background-image: url(/img/hmjx_cph.png)
}

.fort-title_hmjx_dhh {
    background-image: url(/img/hmjx_dhh.png)
}

.fort-title_hmjx_qq {
    background-image: url(/img/hmjx_qq.png)
}

.fort-title_hmjx_sfz {
    background-image: url(/img/hmjx_sfz.png)
}

.fort-title_hmjx_sjh {
    background-image: url(/img/hmjx_sjh.png)
}

.fort-title_hmjx_ym {
    background-image: url(/img/hmjx_ym.png)
}

.fort-title_hhpd_sxpd {
    background-image: url(/img/hhpd_sxpd.png)
}

.fort-title_hhpd_qqpd {
    background-image: url(/img/hhpd_qqpd.png)
}

.fort-title_hhpd_xxpd {
    background-image: url(/img/hhpd_xxpd.png)
}

.fort-title_hhpd_xzpd {
    background-image: url(/img/hhpd_xzpd.png)
}

.fort-title_xgpx_sxxg {
    background-image: url(/img/xgpx_sxxg.png)
}

.fort-title_xgpx_sxxx {
    background-image: url(/img/xgpx_sxxx.png)
}

.fort-title_xgpx_sxys {
    background-image: url(/img/xgpx_sxys.png)
}

.fort-title_xgpx_xxxg {
    background-image: url(/img/xgpx_xxxg.png)
}

.fort-title_xgpx_xzsx {
    background-image: url(/img/xgpx_xzsx.png)
}

.fort-title_xgpx_xzsxxx {
    background-image: url(/img/xgpx_xzsxxx.png)
}

.fort-title_xgpx_xzxg {
    background-image: url(/img/xgpx_xzxg.png)
}

.fort-title_xgpx_xzxx {
    background-image: url(/img/xgpx_xzxx.png)
}

.fort-title_xgpx_xzys {
    background-image: url(/img/xgpx_xzys.png)
}

.fort-title_pp_bzpp {
    background-image: url(/img/pp_bzpp.png)
}

.fort-title_pp_dlr {
    background-image: url(/img/pp_dlr.png)
}

.fort-title_pp_jkj {
    background-image: url(/img/pp_jkj.png)
}

.fort-title_pp_mhys {
    background-image: url(/img/pp_mhys.png)
}

.fort-title_pp_njly {
    background-image: url(/img/pp_njly.png)
}

.fort-title_pp_njly {
    background-image: url(/img/pp_njly.png)
}

.fort-title_pp_qmdj {
    background-image: url(/img/pp_qmdj.png)
}

.fort-title_pp_tyqk {
    background-image: url(/img/pp_tyqk.png)
}

.fort-title_pp_xct {
    background-image: url(/img/pp_xct.png)
}

.fort-title_pp_xkfx {
    background-image: url(/img/pp_xkfx.png)
}

.fort-title_pp_zwds {
    background-image: url(/img/pp_zwds.png)
}

.fort-title_msyc_emyc {
    background-image: url(/img/msyc_emyc.png)
}

.fort-title_msyc_mryc {
    background-image: url(/img/msyc_mryc.png)
}

.fort-title_msyc_ptyc {
    background-image: url(/img/msyc_ptyc.png)
}

.fort-title_msyc_ytyc {
    background-image: url(/img/msyc_ytyc.png)
}

.fort-title_msyc_xjyc {
    background-image: url(/img/msyc_xjyc.png)
}

.fort-title_mjss_bzxp {
    background-image: url(/img/mjss_bzxp.png)
}

.fort-title_mjss_cgg {
    background-image: url(/img/mjss_cgg.png)
}

.fort-title_mjss_qgnnb {
    background-image: url(/img/mjss_qgnnb.png)
}

.fort-title_mjss_rpjs {
    background-image: url(/img/mjss_rpjs.png)
}

.fort-title_mjss_smjsq {
    background-image: url(/img/mjss_smjsq.png)
}

.fort-title_mjss_snsn {
    background-image: url(/img/mjss_snsn.png)
}

.fort-title_mjss_tzmcx {
    background-image: url(/img/mjss_tzmcx.png)
}

.fort-title_cxgj_jrjs {
    background-image: url(/img/cxgj_jrjs.png)
}

.fort-title_cxgj_ztys {
    background-image: url(/img/cxgj_ztys.png)
}

.fort-title_cxgj_xyscx {
    background-image: url(/img/cxgj_xyscx.png)
}

.fort-title_cxgj_xjlzh {
    background-image: url(/img/cxgj_xjlzh.png)
}

.fort-title_cxgj_jdcx {
    background-image: url(/img/cxgj_jdcx.png)
}

.sicon_cate {
    display: inline-block;
    background: url(../images/sicon_cate.png) no-repeat;
    background-size: 1.2rem 104rem
}

.sicon_cate.qqbf_lzlq {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 0
}

.sicon_cate.qqbf_mryq {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -1rem
}

.sicon_cate.qqbf_mzlq {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -2rem
}

.sicon_cate.qqbf_gdlq {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -3rem
}

.sicon_cate.qqbf_gylq {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -4rem
}

.sicon_cate.qqbf_hdxlq {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -5rem
}

.sicon_cate.qqbf_tdglq {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -6rem
}

.sicon_cate.qqbf_zxbf {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -7rem
}

.sicon_cate.xgpx_sxxg {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -8rem
}

.sicon_cate.xgpx_sxxx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -9rem
}

.sicon_cate.qqbf_ydlq {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -10rem
}

.sicon_cate.qqbf_yllq {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -11rem
}

.sicon_cate.qqbf_zgsq {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -12rem
}

.sicon_cate.mjss_tlpzb {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -13rem
}

.sicon_cate.mjss_tzmcx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -14rem
}

.sicon_cate.mjss_zgjm {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -15rem
}

.sicon_cate.mjss_rpjs {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -16rem
}

.sicon_cate.mjss_smjsq {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -17rem
}

.sicon_cate.mjss_snsn {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -18rem
}

.sicon_cate.mjss_zwjx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -19rem
}

.sicon_cate.msyc_xjyc {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -20rem
}

.sicon_cate.msyc_ytyc {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -21rem
}

.sicon_cate.qqbf_fzlq {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -22rem
}

.sicon_cate.msyc_emyc {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -23rem
}

.sicon_cate.msyc_mryc {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -24rem
}

.sicon_cate.msyc_ptyc {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -25rem
}

.sicon_cate.xzzb_srmm {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -26rem
}

.sicon_cate.xzzb_xzzb {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -27rem
}

.sicon_cate.xzzb_zwds {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -28rem
}

.sicon_cate.xmxj_xmwg {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -29rem
}

.sicon_cate.xzzb_smls {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -30rem
}

.sicon_cate.xzzb_srh {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -31rem
}

.sicon_cate.xzzb_zxxp {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -32rem
}

.sicon_cate.zyyc_zgcz {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -33rem
}

.sicon_cate.zyyc_zysm {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -34rem
}

.sicon_cate.zyyc_zyszg {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -35rem
}

.sicon_cate.zyyc_lyzg {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -36rem
}

.sicon_cate.zyyc_mhys {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -37rem
}

.sicon_cate.zyyc_mryz {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -38rem
}

.sicon_cate.xgpx_xzsxxx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -39rem
}

.sicon_cate.xgpx_xzxg {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -40rem
}

.sicon_cate.xgpx_xzxx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -41rem
}

.sicon_cate.xgpx_sxys {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -42rem
}

.sicon_cate.xgpx_xxxg {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -43rem
}

.sicon_cate.xgpx_xzsx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -44rem
}

.sicon_cate.xgpx_xzys {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -45rem
}

.sicon_cate.xmxj_mfqm {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -46rem
}

.sicon_cate.xmxj_mzgx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -47rem
}

.sicon_cate.xmxj_xmdf {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -48rem
}

.sicon_cate.xmxj_bbqm {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -49rem
}

.sicon_cate.xmxj_bjxdq {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -50rem
}

.sicon_cate.xmxj_gscm {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -51rem
}

.sicon_cate.bzsm_srsm {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -52rem
}

.sicon_cate.bzsm_sxwxhp {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -53rem
}

.sicon_cate.bzsm_wxcx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -54rem
}

.sicon_cate.bzsm_cgsm {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -55rem
}

.sicon_cate.bzsm_jxfslm {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -56rem
}

.sicon_cate.bzsm_sg {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -57rem
}

.sicon_cate.cxgj_hdzr {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -58rem
}

.sicon_cate.cxgj_wnl {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -59rem
}

.sicon_cate.cxgj_xjlzh {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -60rem
}

.sicon_cate.cxgj_xyscx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -61rem
}

.sicon_cate.cxgj_jdcx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -62rem
}

.sicon_cate.cxgj_jrjs {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -63rem
}

.sicon_cate.cxgj_mrys {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -64rem
}

.sicon_cate.bzpp_njly {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -65rem
}

.sicon_cate.bzpp_qmdj {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -66rem
}

.sicon_cate.bzpp_tyqk {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -67rem
}

.sicon_cate.bzpp_bzpp {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -68rem
}

.sicon_cate.bzpp_dlr {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -69rem
}

.sicon_cate.bzpp_jkj {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -70rem
}

.sicon_cate.bzpp_xct {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -71rem
}

.sicon_cate.bzsm_bzmg {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -72rem
}

.sicon_cate.bzsm_bzsm {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -73rem
}

.sicon_cate.bzsm_bzzr {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -74rem
}

.sicon_cate.bzpp_xkfx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -75rem
}

.sicon_cate.bzpp_zwds {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -76rem
}

.sicon_cate.bzsm_bzhysm {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -77rem
}

.sicon_cate.hmjx_ymjx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -78rem
}

.sicon_cate.kxbqr_mzyxj {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -79rem
}

.sicon_cate.kxbqr_nanxstzx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -80rem
}

.sicon_cate.hmjx_qqhmcjx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -81rem
}

.sicon_cate.hmjx_sfzjx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -82rem
}

.sicon_cate.hmjx_sjhmcjx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -83rem
}

.sicon_cate.kxbqr_nnmbzx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -84rem
}

.sicon_cate.mjss_bzxp {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -85rem
}

.sicon_cate.mjss_cgg {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -86rem
}

.sicon_cate.mjss_qgnnb {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -87rem
}

.sicon_cate.kxbqr_nvxstzx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -88rem
}

.sicon_cate.kxbqr_yxkxg {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -89rem
}

.sicon_cate.kxbqr_zwsm {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -90rem
}

.sicon_cate.cycs_ssscy {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -91rem
}

.sicon_cate.hhpd_bzhh {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -92rem
}

.sicon_cate.hhpd_mzgx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -93rem
}

.sicon_cate.cxgj_ztys {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -94rem
}

.sicon_cate.cycs_kyjqg {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -95rem
}

.sicon_cate.cycs_njyc {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -96rem
}

.sicon_cate.hhpd_qqpd {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -97rem
}

.sicon_cate.hhpd_xzpd {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -98rem
}

.sicon_cate.hmjx_cphcjx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -99rem
}

.sicon_cate.hmjx_dhhmcjx {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -100rem
}

.sicon_cate.hhpd_sxpd {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -101rem
}

.sicon_cate.hhpd_xmpd {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -102rem
}

.sicon_cate.hhpd_xxpd {
    height: 1rem;
    width: 1.2rem;
    background-position: 0 -103rem
}

.sprite_nav {
    display: inline-block;
    background: url(../images/sprite_nav.png) no-repeat;
    background-size: 100% auto
}

.sprite_nav.nav_zt {
    background-position: 0 0
}

.sprite_nav.nav_hhpd {
    background-position: 0 2.941176470588235%
}

.sprite_nav.nav_jm {
    background-position: 0 5.88235294117647%
}

.sprite_nav.nav_fs {
    background-position: 0 8.823529411764707%
}

.sprite_nav.nav_tp {
    background-position: 0 11.76470588235294%
}

.sprite_nav.nav_zh {
    background-position: 0 14.705882352941178%
}

.sprite_nav.nav_mjss {
    background-position: 0 17.647058823529413%
}

.sprite_nav.nav_aqpd {
    background-position: 0 20.588235294117645%
}

.sprite_nav.nav_jq {
    background-position: 0 23.52941176470588%
}

.sprite_nav.nav_xx {
    background-position: 0 26.47058823529412%
}

.sprite_nav.nav_xs {
    background-position: 0 29.411764705882355%
}

.sprite_nav.nav_ys {
    background-position: 0 32.35294117647059%
}

.sprite_nav.nav_xz {
    background-position: 0 35.294117647058826%
}

.sprite_nav.nav_qm {
    background-position: 0 38.23529411764706%
}

.sprite_nav.nav_pd {
    background-position: 0 41.17647058823529%
}

.sprite_nav.nav_sx {
    background-position: 0 44.11764705882353%
}

.sprite_nav.nav_sm {
    background-position: 0 47.05882352941176%
}

.sprite_nav.nav_bk {
    background-position: 0 50%
}

.sprite_nav.nav_xlcs {
    background-position: 0 52.94117647058824%
}

.sprite_nav.nav_xgpx {
    background-position: 0 55.88235294117647%
}

.sprite_nav.nav_zyyc {
    background-position: 0 58.82352941176471%
}

.sprite_nav.nav_tlp {
    background-position: 0 61.76470588235294%
}

.sprite_nav.nav_sg {
    background-position: 0 64.70588235294117%
}

.sprite_nav.nav_cxz {
    background-position: 0 67.64705882352942%
}

.sprite_nav.nav_xzzb {
    background-position: 0 70.58823529411765%
}

.sprite_nav.nav_pp {
    background-position: 0 73.52941176470588%
}

.sprite_nav.nav_cy {
    background-position: 0 76.47058823529412%
}

.sprite_nav.nav_xzaq {
    background-position: 0 79.41176470588235%
}

.sprite_nav.nav_xzpd {
    background-position: 0 82.35294117647058%
}

.sprite_nav.nav_cxgj {
    background-position: 0 85.29411764705883%
}

.sprite_nav.nav_sxxz {
    background-position: 0 88.23529411764706%
}

.sprite_nav.nav_xmxj {
    background-position: 0 91.17647058823529%
}

.sprite_nav.nav_hmjx {
    background-position: 0 94.11764705882352%
}

.sprite_nav.nav_msyc {
    background-position: 0 97.05882352941177%
}

.sprite_nav.nav_kx {
    background-position: 0 100%
}

.sprite_cs {
    display: inline-block;
    background: url(../images/sprite_cs.png) no-repeat;
    background-size: 100% auto
}

.sprite_cs.cs_qqbf {
    background-position: 0 0
}

.sprite_cs.cs_hmjx {
    background-position: 0 14.285714285714285%
}

.sprite_cs.cs_zyyc {
    background-position: 0 28.57142857142857%
}

.sprite_cs.cs_xzzb {
    background-position: 0 42.857142857142854%
}

.sprite_cs.cs_bzpp {
    background-position: 0 57.14285714285714%
}

.sprite_cs.cs_aqpd {
    background-position: 0 71.42857142857143%
}

.sprite_cs.cs_cyyc {
    background-position: 0 85.71428571428571%
}

.sprite_cs.cs_bzsm {
    background-position: 0 100%
}

.sprite_snav {
    display: inline-block;
    background: url(../images/sprite_snav.png) no-repeat;
    background-size: .47rem 41.6rem
}

.sprite_snav.snav-work {
    height: .4rem;
    width: .22rem;
    background-position: 0 0
}

.sprite_snav.snav-xg {
    height: .4rem;
    width: .32rem;
    background-position: 0 -.4rem
}

.sprite_snav.snav-character {
    height: .4rem;
    width: .32rem;
    background-position: 0 -.8rem
}

.sprite_snav.snav-wealth {
    height: .4rem;
    width: .33rem;
    background-position: 0 -1.2rem
}

.sprite_snav.snav-celebrity {
    height: .4rem;
    width: .34rem;
    background-position: 0 -1.6rem
}

.sprite_snav.snav-fortune {
    height: .4rem;
    width: .34rem;
    background-position: 0 -2rem
}

.sprite_snav.snav-love {
    height: .4rem;
    width: .36rem;
    background-position: 0 -2.4rem
}

.sprite_snav.snav-aqfs {
    height: .4rem;
    width: .36rem;
    background-position: 0 -2.8rem
}

.sprite_snav.snav-encyclopedia {
    height: .4rem;
    width: .38rem;
    background-position: 0 -3.2rem
}

.sprite_snav.snav-sx14 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -3.6rem
}

.sprite_snav.snav-sx11 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -4rem
}

.sprite_snav.snav-sx12 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -4.4rem
}

.sprite_snav.snav-sx13 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -4.8rem
}

.sprite_snav.snav-sxqm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -5.2rem
}

.sprite_snav.snav-sj {
    height: .4rem;
    width: .4rem;
    background-position: 0 -5.6rem
}

.sprite_snav.snav-srs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -6rem
}

.sprite_snav.snav-sjccqm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -6.4rem
}

.sprite_snav.snav-sx15 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -6.8rem
}

.sprite_snav.snav-sx16 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -7.2rem
}

.sprite_snav.snav-sx5 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -7.6rem
}

.sprite_snav.snav-sx6 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -8rem
}

.sprite_snav.snav-sx4 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -8.4rem
}

.sprite_snav.snav-sx {
    height: .4rem;
    width: .4rem;
    background-position: 0 -8.8rem
}

.sprite_snav.snav-sx1 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -9.2rem
}

.sprite_snav.snav-sx7 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -9.6rem
}

.sprite_snav.snav-sm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -10rem
}

.sprite_snav.snav-sx10 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -10.4rem
}

.sprite_snav.snav-sx9 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -10.8rem
}

.sprite_snav.snav-smzh {
    height: .4rem;
    width: .4rem;
    background-position: 0 -11.2rem
}

.sprite_snav.snav-sx8 {
    height: .4rem;
    width: .4rem;
    background-position: 0 -11.6rem
}

.sprite_snav.snav-tx {
    height: .4rem;
    width: .4rem;
    background-position: 0 -12rem
}

.sprite_snav.snav-zh {
    height: .4rem;
    width: .4rem;
    background-position: 0 -12.4rem
}

.sprite_snav.snav-zhouyi {
    height: .4rem;
    width: .4rem;
    background-position: 0 -12.8rem
}

.sprite_snav.snav-zcfs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -13.2rem
}

.sprite_snav.snav-yxqm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -13.6rem
}

.sprite_snav.snav-yzfs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -14rem
}

.sprite_snav.snav-ziwei {
    height: .4rem;
    width: .4rem;
    background-position: 0 -14.4rem
}

.sprite_snav.snav-zx {
    height: .4rem;
    width: .4rem;
    background-position: 0 -14.8rem
}

.sprite_snav.snav-zxfs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -15.2rem
}

.sprite_snav.snav-zw {
    height: .4rem;
    width: .4rem;
    background-position: 0 -15.6rem
}

.sprite_snav.snav-zjpz {
    height: .4rem;
    width: .4rem;
    background-position: 0 -16rem
}

.sprite_snav.snav-zs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -16.4rem
}

.sprite_snav.snav-wsfs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -16.8rem
}

.sprite_snav.snav-wuxing {
    height: .4rem;
    width: .4rem;
    background-position: 0 -17.2rem
}

.sprite_snav.snav-whfs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -17.6rem
}

.sprite_snav.snav-wfx {
    height: .4rem;
    width: .4rem;
    background-position: 0 -18rem
}

.sprite_snav.snav-zy {
    height: .4rem;
    width: .4rem;
    background-position: 0 -18.4rem
}

.sprite_snav.snav-xiangguan {
    height: .4rem;
    width: .4rem;
    background-position: 0 -18.8rem
}

.sprite_snav.snav-yuce {
    height: .4rem;
    width: .4rem;
    background-position: 0 -19.2rem
}

.sprite_snav.snav-ywqm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -19.6rem
}

.sprite_snav.snav-xxzh {
    height: .4rem;
    width: .4rem;
    background-position: 0 -20rem
}

.sprite_snav.snav-xmcz {
    height: .4rem;
    width: .4rem;
    background-position: 0 -20.4rem
}

.sprite_snav.snav-xsdq {
    height: .4rem;
    width: .4rem;
    background-position: 0 -20.8rem
}

.sprite_snav.snav-cwqm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -21.2rem
}

.sprite_snav.snav-cy {
    height: .4rem;
    width: .4rem;
    background-position: 0 -21.6rem
}

.sprite_snav.snav-cyx {
    height: .4rem;
    width: .4rem;
    background-position: 0 -22rem
}

.sprite_snav.snav-cf {
    height: .4rem;
    width: .4rem;
    background-position: 0 -22.4rem
}

.sprite_snav.snav-cffs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -22.8rem
}

.sprite_snav.snav-cjpz {
    height: .4rem;
    width: .4rem;
    background-position: 0 -23.2rem
}

.sprite_snav.snav-eg {
    height: .4rem;
    width: .4rem;
    background-position: 0 -23.6rem
}

.sprite_snav.snav-faq {
    height: .4rem;
    width: .4rem;
    background-position: 0 -24rem
}

.sprite_snav.snav-fsxrm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -24.4rem
}

.sprite_snav.snav-dbt {
    height: .4rem;
    width: .4rem;
    background-position: 0 -24.8rem
}

.sprite_snav.snav-dmfs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -25.2rem
}

.sprite_snav.snav-dpqm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -25.6rem
}

.sprite_snav.snav-bagua {
    height: .4rem;
    width: .4rem;
    background-position: 0 -26rem
}

.sprite_snav.snav-bbqm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -26.4rem
}

.sprite_snav.snav-bbxm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -26.8rem
}

.sprite_snav.snav-seg {
    height: .4rem;
    width: .4rem;
    background-position: 0 -27.2rem
}

.sprite_snav.snav-alfs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -27.6rem
}

.sprite_snav.snav-ax {
    height: .4rem;
    width: .4rem;
    background-position: 0 -28rem
}

.sprite_snav.snav-bjxqm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -28.4rem
}

.sprite_snav.snav-bx {
    height: .4rem;
    width: .4rem;
    background-position: 0 -28.8rem
}

.sprite_snav.snav-bzqm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -29.2rem
}

.sprite_snav.snav-bgml {
    height: .4rem;
    width: .4rem;
    background-position: 0 -29.6rem
}

.sprite_snav.snav-bgsfs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -30rem
}

.sprite_snav.snav-bjfs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -30.4rem
}

.sprite_snav.snav-nhqm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -30.8rem
}

.sprite_snav.snav-nvhqm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -31.2rem
}

.sprite_snav.snav-mx {
    height: .4rem;
    width: .4rem;
    background-position: 0 -31.6rem
}

.sprite_snav.snav-lyfs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -32rem
}

.sprite_snav.snav-meixiang {
    height: .4rem;
    width: .4rem;
    background-position: 0 -32.4rem
}

.sprite_snav.snav-ox {
    height: .4rem;
    width: .4rem;
    background-position: 0 -32.8rem
}

.sprite_snav.snav-zyqm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -33.2rem
}

.sprite_snav.snav-shishang {
    height: .4rem;
    width: .4rem;
    background-position: 0 -33.6rem
}

.sprite_snav.snav-rm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -34rem
}

.sprite_snav.snav-qinggan {
    height: .4rem;
    width: .4rem;
    background-position: 0 -34.4rem
}

.sprite_snav.snav-qw {
    height: .4rem;
    width: .4rem;
    background-position: 0 -34.8rem
}

.sprite_snav.snav-kyhs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -35.2rem
}

.sprite_snav.snav-haoting {
    height: .4rem;
    width: .4rem;
    background-position: 0 -35.6rem
}

.sprite_snav.snav-hyx {
    height: .4rem;
    width: .4rem;
    background-position: 0 -36rem
}

.sprite_snav.snav-jjfs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -36.4rem
}

.sprite_snav.snav-gjpz {
    height: .4rem;
    width: .4rem;
    background-position: 0 -36.8rem
}

.sprite_snav.snav-gsqm {
    height: .4rem;
    width: .4rem;
    background-position: 0 -37.2rem
}

.sprite_snav.snav-gx {
    height: .4rem;
    width: .4rem;
    background-position: 0 -37.6rem
}

.sprite_snav.snav-jk {
    height: .4rem;
    width: .4rem;
    background-position: 0 -38rem
}

.sprite_snav.snav-jpsl {
    height: .4rem;
    width: .4rem;
    background-position: 0 -38.4rem
}

.sprite_snav.snav-kx {
    height: .4rem;
    width: .4rem;
    background-position: 0 -38.8rem
}

.sprite_snav.snav-ktfs {
    height: .4rem;
    width: .4rem;
    background-position: 0 -39.2rem
}

.sprite_snav.snav-sx2 {
    height: .4rem;
    width: .42rem;
    background-position: 0 -39.6rem
}

.sprite_snav.snav-sx3 {
    height: .4rem;
    width: .44rem;
    background-position: 0 -40rem
}

.sprite_snav.snav-abx {
    height: .4rem;
    width: .44rem;
    background-position: 0 -40.4rem
}

.sprite_snav.snav-xmxx {
    height: .4rem;
    width: .45rem;
    background-position: 0 -40.8rem
}

.sprite_snav.snav-aq {
    height: .4rem;
    width: .47rem;
    background-position: 0 -41.2rem
}

.fort-box-hd .title:after,
.fort-box-hd .title:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: .1rem;
    width: .56rem;
    height: .29rem;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.fort-box-hd .title:before {
    left: 0;
    background-image: url(/img/title_cloud01.png);
    margin-left: -.5rem
}

.fort-box-hd .title:after {
    right: 0;
    background-image: url(/img/title_cloud02.png);
    margin-right: -.5rem
}

.fort-box-bd {
    margin-top: 20px;
    padding: .2rem .3rem .3rem;
    border: .01rem solid #e9bc96;

    background: #fff9f1
}

.fort-box-bd .form-name {
    color: #64382a;
    font-size: .3rem;
    margin-right: .1rem;
    line-height: .84rem
}

.fort-box-bd .form-input {
    width: 100%;
    border: none;
    background: 0 0;
    color: #333;
    font-size: .3rem;
    line-height: .84rem
}

.fort-box-bd .form-group {
    border-bottom: 1px solid #f4ddca
}

.fort-box-bd .form-group.none-border {
    border: none
}

.fort-box-bd .form-gender {
    margin-top: .24rem
}

.fort-box-bd .form-gender input:checked+.name {
    background-color: #c9854a
}

.fort-box-bd .form-gender .name {
    border: 1px solid #c9854a;
    color: #c9854a
}

.fort-box-bd .form-time,
.fort-box-bd .rui-picker {
    background: url(/Content/images/arrow.png) no-repeat;
    background-size: .12rem .07rem;
    background-position: right center
}

.fort-btns.com-grid2 li {
    padding: 0 .1rem
}

.fort-intro-title {
    margin: .3rem .3rem;
    padding-left: .2rem;
    border-left: .1rem #ef4c4d solid;
    font-weight: 700;
    font-size: .32rem
}

.fort-intro-bd {
    margin: .3rem 0;
    padding: 0 .3rem;
    color: #333;
    line-height: 2;
    font-size: .3rem
}

.fort-res {
    background: #fff;
    padding: .01rem .3rem
}

.fort-res-bd {
    margin: .3rem 0;
    font-size: .28rem
}

.fort-res-bd img {
    max-width: 100%
}

.fort-res-title {
    color: #ae5f60;
    font-size: .32rem;
    font-weight: 700
}

.fort-res-title2 {
    font-size: .28rem;
    background-color: #ef4c4d;
    color: #fff;
    padding: 0 .2rem;
    display: inline-block;
    margin-bottom: .1rem
}

.fort-select select {
    -webkit-appearance: textarea;
    box-shadow: none;
    width: 100%;
    font-size: 15px;
    border: 1px solid #f4ddca;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    padding: 0 18px 0 6px;
    background: #fff url(../images/nav_arrow02.png) no-repeat 98% 50%;
    background-size: .2rem .08rem
}

.fort-select2 select {
    -webkit-appearance: textarea;
    box-shadow: none;
    width: 100%;
    border-radius: 3px;
    padding: 0 18px 0 6px;
    background: url(/Content/images/arrow.png) no-repeat;
    background-size: .12rem .07rem;
    background-position: right center
}

.checkbox-content label {
    display: inline-block;
    font-size: .3rem;
    line-height: .84rem
}

.checkbox-content label .fort-checkbox-name {
    font-size: .3rem
}

.checkbox-content {
    font-size: 0
}

.checkbox-content label.t-col2 {
    width: 50%
}

.checkbox-content label.t-col3 {
    width: 33.333333%
}

.checkbox-content label.t-col4 {
    width: 24%
}

.checkbox-content.sm label .fort-checkbox-name {
    font-size: .28rem
}

.checkbox-content.sm label {
    line-height: .56rem
}

.fort-checkbox {
    height: 18px;
    width: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
    cursor: pointer;
    background-size: 100% 100%;
    border: 1px solid #cdc4ba;
    border-radius: 4px
}

input[type=checkbox]:checked+.fort-checkbox {
    background-image: url(/Content/images/icon-checked.png);
    border: none
}

.fort-checkbox2 {
    height: .3rem;
    width: .3rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: .1rem;
    cursor: pointer;
    background-size: 100% 100%;
    border: 1px solid #cdc4ba;
    border-radius: 4px
}

input[type=checkbox]:checked+.fort-checkbox2 {
    background-image: url(/Content/images/icon-checked.png);
    border: none
}

.radio-content {
    font-size: 0
}

.radio-content label {
    display: inline-block;
    font-size: .3rem;
    line-height: .84rem
}

.radio-content label .fort-radio-name {
    font-size: .3rem
}

.radio-content label.t-col2 {
    width: 50%
}

.radio-content2 label {
    display: inline-block;
    margin-left: .08rem;
    font-size: .3rem;
    line-height: .54rem
}

.radio-content.sm label {
    line-height: .54rem
}

.radio-content.sm {
    margin-top: .15rem
}

.fort-radio {
    height: .3rem;
    width: .3rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: .05rem;
    cursor: pointer;
    background-size: 100% 100%;
    border: .02rem solid #cdc4ba;
    border-radius: 50%
}

input[type=radio]:checked+.fort-radio::after {
    content: "";
    display: block;
    margin: .05rem auto;
    width: .18rem;
    height: .18rem;
    border-radius: 50%;
    background: #a83705
}

.fort-btn {
    display: block;
    margin-top: .3rem;
    padding: .19rem 0;
    height: .82rem;
    width: 100%;
    background: url(/img/button.png) no-repeat center center;
    background-size: 100% 100%;
    font-size: .3rem;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.fort-btn2 {
    display: block;
    padding: .19rem 0;
    height: .82rem;
    width: 100%;
    background: url(/img/button02.png) no-repeat center center;
    background-size: 100% 100%;
    font-size: .3rem;
    color: #64382a;
    font-weight: 700;
    text-align: center
}

.fort-intro {
    background: #fff;
    padding: .01rem 0
}

.fort-font1 {
    color: #333
}

.fort-font4 {
    font-weight: 400
}

.fort-fc0 {
    color: #333
}

.fort-fc1 {
    color: #782faa
}

.fort-fc2 {
    color: #e60012
}

/*! 算命表单元素 end */
.csk_bnt {
    text-align: center;
    margin-bottom: 10px;
    line-height: 0.5rem;
    margin-top: .5rem;
    font-size: 0.28rem;
}

.cs_bnt1 {
    cursor: pointer;
    border-radius: 5px;
    background: #ef4c4d;
    border: 1px solid #ffe4c8;
    color: #fff;
    padding: 10px 40px;
    height: 0.7rem;
    font-weight: bold;
}

.cs_bnt2 {
    cursor: pointer;
    border-radius: 5px;
    background: #c4ad9f;
    border: 1px solid #ffe4c8;
    color: #fff;
    padding: 10px 40px;
    /* height: 0.7rem; */
    /* font-weight:bold; */
}

/* 测算框 end */
/*! 分页数据 */
.pagination-wrap {
    margin: .2rem auto .2rem;
    width: auto;
    height: .68rem;
    text-align: center
}

.pagination-wrap>.content {
    display: inline
}

.pagination-wrap a,
.pagination-wrap span {
    background: #a83705;
    margin: .06rem .1rem;
    padding: .06rem .16rem;
    font-size: .28rem;
    border-radius: 4px;
    line-height: .36rem;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: .28rem
}

.pagination-wrap a {
    text-decoration: none
}

/*!************************************* components end **************************************/
/*! 图标 start */
.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.icon-nav {
    display: inline-block;
    vertical-align: top;
    width: 1rem;
    height: 1rem
}

.icon-tt-cs,
.icon-tt-sm,
.icon-tt-sx,
.icon-tt-tp,
.icon-tt-zh {
    width: 2.6rem;
    height: .86rem
}

.icon-tt-sm {
    background-image: url(../images/index/tt-sm.png)
}

.icon-tt-sx {
    background-image: url(../images/index/tt-sx.png)
}

.icon-tt-zh {
    background-image: url(../images/index/tt-zh.png)
}

.icon-tt-cs {
    background-image: url(../images/index/tt-cs.png)
}

.icon-tt-tp {
    background-image: url(../images/index/tt-tp.png)
}

.icon-home,
.icon-share,
.icon-totop {
    width: .8rem;
    height: .8rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDI3NDgxMDA1OTZDMTFFODlBQTdCMDlGNkI3RDk5N0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDI3NDgxMDE1OTZDMTFFODlBQTdCMDlGNkI3RDk5N0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjVCNjcwMTU5NkMxMUU4OUFBN0IwOUY2QjdEOTk3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMjVCNjcwMjU5NkMxMUU4OUFBN0IwOUY2QjdEOTk3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlF5NisAAANGSURBVHja7JxLaBNRGIWnTUndtD42bXRTiohutOqmoCCxGytBESqVQhcWsRCx4F5Sa+lGq8VXRaErRRQLLozajRTFx0IFlwriTms3FfoAW4jxXPIHxutMDElnMndyDnww+TO5d/JlHvdOQmqy2azFlJ5aKqBACqRACmQokAIpkAIZCqRACqRAhgIpkAIpkKFACjQhdV40mk6nV6OZM+CcLA+D0XIbTCQSVbEHqm26Ci6DRuEiuB7E7Q3aBkXBPXDa4blT8lyUAp3TAJ6C7gLrdMs6DRT4d5rANOjQ6i+kbk+H1JooMJcW8BLs1uqPwAHQCSa159S6r0BrtQvcDt6ALVr9NjgKfoFlcAyMa+tsBq9BW7UK3CeHaEyrnwf9IGOrZeQiMqit2yxtxKtN4BEwBdYVIUmXm9TkqmHOM9BVLQJPgodgja3mdpg65aasu2yr1YP70naoBabALRCx1eZdLhSFMimvmbfVItJ2KowC1Zu7AYa0+izY7zBUKSbTch79odWHpK9IWATmD6+kVv8K9oIPZbT9EewBX7R6UvqsN12g2wne7Y2XErcPokv6bjRVYH52ES/y0Csns9LPc60el2FOs2kCW2SmsKuIk/9qZQEcBA+0epsMuFtNEjghMwV7xh2GH6udFdADrml1Je+OSQLbtceDMkjO+HDR+g0GHIYzO00SmJLD9DPolRmE3xmWvj+BRa/Gh14JvATWgq3grpz3vgudHkrT+1F9b7Ny9w9HTRLodE6MCRMh6Md3gTGXZd/68eILpUrejSmUqFwE3srQZEGWB6yAfR+iUhew7dkE0ta/N0nbheNqZwLfgrLBtQHb85zk6YPiJ37McU0U2G8Vd3t+h1WB+34mCOzRHqs71huFqf+sS4EO8+Y+MCP0+TGrCMM50J4Zl2WL58AQhQINFbjBkDYDK7DXgzZPhHkmoqZj9l9UXQDq3y7UTc6fZba9Xj6QYa2+GKY98L3DFfcKmBORpfx1SP51c9KWfhV/FyaBYxU4usbCJPAxGPFR3oj0GaqLyFlw2Mp9rbnkQftL0vYh6cuX1PCfiziQpkAKpECGAimQAimQoUAKpEAKZCiQAimQAhkKpEAKpECGAj3OHwEGAGrfm0j9SNKgAAAAAElFTkSuQmCC)
}

.icon-totop {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDI3OTRGOEE1OTZDMTFFODlBQTdCMDlGNkI3RDk5N0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDI3OTRGOEI1OTZDMTFFODlBQTdCMDlGNkI3RDk5N0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMjc0ODEwQTU5NkMxMUU4OUFBN0IwOUY2QjdEOTk3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMjc5NEY4OTU5NkMxMUU4OUFBN0IwOUY2QjdEOTk3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuVAmjkAAAGDSURBVHja7NuxSsRAEMbxu1HEVtDXUNBCBA9sbCSFpQ9pI6YRA3pXeO9x9RUK2qlxAivEQ2HRzDKD/w++Igkky4/NEhYybtt2RH4fgQBAAAEEkAAIIIAAEgABBBBAAiCAAAJIAAQQQAAJgAACCCAB0CzrVjeu63qIsR1rN7SN9v0vN6uq6l/NwG3tTHunvdFOtVu8wnnZSTPuqHeum4m3HhHFIV4HtffNtQOPiBIEzy2iBMJziSjO8Z60L54RxTneWapbRHGO95A+Z9wiinO8z7hFlAB4rhElCJ5bRAmE5xJRguHlIjalEKUQXjMgXg7ifilEKYS3OzCeG0RLwG4/79oQLxfxSrsWEfBEe2iMl4M4GX3dGgv9GWOBl4MY8hW+1857x4+GeKuIz71z05VxDL5OWeVVe6q90G6m9XBRYFLM0rp7rl1qL7VvVg8b879w3N0YAAmAAAIIIIAEQAABBJAACCCAABIAAQQQQAIggAACSAAEEEAACYAAAggg+SEfAgwAPZlr/3hB828AAAAASUVORK5CYII=)
}

.icon-share {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAD+UlEQVR4nO2az6tWRRjHP2plbkLQNHKRGGZEaVzNHzcMUhe6KXChWQgtbHVdFP4BXoo2UUFguQ7J1KTSdoIIoleveC9Ymwiu1UIrr64kkitpDHyPPB7Ge97X+850Bp8PvMw8M3Ped86XM/M855kXx3Ecx3Ecx3Ecx3Ecx3Ecx3GcB4BpKW9xcHCwJ9/T19dXb+oHdgKvAk8AfwIngD3AkB04Ojras3nEmJ7sm9PwkEQ6DWyTeKjcpvbQ/3DOCZXEXmBHw3wHgJnAOznuq6Qn8OWIeL8A36i07ND45JQk4EDNfh94Ftii8oNa/84ck2rNEo44ijrrjP1z8FHAbdmh3C0xl6jtleSTLuwJnG/qPxrxKoJ9wdhzc0yqJAH/MvUXIyFYsJca+2qOSZUk4KipPwN8CsyQHcoPtRdWnMwxqVLCmOeBNbW2d4FNWs5Lzd5X8XmOiZUg4AvAcWB2pG9JRDgk3qkMc0srYAeetYlKvMfNuH+AWZNc9wXw3pQn3yE598Dpet36HrgirxnKI2qvzyUm3jiwClgLHAAuAxMqD6g9xIs3c91UriW8CDgELK+1B3Fe02eX4riLk4i3HvhJdpYl2kQOAYN4Z4B5DeOWa9zbwJcN4t0hZFv+T1ILGJblwZp4YemeBX4HngJWm5hunpbiY52I1wZSC/gGsMLYl4DNwDnTthL4DnhSdhDvN2Bh28UjgxPZbuq3I+Ihe3Pt1WwMONZ28cjwBNo45lxEvIphfVbLfs48ka0mtYB27xtrGHvRCDiHFjiITkgt4Ljxposaxtr+a3QQiLdB4NR74Iipr5LDiLFS/RUX7jGudaQWcJ+ph1Dl24iIL6ndpqeeBha3VLO7SC1giOnOG3uBYsBwevaV3iaG1V4xIfGGdHzZalLvgbcUCw4ZhzJNwsTECeI9ovpcvc6FUOhw7Mt7kKyYMjmSCWMSa6Rh3IjOMWyo86jeZHbVxnabmEhGrh8a0973JvCDyaL8Ifst9Q/r8OhoTayPdWA+Q946iLwfeN14+SoxsV/9TV6/J+RMqIbl/LU+k/G33kw+qx1lDih5uqyWaIhRJSbWKL5MRlIBu4nTavvZvzrX/RX4yKyUDbXLmhITBxUe3ZrqvdyLth8qfQJsBW5E+i5JsH7te/2yL5sxK+TEklHCqdxhJRUmTFs3iYntJKSUY80QBl03dieJiYplKSdW0rnwHFPvJDERu67nlCTguKl3nZhIRWvOhSfz2PLQIdDeqKYqMRFbxlkTEyU9gfebmNhHQkoS8H4SE+d1XTJK+otvt4mJKxqfLIimwD+Zd5OY6O/AW0+Z0gSki8REcvEcx3Ecx3Ecx3Ecx3Ecx3Ecx3EeCID/AEzf3DHGmXZOAAAAAElFTkSuQmCC)
}

.icon-more {
    width: .27rem;
    height: .27rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzg4QjU3MENBNDE1MTFFODk1MkRCMjIxQThDOUJERDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzg4QjU3MERBNDE1MTFFODk1MkRCMjIxQThDOUJERDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDODhCNTcwQUE0MTUxMUU4OTUyREIyMjFBOEM5QkRENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDODhCNTcwQkE0MTUxMUU4OTUyREIyMjFBOEM5QkRENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuXdrZUAAAD0SURBVHja3NahCsJAHMfxm4KiBpNtRRBMZvMwGH0AH8AnsJt9AV/AJEbr7BYtCoaBCGsGsQgO5Pz98Q+atuHx/wcPPmFs8OXYdneetdakjANUIICzcRyFjPsPaEIIvmvM0MxSNOBo32PP1+ZXeR7yIeLgDuqSMdKCmIMbqEnGSBsuHFxDVTJGOnDl4ApKkjHShRsHl1CUjJEA7hycgycZI31IODjLE3SJkQE8OTiVjpHhV3AiHSMj+xlj6RhZcCz5m5mpvTO1r1HtP1NbQdTWRrVVX20/U9up1c4gqqerLYcinqHTIpB1SC3DCXoQu55RXwIMAMuG3cBia6H8AAAAAElFTkSuQmCC)
}

.icon-vip {
    width: .41rem;
    height: .32rem;
    background-image: url(../images/icon/vip.png)
}

.icon-loading {
    width: .34rem;
    height: .34rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABFCAMAAAArU9sbAAAAllBMVEUAAAA5kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv85kv98v3f9AAAAMXRSTlMA+u4H8xwSDeG7KBapjYhP28EE9jfmpJoxItOALLFuQcxrZOrXdnPHVDyVe11aSIN5drPNPgAAAx5JREFUWMOlmOl2qlAMhbcyySCiBUFRUazzVXve/+Vuk2NZTgwHvx+uVjBk2MmJopxRkvvecBn0gqXt+ecZ1DEW8654ZO3lLhTQznZHvKNj70dohrWNRDm9rYZ6Rqsiki/7uBhkiZNkg208LLyL/qGOcCkk39eD9hhm5veEZDirdsS/eRGHby9nY+lRZ1VVmJ200XfLb4mlnbmJEhzpsWegCseWEZfcFXJau3vUkX9xsZy3RvjaboJ6Zt/8vNmbK+zJWGsmKZvF/PJEg3PSb6zuMd0emE/v7hSMMGxmjgf6HI5Sr3FQC9yRsSI1qGBNSX7OnSbpjbUBNRydHo2CDbkygCo5faxoTVfnpKgzpA7XIKEW1F2oM6OeWoExyZUr2hBTJ4xALFq5wkzIGdl40xe9qWlvzsFRph20IyPNUBzp7x9LtGRE7ZcD2LGQW8L19QCLEjRBWw6keuBCxUJrRjTbZliwS+0Zchccf19PaA1/3ofNumnPimMJfl9DtGfA46HLJWpPSGcTqNAmKnCT6r7mGpP+raqG64qxW2uFxoKBcjw6vxYjlJHQiYKophfngliGVeJdgg7LqsgtXy4JsVlRI9beoMmSsM7L9cJDb1OniUAQO+nz63mYYttk/msnnVeo/ms1ydEzLpzjWgxPENH5uad1zqspuNT1ZFNB2M5LibojObxzNN9hO/59WOltfPtcqka4sVyci5pKH1bcTgr9mOzkhvl3f1LkI+BaNeVfxMtsqhWHow3ihxJkoSlWn8UcXCjEr2JrcPVX4TURs2fAv1sa+uSMCQWkmPUrubIFI/06QgXtxNvxQy58+vcAFVjMj/uhFZEKTKhxJiNT7WFIkATVMH396fgYqy7NjHk9PYqAvx/84EMc7rQNPiT8kkF9yKBTfJP73EzvgM/IuoKI3Wq5pW5NiqfyzNhY5cVNdbHe17RHfGuO1MA7Jn1dtrNWk5zo73eJ3Hg2sRgKSZA1G0JMMN4MQscwzUm4//F64oZ+0lCPS26X0k2basHcTEtsLFcWFEj86auJ1IEy5mUbD4NIF3r0bR+3lwov/gPz4J/MfidXggAAAABJRU5ErkJggg==);
    background-size: 100% 100%
}

.share-item>.icon-copy,
.share-item>.icon-qq,
.share-item>.icon-qzone,
.share-item>.icon-wechat,
.share-item>.icon-wechatfriend,
.share-item>.icon-weibo {
    background: url(../images/share_68.png) no-repeat;
    background-size: 100% auto
}

.share-item>.icon-wechat {
    background-position: 0 0
}

.share-item>.icon-wechatfriend {
    background-position: 0 20%
}

.share-item>.icon-weibo {
    background-position: 0 40%
}

.share-item>.icon-copy {
    background-position: 0 60%
}

.share-item>.icon-qq {
    background-position: 0 80%
}

.share-item>.icon-qzone {
    background-position: 0 100%
}

.sprite_jm {
    display: inline-block;
    background: url(../images/sprite_jm.png) no-repeat;
    background-size: 100% auto
}

.sprite_jm.jm_wp {
    background-position: 0 0
}

.sprite_jm.jm_hd {
    background-position: 0 12.5%
}

.sprite_jm.jm_zr {
    background-position: 0 25%
}

.sprite_jm.jm_zw {
    background-position: 0 37.5%
}

.sprite_jm.jm_shuo {
    background-position: 0 50%
}

.sprite_jm.jm_gs {
    background-position: 0 62.5%
}

.sprite_jm.jm_dw {
    background-position: 0 75%
}

.sprite_jm.jm_rw {
    background-position: 0 87.5%
}

.sprite_jm.jm_jz {
    background-position: 0 100%
}

/*! 图标 end */
/*! 自适应 start */
html {
    font-size: 50px
}

@media only screen and (min-width:320px) {
    html {
        font-size: 42.6667px
    }
}

@media only screen and (min-width:360px) {
    html {
        font-size: 48px
    }
}

@media only screen and (min-width:375px) {
    html {
        font-size: 50px
    }
}

@media only screen and (min-width:384px) {
    html {
        font-size: 51.2px
    }
}

@media only screen and (min-width:400px) {
    html {
        font-size: 53.3333px
    }
}

@media only screen and (min-width:412px) {
    html {
        font-size: 54.9333px
    }
}

@media only screen and (min-width:414px) {
    html {
        font-size: 55.2px
    }
}

@media only screen and (min-width:480px) {
    html {
        font-size: 64px
    }
}

@media only screen and (min-width:750px) {
    html {
        font-size: 64px
    }
}

body,
html {
    height: 100%
}

body,
html {
    height: 100%
}

/*! 自适应 end */
/*!************************************* page start  **************************************/
.preloader {
    display: block;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999;
    visibility: hidden
}

.preloader .icon {
    vertical-align: top;
    margin-right: .15rem;
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite
}

.preloader .text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: .34rem;
    line-height: .34rem;
    text-align: center;
    font-size: .28rem;
    color: #666
}

.page-onload body {
    overflow: hidden
}

.page-onload .preloader {
    visibility: visible
}

.page {
    position: relative;
    width: 100%;
    min-width: 320px;
    height: 100%;
    max-width: 750px;
    margin: 0 auto;
    font-size: .26rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.page-header {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    background: #f5f5f5 url(../images/top.png) repeat-x;
    background-size: 100% auto;
}

.page-header .logo {

    height: .68rem;
    float: left;
    margin: .15rem 0 0 .2rem;
    -webkit-tap-highlight-color: transparent
}

.page-header .logo-img {
    vertical-align: top;
    width: 100%;
    height: 100%
}

.page-content {
    position: relative
}

.page-content-inner {
    min-height: 100%;
    padding-bottom: 5.4rem;
    margin-bottom: -5.4rem;
    overflow: hidden
}

.page-footer {
    position: relative;
    font-size: .22rem;
    background: #f5f5f5;
    color: #999;
    padding: .4rem 0 .25rem;
    overflow: hidden
}

.page-footer .f-search {
    width: 4.9rem;
    height: .6rem;
    background: #fff;
    border-radius: .3rem;
    margin: 0 auto .1rem
}

.page-footer .f-search .button,
.page-footer .f-search .input {
    background: 0 0;
    border: 0
}

.page-footer .f-search .input {
    width: 4.1rem;
    padding: .1rem .8rem .1rem .3rem;
    color: #333;
    font-size: .26rem
}

.page-footer .f-search .button {
    font-size: 0;
    width: .8rem;
    height: .6rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAsZJREFUeNq8l7FrU0Ecx+8lsTi0NoLWSUXBFrEuBQdHB1OFgOjQ1smlDlaJjhUHwUVdJK22k4Iu1jgokiyNg3+A6GKFSECxbrVFq4umpM/vyfeVX36+JO817/mFD8nL3f3ue3e5d79zisWiCaAtYBgcB0fAfpBm2XfwEbwGL8E8WAsSNJvNmlSbOraTK2AC7GxSZxc5CnJgGcyAPM21VKJF2RiogOstOvfTDrapMEZoA0kwC+Y4Mk+L4DaXYjfYCnrAQXCCZZ/UzMwxVrKZgZRP50/BGdXxJH+vq/q/OdIK1/4aGAG3wB7WuUAzIz7t/5mBvOq8BA5zJPUA019n3UG29WRjTrVbglFwSTxPg1Pghwmvn2w7LX67yD58DaRV5QL//etm81pnjIIaVNrPgK3Yx+9fwHngms7lMtYin/vYV4OBLu5zT5OcwqhkY10VzxPsc8NARuzzz2rKolKBsQ37ymgDnp4E/LeHVZ2xPQ1LA0Oi4JWJTzL2kDTQLwoWYjQgYx+QBnpFwXKMBr6K771BDqP/ImtgVZ1kcUmeqKvSQFUUDMZoQMauSgNvRMGxGA3I2G+lgbJKQpIxLbVMTsrawAqf9/qdWBFojLG93TAvDdTAPVH5JuiOsPNuxvQ0yz7/ymFWbI/ID+JEtO/usxGciA4TlFEx+n6ZrCZEap1TyUm+w/dEgjHkkuZ0ppxQJ9aMqvwCbNtE5z1sKwdl7wq/2uWEl8EzeXcA77gcQWYjyboLbKsvN3aQpxvWyOdmZIPcZTZrVHb8mKfae7AkspxD3Od2uvf5pGbSfI274nkzA3LrTIk/ZlgtcUbt/eG+er9smGg1rTaBGAA3xHsiiFbYZoAxHoJxleh0seykE/JymhGX0+0s+yYup2VS84lxDjxQM1FNBRzVGi8apQ625SN+NphwXNc1cahUaurV7pI7HNT4HwEGAPT8oZJaY6DbAAAAAElFTkSuQmCC) no-repeat center center;
    background-size: .32rem .32rem
}

.page-footer .f-bottom {

    overflow: hidden
}

.page-footer .cooperate {
    font-size: .26rem;
    color: #666;
    text-align: center;
    margin-bottom: .1rem
}

.page-footer .copyright {
    font-size: .24rem;
    line-height: 1.6;
    text-align: center
}

.page-footer .f-xiong {
    text-align: center;
    height: 2.6rem;
    padding: .5rem 0;
    background: #fff
}

.page-footer .f-xiong .btn {
    width: 2.3rem;
    background: #e7ac76;
    color: #fff;
    font-size: .28rem;
    padding: .12rem 0;
    border-radius: .38rem;
    border: 0
}

.page-footer .f-logo {
    width: 1.99rem;
    height: .76rem;
    display: block;
    margin: 0 auto .2rem
}

.nav {
    float: right;
    height: 1rem;
    max-width: 5rem;
    overflow-y: hidden
}

.nav .item {
    height: 1rem;
    float: left;
    font-size: .3rem;
    padding: 0 .18rem;
    color: #4d4d5e;
    position: relative;
}

.nav .item.on:after {
    content: '';
    width: .52rem;
    height: .03rem;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: .15rem;
    margin-left: -.26rem;
    border-radius: .02rem
}

.nav .item-menu,
.nav .item-search {
    float: left;
    width: .68rem;
    height: 1rem;
    font-size: 0
}

.nav .item-search {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAC1ElEQVRIibXXW4iVVRjG8d8ep8HEE4hg4SHpgIwiQaKGoxiCKKVEzE0RXYrghTJ2oQQmRlBBxSRBIHghCGJRaKI3YVkMVnQjJpag4mHKNMqzmE50sb6l7+y+7d6jez9X63vW4b9O+93vqixb9poGNBkvYiGmYwJG4yLO4TC+wRf4vZEBK3XAs7EBS9HWwHgD2IVNOHSvhrUGG4lPcBDPNwiFYXgJP+FDDK/VsL3Em4K96KzyB9CHH9GP8xiDqZiHuWGC7ViDLryAP+qBJ+I7TAreDfRiM36rtYJiwquxCh2FNwvfFhO4EBvHLRyBfVXQQ5iB9XWgcAo9eBq/Bv8p7A6T+R/4gwKStbeY6Yk6wGodlbb9QPDm4q0y8GysCP4P6MbVIUKzLmI5fg5ej3BvMvhNVIrydbwine2D6HIxzq3iux1vRPBkLAkdeg19e2vpMLaE726My+Bud1c+gI+aBM3qDeUOKQJqw4JQ0SeFwGbqmMFRbEEGx0DR12Ro1sFQnpbBE4J5skXgeGceyeBRwbzWInD8WY7K4EvBHN0i8JhQvpzB/cF8okXgx0P5TAYfCea8FoG7QvloBu8P5hw81mToTMVNLrQ/gz93N6xVpJjaTK0N5WvYk8Hn8VmoXCnlVc3Qs3g1fG/DlQwm5Uh51Q9hp8E38X40HtsD4zreyZXZ/AXvhU6d+BJjHwC6T0qLsjbidDU4V8SQOV8KdbOGCO2S/s+fCd4/Uup7RxF8W0rMYkCfhu+xtRioolxtUpaxXcqxplbVd+Br4fdcllePlS7bohLA6WLgfvxdDPhk0fbRkvZHDL6oZ6VHwfFaCf0wvI517u+c/5Qu7MfSFi+vgj9XK1EfwLvSat43OJ7fS3/h7aLfZvyLl6Uzz5qIHfWeMFkPY7G0TZ3Sto6QAkK/lOIcwFe4WdJ/vBSxchZ7pewlUaYb0ptoV4Ptq3VBen99Kp15z38345AMwC8XIQAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: .32rem .32rem
}

.nav .item-menu {
    margin-right: .18rem;
    position: relative
}

.nav .item-menu .line {
    position: absolute;
    left: 50%;
    top: 50%;
    width: .3rem;
    height: .03rem;
    background: #4d4d5e;
    border-radius: .02rem;
    margin-left: -.15rem;
    margin-top: -.02rem;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.nav .item-menu .line:nth-child(1) {
    margin-top: -.15rem
}

.nav .item-menu .line:nth-child(3) {
    margin-top: .11rem
}

.nav-slide {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 99;
    width: 100%;
    max-width: 750px;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity .3s, visibility .3s;
    -o-transition: opacity .3s, visibility .3s;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
    overflow-y: auto
}

.nav-slide.on .nav-toggle:after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.nav-slide.on .navbar-wrap .navbar {
    height: 10.2rem
}

.nav-slide .list {
    margin-top: 1rem;
    background: #fff;
    font-size: 0;
    padding: .3rem 0 .1rem .3rem;
    overflow: hidden
}

.nav-slide .navbar-wrap {
    border-top: 1px solid #f2f2f2;
    padding: .2rem 0;
    background: #fff
}

.nav-slide .navbar-wrap .navbar {
    padding: 0;
    margin-bottom: 0;
    -moz-transition: height .3s, visibility .3s;
    -o-transition: height .3s, visibility .3s;
    -webkit-transition: height .3s, visibility .3s;
    transition: height .3s, visibility .3s;
    height: 4.68rem;
    overflow: hidden;
    font-size: 0;
    line-height: 1
}

.nav-slide .navbar-wrap .navbar .name {
    margin-top: .1rem
}

.nav-slide .list .item {
    float: left;
    width: 1.57rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    background: #f8f8f8;
    color: #666;
    font-size: .26rem;
    border-radius: .1rem;
    margin-right: .2rem;
    margin-bottom: .2rem
}

.nav-slide .list .item.on {
    color: #ef4c4d
}

.nav-slide .nav-toggle {
    border-top: 1px solid #eee;
    height: .72rem;
    line-height: .72rem;
    background: #fff;
    text-align: center;
    position: relative
}

.nav-slide .nav-toggle .more {
    font-size: .26rem;
    color: #999;
    font-weight: blod;
    font-style: italic
}

.nav-slide .nav-toggle:after {
    content: '';
    width: .19rem;
    height: .11rem;
    background: url(../images/xz/arrow2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -.06rem;
    margin-right: -.6rem;
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.search-form {
    position: absolute;
    right: 0;
    top: 0;
    background: #ef4c4d;
    font-size: 0;
    visibility: hidden
}

.search-form .input {
    vertical-align: middle;
    width: 4.2rem;
    height: .56rem;
    border: 0;
    padding: .1rem .3rem;
    font-size: .26rem;
    background: #fff;
    color: #333;
    border-radius: .27rem
}

.search-form .cancel {
    vertical-align: middle;
    width: .98rem;
    height: .56rem;
    border: 0;
    font-size: .3rem;
    color: #fff;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    background: 0 0;
    padding: 0
}

.nav-cover {
    overflow: hidden
}

.nav-cover .nav-slide {
    opacity: 1;
    visibility: visible
}

.nav-cover .item-menu .line:nth-child(1) {
    -moz-transform: translate(0, .13rem) rotate(45deg);
    -ms-transform: translate(0, .13rem) rotate(45deg);
    -webkit-transform: translate(0, .13rem) rotate(45deg);
    transform: translate(0, .13rem) rotate(45deg)
}

.nav-cover .item-menu .line:nth-child(2) {
    opacity: 0
}

.nav-cover .item-menu .line:nth-child(3) {
    -moz-transform: translate(0, -.13rem) rotate(-45deg);
    -ms-transform: translate(0, -.13rem) rotate(-45deg);
    -webkit-transform: translate(0, -.13rem) rotate(-45deg);
    transform: translate(0, -.13rem) rotate(-45deg)
}

.search-form-cover .nav {
    visibility: hidden
}

.search-form-cover .search-form {
    visibility: visible
}

.column-nav,
.navbar {
    overflow: hidden;
    padding: .2rem .3rem;
    background: #fff;
    margin-bottom: .2rem
}

.column-nav .item,
.navbar .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 25%;
    padding: .1rem 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1)
}

.column-nav .name,
.navbar .name {
    display: block;
    font-size: .26rem;
    font-weight: 400
}

.column-nav .icon,
.navbar .icon {
    display: block;
    height: .4rem;
    width: auto;
    background-size: auto 100%;
    background-position: center center;
    margin-bottom: .08rem
}

.column-nav .sprite_snav {
    margin: 0 auto .02rem
}

.column-nav .icon.v1,
.navbar .icon.v1 {
    margin: 0 auto .08rem
}

.navbar {
    padding: .2rem 0
}

.column-nav {
    padding: .1rem .3rem
}

.column-nav .list-scroll,
.column-nav .list-scroll2 {
    margin: 0 -.3rem;
    padding: 0 .15rem;
    position: relative;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
    -webkit-mask-box-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 3%, #fff 5%, #fff, #fff 90%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0) 100%)
}

.column-nav .list-scroll .item {
    width: 1.2rem;
    margin-bottom: .05rem
}

.column-nav .list-scroll2 .item {
    margin-bottom: .05rem;
    padding-left: .2rem;
    padding-right: .2rem
}

.column-nav .list-scroll2 .item .name {
    white-space: nowrap
}

.column-nav .name {
    font-size: .24rem
}

.column-nav-sx {
    height: 2.2rem;
    overflow: hidden
}

.column-nav-sx .list {
    width: 8.3rem
}

.column-nav-qm,
.column-nav-xs {
    padding: .1rem 0
}

.column-nav-fs {
    height: 1.2rem;
    overflow: hidden;
    padding-right: .3rem
}

.column-nav-fs .list {
    width: 13.8rem
}

.column-nav-qm .item {
    margin: 0 .1rem
}

.column-nav-xz {
    position: relative;
    overflow: initial
}

.column-nav-xz.on .nav-list {
    opacity: 1;
    visibility: visible
}

.column-nav-xz.on .nav-toggle:after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.column-nav-xz .list-scroll2 {
    margin-right: .5rem
}

.column-nav-xz .nav-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 1.2rem;
    background: #fbfcfb url(../images/xz/text.png) no-repeat .25rem center;
    background-size: .55rem .55rem;
    padding: .3rem
}

.column-nav-xz .nav-toggle .name {
    font-size: 0;
    color: #666;
    font-weight: blod;
    font-style: italic
}

.column-nav-xz .nav-toggle:after {
    content: '';
    width: .19rem;
    height: .11rem;
    background: url(../images/xz/arrow2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: .13rem;
    margin-top: -.06rem;
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.column-nav-xz .nav-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    padding-bottom: .3rem;
    background: #f5f5f5;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.column-nav-xz .nav-list .btn {
    float: left;
    width: 1.5rem;
    margin: .3rem 0 0 .3rem;
    background: #e9e6e6;
    border: 0;
    font-size: .28rem;
    padding: .11rem 0
}

.column-nav-xz .nav-list .on {
    color: #ef4c4d
}

.sidebar {
    position: fixed;
    bottom: .6rem;
    right: .3rem;
    z-index: 80;
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity .3s, visibility .3s;
    -o-transition: opacity .3s, visibility .3s;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}

.sidebar.fadein {
    opacity: 1;
    visibility: visible
}

.sidebar .item {
    display: block;
    margin-bottom: .3rem
}

.sidebar .icon {
    display: block;
    vertical-align: top;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .35)
}

.star {
    display: inline-block;
    vertical-align: top;
    width: 1.6rem;
    height: .3rem;
    background: url(../images/xz/star.png) no-repeat;
    background-size: 1.6rem .3rem
}

.star.star4 {
    background-position: -.33rem 0
}

.star.star3 {
    background-position: -.66rem 0
}

.star.star2 {
    background-position: -.99rem 0
}

.star.star1 {
    background-position: -1.32rem 0
}

.ad-box {
    margin: .3rem 0
}

.ad-box img {
    width: 100%;
    vertical-align: top
}

.sq-box {
    background: #fff;
    padding: .3rem
}

.sq-box img {
    width: 100%;
    vertical-align: top
}

.sq-box-hd {
    text-align: center;
    margin-bottom: .3rem
}

.sq-box-hd .btn {
    width: 2.94rem;
    padding: .16rem 0;
    color: #ef4c4d;
    font-size: .28rem;
    border: .04rem solid #ef4c4d;
    border-radius: .4rem
}

.sq-box-hd .btn:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: .3rem;
    height: .26rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAaCAMAAAB8SKeFAAAAXVBMVEUAAADvTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE0HhCNpAAAAHnRSTlMA+sKsVC4G3Jl/DU1EQCjw8uvqx6F9eeRspg/YMxn6UeqqAAAAv0lEQVQoz33R2Q6EIAwF0KKjIO6K2yz3/z9zkBARQe8DaXJCQwuZ1IIzxkXllTZNApukdGVjL3bo5yzPs6kHXNnV5maL9E0mMj2X7X57REpHVlemGIkqDJJikQMqEpgonhmCOLIbzcCJIb/RHIy6W5VaP4+d1cOr1PNEl22Qvw2zSXWBJNGH3qT9hdVXQB9LbZcLbKEeg74YhGtr/5foxEWoIbvOFOWf05CL9rtPFOcCrAzIstosxtlhmHJZfPwDCoUP24VSz0AAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    margin-right: .15rem
}

.sq-box-ft {
    text-align: center;
    font-size: .28rem;
    margin-top: .16rem
}

.sq-box-ft:after,
.sq-box-ft:before {
    content: '';
    display: inline-block;
    vertical-align: -.08rem;
    width: .9rem;
    height: .34rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAiCAMAAADoBz6cAAAAt1BMVEUAAACoqKioqKinp6enp6eoqKioqKinp6epqamnp6elpaWoqKioqKioqKinp6eoqKioqKilpaWnp6enp6empqaoqKinp6eoqKiqqqqpqamlpaWpqamqqqqlpaWlpaWoqKiqqqqlpaWqqqqlpaWqqqqlpaWoqKiqqqqlpaWlpaWlpaWqqqqqqqqpqamqqqqlpaWlpaWqqqqqqqqqqqqqqqqlpaWlpaVOUlX///8uNDhfZGft7e5YXWBA9owvAAAAOHRSTlMAAwUKFwcRDi0mMD0eFClOcFJHQjh1aiKkVKwbupKIWUvFqpmCe2aysJ9emJNhNL+4no6Je6aBrCQmNAgAAAMGSURBVEjHrdbncptQEAVg03svQmCKLUASQr3EV8n7P1d2ZcuMIAImyf7+5szhNumlOxRFcCjqpTv/ximaIR8fH4ShAf9XTnECuaLVbng054EPfhxQtBONQTuWqzzwwY/D+UlkVaDboIeLEfDn8l4B5tcPReLRjuYTnhvugEN8W9cweiQvHUnjRnQgnaGov+HdDt25Eu6mx3OaavYZOvQMafZ/FBc4eqBBYyOeg+zxXAAOVBu0V6Kzt9rI+bGcYrRJ23b3Zup+nnLgvDqCb5DTgir31CBhGC7jooJji9HAI7GPB0GwOnrpjdO8pPTZ3eIhmhvg7+9NNMfqdm/r8zK+mN8Lwmm609t6vzqcfFwQjJYN0rN0s/jilVPnaxuBi1kfr48ncz1VkGO0RZ53nl3MynJcHQ7fPdp4zoP6VKaZs9Hh8A1FLxPfcmR9wuKVGY5endaGIksTFq/MQHRsWq4UaTzDUWOij6YBnBcYuOhD0ZfKkViGpjF4RPQpVSQNcpE/iSb3MQ35a/96ohvuZ2LDe1uTZO1IPD0Q3fC8UoA/Rn/OtWMLOM/QohX9lHvTTYS8iTa8ONy+vb212lxxPUSWe2lFZ+YhmL++vv6BZw8cb6OfLMPdbvvQBeQ58Z32DyTexjJfBe/zeZvv8/Ujxzek8pLZ8hwudtCd3Ge7mBUp3G/qMRp4auaH1R7Ssfp95kEN6/HA8eWzK7+4JDGkQ3eIh9nuFnBd7O8Nb3gk2mlpnvJjjekQjzOfB6u8bHF8r2XFttK1WdzSwwVOeJ4l8Ch1/gHgey0qjjFd+x52h3icYF/nfpvjr4wq6bLrGJXvQfd4hhMnhW8pUrs0cj5CrmSf3Q+Huq4Px9wrDbwudAsLPBupkuxid9/0iqLwzDK1XYkVaIzucI1VJdF1smlVgvc8019P7U2XUxRNcxg/wTK2bViWZdiOK6rwytxom3PIMX2jOHaWGVlmKxtd1RreaQNlJpIuyrIs6pLKdv58dr8VOQ5y4SnHNsztY3E0viWfldc01MC5Nv8N6G9GOOi84xsAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
    margin: 0 .15rem 0 0;
    animation: pointAniLeft .7s infinite
}

.sq-box-ft:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAiCAMAAADoBz6cAAAAbFBMVEUAAACqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqpOU1b///8uNDheY2bt7e4WxkJ/AAAAIHRSTlMABhAXCy1MIx2lPLpoKKuQgnWynZaKYVhuRXtSQDc0q9LJhu8AAAHCSURBVEjHrdTdkpwgEAXgbVREBwZxFP8ng3n/d0xDmaI2s4vVZs/1V9Rpkf54Czgf+DgJnQPk7vV6uRxONJ1DzrzdEScdnSMVaD3G/CgHJgr32+P0mHSOtqx/7YfdY5P/52jVat1hY5PrHNxbEk0IHMDtr+8Sm9A5UuYSFJv4XOLAssOedaFyyDPl9lPLwpugcWDiubhP+cqKgEk8/JqD6R9VVblEjUIwfzSFR3u/p2xdhqNJPEwo5757JGtMKvNHU3i4l3qxI+rE53O8CEfTOLBMbSsf5Kxjke+OpnFAXKqi5nbuTo+mccQ5Q77xsT+1ZA7IM7z5+dRe4YgLLt3fJCyFx61uG3deg84hxx/WvNndhUR7hQOOOLp/V4+73W5tpcfDEnkccbXNA/WnBm17r7pGHq+RyOOI22B01bojvgHCR6ebcTh2yEWOlz7JpqvaFpF3AfbNbOQwHZuPyuOI2yIbjVsNg84XMNIOfKqR5tGSeXgH3Jqm17rTuscCoxz4uhWqjJTKI35Oi5WjMWaU0i4eliLLGFJvL3NALNSznrjPtNbPQomM5eiivMohZ5nAveajylJ8VfcSj3stJLgoyfwPMnW5vcecGekAAAAASUVORK5CYII=);
    margin: 0 0 0 .15rem;
    animation-name: pointAniRight
}

.sq-box-ft a {
    color: #ff7f02;
    text-decoration: underline
}

.xz-luck .sq-box {
    padding: .3rem .1rem 0
}

.pair-detail .sq-box {
    padding: 0;
    margin: 0 -.1rem
}

.sxyc-box {
    background: #fff;
    height: 2.25rem;
    position: relative;
    overflow: hidden
}

.sxyc-box .pic,
.sxyc-box img {
    width: 100%;
    height: 2.04rem;
    vertical-align: top
}

.sxyc-box ul {
    overflow: hidden;
    padding: 0 .2rem
}

.sxyc-box li {
    float: left;
    width: 33.33%
}

.sxyc-box .btn {
    display: block;
    margin: 0 .09rem .18rem;
    border-color: #7a409b;
    color: #7a409b;
    font-size: .26rem;
    padding: 0;
    height: .56rem;
    line-height: .56rem
}

.pair-top+.sxyc-box,
.related-reading+.sxyc-box,
.xz-query-box+.sxyc-box {
    margin-top: -.2rem
}

.gzh-guide {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: rgba(0, 0, 0, .5)
}

.gzh-guide-inner {
    background: #fff;
    position: absolute;
    top: .5rem;
    bottom: .5rem;
    left: .65rem;
    right: .65rem
}

.gzh-guide-inner .bd {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto
}

.gzh-guide-inner .ft {
    text-align: center;
    padding-bottom: .4rem
}

.gzh-guide-inner .pic {
    display: block;
    width: 100%
}

.gzh-guide-inner .btn {
    width: 4rem;
    height: .8rem;
    line-height: .8rem;
    padding: 0;
    border: 0;
    background: #ef4c4d;
    color: #fff
}

.gzh-guide-inner .close {
    width: .6rem;
    height: .52rem;
    background: url(../images/temp/gzh-guide-close.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.actionsheet-share-list {
    position: relative;
    padding: .2rem 0;
    text-align: center;
    font-size: 0
}

.actionsheet-share-list>.share-item a,
.actionsheet-share-list>.share-item button {
    display: inline-block;
    box-shadow: none;
    width: .68rem;
    height: .68rem
}

.share-item .text {
    font-size: .1rem
}

/*!** @Author:ray; @create date:2016-10-20;
***/
.header-position-static .page-header,
.header-position-static .section-nav-top {
    position: absolute !important
}

.header-position-static .page-content {
    padding-top: 1.6rem
}

.page-header {
    left: auto;
    max-width: 750px
}

.page-index {
    background-color: #f5f5f5
}

.page-index .page-content-inner {
    width: 100%;
    min-height: auto;
    padding-bottom: 0;
    margin-bottom: 0
}

.page-index .page-footer {
    height: 2.8rem
}

.page-index .f-xiong {
    display: none
}

.page-index .sxyc-box {
    display: none
}

.fn-clear {
    box-shadow: 0 2px 0.26rem 0 rgba(0, 0, 0, .35);
}

.indexbanner {
    padding: 0 0.2rem;
    background-color: #FFF;
    padding-top: 0.1rem;
}

.banner {
    padding-bottom: 45.3333%;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden
}

.banner .tempWrap {
    position: static !important
}

.banner .bd {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.banner .bd li {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    display: inline !important
}

.banner .bd a {
    display: block;
    height: 100%
}

.banner .hd {
    position: absolute;
    right: .3rem;
    bottom: .3rem;
    height: .15rem
}

.banner .hd li {
    display: inline-block;
    vertical-align: top;
    width: .15rem;
    height: .15rem;
    background: #fff;
    opacity: .6;
    border-radius: .08rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 0 0 .1rem;
    font-size: 0
}

.banner .hd li.on {
    width: .3rem;
    opacity: 1
}

.banner .pic {
    width: 100%;
    height: 100%
}

.banner .tit {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: .32rem;
    text-align: left;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 1rem 2rem .2rem .3rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4MjgyOCIgc3RvcC1vcGFjaXR5PSIwLjYiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzI4MjgyOCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NjQ2NDYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background: -moz-linear-gradient(90deg, rgba(40, 40, 40, .6), rgba(40, 40, 40, 0) 60%, rgba(70, 70, 70, 0));
    background: -webkit-linear-gradient(90deg, rgba(40, 40, 40, .6), rgba(40, 40, 40, 0) 60%, rgba(70, 70, 70, 0));
    background: linear-gradient(0deg, rgba(40, 40, 40, .6), rgba(40, 40, 40, 0) 60%, rgba(70, 70, 70, 0))
}

.section {
    margin-bottom: .2rem
}

.section-tit {
    text-align: center;
    font-size: 0;
    padding-top: .2rem;
    background: #fff
}

.section-xttbox {
    /* padding-top: 0.2rem; */
    background: #fff;
    padding: 0.2rem 0.2rem;
}

.section-xttbox span {
    font-size: 0.33rem;
    color: #333;
    display: inline-block;
    height: 0.45rem;
    font-weight: bold;
    line-height: 0.45rem;
}

.section-xttbox span.sp_smicon {
    padding-left: 0.46rem;
    position: relative;
}

.section-xttbox span.sp_smicon:before {
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
    content: '';
    width: 0.36rem;
    height: 0.3rem;
    background: url(../images/index/smbd_icon.png) no-repeat;
    background-size: 100% auto;
    margin: -0.14rem 0.1rem 0 0;
}

.section-xttbox .a_more {
    float: right;
    font-size: 0.24rem;
    color: #ccc;
    margin-top: 0.07rem;
}

.section-xttbox .a_more:after {
    content: '';
    float: right;
    width: 0.14rem;
    height: 0.14rem;
    background: url(../images/index/more.png) no-repeat;
    background-size: cover;
    margin-top: 0.1rem;
}

.section-name {
    font-size: .36rem;
    background: #fff;
    padding: .3rem .3rem 0;
    font-weight: 700
}

.section-title {
    font-size: .4rem;
    line-height: .56rem;
    background: #fff;
    font-weight: 700;
    text-align: center;
    padding-top: .3rem
}

.section-title .title-wrap {
    position: relative;
    margin: 0 .65rem
}

.section-title .title-wrap:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: #eee
}

.section-title .title {
    display: inline-block;
    vertical-align: top;
    font-size: .4rem;
    font-weight: 700;
    padding: 0 .32rem;
    position: relative;
    z-index: 1;
    background: #fff
}

.section-title .title:after,
.section-title .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.03rem;
    width: .08rem;
    height: .08rem;
    background: #e6e6e6;
    border-radius: 50%
}

.section-title .title:after {
    left: auto;
    right: 0
}

.section-nav {
    height: .6rem;
    background: #fff
}

.section-nav .item {
    display: inline-block;
    vertical-align: top;
    min-width: .52rem;
    font-size: .28rem;
    color: #999;
    height: .6rem;
    line-height: .6rem;
    position: relative;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.section-nav .item:after {
    content: '';
    width: .52rem;
    height: .03rem;
    background: #ef4c4d;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.26rem;
    border-radius: .02rem;
    visibility: hidden
}

.section-nav .item.on {
    color: #ef4c4d
}

.section-nav .item.on:after {
    visibility: visible
}

.section-nav .item.active {
    color: #ef4c4d
}

.section-nav .list-scroll {
    height: .75rem;
    white-space: nowrap;
    position: relative;
    -webkit-mask-box-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 3%, #fff 4.5%, #fff, #fff 93%, rgba(0, 0, 0, 0) 97%, rgba(0, 0, 0, 0) 100%)
}

.section-nav .list-scroll .list {
    padding-left: .3rem
}

.section-nav .list-scroll .item {
    margin-left: 0;
    margin-right: .46rem
}

.section-nav .nav-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: .4rem;
    background: #fbfcfb
}

.section-nav .nav-toggle .name {
    font-size: 0;
    color: #666;
    font-weight: blod;
    font-style: italic
}

.section-nav .nav-toggle:after {
    content: '';
    width: .19rem;
    height: .11rem;
    background: url(../images/xz/arrow2.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: .13rem;
    margin-top: -.06rem;
    -moz-transition: -moz-transform .3s;
    -o-transition: -o-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.section-nav.on .nav-list {
    opacity: 1;
    visibility: visible
}

.section-nav.on .nav-toggle:after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.section-nav .nav-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    padding-bottom: .3rem;
    background: #f5f5f5;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.section-nav .nav-list .btn {
    float: left;
    width: 1.5rem;
    margin: .3rem 0 0 .3rem;
    background: #e9e6e6;
    border: 0;
    font-size: .28rem;
    padding: 0 0;
    overflow: hidden;
    white-space: normal;
    height: .62rem;
    line-height: .62rem
}

.section-list {
    padding: 0 .3rem;
    background: #fff
}

.section-list .item {
    display: block;
    overflow: hidden;
    padding: .3rem;
    margin: 0 -.3rem;
    position: relative
}

.section-list .item:after {
    content: '';
    height: 1px;
    position: absolute;
    left: .3rem;
    right: .3rem;
    bottom: 0;
    background: #f2f2f2
}

.section-list .item-ad .title {
    font-weight: 700
}

.section-list .pic {
    width: 2.3rem;
    height: 1.5rem;
    float: left
}

.section-list .pic-block {
    width: 100%;
    height: 1.6rem
}

.section-list .con {
    margin-left: 2.5rem;
    overflow: hidden
}

.section-list .title {
    font-size: .32rem;
    height: 1rem;
    line-height: .5rem;
    overflow: hidden;
    margin-top: -.05rem;
    margin-bottom: .25rem;
    text-align: justify
}

.section-list .mark {
    display: inline-block;
    vertical-align: .02rem;
    background: #ff8687;
    color: #fff;
    font-size: .24rem;
    font-weight: 400;
    line-height: .4rem;
    padding: 0 .1rem;
    border-radius: .1rem;
    margin-right: .15rem
}

.section-list .info {
    overflow: hidden
}

.section-list .tag,
.section-list .time {
    font-size: .22rem;
    color: #999
}

.section-list .tag {
    float: left
}

.section-list .time {
    float: right
}

.section-foot {
    text-align: center;
    height: 1.1rem;
    padding: .3rem 0;
    background: #fff
}

.section-foot .end {
    line-height: .5rem;
    color: #999
}

.section-foot .more {
    display: inline-block;
    vertical-align: top;
    width: 1.95rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    font-size: .28rem;
    background: #f5f5f5;
    color: #999;
    border-radius: .24rem
}

.section-nav-top {
    position: -webkit-sticky;
    position: sticky;
    top: 1rem;
    z-index: 80;
    width: 100%;
    max-width: 750px;
    box-shadow: 0 5px 9px rgba(0, 0, 0, .18)
}

.section-nav-inner {
    padding: 0 .3rem
}

.ad-nav .list {
    padding: 0 .25rem;
    line-height: .6rem
}

.ad-nav .item {
    position: relative;
    color: #e6601f
}

.ad-nav .item:nth-child(even) {
    color: #dc2a65
}

.ad-nav .item+.item:before {
    content: '';
    width: 1px;
    height: .28rem;
    background: #e0e0e0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.14rem
}

.section-cs .section-name {
    padding-bottom: .15rem
}

.section-cs .section-bd {
    padding: .2rem 0 .1rem;
    background: #fff
}

.section-cs .section-bd .link,
.section-cs .section-bd .list {
    overflow: hidden
}

.section-cs .section-bd .item {
    width: 25%;
    text-align: center;
    margin-bottom: .15rem
}

.section-cs .section-bd .pic {
    vertical-align: top;
    width: 1.2rem;
    height: 1.2rem
}

.section-cs .section-bd .tit {
    font-size: .26rem;
    font-weight: 700;
    margin-top: .07rem
}

.section-cs .section-bd .btn {
    width: 1.4rem;
    float: left;
    margin-left: .3rem;
    margin-right: .12rem;
    margin-bottom: .15rem;
    font-size: .26rem
}

.section-cs .section-bd .btn:nth-child(1),
.section-cs .section-bd .btn:nth-child(8) {
    color: #e6601f
}

.section-cs .section-bd .btn:nth-child(3),
.section-cs .section-bd .btn:nth-child(6) {
    color: #dc2a65
}

.section-ddqf {
    background: #fff
}

.section-ddqf .section-name {
    display: inline-block;
    padding-right: .05rem
}

.section-ddqf .section-tips {
    font-size: .24rem;
    color: #59442f
}

.section-ddqf .count {
    color: #bd1f1c;
    font-weight: 700;
    font-size: .26rem;
    margin: 0 .1rem
}

.section-ddqf .section-bd {
    padding: .25rem .3rem .35rem
}

.section-ddqf .section-bd .text {
    height: .66rem;
    line-height: .66rem;
    text-align: center;
    font-size: .26rem;
    color: #59442f;
    background: url(../images/index/ad-diandeng.jpg) no-repeat;
    background-size: 6.9rem 3.7rem
}

.section-ddqf .section-bd .item {
    width: 2.1rem;
    height: .82rem;
    padding-top: .25rem;
    line-height: .57rem;
    padding-left: .78rem;
    font-size: .3rem;
    background: url(../images/index/ad-diandeng.jpg) no-repeat;
    color: #fffa9b;
    background-size: 6.9rem 3.7rem;
    background-position: 0 -.86rem;
    margin-top: .2rem;
    -webkit-tap-highlight-color: transparent
}

.section-ddqf .section-bd .item2 {
    background-position: -2.42rem -.86rem
}

.section-ddqf .section-bd .item3 {
    background-position: -4.8rem -.86rem
}

.section-ddqf .section-bd .item4 {
    background-position: 0 -1.87rem
}

.section-ddqf .section-bd .item5 {
    background-position: -2.42rem -1.87rem
}

.section-ddqf .section-bd .item6 {
    background-position: -4.8rem -1.87rem
}

.section-ddqf .section-bd .item7 {
    background-position: 0 -2.88rem
}

.section-ddqf .section-bd .item8 {
    background-position: -2.42rem -2.88rem
}

.section-ddqf .section-bd .item9 {
    background-position: -4.8rem -2.88rem
}

.ad-scroll {
    width: 100%;
    height: 1.64rem;
    overflow: hidden
}

.ad-scroll .ad-list {
    white-space: nowrap;
    width: 100%;
    height: 2rem;
    outline: 1px solid red;
    overflow-y: auto
}

.ad-scroll .a-item,
.ad-scroll .ad-item {
    width: 1.2rem;
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.ad-scroll .a-item+.a-item,
.ad-scroll .ad-item+.ad-item {
    margin-left: .4rem
}

.ad-scroll .pic {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    float: none
}

.ad-scroll .tit {
    font-size: .26rem;
    font-weight: 700;
    margin-top: .1rem
}

.category-nav-item {
    border-right: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    background: #fff;
    padding: .4rem .2rem;
    display: block
}

.category-nav-item .con {
    margin-right: 1.2rem;
    overflow: hidden
}

.category-nav-item .title {
    font-weight: 700;
    font-size: .3rem;
    height: .5rem;
    line-height: .5rem;
    overflow: hidden;
    margin-bottom: .15rem;
    text-align: justify
}

.category-nav-item .info {
    font-size: .24rem;
    height: .34rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.category-nav-item .pic {
    width: 1.2rem;
    height: 1rem;
    float: right
}

.xz-picture {
    background: #fff
}

.xz-picture-item {
    text-align: center
}

.xz-picture-item .img-container {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    overflow: hidden
}

.xz-picture-item .img-container img {
    width: 90%
}

.xz-picture-item span {
    display: block;
    height: .3rem;
    line-height: .3rem;
    font-size: .3rem;
    margin: .1rem auto .3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 90%
}

/*!** @Author:ray; @create date:2018-05-17;
***/
.jm-search {
    height: 3.5rem;
    background: url(../images/index/jm-box.png) no-repeat;
    background-size: 100% 100%;
    margin-top: -.2rem;
    overflow: hidden
}

.jm-search-form {
    overflow: hidden;
    position: relative;
    width: 5.6rem;
    height: .68rem;
    margin: 1.15rem auto 0
}

.jm-search-form .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 1rem;
    line-height: .68rem;
    text-align: center;
    color: #b3b0aa;
    display: none
}

.jm-search-form .button {
    border: 0;
    float: right;
    width: 1.26rem;
    background: 0 0;
    color: #fff;
    border-radius: 0;
    font-size: 0
}

.jm-search-form .input {
    padding: .15rem .2rem .15rem .3rem;
    background: 0 0;
    border: 0
}

.jm-search-form.active .text {
    color: #333
}

.jm-search-tags {
    padding-left: 1.2rem;
    margin-top: .2rem
}

.jm-search-tags a {
    font-size: .28rem;
    color: #807e7a
}

.jm-search-tags a+a {
    margin-left: .46rem
}

.jm-search2 {
    height: 2.5rem;
    background: #fff url(../images/jm/jm-search-box.png) no-repeat 0 .25rem;
    background-size: 100% auto;
    overflow: hidden;
    margin: 0
}

.jm-search2 .jm-search-form {
    margin-top: 1.25rem;
    width: 6.9rem
}

.jm-search2 .jm-search-form .text {
    width: 1.7rem;
    line-height: .8rem;
    text-align: right;
    color: #c6c6c6;
    font-size: .3rem;
    display: none
}

.jm-search2 .jm-search-form .input {
    height: .8rem;
    padding-left: .8rem;
    font-size: .3rem
}

.jm-search2 .jm-search-form .button {
    width: 1.6rem;
    height: .8rem
}

.jm-tabs {
    background: #fff;
    padding-bottom: .1rem;
    margin-bottom: .2rem
}

.jm-tabs-hd .item {
    text-align: center;
    width: 20%;
    margin-bottom: .25rem
}

.jm-tabs-hd .icon {
    width: .8rem;
    height: .8rem;
    vertical-align: top;
    margin-bottom: .1rem
}

.jm-tabs-hd .name {
    display: block
}

.jm-tabs-bd {
    margin: .55rem .3rem .3rem;
    border: 1px dashed #e6e6e6;
    border-radius: .2rem;
    position: relative
}

.jm-tabs-bd .title {
    position: absolute;
    top: -.34rem;
    left: .18rem;
    width: 1.84rem;
    height: .52rem;
    background: url(../images/jm/wyrm.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0
}

.jm-tabs-bd .list {
    overflow: hidden;
    padding: .2rem 0 .2rem .3rem
}

.jm-tabs-bd .item {
    width: 33.3333%;
    float: left;
    font-size: .3rem;
    height: .4rem;
    line-height: .4rem;
    overflow: hidden;
    margin: .15rem 0
}

.jm-tabs-bd .btn-more {
    vertical-align: top;
    padding: 0;
    width: .72rem;
    height: .4rem;
    font-size: .26rem;
    color: #ef4c4d;
    border-color: #ef4c4d
}

.jm-list {
    background: #fff
}

.jm-list .section-group {
    background: #f5f5f5
}

.jm-list .section-group+.items {
    border-top: 1px dashed #e6e6e6
}

.jm-list .items {
    padding: .2rem 0 .2rem .3rem;
    overflow: hidden;
    border-bottom: 1px dashed #e6e6e6
}

.jm-list .items .item {
    width: 33.3333%;
    float: left;
    font-size: .3rem;
    height: .4rem;
    line-height: .4rem;
    overflow: hidden;
    margin: .15rem 0;
    padding-right: .1rem
}

.jm-list .jmdq_tt {
    height: 0.7rem;
    line-height: 0.7rem;
}

.jm-list .jmdq_tt p {
    float: left;
}

.jm-list .jmdq_tt p span {
    float: left;
    height: 0.7rem;
    margin-right: 0.15rem;
}

.jm-list .jmdq_tt p span img {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 30rem;
}

.jm-list .jmdq_tt p em {
    float: left;
    font-size: 0.3rem;
    color: #999;
}

.jm-list .jmdq_tt .a_more {
    float: right;
    font-size: 0.26rem;
    color: #ccc;
}

.jm-list .jmdq_tt .a_more:after {
    content: " ";
    display: inline-block;
    width: 0.14rem;
    height: 0.14rem;
    background: url(../images/jm/more.png) no-repeat;
    margin-left: 0.1rem;
    background-size: 100% 100%;
}

/*!** @Author:ray; @create date:2018-05-21;
***/
.jq-list {
    background: #fff;
    padding: .3rem 0 0
}

.jq-list .item {
    margin: 0 0 .3rem .3rem;
    border-radius: .1rem;
    position: relative
}

.jq-list .pic {
    width: 3.3rem;
    height: 2.3rem;
    border-radius: .1rem;
    vertical-align: top
}

.jq-list .tit {
    position: absolute;
    left: .32rem;
    top: 1.5rem;
    color: #000000;
    font-size: .26rem
}

.jq-content {
    padding: .3rem .3rem .2rem;
    background: #fff;
    margin-bottom: .2rem
}

.jq-draw {
    height: 7.3rem;
    margin: .3rem .3rem 0;
    position: relative;
    z-index: 10;
    background: #fbf8ee;
    border: 1px solid #c2a181;
    box-shadow: 0 .03rem .5rem #d2d8e4
}

.jq-draw:after,
.jq-draw:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    height: .85rem;
    background: url(../images/jq/jq-box-bg.png) no-repeat;
    background-size: 100% 100%
}

.jq-draw:after {
    top: auto;
    bottom: 0;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.jq-draw+.a-link {
    margin-top: .36rem
}

.jq-draw-hd {
    text-align: center;
    padding: .4rem 0
}

.jq-draw-hd .title {
    font-size: .44rem
}

.jq-draw-bd {
    text-align: center;
    height: 3.95rem;
    overflow: hidden
}

.jq-draw-bd .draw,
.jq-draw-bd .grail {
    display: inline-block;
    vertical-align: top;
    background: url(../images/jq/jq-sign.jpg) no-repeat;
    background-size: 100% 100%
}

.jq-draw-bd .draw {
    width: 1.5rem;
    height: 3.1rem;
    margin-top: .2rem;
    margin-bottom: .35rem
}

.jq-draw-bd .grail {
    width: 3rem;
    height: 1.9rem;
    background-image: url(../images/jq/jq-grail.jpg);
    margin-top: .5rem;
    margin-bottom: .5rem
}

.jq-draw-bd .grail2 {
    background-image: url(../images/jq/jq-grail2.jpg)
}

.jq-draw-bd .grail3 {
    background-image: url(../images/jq/jq-grail3.jpg)
}

.jq-draw-bd .num {
    font-size: .32rem;
    font-weight: 400
}

.jq-draw-bd .tips {
    font-size: .26rem;
    color: #ef4c4d
}

.jq-draw-ft {
    text-align: center
}

.jq-draw-ft .btn-draw {
    border: 0;
    display: inline-block;
    vertical-align: top;
    width: 3.1rem;
    line-height: .8rem;
    height: .8rem;
    background: url(../images/jq/btn-draw.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    margin-bottom: .3rem
}

.jq-draw-ft .btn-draw.disabled {
    opacity: .5
}

.jq-draw-ft .btn-draw2 .btn-text {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAABQCAMAAACkuKloAAAAM1BMVEUAAAD/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XGI+FhxAAAAEHRSTlMAQPDAEICgMNAg4GCQsFBwiM+uTgAABEdJREFUeNrswYEAAAAAgKD9qRepAgAAAAAAYPbrZEdWGIbCsOPME/zv/7RXApQqouj2tqmub4MihsVRYpuvr6+vXyZWIz9yRv6yKLOsoFFObq9umVqibPKHxNKyDIEmEwPg5dShjNzmh6p8qBhlVkDzuA90mQAYObgR4SQDqHwYZzYfbAG2VSgjtn0VC4ATkVpCZYQ8OV/8FKb6ZhMvfg4UKGOVWCQLIBIT9DIdxTnbDxGY+UVRCm+L9SFVqYBWrodzbUmbk5eR/ssWnlrslElycrcD+3vK6mSSwEoHvIXiYreFQ7rHZuUl7l2BLI9kubFGZg0w73V9W31ENSi6AWjgMCUMJOP3s4omLk0eySUOu4nHZR3s+2azMjFNAbRz6asDb1gq8kwuCsBrjJgpWLG2XtMH8TbwRwuzBqRtFMFcfS+saZSnMv+NLQLBnxvRAk1yAN3mQ164pGgA78cg0nmjCS7JPLqxzrEZ750MnouVcybzHOr9dpDGYT8/6DuEkezQY1ZID99oIzZ7lftgE8fyGiIsQ9sUKKPox/Gr2RKEsFVRYG82AN6O3rEz+HxUBQvw8D/7HABVbvJxPG+UYRc/WoOr137ykhNDDa/mEbC+cAojxyAPtXlrE0vt1vv6PbZuagLyvRsnfQ/YZKAu+qiR+OjR4x975rrjOggD4QA2NFzz/k97ykBxk7PsSqv9Q9SRdtU0N/FpbGMXqWomGOXoynWhfiQ5a18AmpS/3Jtx0r5v2yTYmTpeE9bc6rqvcCV+KloCD61jNRKVCovq6aLqWqOXDoDsucl4wlDA9m63Iq6FUbs8r0jOyM5BUW/IT9q3HXwe6A2Cxt4tM7Pa3N6BdO8U7aMHeAVsPibJX3u/iMPz/DlNpgUrQ7RFwQlJ5hhnZaysT8ooj8qqufHwkrI2epHIYl7JfQlVI+MGmA8uXbsrzTNs5a1GuFO1LbJrs8CGg4hAFWxv/T/yWoK/8ar67HU3IhlhKNgmgyXXI01E1UcakTgKpBm5nz3+j0eoelHq+9z+qownLrnrJY81TbFtLraojNRcp2hj6cGVflIDNkQiIxkaHLNvPyq4zm/UATde5fSqc3ILu8yxSZz69Io6biAgUu3OXKnpjAeOUdP+msalPm8zhvMYWYLbmrveIEl5gq2MyocU9d+sklJBnNc/V4+NUcAmCqVeDNRd0r/xiu28a3l7hs1l9khGcJzSQNyiNopdu/QgINhEX2BbVq02lhk2HjMxwAl8iNSlaFj5Yo4t3QJbo/agGTbqha/DUaQF2zXQ7fYDNtSKW2B79NCaBilFL4M1KwF5WbR7yBdTbPku2MgcJjRo85Kwu5P9vA1KhWjc+Ul88BybWNffAdtFBGy/1E4XY12xwZPx9Kp7SP3ZWnjSMu3jg76P2zZr/mgcEY8j0ffOVku2VB999NFH/9qDQwIAAAAAQf9f+8IEAAAAAAAAlwAX82p86XX/+wAAAABJRU5ErkJggg==)
}

.jq-draw-ft .btn-draw3 .btn-text {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAABQCAMAAACkuKloAAAAM1BMVEUAAAD/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XGI+FhxAAAAEHRSTlMAwECA8BDgMCBg0HCgkFCw0KAc+QAAA5NJREFUeNrt2evOmzAMBmDnfA6+/6tdYwKhfHQbY5uUzc8PVLUIxCvHSSgwxhhjjDHGGGOMMcYYY4wxxhj7m2pwwO5yiGg9rEwK8JQRuhj4d7iqRPxabPgiYWURIzwksV3kH+BlVVkgCVdPib4H2894JLTyhdkVfCOvYtPtg9Iptyd+OsAURT85h28EnJn1W2kRi0ZEBw8tiAjTwwO7XIRCsVGdtTpJlHXK1qZfLDvdrjc9gd0izadcM9jXsdr2wFUIjSTfGZnlWN4KpucWJY1osYmIGMNVbFar1yHgS+wx3+zro2kmRKwwPQ8uFP1pTjC1rBFF7EZs9daiY+kfY7tHUsHDzLzGz1OpjHimcys51Ufa/dnT4UbMHNyCO2HPsVns7HhW1c5ZEO3tBrq03plxpyfOTVAqmvKi5nU1XYTtk1wLR8Y2pd4QsYkAfotfacQ47x6r5SHpKHQ8x+Y02oSIJUvpKb8sqDf9YP3mpQxKnmOjG+3j0069x1oDwwGOnATo7d/hQGvfq6hUFsJerZyLpVFZsSk0oTYJJiXw5GqXgPr9NBlGEzRJjKiGr/Uoi9vmn2oKkmlfSeGgl4vFWNX4RhRKLI5qwk8yHHmBOm530jh3sQHuPEhqOzIoYeX+rEdLNaDo1DpKReAHGg7SmpRV42c18UzaHqV6Gnkyn7b0ZnvGgLFoys1TbLHEUSsJV0II9SJJWvSx4ZuebTH7VBrmnUb7jjMo/MIDSI3dYZmqxrlLj2TJSjr4Qo5cnKUhmdpF6ZOcuNCcVEXgB2Vbmao1tqVvENCOU27sEV7ieL2np92UJvw+u7/LpdgqjbAtsqDpeO9Wkkpz8slA4ZvYGhNtN6WUtVgqpaAxUHjgNMVUe7WBUfrn16phdMtx2zxna5O4y/LwnQDi12Ndv6Qy045mzbyt7X7+ufNebK7dQVLRxjnXbBZtDh7Gq4wR2+CWkNojth9MyzFm6nX3mNyv6zTlZ8q8A9W4duyx+eT7aIrX70d0Oo5uuCsIszW55TBu5yy4EZtCjMmpvtj4st5KDuBJbMels9teEjR51oWIpsFi4qc9aUEK9nFsPiPRbp8niJAwo4DWwDE3uNiUPo+t6tMEapBM+5+po+PIzV809PA4Nmprb/8Rqn/hJe/YbLurZJ8PUqnqKR4flFraRnbOFdzOJIGY/o8/1X8z/zNr1wKMMcYYY4wxxhhjjDHGGGOMMfZHfQNWfFX2eh+N5QAAAABJRU5ErkJggg==)
}

.jq-draw-ft .btn-draw4 .btn-text {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAABQCAMAAACkuKloAAAAM1BMVEUAAAD/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XGI+FhxAAAAEHRSTlMAQPDAgBDQYDDgkFAgoHCwU2YdvQAAA/1JREFUeNrswYEAAAAAgKD9qRepAgAAAAAAYPbrJMdtGAigaLE4T9a//2nTEgXIUnvoZBUmfguvDAL6LpLWx8fH3yQ2+fhtFqp8fLk1eSdqkk0FsvwXjHnZpaDvujVQL6sMWJmeuTlrAXSRx7wC8cUKgDsCGeO6M3LW2ZeIgCYxbuKNmnrgjns6KRDkGZ+BMr5ZArtcr2U1mVuVDIQAqMyqKfc0yWOsnlYLANFf18vXshnQG5upsxk2ubsMEOVPsi0MixHDprTt87JFB2WXk8zKK7BUEbEvz2l9ka0Dy8jimyqAVoC7LJVdXhjCvNG+pFgAM7JVecYCPK8WvAFY1rMNyMkC4fTrDMYrVAcwdTYRO7JlUPlJtvS9mrak+65LAM5ddvwC2AAEhShN5/8LYrcgHrBvs/lalHitRnfKJiZ9dCHUcYsyJJGoELzMTCGMJ3NvstnMKsjBcaIAKXAZNh13dOusul/7u7mr+XHlFaC+zHY4HjhysAxBCpfRjb3eX7nhH3iRr2MwAmB+ku20uwqEG7Ds2bJVqKOikyvHTo3Mro/TBkB+km2JXg7r3ACWwRlAGZqcRUBrZ+VkcgoYZ9lYW2KTBwpAtq7Kdxxc5pDkJDEGOoWt/txH2y/2zHbXbRAGoBgwDg4hfv+n3YjdsnDbW0V3m0TV86et1AjlyJ8JifJiL43yNIkXUTbbnoyxLx89lnro5pkTFb18hS9pAxHPqqzjtxW/Wtti3Fr1y8epPG/ARYsMjgS/0Z/bZW1dftqO+hbKyingyVon6PKfyU0Ki2Q+ilCp7eO4nfWStvWU4Ijq/uyf+g6vB6g3yTznioWVnCtAnEQ8atnx12qbWfL1aBrnVLVDtKEsFo5UiAt6UcKMqYprDF4M0q4YvtGGsEYOSdJp36TarpIREw3ZQqzuNfroXBMMJMZkmYpQOcmf7NoV+Zm2lE9ClNKMwKgth0Zsx2y3CZc8uk28VoLdVoYw25PxJCPV1bG0LVDjbvE4KO7BJkRNmzUEcH2IuWkLFZ3Lwu1QAnuMDAATJqiFjg8cV8DuQLAX8m/A/p/QGqWvd1v6ZQRFPLY+sc2XmUPe5bqMa72Wrdfa6N5GU9EV7YW20uI56Hy3u3mhHZwCicvdE51u1Ehhj7GC5hXUJB5tWraplV9os911OWI8Y4E5J48bPWY4Qh5eN4WWw5EelCAsltXq2/pl10ZP9toakxgT1rUns9fYELBeiAmMWbWVRyPe9qABzQ/1BfwHLGjblsDrvp3cG7D6Po/9gKfauFfJECKnN9FmY6l3/0jb4hNXKP249Q16wr04/Y17Wd7jbcF/B+cdZj98+PCrPTgkAAAAABD0/7UnjAAAAAAAAHALIoVeDB97uyQAAAAASUVORK5CYII=)
}

.jq-draw-ft .btn-draw5 .btn-text {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAABQCAMAAACkuKloAAAAM1BMVEUAAAD/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XGI+FhxAAAAEHRSTlMAwPBA4IDQEKAwIGCwUJBwTlsp9wAABIpJREFUeNrswYEAAAAAgKD9qRepAgAAAAAAYPbrbLd1GIaiKEVSgzXE5/+/9lYeJER22lugD1WRBWRAohdvM4r99vb2m6RIf4aXSLd8pJ9lgEJ/gqwZYE83Eqv/IvhC/yHxsawAUJpfydgluooALH0qAPks58PD3laO7bQoAEOzS4pToCv79Wxg79Ca5Nu252lJAHghsTP/UKVHY7O8yAYZJmfM1lO9qi9bLFnLFtY5AEyzihk7I5HuLRh/peKUnjD6imP1yCuA+uAVm5mzFcZpqyZirVFDTyQDIZijhV/1Mn0GQPk8W+ixcNCFJrUw4LJVACEbxqEfT5T1cX5OUWQ1qJQu2aRng9CotFYZOzdttNqtjpfD4EEHYTTq2zou38zmGTup74rFhzmzFRsM457SYUXjvOBgIl2zUSmvs2UA29lxDCSKPO0liMMzZ4IxQWQNDrkNIxo9s2WhrmdTcHyVrez/on0LSAw4TxN6tM0mBO5x6shET6el1mWuT9Hig400kGIZm9SyLSKROq7ViGJAFTyRL3bKaiQATNZs0N1sOamm2oesvhTaxbSe3zc6zGe/CkyhUJWxcTPfyK/JkwM6RZWHVYA6VGz3qLIGo+1GTHFSIQkMdDzksTiw0NRQcVYAweTroS42o7F1VQ/t2gBVWhbWVtBgky6DyyWgsjQzU0sENMPxREaXLJ7FY4kG3UayO3P6y92GHNsl8pxb2z/2rGjXYRCEioi2aqn//7U3oisrt8myR5Odhy1r1cQzORxQDQY0hdlpUid3IG7GpQht4juuJfyWRR/RsbUYu7+OH8j0hQO1bxLCrOMfinBuvtLrpb8EcEO3ozUz/YMzNoFUE2RZ22iYxSBL8boHrna54c7FUDH87y6gKWoWOTzu3MMVw9G/BsbO3Z01BYyCIxS3KFAF/F+tmaiGdsfxYGdPYQT6UopyHyY//dsys1ALvGaJ5e7EkMkXmhqpFCHC0rbPUSCSXwc1jPiuk4lljWHp4lZy4XxVqbBkqKIWVxCjCWD1c5EzjeQZ5WsiUZsAqQXCLpNGrgn3RujhznqSp/ESS5tYM1KLj1sQua7Atqsk+g3aJ8NZtt8JiVFoq2KHhYlUL+OctpfDLT65rfnBfJ3/CqzZGU9UQQPVvoydgzfpS3fa/LyAAEnBRXUySjZV2uBMXQ+4M1awjRIVEZcMUI3E5y71HiXU4FLzw91po+lZonwm/88OGxPok9jrZSNTsTVF2B/SRe1NcKChQoY2OWYexDRPFhXResRp58bV1uLY/RR9QumBH0TZtORmizGitiQvlMJzxGxGATCVMGLUQJoiYQR7xkWdxwsZkxy5DcCby9IcW6NpKWJ5syUP5zW8XwRKRshPHb6TYptYVdcyFiKA0BR2Q+VwGfSR0mbpsM9Of1oxsDjdmoD2DKvXBTzfZz1dG+5f9eBF+9aEPQBaqX8i2xl0xcJPPXi11UAc16XtmNtgIrVQCRn2b2lzieFj6ol8YtYZx7I5gbns30/qp/GHH3744Ye/9uCQAAAAAEDQ/9eusAEAAAAAAMApr19voek8hikAAAAASUVORK5CYII=)
}

.jq-draw-ft .btn-text2 {
    font-size: .32rem;
    font-weight: 700;
    color: #f7e46d
}

.jq-draw-ft .btn-text {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATYAAABQCAMAAACkuKloAAAAM1BMVEUAAAD/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XH/7XGI+FhxAAAAEHRSTlMA8MBAMBCggODQYJAgUHCwhVYhvwAABFFJREFUeNrtmdmu4yAMQAGHfYn//2snGEpJSjXL0zDjI93bVEmQOLKNoYJhGIZhGIZhGIZhGIZhGIZhGIZhGOZvIiTB/DYKMYv/i0N8oo9fCjHZH8uI6MQ/zuFiEgODUXxgEM+XOW2i1WJBQpTthru0KfEvcTzjhiYp07iPlyHxBCcPrj2xdIuBou66kIcAu3+iasjWqDrlvHIytBW8sKtHzunaiE+AZEHJJNb7+lVsCwQblcfGyom+FSKPK7Nyeu9zDEJXWfVPFiS21mbwiV1EiXl/WaagGi6/ajNvWdhxh9gViQ+8FoORlmWevNRLbTBpA/EkD1cnNvy+0mjCM+pzwnHSkFqK/r42LbEB9SrbermzNu2RKHDQx1rJHGzqi3yR83dtNcSognpZl9Mkd29B9EETXc6XkHWCSgXqPlqQaFhocyjTN225raJYoRGCpHKwM/BdW1dlLAUi2YkimctBnt7PViIRhrYDIN3Vy0PUNytGX+az3dvahzaw84wsdlRrU5MdioiAA9c0D9SoXsHknquE/xc28kBOWrk3yr87/hSiwkHMklLxQpp3RXdvayDASJyQDz123ACxO5Q5UuKNNOJmMD1RqgA1ij3h8iHdMKhGSE5QtGbTu8NtyVYpj0siReGL867thODHhitJdMZdpuaRXjr1s0oiXJ+eBtm1tAVcM7IUO7lO2I0MMwYJ6PLz1P1JQ7l+gIjPFuOQI/zocbdpoh4rXae9iIZCAaSMvsZMoeWv3i60QEbajIs3FD/1X0yARKlq7NOasdao68JJCuk9A67FiGvNewsucSPROuHJShZBUu+WL68gjjQ9RgMF27tZ4vTV3cPaQGkS7YLYkWgKiNI350PbTKZS1g8rdB4rq7RiUGRLa8CJcO8Cw7065tfuxMVdt1jVRP6mrWAnPgOmvMKom1TtBFO2pwHmFUFHUtSqgjchhZjGLlVtmaqZ0nCljTBjQ5Qma8OJttMiIquasw1TplM6cD3EylmstO0mBOzsmKl0eghrbcQRW1ZG3eNIC1LlJiHek7aT9JIJfY5zOW1eHW6QWpia7p5unk33lifjhg4hF9oGZT4oU6PZt+/TOiMUDRLeja6nPH5rU0XXDUWsxgJg26ICwJYJ2kt1emtbW+t26tX9rNJis+7pv/7caszo+hb1fZtm5uAYre1S25Gto8igiANJKlrWxrGeGKlKH8XijBd3Um/nHKXoxrS1sSy1DQuUTxQgsxUQjRDitK+I16eKNrjlkScditAtpxPs2nl0a15/06b9yxp5gzkJPxZb1xtkglaEtDpeL9ZjZ9O6Jjz1rVp8TVId3ahC1pCgjrrr+Hy1yPKzn8iK2BKtUAWSttZGpOMWfs4EgBDVPcOy/PkvKh6fePEvoEnbn3G4Xu2+E4ctpZSN/l/RBn+sjdJZ/bSQ+lggvd/I264Jd4w6Nz0CYxiGYRiGYRiGYRiGYRiGYRiGYRjmX+MHXNhnb9UCnbkAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
}

.jq-draw-ft .txt {
    color: #999;
    font-size: .24rem;
    padding: 0 .5rem
}

.jq-draw.t2 {
    background: #fff
}

.jq-text {
    line-height: 2;
    margin-top: .3rem
}

.jq-text .name {
    font-size: .36rem;
    font-weight: 600
}

.jq-text .cont,
.jq-text .list {
    font-size: .3rem
}

.jq-text .list {
    padding-left: .35rem;
    margin: 0
}

.jq-text .cont {
    text-align: justify
}

.jq-online {
    background: #fff
}

.jq-online.on .jq-online-bd {
    max-height: 100rem
}

.jq-online.on .section-foot {
    display: none
}

.jq-online .title {
    font-size: .36rem;
    font-weight: 600;
    text-align: center;
    padding: .35rem 0 .25rem
}

.jq-online .list {
    margin: 0 .3rem;
    overflow: hidden
}

.jq-online .list ul {
    margin-left: -.3rem;
    width: 110%
}

.jq-online .list li {
    width: 25%;
    float: left;
    padding-left: .3rem;
    font-size: .3rem;
    margin-bottom: .25rem;
    white-space: nowrap
}

.jq-online .list+.list {
    border-top: 1px dashed #e6e6e6;
    padding-top: .25rem
}

.jq-online-bd {
    overflow: hidden;
    max-height: 6.8rem
}

.qian-pic {
    height: 3.6rem;
    margin: .1rem 0
}

/*!** @Author:ray; @create date:2018-08-13;
***/
.sm-box {
    padding: 0 .3rem .15rem;
    background: #fff
}

.sm-box-hd {
    padding: .35rem 0;
    text-align: center
}

.sm-box-hd.t2 {
    padding: .25rem 0
}

.sm-box-hd .title {
    font-size: .32rem;
    font-weight: 700
}

.sm-box-hd .title:after,
.sm-box-hd .title:before {
    content: '';
    display: inline-block;
    vertical-align: .03rem;
    width: .38rem;
    height: .23rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAXCAMAAABQxc2UAAAAjVBMVEUAAADi08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08KVPgzSAAAALnRSTlMAB/rwDrEDmuLZvCv368p8Uh3liHUVxLeqooJnYFtCNSPelo9LRyfNcE07MNFYESIBdAAAAVVJREFUKM99Uuu6QzAQXLmIuJa6U6rovfv+j3cOQo9PT+cPs5lkNrOBzziKhji8h+842NI7XE0U+jdVR/bj+s1uv6g0Q6i/Hdb/iditJdFM3OR1/nhSS5CmCy0pQXMrZBenYKuK3rt045wa/taAG2xdeWC/LFqLF3PCtSyXsyiniM1OsdZ997Dj0qCZUpk0tGqBhUqbLtOJSeJ54jaxPbWGj2cf1VDmHOnFggXMLiaHZj/tegLTAfwMhQZv7IhiJ3PcFeQQOKZLjA7+IpSgFYtMT50IQmxOpQYrXCX4WP0K5H64jl0NxpiptqKymE0ZJPJupdQH8LGbihIlF1liIMGHukIJUYxo3MfIfRVZlacmF17PYneyPw3jOdYj8Yzt26ZcG+0DPrd7piFscKfPTgeAmqgcqyDWYAufoxMnLsGA8OvBc5Ez+AgrFFleRvqLOxiIair+AMMbFxdzI3a7AAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    margin: 0 .15rem
}

.sm-box-hd .title:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAXCAMAAABQxc2UAAAAilBMVEUAAADi08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08Li08J4uLdBAAAALXRSTlMA+uAG8AOYD9kr68skHve8sodfUjQL5X9LxKp5dWdYR0IWt6+ik86djHA8v9DQM/VqAAABWElEQVQoz31R6ZqDIAwEiojiXe/77Ll5/9dbD7Rr7TY/IF8yk8wA2qLqdEyYgb6GwsC+lxG3vK+wwYpntIurLygfzjK7ktN/IKO0xZo3+Barn0CaDZi+JKUU8BAc91FRKbuKWuiX94EBcY5izDB9q2T6RjS0jVCBtoeJm0zOBIC6K5BHe5hVLncBzNdyaktcTwnvzi/N0qNpZbNr3V3KMcuiFifb312WpS5ZmIX1x6Mm6PrqUTjXbSaN47kh48SgNxFSAtTo6TTnOcyzTojnO+kxweKpE4Rqa5LtcmVMwUT8vrd48hiBfCKMTWTS1HjwFqnr0sJrpMAe3Nkk+OP5IABJgzxpwQcMpO1Zx4FLIonm6f7oXiXD4kQkQZWxzk7den28nBqrECdUl1uWdiqTsF5kXPC0X4l/6AMdI3BAZOXdwSFg0SY6OCb6GPU1BN0plcaLrizXDv1fzH4W6dJlCQoAAAAASUVORK5CYII=)
}

.sm-box-tt {
    padding: .19rem 0;
    background: #c4ad9f;
    color: #fff
}

.sm-box-tt .tt {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    width: 1.4rem;
    height: .4rem;
    background: url(../images/sm/t1.png) no-repeat;
    background-size: 100% 100%
}

.sm-box-tt .tt.on {
    background-image: url(../images/sm/t1-active.png)
}

.sm-box-tt .t2 {
    background-image: url(../images/sm/t2.png)
}

.sm-box-tt .t2.on {
    background-image: url(../images/sm/t2-active.png)
}

.sm-box-tt .t3 {
    background-image: url(../images/sm/t3.png)
}

.sm-box-tt .t3.on {
    background-image: url(../images/sm/t3-active.png)
}

.sm-box-tt .t5 {
    background-image: url(../images/qm/t1.png)
}

.sm-box-tt .t5.on {
    background-image: url(../images/qm/t1-active.png)
}

.sm-box-tt .t6 {
    background-image: url(../images/qm/t2.png)
}

.sm-box-tt .t6.on {
    background-image: url(../images/qm/t2-active.png)
}

.sm-box-bd {
    padding: 0 .5rem .3rem;
    background: #f8f4ee;
    border: 1px solid #e0d7cc;
    border-top: 0
}

.sm-box-bd .form-group {
    position: relative
}

.sm-box-bd .form-group+.form-group {
    border-top: 1px solid #e0d7cc
}

.sm-box-bd .form-name {
    margin-right: .1rem;
    line-height: .84rem
}

.sm-box-bd .form-input {
    border: none;
    background: 0 0;
    padding: .25rem 0;
    width: 3rem
}

.sm-box-bd .form-input::-webkit-input-placeholder {
    color: #ccc
}

.sm-box-bd .form-input::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.sm-box-bd .form-input:-ms-input-placeholder {
    color: #ccc
}

.sm-box-bd .form-time {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGBAMAAAAI3hL1AAAAG1BMVEUAAADErZ/ErZ/ErZ/ErZ/ErZ/ErZ/ErZ/ErZ8QK/SZAAAACHRSTlMA3iDkJtTPJZ5cPFgAAAAmSURBVAjXY5Do6OhoBZNtDM5AUoiBxaKjUYGBwRnIZGBgD1NgAADJhgkYs6MigAAAAABJRU5ErkJggg==) no-repeat;
    background-size: .1rem .06rem;
    background-position: right center
}

.sm-box-bd .form-gender {
    margin-top: .24rem
}

.sm-box-bd .btn {
    border: 0;
    width: 2.72rem;
    font-size: .28rem;
    padding: .13rem 0;
    background: #c4ad9f;
    color: #fff;
    border-radius: .08rem
}

.sm-box-bd .btn-red {
    background: #ef4c4d
}

.form-gender .option:first-child .name {
    border-radius: .06rem 0 0 .06rem
}

.form-gender .option:last-child .name {
    border-radius: 0 .06rem .06rem 0
}

.form-gender .option input {
    position: absolute;
    opacity: 0
}

.form-gender .name {
    display: inline-block;
    vertical-align: top;
    width: .68rem;
    background: #fff;
    border: 1px solid #c4ad9f;
    color: #c4ad9f;
    text-align: center;
    font-size: .24rem;
    line-height: .36rem
}

.form-gender input:checked+.name {
    background: #c4ad9f;
    color: #fff
}

.sm-detail {
    background: #fff;
    padding: 0 .3rem .1rem;
    overflow: hidden
}

.sm-detail+.section-cs {
    margin-top: .2rem
}

.sm-title {
    font-size: .4rem;
    font-weight: 700;
    text-align: center;
    line-height: .56rem;
    margin: .4rem 0
}

.sm-conbox {
    position: relative;
    z-index: 10;
    margin: .4rem 0;
    background-color: #fefbf5;
    border-left: .02rem solid #f3eee6;
    border-right: .02rem solid #f3eee6;
    background-repeat: repeat-y;
    background-size: 100%;
    padding: .2rem .3rem .75rem;
    font-size: .28rem;
    line-height: 2
}

.sm-conbox:after,
.sm-conbox:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    background-size: 100% 100%;
    backgorund-repeat: no-repeat
}

.sm-conbox:before {
    top: 0;
    height: .2rem;
    margin: 0 -.02rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArIAAAAUCAYAAABxo95aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4MTlDNEUyQTNCRDExRTlBNDFGRUI0MTVGOTEyREQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4MTlDNEUzQTNCRDExRTlBNDFGRUI0MTVGOTEyREQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjgxOUM0RTBBM0JEMTFFOUE0MUZFQjQxNUY5MTJERDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjgxOUM0RTFBM0JEMTFFOUE0MUZFQjQxNUY5MTJERDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz72FpYlAAAA10lEQVR42uzcsQrCMBQFUCPdRPz/H3QsSHFWugU1jY0l+Mo5W0KmTJfH46ZpvD4Oy9LLufYeAABarMqdR/8FAEBEQ2sCLr0/nS9+FQCAN/fptmnuNJEFACAkQRYAAEEWAAB6yXdkS7sJa+8BAGDJJrnTRBYAgJDmiWyqJF/tBAAA/KyUH79oM/iYV01kAQAISZAFAECQBQCAXuYd2Vr7gHYCAAB60FoAAMD+5T2y2gkAAOiutc3ARBYAgJAEWQAABFkAAOgl35HVTgAAwD/SWgAAwH48BRgAEz4kPaB2IEQAAAAASUVORK5CYII=)
}

.sm-conbox:after {
    bottom: 0;
    height: .75rem;
    margin: 0 -.02rem;
    background-image: url(../images/sm/box-bottom.png)
}

.sm-conbox p {
    text-align: justify
}

/*! .sm-conbox li:before{content:'';display:inline-block;vertical-align:.05rem;width:.08rem;height:.08rem;background:#ad8d66;border-radius:50%;margin-left:.05rem;margin-right:.15rem} */
.sm-conbox .conbox-name {
    color: #a85152;
    font-size: .28rem;
    font-weight: 700
}

.sm-conbox .conbox-tag {
    display: inline-block;
    vertical-align: .05rem;
    width: .44rem;
    height: .44rem;
    line-height: .44rem;
    text-align: center;
    border-radius: 50%;
    background: #a85152;
    color: #fff;
    font-size: .26rem;
    margin-left: .15rem
}

.sm-conbox .conbox-tit {
    font-size: .32rem;
    font-weight: 700;
    color: #a85152
}

.sm-conbox .conbox-tit2 {
    font-size: .32rem;
    font-weight: 700
}

.sm-conbox .conbox-txt {
    text-indent: 2em
}

.sm-conbox .conbox-dl {
    overflow: hidden
}

.sm-conbox .conbox-dl dt {
    float: left;
    font-weight: 700
}

.sm-conbox .conbox-dl dd {
    overflow: hidden;
    text-align: justify
}

.sm-conbox .conbox-remark {
    color: #999;
    border-top: 1px solid #e5e5e5;
    padding-top: .2rem;
    margin-top: .2rem
}

.sm-conbox .conbox-remark dt {
    font-weight: 700;
    padding-left: .45rem;
    background: url(../images/qm/book.png) no-repeat 0 center;
    background-size: .29rem .24rem;
    margin-bottom: .1rem
}

.sm-conbox .conbox-remark dd {
    font-size: .24rem;
    text-indent: 2em
}

.sm-conbox .conbox-word {
    width: .68rem;
    height: .68rem;
    line-height: .68rem;
    text-align: center;
    background: url(../images/qm/grid3.png) no-repeat;
    background-size: 100% 100%;
    font-size: .32rem;
    font-weight: 700;
    margin: .25rem 0 .15rem
}

.sm-conbox .conbox-tips {
    background: #e4dcd2;
    padding: .1rem .2rem;
    font-size: .24rem;
    color: #8f7757;
    text-align: justify;
    border-radius: .1rem;
    margin: .1rem 0;
    position: relative
}

.sm-conbox .conbox-tips:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 1rem;
    border: .1rem solid transparent;
    border-bottom-color: #e4dcd2;
    margin-left: -.1rem
}

.sm-conbox .conbox-section+.conbox-section {
    border-top: 1px solid #dcdad6;
    margin-top: .2rem;
    padding-top: .2rem
}

.sm-conbox .mark {
    display: inline-block;
    vertical-align: .05rem;
    margin-left: .1rem;
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .24rem;
    background: #a79681;
    color: #fff;
    border-radius: 50%;
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.sm-conbox .mark-red {
    background: #ef4c4d
}

.sm-conbox.sm {
    padding-bottom: .18rem
}

.sm-table {
    width: 100%
}

.sm-table td,
.sm-table th {
    text-align: center
}

.sm-table .t1,
.sm-table th {
    color: #ccc
}

.sm-table .t1 {
    text-align: left;
    width: .7rem;
    white-space: nowrap
}

.sm-attr {
    border-top: 1px solid #eae5dd;
    padding-top: .2rem;
    margin-top: .2rem
}

.sm-attr .name {
    margin-bottom: .1rem
}

.sm-attr .item {
    text-align: center
}

.sm-attr .tit {
    display: block;
    width: .6rem;
    height: .6rem;
    background: #ddca7c;
    color: #fff;
    border-radius: 50%;
    margin-bottom: .1rem
}

.sm-attr .num {
    font-size: .3rem;
    line-height: 1.2;
    color: #93720c
}

.sm-attr .item2 .tit {
    background: #70c7ab
}

.sm-attr .item3 .tit {
    background: #8ec8dd
}

.sm-attr .item4 .tit {
    background: #de9494
}

.sm-attr .item5 .tit {
    background: #c5a784
}

.sm-attr .item2 .num {
    color: #1d9c73
}

.sm-attr .item3 .num {
    color: #2c8cae
}

.sm-attr .item4 .num {
    color: #bc3737
}

.sm-attr .item5 .num {
    color: #a56c2a
}

.zhutu-content {
    margin-top: 10px;
    height: 200px
}

.zhutu-content li {
    height: 40px;
    width: 100%;
    list-style: none;
    position: relative
}

.zhutu-box {
    margin-top: 7px;
    position: relative;
    display: inline-block;
    width: 90%;
    height: 20px;
    float: right;
    background-color: #fff
}

.zhutu-content li a {
    position: absolute;
    display: block;
    height: 20px
}

.zhutu-content li .name {
    position: absolute;
    padding-right: 20px;
    white-space: nowrap;
    display: inline-block;
    width: 8%;
    font-weight: 800
}

/**** 今日好运 ****/
.huangli {
    width: 100%;
    float: left;
    background: #fff;
    margin: .3rem 0 0 0;
}

.intitle {
    width: 100%;
    float: left;
    height: 0.72rem;
    padding: 0 .2rem;
    border-bottom: solid 1px #ddd;
}

.intitle em {
    width: auto;
    float: left;
    padding: 0 .2rem;
    line-height: .72rem;
    font-size: .33rem;
    position: relative;
}

.intitle em::after {
    content: '';
    height: .35rem;
    width: .06rem;
    display: inline-block;
    position: absolute;
    background: #81511c;
    left: 0;
    top: .17rem;
}

.intitle .emDom {
    width: auto;
    float: left;
    padding: 0 .05rem;
    line-height: .72rem;
    font-size: .33rem;
    position: relative;
}

.intitle .iconT {
    width: .42rem;
    float: left;
    margin-top: 0.12rem;
}

.intitle_txta {
    width: auto;
    float: right;
}

.intitle_txta a {
    width: auto;
    float: left;
    padding: 0 .1rem;
    line-height: .72rem;
    font-size: .27rem;
    color: #999;
}

.intitle_tab {
    width: auto;
    float: right;
}

.intitle_tab a {
    width: auto;
    height: .72rem;
    float: left;
    padding: 0 .3rem;
    line-height: .72rem;
    font-size: .3rem;
    color: #666;
}

.intitle_tab a.hover {
    border: solid 1px #ff99c9;
    border-bottom: none;
    color: #ff99c9;
    background: #fff;
}

.x_huangli {
    font-size: .32rem;
    width: 100%;
    float: left;
    padding: .2rem;
}

.x_huangli .x_hangBox {
    border: 0.02rem solid #cccccc;
}

.x_huangli .x_hl_hang1 {
    color: #bc7d3f;
    overflow: hidden;
    height: 1rem;
}

.x_huangli .x_hl_hang1 .x_hang1_l {
    font-size: .36rem;
    font-weight: bold;
    float: left;
    line-height: 1rem;
    border-right: .02rem solid #ccc;
    padding: 0 .2rem;
}

.x_huangli .x_hl_hang1 .x_hang1_r {
    float: left;
    line-height: 1.8;
    padding: 0 .2rem;
    font-size: .28rem;
}

.x_huangli .x_hl_hang2 {
    border-top: 0.02rem solid #cccccc;
    padding: .2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.x_huangli .x_hl_hang2 .dotted2 {
    border-top: 0.02rem dotted #cccccc;
}

.x_huangli .x_hl_hang2 img {
    width: .6rem;
    vertical-align: middle;
}

.x_huangli .x_hl_hang2 span {
    vertical-align: middle;
    font-size: .27rem;
    margin-left: 0.2rem;
}

/*!**huangli***/
/*算命*/
.sm_top {
    background: #f5f5f5 url(../images/smtp_bj.png) no-repeat bottom;
    background-size: 100% auto;
}

.jmqm_box {
    padding: 0 0.8rem;
    padding-top: 0.3rem;
}

.jmqm_box .jmqm_tit {
    height: 0.89rem;
}

.jmqm_box .jmqm_tit ul li {
    width: 33.3%;
    float: left;
}

.jmqm_box .jmqm_tit ul li a {
    display: block;
    width: 1.46rem;
    height: 0.67rem;
    padding: 0.14rem 0.08rem;
    margin: 0 auto;
}

.jmqm_box .jmqm_tit ul li a em {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0.3rem;
    color: #9494c3;
}

.jmqm_box .jmqm_tit ul li.on a {
    border-bottom: 0.03rem solid #4d4d5e;
}

.jmqm_box .jmqm_tit ul li.on a em {
    color: #4d4d5e;
}

.jmqm_box .jmqm_main .sexbox {
    margin-top: 0.45rem;
}

.jmqm_box .jmqm_main .sexbox ul li {
    float: left;
    width: 50%;
}

.jmqm_box .jmqm_main .sexbox ul li .pimg {
    width: 0.5rem;
    height: 0.5rem;
    position: relative;
    margin: 0 auto;
}

.jmqm_box .jmqm_main .sexbox ul li .pimg img {
    width: 100%;
    height: 100%;
}

.jmqm_box .jmqm_main .sexbox ul li .pimg span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.6;
    box-sizing: border-box;
    border-radius: 1.5rem;
}

.jmqm_box .jmqm_main .sexbox ul li .ptxt {
    text-align: center;
    font-size: 0.26rem;
    color: #333;
    margin-top: 0.1rem;
}

.jmqm_box .jmqm_main .sexbox ul li.on .pimg span {
    background: none;
    opacity: 1;
}

.jmqm_box .jmqm_main .sexbox ul li.on .pimg span.nan {
    border: 0.06rem solid #50c7ff;
}

.jmqm_box .jmqm_main .sexbox ul li.on .pimg span.nv {
    border: 0.06rem solid #ff7070;
}

.jmqm_box .jmqm_main .sexbox ul li.on .pimg span.cnnan {
    border: 0.06rem solid #50c7ff;
}

.jmqm_box .jmqm_main .sexbox ul li.on .pimg span.cnnv {
    border: 0.06rem solid #ff7070;
}

.jmqm_box .jmqm_main .sexbox ul li.on .ptxt {
    color: #333;
}

.jmqm_box .jmqm_main .infrolist dl {
    position: relative;
    padding-left: 1.36rem;
    font-size: 0.3rem;
    color: #333;
    line-height: 0.65rem;
    border-bottom: 1px solid #c4c4c4;
    margin-top: 0.28rem;
}

.jmqm_box .jmqm_main .infrolist dl dt {
    position: absolute;
    left: 0;
    top: 0;
}

.jmqm_box .jmqm_main .infrolist dl dd .text {
    background: none;
    width: 100%;
    height: 0.45rem;
    padding: 0.1rem 0;
    line-height: 0.45rem;
    font-size: 0.3rem;
    color: #333;
}

.jmqm_box .jmqm_main .infrolist dl dd .pra {
    display: inline-block;
    position: relative;
}

.jmqm_box .jmqm_main .infrolist dl dd .pra span {
    float: left;
    width: 0.22rem;
    height: 0.22rem;
    margin: 0.22rem 0.1rem 0 0;
    background: url(../images/radio.png) no-repeat;
    background-size: 100%;
}

.jmqm_box .jmqm_main .infrolist dl dd .pra .radio {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.jmqm_box .jmqm_main .infrolist dl dd .pra .radio:checked+span {
    background-image: url(../images/radio_on.png);
}

.jmqm_box .jmqm_main .infrolist dl dd .pra+.pra {
    margin-left: 0.63rem;
}

.jmqm_box .jmqm_main .infrolist dl dd .datebox {
    color: #c1c1c5;
}

.jmqm_box .jmqm_main .infrolist dl.none {
    border-bottom: none;
}

.jmqm_box .jmqm_main .infrolist dl+dl {
    margin-top: 0.3rem;
}

.jmqm_box .jmqm_main .btnbox {
    text-align: center;
    margin-top: 0.7rem;
}

.jmqm_box .jmqm_main .btnbox a {
    display: inline-block;
    width: 2.35rem;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    font-size: 0.4rem;
    color: #fff;
    background: #5e5281;
    border-radius: 100px;
}

.jmqm_box .jmqm_main .btns {
    display: inline-block;
    width: 2.35rem;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    font-size: 0.4rem;
    color: #fff;
    background: #5e5281;
    border-radius: 100px;
}

.jmqm_box .jmqm_main .btnbox a+a {
    margin-left: 1.1rem;
}

.jmqm_bt {
    height: 9px;
    background: #fff url(../images/smbt_bj.png) no-repeat;
    margin-top: 0.75rem;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #c1c1c5;
    font-size: 0.3rem;
}

.jmqm_box .jmqm_main .btnbox a.ds {
    background: url(../images/smbtn.png) no-repeat;
    background-size: cover;
}

.jmqm_box .jmqm_main .btnbox a+a {
    margin-left: 0.3rem;
}

/*!** 起名
***/
.qm-title {
    text-align: center;
    margin: .4rem 0
}

.qm-title .word {
    display: inline-block;
    vertical-align: bottom;
    width: .94rem;
    height: .94rem;
    line-height: .94rem;
    text-align: center;
    font-size: .66rem;
    color: #fff;
    background: url(../images/qm/grid.png);
    background-size: 100% 100%
}

.qm-title .gender {
    color: #999;
    margin-left: .1rem
}

.qm-names {
    margin-top: .35rem;
    font-size: .28rem
}

.qm-names-title {
    text-align: center;
    font-size: .32rem;
    font-weight: 700;
    color: #000;
    margin-bottom: .35rem
}

.qm-names-cont {
    height: 2.11rem;
    padding: .4rem .3rem;
    background: url(../images/qm/box-bg.png);
    background-size: 100% 100%
}

.qm-names-cont .cont-hd {
    overflow: hidden;
    line-height: .32rem;
    margin-bottom: .4rem
}

.qm-names-cont .cont-hd .wx-item {
    float: left;
    width: .32rem;
    height: .32rem;
    line-height: .32rem;
    text-align: center;
    background: #e4c130;
    color: #fff;
    border-radius: 50%;
    margin-left: .1rem;
    font-size: .2rem
}

.qm-names-cont .cont-hd .wx-item:nth-child(2) {
    background-color: #35cd9c
}

.qm-names-cont .cont-hd .wx-item:nth-child(3) {
    background-color: #64bcf4
}

.qm-names-cont .cont-hd .wx-item:nth-child(4) {
    background-color: #e35550
}

.qm-names-cont .cont-hd .wx-item:nth-child(5) {
    background-color: #c38e51
}

.qm-names-cont .cont-bd {
    font-size: 0
}

.qm-names-cont .cont-bd .radio {
    display: inline-block;
    vertical-align: top;
    width: 1.2rem;
    height: .6rem;
    background: #e4dcd2;
    padding: .04rem;
    border-radius: .3rem;
    overflow: hidden
}

.qm-names-cont .cont-bd .radio-option {
    float: left;
    width: .52rem;
    height: .52rem;
    line-height: .52rem;
    font-size: .28rem;
    border-radius: 50%;
    text-align: center;
    user-select: none
}

.qm-names-cont .cont-bd .radio-option+.radio-option {
    float: right
}

.qm-names-cont .cont-bd .radio-option.checked {
    background: #b0805f;
    color: #fff
}

.qm-names-cont .cont-bd .btn {
    border: 0;
    width: auto;
    height: .6rem;
    padding: .1rem .15rem;
    font-size: .28rem;
    border-radius: .3rem;
    background: #e4dcd2;
    text-align: justify
}

.qm-names-cont .cont-bd .icon-vip {
    position: absolute;
    margin: -.28rem 0 0 -.2rem
}

.qm-names-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 10;
    width: 1.2rem;
    font-size: .28rem;
    height: .6rem
}

.qm-names-select.hover .name {
    border-radius: .3rem .3rem 0 0
}

.qm-names-select.hover .name:after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.qm-names-select.hover .list {
    visibility: visible
}

.qm-names-select .name {
    background: #e4dcd2;
    color: #ef4c4d;
    line-height: .6rem;
    padding: 0 .16rem;
    border-radius: .3rem;
    font-size: .28rem;
    position: relative
}

.qm-names-select .name:after {
    content: '';
    position: absolute;
    top: 50%;
    right: .18rem;
    width: .12rem;
    height: .07rem;
    background: url(../images/qm/arrow.png);
    background-size: 100% 100%;
    margin-top: -.03rem;
    -moz-transition: -moz-transform .2s;
    -o-transition: -o-transform .2s;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s
}

.qm-names-select .list {
    position: absolute;
    top: 100%;
    width: 100%;
    background: #e4dcd2;
    color: #8d8376;
    border-top: 1px solid #d5cdc3;
    visibility: hidden;
    border-radius: 0 0 .3rem .3rem
}

.qm-names-select .list li {
    line-height: .55rem;
    padding: 0 .16rem
}

.qm-names-select .list li.active {
    display: none
}

.qm-names-list {
    width: 100%;
    overflow: hidden;
    padding-top: .4rem
}

.qm-names-list .love {
    display: inline-block;
    vertical-align: top;
    width: .36rem;
    height: .36rem;
    background-image: url(../images/qm/love.png);
    background-size: 100% 100%
}

.qm-names-list .love.on {
    background-image: url(../images/qm/love2.png)
}

.qm-names-list .list {
    width: 7.2rem;
    display: none
}

.qm-names-list .list.on {
    display: block
}

.qm-names-list .item {
    width: 2.4rem;
    float: left;
    line-height: .36rem;
    margin-bottom: .38rem
}

.qm-names-list .name {
    font-size: 0
}

.qm-names-list .word {
    font-size: .28rem;
    position: relative
}

.qm-names-list .word:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 105%;
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    margin-left: -.04rem
}

.qm-names-list .word-j:after {
    background: #e4c130
}

.qm-names-list .word-m:after {
    background: #35cd9c
}

.qm-names-list .word-s:after {
    background: #64bcf4
}

.qm-names-list .word-h:after {
    background: #e35550
}

.qm-names-list .word-t:after {
    background: #c38e51
}

.qm-names-list .score {
    background: #d1d1d1;
    color: #fff;
    font-size: .24rem;
    padding: 0 .06rem;
    border-radius: .08rem;
    margin-left: .08rem
}

.qm-names-list .score.s1 {
    background: #e35550
}

.qm-names-list .score.s2 {
    background: #64bcf4
}

.qm-names-list .score.s3 {
    background: #35cd9c
}

.qm-names-list .score.s4 {
    background: #c38e51
}

.qm-names-list .score.s5 {
    background: #e4c130
}

.qm-names-foot {
    text-align: center
}

.qm-names-foot .btn-change {
    border: 0;
    width: 4.7rem;
    padding: .15rem 0;
    font-size: .24rem;
    background: #e4e3e0;
    color: #000;
    border-radius: .32rem;
    margin-bottom: .2rem
}

.qm-names-foot .btn-change.loaded {
    color: #888
}

.qm-names-foot .tip {
    font-size: .24rem;
    color: #999;
    margin-bottom: .2rem
}

.qm-title2 {
    text-align: center;
    padding: .4rem 0;
    font-size: 0
}

.qm-title2 .word {
    display: inline-block;
    vertical-align: bottom;
    width: .9rem;
    height: .9rem;
    line-height: .9rem;
    text-align: center;
    font-size: .64rem;
    font-weight: 700;
    color: #ef4c4d;
    background: url(../images/qm/grid2.png);
    background-size: 100% 100%
}

.qm-title2 .word+.word {
    margin-left: .1rem
}

.qm-title2 .gender {
    font-size: .24rem;
    color: #999;
    margin-left: .1rem;
    position: absolute;
    margin-top: .5rem
}

.qm-score {
    position: absolute;
    padding: 0 .1rem;
    background: #bf9b70;
    color: #fff;
    text-align: center;
    border-radius: .08rem;
    font-size: .18rem
}

.qm-score .dt {
    line-height: .32rem;
    border-bottom: 1px solid #d9c3a9
}

.qm-score .dd {
    line-height: .38rem;
    font-weight: 700
}

.qm-score .dd b {
    vertical-align: top;
    font-size: .3rem;
    line-height: 1.2
}

.qm-tabs {
    margin-top: -.3rem
}

.qm-tabs .hd {
    background: #e8e1d4;
    margin: 0 -.3rem;
    padding: 0 .3rem;
    line-height: .76rem;
    position: relative
}

.qm-tabs .hd-item {
    text-align: center;
    font-size: .28rem;
    font-weight: 700;
    position: relative
}

.qm-tabs .hd-item.on {
    font-size: .32rem;
    color: #ef4c4d
}

.qm-tabs .hd-item.on:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    border: .1rem solid transparent;
    border-bottom-color: #fefbf5;
    margin-left: -.1rem
}

.qm-tabs .bd {
    padding-top: .2rem
}

.qm-tabs .bd-item {
    display: none
}

.qm-tabs .bd-item.on {
    display: block
}

.ad-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: rgba(0, 0, 0, .5);
    padding: .3rem;
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity .3s, visibility .3s;
    -o-transition: opacity .3s, visibility .3s;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s
}

.ad-popup .ad-box {
    width: 6.9rem;
    height: 2.88rem;
    position: absolute;
    top: 50%;
    margin-top: -1.44rem
}

.ad-popup .btn {
    width: 3rem;
    height: .66rem;
    position: absolute;
    top: 1.85rem;
    left: 50%;
    margin-left: -1.5rem;
    opacity: 0
}

.ad-popup .close {
    position: absolute;
    top: 100%;
    left: 50%;
    width: .5rem;
    height: .5rem;
    background: url(../images/qm/close.png) no-repeat;
    background-size: 100% 100%;
    margin: .45rem 0 0 -.25rem;
    font-size: 0
}

.ad-popup-cover .ad-popup {
    opacity: 1;
    visibility: visible
}

/*! 智能起名 start */
.znqm-step-box {
    display: none
}

.znqm-step-box.fadein {
    display: block;
    -webkit-animation: fadeIn .2s ease-out;
    -moz-animation: fadeIn .2s ease-out;
    -o-animation: fadeIn .2s ease-out;
    animation: fadeIn .2s ease-out
}

#gbh_ul,
#gbhzh_ul,
#gua_ul,
#rg_ul,
#zg_ul {
    -webkit-overflow-scrolling: touch;
    height: 240px;
    overflow-y: scroll;
    background: #fff;
    border: 1px solid #ccc
}

#gbh_ul li,
#gbhzh_ul li,
#gua_ul li,
#rg_ul li,
#zg_ul li {
    padding-left: 10px;
    line-height: 26px;
    height: 26px;
    font-size: 14px;
    color: #333;
    cursor: pointer
}

#gbh_ul li.hover,
#gbhzh_ul li.hover,
#gua_ul li.hover,
#rg_ul li.hover,
#zg_ul li.hover {
    background: #fff0b0
}

#gbh_ul li.select,
#gbhzh_ul li.select,
#gua_ul li.select,
#rg_ul li.select,
#zg_ul li.select {
    background: #f5f2f8
}

.guideDiv {
    overflow: hidden
}

.guideDiv P {
    margin: 0;
    text-indent: 2em;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 28px
}

.guideDiv .eitem {
    float: left;
    margin-left: 48px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 500px;
    height: 30px;
    overflow: hidden
}

.guideDiv .guaxiang {
    margin: 0 auto;
    width: 300px;
    overflow: hidden
}

.daixuan .condition {
    height: 16px;
    width: 16px
}

.guideDiv .guaxiang .gitem {
    margin: 0 auto;
    width: 210px;
    height: 280px;
    overflow: hidden
}

.guideDiv .guaxiang .gitem h4 {
    height: 30px;
    line-height: 30px;
    font-size: 14px
}

.guideDiv .guaxiang .gitem .wuge_bg p {
    padding: 0;
    text-indent: .5em
}

.guideDiv .ziDiv {
    overflow: hidden;
    margin-top: 10px
}

.guideDiv .ziDiv h4 {
    position: relative;
    height: 30px;
    line-height: 30px;
    font-size: 16px
}

.guideDiv .ziDiv h5 {
    float: left;
    width: 202px;
    height: 30px;
    line-height: 30px;
    font-size: 14px
}

.guideDiv .ziDiv .leftZone,
.guideDiv .ziDiv .rightZone {
    float: left;
    width: 252px;
    margin-right: 38px
}

.guideDiv .ziDiv .c-checkbox,
.guideDiv .ziDiv ul {
    border: 1px solid #ccc;
    overflow: auto;
    padding: 5px;
    font-size: 14px
}

.guideDiv .ziDiv .c-checkbox,
.guideDiv .ziDiv ul {
    background: #fff;
    display: block;
    min-height: 120px
}

.guideDiv .ziDiv .c-checkbox label,
.guideDiv .ziDiv ul {
    margin-right: 5px
}

.guideDiv .ziDiv .rightZone ul {
    height: 48px;
    background: #fff
}

.guideDiv .ziDiv .inputText {
    width: 30px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    border: 1px solid #ccc;
    padding: 2px
}

.guideDiv .ziDiv .zbutton {
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    vertical-align: middle
}

.guideDiv .ziDiv .fenye {
    line-height: 30px;
    color: #d51938
}

.guideDiv .ziDiv .fenye a {
    color: #d51938;
    text-decoration: underline;
    cursor: pointer
}

.lz-font1 {
    position: absolute;
    right: 5px;
    font-size: 12px
}

.lz-font1>span {
    color: #e60012
}

.qiming-res {
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 353px;
    overflow: auto
}

.qiming-res li {
    display: inline-block;
    width: 52px;
    font-size: 13px;
    margin: 2px 5px;
    line-height: 28px;
    height: 28px
}

.qiming-res li a {
    color: #333;
    display: block
}

/*!** 星座
***/
.xz-select {
    display: inline-block;
    line-height: .46rem;
    padding: 0 .2rem;
    text-align: center;
    font-size: .24rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: .25rem
}

.xz-select:after {
    content: '';
    margin-left: .1rem;
    vertical-align: .04rem;
    display: inline-block;
    width: .13rem;
    height: .08rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAICAMAAAAV+IX9AAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMA9EruP+jd08PAnJJVUjgyLXMB2FoAAAA1SURBVAjXTcfFEQAwDMTAc5ih/2aDM7ZeWqTJZZCQhRPyKAxSQCXGTtGDwc0c6oZfDzqOMwsyrAR0x+wgogAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.xz-selector {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 201;
    user-select: none;
    touch-action: none
}

.xz-selector.girl .title {
    background-image: url(../images/xz/tt-girl.png)
}

.xz-selector.boy .title {
    background-image: url(../images/xz/tt-boy.png)
}

.xz-selector-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .5)
}

.xz-selector-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #fff2ec;
    padding-bottom: .3rem
}

.xz-selector-inner .title {
    text-align: center;
    margin: .43rem 0;
    height: .57rem;
    background: url(../images/xz/tt.png) no-repeat center 0;
    background-size: auto 100%;
    font-size: 0
}

.xz-selector-inner .close {
    position: absolute;
    top: .3rem;
    right: .3rem;
    width: .44rem;
    height: .44rem;
    background-image: url(../images/xz/close.png);
    background-size: 100% 100%
}

.xz-selector-inner .list {
    overflow: hidden
}

.xz-selector-inner .item {
    width: 20%;
    margin: 0 2.5%;
    float: left;
    text-align: center;
    margin-bottom: .3rem
}

.xz-selector-inner .face {
    width: 1rem;
    height: 1rem;
    vertical-align: top;
    margin-bottom: .1rem
}

.xz-selector-inner .name {
    display: block;
    font-size: 12px;
    color: #666
}

.xz-selector-inner .btn-block {
    display: block;
    border: 1px solid #ccc;
    border-radius: 30px;
    color: #333;
    padding: 8px 0;
    margin: -5px 25px 20px
}

.xz-picker {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 201;
    user-select: none;
    touch-action: none;
    visibility: hidden;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -webkit-transition: all 0s;
    transition: all 0s
}

.xz-picker .picker-columns {
    overflow: hidden;
    padding: 0 .7rem
}

.xz-picker .picker-column {
    width: 1.6rem;
    float: left;
    text-align: center;
    position: relative;
    z-index: 1
}

.xz-picker .picker-column+.picker-column {
    float: right
}

.xz-picker .picker-name {
    color: #666;
    margin-bottom: .3rem
}

.xz-picker .picker-list {
    height: 5.4rem;
    position: relative;
    overflow: hidden;
    -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
    -webkit-mask-box-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 5%, #fff 20%, #fff 80%, rgba(0, 0, 0, 0) 95%, rgba(0, 0, 0, 0))
}

.xz-picker .picker-list ul {
    padding: 1.8rem 0
}

.xz-picker .picker-list li {
    height: 1.8rem
}

.xz-picker .picker-ctrl {
    position: absolute;
    bottom: 2.25rem;
    left: 50%;
    width: 3.19rem;
    height: 1.92rem;
    background: url(../images/xz/picker-ctrl-bg.png) no-repeat;
    background-size: 100% 100%;
    margin-left: -1.6rem;
    text-align: center
}

.xz-picker .pic {
    width: 1rem;
    height: 1rem;
    margin-top: .2rem;
    margin-bottom: .05rem
}

.xz-picker .tit {
    font-size: .24rem;
    color: #666
}

.xz-picker .btn-pair {
    width: 1.72rem;
    padding: .1rem 0;
    margin-top: .7rem;
    font-size: .28rem;
    background: #af7aeb;
    box-shadow: 0 .06rem #9657b9;
    border-radius: .4rem
}

.xz-picker .btn-text {
    display: block;
    -webkit-transform: skewX(-8deg);
    transform: skewX(-8deg)
}

.xz-picker-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #fff2ec;
    padding-bottom: .3rem
}

.xz-picker-inner .title {
    text-align: center;
    margin: .43rem 0;
    height: .57rem;
    background: url(../images/xz/tt.png) no-repeat center 0;
    background-size: auto 100%;
    font-size: 0
}

.xz-picker-inner .close {
    position: absolute;
    top: .3rem;
    right: .3rem;
    width: .44rem;
    height: .44rem;
    background-image: url(../images/xz/close.png);
    background-size: 100% 100%
}

.xz-picker-cover .xz-picker {
    visibility: visible
}

.xz-aries-nav {
    height: 1.32rem;
    padding: .16rem 0;
    background: #fff;
    margin-bottom: 0
}

.xz-aries-nav .list-scroll {
    margin: 0;
    padding: 0;
    -webkit-mask-box-image: none
}

.xz-aries-nav .list-scroll .list {
    white-space: nowrap;
    font-size: 0
}

.xz-aries-nav .list-scroll .item {
    width: 1rem;
    padding: 0;
    margin-right: .18rem
}

.xz-aries-nav .list-scroll .item:first-child {
    margin-left: .25rem
}

.xz-aries-nav .list-scroll .item:last-child {
    margin-right: .25rem
}

.xz-aries-nav .pic {
    display: inline-block;
    vertical-align: top;
    width: 1rem;
    height: 1rem
}

.query-box {
    background-color: #fff;
    padding: .6rem .5rem .3rem;
    margin-bottom: .2rem;
    position: relative
}

.query-box .pic {
    width: 2.2rem;
    height: 2.2rem;
    margin-right: .65rem;
    margin-top: .1rem
}

.query-box .con-hd {
    font-size: 0;
    margin-bottom: .24rem
}

.query-box .con-hd li {
    display: inline-block;
    vertical-align: top;
    font-size: .24rem;
    line-height: .4rem;
    color: #999;
    margin-left: .6rem;
    cursor: pointer
}

.query-box .con-hd li.on {
    color: #f1b840;
    font-size: .3rem
}

.query-box .form-group {
    margin-bottom: .3rem
}

.query-box .btn {
    display: inline-block;
    width: 1.8rem;
    padding: .17rem 0;
    text-align: center;
    border: 0;
    background-color: #f1b840;
    color: #fff;
    font-size: .26rem;
    text-align: center;
    border-radius: .36rem
}

.query-box .mb50 {
    margin-bottom: .5rem
}

.query-box .form-select {
    width: 100%;
    line-height: .66rem;
    border: 1px solid #e6e6e6;
    border-radius: .36rem;
    padding: 0 .32rem;
    position: relative;
    font-size: .24rem;
    background: url(../images/xz/arrow.png) no-repeat right .25rem center;
    background-size: .21rem .21rem
}

.query-box .form-select-time {
    width: 2.3rem
}

.query-box .form-select-time:after {
    content: none
}

.xz-luck {
    background: #fff;
    color: #ff6e56;
    padding: .35rem .2rem;
    margin-bottom: .2rem;
    position: relative
}

.xz-luck.great,
.xz-luck.nice {
    color: #f9995c
}

.xz-luck.great .xz-luck-info,
.xz-luck.nice .xz-luck-info {
    background-color: #7b828c;
    background-image: url(../images/xz/nice_bg.png)
}

.xz-luck.great .xz-luck-info .luck-words,
.xz-luck.nice .xz-luck-info .luck-words {
    background-image: url(../images/xz/word-nice.png)
}

.xz-luck.great .xz-luck-tabs .hd-item.on,
.xz-luck.nice .xz-luck-tabs .hd-item.on {
    color: #fff600;
    border-color: #fff600
}

.xz-luck.great .xz-luck-tabs .bd,
.xz-luck.nice .xz-luck-tabs .bd {
    background: #fffaed;
    border-color: #ffeede
}

.xz-luck.great .xz-luck-tabs .luck-text-line,
.xz-luck.nice .xz-luck-tabs .luck-text-line {
    background-color: #fae5d1
}

.xz-luck.great .xz-luck-tabs .luck-text,
.xz-luck.nice .xz-luck-tabs .luck-text {
    background-color: #ffeede;
    background-image: url(../images/xz/luck-ft.png)
}

.xz-luck.great .xz-luck-tabs .luck-text .tt,
.xz-luck.nice .xz-luck-tabs .luck-text .tt {
    color: #ee803b
}

.xz-luck.great .xz-luck-tabs .luck-text .tt:after,
.xz-luck.great .xz-luck-tabs .luck-text .tt:before,
.xz-luck.nice .xz-luck-tabs .luck-text .tt:after,
.xz-luck.nice .xz-luck-tabs .luck-text .tt:before {
    background-image: url(../images/xz/luck-love.png)
}

.xz-luck.great .xz-luck-tabs .luck-text .tt-healthy:after,
.xz-luck.great .xz-luck-tabs .luck-text .tt-healthy:before,
.xz-luck.nice .xz-luck-tabs .luck-text .tt-healthy:after,
.xz-luck.nice .xz-luck-tabs .luck-text .tt-healthy:before {
    background-image: url(../images/xz/luck-healthy.png)
}

.xz-luck.great .xz-luck-tabs .luck-text .tt-work:after,
.xz-luck.great .xz-luck-tabs .luck-text .tt-work:before,
.xz-luck.nice .xz-luck-tabs .luck-text .tt-work:after,
.xz-luck.nice .xz-luck-tabs .luck-text .tt-work:before {
    background-image: url(../images/xz/luck-work.png)
}

.xz-luck.great .xz-luck-tabs .luck-text .tt-wealth:after,
.xz-luck.great .xz-luck-tabs .luck-text .tt-wealth:before,
.xz-luck.nice .xz-luck-tabs .luck-text .tt-wealth:after,
.xz-luck.nice .xz-luck-tabs .luck-text .tt-wealth:before {
    background-image: url(../images/xz/luck-wealth.png)
}

.xz-luck.terrible {
    color: #76808b
}

.xz-luck.terrible .xz-luck-info {
    background-color: #7b828c;
    background-image: url(../images/xz/terrible_bg.png)
}

.xz-luck.terrible .xz-luck-info .luck-words {
    background-image: url(../images/xz/word-terrible.png)
}

.xz-luck.terrible .xz-luck-tabs .hd-item {
    color: #d0d6df
}

.xz-luck.terrible .xz-luck-tabs .hd-item.on {
    color: #fff;
    border-color: #fff
}

.xz-luck.terrible .xz-luck-tabs .bd {
    background: #eceff4;
    border-color: #eceff4
}

.xz-luck.terrible .xz-luck-tabs .luck-text-line {
    background-color: #dddfe5
}

.xz-luck.terrible .xz-luck-tabs .luck-text {
    background-color: #e0e3ea;
    background-image: url(../images/xz/terrible/luck-ft.png)
}

.xz-luck.terrible .xz-luck-tabs .luck-text .tt {
    color: #5f7082
}

.xz-luck.terrible .xz-luck-tabs .luck-text .tt:after,
.xz-luck.terrible .xz-luck-tabs .luck-text .tt:before {
    background-image: url(../images/xz/terrible/luck-love.png)
}

.xz-luck.terrible .xz-luck-tabs .luck-text .tt-healthy:after,
.xz-luck.terrible .xz-luck-tabs .luck-text .tt-healthy:before {
    background-image: url(../images/xz/terrible/luck-healthy.png)
}

.xz-luck.terrible .xz-luck-tabs .luck-text .tt-work:after,
.xz-luck.terrible .xz-luck-tabs .luck-text .tt-work:before {
    background-image: url(../images/xz/terrible/luck-work.png)
}

.xz-luck.terrible .xz-luck-tabs .luck-text .tt-wealth:after,
.xz-luck.terrible .xz-luck-tabs .luck-text .tt-wealth:before {
    background-image: url(../images/xz/terrible/luck-wealth.png)
}

.xz-luck.great .xz-luck-info .luck-words {
    background-image: url(../images/xz/word-great.png)
}

.xz-luck-goods {
    position: absolute;
    right: .2rem;
    top: .28rem;
    width: 4.06rem;
    height: .56rem;
    background: url(../images/xz/default/tbg.png) no-repeat;
    background-size: 100% 100%;
    padding-left: .3rem
}

.xz-luck-goods a {
    display: inline-block;
    vertical-align: middle;
    max-width: 3.3rem;
    height: .5rem;
    line-height: .5rem;
    color: #fff;
    font-size: .2rem;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

.xz-luck-goods:after {
    content: '';
    display: inline-block;
    vertical-align: -.01rem;
    width: .09rem;
    height: .16rem;
    background: url(../images/xz/arrow4.png) no-repeat;
    background-size: 100% 100%;
    margin-left: .06rem
}

.xz-luck-info {
    height: 2.6rem;
    background: #fc5f5f url(../images/xz/default_bg.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    border-radius: .4rem 0 0 0
}

.xz-luck-info .luck-icon {
    width: 2.15rem;
    height: 2.15rem;
    margin: .2rem .48rem 0 .5rem
}

.xz-luck-info .luck-words {
    width: 1.6rem;
    height: 1.06rem;
    background: url(../images/xz/word.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0;
    margin-top: .75rem
}

.xz-luck-info .xz-select {
    margin-left: .25rem;
    margin-top: .78rem;
    height: .5rem
}

.xz-luck-tabs .hd {
    overflow: hidden;
    height: .57rem;
    font-size: 0;
    position: absolute;
    right: .35rem;
    margin-top: -.57rem
}

.xz-luck-tabs .bd {
    background: #fff3f0;
    border: .06rem solid #ffe6e2;
    border-top: 0;
    padding: .44rem;
    border-radius: 0 0 .4rem .4rem
}

.xz-luck-tabs .hd-item {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: .28rem;
    font-weight: 700;
    height: .57rem;
    line-height: .46rem;
    margin-right: .2rem;
    cursor: pointer
}

.xz-luck-tabs .hd-item.on {
    color: #f1b840;
    border-bottom: .11rem solid #f1b840
}

.xz-luck-tabs .bd-item {
    display: none
}

.xz-luck-tabs .bd-item.on {
    display: block
}

.xz-luck-tabs .bd-item h3 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin: 20px 0 10px
}

.xz-luck-tabs .bd-item p {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    margin: 10px 0;
    text-align: justify
}

.xz-luck-tabs .luck-attr {
    margin-bottom: .2rem
}

.xz-luck-tabs .luck-attr ul {
    overflow: hidden;
    margin: 0 -3px
}

.xz-luck-tabs .luck-attr li {
    width: 50%;
    height: .54rem;
    float: left;
    white-space: nowrap;
    font-size: .28rem
}

.xz-luck-tabs .luck-attr .star {
    margin-top: .05rem
}

.xz-luck-tabs .luck-attr .star1 {
    width: .28rem
}

.xz-luck-tabs .luck-attr .star2 {
    width: .61rem
}

.xz-luck-tabs .luck-attr .star3 {
    width: .94rem
}

.xz-luck-tabs .luck-attr .star4 {
    width: 1.26rem
}

.xz-luck-tabs .luck-attr .trend {
    display: inline-block;
    vertical-align: -.06rem;
    width: .3rem;
    height: .3rem;
    background: url(../images/xz/trend.gif) no-repeat;
    background-size: 100% 100%;
    margin-left: .1rem;
    border-radius: .04rem
}

.xz-luck-tabs .luck-text-line {
    height: .12rem;
    background: #ffddd7;
    margin: 0 -.08rem;
    border-radius: .06rem;
    margin-bottom: -.06rem
}

.xz-luck-tabs .luck-text {
    position: relative;
    font-size: .26rem;
    padding: .3rem .4rem .55rem;
    line-height: .42rem;
    background: #ffe6e2 url(../images/xz/default/luck-ft.png) no-repeat 0 bottom;
    background-size: 100% auto
}

.xz-luck-tabs .luck-text .tt {
    text-align: center;
    font-size: .3rem;
    font-weight: 700;
    color: #ff583c;
    line-height: .5rem;
    margin-top: .3rem
}

.xz-luck-tabs .luck-text .tt:after,
.xz-luck-tabs .luck-text .tt:before {
    content: '';
    display: inline-block;
    vertical-align: -.04rem;
    width: .86rem;
    height: .27rem;
    background: url(../images/xz/default/luck-love.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 .2rem
}

.xz-luck-tabs .luck-text .tt-healthy:after,
.xz-luck-tabs .luck-text .tt-healthy:before {
    background-image: url(../images/xz/default/luck-healthy.png)
}

.xz-luck-tabs .luck-text .tt-work:after,
.xz-luck-tabs .luck-text .tt-work:before {
    background-image: url(../images/xz/default/luck-work.png)
}

.xz-luck-tabs .luck-text .tt-wealth:after,
.xz-luck-tabs .luck-text .tt-wealth:before {
    background-image: url(../images/xz/default/luck-wealth.png)
}

.xz-topic {
    background: #8157a0 url(../images/xz/wave-line.png) no-repeat 0 bottom;
    background-size: 100% auto;
    color: #fff;
    padding: .4rem .5rem .1rem
}

.xz-topic+.section {
    background: #fff;
    padding-top: .4rem
}

.xz-topic .remark {
    margin-bottom: .9rem;
    text-align: center
}

.xz-topic .remark .face {
    background-size: 100%;
    text-align: center;
    position: relative
}

.xz-topic .remark .face img {
    width: 3rem;
    vertical-align: top;
    position: relative;
    z-index: 1
}

.xz-topic .remark .xz-select {
    font-size: .36rem;
    line-height: .6rem;
    padding: 0 .25rem;
    margin: .35rem auto 0;
    border-radius: .32rem
}

.xz-topic .remark .xz-select:after {
    margin-left: .23rem;
    width: .21rem;
    height: .13rem
}

.xz-topic .remark .date {
    line-height: .5rem;
    text-align: center;
    color: #fecfcf;
    font-size: .22rem
}

.xz-topic .remark .title {
    font-size: .44rem;
    font-weight: 400;
    text-align: center;
    padding: .3rem 0 .4rem
}

.xz-topic .remark .title:before {
    content: '“';
    margin-left: -.38rem
}

.xz-topic .remark .title:after {
    content: "”";
    margin-left: .12rem
}

.xz-topic .remark .tags {
    font-size: 0;
    line-height: 1.5
}

.xz-topic .remark .tag {
    display: inline-block;
    width: 33.33%;
    text-align: center;
    font-size: .2rem;
    color: #fecfcf;
    margin-bottom: .3rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.xz-topic .remark .tag em {
    display: block;
    color: #fff;
    font-size: .3rem
}

.xz-topic .remark .text {
    font-size: .26rem;
    line-height: .46rem;
    padding: .26rem .65rem;
    background-color: #4e3064;
    border-radius: .7rem;
    text-align: left
}

.xz-topic .remark .text a {
    color: #ffca5c;
    display: inline-block
}

.xz-topic .remark .text-ft {
    text-align: center;
    font-size: .24rem;
    padding-top: .1rem
}

.xz-topic .remark .text-ft a:after {
    content: '';
    display: inline-block;
    width: .27rem;
    height: .14rem;
    background: url(../skin_img/sjb.png) no-repeat;
    background-size: 100%;
    margin-left: .26rem
}

.xz-topic .remark .xzxzbox .set span {
    margin-top: -.1rem
}

.xz-topic .ui-box {
    color: #fff;
    margin-bottom: .8rem
}

.xz-topic .ui-box .hd {
    height: .54rem;
    line-height: .54rem;
    margin-bottom: .3rem
}

.xz-topic .ui-box .pic {
    width: .54rem;
    height: .54rem;
    display: inline-block;
    vertical-align: top;
    margin-right: .2rem;
    border-radius: 50%;
    padding: .03rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.xz-topic .ui-box .pic img {
    width: 100%;
    height: 100%
}

.xz-topic .ui-box .tit {
    font-size: .36rem;
    margin-right: .2rem
}

.xz-topic .ui-box .star {
    margin-top: .12rem
}

.xz-topic .ui-box .more {
    float: right;
    padding: 0 .15rem;
    margin-right: -.15rem
}

.xz-topic .fate-box .bd {
    font-size: .26rem;
    line-height: 1.7
}

.xz-topic .fate-box .bd a {
    color: #ffca5c
}

.xz-topic .pair-list {
    padding: 0
}

.xz-topic .pair-list .item {
    float: left;
    position: relative
}

.xz-topic .pair-list .face {
    width: 1.2rem;
    height: 1.2rem;
    margin-bottom: .15rem
}

.xz-topic .pair-list .face img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.xz-topic .pair-list .rate {
    position: absolute;
    top: -.22rem;
    right: -.55rem;
    width: 1.12rem;
    line-height: 1.05rem;
    text-align: center;
    font-size: .38rem;
    background-color: #9a6ba7;
    border: .06rem solid #ffd7d9;
    border-radius: 50%;
    font-family: arial;
    box-shadow: 0 .12rem .12rem rgba(243, 109, 121, .4);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.xz-topic .pair-list .name {
    font-size: .2rem;
    text-align: center;
    padding-top: .02rem
}

.xz-topic .other-list {
    height: 1.22rem;
    overflow: hidden
}

.xz-topic .other-list .bd {
    width: 100%;
    height: 1.5rem;
    overflow-x: auto;
    font-size: 0;
    white-space: nowrap
}

.xz-topic .other-list .item {
    display: inline-block;
    vertical-align: top;
    width: 1.22rem;
    height: 1.22rem;
    border: 1px solid #f3d5e3;
    border-radius: 50%;
    margin-bottom: 5px;
    background: url(../images/xz/astro1.png) no-repeat;
    background-size: 100% 100%;
    white-space: nowrap;
    text-align: center
}

.xz-topic .other-list .item+.item {
    margin-left: .53rem
}

.xz-topic .other-list .item .name {
    font-size: .26rem;
    margin-top: .26rem
}

.xz-topic .other-list .item .date {
    font-size: .24rem;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.xz-query-block {
    padding: .3rem;
    background: #fff;
    margin-bottom: .2rem
}

.xz-query-block .item {
    text-align: center
}

.xz-query-block .title {
    text-align: center
}

.xz-query-block .tt {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    width: 1.65rem;
    height: .36rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 auto .15rem;
    -webkit-tap-highlight-color: transparent
}

.xz-query-block .tt-ys {
    background-image: url(../images/xz/tt-ys.png)
}

.xz-query-block .tt-pd {
    background-image: url(../images/xz/tt-pd.png)
}

.xz-query-block .tt-xj {
    background-image: url(../images/xz/tt-xj.png)
}

.xz-query-block .text {
    font-size: .24rem;
    margin-bottom: .25rem;
    font-weight: 700
}

.xz-query-block .c-gray {
    color: #7b818b
}

.xz-query-block .c-red {
    color: #a660af
}

.xz-query-block .c-blue {
    color: #82b1ff
}

.xz-query-block .cont {
    margin-bottom: .25rem
}

.xz-query-block .pic {
    display: inline-block;
    vertical-align: top;
    width: .9rem;
    height: .9rem;
    position: relative;
    z-index: 1
}

.xz-query-block .pic+.pic {
    z-index: 0;
    margin-left: -.3rem
}

.xz-query-block .xz-select {
    font-size: .24rem;
    line-height: .45rem;
    padding: 0 .16rem;
    border: 0;
    border-radius: .21rem;
    background: #f35a7e;
    color: #fff
}

.xz-query-block .xz-select2 {
    background: #d4a6ff
}

.xz-query-block .xz-select3 {
    background: #75d1f7
}

.xz-query-box {
    padding: .4rem 1rem;
    background: #fff;
    margin-bottom: .2rem
}

.xz-query-box .hd {
    margin-bottom: .3rem
}

.xz-query-box .hd-item {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    line-height: .36rem;
    text-align: center;
    font-size: .24rem;
    color: #999;
    -webkit-tap-highlight-color: transparent
}

.xz-query-box .hd-item.on {
    font-size: .3rem;
    color: #f1b840
}

.xz-query-box .bd-item {
    display: none
}

.xz-query-box .bd-item.on {
    display: block
}

.xz-query-box .select-group {
    border: 1px solid #8b8997;
    border-radius: .35rem
}

.xz-query-box .form-select {
    line-height: .66rem;
    border-radius: .36rem;
    padding: 0 .32rem;
    position: relative;
    font-size: .24rem;
    background: 0 0;
    border: none;
    background-image: url(../images/xz/arrow.png);
    background-repeat: no-repeat;
    background-position: right .25rem center;
    background-size: .21rem .21rem
}

.xz-query-box .btn {
    border: none;
    border-radius: 0 .36rem .36rem 0;
    width: 1.5rem;
    background: #8b8997;
    color: #fff;
    font-size: .26rem
}

.qf-link-box {
    background: url(../images/xz/default/qf-bg.png) no-repeat;
    height: .6rem;
    line-height: .6rem;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    background-size: 100% 100%;
    margin-top: .3rem
}

.qf-link-box a {
    display: block
}

.qf-link-box a:after {
    content: '';
    display: inline-block;
    vertical-align: -.01rem;
    width: .14rem;
    height: .24rem;
    background: url(../images/xz/arrow4.png) no-repeat;
    background-size: 100% 100%;
    margin-left: .15rem
}

/*!** @Author:ray; @create date:2018-08-16;
***/
.btn-pair {
    border: 0;
    width: 2.6rem;
    padding: .17rem 0;
    font-size: .4rem;
    border-radius: .5rem;
    background: #f1b840;
    color: #fff;
    box-shadow: 0 .1rem #f37b3a;
    -webkit-tap-highlight-color: transparent
}

.btn-pair:active {
    box-shadow: 0 0 #f37b3a;
    transform: translateY(.1rem);
    transition-duration: .1s
}

.pair-box {
    height: 6.5rem;
    background: #fc7676 url(../images/xz/pair-wave.png) repeat-x 0 bottom;
    background-size: 100% auto;
    position: relative;
    z-index: 10;
    overflow: hidden
}

.pair-box .pair-item {
    position: relative;
    text-align: center
}

.pair-box .pair-face {
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: .3rem
}

.pair-box .pair-boy .pair-face {
    border-color: #82b1ff
}

.pair-box .icon-love {
    left: .3rem
}

.pair-box .icon-kiss {
    right: .3rem
}

.pair-box .xz-select {
    font-size: .3rem;
    line-height: .66rem;
    padding: 0 .3rem;
    border: 0;
    border-radius: .33rem;
    background: #f35a7e;
    color: #fff
}

.pair-box .xz-select:after {
    margin-left: .1rem;
    width: .15rem;
    height: .1rem
}

.pair-box .pair-boy .xz-select {
    background: #82b1ff
}

.pair-box-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: url(../images/xz/love-bg.png) no-repeat center -1.5rem;
    background-size: 100% auto
}

.pair-box-bd {
    display: flex;
    justify-content: center;
    padding: .8rem .6rem .6rem
}

.pair-box-ft {
    text-align: center
}

/*! 手册 */
.guide-box {
    padding: .7rem .5rem .3rem;
    background: #fff;
    margin-bottom: .3rem
}

.pair-guide {
    background: #fff;
    padding: .7rem .6rem
}

.pair-book {
    width: 2.78rem;
    height: 3.26rem;
    background: url(../images/xz/book-boy.png) no-repeat;
    background-size: 100% 100%;
    text-align: center
}

.pair-book.girl {
    background-image: url(../images/xz/book-girl.png)
}

.pair-book.girl .xz-select {
    border-color: #ffc1ce;
    color: #ff8da4
}

.pair-book.girl .xz-select:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAMAAAAM9FwAAAAASFBMVEUAAAD/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc7/wc4UIFY+AAAAF3RSTlMA+PUBo5sD792VjFlUTUZAOayEgHZiMysKelUAAABVSURBVAjXTYhZEoAgFMMKAsqOa+9/U98gw5ifNoFRFyanstDkMXQJ5IqbZFi6e7kRiDJeirOkShCSIq1zRjyjk6WYndQFg6JJ8YpJlbI2/Gjb9nzvBVi0BEDJfnsgAAAAAElFTkSuQmCC)
}

.pair-book .btn,
.pair-book .xz-select {
    display: block;
    width: 1.4rem;
    border-radius: .1rem;
    margin-left: .55rem
}

.pair-book .xz-select {
    white-space: nowrap;
    border-color: #b2cdff;
    color: #71a3ff;
    margin-top: 1rem;
    margin-bottom: .2rem
}

.pair-book .xz-select:after {
    width: .16rem;
    height: .09rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAMAAAAM9FwAAAAAS1BMVEUAAACyzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf+yzf9MilmUAAAAGHRSTlMA9vnxAVUD3aSfm5VfTUZAOayNi4SAdjO6BMPqAAAAVUlEQVQI103IWQ6AIBRD0T4RFJDBuftfqS+EEM9Xb+HlwXBLgJBXz/kgDTaS59w66rRoT9THeXKyUHYig3OrdkKT9Fl3UjK6LFSmYChGu+KnLsuL5gNutgR1IxQMngAAAABJRU5ErkJggg==)
}

.pair-book .btn {
    font-size: .24rem;
    padding: .1rem 0;
    color: #fff
}

.pair-book .btn-blue {
    background-color: #b2cdff;
    border-color: #b2cdff
}

.pair-book .btn-red {
    background-color: #ffc1ce;
    border-color: #ffc1ce
}

/*! 最配星座排名 */
.pair-top {
    background: #fff;
    padding-bottom: .3rem;
    margin-bottom: .2rem
}

.pair-top-hd {
    text-align: center;
    font-size: .3rem;
    margin-bottom: .3rem;
    font-weight: 700
}

.pair-top-bd {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: .5rem
}

.pair-top-bd .item {
    width: 50%;
    height: .56rem;
    line-height: .56rem;
    font-size: .26rem;
    overflow: hidden
}

.pair-top-bd .link {
    color: #666
}

.pair-detail {
    background: #fff;
    padding: 0 .4rem .4rem;
    margin-bottom: .2rem
}

.pair-detail+.pair-top {
    padding-top: .3rem
}

.pair-detail+.pair-top .pair-top-hd {
    font-size: .4rem
}

.pair-detail .title {
    font-size: .36rem;
    font-weight: 700;
    padding: .6rem 0 .4rem;
    text-align: center
}

.pair-detail .p-title {
    font-size: .24rem;
    margin: 0 .1rem
}

.pair-detail .attr {
    color: #999;
    font-size: .3rem;
    width: 100%;
    overflow: hidden
}

.pair-detail .attr .list {
    width: 110%
}

.pair-detail .attr .item {
    width: 50%;
    line-height: .6rem
}

.pair-detail .attr .star {
    margin-top: .18rem
}

.pair-detail .attr .val {
    color: #333
}

.pair-detail .attr .good {
    color: #f35a7e;
    font-size: .38rem
}

.pair-detail .text {
    font-size: .34rem;
    line-height: .6rem;
    text-align: justify;
    padding: .3rem 0
}

.pair-detail .text img {
    max-width: 100%
}

/*! 文章详情 start */
.article-detail {
    padding: .5rem .5rem 0;
    background-color: #fff
}

.article-detail .title {
    font-size: .42rem;
    font-weight: 700;
    line-height: .6rem;
    text-align: center;
    margin-bottom: .2rem
}

.article-detail .info {
    text-align: center;
    margin-bottom: .2rem
}

.article-detail .info {
    text-align: center;
    margin-bottom: .2rem
}

.article-detail .attr {
    display: inline;
    margin: 0 .05rem;
    font-size: .24rem;
    color: #999
}

.article-detail .text {
    text-align: justify;
    font-size: .3rem;
    line-height: .6rem;
    padding-bottom: .3rem
}

.article-detail .viewouter {
    overflow: hidden
}

.article-detail .text img {
    display: block;
    max-width: 100%;
    height: auto !important;
    margin: .2rem auto
}

.article-detail .foot {
    text-align: center;
    margin: 0 -.2rem;
    padding-bottom: .4rem;
    background: url(../images/jm/ad-box.png) no-repeat;
    background-size: 100% 100%
}

.article-detail .foot .txt {
    font-size: .3rem;
    color: #a32630;
    line-height: .6rem;
    padding: .26rem .4rem;
    text-align: left
}

.article-detail .foot .btn-master {
    display: inline-block;
    vertical-align: top;
    width: 2.96rem;
    height: .96rem;
    line-height: .76rem;
    text-align: center;
    background: url(../images/jm/btn-bg.png) no-repeat;
    background-size: 100% 100%;
    font-size: .36rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: .03rem;
    -webkit-tap-highlight-color: transparent
}

.article-detail .dsjm-content {
    margin: 0 -.2rem
}

.viewouter+.teles {
    text-align: center;
    display: block;
    color: #ef4c4d;
    font-size: 20px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, .4) 20%, #fff 80%);
    height: 24px;
    position: relative;
    margin-top: -60px;
    padding-top: 60px;
    box-sizing: content-box
}

.viewouter+.teles i {
    display: inline-block;
    padding-bottom: 6px;
    font-style: normal
}

.viewouter+.teles i small {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 9px;
    margin-left: 10px;
    background: #ef4c4d url(/Content/images/arrow_down.png) no-repeat center 50%;
    background-size: 10px auto;
    vertical-align: -2px
}

.prev_next-article {
    background: #fff;
    padding: 15px
}

.prev_next-article li {
    background: rgba(248, 248, 248, 1);
    border-radius: 5px;
    border-left: 5px solid #aaa;
    font-size: 12px;
    color: #aaa;
    padding: 5px 15px;
    margin: 10px 0
}

.prev_next-article li a {
    display: block;
    font-size: 17.5px;
    line-height: 1.7;
    font-weight: 400;
    color: #333;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 4px 0
}

.prev_next-article li:nth-child(2) {
    border-left: 5px solid #6a0fa4
}

.prev_next-article li:nth-child(2) a {
    color: #580c88
}

.prev_next_bar {
    display: flex;
    align-items: center;
    padding: .3rem 0 .3rem;
}

.prev_next_bar .item {
    width: 81px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgb(201, 133, 74);
    color: rgb(201, 133, 74)
}

.prev_next_bar .item2 {
    flex: 1;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin: 0 8px;
    background: rgb(201, 133, 74);
    color: #fff
}

.related-reading {
    background: #fff;
    margin-bottom: .2rem;
    padding: .3rem
}

.related-reading .title {
    font-size: .36rem;
    font-weight: 700;
    margin-bottom: .15rem
}

.related-reading .item {
    display: block;
    font-size: .32rem;
    height: .7rem;
    line-height: .7rem;
    padding-left: .2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJBJREFUeNpiPHPmDBMDA4MWEP8A4rtA/J8BCwApOgnEl4H4NhCfAmI5XApNkPgg9gFsipmwaFbEphibQqyKcSlEVixLSCFM8TqQOkIKYR7UIUYhAzFWg8BZIL5CSOF9IA4E4n9MBBQ5APFjfFbDFD3C50YMRTCFZ5D4Z7ApAgEWIDYHYm0g/glNQViTGUCAAQA3uB4av+Kg/AAAAABJRU5ErkJggg==) no-repeat 0 center;
    background-size: .1rem .16rem;
    position: relative;
    overflow: hidden
}

.related-reading .item:first-child {
    color: #e86465;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOBAMAAADkjZCYAAAAKlBMVEXvTE0AAADvTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE3vTE2fvmXvAAAADnRSTlPPABfHmMC3rpc4LiI+O3VgLowAAAA2SURBVAjXY9CwUBQUZHBgKAKSBgxsGwUZgCAKTDJfZAABSzDJhERygmUPglVCdMFMUDEBmgYAPIMHizwtX1wAAAAASUVORK5CYII=)
}

.related-reading .a-item,
.related-reading .ad-item {
    height: .64rem;
    line-height: .64rem;
    margin: .2rem 0;
    font-size: .32rem;
    overflow: hidden
}

.related-reading .a-item .pic,
.related-reading .ad-item .pic {
    display: inline-block;
    vertical-align: top;
    width: .64rem;
    height: .64rem;
    margin-right: .18rem
}

.bottom-share {
    padding: .3rem 0 .1rem
}

.bottom-share .bottom-share-title {
    position: absolute;
    margin-top: 8px;
    font-size: 12px;
    color: #999
}

.bottom-share .bottom-share-list {
    line-height: 0;
    margin: 0 auto;
    max-width: 230px
}

@media screen and (max-width:340px) {
    .bottom-share .bottom-share-list {
        max-width: 210px
    }
}

.bottom-share-list .share-item a {
    margin: 0 auto;
    display: block;
    width: 28px;
    height: 28px
}

.section-btm {
    padding: 0 .3rem 0;
    background-color: #fff
}

/*! 列表分页 end */
.prev_page {
    display: flex;
    align-items: center;
    text-align: center;
    padding: .3rem 0 .3rem;
}

.prev_page a {
    display: inline-block;
    width: 1.8rem;
    border: 1px solid #dadada;
    color: #848484;
    border-radius: 6px;
    background-color: #fff;
    margin-bottom: .15rem;
    margin-right: .1rem;
    line-height: .6rem;
}

.prev_page b {
    display: inline-block;
    width: 1.8rem;
    border: 1px solid #dadada;
    color: #848484;
    border-radius: 6px;
    background-color: #fff;
    margin-bottom: .15rem;
    margin-right: .1rem;
    line-height: .6rem;
}

/*! 文章详情 end */
/*!** @Author:ray; @create date:2017-06-16;
***/
.page-search {
    background-color: #fff
}

.page-search .ad-nav {
    display: none
}

.page-search .section-nav {
    margin-bottom: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, .08)
}

.page-search .page-content-inner {
    padding-bottom: 2.8rem;
    margin-bottom: -2.8rem
}

.page-search .page-footer {
    height: 2.8rem
}

.page-search .f-xiong {
    display: none
}

.search-list {
    background: #fff
}

.search-list .item {
    display: block;
    padding: .28rem .3rem;
    position: relative
}

.search-list .item:after {
    content: '';
    height: 1px;
    position: absolute;
    left: .3rem;
    right: .3rem;
    bottom: 0;
    border-bottom: 1px dashed #e6e6e6
}

.search-list .item-hd {
    height: .42rem;
    line-height: .42rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: .15rem
}

.search-list .item-bd {
    font-size: .3rem;
    line-height: .48rem;
    height: .96rem;
    color: #999;
    overflow-y: hidden
}

.search-list .tag {
    display: inline-block;
    vertical-align: .02rem;
    width: 1.2rem;
    line-height: .36rem;
    text-align: center;
    font-size: .24rem;
    background: #ffeaea;
    color: #ef4c4d;
    border-radius: .05rem;
    margin-right: .05rem
}

.search-list .tit {
    font-size: .32rem
}

/*! 求签拜佛 end */
.xttbox {
    margin: 0.3rem 0;
    background: #fff;
    padding: 0 0.2rem;
}

.xttbox_title {
    text-align: center;
    line-height: 1.1rem;
    font-size: 0.36rem;
    color: #333;
    font-weight: bold;
    position: relative;
    margin-bottom: 5px;
}

.xttbox_title span {
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 0 0.4rem;
}

.xttbox_title:before {
    content: "";
    position: absolute;
    width: 80%;
    height: 1px;
    left: 10%;
    top: 50%;
    background-color: #e6e6e6;
}

.xttbox_title span:before,
.xttbox_title span:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #e6e6e6;
    margin-top: -3px;
}

.xttbox_title span:before {
    left: 0;
}

.xttbox_title span:after {
    right: 0;
}

.ddqfbox {
    background-color: #fff;
    margin: 0.3rem 0;
    padding-bottom: 3.4rem;
}

.ddqfbox .xttbox_title {
    font-size: 0.36rem;
    font-weight: bold;
}

.ddqfbox .ddrs {
    text-align: center;
    font-size: 0.24rem;
    color: #333;
    position: relative;
    z-index: 1;
}

.ddqfbox .ddrs em {
    font-size: 0.26rem;
    color: #bd1f1c;
    margin: 0 0.1rem;
    font-weight: bold;
}

.ddqfbox .ddspan {
    width: 7.04rem;
    height: 0.76rem;
    line-height: 0.34rem;
    text-align: center;
    background: url(../images/ddbg.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0.26rem;
    color: #59442f;
    margin: 0.25rem auto 0 auto;
    padding-top: 0.1rem;
    position: relative;
    z-index: 1;
}

.ddqfbox .xttbox_title {
    margin-bottom: -0.4rem;
}

.ddqfbox .ddspan .ltit {
    font-size: 0.24rem;
}

.ddqfbox .ddspan .ltit em {
    color: #bd1f1c;
    font-weight: bold;
}

.ddlist li {
    float: left;
    width: 2.1rem;
    height: 0.56rem;
    margin: 0.45rem 0 0 0.3rem;
    background: url(../images/ddlibg.png) no-repeat;
    background-size: 100% 100%;
}

.ddlist li a {
    display: block;
    height: 100%;
    position: relative;
    padding-left: 0.75rem;
}

.ddlist li img {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.83rem;
}

.ddlist li em {
    line-height: 0.56rem;
    font-size: 0.3rem;
    color: #fffa9b;
}

/*!** @Author:ray; @create date:2017-06-16;
***/
.page-404 {
    background: #fff
}

.page-404 .not-found {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: -3rem 0 0 0
}

.not-found {
    text-align: center;
    margin: 2rem 0;
    padding: 0 .3rem
}

.not-found .icon-404,
.not-found .icon-null {
    display: inline-block;
    vertical-align: top;
    width: 1.9rem;
    height: 2.12rem;
    background: url(../images/common/404.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: .42rem
}

.not-found .icon-null {
    background-image: url(../images/common/null.png)
}

.not-found .text {
    color: #96a4b2;
    font-size: .3rem;
    line-height: .45rem;
    text-align: center
}

.not-found .btn {
    border: 0;
    width: 2.28rem;
    background: #ef4c4d;
    color: #fff;
    padding: .15rem 0;
    margin-top: .3rem
}

/*!** @Author:ray; @create date:2018-05-24;
***/
.sogou-mobile .page-content-inner {
    padding-bottom: 2.8rem;
    margin-bottom: -2.8rem
}

.sogou-mobile .sidebar {
    bottom: 1.6rem
}

/*! bjx start */
.xing-list {
    font-size: 0;
    vertical-align: top;
    margin: .2rem .3rem;
    line-height: 0
}

.xing-list li {
    display: inline-block;
    width: 16.66667%;
    height: .6rem;
    line-height: 1;
    font-size: .28rem
}

.xing-list li a {
    display: block;
    margin: 0 .15rem
}

/*! 塔罗牌 start */
.tlp-list {
    background: #fff;
    padding: .28rem 0 .08rem
}

.tlp-list li {
    margin-bottom: .2rem
}

.tlp-list li a {
    display: block;
    border: 1px solid #8a56a7;
    border-radius: 5px;
    color: #7c4799;
    font-size: .25rem;
    height: .54rem;
    line-height: .54rem;
    margin: 0 10px;
    text-align: center
}

.tlpzb_wraper {
    padding-top: .15rem
}

.taluo_wrapper {
    padding: 0 10px 15px;
    width: 1080px;
    margin: auto;
    font-size: 18px;
    line-height: 1.41
}

.taluo_wrapper h1 {
    font-size: 32px;
    text-align: center
}

.taluo_wrapper h1 a {
    color: #333
}

.taluo_wrapper p {
    margin-bottom: 15px
}

.tlp-topbar {
    position: relative;
    margin-top: 120px
}

.tlp-topbar .tlpzb-title {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 28px
}

.taluo-intro {
    color: #fff;
    font-size: 14px;
    width: 650px;
    margin: 10px auto;
    margin-top: 30px
}

.taluo-intro strong {
    display: block;
    margin-bottom: 20px
}

.taluo-intro p {
    line-height: 1.6;
    margin-bottom: 20px
}

.px-wraper {
    background: rgba(0, 0, 0, .2);
    border: 1px dotted rgba(255, 255, 255, .4);
    border-top: none;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 25px 10px;
    position: relative
}

.px-wraper::after,
.px-wraper::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 5px;
    width: 24.5%;
    border-top: 1px dotted rgba(255, 255, 255, .3)
}

.px-wraper::after {
    right: 5px;
    left: initial
}

.kaipai_box {
    background: rgba(0, 0, 0, .2);
    border: 1px dotted rgba(255, 255, 255, .4);
    border-top: none;
    margin: 0 20px 10px;
    padding-top: .2rem;
    padding-bottom: 30px;
    border-radius: 10px;
    position: relative
}

.kaipai_box::after,
.kaipai_box::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 5px;
    width: 27.5%;
    border-top: 1px dotted rgba(255, 255, 255, .3)
}

.kaipai_box::after {
    right: 5px;
    left: initial
}

.px-wraper .hd {
    position: absolute;
    left: 50%;
    bottom: .2rem;
    margin-left: -.24rem;
    height: .08rem
}

.px-wraper .hd li {
    display: inline-block;
    vertical-align: top;
    width: .08rem;
    height: .08rem;
    background: #fff;
    opacity: .2;
    border-radius: .08rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 0 0 .1rem;
    font-size: 0
}

.px-wraper .hd li.on {
    background: #a19ab5;
    opacity: 1
}

.px-img-box {
    display: block;
    padding: 5px
}

.px-img-box img {
    background-color: rgba(255, 255, 255, .1);
    width: 100%;
    border-radius: 10px
}

.px-img-box .px-text {
    display: block;
    margin-top: 5px;
    text-align: center;
    font-size: .24rem;
    color: #fff
}

.px-text .px-font1 {
    color: #9c93a8;
    font-size: .23rem
}

.taluo-fp-box .fp-l {
    float: left;
    width: 590px;
    height: 430px;
    background: rgba(0, 0, 0, .6)
}

.taluo-fp-box .fp-r {
    margin-left: 20px;
    height: 428px;
    float: left;
    width: 150px;
    border: 1px solid rgba(255, 255, 255, .35)
}

.taluo-fp-box {
    width: 763px;
    margin: 30px auto 0
}

.fp-type li {
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    padding-left: 20px
}

.fp-type li.cur {
    background-color: rgba(255, 255, 255, .2)
}

.fp-box {
    height: 265px;
    position: relative
}

.fp-box li {
    position: absolute;
    text-align: center;
    cursor: pointer
}

.fp-box li>img {
    width: 100%;
    height: 100%
}

.fp-box li>.info {
    display: none
}

.fp-box li>.info.t2 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.fp-box li.cur {
    border-radius: 3px;
    box-shadow: 0 0 10px 1px rgba(255, 255, 255, .5), 0 0 10px 10px rgba(255, 255, 255, .1)
}

.fp-box.px1 li {
    top: 80px;
    width: 60px;
    height: 87px
}

.fp-box.px1 li:nth-child(1) {
    margin-left: -100px;
    left: 50%
}

.fp-box.px1 li:nth-child(2) {
    margin-left: -30px;
    left: 50%
}

.fp-box.px1 li:nth-child(3) {
    margin-left: 40px;
    left: 50%
}

.fp-box.px2 li {
    top: 140px;
    width: 40px;
    height: 60px
}

.fp-box.px2 li:nth-child(1) {
    left: 50%;
    margin-left: -20px;
    top: 145px
}

.fp-box.px2 li:nth-child(2) {
    top: 80px;
    left: 50%;
    margin-left: -80px
}

.fp-box.px2 li:nth-child(3) {
    left: 50%;
    margin-left: -20px;
    top: 15px
}

.fp-box.px2 li:nth-child(4) {
    top: 80px;
    left: 50%;
    margin-left: 40px
}

.fp-box.px3 li {
    width: 40px;
    height: 60px;
    top: 140px
}

.fp-box.px3 li:nth-child(1) {
    left: 50%;
    margin-left: -20px
}

.fp-box.px3 li:nth-child(2) {
    left: 50%;
    margin-left: -80px
}

.fp-box.px3 li:nth-child(3) {
    left: 50%;
    margin-left: 40px
}

.fp-box.px3 li:nth-child(4) {
    top: 40px;
    left: 50%;
    margin-left: -20px
}

.fp-box.px4 li {
    width: 40px;
    height: 60px;
    top: 140px
}

.fp-box.px4 li:nth-child(1) {
    left: 50%;
    margin-left: -20px
}

.fp-box.px4 li:nth-child(2) {
    left: 50%;
    margin-left: -80px
}

.fp-box.px4 li:nth-child(3) {
    left: 50%;
    margin-left: 40px
}

.fp-box.px4 li:nth-child(4) {
    top: 40px;
    left: 50%;
    margin-left: -20px
}

.fp-box.px5 li {
    top: 170px;
    width: 40px;
    height: 60px
}

.fp-box.px5 li:nth-child(1) {
    top: 110px;
    left: 50%;
    margin-left: -20px
}

.fp-box.px5 li:nth-child(2) {
    left: 50%;
    margin-left: -80px
}

.fp-box.px5 li:nth-child(3) {
    top: 40px;
    left: 50%;
    margin-left: -20px
}

.fp-box.px5 li:nth-child(4) {
    left: 50%;
    margin-left: 40px
}

.fp-box.px6 li {
    top: 90px;
    width: 40px;
    height: 60px
}

.fp-box.px6 li:nth-child(1) {
    top: 160px;
    left: 50%;
    margin-left: -20px
}

.fp-box.px6 li:nth-child(2) {
    left: 50%;
    margin-left: -50px
}

.fp-box.px6 li:nth-child(3) {
    left: 50%;
    margin-left: 10px
}

.fp-box.px6 li:nth-child(4) {
    top: 20px;
    left: 50%;
    margin-left: -80px
}

.fp-box.px6 li:nth-child(5) {
    top: 20px;
    left: 50%;
    margin-left: 40px
}

.fp-box.px7 li {
    width: 40px;
    height: 60px
}

.fp-box.px7 li:nth-child(1) {
    top: 90px;
    left: 50%;
    margin-left: -20px
}

.fp-box.px7 li:nth-child(2) {
    top: 15px;
    left: 50%;
    margin-left: -70px
}

.fp-box.px7 li:nth-child(3) {
    top: 15px;
    left: 50%;
    margin-left: -20px
}

.fp-box.px7 li:nth-child(4) {
    top: 15px;
    left: 50%;
    margin-left: 30px
}

.fp-box.px7 li:nth-child(5) {
    top: 170px;
    left: 50%;
    margin-left: -20px
}

.fp-box.px8 li {
    top: 77px;
    width: 40px;
    height: 60px
}

.fp-box.px8 li:nth-child(1) {
    left: 50%;
    margin-left: -20px
}

.fp-box.px8 li:nth-child(2) {
    top: 15px;
    left: 50%;
    margin-left: -71px
}

.fp-box.px8 li:nth-child(3) {
    top: 15px;
    left: 50%;
    margin-left: 31px
}

.fp-box.px8 li:nth-child(4) {
    top: 148px;
    left: 50%;
    margin-left: -71px
}

.fp-box.px8 li:nth-child(5) {
    top: 148px;
    left: 50%;
    margin-left: 31px
}

.fp-box.px9 li {
    top: 77px;
    width: 40px;
    height: 60px
}

.fp-box.px9 li:nth-child(1) {
    left: 50%;
    margin-left: -20px
}

.fp-box.px9 li:nth-child(2) {
    top: 15px;
    left: 50%;
    margin-left: -71px
}

.fp-box.px9 li:nth-child(3) {
    top: 15px;
    left: 50%;
    margin-left: 30px
}

.fp-box.px9 li:nth-child(4) {
    top: 148px;
    left: 50%;
    margin-left: -71px
}

.fp-box.px9 li:nth-child(5) {
    top: 148px;
    left: 50%;
    margin-left: 31px
}

.fp-box.px10 li {
    top: 145px;
    width: 40px;
    height: 60px
}

.fp-box.px10 li:nth-child(1) {
    top: 40px;
    left: 50%;
    margin-left: -100px
}

.fp-box.px10 li:nth-child(2) {
    left: 50%;
    margin-left: -100px
}

.fp-box.px10 li:nth-child(3) {
    top: 40px;
    left: 50%;
    margin-left: -20px
}

.fp-box.px10 li:nth-child(4) {
    left: 50%;
    margin-left: -20px
}

.fp-box.px10 li:nth-child(5) {
    top: 40px;
    left: 50%;
    margin-left: 60px
}

.fp-box.px10 li:nth-child(6) {
    left: 50%;
    margin-left: 60px
}

.fp-box.px11 li {
    top: 130px;
    width: 36px;
    height: 52px
}

.fp-box.px11 li:nth-child(1) {
    top: 20px;
    left: 50%;
    margin-left: -18px
}

.fp-box.px11 li:nth-child(2) {
    top: 55px;
    left: 50%;
    margin-left: -68px
}

.fp-box.px11 li:nth-child(3) {
    top: 55px;
    left: 50%;
    margin-left: 32px
}

.fp-box.px11 li:nth-child(4) {
    left: 50%;
    margin-left: -68px
}

.fp-box.px11 li:nth-child(5) {
    left: 50%;
    margin-left: 32px
}

.fp-box.px11 li:nth-child(6) {
    top: 170px;
    left: 50%;
    margin-left: -18px
}

.fp-box.px12 li {
    top: 130px;
    width: 36px;
    height: 52px
}

.fp-box.px12 li:nth-child(1) {
    top: 20px;
    left: 50%;
    margin-left: -18px
}

.fp-box.px12 li:nth-child(2) {
    left: 50%;
    margin-left: 32px
}

.fp-box.px12 li:nth-child(3) {
    left: 50%;
    margin-left: -68px
}

.fp-box.px12 li:nth-child(4) {
    top: 170px;
    left: 50%;
    margin-left: -18px
}

.fp-box.px12 li:nth-child(5) {
    top: 55px;
    left: 50%;
    margin-left: -68px
}

.fp-box.px12 li:nth-child(6) {
    top: 55px;
    left: 50%;
    margin-left: 32px
}

.fp-box.px12 li:nth-child(7) {
    top: 92px;
    left: 50%;
    margin-left: -18px
}

.fp-box.px13 li {
    top: 135px;
    width: 30px;
    height: 44px
}

.fp-box.px13 li:nth-child(1) {
    top: 30px;
    left: 50%;
    margin-left: -80px
}

.fp-box.px13 li:nth-child(5) {
    left: 50%;
    margin-left: 10px
}

.fp-box.px13 li:nth-child(2) {
    top: 80px;
    left: 50%;
    margin-left: -60px
}

.fp-box.px13 li:nth-child(3) {
    left: 50%;
    margin-left: -40px
}

.fp-box.px13 li:nth-child(4) {
    top: 190px;
    left: 50%;
    margin-left: -15px
}

.fp-box.px13 li:nth-child(6) {
    top: 80px;
    left: 50%;
    margin-left: 30px
}

.fp-box.px13 li:nth-child(7) {
    top: 30px;
    left: 50%;
    margin-left: 50px
}

.fp-box.px14 li {
    top: 140px;
    width: 30px;
    height: 44px
}

.fp-box.px14 li:nth-child(1) {
    top: 190px;
    left: 50%;
    margin-left: -15px
}

.fp-box.px14 li:nth-child(2) {
    left: 50%;
    margin-left: -40px
}

.fp-box.px14 li:nth-child(3) {
    left: 50%;
    margin-left: 10px
}

.fp-box.px14 li:nth-child(4) {
    top: 80px;
    left: 50%;
    margin-left: -60px
}

.fp-box.px14 li:nth-child(5) {
    top: 80px;
    left: 50%;
    margin-left: -15px
}

.fp-box.px14 li:nth-child(6) {
    top: 80px;
    left: 50%;
    margin-left: 30px
}

.fp-box.px14 li:nth-child(7) {
    top: 20px;
    left: 50%;
    margin-left: -15px
}

.fp-box.px15 li {
    top: 130px;
    width: 36px;
    height: 52px
}

.fp-box.px15 li:nth-child(1) {
    left: 50%;
    margin-left: -68px
}

.fp-box.px15 li:nth-child(2) {
    top: 55px;
    left: 50%;
    margin-left: -68px
}

.fp-box.px15 li:nth-child(3) {
    top: 20px;
    left: 50%;
    margin-left: -18px
}

.fp-box.px15 li:nth-child(4) {
    top: 55px;
    left: 50%;
    margin-left: 32px
}

.fp-box.px15 li:nth-child(5) {
    left: 50%;
    margin-left: 32px
}

.fp-box.px15 li:nth-child(6) {
    top: 170px;
    left: 50%;
    margin-left: -18px
}

.fp-box.px15 li:nth-child(7) {
    top: 92px;
    left: 50%;
    margin-left: -18px
}

.fp-box.px16 li {
    top: 130px;
    width: 36px;
    height: 52px
}

.fp-box.px16 li:nth-child(1) {
    top: 92px;
    left: 50%;
    margin-left: -18px
}

.fp-box.px16 li:nth-child(2) {
    left: 50%;
    margin-left: -68px
}

.fp-box.px16 li:nth-child(3) {
    left: 50%;
    margin-left: 32px
}

.fp-box.px16 li:nth-child(4) {
    top: 170px;
    left: 50%;
    margin-left: -18px
}

.fp-box.px16 li:nth-child(5) {
    top: 55px;
    left: 50%;
    margin-left: -68px
}

.fp-box.px16 li:nth-child(6) {
    top: 55px;
    left: 50%;
    margin-left: 32px
}

.fp-box.px16 li:nth-child(7) {
    top: 20px;
    left: 50%;
    margin-left: -18px
}

.fp-box.px17 li {
    top: 120px;
    width: 30px;
    height: 44px
}

.fp-box.px17 li:nth-child(1) {
    left: 170px;
    left: 50%;
    margin-left: -70px
}

.fp-box.px17 li:nth-child(2) {
    top: 60px;
    left: 50%;
    margin-left: -90px
}

.fp-box.px17 li:nth-child(3) {
    top: 60px;
    left: 50%;
    margin-left: -50px
}

.fp-box.px17 li:nth-child(4) {
    left: 50%;
    margin-left: 30px
}

.fp-box.px17 li:nth-child(5) {
    left: 50%;
    margin-left: -10px
}

.fp-box.px17 li:nth-child(6) {
    left: 420px;
    left: 50%;
    margin-left: 70px
}

.fp-box.px17 li:nth-child(7) {
    top: 60px;
    left: 50%;
    margin-left: 30px
}

.fp-box.px18 li {
    top: 80px;
    width: 30px;
    height: 44px
}

.fp-box.px18 li:nth-child(1) {
    left: 50%;
    margin-left: -15px;
    top: 150px
}

.fp-box.px18 li:nth-child(2) {
    left: 50%;
    margin-left: -120px
}

.fp-box.px18 li:nth-child(3) {
    left: 50%;
    margin-left: -85px
}

.fp-box.px18 li:nth-child(4) {
    left: 50%;
    margin-left: -50px
}

.fp-box.px18 li:nth-child(5) {
    left: 50%;
    margin-left: -15px
}

.fp-box.px18 li:nth-child(6) {
    left: 50%;
    margin-left: 20px
}

.fp-box.px18 li:nth-child(7) {
    left: 50%;
    margin-left: 55px
}

.fp-box.px18 li:nth-child(8) {
    left: 50%;
    margin-left: 90px
}

.fp-box.px19 li {
    width: 27px;
    height: 40px;
    left: 50%
}

.fp-box.px19 li:nth-child(2) {
    left: 50%;
    margin-left: -13px;
    top: 185px
}

.fp-box.px19 li:nth-child(6) {
    margin-left: 16px;
    left: 50%;
    top: 145px
}

.fp-box.px19 li:nth-child(7) {
    margin-left: -42px;
    left: 50%;
    top: 145px
}

.fp-box.px19 li:nth-child(5) {
    margin-left: 16px;
    left: 50%;
    top: 65px
}

.fp-box.px19 li:nth-child(8) {
    margin-left: -42px;
    left: 50%;
    top: 65px
}

.fp-box.px19 li:nth-child(1) {
    margin-left: 43px;
    left: 50%;
    top: 105px
}

.fp-box.px19 li:nth-child(3) {
    left: 50%;
    margin-left: -69px;
    top: 105px
}

.fp-box.px19 li:nth-child(9) {
    left: 50%;
    margin-left: -13px;
    top: 105px
}

.fp-box.px19 li:nth-child(4) {
    left: 50%;
    margin-left: -13px;
    top: 25px
}

.fp-box.px20 li {
    width: 21px;
    height: 30px;
    left: 50%;
    margin-left: -10.5px
}

.fp-box.px20 li:nth-child(1) {
    bottom: 5px
}

.fp-box.px20 li:nth-child(2) {
    bottom: 37px
}

.fp-box.px20 li:nth-child(3) {
    bottom: 69px
}

.fp-box.px20 li:nth-child(4) {
    bottom: 101px
}

.fp-box.px20 li:nth-child(5) {
    bottom: 133px
}

.fp-box.px20 li:nth-child(6) {
    bottom: 165px
}

.fp-box.px20 li:nth-child(7) {
    bottom: 197px;
    margin-left: -31.5px
}

.fp-box.px20 li:nth-child(8) {
    bottom: 197px;
    margin-left: 10.5px
}

.fp-box.px20 li:nth-child(9) {
    bottom: 229px
}

.tlp-detail-box {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
}

.tlpzb_box {
    position: relative
}

.tlp-detail-wrap {
    margin: 45px 30px 0;
    background-color: #fff;
    overflow: hidden;
    padding-top: 10px;
    height: 435px;
    overflow-y: auto
}

.tlp-detail-wrap .v-l {
    margin-top: 10px;
    width: 80px;
    margin: 10px auto 0
}

.tlp-detail-wrap .v-l img {
    width: 100%
}

.tlp-detail-wrap .v-l img.t2 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.tlp-detail-wrap .v-title {
    display: block;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    color: #333
}

.tlp-detail-wrap .v-r .v-ctn {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    overflow: auto;
    margin: 5px 10px
}

.needBg1::after {
    display: block;
    content: "";
    padding-bottom: 10%
}

.needBg1 {
    background-image: url(/Content/images/tlp/tlp_bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.tlpzb_title {
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    padding-top: 10px
}

.tlpzb_desc {
    font-size: .26rem;
    margin: 0 20px;
    color: #9893a8;
    line-height: 1.7
}

.tlpzb_desc strong {
    display: block;
    text-align: center;
    color: #c4b5fb;
    font-size: .3rem;
    font-weight: 700;
    margin: .2rem 0
}

.tlpzb_desc p {
    text-indent: .52rem
}

#px_name {
    position: relative
}

.tlp-topbar-prev {
    padding-left: 20px;
    padding-top: .1rem;
    font-size: .26rem;
    opacity: .5;
    color: #fff
}

.fp-type li {
    display: inline-block;
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    width: 50%;
    padding-left: 5px;
    box-sizing: border-box
}

.zb-item-box {
    font-size: 0;
    margin: 0 10px;
    padding-bottom: 10px;
    overflow-y: auto;
    height: 152px;
    border: 1px solid rgba(255, 255, 255, .35)
}

.tlpzb-hd {
    margin-bottom: -.26rem;
    padding-top: .21rem;
    text-align: center;
    position: relative;
    z-index: 1
}

.tlpzb-hd .title {
    display: inline-block;
    font-size: .36rem;
    font-weight: 700;
    color: #feeaf3;
    text-shadow: 0 0 40px rgba(158, 156, 231, 1)
}

.tlpzb-hd .title:after,
.tlpzb-hd .title:before {
    content: '';
    display: inline-block;
    vertical-align: -.02rem;
    width: .17rem;
    height: .28rem;
    background: url(/Content/images/tlp/title_image01.png) no-repeat;
    background-size: 100% 100%
}

.tlpzb-hd .title::before {
    margin-right: .15rem
}

.tlpzb-hd .title:after {
    background-image: url(/Content/images/tlp/title_image02.png);
    margin-left: .15rem
}

.tlpzb-hd .xzpx-title {
    display: inline-block;
    width: 2.5rem;
    height: .42rem;
    background: url(/Content/images/tlp/title.png);
    background-size: 100% 100%;
    vertical-align: top
}

/*! 八字择日 start */
.jiri_header {
    padding: 0 .1rem;
    height: .72rem;
    line-height: .72rem;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    position: relative
}

.jiri_header h2 {
    font-size: .28rem;
    color: #333
}

.jiri_header .order {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0
}

.jiri_header .order .item {
    position: relative;
    padding: 0 15px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
    font-size: .24rem
}

.jiri_header .order .split-line {
    display: inline-block;
    vertical-align: top;
    margin-top: .25rem;
    height: 12px;
    width: 1px;
    background-color: #ddd
}

.jiri_header .order .item a {
    display: block;
    color: #666
}

.jiri_header .order .item a.cur {
    color: #a83705
}

.jiri_header .order .item .down,
.jiri_header .order .item .up {
    position: absolute;
    top: .2rem;
    right: 3px;
    display: inline-block;
    width: 10px;
    height: 18px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    vertical-align: top
}

.jiri_header .order .item .up {
    background-image: url(/Content/images/arrowup.png)
}

.jiri_header .order .item .down {
    background-image: url(/Content/images/arrowdown.png)
}

.jiri-item {
    padding: 0 10px
}

.jiri-date {
    font-weight: 700;
    font-size: .28rem
}

.td-text1 {
    font-weight: 700;
    text-align: center
}

/*! 八字合婚 start */
.sm-hh-box {
    text-align: center
}

.sm-hh-box .sm-hh-item {
    margin: 0 1rem;
    display: inline-block;
    font-size: .36rem;
    color: #ef4c4d
}

.sm-hh-box .sm-hh-head {
    font-weight: 700;
    color: #333
}

.sm-conbox .sm-hh-text {
    text-align: center
}

/*! 周易算命 start  */
.ganzhi .gz {
    display: inline-block
}

.ganzhi .shuzi {
    color: #ef4c4d;
    width: .82rem;
    margin-left: .04rem;
    display: inline-block
}

/*! 六爻占卦  */
.qb-list {
    padding: .2rem .2rem 0
}

.qb-list .qb-img {
    margin: 0 auto;
    width: 1.4rem;
    height: 1.4rem;
    background-repeat: no-repeat;
    background-image: url(/img/coin_positive.png);
    background-size: 100% 100%
}

.qb-list .qb-img.t1 {
    background-image: url(/img/coin_negative.png)
}

.qb-list .qb-img2 {
    margin: 0 auto;
    width: 1.8rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-image: url(/img/tb01.png);
    background-size: 100% 100%
}

.qb-list .qb-img2.t1 {
    background-image: url(/img/tb02.png)
}

.qb-list .qb-type {
    text-align: center;
    font-size: .26rem;
    line-height: .5rem;
    color: #999
}

.lyzg-cg .com_table {
    background: #fff
}

.lyzg-cg .t-txt1 {
    text-align: center;
    color: #64382a
}

.lyzg-cg .t-txt2 {
    width: 70%;
    text-indent: 1.5rem
}

/*! 号码吉凶 */
.com_table .number_table-l {
    width: 1.5rem;
    text-align: center;
    height: .9rem
}

.com_table .number_table-r {
    padding: .1rem .1rem
}

.com_table .ren {
    color: #00b7ee
}

/*!  专题  */
.icon-tt-ima {
    padding-right: .1rem;
    width: 2.6rem;
    height: .86rem;
    line-height: .86rem;
    font-size: .28rem;
    color: #fff;
    font-weight: 700;
    background-image: url(../images/index/tt-ima.png)
}

.btn-zt-more {
    display: block;
    margin: 0 auto;
    width: 1.95rem;
    height: .5rem;
    background: rgba(245, 245, 245, 1);
    border-radius: .25rem;
    text-align: center;
    line-height: .5rem;
    font-size: .28rem;
    color: #999
}

.sec-box {
    background: #fff;
    padding-bottom: .4rem
}

.zt-header {
    background: #fff;
    padding-bottom: .3rem
}

.zt-header .img-wrap {
    position: relative;
    height: 2.8rem;
    overflow: hidden
}

.zt-header .img-wrap img {
    width: 100%;
    min-height: 100%
}

.zt-header .zt-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    text-align: center;
    color: #fff
}

.zt-header .zt-mask .title {
    margin-top: 1rem;
    font-size: .38rem
}

.zt-header .zt-mask .text {
    margin-top: .25rem;
    font-size: .24rem;
    color: rgba(255, 255, 255, .8)
}

.zt-header .desc {
    text-indent: .52rem;
    font-size: .26rem;
    margin: .3rem .3rem 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

/*! 精准查询 */
.up-xz-box {
    height: 3.7rem;
    margin: 0 .3rem;
    position: relative
}

.up-xz-box .xzitem-wrap .img-wrap {
    width: 2rem;
    height: 2rem;
    background: url(/Content/images/astro_index/bg_xz01.png) center center no-repeat;
    background-size: 100% 100%
}

.up-xz-box .xzitem-wrap .img-wrap img {
    width: 100%;
    height: 100%
}

.up-xz-box .xzitem-wrap .t-txt {
    color: #ff7f02;
    font-size: .26rem;
    text-align: center;
    margin-top: 5px
}

.up-xz-box .xzitem-wrap.t1 {
    width: 2rem;
    position: absolute;
    top: 50%;
    margin-top: -1.3rem;
    left: 50%;
    margin-left: -1rem;
    font-weight: 700;
    font-size: .3rem
}

.up-xz-box .xzitem-wrap.t4 {
    width: 1.13rem;
    position: absolute;
    top: 50%;
    margin-top: -.7rem;
    left: 0
}

.up-xz-box .xzitem-wrap.t4 .img-wrap {
    width: 1.13rem;
    height: 1.13rem
}

.up-xz-box .xzitem-wrap.t2 {
    width: .95rem;
    position: absolute;
    top: 50%;
    margin-top: -1.4rem;
    right: 0;
    margin-right: 0
}

.up-xz-box .xzitem-wrap.t2 .img-wrap,
.up-xz-box .xzitem-wrap.t3 .img-wrap {
    width: .95rem;
    height: .95rem
}

.up-xz-box .xzitem-wrap.t3 {
    width: .95rem;
    position: absolute;
    top: 50%;
    margin-top: .1rem;
    right: 0;
    margin-right: 0
}

.up-xz-box .xzitem-wrap.t2 .t-txt,
.up-xz-box .xzitem-wrap.t3 .t-txt,
.up-xz-box .xzitem-wrap.t4 .t-txt {
    font-size: .24rem;
    color: #333
}

.query-detail-tags {
    padding-top: .2rem;
    border-top: 1px solid #eae5dd
}

.query-detail-tags ul li {
    font-size: .28rem;
    float: left;
    padding: 0 0 0 2%;
    width: 48%;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: .04rem 0
}

.query-detail-tags ul li span {
    color: #999
}

/*!生肖 */
.xz-shengxiao-nav {
    height: 1.32rem;
    padding: .16rem 0;
    background: #fff;
    margin-bottom: 0
}

.xz-shengxiao-nav .list-scroll {
    margin: 0;
    padding: 0;
    -webkit-mask-box-image: none
}

.xz-shengxiao-nav .list-scroll .list {
    white-space: nowrap;
    font-size: 0
}

.xz-shengxiao-nav .list-scroll .item {
    width: 1rem;
    padding: 0;
    margin-right: .18rem
}

.xz-shengxiao-nav .list-scroll .item:first-child {
    margin-left: .25rem
}

.xz-shengxiao-nav .list-scroll .item:last-child {
    margin-right: .25rem
}

.xz-shengxiao-nav .pic {
    display: inline-block;
    vertical-align: top;
    width: 1rem;
    height: 1rem
}

.shengxiao.xz-topic .remark .date2 {
    text-align: center;
    margin-top: .2rem;
    margin-bottom: .1rem
}

.shengxiao.xz-topic .remark .date2 a,
.shengxiao.xz-topic .remark .date2 span {
    display: inline-block;
    border-radius: .27rem;
    padding: 0 .25rem;
    line-height: .58rem;
    margin: 0 0;
    font-size: .28rem;
    color: rgba(255, 255, 255, .6)
}

.shengxiao.xz-topic .remark .date2 a.on {
    background: rgba(255, 255, 255, .2);
    color: #fff
}

.shengxiao.xz-topic .remark .tags .tag {
    width: 50%
}

.shengxiao.xz-topic .remark .characters {
    border-top: 1px dashed #fff;
    padding-top: .4rem;
    margin-top: .3rem;
    color: #fff
}

.shengxiao.xz-topic .remark .characters dd,
.shengxiao.xz-topic .remark .characters dt {
    padding: 0;
    line-height: .48rem;
    margin-bottom: .2rem
}

.shengxiao.xz-topic .remark .characters dt {
    width: .9rem;
    text-align: center;
    background: rgba(255, 255, 255, .2);
    border-radius: 5px;
    margin-right: .2rem;
    float: left
}

.shengxiao.xz-topic .remark .characters dt.dt1 {
    background: #f9b533;
    color: #fff
}

.shengxiao.xz-topic .remark .characters dt.dt2 {
    background: #b566ff;
    color: #fff
}

.shengxiao.xz-topic .remark .characters dd {
    border: 0;
    text-indent: 0;
    margin-left: .9rem;
    padding: 0;
    line-height: .48rem;
    color: #fff;
    text-align: left
}

.shengxiao.xz-topic .remark .luck {
    padding: .15rem .5rem;
    text-align: left;
    background: #4e3064;
    border-radius: .6rem
}

.shengxiao.xz-topic .remark .luck .hd {
    margin: .15rem 0 .05rem
}

.shengxiao.xz-topic .remark .luck .hd .star {
    margin-top: .06rem;
    margin-left: .05rem
}

.shengxiao.xz-topic .remark .luck .tit {
    font-size: .3rem;
    font-weight: 400
}

.shengxiao.xz-topic .remark .luck .bd {
    margin: .03rem 0;
    font-size: .26rem;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.shengxiao.xz-topic .remark .luck .btn1 {
    display: block;
    margin: .15rem auto;
    width: 1.44rem;
    height: .52rem;
    background: rgba(255, 255, 255, .1);
    border-radius: .06rem;
    text-align: center;
    line-height: .52rem;
    font-size: .24rem;
    color: #f9c6c6
}

.shengxiao.xz-topic .remark .hd2 {
    margin: .2rem 0;
    font-weight: 700;
    text-align: center;
    font-size: .36rem
}

.shengxiao.xz-topic .remark .bd2 {
    margin: .3rem 0;
    text-align: center
}

.shengxiao.xz-topic .remark .bd2 .star {
    transform: scale(1.4);
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4)
}

.shengxiao.xz-topic .remark {
    margin-bottom: .45rem
}

.month_title {
    position: relative;
    margin: .3rem 0 .1rem;
    text-align: center;
    font-size: .24rem;
    color: #ffc4c4
}

.month_title:before {
    display: block;
    width: 1.1rem;
    content: " ";
    position: absolute;
    left: 20%;
    top: 50%;
    border-top: 1px solid rgba(255, 149, 149, 1)
}

.month_title:after {
    display: block;
    width: 1.1rem;
    content: " ";
    position: absolute;
    right: 20%;
    top: 50%;
    border-top: 1px solid rgba(255, 149, 149, 1)
}

.month_tab.list-scroll {
    margin-top: .2rem;
    padding: 0;
    -webkit-mask-box-image: none
}

.month_tab.list-scroll .list {
    white-space: nowrap;
    font-size: 0
}

.month_tab.list-scroll li {
    padding: 0;
    margin-right: .18rem
}

.month_tab.list-scroll li:last-child {
    margin-right: .25rem
}

.month_tab.list-scroll li {
    display: inline-block;
    vertical-align: top
}

.month_tab.list-scroll li em {
    display: block;
    width: .86rem;
    height: .86rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .15);
    line-height: .86rem;
    font-size: .28rem;
    text-align: center
}

.shengxiao-cont {
    background: #fff;
    padding: .1rem .4rem
}

.shengxiao-cont h2 {
    margin: .3rem 0;
    font-size: .36rem;
    font-weight: 700
}

.shengxiao-cont h2.t2 {
    color: #ef4c4d
}

.text-content {
    margin: .2rem 0;
    font-size: .3rem;
    text-indent: 2em
}

.xz-selector.shengxiao .title {
    background-image: url(/Content/images/sx/select_text.png)
}

/*! page-error  */
.page-error {
    padding: 1rem 0;
    text-align: center;
    background: #fff
}

.error-text {
    margin-top: .3rem;
    margin-bottom: .3rem;
    color: #999;
    font-size: .3rem
}

.error-btn {
    width: 2.6rem;
    margin: 0 auto;
    padding: 0 .3rem;
    display: block;
    color: #ee4d4d;
    font-size: .3rem;
    border: 1px solid #ee4d4d;
    border-radius: 8px;
    height: .84rem;
    line-height: .84rem
}

.error-img {
    width: 3.2rem
}

/*! search start*/
.search-head {
    padding: 15px;
    background-color: #fff
}

.search-head .btn_search {
    position: relative;
    height: 37px;
    background-color: #f0f0f0;
    border-radius: 37px;
    margin-right: 46px
}

.search-head .icon_search {
    position: absolute;
    left: 12px;
    top: 8px;
    width: 21px;
    height: 20.5px;
    padding: 10px;
    background: url(/Content/images/search_02.png) center center no-repeat;
    background-size: 21px 20.5px
}

.search-head .icon-text {
    position: absolute;
    height: 37px;
    line-height: 37px;
    color: #ef4c4d;
    font-size: 15px;
    text-align: left;
    right: 15px;
    top: 15px
}

#search {
    -web-kit-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none
}

#search {
    display: block;
    border: none;
    background: 0 0;
    width: 100%;
    padding-left: 42px;
    line-height: 20px;
    height: 37px;
    color: #333;
    font-size: 15px;
    padding: 10px 42px 10px
}

#search::-webkit-input-placeholder {
    color: #aaa
}

.pop-search {
    margin: 0 15px;
    padding-top: 15px;
    border-top: 1px solid #eee
}

.pop-search_title {
    font-size: 14px;
    color: #ccc;
    font-weight: 400
}

.pop-search ul {
    overflow: hidden;
    margin-right: -10px
}

.pop-search ul li {
    float: left;
    margin-top: 15px;
    margin-right: 10px
}

.pop-search ul li a {
    display: block;
    border: 1px solid #ddd;
    padding: 12.5px;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    border-radius: 21px
}

/*! search end */
/*!************************************* page end **************************************/
.kalendar {
    overflow: auto;
}

.kalendar_left {
    float: left;
    margin-left: 10px;
}

.kalendar_left li {
    width: 20px;
    margin-top: 10px;
}

.kalendar_right {
    float: right;
    width: 40px;
}

.kalendar_right li {
    width: 20px;
    float: left;
    margin: 10px 0 0 0;
}

.kalendar_mid {
    margin-top: 10px;
    width: 100%;
    text-align: center;
    position: relative;
}

.kalendar_mid em {
    font-size: 18px;
}

.hm {
    font-size: 80px;
    color: #D4473D;
    font-weight: bold;
}

.index_leftarrow,
.index_rightarrow {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
}

.index_leftarrow {
    background: url(/Content/images/index_leftarrow.png) no-repeat;
    background-size: 30px auto;
    top: 50%;
    left: 18%;
    margin-top: -15px;
}

.index_rightarrow {
    background: url(/Content/images/index_rightarrow.png) no-repeat;
    background-size: 30px auto;
    top: 50%;
    right: 18%;
    margin-top: -15px;
}

.index_content {
    width: 98%;
    margin: 20px auto;
    padding-top: 10px;
    position: relative;
}

.huabiantop,
.huabianfoot {
    position: absolute;
    width: 100%;
    height: 50px;
}

.huabiantop {
    background: url(/Content/images/huabian_01.png) no-repeat;
    background-size: 100% auto;
    top: 0;
    left: 0;
}

.huabianfoot {
    background: url(/Content/images/huabian_02.png) no-repeat;
    background-size: 100% auto;
    bottom: -40px;
    left: 0;
}

.huabianleft,
.huabianright {
    background: url(/Content/images/huabian_03.png) repeat-y;
    position: absolute;
    width: 1px;
    height: 92%;
}

.huabianleft {
    left: 0px;
    top: 20px;
}

.huabianright {
    right: 0px;
    top: 20px;
}

.index_content_yj {
    width: 95%;
    margin: 0 auto;
    overflow: auto;
    margin-top: 10px;
}

.index_content_yjleft {
    width: 13%;
    float: left;
}

.index_content_yjleft span {
    display: block;
    width: 30px;
    height: 30px;
    background: #D4473D;
    text-align: center;
    border-radius: 15px;
    line-height: 30px;
    color: #FFF;
    font-size: 20px;
}

.index_content_yjright {
    float: left;
    width: 87%;
}

.index_content_yjright li {
    float: left;
    margin-left: 5px;
    color: #797263;
    line-height: 22px;
}

.index_jileft span {
    background: #000;
}

.index_content_jx {
    border-bottom: 1px solid #CCC;
    overflow: auto;
    margin-top: 20px;
    position: relative;
}

.index_content_jx dl {
    float: left;
    width: 49.8%;
}

.index_content_jx dl.index_content_jx_border {
    position: relative;
}

.index_content_jx dl dt,
.h6 {
    height: 40px;
    background: url(/Content/images/bgm_01.png) repeat;
    line-height: 40px;
    text-align: center;
}

.index_content_jx dl dd {
    line-height: 24px;
    padding-left: 8px;
    float: left;
    color: #797263;
}

.index_content_jx .index_jx_border {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #DDD;
    top: 0;
    left: 50%;
}

.index_content_foot {
    margin: 10px 0;
}

.index_content_foot p {
    margin-left: 10px;
    line-height: 26px;
}

.index_content_foot p span {
    margin-left: 5px;
}

/*点击切换前后一天*/
.arrow {
    display: none;
}

.arrow_left,
.arrow_right {
    position: fixed;
    width: 30px;
    height: 50px;
    background-color: #000;
}

.arrow_left {
    background-image: url(/Content/images/leftarrow1.png);
    background-repeat: no-repeat;
    background-size: 30px auto;
    top: 50%;
    left: 0;
    background-position: center;
}

.arrow_right {
    background-image: url(/Content/images/rightarrow1.png);
    background-size: 30px auto;
    top: 50%;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.appdownload {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #FFF;
    border-top: 1px solid #DDD;
}

.appdownload .app_logo {
    float: left;
    background: url(/Content/images/logo.png) no-repeat;
    background-size: 35px auto;
    width: 35px;
    height: 36px;
    margin: 7px 0 0 15px;
}

.appdownload span {
    float: left;
    margin-left: 10px;
    line-height: 50px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.appdownload .appopen {
    float: right;
    margin-right: 10px;
    font-size: 14px;
    color: #333;
    padding: 4px 12px;
    border: 1px solid #CCC;
    margin-top: 10px;
    display: block;
}

.appdownload .app_error {
    float: left;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    background-color: #999;
    margin-top: 15px;
    background-image: url(/Content/images/error.png);
    background-size: 10px auto;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}
.from1{
    background-color:#fff9f1 !important;
}
.from5{
    background-color:#fff9f1 !important;
}
#htmlbox{
    background-color: #fff;
    padding: 20px 0;
}
.title{
    text-align: center;
    font-size: 0.5rem;
    color: #e65992;
    margin-bottom: 0.3rem;
}
article {
    font-size: 0.3rem;
    border-bottom: 10px solid #f8f8f8;
    padding: 0 0.37rem 0.2rem;
    margin-bottom: 0.5rem;
}

article h5 {
    color: #e65992;
    font-size: .4rem;
    line-height: 1rem;
}

article p {
    line-height: 1rem;
}
.pl_list h2 {
    margin-bottom: 0.2rem;
    padding: .2rem .37rem;
    font-size: 0.4rem;
    color: #7da1f3;
    border-bottom: solid 1px #eee;
}
.pl_list p {
    font-size: 0.3rem;
    margin: 0.5rem 0.2rem;
}