@charset "UTF-8";

body {
    font-family: "微软雅黑";
    background: #ffffff;
    overflow-x: hidden;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
form,
p,
em {
    margin: 0;
    font-style: normal;
    font-weight: normal;
    font-family: "微软雅黑"
}

ul,
ol,
li,
dl,
dd,
dt {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    font-weight: normal
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font: inherit;
}

/**::-webkit-scrollbar {width: 0;height: 0;}*/
/* *::-webkit-scrollbar{background-color:transparent;display:none} */
input::-webkit-input-placeholder {
    color: #999999;
}

textarea::-webkit-input-placeholder {
    color: #999999;
}



/*::-webkit-scrollbar{display:-webkit-box;overflow-y: scroll;overflow-x: hidden;-webkit-overflow-scrolling: touch;width: 8px;}*/
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.onlineStatus {
    width: 15px;
    height: 15px;
    background: #17bb4a;
    border-radius: 100px;
    position: absolute;
    border: #ffffff 2px solid;
    right: -20px;
    top: 8px;
    bottom: 0;
    display: block;
    z-index: 5;
}

.onlineStatusNonVip {
    width: 15px;
    height: 15px;
    background: linear-gradient(to TOP, #ff9225, #ffb86e);
    border-radius: 100px;
    position: absolute;
    right: -20px;
    top: 6px;
    bottom: 0;
    display: block;
    z-index: 5;
    box-shadow: 2px 2px 0px #ff721d;
}

.onlineStatusNonVip img {
    height: 7px;
    display: table;
    margin-top: 4px;
    margin-left: 3px;
}



a {
    color: #333333
}

a:hover {
    color: #e44e71;
    text-decoration: none
}

/*公用样式*/
.left {
    float: left
}

.right {
    float: right
}

.right01 {
    float: right !important
}

.textleft {
    text-align: left
}

.textright {
    text-align: right
}

.marl10 {
    margin-left: 10px;
}

.marl5 {
    margin-left: 5px;
}

.marlr10 {
    margin-right: 10px;
}

.matop20 {
    margin-top: 20px;
}

.matop25 {
    margin-top: 25px !important;
}

.matop10 {
    margin-top: 10px !important;
}

.matop15 {
    margin-top: 15px !important;
}

.matop13 {
    margin-top: 13px !important;
}

.matop30 {
    margin-top: 30px !important;
}

.matop40 {
    margin-top: 40px !important;
}

.matop-50 {
    margin-top: 50px !important;
}

.matop80 {
    margin-top: 90px;
}

.matopj15 {
    margin-top: -15px;
}

.matopj10 {
    margin-top: 0px !important;
}

.mabot50 {
    margin-bottom: 50px !important;
}

.mabot30 {
    margin-bottom: 50px !important;
}

.matop00 {
    margin-top: 10px !important;
}

.matop_5 {
    margin-top: 5px !important;
}

.mabot_30 {
    margin-bottom: 30px !important;
}

.mabot_10 {
    margin-bottom: 10px !important;
}

.mabot_15 {
    margin-bottom: 15px !important;
}

.mabot_20 {
    margin-bottom: 20px !important;
}

.matop00 {
    margin-top: 10px !important;
}

.line20 {
    line-height: 18px !important;
    margin-bottom: 10px;
    margin-top: -2px;
}

.red {
    color: #e44e71;
}

.org {
    color: #ffa500 !important;
}

/*====================================================*/
.head {
    background-image: linear-gradient(to right, #f5c2c0 0%, #ffe4e7 100%);
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 9;
    height: 70px;
}

.logo {
    height: 40px;
    margin-top: 20px;
}

.head_2 {
    background-image: linear-gradient(to right, #f5c2c0 0%, #ffe4e7 100%);
    width: 100%;
    height: 70px;
}

.heicon {
    display: none
}

.matop70 {
    margin-top: 90px;
}

.getNum span {
    position: absolute;
    right: 44px;
    top: -5px;
    background: #F00;
    border-radius: 100px;
    color: #ffffff;
    height: 15px;
    width: 15px;
    line-height: 14px;
    font-size: 8px;
    text-align: center
}

@media (max-width:767px) {
    .matop70 {
        margin-top: 70px;
    }

    .heicon {
        display: block
    }

    .hetop {
        display: none
    }

    .he_img {
        height: 20px;
        margin-top: 14px;
        cursor: pointer
    }

    .heyingc {
        position: absolute;
        background: #ffffff;
        right: 10px;
        width: 130px;
        top: 70px;
        border-radius: 20px;
        z-index: 2;
    }

    .heyctop {
        background: #fbccd4;
        padding: 15px 0;
        border-radius: 10px 10px 0px 0px;
        text-align: center;
        color: #FFFFFF;
        line-height: 30PX;
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .tcbut {
        width: 100px;
        height: 30px;
        border: #fd5678 1px solid;
        text-align: center;
        color: #fd5678;
        line-height: 30px;
        margin: 0 auto;
        display: table;
        margin-bottom: 10px;
        border-radius: 30px;
    }

    .tcbut:hover {
        background: #fd5678;
        color: #ffffff
    }

    /* 菜单 */
    .commonMenu {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 9;
    }

    .comt {
        height: 15px;
        margin-left: 95px;
    }

    .comt img {
        margin-top: 8px;
    }

    .commonMenu .menuTop {
        width: 100%;
        position: relative;
        height: 70px;
    }

    .back {
        height: 20px;
        position: absolute;
        top: 16px;
        left: 10px;
    }

    .back img {
        height: 20px !important;
    }

    .commonMenu .menuTop span {
        position: absolute;
        right: 37px !important;
        top: 15px;
    }

    .commonMenu .menuTop span img {
        float: right;
        width: auto;
    }

    .commonMenu ul {
        width: 130px;
        float: right;
        height: 0;
        overflow: hidden;
        z-index: 10;
        margin-top: -5px;
    }

    .coheight {
        background: #ffffff;
        border-radius: 10px;
        width: 100%;
        box-shadow: 0 0 10px #cccccc;
        padding-bottom: 10px;
    }

    .commonMenu .ulHeight {
        height: auto;
        padding-bottom: 10px
    }

    .jt {
        position: absolute;
        right: 10px;
        top: 5px
    }

    .jt img {
        height: 15px;
    }

    .menuBg {
        width: 100%;
        max-width: 640px;
        height: 100vh;
        position: fixed;
        z-index: 8;
        background: rgba(0, 0, 0, 0.2);
        display: none
    }

    .helist {
        width: 100%;
        border-bottom: #eeeeee 1px solid;
        margin-bottom: 20px;
        display: table;
    }

    .helist ul {
        width: 85%;
        margin: 0 auto;
        padding: 0px 0;
        display: table;
        margin-left: 8%
    }

    .helist ul li {
        line-height: 35px;
        position: relative
    }

    .helist ul li a {
        color: #999999;
    }

    .helist ul li img {
        margin-right: 10px;
    }

    .helist ul li span {
        position: absolute;
        right: 10px;
        top: 8px;
        background: #F00;
        border-radius: 100px;
        color: #ffffff;
        height: 20px;
        width: 20px;
        line-height: 20px;
        font-size: 12px;
        text-align: center
    }

    .marg30 {
        margin-right: -11px !important;
    }

}

/* 投稿详情3-5 */
.tougao_xnew {
    width: 100%;
    display: table;
}

.tou_img_1 {
    float: left
}

/*.tou_img_1 img{width:40px; height:40px; float:left; border-radius:100px;}*/
.tou_img_1 span {
    margin-left: 7px;
    font-size: 16px;
    float: left;
    color: #666666
}

.tou_fi {
    color: #999;
    font-style: normal;
    display: table;
    font-size: 12px;
}

.tog_time {
    float: right;
    line-height: 40px;
    color: #999;
}

.tgxq_nr {
    width: 94%;
    margin: 0 auto;
    display: block;
}

.tgxq_nr li {
    width: 100%;
    border-bottom: #dcdcdc 1px solid;
    display: table;
    padding: 18px 0;
}

.tg_imgtx {
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 100px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    box-shadow: 0 0 8px #DDD;
    float: left;
}

.hycov {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.ta_rightnr {
    width: calc(100% - 60px);
    float: right;
}

.ta_nr {
    width: 100%;
    display: table;
    /* background: #f1f2f6; */
    border-radius: 20px;
    padding: 0px 10px 10px 0px;
    position: relative;
    word-break: break-all;
}

.ta_nr h2 {
    width: 100%;
    font-size: 13px;
    color: #333;
    display: table;
    margin-bottom: 3px;
}

.ta_nr h2 font {
    font-size: 13px;
    color: #999;
    display: table;
}

.ta_nr p {
    color: #333;
}

.tahuifu {
    border: #eee 1px solid;
    border-radius: 5px;
    padding: 3px 6px;
    color: #999999;
    cursor: pointer;
}

.tahuifu i {
    margin-right: 5px;
}

.tahuifu:hover {
    color: #fd5678;
    border: #fd5678 1px solid;
}


.tw_bgxx {
    width: calc(100% - 60px);
    background: #f1f2f6;
    padding: 5px 10px;
    display: table;
    float: right;
}


.two_hf {
    width: 100%;
    display: table;
    margin-top: 10px;
    border-bottom: #dfdfdf 1px solid;
}

.two_tetx {
    width: 35px;
    height: 35px;
    display: flex;
    border-radius: 100px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    box-shadow: 0 0 8px #DDD;
    float: left;
}

.two_ta_rightnr {
    width: calc(100% - 40px);
    float: right;
}

.two_ta_nr {
    width: 100%;
    display: table;
    border-radius: 20px;
    padding: 0px 0px 10px 5px;
    position: relative;
}

.two_ta_nr h2 {
    width: 100%;
    font-size: 13px;
    color: #333;
    display: table;
    margin-bottom: 3px;
}

.two_ta_nr h2 font {
    font-size: 12px;
    color: #999;
    display: table;
}

.two_ta_nr p {
    color: #333;
}

.blue {
    color: #00a8ff;
}

.twohuifu {
    width: 100%;
    border: #eee 1px solid;
    border-radius: 100px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
}

@media (max-width:450px) {
    .tw_bgxx {
        width: calc(100% - 50px);
        background: #f1f2f6;
        padding: 5px 10px;
        display: table;
        float: right;
    }

    .tg_imgtx {
        width: 40px;
        height: 40px;
    }

    .ta_rightnr {
        width: calc(100% - 50px);
    }

    .two_tetx {
        width: 30px;
        height: 30px;
    }

    .two_ta_rightnr {
        width: calc(100% - 35px);
    }

    .twohuifu {
        height: 30px;
        line-height: 30px;
    }
}


.botfasont {
    position: fixed;
    bottom: 10px;
    left: 0;
    width: 100%;
}

.bot_wid {
    width: 94%;
    margin: 0 auto;
    display: table;
    background: #ffffff;
    box-shadow: 0 0 10px #eee;
    height: 60px;
}

.bot_wid_nr {
    width: 98%;
    margin: 0 auto;
    display: table;
}

.bot_nnew {
    background: #eeeeee;
    height: 50px;
    border: #eee 1px solid;
    border-radius: 5px;
    margin-top: 5px;
    width: calc(100% - 50px);
    float: left;
    margin-bottom: 5px;
}

.bot_input {
    border: none !important;
    background: none !important;
    line-height: 16px !important;
    width: 100%;
    outline: none !important;
}

.bot_cir_1 {
    width: 40px;
    height: 40px;
    background: url(../images/fasong_1.png) #ffdce8;
    background-size: 40px;
    border-radius: 100px;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
    color: #fd5678;
    outline: none;
}

.bot_cir_1:hover {
    background: url(../images/fasong_2.png) #fd5678;
    background-size: 40px;
    color: #fff;
}

.bot_fs {
    font-size: 22px !important;
    line-height: 40px;
    padding-top: 2px;
    display: table;
    text-align: center;
    width: 100%;
}

.bot_tgbot70 {
    margin-bottom: 80px;
}

@media (max-width:450px) {
    .botfasont {
        bottom: 0px;
    }

    .bot_wid {
        width: 100%;
    }

    .bot_tgbot70 {
        margin-bottom: 70px;
    }
}

.wtl {
    border-top: #eeeeee 1px solid;
    width: 100%;
    display: table;
    padding-top: 20px;
}

.wtl img {
    width: 140px;
    margin: 0 auto;
    display: table;
}

.wtl font {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
    display: table;
    color: #999;
}


.juanzhou {
    /*height: 180px;*/
    display: block;
    /*overflow-y: scroll;*/
    -webkit-overflow-scrolling: touch;
}

.juanzhou::-webkit-scrollbar {
    border-radius: 100PX !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #EEE !important;
    overflow: visible;
}

/*定义滚动条轨道 内阴影+圆角*/
.juanzhou::-webkit-scrollbar-track {
    border-radius: 10px !important;
    background-color: #EEE !important;
}

/*定义滑块 内阴影+圆角*/
.juanzhou::-webkit-scrollbar-thumb {
    border-radius: 10px !important;
    background-color: #ffdce8 !important;
}

.juanzhou::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.juanzhou::-webkit-scrollbar-corner {
    background: transparent;
}




@media (max-width:736px) {
    .matop70 {
        margin-top: 90px;
    }
}

@media (max-width:667px) {
    .matop70 {
        margin-top: 70px;
    }
}


@media (max-width:992px) {
    .heicon {
        display: block
    }

    .hetop {
        display: none
    }

    .he_img {
        height: 20px;
        margin-top: 14px;
        cursor: pointer
    }

    .heyingc {
        position: absolute;
        background: #ffffff;
        right: 10px;
        width: 130px;
        top: 70px;
        border-radius: 20px;
        z-index: 2;
    }

    .heyctop {
        background: #fbccd4;
        padding: 15px 0;
        border-radius: 10px 10px 0px 0px;
        text-align: center;
        color: #FFFFFF;
        line-height: 30PX;
        font-size: 16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .tcbut {
        width: 100px;
        height: 30px;
        border: #fd5678 1px solid;
        text-align: center;
        color: #fd5678;
        line-height: 30px;
        margin: 0 auto;
        display: table;
        margin-bottom: 10px;
        border-radius: 30px;
    }

    .tcbut:hover {
        background: #fd5678;
        color: #ffffff
    }

    /* 菜单 */
    .commonMenu {
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 9;
    }

    .comt {
        height: 15px;
        margin-left: 95px;
    }

    .commonMenu .menuTop {
        width: 100%;
        position: relative;
        height: 70px;
    }

    .back {
        height: 20px;
        position: absolute;
        top: 16px;
        left: 10px;
    }

    .back img {
        height: 20px !important;
    }

    .commonMenu .menuTop span {
        position: absolute;
        right: 53px;
        top: 15px;
    }

    .commonMenu .menuTop span img {
        float: right;
        width: auto;
    }

    .commonMenu ul {
        width: 130px;
        float: right;
        height: 0;
        overflow: hidden;
        z-index: 10;
        /*margin-right:34px;*/
        margin-top: -24px;
    }

    .coheight {
        background: #ffffff;
        border-radius: 10px;
        width: 100%;
        box-shadow: 0 0 10px #cccccc;
        padding-bottom: 10px;
    }

    .commonMenu .ulHeight {
        height: auto;
        padding-bottom: 10px
    }

    .jt {
        position: absolute;
        right: 10px;
        top: 5px
    }

    .jt img {
        height: 15px;
    }

    .menuBg {
        width: 100%;
        max-width: 640px;
        height: 100vh;
        position: fixed;
        z-index: 8;
        background: rgba(0, 0, 0, 0.2);
        display: none
    }

    .helist {
        width: 100%;
        border-bottom: #eeeeee 1px solid;
        margin-bottom: 20px;
        display: table;
        padding: 8px 0;
    }

    .helist ul {
        width: 90%;
        margin: 0 auto;
        display: table;
        margin-left: 8%;
        height: auto;
    }

    .helist ul li {
        line-height: 35px;
        position: relative
    }

    .helist ul li a {
        color: #999999;
    }

    .helist ul li img {
        margin-right: 10px;
    }

    .helist ul li span {
        position: absolute;
        right: 10px;
        top: 8px;
        background: #F00;
        border-radius: 100px;
        color: #ffffff;
        height: 20px;
        width: 20px;
        line-height: 20px;
        font-size: 12px;
        text-align: center
    }

    .helist ul::-webkit-scrollbar {
        border-radius: 100PX;
        width: 6px;
        height: 6px;
        background-color: #eee;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    .helist ul::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #eee;
    }

    /*定义滑块 内阴影+圆角*/
    .helist ul::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #fbccd4;
    }


    @media (max-width:824px) {
        .helist ul {
            /* height: 140px;overflow-y: scroll; */
            display: block;
        }
    }

    @media (max-width:569px) {
        .helist ul {
            /* height: 100px;overflow-y: scroll; */
            display: block;
        }
    }

    @media (max-width:450px) {
        .helist ul {
            /* height: 150px; */
        }
    }
}

@media (max-width:823px) and (max-height: 411px) {
    .commonMenu .menuTop span {
        right: 73px
    }

    .commonMenu ul {
        margin-right: 54px;
        float: unset;
    }
}

.rightbg {
    width: 100%;
    background: #ffffff;
    padding: 30px 0
}

/*.metx{ width:60%;position:relative;box-shadow: 0 0 10px #cccccc; margin-left:20%;background:#fff6f7; max-height: 350px;}*/
.metx {
    width: 60%;
    position: relative;
    box-shadow: 0 0 10px #cccccc;
    margin-left: 20%;
    background: #fff6f7;
    padding-bottom: 40px;
    max-height: 350px;
}

.photo {
    background: #fff6f7;
    position: relative
}

.phpic {
    width: 100%;
    height: 300px;
    display: block;
}

.title {
    position: absolute;
    width: 150px;
    background: #e54f72
}


.bottub {
    margin: 10px 0 auto;
    /*top:27px;*/
    width: 100%;
    /*z-index:4*/
    ;
    margin-top: -33px;
    position: relative
}

.bottub ul {
    margin: 0 auto;
    padding: 0px;
    display: table
}

.bottub ul li {
    width: 60px;
    height: 60px;
    background: #ffffff;
    border: #666 1px solid;
    border-radius: 10px;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}

.bottub ul li span {
    width: 60px;
    font-size: 12px;
    text-align: center;
    display: table;
    line-height: 25px;
    color: #333
}

.tubiao_i {
    width: 25px;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 7px
}


/*.tubiao{width:100%; height:40px;margin: 10px auto;position: inherit; z-index:2;margin-top: -20px;}*/
.tubiao {
    width: 100%;
    margin: 10px auto;
    position: absolute;
    z-index: 2;
    margin-top: 28px;
}

.tubiao ul {
    height: 50px;
    margin: 0 auto;
    padding: 0px;
    display: table
}

.tubiao ul li {
    float: left;
    margin: 0px 0px;
}

.tubiao ul li img {
    height: 38px;
    margin: 0 auto;
    display: block;
    margin-bottom: 5px;
}

.tubiao ul li span {
    width: 100%;
    display: table;
    text-align: center;
    font-size: 12px;
}

/*.tubiao{margin:10px auto; position:absolute; !*top:250px;*! z-index:2;width:100%;}*/
/*.tubiao ul{ margin:0 auto; padding:0px;display:table}*/
/*.tubiao ul li{width:60px; height:60px;background-image: linear-gradient(to right, #ffc2c4 0%, #ff7e9a 100%); border-radius:200px; float:left; margin-left:5px; margin-right:5px;}*/
/*.tubiao ul li span{width:60px;font-size:12px; text-align:center; display:table; line-height:25px; color:#ffffff}*/
/*.tubiao_i{width:25px; margin:0 auto; padding:0px; display:table; margin-top:10px}*/

/*.bottub{width:100%;margin: 0 auto; padding:10px 0 10px 0;display:table; background:#fff6f7}*/
/*.bottub ul{ margin:0 auto; padding:0px; display:table}*/
/*.bottub ul li{width:50px; float:left; margin:0px 5px;}*/
/*.bottub ul li img{width:28px; margin:0 auto; display:block; margin-bottom:5px;}*/
/*.bottub ul li span{width:100%; display:table; text-align:center; font-size:12px;}*/

@media (max-width:320px) {
    .bottub ul li {
        width: 50px;
        height: 50px;
    }

    .bottub ul li span {
        width: 50px
    }
}

@media (max-width:767px) {
    .rightbg {
        background: none !important;
        width: 94%;
        background: #ffffff;
        padding: 0px 0;
        margin-left: 3%
    }

    .metx {
        width: 100%;
        position: relative;
        box-shadow: 0 0 10px #cccccc;
        margin-left: 0%;
        /*z-index:-1*/
    }

    .photo {
        background: #fff6f7;
        width: 100% !important
    }

    .phpic {
        width: 100%;
        height: 200px;
        display: block;
    }

    .bottub {
        margin: 10px auto;
        /*top:60% !important; z-index:2;*/
        width: 100%;
        margin-top: -33px;
    }

    /*.tubiao{margin:10px auto; position:absolute; !*top:60% !important;*! z-index:2;width:100%;}*/

    /*.bottub{padding:10px 0 10px 0; display:table; background:#fff6f7}*/
    /*.bottub ul{ margin:0 auto; padding:0px; display:table}*/
    /*.bottub ul li{width:50px; float:left; margin:0px 5px;}*/
    /*.bottub ul li img{width:25px; margin:0 auto; display:block; margin-bottom:5px;}*/
    /*.bottub ul li span{width:100%; display:table; text-align:center; font-size:12px;}*/

    .tubiao {
        position: absolute;
    }

    .tubiao ul {
        margin: 0 auto;
        padding: 0px;
        display: table
    }

    .tubiao ul li {
        float: left;
        margin: 0px 3px;
    }

    .tubiao ul li img {
        height: 28px;
        margin: 0 auto;
        display: block;
        margin-bottom: 5px;
    }

    .tubiao ul li span {
        width: 100%;
        display: table;
        text-align: center;
        font-size: 12px;
    }

}

@media (max-width:992px) {
    .rightbg {
        background: none !important;
        width: 94%;
        background: #ffffff;
        padding: 0px 0;
        margin-left: 3%
    }

    .metx {
        width: 100%;
        position: relative;
        box-shadow: 0 0 10px #cccccc;
        margin-left: 0%;
        /*z-index:-1*/
    }

    .photo {
        background: #fff6f7;
        width: 100% !important
    }

    .phpic {
        width: 100%;
        height: 200px;
        display: block;
    }

    /*.tubiao{margin:10px auto; position:absolute; !*top:50%;*! z-index:2;width:100%;}*/

    /*.bottub{padding:10px 0 10px 0;display:table; background:#fff6f7}*/
    /*.bottub ul{ margin:0 auto; padding:0px; display:table}*/
    /*.bottub ul li{width:50px; float:left; margin:0px 5px;}*/
    /*.bottub ul li img{width:25px; margin:0 auto; display:block; margin-bottom:5px;}*/
    /*.bottub ul li span{width:100%; display:table; text-align:center; font-size:12px;}*/
    .bottub {
        margin: 10px auto;
        /*top:50%; z-index:2;*/
        width: 100%;
        margin-top: -33px
    }

    .tubiao {
        position: absolute;
        margin-top: 28px
    }

    .tubiao ul {
        margin: 0 auto;
        padding: 0px;
        display: table
    }

    .tubiao ul li {
        float: left;
        margin: 0px 0px;
    }

    .tubiao ul li img {
        height: 36px;
        margin: 0 auto;
        display: block;
        margin-bottom: 5px;
    }

    .tubiao ul li span {
        width: 100%;
        display: table;
        text-align: center;
        font-size: 12px;
    }
}

@media (max-width:480px) {
    .tubiao ul li img {
        height: 31px;
        margin: 0 auto;
        display: block;
        margin-bottom: 5px;
    }
}


@media (max-width:320px) {
    .tubiao ul li {
        float: left;
    }

    .tubiao ul li img {
        height: 27px;
        margin: 0 auto;
        display: block;
        margin-bottom: 5px;
    }
}

/*@media (max-width:320px) {*/
/*    .tubiao ul li {float: left;margin: 0px 0px;}*/
/*    .tubiao ul li img{height:29px;margin:0 auto; display:block; margin-bottom:5px;}*/
/*}*/

.leftbg {
    background: #ffffff;
    display: table;
    width: 100%;
    border: #eeeeee 1px solid;
    margin-bottom: 20px;
}

.leftimg {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 20px;
}

.leftimg img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    object-fit: contain;
}

.leftimg h2 {
    text-align: center;
    line-height: 35px;
    font-size: 16px;
}

.leul {
    width: 80%;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 15px;
    margin-bottom: 40px;
    border-top: #eeeeee 1px solid;
    padding-top: 20px
}

.leul ul {
    width: 100%;
    display: table
}

.leul ul li {
    line-height: 27px;
    font-size: 16px;
    padding: 10px 0;
    position: relative
}

.leul ul li img {
    margin-right: 10px;
}

.leul ul li span {
    position: absolute;
    right: 10px;
    top: 14px;
    background: #F00;
    border-radius: 100px;
    color: #ffffff;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center
}

.mintop {
    margin-top: 40px;
}


.ziliao {
    width: 92%;
    margin-left: 4%;
    display: table
}

.ziliao .ztitle {
    width: 100%;
    display: table;
    height: 40px;
    color: #cccccc;
    font-size: 20px
}

.ziliao .ztitle span {
    font-size: 20px;
    font-weight: bold;
    border-bottom: #ee5472 4px solid;
    color: #ee5472;
    line-height: 40px;
    margin-right: 5px;
}

.xiliao_input {
    width: 100%;
    display: table;
    margin: 30px 0 50px 0
}

.xl_input {
    width: 100%;
    display: table
}

.xl_input dt {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.xl_input dt span {
    width: 100%;
    font-size: 15px;
    color: #666666;
    display: table;
    line-height: 35px;
    font-weight: normal
}


.xl_text {
    width: 100%;
    display: table
}

.xl_text dt {
    width: 100%;
    line-height: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    border-bottom: #eeeeee 1px dashed
}

.xl_text dt span {
    float: left;
    width: 40%;
    color: #666666
}

.xl_text dt font {
    float: left;
    width: 60%;
    color: #999999
}

.xl_text dt font img {
    height: 20px
}


.select_xx {
    width: 49%;
    border: #d2d2d2 1px solid;
    border-radius: 4px;
    height: 40px;
    padding: 0 6px;
    color: #999999;
    background: #ffffff;
    font-size: 15px;
}

.select_xx01 {
    width: 100%;
    border: #d2d2d2 1px solid;
    border-radius: 4px;
    height: 40px;
    margin-right: 1%;
    padding: 0 8px;
    color: #999999;
    background: #ffffff;
    font-size: 15px;
}

.select_xx02 {
    width: 100%;
    border: #d2d2d2 1px solid;
    border-radius: 4px;
    margin-right: 1%;
    padding: 5px 6px;
    color: #555;
    line-height: 25px;
    background: #ffffff;
    display: table;
    font-size: 15px;
}

.select_xx03 {
    width: 100%;
    border-radius: 4px;
    margin-right: 0%;
    padding: 5px 6px;
    color: #999999;
    line-height: 25px;
    background: #f8f8f8;
    font-size: 15px;
    word-break: break-all;
}

.select_xx04 {
    width: 93%;
    border: #d2d2d2 1px solid;
    border-radius: 4px;
    height: 40px;
    padding: 0 12px;
    color: #555;
    background: #ffffff;
    font-size: 15px;
}

.select_xx05 {
    width: 100%;
    border: #d2d2d2 1px solid;
    border-radius: 4px;
    padding: 5px 10px;
    color: #555;
    line-height: 25px;
    background: #ffffff;
    font-size: 15px;
}

.select_xx06 {
    width: 47%;
    border: #d2d2d2 1px solid;
    border-radius: 4px;
    height: 40px;
    padding: 0 6px;
    color: #555;
    background: #ffffff;
    font-size: 15px;
}

.se_zlman {
    width: 49%;
}

.se_zlman i {
    float: right;
    /*margin-right:5px;*/
    font-style: normal;
    line-height: 40px;
    color: #666666 !important
}

.sew6 {
    width: 6%;
    text-align: center;
    float: left;
    line-height: 40px;
}


@media (max-width:767px) {
    .select_xx04 {
        width: 83%;
        border: #d2d2d2 1px solid;
        border-radius: 4px;
        height: 40px;
        padding: 0 6px;
        color: #555;
        background: #ffffff
    }

}

@media (max-width:370px) {
    .select_xx04 {
        border: #d2d2d2 1px solid;
        border-radius: 4px;
        height: 40px;
        padding: 0 6px;
        color: #555;
        background: #ffffff
    }
}

@media (max-width:414px) {
    .select_xx04 {
        width: 87%;
    }
}

.senhs {
    background: #f8f8f8;
    border: none
}

.line {
    width: 100%;
    height: 10px;
    margin-bottom: 30px;
    background: #f2f2f2;
    margin-top: 10px;
}


.bot {
    width: 100%;
    display: table;
    background-image: linear-gradient(to right, #ebbcdc 0%, #fadfdf 100%);
    padding: 30px 0 20px 0;
    text-align: center;
    color: #ee5472
}

.bot a {
    color: #ee5472
}

.bot img {
    width: 200px;
    margin: 0 auto;
    padding: 0px;
    display: block;
    margin-top: 7px;
}

@media (max-width:480px) {
    .bot {
        /*height:120px; */
        padding: 0px 0;
        padding-top: 50px !important
    }

    .bot img {
        margin-top: 10px !important;
    }

}

@media (max-width:767px) {
    .dinone {
        display: none
    }

    .xiliao_input {
        margin: 10px 0 30px 0
    }

    .bot {
        width: 100%;
        display: block;
        background: url(../image/bot_06.png) no-repeat;
        background-size: 100%;
        padding: 70px 0 10px 0;
        text-align: center;
        color: #ee5472;
    }

    .bot a {
        color: #ee5472
    }

    .bot img {
        width: 50%;
        margin: 0 auto;
        padding: 0px;
        display: table;
        margin-top: 15px;
    }


    .vipline {
        width: 96%;
        height: 2px;
        margin-left: 2%;
        display: table
    }

    .vipline img {
        width: 100%;
        height: 2px;
    }


    .vipright {
        margin-left: 0px !important;
    }

    .vipbanner {
        display: none
    }

    .vipbanner01 {
        width: 100%;
        display: block !important;
        margin-bottom: 10px;
    }

    .vipbanner01 img {
        width: 100%
    }

    .viplist {
        width: 100%;
        display: table;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
    }

    .viplist ul {
        width: 100%;
    }

    .viplist ul li {
        width: 30% !important;
        height: 170px !important;
        float: left;
        margin: 0 0 0 2.4% !important;
        background-image: url(../images/fy_03.png);
        background-color: #f9f9f9;
        background-SIZE: 90%;
        background-repeat: no-repeat;
        background-position: 5px 45px !important;
        padding: 30px 0 !important;
        border-radius: 10px;
        color: #fd8cb4;
        position: relative;
    }

    /*.viplist ul li:last-child{ margin-left:0%; margin-right:0%;}*/


    .viptop20 {
        margin-top: 10px;
    }

    .viptop15 {
        margin-top: 15px !important;
    }

    .vipfont h2 {
        font-size: 30px !important;
        color: #fd8cb4;
        font-weight: bold;
        margin-top: 0 !important
    }

    .vipfont h3 {
        font-size: 14px !important;
        color: #fd8cb4;
    }

    .vipfont h4 {
        font-size: 12px !important;
        color: #fd8cb4;
    }

    .vipfont h5 {
        font-size: 12px !important;
        color: #fd8cb4;
        margin-top: 5px;
    }

    .viptop {
        margin-top: 20px !important;
    }

    .vipcent {
        text-align: center;
        color: #fd8cb4;
        font-size: 16px !important;
        line-height: 35px;
        margin-top: 0px !important
    }

    .vipbut {
        width: 70%;
        height: 40px;
        background: #fe92a8;
        border-radius: 200px;
        color: #ffffff;
        text-align: center;
        line-height: 40px;
        display: table;
        margin: 0 auto;
        margin-top: 20px;
    }

}

@media (max-width:480px) {
    .vipcent {
        font-size: 13px !important;
    }

}

.viptop15 {
    margin-top: 20px;
}


@media (max-width:992px) {
    .dinone {
        display: none
    }

    .xiliao_input {
        margin: 10px 0 30px 0
    }


    .vipline {
        width: 96%;
        height: 1px;
        margin-left: 2%;
        display: table
    }

    .vipline img {
        width: 100%;
        height: 1px;
    }

    .vipright {
        margin-left: 0px !important;
    }

    .vipbanner {
        display: none
    }

    .vipbanner01 {
        width: 100%;
        display: block !important;
        margin-bottom: 10px;
    }

    .vipbanner01 img {
        width: 100%
    }

    .viplist {
        width: 100%;
        display: table;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .viplist ul {
        width: 100%;
    }

    .viplist ul li {
        width: 30% !important;
        float: left;
        margin: 0 0 0 2.4% !important;
        background-image: url(../images/fy_03.png);
        background-color: #f9f9f9;
        background-SIZE: 90%;
        background-repeat: no-repeat;
        padding: 30px 0 !important;
        border-radius: 10px;
        color: #fd8cb4;
        position: relative;
    }

    /*.viplist ul li:last-child{ margin-left:0%; margin-right:0%;}*/

    .viptop15 {
        margin-top: 45px;
    }

    .vipfont h2 {
        font-size: 34px !important;
        color: #fd8cb4;
        font-weight: bold;
        margin-top: 50px;
    }

    .vipfont h3 {
        color: #fd8cb4;
    }

    .vipfont h4 {
        font-size: 13px !important;
        color: #fd8cb4;
    }

    .vipfont h5 {
        color: #fd8cb4;
        margin-top: 5px;
    }

    .viptop {
        margin-top: 20px !important;
    }

    .vipcent {
        text-align: center;
        color: #fd8cb4;
        line-height: 35px;
    }

    .vipbut {
        width: 40%;
        height: 40px;
        background: #fe92a8;
        border-radius: 200px;
        color: #ffffff;
        text-align: center;
        line-height: 40px;
        display: table;
        margin: 0 auto;
        margin-top: 20px;
    }

}


.vipline {
    width: 96%;
    height: 2px;
    margin-left: 2%;
    display: table
}

.vipline img {
    width: 100%;
    height: auto;
}



.vipright {
    margin-left: 10px;
}

.vipbanner {
    width: 100%
}

.vipbanner img {
    width: 100%;
}

.vipbanner01 {
    display: none
}

.viplist {
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 20px;
    margin-bottom: 20px;
}

.viplist ul {
    margin: 0 auto
}

.viplist ul li {
    width: 180px;
    height: 240px;
    float: left;
    margin: 0px 20px;
    background-image: url(../images/fy_03.png);
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-position: -5px 40px;
    padding: 50px 0;
    border-radius: 10px;
    color: #fd8cb4;
    position: relative
}

.vipfont {
    text-align: center
}

.vipfont h2 {
    font-size: 46px;
    color: #fd8cb4;
    font-weight: bold
}

.vipfont h3 {
    font-size: 18px;
    color: #fd8cb4;
}

.vipfont h4 {
    font-size: 16px;
    color: #fd8cb4;
}

.vipfont h5 {
    font-size: 16px;
    color: #fd8cb4;
    margin-top: 10px
}

.viptop {
    margin-top: 35px;
}


.vipcent {
    text-align: center;
    color: #fd8cb4;
    font-size: 22px;
    margin-top: 50px;
}

.vipcion {
    position: absolute;
    top: 0;
    left: 0
}

.vipbut {
    width: 250px;
    height: 40px;
    background: #fe92a8;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    display: table;
    margin: 0 auto;
    margin-top: 20px;
}

.vipbut:hover {
    color: #ffffff;
    box-shadow: inset 0px 13px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
}

.vipbongn {
    width: 94%;
    margin: 0 auto;
    padding: 15px;
    display: table;
    border: #fedde9 2px solid;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.vipbongn h2 {
    font-size: 20px;
    font-weight: bold;
    color: #fd90b6;
    border-bottom: #fd90b6 3px solid;
    display: table;
    float: left;
    margin-bottom: 10px;
}

.vipbongn h3 {
    width: 100%;
    display: table;
    font-size: 15px;
    color: #999999;
    line-height: 25px;
}

.vipbongn h3 span {
    font-size: 12px;
    margin-right: 10px;
}

@media (max-width:992px) {
    .vipbongn {
        width: 94%;
        margin: 0 auto;
        padding: 15px;
        display: table;
        border: #fedde9 3px solid;
        margin-top: 20px;
        margin-bottom: 20px;
    }


}

@media (max-width:768px) {
    .vipbongn {
        width: 94%;
        margin: 0 auto;
        padding: 15px;
        display: table;
        border: #fedde9 2px solid;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .vipbongn h2 {
        font-size: 18px;
        color: #fd90b6;
        border-bottom: #fd90b6 3px solid;
        display: table;
        float: left;
        margin-bottom: 10px;
    }

    .vipbongn h3 {
        width: 100%;
        display: table;
        font-size: 13px;
        color: #999999;
        line-height: 25px;
    }

    .vipbongn h3 span {
        font-size: 12px;
        margin-right: 10px;
    }


}


/*收件夹*/
.shou {
    width: 94%;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    border-bottom: #e44e71 1px solid;
    margin-top: 0px;
    margin-bottom: 20px;
}

.shou span {
    color: #fd5678;
    border-bottom: #fd5678 3px solid;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
}

.shou font {
    color: #999999;
    margin-left: 10px;
    font-size: 16px;
}

.shou_but {
    float: right;
    padding: 0px 15px;
    background: #fd5678;
    height: 24px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    border-radius: 100px;
    margin-top: 13px;
}

.shou_but:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
    background: #fe92a8;
}

.sjlist_heg {
    min-height: 445px !important;
}

.sjlist_li {
    min-height: 528px;
    margin-bottom: 150px;
}

@media (max-width:1024px) {
    .sjlist_li {
        min-height: 870px;
        margin-bottom: 0px;
    }
}

@media (max-width:1024px) and (max-height:1024px) {
    .sjlist_li {
        margin-bottom: 150px;
    }
}

@media (max-width:1024px) and (max-height:768px) {
    .sjlist_li {
        margin-bottom: 0px;
    }
}

@media (max-width:414px) and (max-height:736px) {
    .sjlist_li {
        margin-bottom: 150px;
    }
}

@media (max-width:992px) {
    .sjlist_li {
        min-height: 510px;
    }

}

@media (max-width:720px) {
    .sjlist_li {
        min-height: 300px !important;
    }
}

@media (max-width:767px) {
    .sjlist_heg {
        min-height: 250px !important;
    }
}


.sh_line {
    border-bottom: none
}

.sjlist {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    /*display:table;*/
    margin-top: 0px
}

.sjlist li {
    /*height:50px;*/
    border-bottom: #dcdcdc 1px solid;
    padding: 10px 0;
    display: flex;
    width: 100%;
}

.sjlist li:last-child {
    border-bottom: none
}

.leftsidebar_box {
    width: 94%;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    /*display:contents;*/
}

/*.leftsidebar_box dt{background: url(../images/off.png) no-repeat right;background-position:100%;  background-size:26px; padding:0px 10px;color:#333;font-size:16px;position:relative;line-height:40px;cursor:pointer;border-bottom:#d2d2d2 1px solid}
.leftsidebar_box dt.on{background:  url(../images/on.png) no-repeat right;background-position:100%;  background-size:26px;position:relative;cursor:pointer;}
*/
.leftsidebar_box dt:last-child {
    border-bottom: none
}

.leboxVVIP {
    background: url(../images/off.png) no-repeat right #ffbcca;
    background-position: 98%;
    background-size: 22px;
    padding: 0px 20px;
    color: #ff3e65;
    font-size: 16px;
    position: relative;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
}

.leboxVVIP.on {
    background: url(../images/on.png) no-repeat right #ffbcca;
    background-position: 98%;
    background-size: 22px;
    position: relative;
    cursor: pointer;
    color: #ff3e65;
}

.leboxVvipSelectionRewardActive,
.lebox0,
.lebox1 {
    background: url(../images/off.png) no-repeat right #f9dbe1;
    background-position: 98%;
    background-size: 22px;
    padding: 0px 20px;
    color: #ff3e65;
    font-size: 16px;
    position: relative;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
}

.leboxVvipSelectionRewardActive.on,
.lebox0.on,
.lebox1.on {
    background: url(../images/on.png) no-repeat right #f9dbe1;
    background-position: 98%;
    background-size: 22px;
    position: relative;
    cursor: pointer;
    color: #ff3e65;
}

.lebox2 {
    background: url(../images/off.png) no-repeat right #98d0ff;
    background-position: 98%;
    background-size: 22px;
    padding: 0px 20px;
    color: #0089ff;
    font-size: 16px;
    position: relative;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
}

/*.lebox0.on,.lebox1.on{background:  url(../images/on.png) no-repeat right #ffbcca;background-position:98%;  background-size:22px;position:relative;cursor:pointer;color: #ff3e65;}*/

.lebox2.on {
    background: url(../images/on.png) no-repeat right #98d0ff;
    background-position: 98%;
    background-size: 22px;
    position: relative;
    cursor: pointer;
    color: #0089ff;
}

/*.lebox3{background: url(../images/off.png) no-repeat right #ffe8a0; background-position:98%; background-size:22px; padding:0px 20px;color:#fb8800;font-size:16px;position:relative;line-height:40px;cursor:pointer;}*/
/*.lebox3.on{background:  url(../images/on.png) no-repeat right #ffe8a0;background-position:98%;  background-size:22px;position:relative;cursor:pointer;}*/

.lebox3 {
    background: url(../images/off.png) no-repeat right #ffc6a0;
    background-position: 98%;
    background-size: 22px;
    padding: 0px 20px;
    color: #ea8948;
    font-size: 16px;
    position: relative;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
}

/*.lebox0.on,.lebox1.on{background:  url(../images/on.png) no-repeat right #ffbcca;background-position:98%;  background-size:22px;position:relative;cursor:pointer;color: #ff3e65;}*/

.lebox3.on {
    background: url(../images/on.png) no-repeat right #ffc6a0;
    background-position: 98%;
    background-size: 22px;
    position: relative;
    cursor: pointer;
    color: #ea8948;
}

.lebox4 {
    background: url(../images/off.png) no-repeat right #ffc6a0;
    background-position: 98%;
    background-size: 22px;
    padding: 0px 20px;
    color: #ea8948;
    font-size: 16px;
    position: relative;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
}

.lebox4.on {
    background: url(../images/on.png) no-repeat right #ffc6a0;
    background-position: 98%;
    background-size: 22px;
    position: relative;
    cursor: pointer;
    ;
    color: #ea8948;
}

.lebox6 {
    background: url(../images/off.png) no-repeat right #adadad;
    background-position: 98%;
    background-size: 22px;
    padding: 0px 20px;
    color: #fff;
    font-size: 16px;
    position: relative;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
}

.lebox6.on {
    background: url(../images/on.png) no-repeat right #adadad;
    background-position: 98%;
    background-size: 22px;
    position: relative;
    cursor: pointer;
    ;
    color: #fff;
}

.lebox_alert {
    background: url(../images/off.png) no-repeat right #ffe8a0;
    background-position: 98%;
    background-size: 22px;
    padding: 0px 20px;
    color: #fb8800;
    font-size: 16px;
    position: relative;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
}

.lebox_alert.on {
    background: url(../images/on.png) no-repeat right #ffe8a0;
    background-position: 98%;
    background-size: 22px;
    position: relative;
    cursor: pointer;
    color: #fb8800;
}


/*.sjlist{width:90%; margin:0 auto; padding:0px;display:table; margin-bottom:40px; !*min-height:725px;*!}*/
/*.sjlist ul{width:100%; display:table;}*/
/*.sjlist ul li{height:50px;border-bottom:#dcdcdc 1px solid; padding:15px 0; display:table;width:100%;}*/




/*.si_bg{width:94%; margin:0 auto}*/
.si_bg {
    width: 92%;
    margin-left: 30px;
}

.sjpic {
    width: 50px;
    height: 50px;
    float: left
}

.sjpic img {
    width: 50px;
    height: 50px;
    border-radius: 500px;
    object-fit: contain;
}

.sjleft {
    width: 40%;
    height: 50px;
    float: left;
    line-height: 25px;
    margin-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-grid;
}

.sjtable {
    width: 100%;
    display: flex;
}

.sjleft span {
    font-size: 14px;
    text-align: left !important;
    height: 25px;
    float: left;
    -webkit-line-clamp: 3;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
}

.sjleft font {
    font-size: 14px;
    height: 25px;
    overflow: hidden;
    text-align: left;
    color: #999999;
    display: block;
    text-overflow: ellipsis;
    /*white-space: nowrap*/
}

.sjleft font img {
    height: 20px
}

.number {
    background: #fe92a8;
    color: #ffffff;
    border-radius: 10px;
    margin-left: 3px;
    padding: 0px 5px;
    height: 20px !important;
    line-height: 20px !important;
    font-style: normal;
    font-size: 12px;
    float: left;
    margin-top: 3px;
}


.sjright {
    height: 50px;
    float: right;
    line-height: 25px;
}

.sjright h3 {
    font-size: 14px;
    text-align: right !important;
    color: #999999
}

.sjright h4 {
    font-size: 14px;
    /*display:table;*/
    overflow: hidden;
    text-align: right;
    color: #999999
}

.sjright h4 a {
    border: #eeeeee 1px solid;
    color: #999999;
    padding: 0px 5px;
    /*float:left;*/
    line-height: 20px;
    margin-left: 5px;
    border-radius: 100px;
    background-color: #ffffff;
}

.sjright h4 a img {
    height: 14px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

.sjright h4 a:hover {
    color: #999999;
    box-shadow: inset 0px 15px 10px -10px #eeeeee, inset 0px -10px 10px -20px #eeeeee;
    background: #ffffff;
}

.sjright h5 {
    font-size: 14px;
    display: table;
    overflow: hidden;
    color: #999999;
    float: right
}

.sjright h5 img {
    height: 16px;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -3px;
}

.fengs {
    margin-top: 20px;
}

.cicd {
    font-size: 12px;
    font-style: normal;
    margin: 0 2px;
}

@media (max-width:767px) {
    .sjright h3 {
        font-size: 12px;
    }

    .sjright h4 {
        font-size: 12px;
    }

    .sjright h5 {
        font-size: 12px;
    }

    .sjright h5 img {
        height: 14px;
    }

    .si_bg {
        width: 90%;
        /*margin-left:13%;*/
    }
}

.nnn_adbut_img {
    margin-left: -10px;
    margin-right: 5px;
}

@media (max-width:320px) {
    .si_bg {
        width: 88%;
        /*margin-left:9%;*/
    }

    .nnn_adbut_img {
        margin-left: -8px;
        margin-right: 2px;
    }
}

.hy_bg01 {
    background: #ffe8f8;
}

.hy_bg02 {
    /*background:#f6fbff;*/
    background: #DDF3FF;
}

.hy_bg03 {
    background: #ffffe3;
}

.fenye {
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 20px;
    height: 40px;
    margin-bottom: 20px;
}

.fenye a {
    float: left;
    margin: 0 20px;
    border: #fd5678 1px solid;
    text-align: center;
    color: #fd5678;
    padding: 0px 27px;
    border-radius: 200px;
    line-height: 35px;
    font-size: 16px;
}

.fenye a:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
    border: #fe92a8 1px solid;
    background: #fe92a8 !important
}

.zixun {
    margin: 0 auto;
    padding: 0px;
    display: table;
    color: #fd5678;
    font-size: 16px;
    padding-bottom: 20px;
}

.zixun span {
    margin: 0px 10px;
}

.fenye button {
    float: left;
    margin: 0 20px;
    border: #fd5678 1px solid;
    text-align: center;
    color: #fd5678;
    padding: 0px 27px;
    border-radius: 200px;
    line-height: 35px;
    font-size: 16px;
    background: white;
}

.fenye button:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
    border: #fe92a8 1px solid;
    background: #fe92a8 !important
}



@media (max-width:767px) {

    .sjlist {
        width: 100%;
        /*display:table;*/
    }

    .leftsidebar_box {
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 0px;
        /*display:contents;*/
    }

    /*.leftsidebar_box dt{background: url(../images/off.png) no-repeat right; background-position:98%; background-size:22px; padding:0px 20px;color:#333;font-size:16px;position:relative;line-height:40px;cursor:pointer;border-bottom:#d2d2d2 1px solid}
    .leftsidebar_box dt.on{background:  url(../images/on.png) no-repeat right;background-position:98%;  background-size:22px;position:relative;cursor:pointer;}*/
    .leftsidebar_box dt:last-child {
        border-bottom: none
    }

    .shou {
        margin-top: 20px;
        margin-bottom: 20px
    }

}

@media (max-width:992px) {
    .sjlist {
        width: 100%;
        /*display:table;*/
        /*margin-bottom:20px;*/
    }

    .shou {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media (max-width:360px) {
    .sjleft {
        width: 38%;
    }
}

@media (max-width:320px) {
    .sjleft {
        width: 34%;
    }

    .leftsidebar_box dt {
        padding: 0px 15px;
        /*color:#333;*/
        background-position: 99%;
    }

    .leftsidebar_box dt.on {
        background-position: 99%;
    }
}

.d-table {
    display: table;
    width: 100%;
}

.ys_inbut {
    background: linear-gradient(60deg, #fff2f6, #ffb6ca);
    border-radius: 5px;
    height: 33px;
    line-height: 33px;
    box-shadow: rgba(253, 86, 120, 0.2) 0 6px 6px;
    color: #fd5678;
    padding: 0 10px;
    margin-right: 10px;
}

.ys_inbut img {
    height: 18px;
    margin-top: -2px;
    margin-right: 5px;
}

.ys_inbut:hover {
    color: #fd5678;
}

.ys_inbut:active {
    background: linear-gradient(-60deg, #fff2f6, #ffb6ca);
}

.ys_gt {
    position: absolute;
    height: 25px;
    left: -21px;
    top: -4px;
    z-index: 1;
}

.ys_pr {
    position: relative;
}

/*收件夹详情*/
.shouxq {
    width: 94%;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    border-bottom: #e44e71 1px solid;
    margin-top: 10px;
    margin-bottom: 20px
}

.shouxq span {
    color: #fd5678;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
}

/*.xlimg{ float:left; height:20px; margin-top:13px; margin-right:10px;}*/
.xlimg {
    float: left;
    height: 22px;
    margin-top: 11px;
    margin-right: 10px;
}

.xrgimg {
    float: right;
    height: 30px;
    margin-top: 5px;
}

.liaotian {
    width: 94%;
    margin: 0 auto;
    padding: 0px;
    display: table
}



/*详情*/

.vxq {
    width: 96%;
    margin: 0 auto;
    padding: 0px;
    display: table;
    color: #e44e71;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    -moz-box-shadow: 2px 2px 5px #eeeeee;
    -webkit-box-shadow: 2px 2px 5px #eeeeee;
    box-shadow: 2px 2px 5px #eeeeee;
    padding: 10px 0
}

.vxi_list {
    width: 94%;
    margin-left: 4%;
    display: table;
    margin-bottom: 30px;
}

.vxi_list ul {
    width: 100%;
    display: table;
    margin-top: 20px;
}

.vxi_list ul li {
    width: 100%;
    display: table;
    margin: 10px 0
}

.vxi_left {
    width: 100px;
    float: left;
    line-height: 35px;
}

.vxi_right {
    width: 75%;
    float: left;
    color: #eeeeee
}

.vbaneinput {
    width: 96%;
    height: 35px;
    background: #eeeeee;
    line-height: 35px;
    border: none;
    border-radius: 4px;
    padding: 0 15px;
    color: #999999
}

.binput {
    width: 19%;
    height: 35px;
    line-height: 35px;
    border: #eeeeee 1px solid;
    border-radius: 4px;
    padding: 0 1%;
    color: #666666
}

.cxbaicon img {
    height: 30px;
    margin-right: 10px;
}

.binput02 {
    width: 42%;
    height: 35px;
    line-height: 35px;
    border: #eeeeee 1px solid;
    border-radius: 4px;
    padding: 0 1%;
    color: #666666;
    background: #ffffff
}

.binput03 {
    width: 25%;
    height: 35px;
    line-height: 35px;
    border: #eeeeee 1px solid;
    border-radius: 4px;
    padding: 0 1%;
    color: #666666;
    background: #ffffff
}

.bicon {
    height: 30px;
    margin-left: 10px;
}

.xitext {
    color: #999999;
    margin: 0 5px
}

.tishi {
    width: 84%;
    background: #fcedf1;
    color: #e44e71;
    text-align: center;
    padding: 5px 0px;
    line-height: 25px;
    margin: 10px 0px 10px 0
}

.vxi_line {
    border-bottom: 1px dashed #eeeeee;
    width: 94%;
    margin: 0 auto;
    padding: 0px;
    margin-top: 15px;
}

.tishi02 {
    width: 94%;
    background: #fcedf1;
    color: #e44e71;
    text-align: center;
    padding: 5px 0px;
    line-height: 25px;
    margin-left: 3%;
    margin-bottom: 20px
}

.vipbut02 {
    width: 250px;
    height: 40px;
    background: #fe92a9;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    margin-top: 20px;
    margin-left: 25%;
    display: table
}

.vipbut02:hover {
    color: #ffffff
}

.xhuyi {
    width: 84%;
    background: #fff9fb;
    margin: 30px 0px 20px 0;
    padding: 15px;
}

.xhuyi h2 {
    font-size: 18px;
    color: #fd90b6;
    border-bottom: #fd90b6 3px solid;
    display: table;
    float: left;
    margin-bottom: 10px;
    font-weight: bold
}

.xhuyi h3 {
    width: 100%;
    display: table;
    font-size: 13px;
    color: #999999;
    line-height: 25px;
}

.xhuyi h3 span {
    font-size: 12px;
    margin-right: 10px;
}

.xhuyi h3 b {
    width: calc(100% - 21px);
    float: right;
    font-weight: normal
}

.cxline {
    width: 6%;
    text-align: center;
    display: table;
    float: left;
    line-height: 35px;
}



.sx {
    width: 84%;
    display: table;
    line-height: 25px;
    color: #e44e71
}

.sx span {
    width: calc(100% - 21px);
    float: right;
    font-weight: normal
}


@media (max-width:767px) {
    .vxq {
        width: 100%;
    }

    .vxi_list {
        width: 94%;
        margin-left: 4%;
        display: table;
        margin-bottom: 20px;
    }

    .vxi_list ul {
        width: 100%;
        display: table;
        margin-top: 20px;
    }

    .vxi_list ul li {
        width: 100%;
        display: table;
        margin: 10px 0
    }

    .vxi_left {
        width: 27%;
        float: left;
        line-height: 35px;
    }

    .cxbaicon a {
        width: 19% !important;
        float: left;
        margin-right: 6%;
    }

    .cxbaicon a:last-child {
        margin-right: 0
    }

    .cxbaicon a img {
        width: 100%;
        margin-right: 0 !important
    }

    .cxline {
        width: 2%;
        text-align: center;
        display: table;
        float: left;
        line-height: 35px;
    }

    .vxi_right {
        width: 73%;
        float: left
    }

    .vbaneinput {
        width: 96%;
        height: 35px;
        background: #eeeeee;
        line-height: 35px;
        border: none;
        border-radius: 4px;
        padding: 0 11px;
        color: #999999
    }

    .tishi {
        width: 100%;
        background: #fcedf1;
        color: #e44e71;
        text-align: center;
        padding: 5px 0px;
        line-height: 25px;
        margin: 10px 0px 10px 0
    }

    .vipbut02 {
        width: 70%;
        height: 40px;
        background: #fe92a9;
        border-radius: 200px;
        color: #ffffff;
        text-align: center;
        line-height: 40px;
        display: table;
        margin: 0 auto;
        margin-top: 20px;
    }

    .xhuyi {
        width: 98%;
        background: #fff9fb;
        margin: 0 auto;
        padding: 15px;
        display: table;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .sx {
        width: 100%;
        display: table;
        line-height: 25px;
        color: #e44e71
    }

    .sx span {}
}


@media (max-width:992px) {

    .vxq {
        width: 100%;
    }

    .vxi_list {
        width: 94%;
        margin-left: 4%;
        display: table;
        margin-bottom: 20px;
    }

    .vxi_list ul {
        width: 100%;
        display: table;
        margin-top: 20px;
    }

    .vxi_list ul li {
        width: 100%;
        display: table;
        margin: 10px 0
    }

    .vxi_left {
        width: 27%;
        float: left;
        line-height: 35px;
    }

    .cxbaicon img {
        height: 27px;
        margin-right: 6px;
    }

    .vxi_right {
        width: 73%;
        float: left
    }

    .vbaneinput {
        width: 96%;
        height: 35px;
        background: #eeeeee;
        line-height: 35px;
        border: none;
        border-radius: 4px;
        padding: 0 11px;
        color: #999999
    }

    .tishi {
        width: 100%;
        background: #fcedf1;
        color: #e44e71;
        text-align: center;
        padding: 5px 0px;
        line-height: 25px;
        margin: 10px 0px 10px 0
    }

    .vipbut02 {
        width: 70%;
        height: 40px;
        background: #fe92a9;
        border-radius: 200px;
        color: #ffffff;
        text-align: center;
        line-height: 40px;
        display: table;
        margin: 0 auto;
        margin-top: 20px;
    }

    .xhuyi {
        width: 98%;
        background: #fff9fb;
        margin: 0 auto;
        padding: 15px;
        display: table;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .sx {
        width: 100%;
        display: table;
        line-height: 25px;
        color: #e44e71
    }

    .sx span {
        width: calc(100% - 25px);
        float: right
    }


    .cxbaicon a {
        width: 19% !important;
        float: left;
        margin-right: 6%;
    }

    .cxbaicon a:last-child {
        margin-right: 0
    }

    .cxbaicon a img {
        height: 30px;
        padding: 0;
        margin: 0 auto;
        display: table;
    }

}


.dlrfont {
    position: absolute;
    right: 20px;
    top: 25px;
}

.dlrfont a {
    padding: 0 5px;
}

.dengl {
    width: 100%;
    padding: 40px 0;
    margin: 0 auto;
    margin-bottom: 30px;
    display: table
}

.dengl_h {
    font-size: 25px;
    color: #fd5678;
    text-align: center;
    font-weight: bold;
    margin-bottom: 25px;
    width: 100%;
    display: table
}

@media (max-width:992px) {
    .dlrfont {
        position: absolute;
        right: 30px;
        top: 25px;
    }

}

@media (max-width:767px) {
    .dlrfont {
        position: absolute;
        right: 20px;
        top: 25px;
    }
}

.de_input {
    width: 400px;
    margin: 0 auto;
    padding: 0px;
    display: table
}

.de_input01 {
    width: 100%;
    height: 40px;
    background: #f8f8f8;
    border-radius: 50px;
    display: table
}

.de_img {
    float: left;
    height: 20px;
    margin-left: 20px;
    margin-top: 8px;
}

.de_img img {
    height: 20px;
}

.d_input {
    border: none;
    background: none;
    width: 80%;
    float: left;
    line-height: 35px;
    margin-left: 5px;
    outline: none
}

.dlmarbot {
    margin-bottom: 15px;
}

.dlpassword {
    width: 100%;
    display: table;
    text-align: right;
    color: #999999;
    margin-bottom: 15px;
}

.dlbut {
    width: 250px;
    height: 40px;
    background: #fe92a8;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    display: table;
    margin: 0 auto;
    font-size: 16px;
    box-shadow: 0 0 20px #ffb6c5;
}

.dlbut:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
}



.dlbut02 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #e44e71;
    text-align: center;
    display: table;
    font-size: 16px;
    margin-top: 10px
}


.matop120 {
    margin-top: 70px;
}

.matop50 {
    margin-top: 70px;
}

.matbot30 {
    margin-bottom: 50px !important;
}

.matbot140 {
    margin-bottom: 140px !important;
}

.qxtop70 {
    margin-top: 140px
}

@media (max-width:992px) {
    .matop120 {
        margin-top: 110px;
    }


}

@media (max-width:767px) {
    .matbot140 {
        margin-bottom: 50px !important;
    }
}


@media (max-width:320px) {
    .matop50 {
        margin-top: 40px;
    }

    .qxtop70 {
        margin-top: 120px
    }

    .matop120 {
        margin-top: 70px;
    }

}



.foot_p {
    position: fixed;
    bottom: 0;
}

.foot_pc {
    position: fixed;
    bottom: 0;
}

.bots {
    position: fixed;
    bottom: 0
}

@media (max-width:767px) {
    .zutop70 {
        margin-top: 50px !important
    }

    .foot_pc {
        position: static;
        bottom: 0;
    }

    .bots {
        position: static !important;
        bottom: 0
    }

}

@media (max-width:992px) {
    .zutop70 {
        margin-top: 0px !important
    }

    .dengl {
        width: 100%;
        padding: 0px 0;
        margin: 0 auto;
        margin-bottom: 20px;
        -webkit-flex: 1;
    }

    .de_input {
        width: 80%;
        margin: 0 auto;
        padding: 0px;
        display: table
    }

}

.zhuce {
    width: 100%;
    display: table;
    margin-bottom: 15px
}

.zhuce h2 {
    font-size: 25px;
    color: #fd5678;
    text-align: center;
    font-weight: bold
}

.zhuce h3 {
    font-size: 15px;
    color: #999999;
    text-align: center;
    line-height: 25px
}

.zcinput {
    width: 90%;
    height: 40px;
    background: #f8f8f8;
    /*border-radius:50px;*/
    display: table;
    border: none;
    outline: none;
    margin-left: 5%
}


.de_input02 {
    width: 100%;
    height: 40px;
    background: #f8f8f8;
    border-radius: 25px;
    display: table;
    padding: 20px 20px
}

.de_input02 h2 {
    color: #fe92a8;
}

.de_input02 h3 {
    color: #333333;
    line-height: 30px;
}

.de_input02 h3 span {
    margin-left: 6px
}

.de_input02 h4 {
    color: #999999;
    line-height: 20px;
}

.decheck {
    line-height: 25px;
    display: table;
    color: #999999;
    margin-bottom: 30px;
}

.decheck span {
    margin-left: 6px;
}


.zcbut {
    width: 250px;
    margin-top: 15px !important;
    height: 40px;
    background: #ffffff;
    border: #e44e71 1px solid;
    border-radius: 200px;
    color: #e44e71;
    text-align: center;
    line-height: 40px;
    display: table;
    margin: 0 auto;
    font-size: 16px;
}

.zcbut:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
    background: #fe92a8;
    border: #fe92a8 1px solid
}


.wxsy {
    width: 90%;
    padding: 40px 0;
    margin: 0 auto;
    display: table;
    min-height: 700px;
    margin-bottom: 30px;
}

.wxsy_title {
    width: 100%;
    text-align: center;
    font-weight: bold;
    background: #fcedf1;
    height: 43px;
    line-height: 43px;
    display: table;
    color: #e55073;
    font-size: 22px;
    border-radius: 10px;
}

.wxsy_k {
    width: 100%;
    padding: 20px 0;
    margin: 0 auto;
    display: table;
    border: #fcedf1 1px solid;
    margin-top: 15px;
    border-radius: 10px;
}

.wknr {
    width: 94%;
    margin: 0 auto;
    padding: 0px;
    display: table
}

.wktk {
    font-size: 22px;
    text-align: center;
    padding-bottom: 15px;
}

.wknr p {
    font-size: 14px;
    line-height: 23px;
    color: #666666;
    margin-bottom: 20px;
}

.wknr p:last-child {
    margin-bottom: 0px;
}

.wknr p a {
    color: #5867dd
}

.wktit {
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 35px;
}

.wknr h3 {
    font-size: 14px;
    line-height: 23px;
    color: #666666;
}

.wknr h4 {
    font-size: 14px;
    line-height: 23px;
    color: #e55073;
}

.wknr h5 {
    font-size: 30px;
    line-height: 40px;
    color: #e55073;
}

.wk_lx {
    width: 100%;
    display: table;
    padding: 5px 0
}

.wk_lx img {
    float: left;
    margin-right: 5px;
    height: 22px
}

.wk_lx span {
    width: 100px;
    float: left;
    color: #333333
}

.wk_lx font {
    color: #666666
}



@media (max-width:320px) {
    .wk_lx font {
        float: right;
        width: calc(100% - 30px);
    }
}


@media (max-width:992px) {
    .wktit {
        text-align: center;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .wknr h5 {
        font-size: 22px;
        line-height: 23px;
        color: #e55073;
    }

}

.email {
    width: 90%;
    padding: 5px 0;
    margin: 0 auto;
    display: table;
    margin-bottom: 30px;
}

.email h2 {
    font-size: 18px;
}

.embg {
    width: 100%;
    padding: 10px 0;
    background: #fff9fb;
    margin: 10px 0;
    color: #666666;
    margin-bottom: 20px
}

.embg_1 {
    width: 94%;
    margin: 0 auto;
    padding: 0px;
    display: table
}

.embg_1 h3 {
    display: table;
    text-align: left;
    font-size: 14px;
    line-height: 23px;
}

.embg_1 h3 span {
    color: #fd90b6;
    font-weight: bold
}

.yx_k {
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    display: table;
    background: #f6f6f6;
    margin-top: 15px;
    border-radius: 10px;
    font-size: 12px;
}

.yzred {
    color: #fdaac6
}

@media (max-width:797px) {
    .font_hh {
        display: table;
        float: right !important;
        width: calc(100% - 50px) !important;
    }
}


@media (max-width:320px) {

    .email h2 {
        font-size: 16px;
    }

    .embg_1 h3 {
        display: table;
        text-align: left;
        font-size: 13px;
        line-height: 23px;
    }

    .yzfont {
        font-size: 12px !important;
    }

    .ye_d {
        font-size: 12px !important
    }

}

@media (max-width:360px) {
    .ye_d {
        font-size: 12px !important
    }

}

@media (max-width:480px) {
    .email h2 {
        font-size: 16px;
    }

}

.wknr001 {
    width: 94%;
    margin: 0 auto;
    padding: 0px;
    display: table
}

.wknr001 h3 {
    line-height: 23px;
    color: #666666;
}

.ye_d {
    font-size: 15px
}

@media (max-width:797px) {
    .ye_d {
        font-size: 14px
    }
}




.shou02 {
    width: 90%;
}

.shou02 span {
    color: #fd5678;
    border-bottom: #fd5678 3px solid;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
}

.shou02 font {
    color: #999999;
    margin-left: 10px;
    font-size: 16px;
}



.head_3 {
    background-image: linear-gradient(to right, #f5c2c0 0%, #ffe4e7 100%);
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0;
    z-index: 7
}

.ndlrfont {
    position: absolute;
    right: 0px;
    top: 25px;
}

.ndlrfont a {
    padding: 0 5px;
}


.lwme {
    width: 90%;
    padding: 40px 0;
    margin: 0 auto;
    display: table;
    margin-bottom: 30px;
}

.logtop {
    margin-top: 24vh
}

.lxtop {
    margin-top: 30vh
}

.pxtop {
    margin-top: 7%
}


@media (max-width:992px) {
    .ndlrfont {
        position: absolute;
        right: 0px;
        top: 25px;
    }

    .logtop {
        margin-top: 30vh
    }

    .lxtop {
        margin-top: 28vh
    }

    .pxtop {
        margin-top: 26%
    }

}

@media (max-width:767px) {
    .ndlrfont {
        position: absolute;
        right: 0px;
        top: 25px;
    }

    .logtop {
        margin-top: 24vh
    }

    .lxtop {
        margin-top: 23vh
    }

    .pxtop {
        margin-top: 12%
    }

}

@media (max-width:320px) {
    .logtop {
        margin-top: 20vh
    }

    .lxtop {
        margin-top: 12vh
    }

    .pxtop {
        margin-top: 5%
    }

}

.wo_input01 {
    width: 90%;
    height: 40px;
    margin: 0 auto;
    background: #f8f8f8;
    border-radius: 50px;
    display: table;
    margin-bottom: 20px;
    margin-top: 20px;
}

.wd_xsy {
    width: 90%;
    padding: 40px 0;
    margin: 0 auto;
    display: table;
    margin-bottom: 30px;
    min-height: 600px;
}

.wordbg {
    width: 90%;
    margin: 0 auto;
    padding: 10px;
    display: table;
    background: #fff9fb;
    border-radius: 10px;
    margin-bottom: 100px
}

.wordbg h3 {
    color: #666666;
    line-height: 22px;
}

.wiword {
    color: #fd90b6 !important;
    font-weight: bold;
    line-height: 28px !important;
}

.wpaword {
    width: 600px;
}

.blbg {
    width: 100%;
    height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
}

.announce_bg {
    width: 100%;
    height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
}

.evaluation_bg {
    width: 100%;
    height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    display: none;
}

.bl_tab {
    width: 36%;
    background: #e2e8ff;
    border: #8a9fef 2px solid;
    border-radius: 5px;
    position: fixed;
    left: 32%;
    top: 8%;
    z-index: 10;
    display: none;
}

.bltitle {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #8a9fef;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
}

.bltitle span {
    float: left;
    margin-left: 15px;
}

.blnr {
    width: 95%;
    margin: 0 auto;
    display: table;
    /*padding:30px 0 50px 0;color:#666666;*/
    color: #6783c7;
    font-size: 18px;
}

.bltext {
    text-align: center;
    word-break: break-word;
}

.bl_gb {
    position: absolute;
    top: 9px;
    right: 5px;
}

.bl_gb img {
    width: 30px;
}

.blinput {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border: #cccccc 1px solid;
    border-radius: 3px;
}


.gg_tab {
    width: 36%;
    background: #fcedf1;
    border: #fd90b6 2px solid;
    border-radius: 5px;
    position: fixed;
    left: 32%;
    top: 8%;
    z-index: 10;
    display: none;
}

.ggtitle {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #fd90b6;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
}

.ggtitle span {
    float: left;
    margin-left: 15px;
}

.ggnr {
    width: 95%;
    margin: 0 auto;
    display: table;
    padding: 30px 0 50px 0;
    color: #666666
}

.ggtext {
    text-align: center
}

.gg_gb {
    position: absolute;
    top: 9px;
    right: 5px;
}

.gg_gb img {
    width: 30px;
}

.ggnr01 {
    width: 90%;
    margin: 0 auto;
    display: table;
    padding: 20px 0 20px 0;
    color: #666666
}

.gg_nr {
    line-height: 25px;
    display: table
}


.blnr01 {
    width: 85%;
    margin: 0 auto;
    display: table;
    padding: 30px 0 30px 0;
    color: #666666
}

.blnr01 h2 {
    font-size: 14px;
    line-height: 30px
}

.blinput {
    width: 100%;
    height: 35px;
    line-height: 35px;
    border: #cccccc 1px solid;
    border-radius: 3px;
}

.blbut {
    width: 250px;
    height: 40px;
    background: #8a9ff0;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    display: table;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 30px;
}

.blbut:hover {
    color: #ffffff
}


.blnr02 {
    width: 85%;
    margin: 0 auto;
    display: table;
    padding: 15px 0 30px 0;
    color: #666666
}

.blnr02 h2 {
    font-size: 14px;
    line-height: 30px
}

.gg_bg {
    width: 310px;
    margin: 0 auto;
    padding: 0px;
    display: table;
    position: relative
}

.ggbut {
    width: 220px;
    height: 40px;
    background: linear-gradient(90deg, #fe7293 0%, #e44f71 100%);
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    display: table;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 30px;
}

.ggbut:hover {
    color: #ffffff;
    box-shadow: inset 0px 13px 10px -10px #c2153d, inset 0px -10px 10px -20px #c2153d;
}

/*.gg_page{width:30px; height:30px; position:absolute; left:0px; top:35px}*/
/*.gg_page img{width:30px; height:30px;}*/

/*.gg_pager{width:30px; height:30px; position:absolute; right:0px; top:35px}*/
/*.gg_pager img{width:30px; height:30px;}*/




.gtab {
    width: 80%;
    position: fixed;
    left: 10%;
    top: 40%;
    z-index: 10;
    display: none;
}

.gxbut {
    min-width: 250px;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    background: #8a9ff0;
    border-radius: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    display: table;
    margin: 0 auto;
    font-size: 16px;
    -moz-box-shadow: 2px 2px 10px #747373;
    -webkit-box-shadow: 2px 2px 10px #747373;
    box-shadow: 2px 2px 10px #747373;
}

.gxbut:hover {
    color: #ffffff
}



@media (max-width:797px) {
    .bl_tab {
        width: 90%;
        background: #e2e8ff;
        border: #8a9fef 2px solid;
        border-radius: 5px;
        position: fixed;
        left: 5%;
        top: 20%;
        z-index: 10;
        display: none;
    }

    .gg_tab {
        width: 90%;
        background: #fcedf1;
        border: #fd90b6 2px solid;
        border-radius: 5px;
        position: fixed;
        left: 5%;
        top: 20%;
        z-index: 10;
        display: none;
        max-height: 60%;
    }

    .gg_bg {
        width: 310px;
        margin: 0 auto;
        padding: 0px;
        display: table;
        position: relative
    }

    .wpaword {
        width: 90%;
    }
}

@media (max-width:370px) {
    .ggbut {
        width: 140px;
        height: 40px;
        background: linear-gradient(90deg, #fe7293 0%, #e44f71 100%);
        border-radius: 200px;
        color: #ffffff;
        text-align: center;
        line-height: 40px;
        display: table;
        margin: 0 auto;
        font-size: 16px;
        margin-top: 30px;
    }

    .gg_bg {
        width: 240px;
        margin: 0 auto;
        padding: 0px;
        display: table;
        position: relative
    }


}

@media (max-width:320px) {
    .wd_xsy {
        min-height: 450px;
    }

    .n_left {
        width: 115px !important;
    }

    .n_right {
        width: 115px !important;
    }
}


.eigimg {
    width: 180px;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
}

.eigfont {
    width: 84%;
    margin: 0 auto;
    display: table;
    color: #999999;
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

.eigbutton {
    width: 84%;
    margin: 0 auto;
    display: table
}

.egbuic {
    width: 44%;
    padding: 10px;
    text-align: center;
    color: #ffffff;
    border-radius: 6px;
}

.egbuic:hover {
    color: #ffffff
}

.egbuic font {
    font-size: 18px;
}

.egbuic span {
    width: 100%;
    display: table
}

.egbleft {
    background: #fe92a8;
    float: left;
    box-shadow: 0 0 20px #ffb6c5;
}

.egbleft:hover {
    color: #ffffff;
    box-shadow: inset 0px 20px 12px -12px #f83964, inset 0px -12px 12px -20px #f83964;
}

.egbright {
    background: #89dff3;
    float: right;
    box-shadow: 0 0 20px #89dff3;
}

.egbright:hover {
    color: #ffffff;
    box-shadow: inset 0px 20px 12px -12px #1fb6d9, inset 0px -12px 12px -20px #1fb6d9;
}


@media (max-width:797px) {
    .eigimg {
        width: 35%;
        margin: 0 auto;
        display: table;
        margin-top: 20px;
    }

    .eigfont {
        margin: 0 auto;
        display: table;
        color: #999999;
        font-size: 14px;
        line-height: 22px;
        text-align: left
    }

    .eigbutton {
        width: 90%;
        margin: 0 auto;
        display: table
    }
}

@media (max-width:992px) {
    .eigimg {
        width: 130px;
        margin: 0 auto;
        display: table;
        margin-top: 20px;
    }

    .eigfont {
        width: 90%;
        margin: 0 auto;
        display: table;
        color: #999999;
        font-size: 14px;
        line-height: 22px;
        margin-top: 30px;
        margin-bottom: 20px;
        text-align: left
    }

}

@media (max-width:320px) {
    .eigimg {
        margin-top: 0px;
    }

    .eigfont {
        margin-top: 20px !important;
        text-align: left
    }

}

.whoicon {
    width: 25px;
    float: right;
    margin-top: 12px
}

.whoicon02 {
    width: 25px;
    float: right;
    margin-top: 12px
}

/*10-12*/
.g_top70 {
    margin-top: 60px
}

.g_password {
    width: 100%;
    min-height: 565px;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
    margin-bottom: 40px;
}

.g_pwicon {
    width: 90%;
    padding: 20px 0;
    margin: 0 auto;
    display: table;
    border-bottom: #fe92a8 1px solid;
}

.g_pwicon li {
    width: 25%;
    float: left;
    margin-bottom: 20px
}

.g_pwicon li img {
    width: 65px;
    margin: 0 auto;
    display: block
}

.g_pwicon li span {
    text-align: center;
    width: 100%;
    color: #fe92a8;
    padding-top: 70px;
    display: block
}

.g_pwicon_t {
    width: 65px;
    height: 70px;
    margin: 0 auto;
    background: url(../images/mm_03.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_pwicon_t:hover {
    width: 65px;
    height: 70px;
    background: url(../images/mm_15.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_pwicon_t2 {
    width: 65px;
    height: 70px;
    margin: 0 auto;
    background: url(../images/mm_05.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_pwicon_t2:hover {
    width: 65px;
    height: 70px;
    background: url(../images/mm_16.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_pwicon_t3 {
    width: 65px;
    height: 70px;
    margin: 0 auto;
    background: url(../images/mm_07.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_pwicon_t3:hover {
    width: 65px;
    height: 70px;
    background: url(../images/mm_17.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_pwicon_t4 {
    width: 65px;
    height: 70px;
    margin: 0 auto;
    background: url(../images/mm_09.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_pwicon_t4:hover {
    width: 65px;
    height: 70px;
    background: url(../images/mm_18.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_pwicon_t5 {
    width: 65px;
    height: 70px;
    margin: 0 auto;
    background: url(../images/mm_10.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_pwicon_t5:hover {
    width: 65px;
    height: 70px;
    background: url(../images/mm_19.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_hicon1 {
    width: 65px;
    height: 70px;
    background: url(../images/mm_15.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_hicon2 {
    width: 65px;
    height: 70px;
    background: url(../images/mm_16.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_hicon3 {
    width: 65px;
    height: 70px;
    background: url(../images/mm_17.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_hicon4 {
    width: 65px;
    height: 70px;
    background: url(../images/mm_18.png) no-repeat;
    display: block;
    background-size: 100%
}

.g_inputt {
    margin-top: 30px;
}

.g_inputt40 {
    margin-top: 40px;
}

.g_inputt20 {
    margin-top: 20px;
}

@media (max-width:360px) {
    .g_password {
        width: 100%;
        min-height: 500px;
        margin: 0 auto;
        display: table;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .g_pwicon li img {
        width: 60px;
        margin: 0 auto;
        display: block
    }

    .g_pwicon li span {
        font-size: 13px;
    }

}

.fengsicon {
    width: 100%;
    margin-top: 10%;
    display: table;
    margin-bottom: 10%
}

.fengsicon span {
    text-align: center;
    width: 100%;
    display: table;
    margin-top: 15px;
}

.feng_img {
    margin: 0 auto;
    width: 100px;
    display: block
}

.feng_img02 {
    width: 45px;
    margin: 0 auto;
    display: table
}

@media (max-width:797px) {
    .fengsicon {
        width: 100%;
        margin-top: 30%;
        display: table
    }

    .fengsicon.search {
        width: 100%;
        margin-top: 10%;
        display: table;
        margin-bottom: 10%
    }

}

.n_sjvip {
    width: 85%;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
}

.n_viph {
    min-height: 700px;
}

.n_viphig {
    min-height: 600px;
}

@media (max-width:767px) {
    .n_viphig {
        min-height: 350px !important;
    }
}

@media (max-width:992px) {
    .n_viphig {
        min-height: 540px;
    }

}



.n_viptitle {
    width: 260px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 30px;
    border-radius: 5px;
    border: #fe92a8 1px solid;
}

.n_viptitle a {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #fe92a8
}

/*.n_viptitle:hover{color:#ffffff;box-shadow:inset 0px 15px 10px -10px #ffb9c7,inset 0px -10px 10px -20px #ffb9c7;}*/
#vip_a:hover {
    /*color:#ffffff*/
    ;
    box-shadow: inset 0px 15px 10px -10px #ffb9c7, inset 0px -10px 10px -20px #ffb9c7;
}

#vip2_a:hover {
    color: #fe92a8;
    box-shadow: inset 0px 15px 10px -10px #ffb9c7, inset 0px -10px 10px -20px #ffb9c7;
}

.n_viphover {
    background: #fe92a8;
    color: #ffffff !important
}

.n_viptop20 {
    margin-top: 40px;
}

.n_vipbut {
    width: 50%;
    display: table;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 15px;
}

.n_vipbut span {
    width: 50%;
    float: left
}

.n_vip01 {
    width: 140px;
    height: 40px;
    background: #fe92a8;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    display: table;
}

.n_vip01:hover {
    color: #ffffff
}

.n_vipbotf {
    width: 80%;
    margin: 0 auto;
    padding: 5px 0;
    background: #fcedf1;
    text-align: center;
    color: #e44e71
}


.v_butleft {
    float: right;
    margin-right: 15px;
}

.v_butright {
    float: left;
    margin-left: 15px;
}


@media (max-width:797px) {
    .n_vipbut {
        width: 90%;
        display: table;
        margin: 0 auto;
        margin-top: 25px;
        margin-bottom: 15px;
    }


    .n_sjvip {
        width: 100%;
        display: table;
        margin-top: 20px;
    }

    .n_vipbotf {
        width: 94%;
        margin: 0 auto;
        padding: 5px 0;
        background: #fcedf1;
        text-align: center;
        color: #e44e71
    }

}

.write_img {
    float: left;
    width: 16.6%;
    padding-top: 16.6%;
    position: relative;
    background-color: #f2f2f2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 5px 5px;
    border-style: solid;
    border-color: transparent;
    -webkit-background-clip: padding-box;
    -webkit-background-size: cover;
    background-clip: padding-box;
    background-size: cover;
}

.write_img .img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
}

.addpic {
    width: 90%;
    margin: 0 auto;
    display: table;
    margin-top: 20px
}

.n_adbut {
    background: url(../images/1_03.png) no-repeat;
    width: 80px;
    height: 37px;
    float: right;
    display: table;
    margin-bottom: 15px;
}

.n_adbut img {
    width: 20px;
    margin-left: 10px;
    margin-right: 3px;
}

.n_adbut a {
    color: #ffffff;
    line-height: 30px;
}

.n_adbut:hover {
    background: url(../images/1_03_h.png) no-repeat;
    color: #ffffff;
    line-height: 30px;
}

.n_adbut01 {
    background: url(../images/1_03.png) no-repeat;
    width: 80px;
    height: 37px;
    display: table;
    margin-bottom: 15px;
    margin-left: 3%;
    line-height: 30px;
    color: #ffffff
}

.n_adbut01 img {
    width: 13px;
    margin-left: 10px;
    margin-right: 3px;
}

.n_adbut01 a {
    color: #ffffff;
    line-height: 30px;
}

.n_adbut01:hover {
    background: url(../images/1_03_h.png) no-repeat;
    color: #ffffff !important;
    width: 80px;
    height: 37px;
    display: table;
    margin-bottom: 15px;
    margin-left: 3%
}


.n_ulpic {
    width: 100%;
    display: table;
    margin-bottom: 35px;
}

.n_ulpic ul li {
    position: relative;
}

.n_ulhh {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.n_ulhh img {
    width: 100%
}

@media (max-width:992px) {
    .write_img {
        float: left;
        width: 25%;
        padding-top: 25%;
        position: relative;
        background-color: #f2f2f2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-width: 5px 5px;
        border-style: solid;
        border-color: transparent;
        -webkit-background-clip: padding-box;
        -webkit-background-size: cover;
        background-clip: padding-box;
        background-size: cover;
    }

}

@media (max-width:767px) {
    .write_img {
        float: left;
        width: 33.333%;
        padding-top: 30.208%;
        position: relative;
        background-color: #f2f2f2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-width: 5px 5px;
        border-style: solid;
        border-color: transparent;
        -webkit-background-clip: padding-box;
        -webkit-background-size: cover;
        background-clip: padding-box;
        background-size: cover;
    }

    .write_img .img {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #f2f2f2;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .n_ulhh {
        width: 45px;
        height: 45px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3
    }

    .n_ulhh img {
        width: 100%
    }

}

.n_blnr01 {
    width: 90%;
    margin: 0 auto;
    color: #666666;
    padding-bottom: 20px;
    padding-top: 28px;
}

.n_nutext {
    width: 100%;
    min-height: 100px;
    background: #ffffff;
    border: none;
    padding: 5px;
    color: #666666;
    border-radius: 5px;
}

.n_blbut {
    margin-top: 15px;
}

.n_bbutton {
    /*width:90%;*/
    margin: 0 auto;
    display: table;
    margin-top: 15px
}

.n_bbutton span {
    width: 50%;
    float: left
}

.n_left {
    float: right;
    width: 120px;
    height: 40px;
    background: #8a9ff0;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-right: 11px;
}

.n_left:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #4c6ded, inset 0px -10px 10px -20px #4c6ded;
}

.n_right {
    float: left;
    width: 120px;
    height: 40px;
    background: #ffffff;
    border: #8a9ff0 1px solid;
    border-radius: 200px;
    color: #8a9ff0;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    margin-left: 11px;
}

.n_right:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #516cd4, inset 0px -10px 10px -20px #516cd4;
    background: #8a9ff0
}

.n_bllbut {
    height: 40px;
    background: #8a9ff0;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    display: table;
    margin: 0 auto;
    padding: 0 60px;
    font-size: 16px;
    margin-top: 15px;
    cursor: pointer;
}

.n_bllbut:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #4c6ded, inset 0px -10px 10px -20px #4c6ded;
}

.n_fengs {
    width: 95%;
    margin: 0 auto;
    display: table;
    line-height: 25px;
}

.n_fengs img {
    height: 25px;
    margin-right: 10px;
}

.n_fengs span {
    width: calc(100% - 35px);
    float: right
}

.n_jianj {
    position: absolute;
    top: 0;
    z-index: 4;
    width: 100%;
}

.n_jianj a {
    background: #e54f72;
    line-height: 25px;
    color: #ffffff;
    border-radius: 0 0px 50px 50px;
    margin: 0 auto;
    padding: 0px 20px;
    display: table
}

.n_input {
    width: 100%;
    display: table
}

.n_input dt {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.n_input dt span {
    width: 100%;
    font-size: 15px;
    color: #666666;
    display: table;
    line-height: 35px;
    font-weight: normal
}

.n_input dt i {
    color: #fd5678;
    font-style: normal
}

.n_heg {
    line-height: 20px;
}

.n_lod {
    font-weight: normal;
    margin-right: 30px;
}

.n_loleft {
    margin-left: 5px;
}

.n_red {
    color: #fd5678
}

.n_xqline {
    width: 100%;
    display: table;
    margin-top: 5px;
    line-height: 23px;
}

.n_xqline a {
    margin-left: 10px;
    color: #fd5678
}

.n_xqline a img {
    height: 20px;
    margin-right: 5px
}


.fs_name {
    width: 90%;
    padding: 30px 0 30PX 0;
    margin: 0 auto;
    display: table;
    min-height: 1024px
}

.fs_title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    color: #ee5472
}

.fs_title h2 {
    width: 100%;
    display: table;
    color: #ff9baf;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
}

.fs_table {
    width: 100%;
    display: table;
    margin-top: 10px;
}

.fs_table table {
    width: 100%;
    background: #fffcfb;
    margin-bottom: 30PX;
    display: table
}

.fs_table table tr td {
    line-height: 30px;
    padding: 8px 0;
    text-align: center;
    color: #666666;
    border-bottom: #ffbfcd 1px solid;
    border-right: #ffbfcd 1px dotted;
}

.fs_table table th {
    color: #FFF;
    text-align: center;
    font-weight: normal;
    padding: 10px 0;
}

.fs_table table tr:nth-child(odd) {
    background: #fff0f4
}

.fs_tb {
    background: linear-gradient(180deg, #ffc4d1 0%, #ff718c 100%) !important;
}

.board {
    width: 94%;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-bottom: 20px;
    min-height: 800px;
}

.board ul {
    width: 100%;
    display: table
}

.board ul li {
    padding: 10px 0;
    width: 100%;
    display: table;
    border-bottom: #eeeeee 1px solid
}

.board_img {
    float: left;
    width: 23px;
}

.board_img img {
    width: 23px;
}

.borardfont {
    width: calc(100% - 33px);
    float: right;
    color: #666666;
    line-height: 23px;
}

.borardfont h2 {
    font-size: 13px;
    color: #999999;
    line-height: 30px;
}


.n_gongg {
    width: 94%;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-bottom: 20px;
    min-height: 550px;
}

.n_gongg ul {
    width: 100%;
    display: table;
    margin-top: 10px;
}

.n_gongg ul li {
    padding: 10px 0;
    width: 100%;
    display: table;
    border: #fe92a8 1px solid;
    background: #fcedf1;
    border-radius: 5px;
    position: relative;
    padding: 10px 0;
    min-height: 50px;
    margin-bottom: 20px;
}

.n_icongg {
    position: absolute;
    width: 50px;
    left: -5px;
    top: 6px;
}

.n_icongg_img {
    width: 100%;
    position: absolute;
}

.n_iconb {
    position: absolute;
    left: 3px;
    top: 9px;
    color: #ffffff;
    font-size: 16px;
}

.n_iconb img {
    height: 17px;
    left: 0px;
    vertical-align: middle;
    position: absolute;
    top: 3px;
}

.n_iconb span {
    line-height: 17px;
    margin-left: 20px;
}

.n_iconfont {
    width: calc(100% - 65px);
    float: right;
    color: #333333;
    line-height: 25px;
    margin-right: 10px;
}

.n_iconfont font {
    color: #f6627f;
    font-weight: bold;
    background: #d2ff00;
    padding: 3px 0px;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
}

.n_iconfont font img {
    height: 14px;
    vertical-align: middle;
    margin-left: 2px;
}

@media (max-width:797px) {
    .fs_name {
        width: 90%;
        padding: 30px 0;
        margin: 0 auto;
        display: table;
        min-height: 800px
    }

    .fs_bpre {
        position: fixed;
        bottom: 0;
    }
}

/*.n_zy{width:60%;margin: 0 auto;display: table;margin-bottom:40px; border-bottom:#fe92a8 1px solid; margin-top:30px; text-align:center;color: #fd5678;font-size:20px;font-weight: bold;line-height:50px;}*/
/*.n_zytab{width:60%; margin:0 auto; display:table; min-height:650px}*/
/*.n_zytab li{width:45%; float:left;background: linear-gradient(0deg,#ff6c88 0%,#ffc8d4 100%); border-radius:10px; padding:10px 10px; height:70px; line-height:70px;margin-bottom:20px; display:table;box-shadow: 0 0 10px #ffdce3;}*/
/*.n_zytab li img{ height:60px; margin-right:20px; margin-left:20px}*/
/*.n_zytab li a{ color:#ffffff; font-size:18px;}*/
/*.n_zytab li:nth-child(2){ float:right}*/
/*.n_zytab li:nth-child(4){ float:right}*/
/*.n_zytab li:nth-child(6){ float:right}*/
/*.n_zytab li:nth-child(8){ float:right}*/
/*.n_zytab li:nth-child(10){ float:right}*/
/*.n_zytab li:nth-child(12){ float:right}*/

/*@media (max-width:797px) {*/
/*.n_zy{width: 90%;margin: 0 auto;display: table;margin-bottom:40px; border-bottom:#fe92a8 1px solid; margin-top:40px; text-align:center;color: #fd5678;font-size:20px;font-weight: bold;line-height:50px;}*/
/*.n_zytab{width:90%; margin:0 auto; display:table; min-height:400px}*/
/*.n_zytab li{width:45%; float:left;background: linear-gradient(0deg,#ff6c88 0%,#ffc8d4 100%); border-radius:10px; padding:10px 10px; height:40px; line-height:40px !important;margin-bottom:20px; display:table;box-shadow: 0 0 10px #ffdce3;}*/
/*.n_zytab li img{ height:40px; margin-right:10px !important; margin-left:8px;}*/
/*.n_zytab li a{ color:#ffffff; font-size:16px;}*/

/*}*/

/*@media (max-width:370px) {*/
/*.n_zy{margin-bottom:30px; margin-top:20px;font-size:20px;font-weight: bold;line-height:50px;}*/

/*.n_zytab li{padding:10px 5px; height:50px; margin-bottom:20px;}*/
/*.n_zytab li img{ height:40px; margin-right:5px !important; margin-left:5px !important;}*/
/*.n_zytab li a{font-size:15px;}*/
/*}*/

.n_shtab {
    width: 94%;
    margin: 0 auto;
    display: table;
    background: #fff3f7;
    padding: 20px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.n_shtab h2 {
    margin-bottom: 15px;
    color: #666666;
    font-size: 15px;
}

.n_shtab h2 span {
    color: #fe92a8;
    width: 100%;
    display: table;
    line-height: 25px;
}

.n_shtab h2:last-child {
    margin-bottom: 0
}


.n_shj {
    width: 100%;
    border-bottom: #dcdcdc 1px solid;
    height: 40px;
    line-height: 40px;
    display: table;
    margin-bottom: 10px;
}

.n_shj ul {
    width: 94%;
    margin: 0 auto;
    padding: 0px;
    display: table
}

.n_shj ul a {
    width: 30%;
    float: left;
    margin-right: 5%;
    text-align: center;
    border-left: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-right: #dcdcdc 1px solid;
    border-radius: 10px 10px 0 0
}

.n_shj ul a:last-child {
    margin-right: 0
}

.n_shhover {
    background: #fe92a8;
    border-left: #fe92a8 1px solid !important;
    border-top: #fe92a8 1px solid !important;
    border-right: #fe92a8 1px solid !important;
    color: #ffffff !important
}


.shyepc {
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
    margin-bottom: 30px
}

.shyepc img {
    width: 100%;
}

.shye {
    display: none
}

.n_sybut {
    width: 550px;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
    margin-bottom: 30px;
}

.n_sybut_left {
    width: 45%;
    float: left;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 100px;
    background: #fe92a8;
    color: #ffffff;
    font-size: 18px;
    box-shadow: 0 0 20px #ffb6c5;
}

.n_sybut_left:hover {
    color: #ffffff;
    box-shadow: inset 0px 13px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
}

.n_sybut_right {
    width: 45%;
    float: right;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 100px;
    background: #ffffff;
    border: #fe92a8 2px solid;
    color: #fe92a8;
    font-size: 18px;
    box-shadow: 0 0 20px #ffb6c5;
}

.n_sybut_right:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
    background: #fe92a8;
    border: #fe92a8 1px solid
}


.n_tbox {
    width: 100%;
    margin: 0 auto;
    display: table;
    background: #ffe3e6;
    border: #ffb9c7 1px solid;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 20px 0px;
    box-shadow: 0 0 10px #ffdce3;
}

.n_tbox01 {
    width: 70%;
    margin: 0 auto;
    display: table
}

.n_tbox01 font {
    width: 90px;
    height: 90px;
    background: linear-gradient(0deg, #fe92a8 0%, #ffd0da 100%);
    border-radius: 10px;
    margin: 0 auto;
    display: table;
    box-shadow: 0 5px 10px #fe94a9;
}

.n_tbox01 font img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: table;
    margin-top: 7px
}

.n_bt {
    width: 100%;
    display: table
}

.n_bt h2 {
    color: #fe92a8;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
}

.n_bt span {
    text-align: center;
    color: #666666;
    width: 100%;
    display: table;
    line-height: 25px;
}



@media (max-width:797px) {
    .shyepc {
        display: none
    }

    .shye {
        width: 100%;
        margin: 0 auto;
        display: table;
        margin-top: 20px;
    }

    .shye img {
        width: 100%;
    }


    .n_sybut {
        width: 90%;
        margin: 0 auto;
        display: table;
        margin-top: -10px;
        margin-bottom: 30px;
    }

    .n_sybut_left {
        width: 45%;
        float: left;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 20px;
        background: #fe92a8;
        color: #ffffff;
        font-size: 16px;
    }

    .n_sybut_right {
        width: 45%;
        float: right;
        height: 40px;
        line-height: 36px;
        text-align: center;
        border-radius: 20px;
        background: #ffffff;
        border: #fe92a8 2px solid;
        color: #fe92a8;
        font-size: 16px;
    }


    .n_tbox01 {
        width: 94%;
        margin: 0 auto;
        display: table;
    }

    .n_tbox02 {
        border-bottom: #ffb9c7 1px solid;
        margin-bottom: 15px;
        padding-bottom: 15px
    }

    .n_tbox01 font {
        width: 60px;
        height: 60px;
        background: linear-gradient(0deg, #fe92a8 0%, #ffd0da 100%);
        border-radius: 10px;
        margin: 0 auto;
        display: inline;
        box-shadow: 0 5px 10px #fe94a9;
        float: left
    }

    .n_tbox01 font img {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        display: table;
        margin-top: 7px
    }

    .n_bt {
        width: calc(100% - 75px);
        float: right;
        display: inline;
    }

    .n_bt h2 {
        color: #fe92a8;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        line-height: 30px;
    }

    .n_bt span {
        text-align: left;
        color: #666666;
        display: table;
        line-height: 22px;
        font-size: 13px
    }


}

.n_tuijian {
    width: 94%;
    margin: 0 auto;
    padding: 0px;
    display: table
}

.n_tuijian_tit {
    font-size: 26px;
    line-height: 40px;
    color: #333333;
    font-weight: bold;
    display: table;
    width: 100%;
    padding: 15px 0
}

.n_tuijian_tit img {
    height: 40px;
    margin-right: 10px;
}

.n_tuijian02 {
    width: 94%;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-bottom: 20px;
}

.n_tjleft {
    width: 50%;
}



.swesy {
    position: relative;
    box-shadow: 0 0 10px #cccccc;
    margin-top: 15px;
    border-radius: 15px;
    width: 100%;
    margin-bottom: 10px;
}

.swname {
    position: absolute;
    top: 30%;
    text-align: center;
    z-index: 3;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    margin-left: 0%
}

.swname span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
    height: 45px;
    line-height: 18px;
    background: rgba(231, 93, 124, 0.7);
    display: block;
    margin: 0 auto;
    border-radius: 100px;
    margin-top: 5px;
    font-weight: normal;
    font-size: 18px;
    padding: 15px 20px;
}

.swname_s {
    background: rgba(115, 203, 243, 0.7) !important;
}

.swtext {
    width: 90%;
    display: table;
    margin-top: 15px;
    margin-left: 20px;
}

.swtext h2 {
    font-size: 20px;
    font-weight: bold;
    border-left: 5px solid #fe92a8;
    color: #fe92a8;
    margin-bottom: 10px;
}

.swtext h2 i {
    font-style: normal;
    margin-left: 8px;
}

.swtext h4 {
    height: 20px;
    line-height: 20px;
    font-size: 20px;
    font-weight: bold;
    border-left: 5px solid #73cbf8;
    color: #73cbf8;
    margin-bottom: 9px;
}

.swtext h4 i {
    font-style: normal;
    margin-left: 8px;
}

.swtext h3 {
    width: calc(100% - 15px);
    float: right;
    display: inline;
    color: #666666;
    font-size: 18px;
}

.swtop30 {
    margin-top: 30px !important;
}

.swpptop30 {
    padding-top: 50px !important;
}

.swbot30 {
    margin-bottom: 100px !important;
}


@media (max-width:797px) {
    .n_tjleft {
        width: 100%;
    }

    .n_tuijian_tit {
        font-size: 26px;
        line-height: 40px;
        color: #333333;
        font-weight: bold;
        display: table;
        width: 100%;
        padding: 0px 0
    }

    .swtext {
        width: 100%;
        display: table;
        margin-top: 20px;
        margin-left: 0px;
    }

    .swtext h2 {
        font-size: 20px;
        font-weight: bold;
        border-left: 5px solid #fe92a8;
        color: #fe92a8;
        margin-bottom: 9px;
        padding-left: 8px;
        text-indent: -8px;
    }

    .swtext h2 i {
        font-style: normal;
    }

    .swtext h3 {
        width: calc(100% - 15px);
        float: right;
        display: inline;
        color: #666666
    }

    .swtop30 {
        margin-top: 10px !important;
    }

    .swpptop30 {
        padding-top: 30px !important;
    }

    .swbot30 {
        margin-bottom: 60px !important;
    }

    .swtext h2 {
        font-size: 20px;
    }

    .swtext h4 {
        font-size: 18px;
    }

    .swtext h3 {
        font-size: 20px;
    }

}


.n_search {
    width: 90%;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
}

.n_se {
    width: 47%;
}

.n_tx {
    width: auto;
    font-weight: normal;
    margin-right: 22px;
}

.n_tx i {
    font-style: normal;
    margin-left: 3px;
    color: #999999 !important
}

.n_txbut {
    width: 330px;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
    margin-bottom: 20px
}

.n_dlbut {
    width: 150px;
    height: 40px;
    background: #fe92a8;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    display: table;
    font-size: 16px;
    float: left
}

.n_dlbut:hover {
    color: #ffffff;
    box-shadow: inset 0px 13px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
}

.n_zcbut {
    width: 150px;
    height: 40px;
    background: #ffffff;
    border: #e44e71 1px solid;
    border-radius: 200px;
    color: #e44e71;
    text-align: center;
    line-height: 40px;
    display: table;
    float: right;
    font-size: 16px;
}

.n_zcbut:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
    background: #fe92a8;
    border: #fe92a8 1px solid
}

.select_xx07.left {
    padding-right: 25px;
}

.select_xx07.right {
    padding-left: 25px;
}

@media (max-width:370px) {
    .n_txbut {
        width: 260px !important;
        margin: 0 auto;
        display: table;
        margin-top: 10px;
        margin-bottom: 20px
    }

    .n_dlbut {
        width: 120px !important;
    }

    .n_zcbut {
        width: 120px !important;
    }
}

@media (max-width:797px) {
    .n_tx {
        width: auto;
        font-weight: normal;
        margin-right: 22px;
    }

    .n_txbut {
        width: 300px;
        margin: 0 auto;
        display: table;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .n_dlbut {
        width: 140px;
    }

    .n_zcbut {
        width: 140px;
    }
}

.n_searchtit {
    width: 100%;
    height: 35px;
    padding: 15px 0;
    background: #f3f4f8;
    display: table;
    margin-top: 20px;
}

.n_seline {
    background: url(../images/3_03.png) repeat-x;
    width: 200px;
    margin: 0 auto;
    display: table;
    height: 35px;
    line-height: 35px;
    text-align: center;
    line-height: 35px;
}

.n_seline span {
    text-align: center;
    background: #f3f4f8;
    font-size: 18px;
    padding: 0 15px;
}

.n_sepeop {
    width: 100%;
    margin: 0 auto;
    display: table;
    padding: 0px 0 0px 0;
    height: auto;
    /*min-height:600px*/
}

.n_sepeop li {
    width: 45%;
    height: 320px;
    border-radius: 10px;
    float: left;
    position: relative;
    margin-bottom: 20px;
    margin-left: 2%;
    margin-right: 2%
}

.n_seicon {
    width: 96%;
    margin: 0 auto;
    height: 40px;
    /*display:table;*/
}

/* .n_seicon img{height:33px; float:left; margin-right:4px; float:left; margin-top:4px} */
.n_seicon img {
    height: 34px;
    float: left;
    margin-right: 4px !important;
    float: left;
    margin-top: 4px
}

/* .n_seicon img:last-child{ margin-right:0 !important}  */
.n_seicon .tagText:last-child img {
    margin-right: 0 !important
}

.nt_photo {
    /*width:100%;*/
    height: 280px;
    border-radius: 0 0 10px 10px
}

.nt_photo img {
    /*width:100%;*/
    max-width: 100%;
    height: 280px;
    border-radius: 0 0 10px 10px;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}

.nt_photo_blur_img {
    height: 270px !important;
}

.nt_bot {
    width: 100%;
    border-radius: 0 0 10px 10px;
    position: absolute;
    bottom: 0;
    color: #ffffff;
    padding: 5px 0
}

.nt_bot h2 {
    font-size: 16px;
    font-weight: bold;
    width: 94%;
    margin: 0 auto;
    line-height: 25px;
    display: table;
}

.nt_bot h3 {
    font-size: 14px;
    width: 94%;
    margin: 0 auto;
    line-height: 25px
}

.nt_bot span {
    margin-left: 10px;
    position: relative
}

.nt_img {
    position: absolute;
    left: 0;
    height: 15px;
    top: 4px
}


.nt_fg {
    box-shadow: 0 0px 10px #ffdfdf;
}

.nt_bgco {
    background: rgba(255, 181, 181, 0.7)
}

.nt_fg02 {
    box-shadow: 0 0px 10px #74cfe8;
}

.nt_bgco02 {
    background: rgba(116, 207, 232, 0.7)
}

.nt_fg03 {
    box-shadow: 0 0px 10px #ffdd86;
}

.nt_bgco03 {
    background: rgba(255, 221, 134, 0.7)
}

.nt_fg04 {
    box-shadow: 0 0px 10px #abbaf7;
}

.nt_bgco04 {
    background: rgba(171, 186, 247, 0.6)
}



@media (max-width:766px) {
    .n_sepeop li {
        margin-left: 0%;
        margin-right: 0%
    }

    .n_sepeop {
        width: 100%;
        margin: 0 auto;
        display: table;
        padding: 0px 0 0px 0;
    }

    .n_sepeop li {
        width: 100%;
        height: 280px;
        border-radius: 10px;
        float: left
    }

    .n_seicon {
        width: 96%;
        margin: 0 auto;
        height: 40px;
        /*display:table;*/
    }

    .n_seicon img {
        height: 35px;
        float: left;
        margin-right: 4px;
        float: left
    }

    /* .n_seicon img:last-child{ margin-right:0 !important} */
    .n_seicon .tagText:last-child img {
        margin-right: 0 !important
    }

    .nt_photo {
        /*width:100%;*/
        height: 240px;
        border-radius: 0 0 10px 10px
    }

    .nt_photo img {
        /*width:100%;*/
        max-width: 100%;
        height: 240px;
        border-radius: 0 0 10px 10px;
        display: block;
        margin: 0 auto;
    }

    .nt_photo_blur_img {
        height: 235px !important;
    }
}

@media (max-width:992px) {
    .select_xx07.left {
        padding-right: 18px;
    }

    .select_xx07.right {
        padding-left: 18px;
    }
}

@media (max-width:1024px) {
    .select_xx07.left {
        padding-right: 20px;
    }

    .select_xx07.right {
        padding-left: 20px;
    }
}

@media (max-width:370px) {
    .n_sepeop {
        width: 100%;
        margin: 0 auto;
        display: table;
        padding: 0px 0 20px 0;
    }

    .n_sepeop li {
        width: 100%;
        height: 300px;
        border-radius: 10px;
        float: left
    }

    .n_seicon {
        width: 96%;
        margin: 0 auto;
        height: 40px;
        /*display:table;*/
    }

    .n_seicon img {
        height: 34px;
        float: left;
        margin-right: 2px;
        float: left
    }

    /* .n_seicon img:last-child{ margin-right:0 !important} */
    .n_seicon .tagText:last-child img {
        margin-right: 0 !important
    }

    .nt_photo {
        /*width:100%;*/
        height: 260px;
        border-radius: 0 0 10px 10px
    }

    .nt_photo img {
        /*width:100%;*/
        max-width: 100%;
        height: 260px;
        border-radius: 0 0 10px 10px;
        display: block;
        margin: 0 auto;
    }

    .nt_photo_blur_img {
        height: 235px !important;
    }
}


/*.message{width:94%; margin:0 auto; display:flow-root; max-height:500px; !*margin-bottom:40px;*! overflow-y: auto}*/
.send:after,
.show:after,
.msg:after {
    content: "";
    clear: both;
    display: table;
}

.msg>img {
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 100px;
    object-fit: contain;
}

.msg>p {
    float: left;
    margin: 0 10px;
    padding: 15px 8px;
    background: #f7f6fb;
    font-size: 14px;
    position: relative;
    border-radius: 10px;
    max-width: 560px;
    box-sizing: border-box;
    color: #333;
    word-break: break-word;
    /*min-width: 60px !important;*/
    max-width: 476px;
}

.msg1>p {
    background: #ffcbcb;
    color: #fff;
    max-width: 467px;
}

.msg1 {
    left: -15px;
}

.msg_input {
    position: absolute;
    background: url(../images/msg-input.png) no-repeat;
    background-size: 100% 100%;
    width: 12px;
    height: 24px;
    left: -7px;
    top: 8px;
}

.msg_input_blue {
    position: absolute;
    background: url(../images/msg-input-blue.png) no-repeat;
    background-size: 100% 100%;
    width: 12px;
    height: 24px;
    left: -7px;
    top: 8px;
}

.show .msg img,
.show .msg p,
.show .msg {
    float: right;
    word-break: break-word;
    object-fit: contain;
}

.show .msg_input {
    left: auto;
    right: -6px;
    background: url(../images/img_22.png) center no-repeat;
}

.send,
.show {
    padding-bottom: 15px;
    margin-top: 15px;
}

.shdel {
    position: absolute;
    bottom: -5px;
    right: -10px;
    width: 23px
}

.shde2 {
    position: absolute;
    bottom: -5px;
    left: -10px;
    width: 23px
}



.sebg {
    font-size: 12px;
    color: #999999;
    background: #fbfafd;
    border-radius: 50px;
    line-height: 25px;
    margin: 0 auto;
    display: table;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0 10px;
}

.sent_ri {
    font-size: 12px;
    color: #999999;
}

.sent_ri span {
    width: 100%;
    display: table
}

.sent_ri img {
    height: 15px
}

.dr_r {
    position: absolute;
    right: -45px;
    text-align: left;
    bottom: 0
}

.dr_l {
    position: absolute;
    left: -40px;
    text-align: right;
    bottom: 0
}

.dr_l.novip {
    position: absolute;
    left: -65px;
    text-align: right;
    bottom: 0
}


.se_text_bot {
    width: 90%;
    margin: 0 auto;
    display: table;
    margin-bottom: 50px
}

.se_text {
    width: 100%;
    height: 100px;
    border: #e5e5e5 1px solid;
    padding: 10px;
    color: #999
}


.se_tbut {
    width: 200px;
    height: 40px;
    background: #fe92a8;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    margin: 20px auto 0 auto;
    display: table;
    border-style: unset;
}

.se_tbut:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
    background: #fe92a8;
}

@media (max-height:578px) {
    .dengl {
        padding: 0;
        /*margin-top: -20px;*/
    }
}

@media (max-width:766px) {
    .msg>p {
        float: left;
        margin: 0 10px;
        padding: 15px 8px;
        background: #f7f6fb;
        font-size: 14px;
        position: relative;
        border-radius: 10px;
        max-width: 18rem;
        box-sizing: border-box;
        color: #333;
        max-width: 166px;
    }

    .msg1>p {
        background: #ffcbcb;
        color: #fff;
        max-width: 166px;
    }
}

@media (max-width:370px) {
    .msg>p {
        float: left;
        margin: 0 10px;
        padding: 15px 8px;
        background: #f7f6fb;
        font-size: 14px;
        position: relative;
        border-radius: 10px;
        max-width: 14rem;
        box-sizing: border-box;
        color: #333;
        max-width: 166px;
    }

    .msg1>p {
        background: #ffcbcb;
        color: #fff;
        max-width: 166px;
    }
}

.listicon {
    width: 100%;
    margin-top: 10%;
    display: table
}

.listicon span {
    text-align: center;
    width: 100%;
    display: table;
    margin-top: 15px;
}

.list_img {
    margin: 0 auto;
    width: 100px;
    display: block
}

.listicon02 {
    width: 100%;
    margin-top: 5%;
    margin-bottom: 5%;
    display: table
}

.listicon02 span {
    text-align: center;
    width: 100%;
    display: table;
    margin-top: 15px;
}

@media (max-width:797px) {
    .listicon {
        width: 100%;
        margin-top: 10%;
        display: table;
    }

    .listicon02 {
        width: 100%;
        margin-top: 5%;
        margin-bottom: 5%;
        display: table
    }
}

.tap-vip {
    width: 56px;
    top: -40px;
    position: relative;
}


.paypay {
    background: none;
    border: none;
    padding: 0;
    /*position: absolute;*/
    right: 30px;
    top: 10px;
}

@media (max-width:1194px) {
    .paypay {
        right: 20px;
    }
}

@media (max-width:414px) {
    .paypay {
        right: 10px;
    }

    .select_xx07.left {
        padding-right: 10px;
    }

    .select_xx07.right {
        padding-left: 10px;
    }
}


.delpicBtn {
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 3;

}

.pagination>.sg-pages-active>a {
    background-color: #f5c2c0;
    border-color: #ee5472;
    color: #ffffff;
}


.nnn_adbut {
    background: url(../images/1_03nn.png) no-repeat;
    width: 75px;
    height: 35px;
    line-height: 30px;
    text-align: center;
    float: right;
    display: table;
    margin-top: 3px;
    color: #ffffff
}

.adbut_on {
    background: url(../images/1_03nn_h.png) no-repeat !important;
    color: #ffffff !important
}

.nnn_adbut:visited {
    color: #FFFFFF !important
}

.nnn_adbut:hover {
    color: #FFFFFF !important;
    background: url(../images/1_03nn_h.png) no-repeat !important;
}

@media (max-width:319px) {
    .nnn_adbut {
        background: url(../images/1_03nnn.png) no-repeat;
        width: 55px;
        height: 26px;
        line-height: 24px;
        text-align: center;
        float: right;
        font-size: 12px;
        display: table;
        margin-top: 10px;
        color: #ffffff
    }

    .adbut_on {
        background: url(../images/1_03nnn_h.png) no-repeat !important;
        color: #ffffff !important
    }
}




@media (min-width:1025px) {
    .select_xx08 {
        width: 425px;
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .select_xx08 {
        width: 350px;
    }
}

@media (min-width:415px) and (max-width:768px) {
    .select_xx08 {
        width: 320px;
    }
}

@media (min-width:412px) and (max-width:414px) {
    .select_xx08 {
        width: 180px;
    }

}

@media (min-width:376px) and (max-width:411px) {
    .select_xx08 {
        width: 175px;
    }
}

@media (min-width:361px) and (max-width:375px) {
    .select_xx08 {
        width: 158px;
    }
}


@media (min-width:321px) and (max-width:360px) {
    .select_xx08 {
        width: 150px;
    }
}

@media (max-width:321px) {
    .select_xx08 {
        width: 135px;
    }
}





.loading {
    /*width: 180px;*/
    height: 180px;
    background-image: url(../images/loading.svg);
    background-repeat: no-repeat;
    background-size: 180px 180px;
    background-position: center;
    text-align: center;
    position: relative;
    /*background-color: #fff;*/
}

.loading_text {
    position: relative;
    font-size: 8px;
    font-weight: bold;
    top: 80px;
    color: #f14a6c;
}

/*....*/

.n_zy {
    width: 60%;
    margin: 0 auto;
    display: table;
    margin-bottom: 40px;
    border-bottom: #fe92a8 1px solid;
    margin-top: 30px;
    text-align: center;
    color: #fd5678;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
}

.n_zytab {
    width: 60%;
    margin: 0 auto;
    display: table;
    min-height: 650px
}

.n_zytab li {
    width: 47%;
    float: left;
    background: linear-gradient(0deg, #ff6c88 0%, #ffc8d4 100%);
    border-radius: 10px;
    padding: 10px 10px;
    height: 70px;
    line-height: 25px;
    margin-bottom: 20px;
    display: table;
    box-shadow: 0 0 10px #ffdce3;
}

.n_zytab li:hover {
    color: #ffffff;
    box-shadow: inset 0px 20px 10px -10px #f83964, inset 0px -15px 15px -20px #f83964;
}

.n_zylg {
    margin-top: 21px;
    display: table
}

.n_zylg01 {
    margin-top: 8px;
    display: table
}


.n_zytab li img {
    height: 60px;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 5px;
    float: left
}

.n_zytab li a {
    color: #ffffff;
    font-size: 18px;
}

.n_zytab li:nth-child(2) {
    float: right
}

.n_zytab li:nth-child(4) {
    float: right
}

.n_zytab li:nth-child(6) {
    float: right
}

.n_zytab li:nth-child(8) {
    float: right
}

.n_flbr {
    display: table
}

@media (max-width:797px) {
    .n_zy {
        width: 90%;
        margin: 0 auto;
        display: table;
        margin-bottom: 40px;
        border-bottom: #fe92a8 1px solid;
        margin-top: 40px;
        text-align: center;
        color: #fd5678;
        font-size: 20px;
        font-weight: bold;
        line-height: 50px;
    }

    .n_zytab {
        width: 90%;
        margin: 0 auto;
        display: table;
        min-height: 485px
    }

    .n_zytab li {
        width: 49%;
        float: left;
        background: linear-gradient(0deg, #ff6c88 0%, #ffc8d4 100%);
        border-radius: 10px;
        padding: 10px 10px;
        height: 40px;
        line-height: 20px !important;
        margin-bottom: 20px;
        display: table;
        box-shadow: 0 0 10px #ffdce3;
    }

    .n_zytab li img {
        height: 40px;
        margin-right: 6px !important;
        margin-left: 2px;
        margin-top: 2px;
        float: left
    }

    .n_zytab li a {
        color: #ffffff;
        font-size: 16px;
    }

    .n_zylg {
        margin-top: 11px;
        display: table
    }

    .n_zylg01 {
        margin-top: 11px;
        display: table
    }

    .n_flbr {
        display: inline
    }

}

@media (max-width:450px) {
    .n_zytab_ff {
        font-size: 15px;
    }
}

@media (max-width:360px) {
    .n_zytab_ff {
        font-size: 13px;
    }
}


@media (max-width:720px) {
    .n_flbr {
        display: table
    }

    .n_zylg01 {
        margin-top: 1px;
        display: table
    }
}


@media (max-width:992px) {
    .n_zytab li a {
        color: #ffffff;
        font-size: 16px;
    }
}

.fs_iheg {
    height: 710px
}

.zpf_yj {
    font-size: 18px;
    line-height: 31px !important;
    float: left;
    padding: 5px 0
}

@media (max-width:797px) {
    .zpf_yj {
        font-size: 15px;
        line-height: 21px !important;
        float: left;
        padding: 0px 0
    }
}

@media (max-width:1024px) {
    .fs_shindex {
        position: fixed;
        bottom: 0
    }

    .fs_iheg {
        height: auto
    }

}

@media (max-width:375px) {
    .fs_shindex {
        position: static
    }

    .zpfont {
        font-size: 15px;
    }
}

@media (max-width:360px) {
    .n_zytab {
        min-height: 400px
    }
}

@media (max-width:370px) {
    .n_zy {
        margin-bottom: 30px;
        margin-top: 20px;
        font-size: 20px;
        font-weight: bold;
        line-height: 50px;
    }

    .n_zytab li {
        padding: 10px 5px;
        height: 50px;
        margin-bottom: 20px;
    }

    .n_zytab li img {
        height: 40px;
        margin-right: 5px !important;
        margin-left: 5px !important;
    }

    .n_zytab li a {
        font-size: 15px;
    }
}

@media (max-width:320px) {
    .n_zytab li {
        width: 48%;
        padding: 10px 0px;
        height: 50px;
        margin-bottom: 20px;
    }

    .n_zytab li img {
        height: 40px;
        margin-left: 0px;
    }

    .zpfont {
        font-size: 14px;
    }


}

/*诈骗*/
.zhapian {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 60px;
}

.zp_title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fe92a8;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

.zp_bg {
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    background: #eeeeee;
    border-radius: 10px;
    padding: 30px 0;
    display: table
}

.zp_img {
    width: 90%;
    margin: 0 auto
}



.zp_pcimg {
    width: 43%
}

.zp_sjimg {
    width: 100%
}



.zpfont_f {
    width: 54%;
    float: right;
    margin-top: 60px
}

.zp_top {
    margin-top: 60px
}

.zpfont_f img {
    width: 150px
}

.zpfont_f h2 {
    width: 100%;
    padding-top: 10px;
    display: table
}

.zpfont_f h2 span {
    color: #fd5676;
    font-size: 20px;
    line-height: 30px;
}

.zpfont_f h2 var {
    font-style: normal;
    width: calc(100% - 22px);
    float: right;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}

@media (max-width:1024px) {
    .zp_top {
        margin-top: 30px
    }

}

.ppp {
    position: static;
    width: 600px !important;
    height: 70px;
    margin: 0 auto !important;
    background: url(../images/line.jpg) repeat-x center;
    display: table
}

.ppp a {
    float: left;
    margin-right: 10.415%;
    line-height: 70px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 14px
}

.ppp a:last-child {
    margin-right: 0;
    float: right
}

.page_p {
    margin-top: 25px
}

.pa_cit {
    width: 70px;
    height: 70px;
    background: #dcdcdc;
    border-radius: 100px
}

.pa_hover {
    background: #fe92a8 !important
}

@media (max-width:760px) {
    .ppp {
        position: static;
        width: 350px !important;
        height: 55px;
        margin: 0 auto !important;
        background: url(../images/line.jpg) repeat-x center;
        display: flex;
    }

    .ppp a {
        float: left;
        margin-right: 5.36%;
        line-height: 55px;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        font-size: 14px
    }

    .ppp a:last-child {
        margin-right: 0;
        float: right
    }

    .page_p {
        margin-top: 25px
    }

    .pa_cit {
        width: 55px;
        height: 55px;
        background: #dcdcdc;
        border-radius: 100px
    }

    .zpfont_f {
        width: 100%;
        margin: 0 auto;
        padding-top: 20px;
        float: none
    }

}

@media (max-width:720px) {
    .zp_sj {
        width: 100%;
        display: table !important
    }

    .zp_pc {
        display: none
    }

    .zhapian {
        width: 95%;
        margin: 0 auto;
        min-height: 565px;
        margin-top: 20px;
        margin-bottom: 40px;
    }

}

@media (max-width:414px) {
    .ppp {
        width: 340px !important;
    }
}

@media (max-width:370px) {
    .ppp {
        position: static;
        width: 300px !important;
        height: 45px;
        margin: 0 auto !important;
        background: url(../images/line.jpg) repeat-x center;
        display: table
    }

    .ppp a {
        margin-right: 6.25%;
    }

    .ppp span {
        float: left;
        margin-right: 6.23%;
        line-height: 45px;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        font-size: 13px
    }

    .ppp span:last-child {
        margin-right: 0;
        float: right
    }

    .page_p {
        margin-top: 25px
    }

    .pa_cit {
        width: 45px;
        height: 45px;
        background: #dcdcdc;
        border-radius: 100px;
        font-size: 12px !important;
        line-height: 45px !important
    }

}

.zp_tab {
    width: 100%;
    border: #fd6b87 1px solid;
    border-radius: 10px;
    display: table;
    margin-top: 20px;
}

.zp_tab li {
    width: 25%;
    float: left;
    padding: 15px 0
}

.zp_tab li img {
    margin: 0 auto;
    width: 70px;
    padding: 0;
    display: table;
    margin-bottom: 10px;
}

.zp_tab li span {
    width: 100%;
    display: table;
    text-align: center;
    font-size: 16px
}

.zp_tab li span i {
    width: 100%;
    display: table;
    font-style: normal
}

.zp_line {
    border-right: #fd6b87 1px solid;
}

.zp_line02 {
    border-bottom: none
}

.zp_line03 {
    border-right: #fd6b87 1px solid;
}

@media (max-width:720px) {
    .zp_tab li {
        width: 50%;
        float: left;
        padding: 15px 0
    }

    .zp_line03 {
        border-right: none
    }

    .zp_line02 {
        border-bottom: #fd6b87 1px solid;
    }

    .zp_line {
        border-right: #fd6b87 1px solid;
    }

}


.zp_pc {}

.zp_sj {
    width: 100%;
    display: none
}

.zongjie {
    width: 100%;
    background: #f1d2d8;
    border-radius: 10px;
    display: block;
    overflow: hidden;
    padding-bottom: 20px;
    margin-top: 15px;
    margin-bottom: 50px
}

.zongjie .tf {
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    background: -webkit-linear-gradient(left, #fd5777, #ff8ca2);
    background: -o-linear-gradient(right, #fd5777, #ff8ca2);
    background: -moz-linear-gradient(right, #fd5777, #ff8ca2);
    background: linear-gradient(to right, #fd5777, #ff8ca2);
    display: table
}

.zongjie h2 {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold
}


@media (max-width:1024px) {
    .zhapian {
        min-height: 1150px;
    }
}

@media (max-width:768px) {
    .zhapian {
        min-height: 820px;
    }

    .zongjie {
        margin-bottom: 0px
    }


}

.fypage a:hover {
    background: #fd5678;
    color: #ffffff
}

.hy_new {
    line-height: 40px;
}

.hy_width {
    width: 100%
}


.fi_xq {
    width: 70%;
    margin: 0 auto;
    background: #fff3f7;
    border: #fe92a8 1px solid;
    padding: 8px 5px;
    border-radius: 5px;
    display: table
}

.fi_xqicon {
    height: 90px;
    float: left
}

.fi_text {
    float: left;
    margin-left: 6px
}

.fi_text h2 {
    font-size: 18px;
    color: #fe92a8;
    line-height: 35px;
    margin-top: 5px
}

.fi_text h3 {
    color: #666666;
    line-height: 23px
}

.fi_text h4 {
    color: #999
}


@media (max-width:720px) {
    .fi_xq {
        width: 90%;
    }
}

.b_sop {
    background: #77dbd8
}

.sop_f {
    color: #77dbd8 !important
}

.sop_bz {
    color: #F00;
    background: #FF0
}

.sop_l {
    border: #0FF 1px solid
}



.m_zp_tab {
    width: 100%;
    border: #77dbd8 1px solid;
    border-radius: 10px;
    display: table;
    margin-top: 20px;
}

.m_zp_tab li {
    width: 25%;
    float: left;
    padding: 15px 0
}

.m_zp_tab li img {
    margin: 0 auto;
    width: 70px;
    padding: 0;
    display: table;
    margin-bottom: 10px
}

.m_zp_tab li span {
    width: 100%;
    display: table;
    text-align: center;
    font-size: 16px
}

.m_zp_tab li span i {
    width: 100%;
    display: table;
    font-style: normal
}



.m_zp_line {
    border-right: #77dbd8 1px solid;
}

.m_zp_line02 {
    border-bottom: none
}

.m_zp_line03 {
    border-right: #77dbd8 1px solid;
}

@media (max-width:720px) {
    .m_zp_tab li {
        width: 50%;
        float: left;
        padding: 15px 0
    }

    .m_zp_line03 {
        border-right: none
    }

    .m_zp_line02 {
        border-bottom: #77dbd8 1px solid;
    }

    .m_zp_line {
        border-right: #77dbd8 1px solid;
    }

}

/*5-9*/
.f_biaoti {
    width: 35%;
    margin: 0 auto;
    display: table;
    margin-bottom: 30px;
}

.f_biaoti img {
    width: 100%;
}

.f_twobt {
    width: 95%;
    margin: 0 auto;
    display: table
}

.f_twobt img {
    width: 50%;
    float: left;
    padding-bottom: 15px
}

.f_twobt_p {
    width: 95%;
    margin: 0 auto;
    display: table
}

.f_twobt_p img {
    width: 60%;
    float: left;
    padding-bottom: 15px
}

.f_tobt {
    width: 92%;
    margin: 0 auto;
    display: table;
    padding-bottom: 15px
}

.f_tpc {
    width: 100%
}

.f_zp_bg {
    width: 95%;
    margin: 0 auto;
    margin-top: 10px;
    background: #eeeeee;
    border-radius: 10px;
    padding: 20px 0;
    display: table;
    margin-bottom: 15px
}

.f_nw {
    width: 96%;
    margin: 0 auto;
}

.f_zp_sj {
    display: none
}

.f_zpfont_f {
    width: 54%;
    float: left;
    margin-top: 60px
}

.f_jbfont {
    width: 92%;
    margin: 0 auto;
    border: #ffcad2 1px solid;
    background: #ffe5e9;
    padding: 10px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    border-radius: 5px;
}

.f_jbfont02 {
    width: 92%;
    margin: 0 auto;
    border: #f2d5c4 2px solid;
    background: #f2d5c4;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    border-radius: 5px;
    display: block;
    overflow: hidden
}

.f_jbfont02_bt {
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    font-weight: bold;
    background: -moz-linear-gradient(left, #fa9c64, #eeedec);
    /*Mozilla*/
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#fa9c64), to(#eeedec));
    /*Old gradient for webkit*/
    background: -webkit-linear-gradient(left, #fa9c64, #eeedec);
    /*new gradient for Webkit*/
    background: -o-linear-gradient(left, #fa9c64, #eeedec);
    /*Opera11*/
}

.f_jbfont02_bt span {
    margin-left: 10px;
    font-size: 18px
}

.f_text {
    width: 95%;
    margin: 0 auto;
    display: table;
    padding: 7px 0;
    font-size: 18px
}

.f_jbfont03 {
    width: 92%;
    margin: 0 auto;
    border: #ffcad2 2px solid;
    background: #ffe5e9;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    border-radius: 5px;
    display: block;
    overflow: hidden
}

.f_jbfont03_bt {
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    font-weight: bold;
    background: -moz-linear-gradient(left, #ff9faf, #ffe4e8);
    /*Mozilla*/
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#ff9faf), to(#ffe4e8));
    /*Old gradient for webkit*/
    background: -webkit-linear-gradient(left, #ff9faf, #ffe4e8);
    /*new gradient for Webkit*/
    background: -o-linear-gradient(left, #ff9faf, #ffe4e8);
    /*Opera11*/
}

.f_jbfont03_bt span {
    margin-left: 10px;
    font-size: 18px
}

.f_patop {
    padding-top: 10px;
    margin-top: 20px
}

.f_left {
    margin-left: 2%
}

.f_jbtop {
    margin-top: 10px;
}

@media (max-width:823px) {
    .f_biaoti {
        width: 50%;
        margin: 0 auto;
        margin-bottom: 20px
    }
}


@media (max-width:720px) {
    .f_twobt img {
        width: 100%
    }

    .f_tobt {
        width: 100%;
        margin: 0 auto;
        display: table
    }

    .f_tpc {
        width: 45%
    }

    .f_left {
        margin-left: 0%
    }

    .f_nw {
        width: 95%;
        margin: 0 auto;
    }

    .f_biaoti {
        width: 80%;
        margin: 0 auto;
    }

    .f_biaoti img {
        width: 100%;
    }

    .f_zp_sj {
        width: 92%;
        margin: 0 auto;
        display: table
    }

    .f_zpfont_f {
        width: 100%;
        float: left;
        margin-top: 0px;
        margin-bottom: 15px
    }

    .f_patop {
        padding-top: 10px;
        margin-top: 0px
    }

}

@media (max-width:420px) {
    .f_biaoti {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 10px
    }
}


.sy_title {
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    display: table
}

.sy_title img {
    width: 100%;
}

.sy_pc {
    display: table
}

.sy_sj {
    display: none
}

.sy_img {
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 5px;
}

.sy_img img {
    width: 60%;
    margin: 0 auto;
    display: block
}

.sy_font {
    width: 92%;
    margin: 0 auto;
    padding: 0 10px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    border-radius: 5px;
}

.sy_font span {
    color: #ee5472
}

.sy_boticon {
    width: 95%;
    margin: 0 auto;
    background: #fff2f5;
    border-radius: 5px;
    padding: 15px 0;
    display: table
}

.sy_boticon li {
    width: 33.33%;
    float: left
}

.sy_boticon li img {
    width: 70px;
    margin: 0 auto;
    display: block;
    margin-bottom: 6px;
}

.sy_boticon li .font {
    text-align: center;
    color: #666666;
    font-size: 18px;
}

.sy_boticon li .font h2 {
    text-align: center;
    color: #333;
    font-weight: bold
}

@media (max-width:720px) {
    .sy_title {
        width: 100%;
        margin: 0 auto;
    }

    .sy_pc {
        display: none
    }

    .sy_sj {
        display: table
    }

    .sy_img img {
        width: 100%;
    }

}

.zlfr {
    width: auto !important;
}

.zp_bt {
    width: 30%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    display: table
}

.zp_bt img {
    width: 100%;
}

.zp_cimg {
    width: 60%;
    margin: 0 auto;
    display: table;
    margin-bottom: 20px;
    margin-top: 15px;
}

.zp_cimg img {
    width: 100%
}

.zp_mt {
    margin-top: 15px;
    text-align: center
}


.zpback {
    background: #fe92a8;
    text-align: center;
    margin: 0 auto;
    color: #ffffff;
    width: 260px;
    height: 45px;
    border-radius: 200px;
    line-height: 45px;
    font-size: 16px;
    text-align: center;
    display: table;
    margin-top: 30px;
}

.zpback:hover {
    color: #ffffff;
    box-shadow: inset 0px 13px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
}

@media (max-width:1024px) {
    .zp_cimg {
        width: 95%;
    }
}

@media (max-width:992px) {
    .zp_mt {
        margin-top: 15px;
        text-align: left
    }
}

@media (max-width:720px) {
    .zp_bt {
        width: 60%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
        display: table
    }

    .zp_cimg {
        width: 95%;
        margin: 0 auto;
        display: table;
        margin-top: 15px;
    }

    .zp_cimg img {
        width: 100%
    }

    .zp_mt {
        text-align: left
    }

}


.zp_lz {
    width: 95%;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    border-radius: 5px;
    margin-top: 20px;
    background: -moz-linear-gradient(top, #fa7896, #f497ad);
    /*Mozilla*/
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#ff9faf), to(#f497ad));
    /*Old gradient for webkit*/
    background: -webkit-linear-gradient(top, #ff9faf, #f497ad);
    /*new gradient for Webkit*/
    background: -o-linear-gradient(top, #ff9faf, #f497ad);
    /*Opera11*/
}


.zp_botk {
    width: 95%;
    margin: 0 auto;
    text-align: center;
    color: #333;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    padding: 10px 0;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 25px;
    background: -moz-linear-gradient(top, #ffffff, #e8e8e8);
    /*Mozilla*/
    background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#ffffff), to(#e8e8e8));
    /*Old gradient for webkit*/
    background: -webkit-linear-gradient(top, #ffffff, #e8e8e8);
    /*new gradient for Webkit*/
    background: -o-linear-gradient(top, #ffffff, #e8e8e8);
    /*Opera11*/
}

.zp_botk li {
    width: 95%;
    margin: 0 auto;
    border-bottom: #dcdcdc 1px solid;
    display: table;
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-weight: bold;
    padding: 15px 0
}

.zp_botk li img {
    width: 40px;
    float: left;
    margin-right: 10px;
}

.zp_botk li:last-child {
    border-bottom: none
}




@media (max-width:720px) {
    .zp_lz {
        font-size: 18px;
    }

    .zp_botk {
        font-size: 18px;
    }

    .zp_n {
        min-height: 630px;
    }

}

@media (max-width:320px) {
    .zp_botk {
        font-size: 16px;
    }

    .zp_botk li {
        width: 95%;
        margin: 0 auto;
        border-bottom: #dcdcdc 1px solid;
        display: table;
        height: 30px;
        line-height: 30px;
        text-align: left;
        font-weight: bold;
        padding: 15px 0
    }

    .zp_botk li img {
        width: 30px;
        margin-right: 5px;
    }

    .zp_n {
        min-height: 500px;
    }

}



.zp_box {
    width: 50%;
    margin: 0 auto;
}

.zp_box img {
    width: 100%;
}

.zp_h {
    margin-top: 30px;
}


.zp_btab {
    width: 100%;
    margin: 0 auto;
    float: none;
    background: #f1fbfb;
    border: #77dbd8 1px dashed;
    padding-bottom: 20px
}

.zp_btab h2 {
    font-size: 18px;
    font-weight: bold;
    width: 95%;
    margin: 0 auto;
    line-height: 30px;
}


.zp_libt {
    width: 200px;
    margin-top: -30px;
    margin-left: 10px;
    margin-bottom: 10px
}

.zp_ztext {
    width: 100%;
    margin: 0 auto;
    display: table;
    background: #4c6079;
    margin-bottom: 45px;
    padding-bottom: 20px
}

.zp_ztext_img {
    width: 50%;
    margin: 0 auto;
    display: table
}

.zp_ztext ul {
    width: 80%;
    margin: 0 auto;
    display: table;
    margin-top: 15px;
}

.zp_ztext ul li {
    width: 25%;
    float: left
}

.zp_ztext ul li img {
    width: 95%;
}

.zp_w95 {
    width: 50%;
    float: right;
    margin-top: 30px
}

.zf_nw {
    width: 95%;
    margin: 0 auto;
    display: table
}

.zp_bn {
    width: 95%;
    margin: 0 auto;
    background: #daf5f4;
    border-radius: 6px;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.zp_bn h3 {
    font-size: 16px;
    line-height: 25px;
}

.zp_botfont {
    width: 95%;
    margin: 0 auto;
    font-size: 16px;
    padding: 5px;
    line-height: 25px;
}


.zp_w100 {
    width: 100%
}

.zp_bbut {
    background: #77dbd8
}

.zp_bbut:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #00aea9, inset 0px -10px 10px -20px #00aea9;
}

@media (max-width:720px) {
    .zp_box {
        width: 90%;
        margin: 0 auto;
    }

    .zp_box img {
        width: 100%;
    }

    .zp_ztext ul {
        width: 95%;
        margin: 0 auto;
        display: table
    }

    .zp_libt {
        width: 45%;
        margin-top: -25px;
        margin-left: 10px;
        margin-bottom: 10px
    }

    .zf_nw {
        width: 98%;
        margin: 0 auto;
    }

    .zp_w95 {
        width: 93%;
        float: inherit;
        margin-top: 30px
    }

    .zp_ztext_img {
        width: 95%;
        margin: 0 auto
    }

}

.zpbg {
    background: #eefffe;
    border: #77dbd8 1px dashed
}

.zhp_text {
    background: #a4efed;
    text-align: center;
    width: 95%;
    margin: 0 auto;
    padding: 10px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    border-radius: 5px;
    display: table
}

.zhp_cimg {
    width: 50%;
    margin: 0 auto;
    display: table;
    margin-top: 15px;
}

.zhp_cimg img {
    width: 100%
}

@media (max-width:720px) {
    .zhp_text {
        text-align: left;
    }

    .zhp_cimg {
        width: 95%;
        margin: 0 auto;
        display: table;
        margin-top: 15px;
    }

}

.w_box {
    width: 95%;
    margin: 0 auto;
    display: table;
    background: #daf5f4;
    padding: 15px 10px;
    border: #77dbd8 1px solid;
    border-radius: 5px;
    box-shadow: 0 0 10px #9feeeb;
    margin-bottom: 15px
}

.w_box img {
    height: 50px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.w_box span {
    line-height: 50px;
    font-size: 24px;
    color: #77dbd8;
    font-weight: bold;
}

.w_jpage {
    width: 95%;
    margin: 0 auto;
    border: #7ce1de 1px dashed;
    background: #f1fbfb;
    padding: 10px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    border-radius: 5px;
}

.w_jptitle {
    width: 150px;
    margin-top: -20px;
}

.w_jpage h2 {
    padding: 10px 5px
}


.w_tb {
    margin-top: 20px;
    margin-bottom: 30px;
}

@media (max-width:992px) {
    .w_jpage {
        margin-top: 10px
    }
}

@media (max-width:720px) {
    .w_box span {
        font-size: 20px;
    }
}

.wh_height {
    min-height: 830px;
}

@media (max-width:1024px) {
    .wh_height {
        min-height: 1180px;
    }

}

@media (max-width:768px) {
    .wh_height {
        min-height: 830px;
    }
}

@media (max-width:720px) {
    .wh_height {
        min-height: 650px;
    }
}

@media (max-width:420px) {
    .wh_height {
        min-height: 400px;
    }

    .w_jpage {
        margin-top: 0px
    }

}


.b_fenye {
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 20px;
    height: 40px;
    margin-bottom: 20px;
}

.b_fenye a {
    float: left;
    margin: 0 20px;
    background: #77dbd8;
    text-align: center;
    color: #ffffff;
    padding: 0px 27px;
    border-radius: 200px;
    line-height: 35px;
    font-size: 16px;
    text-align: center
}

.b_fenye a:hover {
    background: #77dbd8;
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #00aea9, inset 0px -10px 10px -20px #00aea9;
}

.nb_fenye {
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 20px;
    height: 40px;
    margin-bottom: 20px;
}

.nb_fenye a {
    float: left;
    margin: 0 20px;
    border: #79dbd8 1px solid;
    text-align: center;
    color: #79dbd8;
    padding: 0px 27px;
    border-radius: 200px;
    line-height: 35px;
    font-size: 16px;
    text-align: center
}

.nb_fenye a:hover {
    background: #77dbd8;
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #00aea9, inset 0px -10px 10px -20px #00aea9;
}

.nb_fcs {
    line-height: 35px;
    float: left;
    color: #79dbd8;
    font-size: 16px
}

@media (max-width: 320px) {
    .nb_fenye a {
        margin: 0 13px;
    }
}

@media (max-width: 320px) {
    .nb_fenye a {
        margin: 0 13px;
    }
}

.m_biaoti {
    width: 40%;
    margin: 0 auto;
    display: table;
    margin-bottom: 30px;
    margin-top: 30px;
}

.m_biaoti img {
    width: 100%;
}

@media (max-width: 823px) {
    .m_biaoti {
        width: 50%;
    }
}

@media (max-width:720px) {
    .m_biaoti {
        width: 85%;
        margin: 0 auto;
        display: table;
        margin-bottom: 30px;
    }

    .m_biaoti img {
        width: 100%;
    }
}




.zp_pcimg {
    width: 43%
}

.zpn_pcimg {
    width: 43%
}

@media (max-width:823px) {
    .zpn_pcimg {
        width: 92%;
        margin: 0 auto;
        display: block
    }
}

@media (max-width:414px) {
    .zpn_pcimg {
        width: 96%;
        margin: 0 auto;
        display: block
    }
}

.zp_photo {
    width: 80%;
    margin: 0 auto;
    display: table;
}

.zp_p {
    display: none
}

@media (max-width:992px) {
    .zp_photo {
        display: none
    }

    .zp_p {
        display: table !important
    }
}


@media (max-width:823px) {
    .wz_wd {
        width: 100%;
    }
}

.wx_top {
    margin-top: 0
}


.zp_cimg01 {
    width: 60%;
    margin: 0 auto;
    display: table;
    margin-bottom: 20px;
    margin-top: 15px;
}

.zp_cimg01 img {
    width: 100%
}

@media (max-width:823px) {
    .zp_cimg01 {
        width: 70%;
        margin: 0 auto;
        display: table;
        margin-bottom: 20px;
        margin-top: 15px;
    }
}

@media (max-width:720px) {
    .zp_cimg01 {
        width: 90%;
        margin: 0 auto;
        display: table;
        margin-bottom: 20px;
        margin-top: 15px;
    }
}

@media (max-width:414px) {
    .zp_cimg01 {
        width: 95%;
        margin: 0 auto;
        display: table;
        margin-bottom: 20px;
        margin-top: 15px;
    }
}



.ff_f {
    width: 54%;
    float: right;
    margin-top: 50px
}

@media (max-width:823px) {
    .ff_f {
        width: 54%;
        float: right;
        margin-top: 50px
    }

}

@media (max-width:668px) {
    .ff_f {
        width: 100%;
        float: inherit;
        margin-top: 15px
    }

}

.new_page {
    line-height: 35px;
    float: left;
    color: #fd5678;
    font-size: 16px;
}




@media (max-width:320px) {
    .fenye a {
        margin: 0 13px;
        font-size: 13px;
    }
}



/*5-28*/
@media (max-width:823px) {
    .pjnew_but {
        width: 70%;
    }

    .pjnew_but02 {
        width: 70%;
    }
}



.pipobut {
    width: 180px;
    height: 40px;
    margin: 0 auto;
    display: table;
    background-image: linear-gradient(to left, #ff829b 0%, #fe92a8 100%);
    line-height: 40px;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    margin-top: 15px;
}

.pipobut:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 15px -15px #f23f68
}

@media (max-width:720px) {
    .pitext {
        width: 93%;
        margin-left: 3.5%;
        background: #fefbfc;
        border-radius: 5px;
        border: none;
        padding: 10px;
        color: #333;
    }
}


.pjliuyan {
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-bottom: 30px
}

.pjliuyan ul {
    width: 100%;
    margin-bottom: 20px
}

.pjliuyan ul li {
    width: 100%;
    margin: 0 auto;
    display: table;
    border-bottom: #dcdcdc 1px dashed;
    padding: 15px 0;
}

.pjliuyan ul li:nth-child(even) {
    background: #fcfcfc
}

.pj_bady {
    width: 90%;
    margin: 0 auto;
    display: table
}

.piimg {
    width: 45px;
    height: 45px;
    float: left;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    box-shadow: 0 0 8px #DDD;
    border-radius: 10px;
    -moz-box-shadow: 0 0 8px #DDD;
    -webkit-box-shadow: 0 0 8px #DDD;
}

.picov {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.povtext {
    width: calc(100% - 55px);
    float: right
}

.povtext h2 {
    color: #666;
    font-size: 14px;
    line-height: 25px;
}

.povtext h3 {
    color: #333;
    font-size: 14px;
}

.povtext h4 {
    color: #999;
    font-size: 12px;
    padding-top: 4px
}




.potitle {
    width: 94%;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    border-bottom: #e5e5e5 1px solid;
    margin-top: 0px;
    font-size: 20px;
    color: #fd5678;
    font-weight: bold;
    padding-bottom: 5px;
    display: table
}

.potitle img {
    height: 35px;
    float: left;
    margin-right: 5px
}

.pot_vh {
    width: 94%;
    margin: 0 auto;
    display: table;
    margin-top: 15px;
    margin-bottom: 10px
}

.tw_textinput {
    width: 100%;
    height: 140px;
    line-height: 35px;
    background: #f8f8f8;
    border-radius: 10px;
    border: none;
    margin-bottom: 10px;
    padding: 5px 10px
}

.tw_textinput01 {
    width: 100%;
    height: auto;
    line-height: 35px;
    background: #f8f8f8;
    border-radius: 10px;
    border: none;
    margin-bottom: 10px;
    padding: 5px 10px
}

.tw_textinput01 h2 {
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    padding: 10px 0;
    font-weight: bold
}

.al_b {
    width: 96%;
    margin-left: 2%;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
    border-top: #c0cdff 1px solid;
    margin-bottom: 10px
}

.al_b table {
    width: 100%;
    background: #f9faff
}

.al_b table tr td {
    border-left: #c0cdff 1px solid;
    border-right: #c0cdff 1px solid;
    border-bottom: #c0cdff 1px solid;
    font-size: 15px;
    line-height: 30px;
    padding: 5px;
}

.al_b table tr td img {
    width: 20px;
    margin: 0 auto;
    display: block
}



.poys {
    color: #979797
}


.pw_body {
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-top: 0px
}

.pw_body ul {
    width: 260px;
    margin: 0 auto;
}

.pw_body ul li {
    width: 50%;
    float: left;
    margin-top: 10px
}

.pjnew_but01 {
    width: 260px;
    height: 50px;
    margin: 0 auto;
    display: table;
    background-image: linear-gradient(to TOP, #ff829b 0%, #fe92a8 100%);
    line-height: 50px;
    border-radius: 50px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 20px;
    box-shadow: 0 0 10px #ffbdca;
}

.pjnew_but01 img {
    height: 35px;
    margin-right: 5px
}

.pjnew_but01:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
}



.pj_but {
    background: #d2d2d2;
    width: 250px;
    height: 40px;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    display: table;
    margin: 0 auto;
    font-size: 16px;
}

.pj_but:hover {
    color: #ffffff;
}



.pjnew_but {
    width: 90%;
    height: 45px;
    margin: 0 auto;
    display: table;
    border: #eeeeee 1px solid;
    line-height: 45px;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #999999;
    margin-bottom: 20px;
    background: #FFF
}

.pjnew_but img {
    height: 25px;
    margin-right: 5px
}

.pjnew_but span {
    line-height: 45px;
}

/*.pjnew_but:hover{ background:#f9f9f9;box-shadow: 0 0 10px #f9f9f9;}
*/



.pjliuyan02 {
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-bottom: 30px
}

.pjliuyan02 ul {
    width: 94%;
    margin-bottom: 20px;
    margin-top: -20px
}

.pjliuyan02 ul li {
    width: 100%;
    margin: 0 auto;
    display: table;
    border-bottom: #dcdcdc 1px dashed;
    padding: 20px 0 15px 0;
}

.pjliuyan02 ul li:nth-child(even) {
    background: #fcfcfc
}

.piname {
    width: 96%;
    margin: 0 auto;
    display: table;
    margin-bottom: 10px;
    color: #666666;
    font-size: 14px;
    line-height: 26px;
}

.piname span {
    height: 20px;
    text-align: center;
    /*background:#ff829b; color:#ffffff; border-radius:5px; line-height:26px;*/
    margin-right: 5px;
    display: table;
    float: left
}

.piname span img {
    height: 20px;
    float: left;
    margin-right: 2px;
}

.piname font {
    float: right;
    color: #999;
    font-size: 13px;
    line-height: 30px;
}

.pidislik {
    background: #bfbfbf !important
}


.con {
    width: 96%;
    margin: 0 auto;
    display: table
}

.con p {
    font-size: 14px;
    line-height: 22px;
}

.con h4 {
    color: #999;
    font-size: 13px;
    line-height: 30px;
}

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

.all-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 100;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.al_but {
    float: right;
    width: 80px;
    border: none;
    background: transparent;
    text-align: right;
    color: #fd5678;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    font-family: "微软雅黑";
    margin-top: 3px;
}

.al_but:hover {
    border-bottom: none;
}

.zw_dw {
    float: right;
    padding: 0px 15px;
    background: #fd5678;
    height: 24px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    border-radius: 100px;
    margin-top: 10px;
    color: #ffffff;
    font-size: 13px;
    cursor: pointer;
}

.zw_dw:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
    background: #fe92a8;
}

.xin_input_qq {
    width: calc(100% - 45px);
    float: right;
    margin-right: 6px;
    margin-left: 0px;
    outline: none;
}

.xin_nleft_qq {
    width: 35px;
    height: 35px;
    float: left;
    background: #ffe9ee;
    border-radius: 5px;
    cursor: pointer;
}

.xin_nleft_qq img {
    width: 23px;
    margin-top: 6px;
    margin-left: 6px;
}

.xin_nleft_qq:hover {
    background: #ffd5df;
}

.bl_tab_aa {
    width: 100%;
    position: fixed;
    top: 8%;
    z-index: 10;
    display: none;
}

.bl_tab_bb {
    width: 600px;
    margin: 0 auto;
    display: table;
    background: #e2e8ff;
    border: #8a9fef 2px solid;
    border-radius: 5px;
    position: relative;
}


@media (max-width:797px) {
    .bl_tab_aa {
        top: 18%;
    }

    .bl_tab_bb {
        width: 90%;
    }
}

.fpt_z_aa {
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 0px;
    height: auto;
    padding: 0 5px;
}

.new_poptk_nn {
    width: 96%;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.new_pot {
    width: 96%;
    height: auto;
    margin: 0 auto;
    color: #666666;
    padding-bottom: 20px;
    padding-top: 15px;
    display: block;
}

@media (max-width:824px) {
    .new_pot {
        height: 195px;
        overflow-y: scroll;
        padding-bottom: 0px;
    }
}

@media (max-width:450px) {
    .new_pot {
        height: 450px;
    }
}

@media (max-width:320px) {
    .new_pot {
        height: 380px;
    }
}

.new_pot ::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.new_pot ::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 100px;
    background: #8a9fef;
}

.new_pot ::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.6);
}

.fpt_pic {
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 0px;
    height: auto;
    padding: 0 5px;
}

@media (max-width:824px) {
    .fpt_pic {
        height: 170px;
        overflow-y: scroll;
    }
}

@media (max-width:450px) {
    .fpt_pic {
        height: 420px;
    }
}

@media (max-width:320px) {
    .fpt_pic {
        height: 355px;
    }
}

.pj_add {
    margin: 0 auto;
    display: table;
    margin-bottom: 15px;
}

/*.pj_add img{width: 20px; margin: 0 3px;}*/


.al_tab {
    width: 90%;
    margin: 0 auto;
    display: table;
    text-align: center;
    color: #666666;
    padding: 20px 0;
    font-size: 18px;
    line-height: 30px
}

.al {
    width: 100%;
    border-radius: 5px 5px 0 0;
    display: table;
    overflow: hidden;
    margin-top: 15px;
}

.al_tab table {
    border-radius: 10px 10px 0 0;
    width: 100%;
    border-top: #c0cdff 1px solid;
    border-left: #c0cdff 1px solid;
    background: #f9faff
}

.al_tab table tr td {
    border-right: #c0cdff 1px solid;
    border-bottom: #c0cdff 1px solid;
    font-size: 15px;
    line-height: 30px;
    padding: 5px;
}

.al_tab table tr td img {
    width: 20px;
    margin: 0 auto;
    display: block
}

.al_tab table tr th {
    font-weight: bold;
    font-size: 16px;
    color: #566cda;
    line-height: 30px;
    padding: 5px;
    border-right: #c0cdff 1px solid;
}


.huiy_a {
    margin: 0 auto;
    display: table;
}

.huiy_a img {
    height: 20px;
    float: left;
    margin-right: 5px;
}

.nhuiy_a {
    height: 35px;
}

.nhuiy_a img {
    /*height: 20px; float: left; margin-right:5px;*/
}


.gvip_input {
    margin: 0 auto;
    display: flex;
    margin-top: 25px;
    margin-bottom: 15px;
    width: fit-content;
}

.gvipbut {
    width: 110px;
    height: 40px;
    background: #fe92a8;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    display: inline;
    float: left;
    margin-left: 5px;
    margin-right: 5px
}

.gvipbut:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
}

@media (max-width:360px) {
    .gvipbut {
        width: 95px;
        margin-left: 3px;
        margin-right: 3px
    }
}

.bka {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
    display: table;
    background: #fdedf1;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    line-height: 26px;
    margin-top: 10px
}

.bka_span {
    width: calc(100% - 18px);
    float: right;
    line-height: 25px;
    font-style: normal
}

.bka_input01 {
    height: 40px;
    margin: 0 auto;
    display: table;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 40px;
}

.bk_input {
    width: 110px;
    margin: 0 auto;
    background: #f8f8f8;
    border-radius: 5px;
    text-align: center;
    display: table;
    line-height: 40px;
    height: 40px;
    border: none;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    padding: 0 5px
}

.bka_input01 span {
    float: left
}

.bka_cor {
    color: #666
}

@media (max-width:450px) {
    .bk_input {
        width: 80px;
    }
}


.bkwhg {
    min-height: 700px
}

@media (max-width:1366px) {
    .bkwhg {
        min-height: 780px
    }
}

@media (max-width:1024px) {
    .bkwhg {
        min-height: 1120px
    }
}

@media (max-width:768px) {
    .bkwhg {
        min-height: 780px
    }
}

@media (max-width:450px) {
    .bkwhg {
        min-height: 555px
    }
}

.eg_o {
    width: 100%;
    display: table;
    margin-top: 5px;
    margin-bottom: 10px
}

.eg_oleft {
    width: 50%;
    float: left
}

.eg_jdt {
    width: 100px;
    position: relative;
    float: right;
    margin-right: 10px
}

.eg_jdt img {
    width: 100%
}

.ef_pr {
    position: absolute;
    left: 10px;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    line-height: 25px;
}

.eg_oright {
    margin: 0 auto;
    display: table
}

.eg_oright img {
    width: 20px;
    margin: 0 auto;
    margin: 0 2px
}

/*.n_sebg{width:100%; height:320px;border-radius:10px; margin: 0 auto; display: table; position:relative; }*/
/*.n_stab{ background:url(../images/3_03.png) repeat-x;width:300px; margin:0 auto;display:table; height:35px; line-height:35px; text-align:center; line-height:35px; margin-bottom: 15px;}*/
/*.n_stab span{ text-align:center; background:#ffffff; font-size:18px; padding:0 15px;}*/


/*.njit{background-image: url(../images/xright.png) !important; background-size: 40px !important;width:40px !important;height: 40px !important;}*/

/*.njit01{background-image: url(../images/xleft.png) !important;background-size: 40px !important;width: 40px !important;height: 40px !important;}*/


.btime {
    float: left;
    color: #999999;
}

.sc {
    border-radius: 100px;
    border: #dadada 1px solid;
    display: table;
    background: #fff;
    padding: 0 5px;
    height: 15px;
    line-height: 24px !important;
    color: #999999;
    width: 60px;
    float: right;
}

.sc img {
    height: 15px;
    margin-right: 3px;
}

.sc:hover {
    color: #999999;
    box-shadow: inset 0px 15px 10px -10px #eeeeee, inset 0px -10px 10px -20px #eeeeee;
    background: #ffffff;
}

.huf {
    width: 96%;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
}

.huinput {
    float: left;
    width: calc(100% - 50px);
    font-size: 15px;
    line-height: 25px;
}

.hf_i {
    width: 98%;
    height: 35px;
    border: #eeeeee 1px solid;
    line-height: 30px;
    border-radius: 5px;
    padding-left: 10px;
    outline: none;
    font-size: 14px;
}

.hf_but {
    width: 50px;
    height: 35px;
    border-radius: 5px;
    background: #ffbac8;
    color: #ffffff;
    display: table;
    text-align: center;
    line-height: 35px;
}

.hf_but:hover {
    color: #fff;
    box-shadow: inset 0px 15px 10px -10px #ff9aaf, inset 0px -10px 10px -20px #ff9aaf;
    background: #ffbac8;
}

.hu_p {
    width: 96%;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 10px 0;
}

.he_b {
    width: 95%;
    margin: 0 auto;
    display: table;
    color: #666666;
}

.he_b font {
    float: right;
}

.he_zp {
    width: 30px;
    height: 30px;
    border-radius: 500px;
    object-fit: contain;
    margin-right: 5px;
}

.he_two {
    float: right;
    width: calc(97% - 45px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    margin-right: 3%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.he_twotime {
    float: right;
    width: calc(100% - 45px);
    color: #999;
    margin-top: 5px;
}

.context-wrap {
    color: #3f3f3f;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 30px;
}

.on {
    /*color: #3f3f3f;*/
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 30px;
}


@media (max-width:480px) {
    .huf {
        width: 100%;
    }

    .hu_p {
        width: 100%;
    }
}

.z_more {
    color: #fd5678;
    font-size: 13px;
    float: right;
    margin-right: 5%;
}

/*8-10*/
.gg_zh {
    width: 90%;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 20px;
}

.gg_zh01 {
    width: 70%;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 20px;
}

.gg_zh_li {
    width: 100%;
    height: 70px;
    margin: 0 auto;
    display: table;
    border: #ff94c1 1px solid;
    background: #fff5f9;
    border-radius: 5px;
    box-shadow: 0 0 10px #fcdae8;
    margin-bottom: 15px;
}

.gg_zh_li span {
    width: 50px;
    height: 50px;
    background: #ffffff;
    box-shadow: 0 0 10px #ffaed0;
    display: table;
    float: left;
    border-radius: 10px;
    margin-left: 40px;
    margin-right: 20px;
    margin-top: 10px;
}

.gg_zh_li span img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    display: table;
    margin-top: 5px;
}

.gg_zh_li font {
    font-size: 20px;
    line-height: 70px;
}

.gg_zh_li:hover {
    color: #ff94c1;
}


@media (max-width:768px) {
    .gg_zh {
        width: 90%;
    }

    .gg_zh01 {
        width: 70%;
    }
}

@media (max-width:480px) {
    .gg_zh {
        width: 90%;
    }

    .gg_zh01 {
        width: 78%;
    }

    .gg_zh_li span {
        margin-left: 20px;
    }
}

.gg_mm {
    width: 100%;
    height: 50px;
    border: #fcd9da 1px solid;
    background: #fff6f8;
    border-radius: 5px;
    box-shadow: 0 0 10px #ffeff6;
    margin-bottom: 15px;
    margin-top: 20px;
}

.gg_mm span {
    float: left;
    margin-left: 15px;
    color: #ee6484;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 12.5px;
}

.gg_mm span i {
    width: 4px;
    height: 20px;
    background: #ee6484;
    margin-right: 10px;
    /*display: table;*/
    float: left;
}

.gg_mm img {
    height: 40px;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    ;
}

.gg_input {
    width: 400px;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 30px;
}

@media (max-width:768px) {
    .gg_input {
        width: 90%;
        margin: 0 auto;
        padding: 0px;
        display: table;
        margin-top: 50px;
    }
}

.gg_input01 {
    width: 400px;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 20px;
}

@media (max-width:768px) {
    .gg_input01 {
        width: 90%;
        margin: 0 auto;
        padding: 0px;
        display: table;
    }
}

.gg_nr01 {
    width: 80%;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 50px;
}

@media (max-width:768px) {
    .gg_nr01 {
        width: 100%;
        margin: 0 auto;
        padding: 0px;
        display: table;
        margin-top: 50px;
    }
}

.gg_xb {
    margin: 0 auto;
    display: table;
    font-size: 16px;
    color: #999999;
    margin-top: 20px;
}

.gg_xb img {
    margin: 0 5px;
}

.gg_font {
    width: 95%;
    margin: 0 auto;
    display: table;
    color: #fe92a8;
    padding: 10px 0;
    text-align: center;
}

.bltitle font {
    width: 100%;
    text-align: center;
}

.blxg {
    margin: 0 auto;
    display: table;
    color: #fe92a8;
    padding-top: 5px;
}


@media (max-width:823px) {
    .foot_sr {
        position: static;
        bottom: 0;
    }
}

@media (max-width:768px) {
    .foot_sr {
        position: fixed;
        bottom: 0;
    }

    .gg_font {
        width: 90%;
    }
}

@media (max-width:731px) {
    .foot_sr {
        position: static;
        bottom: 0;
    }
}

.g_pnr {
    min-height: 780px;
}

@media (max-width:1024px) {
    .g_pnr {
        min-height: 1120px;
    }
}

@media (max-width:768px) {
    .g_pnr {
        min-height: 780px;
    }
}

@media (max-width:450px) {
    .g_pnr {
        min-height: 600px;
    }
}

.leix {
    width: 60%;
    margin: 0 auto;
    display: table;
}

.leix span {
    width: 50%;
    float: left;
    margin-bottom: 15px;
}

.leix span i {
    font-style: normal;
    margin-left: 5px;
    font-size: 16px;
}

.le_ce {
    margin: 0 auto;
    display: table;
}

@media (max-width:450px) {
    .leix {
        width: 100%;
    }
}

.baoy {
    width: 600px;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 20px;
    background: #f8f8f8;
    border-radius: 10px;
}

.baoy ul {
    width: 90%;
    margin: 0 auto;
    display: table;
    padding: 10px 0;
}

.baoy ul li {
    width: 100%;
    display: table;
    border-bottom: #e5e5e5 1px solid;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    padding: 5px 0;
}

.baoy ul li span {
    margin-left: 10px;
    font-weight: 500;
}

.baoy ul li:last-child {
    border-bottom: none;
}

.bybut {
    background: url(../images/check_g.png) no-repeat;
}

.bybut_check {
    background: url(../images/check_h.png) no-repeat;
}


@media (max-width:768px) {
    .baoy {
        width: 100%;
        margin: 0 auto;
        padding: 0px;
        display: table;
    }
}

.jin_search {
    width: 100%;
    display: table;
    background: url(../images/3_04.png) repeat-x;
    height: 36px;
    line-height: 36px;
}

.jin_search span {
    background: #ffffff;
    color: #666666;
    text-align: center;
    padding: 0 10px;
    margin: 0 auto;
    display: table;
    font-size: 15px;
}

.j_lxx {
    font-style: normal;
    margin-left: 8px;
}

.j_icon {
    position: relative;
}

.j_img {
    position: absolute;
    left: 30px;
    height: 15px;
    top: 4px
}

.j_lr {
    margin-right: 22px;
}

@media (max-width:320px) {
    .j_lr {
        margin-right: 19px;
    }
}

/* 10-8 */

.dq_fangan {
    width: 96%;
    margin: 0 auto;
    display: table;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fe92a8;
    padding: 15px 0 5px 0;
}

.dq_fangan h2 {
    width: 50px;
    height: 2px;
    margin: 0 auto;
    display: table;
    background: #fe92a8;
    margin-top: 5px;
}


.new_viplist {
    width: 96%;
    margin: 0 auto;
    display: table;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.new_viplist ul {
    width: 100%;
}

.new_viplist ul li {
    width: 48% !important;
    float: left;
    background-image: url(../images/fy_03.png);
    background-color: #f9f9f9;
    float: left;
    background-SIZE: 50%;
    background-repeat: no-repeat;
    background-position: 94px 20px !important;
    padding: 20px 0 !important;
    border-radius: 10px;
    color: #fd8cb4;
    position: relative;
}

.new_viplist ul li:last-child {
    float: right;
}

.new_fa {
    font-size: 18px;
    font-weight: bold;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    line-height: 50px;
    border-bottom: #fe92a8 1px solid;
    margin-bottom: 10px;
}

.new_fanext {
    width: 100%;
    margin: 0 auto;
    display: table;
    text-align: center;
}

.new_fanext h2 {
    line-height: 30px;
    font-size: 18px;
}


@media (max-width:797px) {
    .new_viplist {
        width: 95%;
        margin: 0 auto;
        display: table;
    }

    .new_viplist ul li {
        background-SIZE: 58%;
        background-position: 75px 15px !important;
    }
}

@media (max-width:450px) {
    .new_viplist {
        width: 95%;
        margin: 0 auto;
        display: table;
    }

    .new_viplist ul li {
        background-SIZE: 90%;
        background-position: 7px 36px !important;
    }
}


.new_gvip_input {
    margin: 0 auto;
    display: table;
    margin-top: 15px;
    margin-bottom: 15px;
    box-shadow: 0 0 20px #ffb6c5;
}

.new_gvip_input {
    width: 110px;
    height: 40px;
    background: #fe92a8;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.new_gvip_input:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
}

@media (max-width:360px) {
    .new_gvip_input {
        width: 95px;
    }
}

.new_poptk ::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.new_poptk ::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 100px;
    background: #8a9fef;
}

.new_poptk ::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.6);
}

.new_poptk {
    /*width:90%; height:240px; */
    height: 200px;
    margin: 0 auto;
    color: #666666;
    padding-bottom: 20px;
    padding-top: 15px;
    overflow-y: scroll;
    display: block;
}

@media (max-width:450px) {
    /*.new_poptk{height:300px;}*/
}

#tab_truth .new_poptk {
    width: 90%;
    height: auto;
    margin: 0 auto;
    color: #666666;
    padding-bottom: 20px;
    padding-top: 15px;
    display: block;
}

@media (max-width:824px) {
    #tab_truth .new_poptk {
        height: 175px;
        overflow-y: scroll;
    }
}

@media (max-width:450px) {
    #tab_truth .new_poptk {
        height: 300px;
    }
}

.bl_tab_cc {
    width: 100%;
    position: fixed;
    top: 8%;
    z-index: 10;
    display: none;
}

.new_poptk_aa {
    /*width:90%;height:50vh;*/
    margin: 0 auto;
    color: #666666;
    padding-bottom: 20px;
    padding-top: 15px;
    overflow-y: hidden;
    display: block;
}

#tab_truth .new_poptk_aa {
    width: 90%;
    height: 50vh;
    margin: 0 auto;
    color: #666666;
    padding-bottom: 20px;
    padding-top: 15px;
    overflow-y: scroll;
    display: block;
}

.fpt_z_cc {
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow-y: scroll;
    margin-top: 0px;
    height: 50vh;
    padding: 0 5px;
}

@media (max-width:1024px) {
    .new_poptk_aa {
        height: 640px;
    }

    #tab_truth .new_poptk_aa {
        height: 600px;
    }

    .fpt_z_cc {
        height: 600px;
    }
}

@media (max-width:824px) {
    .new_poptk_aa {
        height: 280px;
    }

    #tab_truth .new_poptk_aa {
        height: 240px;
    }

    .fpt_z_cc {
        height: 240px;
    }
}

@media (max-width:768px) {
    .new_poptk_aa {
        height: 740px;
    }

    #tab_truth .new_poptk_aa {
        height: 700px;
    }

    .fpt_z_cc {
        height: 700px;
    }
}

@media (max-width:736px) {
    .new_poptk_aa {
        height: 240px;
    }

    #tab_truth .new_poptk_aa {
        height: 200px;
    }

    .fpt_z_cc {
        height: 200px;
    }
}

@media (max-width:450px) {
    .new_poptk_aa {
        height: 580px;
    }

    #tab_truth .new_poptk_aa {
        height: 540px;
    }

    .fpt_z_cc {
        height: 540px;
    }
}

@media (max-width:375px) {
    .new_poptk_aa {
        height: 540px;
    }

    #tab_truth .new_poptk_aa {
        height: 500px;
    }

    .fpt_z_cc {
        height: 500px;
    }
}

@media (max-width:320px) {
    .new_poptk_aa {
        height: 460px;
    }

    #tab_truth .new_poptk_aa {
        height: 420px;
    }

    .fpt_z_cc {
        height: 420px;
    }
}


.new_poptk_aa ::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.new_poptk_aa ::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 100px;
    background: #8a9fef;
}

.new_poptk_aa ::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.6);
}

.yidy_font {
    width: 100%;
    margin: 0 auto;
    display: table;
    line-height: 25px;
    text-align: center;
    padding-bottom: 6px;
}

.yiimg {
    width: 96% !important;
    margin: 0 auto;
}

@media (max-width:320px) {
    .yidy_font {
        text-align: left;
    }
}

.ytext_img {
    width: 100%;
    margin: 0 auto;
    display: table;
    border: #b6c5ff 1px solid;
    background: #f1f4ff;
    margin-top: 15px;
    padding-bottom: 10px;
}

.ye_title {
    width: 100%;
    line-height: 25px;
    color: #7991ea;
    font-size: 16px;
    font-weight: bold;
    display: table;
    background: linear-gradient(to right, #b6c5ff, #feffff);
    padding: 5px 0;
}

.ye_title img {
    height: 25px;
    width: 25px;
    margin-left: 5px;
}

.ye_h2 {
    width: 95%;
    margin: 0 auto;
    line-height: 25px;
    background: linear-gradient(to right, #b7c6ff, #e1e8ff);
    margin-top: 15px;
    color: #7991ea;
    padding: 0px 10px;
    margin-bottom: 5px;
}

.ye_h3 {
    width: 95%;
    margin: 0 auto;
    line-height: 25px;
    color: #333333;
    padding-left: 10px;
}


.new_yk {
    width: 90%;
    /*height:400px;*/
    margin: 0 auto;
    color: #666666;
    padding-bottom: 20px;
    padding-top: 15px;
    overflow-y: scroll;
}

.new_yk h2 {
    font-size: 16px;
    font-weight: bold;
    color: #8a9fef;
    padding-bottom: 5px;
}

.new_yk h3 {
    width: 100%;
    line-height: 25px;
    margin-bottom: 5px;
    display: table;
}

.new_yk h3 span {
    width: 10px;
    float: left;
}

.new_yk h3 font {
    width: calc(100% - 12px);
    float: right
}

.new_yk h4 {
    line-height: 25px;
    display: table;
    color: #f00;
    width: 100%;
}

.new_yk h4 span {
    width: 10px;
    float: left;
}

.new_yk h4 font {
    width: calc(100% - 12px);
    float: right
}

@media (max-width:1024px) {
    .new_yk {
        height: 300px;
    }
}

@media (max-width:812px) {
    .new_yk {
        height: 240px;
    }
}

@media (max-width:640px) {
    .new_yk {
        height: 200px;
    }
}

@media (max-width:450px) {
    .new_yk {
        height: 300px;
    }
}

.new_xline {
    width: 96%;
    margin: 0 auto;
    height: 1px;
    background: #eeeeee;
    /*display: table;*/
    margin-top: 18px;
    margin-bottom: 5px;
}

.new_syfont {
    text-align: center;
    background: #fff3f7;
    width: 96%;
    margin: 0 auto;
    padding: 8px 5px;
    border-radius: 5px;
    color: #fe92a8;
    font-size: 16px;
    margin-bottom: 10px;
}

.new_abg {
    width: 90%;
    margin-left: 5%;
    display: table;
    margin-top: 15px;
}

.new_abg span {
    width: 25%;
    float: left;
    margin-bottom: 10px;
}

.new_abg font {
    width: 50%;
    float: left;
    margin-bottom: 10px;
}

.new_vpadd {
    width: 94%;
    height: 40px;
    background: #fe92a8;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    margin-left: 3%;
    display: table;
    box-shadow: 0 0 20px #ffb6c5;
}

.new_vpadd:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
}



@media (max-width:450px) {
    .new_w100 {
        width: 100% !important;
    }

    .new_abg span {
        width: 50%;
        float: left;
        margin-bottom: 10px;
    }

    .new_abg font {
        width: 50%;
        float: left;
        margin-bottom: 10px;
    }
}




@media (max-width:360px) {
    .new_vpadd {
        font-size: 12px;
    }
}

.new_tkfont {
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
}

.new_tablema {
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
}

.new_tablema table {
    width: 100%;
    border: none;
    background: #f9faff;
    border-radius: 5px;
    overflow: hidden;
}

.new_tablema table tr td {
    padding: 5px 5px;
    font-size: 14px
}

.new_tablema table tr td img {
    height: 25px;
    margin: 0 auto;
    display: table;
}

.new_tablema table tr th {
    background: #cbd6ff;
    height: 35px;
    padding: 5px 5px;
    font-weight: bold;
    color: #566cda;
}

.new_baa {
    border-right: #c0cdff 1px solid;
}

.new_baa1 {
    border-bottom: #c0cdff 1px solid;
}

.newaddpic {
    width: 94%;
    margin: 0 auto;
    display: table;
}

.new_wyz {
    width: 400px;
}

.newtishi {
    width: calc(100% - 25px);
    font-style: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    float: right;
}

.atk_pic {
    width: 100%;
    margin: 0 auto;
    display: table;
    padding-bottom: 10px
}

.atk_pic img {
    width: 100%;
    margin: 0 auto;
    display: table;
}

@media (max-width: 992px) {
    .new_wyz {
        width: 80%;
    }
}

@media (max-width:797px) {
    .new_wyz {
        width: 80%;
    }

    .atk_pic {
        width: 100%;
        margin: 0 auto;
        display: table;
    }

    .atk_pic img {
        width: 100%;
    }
}

@media (max-width:450px) {
    .ne_text {
        font-size: 13px;
    }
}

@media (max-width:320px) {
    .new_fontd {
        font-size: 17px !important;
    }
}


.a_fhbut {
    width: 250px;
    height: 40px;
    background: #ffffff;
    border: #fe92a8 1px solid;
    border-radius: 200px;
    color: #fe92a8;
    text-align: center;
    line-height: 40px;
    display: table;
    margin: 0 auto;
    font-size: 16px;
    cursor: pointer;
}

.a_fhbut:hover {
    color: #fe92a8;
    box-shadow: inset 0px 15px 10px -10px #f9b4c3, inset 0px -10px 10px -20px #f9b4c3;
}

.aw_vip {
    width: 100%;
    display: table;
}

.aw_fftab {
    width: 100%;
    display: table;
}

.awlist {
    width: 90%;
    margin: 0 auto;
    display: table;
    margin-top: 50px;
}

.awlist li {
    width: 33.33%;
    float: left;
}

.aw_hdtab {
    width: 90%;
    margin: 0 auto;
    display: table;
    background: #fff4f6;
    border: #fe92a8 1px solid;
    border-radius: 10px;
    padding-bottom: 20px;
}

.aw_hdtab img {
    width: 150px;
    margin: 0 auto;
    display: table;
}

.aw_hdtab h2 {
    font-size: 18px;
    text-align: center;
    color: #fe92a8;
}

.aw_hdtab:hover {
    background: #ffe5ea;
    cursor: pointer;
}

.aw_hdtab_h {
    background: #f4f4f4 !important;
    border: #d2d2d2 1px solid !important;
}

.aw_hdtab_h h2 {
    color: #999;
}

.aw_hdtab_h:hover {
    background: #fbfbfb !important;
    cursor: pointer;
}


@media (max-width:450px) {
    .awlist {
        width: 95%;
    }

    .aw_hdtab {
        width: 90%;
        padding: 10px 0 20px 0;
    }

    .aw_hdtab h2 {
        height: 50px;
        line-height: 25px;
    }

    .aw_hdtab h2 font {
        line-height: 50px;
    }

    .aw_hdtab span {
        display: table;
        text-align: center;
        width: 100%;
    }

    .aw_hdtab img {
        width: 80%;
    }
}

@media (max-width:320px) {
    .aw_hdtab {
        width: 90%;
        padding: 10px 0 20px 0;
    }

    .aw_hdtab h2 {
        font-size: 16px;
    }

    .aw_hdtab img {
        width: 90%;
    }
}

.aw_none {
    display: none;
}

.rew_Aw:hover {
    text-decoration: underline;
}


/* 12-6 */
.gongg_bg {
    width: 350px;
    margin: 0 auto;
    padding: 0px;
    display: table;
    margin-top: 15px;
}

.gg_tsnr {
    width: 100%;
    line-height: 25px;
}

.gg_tkimg {
    background: #fcedf1 !important;
    border: #fd90b6 2px solid !important;
}

.n_bbutton_rg {
    width: 250px;
    float: left;
}

.n_bbutton_rg span {
    width: 50%;
    float: left
}

.n_butleft {
    float: left;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
}

.n_butright {
    float: right;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
}


.gg_butnew {
    width: 95%;
    height: 40px;
    color: #ffffff;
    cursor: pointer;
    background: linear-gradient(90deg, #fe7293 0%, #e44f71 100%);
    border-radius: 200px;
}

.gg_butnew:hover {
    background: linear-gradient(90deg, #ff8aa9 0%, #ffb2cd 100%);
    color: #ffffff;
}

.g_pfont {
    position: relative;
    color: transparent;
    text-shadow: 0px 0px 5px #666;
}

.g_picon {
    position: absolute;
    left: 0%;
    top: 40%;
    width: 100%;
}

.g_picon img {
    height: 35px;
    margin: 0 auto;
    display: table;
}


.gog_pager {
    width: 50px;
    height: 30px;
    display: table;
    float: left;
}

.gog_pager img {
    width: 30px;
    height: 30px;
    margin-top: 6px;
}


@media (max-width:1024px) {
    .gongg_bg {
        width: 280px;
    }

    .n_bbutton_rg {
        width: 180px;
    }

    .gog_pager {
        width: 40px;
    }
}

@media (max-width:797px) {
    .gongg_bg {
        width: 300px;
    }

    .n_bbutton_rg {
        width: 220px;
    }

    .gog_pager {
        width: 40px;
    }
}

@media (max-width:360px) {
    .gongg_bg {
        width: 280px;
    }

    .n_bbutton_rg {
        width: 200px;
    }

    .gog_pager {
        width: 40px;
    }
}

@media (max-width:320px) {
    .gongg_bg {
        width: 260px;
    }

    .n_bbutton_rg {
        width: 175px;
    }

    .gog_pager {
        width: 40px;
    }
}



/* 12-6结束 */

/* 12-22 */
.sw_px {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: linear-gradient(0deg, #ffedf3 0%, #ffffff 100%);
    box-shadow: 0 0 10px #fcdae8;
    border: #ffe6f1 1px solid;
    border-radius: 5px;
    margin-top: 20px;
    cursor: pointer;
}

.sw_px span {
    color: #e44e71;
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
}

.sw_px img {
    float: right;
    margin-right: 10px;
    height: 18px;
    margin-top: 20px;
}

.sw_px:hover {
    background: linear-gradient(0deg, #ffffff 0%, #ffedf3 100%);
}


.paix_bg {
    width: 96%;
    margin: 0 auto;
    margin-top: 30px;
    background: linear-gradient(0deg, #ffffff 0%, #ffebf3 100%);
    border-radius: 5px;
    padding: 10px 0 15px 0;
    display: table;
    margin-bottom: 15px;
    border: #e44e71 1px solid;
    padding: 15px 0;
}

.paixnr {
    width: 95%;
    margin: 0 auto;
    display: table;
}

.paixnr h2 {
    width: 100%;
    color: #333333;
    font-size: 16px;
    margin-bottom: 15px;
}

.paixnr h3 {
    width: 100%;
    color: #e96686;
    font-size: 16px;
    margin-top: 15px;
}

.paix_bg_img {
    width: 100%;
    margin: 0 auto;
}

.paix_bg_img img {
    width: 60%;
    ;
}

.paix_next {
    width: 100%;
    background: linear-gradient(0deg, #ffffff 0%, #ffebf3 100%);
    box-shadow: 0 0 10px #fcdee4;
    border-radius: 5px;
    padding: 10px;
    border: #ffdcea 1px solid;
    margin-top: 15px;
    font-size: 15px;
}

.paix_next h4 {
    width: 100%;
    display: table;
    line-height: 25px;
    padding: 5px;
}

.paix_next h4 span {
    width: 45px;
    float: left;
}

.paix_next h4 font {
    float: right;
    width: calc(100% - 45px);
}

.pa_line {
    border-bottom: #f8b5ca 1px solid;
}

@media (max-width:797px) {
    .paixnr h2 {
        font-size: 15px;
    }

    .paixnr h3 {
        font-size: 15px;
    }

    .paix_bg_img img {
        width: 100%;
        ;
    }

}

.flxz {
    width: 100%;
    display: table;
    margin-top: 15px;
}

.flxz span {
    margin-right: 20px;
    font-size: 18px;
    font-weight: bold;
}

.flxz span i {
    font-style: normal;
    margin-left: 5px;
}


.huiy_na {
    width: 100%;
    display: table
}

.huiy_na span {
    text-align: center;
    width: 100%;
    display: table;
    margin-top: 15px;
}

.kll {
    background: #e9eef4;
    padding: 10px;
    border-radius: 5px;
}

.sxyh {
    height: 2.1em;
    margin-left: 2px;
    margin-top: -10px;
}

/* 3-15 */
.sj_iconleft {
    position: relative;
    /*left: 0;*/
    top: 2px;
    cursor: pointer;
    float: left;
}

.sj_iconleft img {
    height: 24px;
}

.sj_iconright {
    position: relative;
    /*right: 0;*/
    top: 2px;
    cursor: pointer;
    float: right;
}

.sj_iconright img {
    height: 24px;
}

/* chatSet */

.gqzx {
    width: 95%;
    margin: 0 auto;
    display: table;
    background-image: linear-gradient(to right, #fe92a8, #fee0e2);
    border-radius: 5px;
    padding: 10px 0;
}

.gqzx_title {
    width: 95%;
    margin: 0 auto;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.gqzx_title img {
    height: 25px;
}

.gqzx_ne {
    width: 95%;
    margin: 0 auto;
    color: #fff;
    padding: 10px;
    background: #f8f8f8;
    border: #d8d8d8 1px solid;
    color: #666666;
    display: table;
    margin-top: 10px;
    border-radius: 5px;
}



.gq_nrong {
    width: 95%;
    margin: 0 auto;
    display: table;
    margin-top: 15px;
    background-image: linear-gradient(to bottom, #ffeaee, #fff);
    padding: 15px 0;
    border-radius: 5px;
}

.gq_nrong_title {
    width: 100%;
    margin: 0 auto;
    display: table;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.ga_tabli {
    width: 80%;
    margin: 0 auto;
    display: table;
    margin-top: 15px;
}

.ga_tabli ul {
    width: 100%;
    margin: 0 auto;
    display: table;
}

.ga_tabli ul span {
    float: left;
    line-height: 40px;
    width: 4%;
    text-align: center;
    color: #ccc;
}

.gezx_input {
    width: 48%;
    float: left;
    background: #fff;
    border: #ccc 1px solid;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    border-radius: 5px;
    outline: none;
}


@media (max-width:450px) {
    .ga_tabli {
        width: 95%;
    }
}


.ge_lable {
    width: 95%;
    margin: 0 auto;
    display: table;
    background-image: linear-gradient(to bottom, #f9f9f9, #ffebef);
    margin-top: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.ge_lable_title {
    width: 95%;
    margin: 0 auto;
    padding: 15px 0 10px 0;
    display: table;
    color: #fd5678;
    font-size: 18px;
    font-weight: bold;
}

.ge_lable_title img {
    height: 26px;
}

.ge_tiznr {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px #eee;
    border-radius: 5px;
    padding: 20px 0 0 0;
    overflow: hidden;
}

.ge_tiznr ul {
    width: 95%;
    margin: 0 auto;
    display: table;
    margin-bottom: 10px;
}

.ge_tiznr ul li {
    background: #eee;
    width: 100%;
    border-radius: 5px;
    padding: 10px 10px 5px 10px;
    display: table;
    margin-bottom: 10px;
}

.ge_zinlright {
    width: calc(100% - 20px);
    float: right;
}

.ge_check {
    background: #fff;
}

.ge_cbottom {
    width: 100%;
    display: table;
    background: #ffebef;
    padding: 10px 0;
    font-size: 16px;
}

.ge_cbottom span {
    width: 95%;
    margin: 0 auto;
    display: table;
}



.g_pnr_gq {
    min-height: 825px;
}

@media (max-width:1024px) {
    .g_pnr_gq {
        min-height: 1180px;
    }
}

@media (max-width:768px) {
    .g_pnr_gq {
        min-height: 830px;
    }
}

@media (max-width:450px) {
    .g_pnr_gq {
        min-height: 630px;
    }
}

.gqzx_ys {
    width: 100%;
    display: table;
}

.gqzx_ys h2 {
    width: 100%;
    font-size: 14px;
    color: #666;
    display: table;
    margin-top: 5px;
}

.gqzx_ys h2 span {
    width: calc(100% - 20px);
    float: right;
}

.gqzx_ys h3 {
    width: 100%;
    font-size: 14px;
    color: #fd5678;
    padding: 5px 0;
    margin-top: 10px;
    border-top: #ccc 1px solid;
    display: table;
}

.gqzx_ys h3 span {
    width: calc(100% - 20px);
    float: right;
}

.gqq_poptk {
    width: 90%;
    height: 240px;
    height: 200px;
    margin: 0 auto;
    color: #666666;
    padding-bottom: 20px;
    padding-top: 15px;
    overflow-y: scroll;
    display: block;
}

@media (max-width:450px) {
    .gqq_poptk {
        height: 260px;
    }
}

.kk_star {
    float: left;
}

.kk_star img {
    height: 16px;
    margin-right: 2px;
    vertical-align: middle;
    margin-top: 5px;
}

.kll {
    background: #e9eef4;
    padding: 10px;
    border-radius: 5px;
}

.sxyh {
    height: 22px;
    margin-left: 2px;
    margin-top: -3px;
}

@media (max-width:320px) {
    .kk_star img {
        height: 12px;
        margin-top: 7px;
    }

}

.sys_log {
    margin: 0 auto;
    padding: 0px;
    display: table;
    width: 100%;
    margin-top: 10px;
    background: #ffffff;
    box-shadow: 0 0 10px #eee;
    margin-bottom: 15px;
}

.sidebar_box {
    width: 95%;
    margin: 0 auto;
    display: table;
}

.sidebar_box dt {
    width: 96%;
    margin: 0 auto;
    left: 2%;
    background: url(../images/zk_icon.png) no-repeat;
    background-size: 18px;
    line-height: 40px;
    background-position: right 15px;
    position: relative;
    cursor: pointer;
    margin: 5px 0;
    font-size: 18px;
    color: #ee5472;
    font-weight: bold;
}

.sidebar_box dt span {
    overflow: hidden;
    display: table;
}

.sidebar_box dt span img {
    height: 26px;
    margin-right: 3px;
}

.sidebar_box dd {
    display: none;
    border-top: #eee 1px solid;
    width: 96%;
    margin: 0 auto;
}

.sidebar_box dd a {
    color: #f5f5f5;
    line-height: 30px;
    display: block;
}

.sidebar_box dd a:hover {
    color: #fff;
    background: #4fb9f3;
}

.sidebar_box dt.on {
    background: url(../images/zk_iconup.png) no-repeat;
    background-size: 18px;
    background-position: right 15px;
    position: relative;
    cursor: pointer;
}

.tuba {
    width: 100%;
    padding: 10px;
    background: #fff3f7;
    color: #fe92a8;
    display: table;
    margin-top: 10px;
    border-radius: 5px;
}

.tu_bd {
    width: 100%;
    padding: 10px 0;
    display: table;
    line-height: 30px;
}

.tuk_bdbutton {
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-image: linear-gradient(to top, #0ec040, #82d58e);
    border: #27b943 1px solid;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}

.tuk_bdbutton:hover {
    background-image: linear-gradient(to bottom, #0ec040, #82d58e) !important;
}

.qux_bdbutton {
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-image: linear-gradient(to top, #fd5678, #fe95aa);
    border: #fd5678 1px solid;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}

.qux_bdbutton:hover {
    background-image: linear-gradient(to bottom, #fd5678, #fe95aa) !important;
}




.ti_ktx {
    width: 100%;
    background: #f0f0f0;
    line-height: 30px;
    display: table;
}

.ti_ktx span {
    font-weight: bold;
    margin-left: 10px;
}

.ti_xcheck {
    width: 100%;
    padding: 5px 0 10px 0;
    display: table;
    color: #333333;
}

.ti_xcheck span {
    margin-RIGHT: 20px;
    line-height: 30px;
    float: left;
}

.ti_xcheck span INPUT {
    margin-right: 3px;
    margin-top: 8px;
    display: table;
    float: left;
}

/*@media (max-width:450px){*/
/*    .ti_xcheck span{margin-RIGHT:0;width: 25%;}*/
/*}*/
@media (max-width:320px) {
    .ti_xcheck span {
        /*margin-RIGHT:0;*/
        font-size: 12px;
    }

    .ti_xcheck span INPUT {
        margin-right: 2px;
    }

    .leftsidebar_box dt {
        left: 0;
    }
}


.nesdxbot {
    width: 100%;
    padding: 10px;
    background: #f8f8f8;
    border: #d8d8d8 1px solid;
    color: #666666;
    display: table;
    margin-top: 10px;
    border-radius: 5px;
}

.nesdxbot h2 {
    border-bottom: #d8d8d8 1px solid;
}

.nesdxbot h2:last-child {
    border-bottom: none;
}


.ne_dxz {
    width: 100%;
    padding: 10px 0 15px 0;
    display: table;
    color: #333333;
}

.ne_dxz span {
    margin-right: 25px;
    line-height: 25px;
    float: left;
}

.ne_dxz span INPUT {
    margin-right: 3px;
    margin-top: 7px;
    display: table;
    float: left;
}

.ne_dxz font {
    margin-right: 25px;
    line-height: 25px;
    float: left;
}

.ne_dxz font INPUT {
    margin-right: 3px;
    margin-top: 7px;
    display: table;
    float: left;
}

.ne_dxz font i {
    font-style: normal;
}

.ne_input {
    width: 50px;
    height: 25px;
    border: #ccc 1px solid;
    margin: 0 5px;
    float: left;
    margin-top: 0 !important;
}



@media (max-width:450px) {
    .ne_dxz span {
        width: 20%;
        line-height: 25px;
        float: left;
        margin-right: 0;
    }

    .ne_dxz font {
        width: 100%;
        line-height: 25px;
        margin-right: 0;
        margin-top: 5px;
    }

    .ne_dxz {
        padding: 7px 0 15px 0;
    }
}


.ne_talicon {
    font-style: normal;
    line-height: 40px;
    color: #fe92a8;
    margin-right: 10px;
}

.ne_talicon img {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-right: 3px;
}



@media (max-width:320px) {
    .zq_font1 {
        font-size: 18px !important;
    }

    .zq_font2 {
        font-size: 13px !important;
        ;
    }

}


.pink {
    text-align: center;
    color: #999;
    font-size: 15px;
    line-height: 26px;
}

.pink a {
    color: #e44e71;
}

.pink a:hover {
    text-decoration: underline;
}

.pink span {
    display: block;
    text-align: center;
}

@media (max-width:360px) {
    .pink {
        font-size: 14px;
    }
}

@media (max-width:320px) {
    .pink {
        font-size: 12px;
    }
}

.hyneback {
    position: absolute;
    left: 10px;
    top: -10px;
    background: linear-gradient(to right, #ffa2b5, #ffc1cd);
    z-index: 3;
    color: #ffffff;
    border-radius: 100px;
    padding: 0px 10px 0px 10px;
    line-height: 26px;
    box-shadow: 0 5px 5px #ffc1cd;
}

.hyneback:hover {
    background: linear-gradient(to left, #ffa2b5, #ffc1cd);
    color: #fff;
}

.hyneback img {
    height: 14px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 2px;
}

/* 搜索 */
.botline_fnr {
    width: 100%;
    height: 10px;
    background: #f2f2f2;
    margin-bottom: 10px;
    margin-top: 20px;
}

.b_nsead {
    width: 100%;
    display: table;
    box-shadow: #ffe3e6 0 0 10px;
    border-radius: 5px;
    overflow: hidden;
}

.b_nsead_tit {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: linear-gradient(to right, #ffe3e6, #fff);
    color: #ee5472;
    font-size: 15px;
}

.b_nsead_tit i {
    font-style: normal;
    margin-left: 2%;
}

.b_nsba {
    width: 96%;
    margin: 0 auto;
    display: table;
    padding: 15px 0;
}

.b_nsba li {
    width: 100%;
    display: table;
    border-bottom: #eeeeee 1px dashed;
}

.b_nsba li span {
    font-size: 15px;
    color: #666666;
    display: table;
    line-height: 35px;
    font-weight: normal;
    float: left;
    width: auto;
}

.b_nsba li font {
    float: right;
    line-height: 35px;
}

.ba_tx {
    width: 45px;
    font-weight: normal;
    margin-left: 15px;
}

.ba_tx i {
    margin-left: 3px;
    color: #999999 !important;
}

/* 搜索end */

.star_new img {
    height: 16px !important;
}





/* 11-20*/
.vip_bt {
    margin: 0 auto;
    display: table;
    font-size: 32px;
    color: #333;
    font-weight: bold;
    background: url(../images/v1_04.png) repeat-x bottom;
    background-size: 8%;
    margin-top: 20px;
}

.vip_bg {
    width: 95%;
    margin: 0 auto;
    margin-top: 30px;
    background: #f2ffff;
    border-radius: 10px;
    padding: 10px 0 15px 0;
    display: table;
    margin-bottom: 15px;
    box-shadow: 0 0 10px #c2f5f5;
}

.vip_font {
    width: 95%;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
    margin-bottom: 0px;
}

.vip_font h2 {
    font-size: 15px;
    font-weight: bold;
    padding: 0 10px;
    line-height: 30px;
}

.vip_font h2 a {
    color: #f00;
    cursor: pointer;
}

.vip_font h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 0 10px;
    line-height: 30px;
    background: #eeeeee;
    border-radius: 5px;
}

.vv_tit {
    margin: 0 auto;
    display: table;
    font-size: 20px;
    margin-top: 30px;
}

.vv_tit img {
    margin: 0 10px;
}

.vv_sez {
    width: 90%;
    margin: 0 auto;
    display: table;
    margin-top: 25px;
}

.vv_sez li {
    width: 48%;
    float: left;
    background: linear-gradient(0deg, #bdf0ef 0%, #f2ffff 100%);
    border: #77dbd8 1px solid;
    border-radius: 5px;
    padding-bottom: 15px;
}

.vv_sez li:hover {
    background: linear-gradient(0deg, #f2ffff 0%, #d5f7f6 100%);
}

.vv_sez li h2 {
    width: 90%;
    margin: 0 auto;
    line-height: 50px;
    border-bottom: #77dbd8 1px solid;
    color: #77dbd8;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.vvpimg {
    width: 90px;
    margin: 0 auto;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
}

.vv_sez li h3 {
    width: 90%;
    margin: 0 auto;
    line-height: 40px;
    color: #77dbd8;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 0 10px #b5edec;
    background: linear-gradient(0deg, #f2ffff 0%, #ffffff 100%);
    border-radius: 5px;
    border: #f2ffff 1px solid;
}

.vv_sez li h3:hover {
    background: linear-gradient(0deg, #d2f6f5 0%, #f2ffff 100%);
    box-shadow: 0 0 10px #a6f4f2;
    border: #bdf0ef 1px solid;
    color: #77dbd8;
}

.vv_sez li:last-child {
    float: right;
}

.vv_n {
    padding-top: 60px;
}


@media (max-width:450px) {
    .vv_sez {
        width: 95%;
    }
}



@media (max-width:823px) {
    .vvpimg {
        width: 80px;
    }

    .vip_bt {
        font-size: 28px;
    }

    .vv_n {
        padding-top: 60px;
    }

    .vip_bt {
        margin-top: 30px;
    }
}

@media (max-width:360px) {
    .vip_font h2 {
        font-size: 13px;
        padding: 0 10px;
        line-height: 26px;
    }

    .vip_font h3 {
        font-size: 14px;
    }
}

.vvip_hg {
    min-height: 630px;
}

@media (max-width:1366px) {
    .vvip_hg {
        min-height: 750px;
    }
}

@media (max-width:1024px) {
    .vvip_hg {
        min-height: 1090px;
    }
}

@media (max-width:992px) {
    .vvip_hg {
        min-height: 750px;
    }
}

@media (max-width:450px) {
    .vvip_hg {
        min-height: 580px;
    }
}

@media (max-width:414px) {
    .vvip_hg {
        min-height: 580px;
    }
}

@media (max-width:375px) {
    .vvip_hg {
        min-height: 420px;
    }
}

@media (max-width:375px) {
    .vvip_hg {
        min-height: 570px;
    }
}

@media (max-width:360px) {
    .vvip_hg {
        min-height: 400px;
    }
}

@media (max-width:320px) {
    .vvip_hg {
        min-height: 330px;
    }
}

.vip_title02 {
    width: 96%;
    margin: 0 auto;
    background: #77dbd8;
    display: table;
    padding: 5px 10px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    border-radius: 5px;
}

.vip_h3 {
    font-size: 15px;
    line-height: 24px;
    width: 100%;
    display: table;
    padding: 4px 0;
}

.vip_h3 i {
    float: left;
    width: 15px;
    font-style: normal;
}

.vip_h3 font {
    float: right;
    width: calc(100% - 15px);
}


.vvip_tab {
    width: 95%;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 0 10px #a6f4f2;
    padding-bottom: 15px;
    padding-top: 5px;
}

.vvip_tfont {
    width: 90%;
    margin: 0 auto;
    display: table;
}

.vvip_tfont h2 {
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0;
    color: #333333;
}

.vvip_tfont .tabfont {
    width: 100%;
    margin: 0 auto;
    display: table;
    color: #666666;
    padding: 0px 0;
}

.vvip_tfont .tabfont font {
    width: 95%;
    display: table;
    line-height: 25px;
    margin-left: 15px;
}

.vvip_tfont .tabfont span {
    width: 100%;
    display: table;
    line-height: 25px;
    background: #f9f9f9;
    padding: 0px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.vvip_sq {
    width: 95%;
    margin: 0 auto;
    display: table;
    border-bottom: #0dbdb8 1px solid;
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
    color: #0dbdb8;
    margin-bottom: 10px;
}

.vvip_sq img {
    height: 35px;
    margin-right: 10px;
    vertical-align: middle;
}

.vip_bgt_zm {
    width: 95%;
    margin: 0 auto;
    margin-top: 30px;
    background: #f2ffff;
    border-radius: 10px;
    padding: 10px 0 10px 0;
    display: table;
    margin-bottom: 15px;
    box-shadow: 0 0 10px #c2f5f5;
    border: #77dbd8 1px solid;
    color: #77dbd8;
    font-size: 16px;
    font-weight: bold;
}

.vip_bgt_zm h2 {
    width: 95%;
    margin: 0 auto;
    display: table;
    line-height: 30px;
}


.vip_bgt_zm02 {
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
    border: #ccc 1px dashed;
    padding: 15px 0 20px 0;
    border-radius: 10px;
}

.vip_bgt_zm02 h2 {
    width: 90%;
    margin: 0 auto;
    display: table;
    line-height: 25px;
    color: #666666;
    font-size: 15px;
}

.vip_aimg {
    width: 240px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.vip_dbut {
    width: 70%;
    margin: 0 auto;
    display: table;
}

.vipanleft {
    width: 45%;
    float: left;
    background: #e1fdfc;
    color: #77dbd8;
    border-radius: 50px;
    text-align: center;
    height: 25px;
    padding: 10px 0;
    display: table;
    font-size: 16px;
}

.vipanleft img {
    height: 25px;
    margin-right: 5px;
}

.vipanleft:hover {
    color: #77dbd8;
    box-shadow: inset 0px 13px 10px -10px #77dbd8, inset 0px -10px 10px -20px #77dbd8;
}

.vipancent {
    width: 10%;
    text-align: center;
    float: left;
    line-height: 40px;
    color: #999;
}


.vipanright {
    width: 45%;
    float: right;
    background: #f5f6f8;
    color: #77dbd8;
    border-radius: 50px;
    text-align: center;
    height: 25px;
    padding: 10px 0;
    display: table;
    font-size: 16px;
}

.vipanright:hover {
    color: #77dbd8;
    box-shadow: inset 0px 13px 10px -10px #ccc, inset 0px -10px 10px -20px #ccc;
}

.vipanright img {
    height: 25px;
    margin-right: 5px;
}


@media (max-width:992px) {
    .vip_aimg {
        width: 170px;
    }

    .vip_dbut {
        width: 90%;
    }
}

.vip_ba {
    background: #ffffff;
    text-align: center;
    margin: 0 auto;
    color: #77dbd8;
    width: 260px;
    height: 45px;
    border-radius: 200px;
    border: #77dbd8 1px solid;
    line-height: 45px;
    font-size: 16px;
    text-align: center;
    display: table;
    margin-top: 30px;
    cursor: pointer;
}

.vip_ba:hover {
    color: #77dbd8;
    box-shadow: inset 0px 13px 10px -10px #98ebe9, inset 0px -10px 10px -20px #98ebe9;
}

.viptkft {
    width: 100%;
    display: table;
}

.viptkft h2 {
    font-size: 14px;
    color: #333333;
}

.viptkft h3 {
    font-size: 14px;
    color: #f00;
    background: #ffff00;
    text-align: center;
    padding: 5px 0;
    margin-top: 10px;
}


.new_adbut {
    background: url(../images/new01.png) no-repeat;
    width: 104px;
    height: 37px;
    line-height: 30px;
    color: #ffffff;
    float: right;
    display: table;
    margin-bottom: 15px;
    cursor: pointer;
}

.new_adbut img {
    height: 18px;
    margin-left: -2px;
    margin-right: 3px;
}

.new_adbut a {
    color: #ffffff
}

.new_adbut:hover {
    background: url(../images/new02.png) no-repeat;
    color: #ffffff;
    line-height: 30px;
}

.vvip_bg {
    background: #e1fcff;
}

.vvip_bgimg {
    background: url(../images/v_bg.png) no-repeat 100% top;
    background-size: cover;
    z-index: -10;
}

.vvip_bg01 {
    background: #fff9f9;
}

.vvip_bgimg01 {
    background: url(../images/bg_newww.png) no-repeat 100% top;
    background-size: 100%;
    z-index: -10;
}


.vvip_zl {
    width: 92%;
    margin: 0 auto;
    display: table;
    background: #d5eeff;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 10px #83cdff;
    border: #83cdff 1px solid;
    margin-bottom: 20px;
}

.vvip_input {
    background: #ffffff;
}

.vvip_title {
    margin: 0 auto;
    display: table;
    margin-top: 15px;
}

.vvip_title img {
    width: 200px;
}

.vvip_title h2 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

.vvip_title h3 {
    font-size: 16px;
    text-align: center;
}

.vvip_tbot {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    display: block;
    margin-top: -20px;
    margin-bottom: 10px;
    background: url(../images/vvip_bt3.png) repeat-x center;
    background-size: 50%;
}

.n_vvip_tbot {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    display: block;
    margin-top: -20px;
    margin-bottom: 10px;
    background: url(../images/nvvip_bt3.png) repeat-x center;
    background-size: 50%;
}

.vv_pot dt font {
    position: relative;
}

.vv_gk {
    position: absolute;
    left: 0;
    top: 10px;
}

@media (max-width:450px) {
    .vvip_tbot {
        background-size: 100%;
        height: 30px;
        margin-top: -10px;
    }

    .n_vvip_tbot {
        background-size: 100%;
        height: 30px;
        margin-top: -10px;
    }
}


/*.vvipjdt{width:130px; margin: 0 auto;display: table;margin-top:6px;margin-bottom: 10px; position: relative;}*/
/*.vvipjdt_pre{margin-bottom:0px;overflow: hidden;height:25px;background-color: #ffdafe !important;border-radius:50px;*/
/*    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:none;background-image: -webkit-linear-gradient(top, #ffdafe 0, #ffdafe 100%);}*/
/*.progress_info {background-color:#e28de0}*/
/*.prfont{position: absolute;float: left; color: #ffffff; line-height:25px;left:10px; font-size: 15px;}*/


.vvipjdt {
    width: 130px;
    margin: 0 auto;
    display: table;
    /*margin-top:10px;margin-bottom: 10px; */
    position: relative;
}

.vvipjdt_aa {
    width: 100px;
    margin: 0 auto;
    display: table;
    margin-top: 6px;
    margin-bottom: 10px;
    position: relative;
}

.vvipjdt_pre {
    margin-bottom: 0px;
    overflow: hidden;
    height: 25px;
    background-color: #ffdafe !important;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: none;
    background-image: -webkit-linear-gradient(top, #ffdafe 0, #ffdafe 100%);
}

.progress_info {
    background-color: #e28de0
}

.prfont {
    position: absolute;
    float: left;
    color: #ffffff;
    line-height: 25px;
    left: 10px;
    font-size: 15px;
}

.pr_text {
    padding-left: 10px;
}



.povvip_icon {
    position: relative;
}

.po_cicon {
    position: absolute;
    left: -10px;
    top: -13px;
}

.po_cicon img {
    height: auto;
    width: 48px;
}

@media (max-width:450px) {
    .po_cicon {
        position: absolute;
        left: 10px;
        top: -7px;
    }

    .po_cicon img {
        height: 40px;
        width: 67px;
    }
}





.po_linebot dt {
    border-bottom: #ffffff 1px dashed !important;
}

.hoverTip {
    display: inline-flex;
    width: auto;
    /* position: absolute; */
}

.hzk {
    margin: 0 auto;
    display: table;
    line-height: 30px;
    color: #999;
    margin-top: 15px;
}

.hzk img {
    height: 12px;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}

.fbuttop {
    width: 95%;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
}

.fenye_r {
    float: left;
}



.fa_adbut {
    background: url(../images/1_03nn.png) no-repeat;
    width: 75px;
    height: 35px;
    line-height: 30px;
    text-align: center;
    display: table;
    margin-top: 3px;
    color: #ffffff;
    cursor: pointer;
}

.fa_adbut:hover {
    background: url(../images/1_03nn_h.png) no-repeat !important;
    color: #ffffff !important
}

.fa_adbut:visited {
    color: #FFFFFF !important
}

.fa_backicon {
    height: 15px;
    margin-left: -10px;
    margin-right: 5px;
}

@media (max-width:320px) {
    .shouxq span {
        font-size: 16px;
    }
}

.zztitle {
    width: 100%;
    display: table;
    height: 40px;
    color: #cccccc;
    font-size: 20px
}

.zztitle span {
    font-size: 20px;
    font-weight: bold;
    border-bottom: #50b9ff 4px solid;
    color: #50b9ff;
    line-height: 40px;
    margin-right: 5px;
    padding-bottom: 5px;
}

.vip_zl {
    width: 92%;
    margin: 0 auto;
    display: table;
    background: #e6f5ff;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 10px #c1e6ff;
    border: #e6f5ff 1px solid;
    margin-bottom: 20px;
}

.vip_top {
    width: 320px;
    margin: 0 auto;
    display: table;
}

@media (max-width:360px) {
    .vip_top {
        width: 85%;
        margin: 0 auto;
        display: table;
    }
}

/* 4-9 */
/* 搜索*/
.n_searchtit_a {
    width: 100%;
    display: table;
    margin-top: 20px;
    background: url(../images/pc_lbgtop.png) no-repeat top #ffeef0;
    background-size: 100%;
    position: relative;
    min-height: 230px;
    margin-top: -50px;
    z-index: -10;
}

.n_searchtit_a1 {
    width: 100%;
    display: table;
    margin-top: 20px;
    background: url(../images/pc_lbgtop-n.png) no-repeat top;
    background-size: 100%;
    position: relative;
    min-height: 145px;
    margin-top: -34px;
    z-index: -10;
}

.n_searchtit_a2 {
    width: 100%;
    display: table;
    margin-top: 20px;
    background: url(../images/pc_lbgtop.png) no-repeat top #ffeef0;
    background-size: 100%;
    position: relative;
    min-height: 145px;
    margin-top: -34px;
    z-index: -10;
}

.ne_titleimg {
    height: 105px;
    position: absolute;
    bottom: 0;
}

.n_seline_a {
    background: url(../images/3_03.png) repeat-x;
    width: 200px;
    margin: 0 auto;
    display: table;
    height: 35px;
    line-height: 35px;
    text-align: center;
    line-height: 35px;
}

.n_seline_a span {
    text-align: center;
    background: #f3f4f8;
    font-size: 18px;
    padding: 0 15px;
}

.ne_bgnn {
    width: 100%;
    background: url(../images/pc_lbgbot.png) no-repeat bottom #ffeef0;
    background-size: 100%;
    display: table;
    padding-bottom: 180px;
    margin-bottom: -80px;
}



.ne_tops_1 {
    margin-top: -20px;
    width: 100%;
}

.ne_tops_2 {
    margin-top: -30px;
}


@media (max-width:1024px) {
    .ne_tops_1 {
        margin-top: -20px;
        width: 100%;
    }

    .n_searchtit_a {
        width: 100%;
        display: table;
        margin-top: 20px;
        background: url(../images/pc_lbgtop.png) no-repeat top #ffeef0;
        background-size: 100%;
        position: relative;
        min-height: 199px;
        margin-top: -28px;
        z-index: -10;
    }

    .n_searchtit_a1 {
        min-height: 120px;
    }

    .n_searchtit_a2 {
        min-height: 120px;
    }

    .ne_bgnn {
        background: url(../images/pc_lbgbot.png) no-repeat bottom #ffeef0;
        background-size: 100%;
        display: table;
        padding-bottom: 152px;
    }
}

@media (max-width:824px) {
    .ne_tops_1 {
        margin-top: -20px;
        width: 100%;
    }

    .ne_tops_2 {
        margin-top: -30px;
    }

    .n_searchtit_a {
        width: 100%;
        display: table;
        margin-top: 20px;
        background: url(../images/pc_lbgtop.png) no-repeat top #ffeef0;
        background-size: 100%;
        position: relative;
        min-height: 199px;
        margin-top: -28px;
        z-index: -10;
    }

    .n_searchtit_a1 {
        min-height: 120px;
        margin-top: -36px;
    }

    .n_searchtit_a2 {
        min-height: 120px;
        margin-top: -36px;
    }

    .ne_bgnn {
        background: url(../images/pc_lbgbot.png) no-repeat bottom #ffeef0;
        background-size: 100%;
        display: table;
        padding-bottom: 142px;
    }
}



@media (max-width:736px) {
    .ne_tops_1 {
        margin-top: 0px;
        width: 100%;
    }

    .ne_tops_2 {
        margin-top: -20px;
    }

    .ne_tops {
        margin-top: -35px;
    }
}

@media (max-width:667px) {
    .n_searchtit_a {
        min-height: 180px;
    }

    .ne_bgnn {
        background: url(../images/pc_lbgbot.png) no-repeat bottom #ffeef0;
        background-size: 100%;
        display: table;
        padding-bottom: 133px;
    }
}

@media (max-width:600px) {
    .ne_bgnn {
        background: url(../images/pc_lbgbot.png) no-repeat bottom #ffeef0;
        background-size: 100%;
        display: table;
        padding-bottom: 115px;
    }
}

@media (max-width:568px) {
    .n_searchtit_a {
        min-height: 160px;
    }

    .ne_titleimg {
        height: 90px;
    }

    .ne_bgnn {
        background: url(../images/pc_lbgbot.png) no-repeat bottom #ffeef0;
        background-size: 100%;
        display: table;
        padding-bottom: 112px;
    }

    .ne_tops {
        margin-top: -25px;
    }

    .ne_tops_2 {
        margin-top: 0px;
    }

    .n_searchtit_a1 {
        min-height: 80px;
        margin-top: -20px;
    }

    .n_searchtit_a2 {
        min-height: 80px;
        margin-top: -20px;
    }
}

.wit {
    background: #fff;
}

@media (max-width:500px) {
    .ne_bgnn {
        background: url(../images/pc_lbgbot.png) no-repeat bottom #ffeef0;
        background-size: 100%;
        display: table;
        padding-bottom: 95px;
    }
}

@media (max-width:450px) {
    .ne_tops_1 {
        margin-top: 0px;
        width: 100%;
    }

    .ne_tops_2 {
        margin-top: -5px;
    }

    .ne_tops {
        margin-top: -20px;
    }

    .n_searchtit_a {
        min-height: 166px;
    }

    .n_searchtit_a1 {
        width: 100%;
        display: table;
        margin-top: 20px;
        background: url(../images/se_bgtop-n.png) no-repeat top;
        background-size: 100%;
        position: relative;
        min-height: 100px;
        margin-top: -30px;
        z-index: -10;
    }

    .n_searchtit_a2 {
        width: 100%;
        display: table;
        margin-top: 20px;
        background: url(../images/se_bgtop.png) no-repeat top #ffeef0;
        background-size: 100%;
        position: relative;
        min-height: 100px;
        margin-top: -30px;
        z-index: -10;
    }

    .ne_titleimg {
        height: 90px;
        position: absolute;
        bottom: 0;
    }

    .ne_bgnn {
        background: url(../images/pc_lbgbot.png) no-repeat bottom #ffeef0;
        background-size: 100%;
        display: table;
        padding-bottom: 90px;
    }
}

@media (max-width:360px) {
    .n_searchtit_a1 {
        min-height: 80px;
        margin-top: -30px;
    }

    .n_searchtit_a2 {
        min-height: 80px;
        margin-top: -30px;
    }

    .n_searchtit_a {
        min-height: 155px;
    }

    .ne_tops_1 {
        margin-top: -20px;
        width: 100%;
    }

    .ne_tops_2 {
        margin-top: -20px;
    }

    .ne_bgnn {
        background: url(../images/pc_lbgbot.png) no-repeat bottom #ffeef0;
        background-size: 100%;
        display: table;
        padding-bottom: 55px;
    }

    .ne_tops {
        margin-top: -25px;
    }
}

@media (max-width:320px) {
    .n_searchtit_a {
        min-height: 145px;
    }

    .ne_tops_1 {
        margin-top: -20px;
        width: 100%;
    }

    .ne_bgnn {
        background: url(../images/pc_lbgbot.png) no-repeat bottom #ffeef0;
        background-size: 100%;
        display: table;
        padding-bottom: 40px;
    }

    .ne_tops {
        margin-top: -25px;
    }

    .ne_titleimg {
        height: 80px;
    }
}

/* 搜索*/



.vip_title_f {
    width: 90%;
    margin: 0 auto;
    background: linear-gradient(90deg, #efefef 0%, #ffffff 100%);
    display: table;
    padding: 5px 10px;
    color: #0dbdb8;
    font-size: 20px;
    font-weight: bold;
    line-height: 35px;
    border-radius: 5px;
    margin-top: 20px;
}

.vip_title_f img {
    height: 35px;
    margin-right: 10px;
    vertical-align: middle;
}

@media (max-width:450px) {
    .vip_title_f {
        width: 100%;
    }
}

.bo_dx {
    width: 95%;
    margin: 0 auto;
    display: table;
    border-bottom: #eee 1px solid;
    padding-bottom: 20px;
}



.m_xzpic {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    display: table;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    overflow: hidden;
}

.m_xzpic img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.ma_botfanr {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    padding-top: 10px;
    padding-bottom: 40px;
}

.ma_botfanr h2 {
    color: #ffffff;
    width: 95%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 25px;
}

.ma_botfanr p {
    font-size: 15px;
}

.ma_botfanr h3 {
    color: #ffffff;
    width: 95%;
    margin: 0 auto;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

.ma_facent {
    text-align: center;
}

.beiyongjin {
    width: 400px;
    margin: 0 auto;
    display: table;
    background: linear-gradient(90deg, #fbeced 0%, #ffc3d0 100%);
    height: 40px;
    margin-top: 15px;
    line-height: 40px;
    border-radius: 5px;
    margin-top: 20px;
    color: #e44e71;
    font-size: 16px;
}

.beiyongjin span {
    color: #e44e71;
    font-weight: bold;
}

.beiyongjin img {
    height: 30px;
    margin-left: 10px;
    margin-right: 10px;
}

@media (max-width: 992px) {
    .beiyongjin {
        width: 80%;
    }
}

.yiduiyi {
    margin: 0 auto;
    display: table;
    background: linear-gradient(0deg, #ffe3e6 0%, #fff6f7 100%);
    border: #ffebed 1px solid;
    border-radius: 100px;
    color: #e44e71;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 60px;
    cursor: pointer;
    box-shadow: 0 0 10px #ffe4e7;
}

.yiduiyi img {
    height: 25px;
    margin-right: 10px;
}

.yiduiyi:hover {
    background: linear-gradient(0deg, #fff6f7 0%, #ffe3e6 100%);
}


@media (max-width:824px) {
    .yiduiyi {
        margin-top: 30px;
    }
}

@media (max-width:450px) {
    .yiduiyi {
        margin-top: 20px;
    }
}

.yidy_tk {
    width: 100%;
    margin: 0 auto;
    display: table;
    line-height: 25px;
}

.ydy_one {
    width: 100%;
    padding: 10px;
    background: linear-gradient(0deg, #d4ddff 0%, #f0f3ff 100%);
    box-shadow: 0 0 10px #bac7f8;
    color: #8a9fef;
    border-radius: 10px;
    font-weight: bold;
}

.ydy_two {
    width: 100%;
    display: table;
    margin-top: 10px;
}

.ydy_two h2 {
    width: 100%;
    display: table;
    line-height: 20px;
    border-bottom: #bbc8fb dashed 1px;
    padding: 10px 0;
}

.ydy_two h2 span {
    width: 20px;
    height: 20px;
    background: #8a9fef;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
    display: table;
    float: left;
    border-radius: 100px;
}

.ydy_two h2 font {
    float: right;
    width: calc(100% - 25px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.ydy_two h3 {
    text-align: center;
    color: #f00;
    margin-top: 5px;
}


.quxiao_fa {
    width: 80%;
    margin: 0 auto;
    display: table;
    padding: 6px 0;
    text-align: center;
    border-bottom: #77dbd8 dashed 1px;
    border-top: #77dbd8 solid 1px;
    margin-top: 20px;
    font-weight: bold;
    color: #333;
    font-size: 22px;
    background: linear-gradient(90deg, #e6fffe 0%, #fff 100%);
    line-height: 35px;
}

.quxiao_fa span {
    color: #77dbd8;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 25px;
}


.quxiao_qb {
    width: 80%;
    margin: 0 auto;
    display: table;
    border: #eee 1px solid;
    border-radius: 10px;
    margin-top: 20px;
    padding: 20px 0 30px 0;
    background: url(../images/qxbg.png) repeat-x top;
}

.qxfa_title {
    padding: 10px 15px;
    background: linear-gradient(0deg, #77dbd8 0%, #9cebe8 100%);
    display: table;
    border-radius: 0 10px 10px 0;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 15px;
}

.qx_fbt {
    width: 95%;
    margin: 0 auto;
    display: table;
    color: #666666;
    font-size: 15px;
    line-height: 24px;
}

.qx_fbt h2 {
    line-height: 25px;
    font-size: 15px;
}

.qx_imgpic {
    width: 400px;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;
    box-shadow: 0 0 10px #eee;
}

.qx_imgpic img {
    width: 100%;
    margin: 0 auto;
}


@media (max-width:450px) {
    .qx_imgpic {
        width: 95%;
    }

    .quxiao_fa {
        width: 90%;
    }

    .quxiao_qb {
        width: 90%;
    }
}


.qxz_fenye {
    margin: 0 auto;
    color: #fd5678;
    width: 200px;
    height: 35px;
    border-radius: 200px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    display: table;
    cursor: pointer;
    margin-top: 20px;
    border: #fd5678 1px solid;
}

.qxz_fenye:hover {
    color: #fff;
    box-shadow: inset 0px 13px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
    background: #fe92a8;
}

.qx_lunbo {
    width: 400px;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    margin-top: 10px;
    background: #f3ffff;
    padding: 10px 15px 10px 15px;
    color: #666666;
}

.qx_lunbo_font {
    width: 100%;
    display: table;
    margin-bottom: 10px;
}

.qx_xzpic {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    display: table;
    overflow: hidden;
}

.qx_xzpic img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 5px;
}


@media (max-width:450px) {
    .qx_lunbo {
        width: 95%;
    }
}

@media (max-width:360px) {
    .qx_lunbo {
        width: 95%;
    }
}

.zhuanxiangy {
    width: 80%;
    margin: 0 auto;
    display: table;
    padding: 20px 10px 20px 10px;
    border: #ffdde5 1px solid;
    border-radius: 10px;
    margin-top: 30px;
    background: linear-gradient(90deg, #fff5f6 0%, #ffecf0 100%);
}

.xh_left50 {
    width: 49%;
    text-align: center;
    color: #ea748f;
    font-size: 16px;
    padding-top: 5px;
    float: left;
}

.xh_span {
    width: 80px;
    height: 80px;
    background: #ffffff;
    border-radius: 100px;
    box-shadow: 0 0 20px #f4b3c2;
    margin: 0 auto;
    margin-bottom: 10px;
    cursor: pointer;
}

.xh_span img {
    width: 40px;
    margin: 0 auto;
    margin-top: 18px;
}

.xh_liner {
    border-right: #ffdde5 1px solid;
}

.xh_span:hover {
    width: 80px;
    height: 80px;
    background: linear-gradient(0deg, #fff3f5 0%, #FFF 100%);
}

.xh_liner_l {
    border-bottom: #ffdde5 1px solid;
}

.xhp {
    padding-bottom: 20px;
}

.xhpt {
    padding-top: 20px;
}



.xq_v_bt {
    background: url(../images/qx_lb.png) repeat-x bottom !important;
}

@media (max-width:450px) {
    .zhuanxiangy {
        width: 95%;
    }

    .xh_span {
        width: 70px;
        height: 70px;
    }

    .xh_span img {
        width: 35px;
        margin: 0 auto;
        margin-top: 16px;
    }

    .xh_span:hover {
        width: 70px;
        height: 70px;
    }
}

@media (max-width:360px) {
    .xh_span {
        width: 60px;
        height: 60px;
    }

    .xh_span img {
        width: 30px;
        margin: 0 auto;
        margin-top: 13px;
    }

    .xh_span:hover {
        width: 60px;
        height: 60px;
    }

    .xh_left50 h2 {
        font-size: 14px;
    }
}

@media (max-width:320px) {
    .xh_span {
        width: 50px;
        height: 50px;
    }

    .xh_span img {
        width: 25px;
        margin: 0 auto;
        margin-top: 11px;
    }

    .xh_span:hover {
        width: 50px;
        height: 50px;
    }

    .xh_left50 h2 {
        font-size: 12px;
    }
}

.star_hy {
    width: 100%;
    display: table;
}


.n_seicon_bg {
    width: 98%;
    margin: 0 auto;
    height: 40px;
    display: table;
}

.n_seico_nn {
    height: 40px;
    float: left;
}

.n_seico_nn img {
    height: 25px;
    float: left;
    margin-right: 0px !important;
    float: left;
    margin-top: 8px
}

.n_seico_nn img:last-child {
    margin-right: 0 !important
}

/* 4-26VVIP会员改 */
.huiyipic {
    width: 100%;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.fpt {
    width: 95%;
    margin: 0 auto;
    display: block;
    overflow-y: scroll;
    height: 300px;
    margin-top: 15px;
    height: 200px
}

.fpt_butnew {
    width: 95%;
    height: 40px;
    color: #ffffff;
    cursor: pointer;
    background: #8a9ff0;
    border-radius: 200px;
}

.fpt_butnew:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #4c6ded, inset 0px -10px 10px -20px #4c6ded;
}

.fpt_butnew_1 {
    width: 95%;
    height: 40px;
    color: #8a9ff0;
    cursor: pointer;
    background: #ffffff;
    border-radius: 200px;
    border: #8a9ff0 1px solid;
}

.fpt_butnew_1:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #516cd4, inset 0px -10px 10px -20px #516cd4;
    background: #8a9ff0
}


@media (max-width:824px) {
    .fpt {
        height: 125px;
    }
}

@media (max-width:450px) {
    .fpt {
        height: 300px;
    }
}

.new_vvip {
    width: 96%;
    margin: 0 auto;
    display: table;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.new_vvip ul {
    width: 100%;
}

.new_vvip ul li {
    width: 50%;
    background-image: url(../images/fy_03.png);
    background-color: #f9f9f9;
    margin: 0 auto;
    background-SIZE: 50%;
    background-repeat: no-repeat;
    background-position: 94px 20px !important;
    padding: 20px 0 !important;
    border-radius: 10px;
    color: #fd8cb4;
    position: relative;
}

.new_vvip ul li:last-child {
    float: right;
}

@media (max-width:450px) {
    .new_vvip ul li {
        width: 60%;
    }
}

.ne_huiyz {
    width: 100%;
    display: table;
    border-bottom: #eeeeee 30px solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.ne_title01 {
    width: 100%;
    background: url(../images/bf_rep.png) repeat TOP;
    height: 70px;
    position: relative;
    display: table;
}

.ne_1img {
    width: 40px;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
}

.ne_fleft {
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    border-left: #eeeeee 2px solid;
    padding-left: 10px;
}

.ne_fleft span {
    font-size: 20px;
    font-weight: bold;
}

.ne_fleft font {
    display: block;
    color: #bfbfbf;
}

.ne_rimp {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 30px;
}


@media (max-width:450px) {
    .ne_huiyz {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .ne_rimp {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 20px;
    }
}

.ne_title02 {
    width: 100%;
    display: table;
    background-image: linear-gradient(to right, #fdc8a2 0%, #fe92a8 100%);
    color: #fff;
    font-size: 20px;
    line-height: 50px;
}

.ne_title02 img {
    height: 50px;
    margin-left: 3px;
}

.vvip_bg1 {
    box-shadow: 2px 8px 16px #e66890;
}

.vvip_bg1:active {
    box-shadow: inset 3px 3px 20px #e66890;
}

/*.vvip_bg1:hover{box-shadow:inset 3px 3px 20px #e66890;}*/
.vvip_bgco1 {
    background: rgba(255, 133, 165, 0.8);
}

.vvip_bg2 {
    box-shadow: 0px 0px 13px #ffbfbf;
}

.vvip_bg2:active {
    box-shadow: inset 3px 3px 20px #ffbfbf;
}

/*.vvip_bg2:hover{box-shadow:inset 3px 3px 20px #ffbfbf;}*/
.vvip_bgco2 {
    background: rgba(255, 222, 229, 0.85);
}

.vvip_bg3 {
    box-shadow: 0px 0px 13px #dadada;
}

.vvip_bg3:active {
    box-shadow: inset 3px 3px 20px #dadada;
}

/*.vvip_bg3:hover{box-shadow:inset 3px 3px 20px #dadada;}*/
.vvip_bgco3 {
    background: rgba(225, 225, 225, 0.85);
}

.vvip_bg4 {
    box-shadow: 0px 0px 13px #a6a6a6;
}

.vvip_bg4:active {
    box-shadow: inset 3px 3px 20px #a6a6a6;
}

/*.vvip_bg4:hover{box-shadow:inset 3px 3px 20px #a6a6a6;}*/
.vvip_bgco4 {
    background: rgba(135, 135, 135, 0.85);
}

.vvip_bg5 {
    box-shadow: 0px 0px 13px #ffd1ba;
}

.vvip_bg5:active {
    box-shadow: inset 3px 3px 20px #ffd1ba;
}

/*.vvip_bg4:hover{box-shadow:inset 3px 3px 20px #a6a6a6;}*/
.vvip_bgco5 {
    background: rgba(254, 145, 92, 0.7);
}

.vvip_bg6 {
    box-shadow: 0px 0px 13px #b4e7f0;
}

.vvip_bg6:active {
    box-shadow: inset 3px 3px 20px #b4e7f0;
}

/*.vvip_bg4:hover{box-shadow:inset 3px 3px 20px #a6a6a6;}*/
.vvip_bgco6 {
    background: rgba(32, 176, 201, 0.5);
}



.nnvvip_zl {
    width: 92%;
    margin: 0 auto;
    display: table;
    background: #fcfcfc;
    border-radius: 5px;
    padding: 10px;
    /* box-shadow: 0 0 10px #fff4f5; */
    border: #f5c2c0 1px solid;
    margin-bottom: 20px;
}

.mohu_li {
    position: relative;
}

.mohu {
    color: white;
    background: transparent url(http://91jean.oss-cn-hangzhou.aliyuncs.com/18-8-31/16567303.jpg) center center no-repeat;
    filter: blur(5px);
    background-size: cover;
    pointer-events: none;
}

.mohu01 {
    color: white;
    background: transparent url(http://91jean.oss-cn-hangzhou.aliyuncs.com/18-8-31/16567303.jpg) center center no-repeat;
    filter: blur(5px);
    background-size: cover;
    /* height:500px;*/
    overflow: hidden;
    pointer-events: none;
    margin-bottom: 30px;
}

.mohu_icon {
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 1;
    width: 100%;
}

.mohu_icon img {
    margin: 0 auto;
    display: table;
    width: 120px;
}

.zi_sc {
    color: #e18bdf !important;
}

.dfzs {
    margin: 0 auto;
    box-shadow: 0 0 10px #ffdce8;
    background: rgba(255, 255, 255, 0.5);
    display: table;
    border-radius: 100px;
    padding: 0 0 0 10px;
    margin-top: -5px;
    margin-bottom: 10px;
}

.slzs {
    line-height: 25px;
    color: #e18bdf;
    margin-right: 5px;
    float: left;
}

@media (max-width:450px) {
    .dfzs {
        /* margin-top:7px; */
    }
}

.tm_new {
    width: 60px;
    margin-left: 5px;
    margin-top: 4px;
}

.vvipjdt_pre_a {
    margin-bottom: 0px;
    overflow: hidden;
    height: 20px;
    background-color: #ffdafe !important;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: none;
    background-image: -webkit-linear-gradient(top, #ffdafe 0, #ffdafe 100%);
}

.progress_info_a {
    background-color: #e28de0
}

.prfont_a {
    position: absolute;
    float: left;
    color: #ffffff;
    line-height: 20px;
    left: 10px;
    font-size: 12px;
}

/* VVVIP */


@media (max-width:915px) {
    .ba_ss {
        background: #ffe8e2;
    }
}

.v_bg_vv {
    width: 94%;
    background: url(../images/zb_PC.png) no-repeat #ffe8e2;
    background-size: 100%;
    margin: 0 auto;
    display: table;
    min-height: 1000px;
    padding-top: 40px;
    display: block;
    padding-bottom: 80px;
    margin-bottom: 40px;
}

@media (max-width:450px) {
    .v_bg_vv {
        width: 100%;
        margin-bottom: 0px
    }
}

.v_tx {
    width: 93%;
    margin: 0 auto;
    display: table;
}

.c_toux {
    width: 65px;
    height: 65px;
    float: left;
    border-radius: 10px;
    display: block;
    overflow: hidden;
}

.c_tfontright {
    width: calc(100% - 75px);
    float: right;
    margin-top: 5px;
}

.c_tfontright h1 {
    font-size: 20px;
    font-weight: bold;
    display: table;
    margin-bottom: 10px;
}

.c_tfontright h1 span {
    display: table;
    padding-bottom: 5px;
}

.ci_tub {
    background: linear-gradient(to right, #ff809a, #fd5c7d);
    border-radius: 100px;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    padding: 3px 10px;
    display: table;
    float: left;
}

@media (max-width:360px) {
    .c_tfontright h1 {
        font-size: 16px;
    }

    .ci_tub {
        font-size: 12px;
    }
}

@media (max-width:320px) {
    .c_toux {
        width: 60px;
        height: 60px;
    }

    .c_tfontright {
        width: calc(100% - 70px);
    }
}





.ci_jianjie {
    width: 93%;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
    border-bottom: #fd5e7f 1px dashed;
    border-top: #fd5e7f 1px dashed;
    padding: 10px 0;
}

.ci_jianjie span {
    display: table;
    font-size: 13px;
    color: #333;
}

.ci_beij {
    width: 93%;
    margin: 0 auto;
    display: block;
    border-radius: 10px;
    box-shadow: -7px -6px 10px rgba(255, 255, 255, 0.7);
    margin-top: 20px;
}

.ci_beij_1 {
    width: 100%;
    margin: 0 auto;
    display: table;
    background: linear-gradient(-60deg, #fff9f9, #fec3bc);
    border-radius: 10px;
    box-shadow: 0px 6px 7px rgba(227, 7, 0, 0.2);
    padding: 15px 0;
}

.ci_kuang {
    width: 95%;
    margin: 0 auto;
    display: table;
}

.ci_bfont {
    background: #feada4;
    padding: 4px 10px;
    border-radius: 5px 5px 0px 0;
    display: table;
    color: #fff;
    font-size: 13PX;
    float: left;
    margin-left: 10px;
}

.ci_bfont01 {
    background: #ffc96b;
    padding: 4px 10px;
    border-radius: 5px 5px 0px 0;
    display: table;
    color: #fff;
    font-size: 13PX;
    float: left;
    margin-left: 10px;
}

.ci_imgf {
    width: 13px;
    height: 11px;
    float: left;
    margin-top: 15px;
}

@media (max-width:450px) {
    .ci_imgf {
        width: 9px;
        height: 12px;
        float: left;
        margin-top: 14px;
    }
}

.ci_imgf01 {
    width: 13px;
    height: 11px;
    float: left;
    margin-top: 15px;
}

@media (max-width:450px) {
    .ci_imgf01 {
        width: 9px;
        height: 12px;
        float: left;
        margin-top: 15px;
    }
}




.ci_kborder {
    width: 95%;
    margin: 0 auto;
    display: table;
    border: 5px;
    border: #feada4 1px solid;
    border-radius: 5px;
}

.ci_kborder02 {
    width: 95%;
    margin: 0 auto;
    display: table;
    border: 5px;
    border: #ffc96b 1px solid;
    border-radius: 5px;
    padding: 10px 10px 0 10px;
}

.cl_liswidt {
    width: 95%;
    margin: 0 auto;
    display: table;
    margin-top: 15px;
    margin-bottom: 5px;
}

.cl_liswidt li {
    float: left;
    margin-bottom: 10px;
}

.cl_liswidt li:last-child {
    margin-right: 0;
}

.cl_li01 {
    width: auto;
    float: left;
}

.cl_li02 {
    width: auto;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.cl_li03 {
    width: auto;
    float: left;
}

.cl_li04 {
    width: 38%;
    float: left;
    margin-right: 1.5%;
}

.cl_li05 {
    width: 60%;
    float: left;
}


.c_mr6 {
    margin-right: 10px;
}

.c_pr6 {
    padding: 8px 11px !important;
}

.c_hlist01 {
    width: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
    box-shadow: -7px -6px 10px rgba(255, 255, 255, 0.8);
}

.c_hlist02 {
    width: 100%;
    margin: 0 auto;
    display: table;
    border-radius: 5px;
    box-shadow: 4px 5px 7px rgba(74, 38, 45, 0.2);
    background: linear-gradient(to right, #ffc161, #ffecab);
    color: #4b4b4b;
    padding: 8px 15px;
}


.c_hfont01 {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    display: table;
    color: #4b4b4b;
}

.c_hfont02 {
    width: 100%;
    text-align: center;
    font-size: 15px;
    padding: 4px 5px;
    display: table;
    color: #fff;
    background: linear-gradient(to right, #ffba00, #ffe363);
    border-radius: 10px;
    vertical-align: middle;
}



@media (max-width:450px) {
    .cl_li01 {
        width: 26%;
        float: left;
    }

    .cl_li02 {
        width: 42%;
        float: left;
        margin-left: 1.5%;
        margin-right: 1.5%;
    }

    .cl_li03 {
        width: 28%;
        float: left;
    }

    .c_hlist02 {
        padding: 8px 0px;
    }

    .c_hfont01 {
        font-size: 14px;
    }

    .c_hfont02 {
        min-height: 50px;
        font-size: 14px;
    }
}

@media (max-width:360px) {
    .c_hfont01 {
        font-size: 13px;
    }

    .c_hfont02 {
        font-size: 13px;
    }
}

.c_ftop {
    margin-top: 10px;
}

.c_juorg {
    padding: 3px 10px;
    background: linear-gradient(to right, #ffca6c, #ffe5a3);
    margin-right: 10px;
    border-radius: 100px;
    margin-bottom: 10px;
    display: table;
    float: left;
    color: #8a5b0b;
    box-shadow: 0px 4px 6px rgba(74, 38, 45, 0.2);
    font-size: 13px;
}

.c_button {
    margin: 0 auto;
    display: table;
}

.c_but01 {
    width: 200px;
    margin: 0 auto;
    display: block;
    border-radius: 10px;
    box-shadow: -5px -6px 8px rgba(255, 255, 255, 0.8);
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

.c_but01_1 {
    width: 100%;
    margin: 0 auto;
    display: table;
    background: linear-gradient(60deg, #ffe1e0, #fffafa);
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(227, 7, 0, 0.2);
    padding: 10px 0;
    line-height: 30px;
    color: #333333;
    font-size: 16px;
    cursor: pointer;
}

.c_but01_1 font {
    float: left;
    margin-left: 15px;
}

.c_but01_1 span {
    margin-right: 15px;
    height: 30px;
    width: 30px;
    border-radius: 100px;
    background: linear-gradient(60deg, #ffffff, #e8e8e8);
    display: table;
    float: right;
    box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.2);
}

.c_but01_1 span img {
    height: 15px;
    margin: 0 auto;
    display: table;
    margin-top: 8px;
}

/* .c_but01_1:hover{background: linear-gradient(60deg,#ffc4bd, #fffafa);} */

.c_but01_1:hover {
    color: #333333;
    background: linear-gradient(to left, #ffe1e0, #fffafa);
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5), -4px -4px 6px 0 rgba(116, 125, 136, .5), inset -4px -4px 6px 0 rgba(255, 255, 255, .2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4) !important;
}





@media (max-width:824px) {
    .c_but01_1:hover {
        background: linear-gradient(60deg, #ffe1e0, #fffafa);
        box-shadow: 0px 5px 10px rgba(227, 7, 0, 0.2);
    }

    .c_but01_1:active {
        color: #333333;
        background: linear-gradient(to left, #ffe1e0, #fffafa);
        box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5), -4px -4px 6px 0 rgba(116, 125, 136, .5), inset -4px -4px 6px 0 rgba(255, 255, 255, .2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4) !important;
    }
}



@media (max-width:450px) {
    .c_button {
        width: 93%;
        margin: 0 auto;
        display: table;
    }

    .c_but01 {
        width: 45%;
        margin-left: 0;
        margin-right: 0;
    }
}

.cbg_ont {
    width: 95%;
    margin: 0 auto;
    display: table;
}

.cbg_ont img {
    border-radius: 8px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

.cb_bg {
    width: 95%;
    float: left;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    bottom: 40px;
    display: table;
    border-radius: 10px;
    box-shadow: -5px -6px 8px rgba(255, 255, 255, 0.8);
    padding: 5px;
    min-height: 50px;
    left: 2.5%;
    text-align: center;
}

.cb_bg h2 {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
}

.cb_bg h3 {
    color: #999999;
    line-height: 20px;
}

@media (max-width:450px) {
    .cb_bg h2 {
        height: auto;
    }

    .cb_bg h3 {
        height: auto;
    }
}

@media (max-width:320px) {
    .cb_bg h3 {
        color: #999999;
        line-height: 20px;
    }
}


.ci_ddbg {
    width: 93%;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    box-shadow: inset 1px 4px 6px 1px #fad4d4;
    background: #fff;
    padding: 15px 15px 0 15px;
    margin-top: 15px;
}

.ci_lidw {
    width: 48%;
    border-radius: 10px;
    display: table;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

.ci_img {
    width: 100%;
}

.ci_ifont {
    width: 100%;
    background: url(../images/zb_13.png) no-repeat;
    height: 90px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: cover;
    padding: 0 10px;
}

.ci_div01 {
    background: linear-gradient(60deg, #ffdddd, #feb7b1);
    border-radius: 100px;
    display: table;
    font-weight: bold;
    padding: 5px 10px;
    padding-right: 45px;
    margin-top: 20px;
}

.ci_div01 img {
    position: absolute;
    height: 40px;
    margin-top: -15px;
    margin-left: 3PX;
}

.ci_div02 {
    width: 100%;
    display: table;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    margin-top: 5px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

@media (max-width:450px) {
    .ci_lidw {
        width: 100%;
    }
}


.ci_ddbg01 {
    width: 93%;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    box-shadow: inset 1px 4px 6px 1px #fad4d4;
    padding: 15px 15px 40px 15px;
    background: url(../images/zb_14-pc.png) no-repeat bottom #fff;
    background-size: cover;
    margin-top: 15px;
}

.ci_ddbg01_b {
    color: #fd5678;
    width: 100%;
    line-height: 24px;
    display: table;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.ci_ddbg01 h3 {
    color: #333;
    width: 100%;
    line-height: 24px;
    display: table;
}

@media (max-width:450px) {
    .ci_ddbg01 {
        background: url(../images/zb_14.png) no-repeat bottom #fff;
        background-size: cover;
    }
}

.yuehuims {
    width: 93%;
    margin: 0 auto;
    display: table;
    margin-top: 15px;
}

.ck_wileft01 {
    width: 24%;
    float: left;
}

.ck_wileft01_img {
    width: 100%;
    border-radius: 10px;
}

.ck_wileft01:nth-child(1) {
    width: 24%;
    margin-right: 1%;
}

.ck_wileft01:nth-child(2) {
    width: 24%;
    margin-right: 1%;
}

.ck_wileft01:nth-child(3) {
    width: 24%;
    margin-right: 1%;
}

.ck_biaoq {
    background-image: linear-gradient(to left, rgba(254, 169, 165, 0.9), rgba(253, 86, 120, 0.9));
    display: table;
    border-radius: 100px;
    padding: 5px 10px;
    color: #fff;
    margin: 0 auto;
    display: table;
    margin-top: -20px;
    position: relative;
}

.ck_biaoq:hover {
    background-image: linear-gradient(to right, rgba(254, 169, 165, 0.9), rgba(253, 86, 120, 0.9));
}


@media (max-width:740px) {
    .ck_wileft01 {
        width: 48%;
    }

    .ck_wileft01:nth-child(1) {
        width: 48%;
        margin-right: 0%;
        margin-bottom: 15px;
    }

    .ck_wileft01:nth-child(2) {
        width: 48%;
        margin-right: 0%;
        float: right;
        margin-bottom: 15px
    }

    .ck_wileft01:nth-child(3) {
        width: 48%;
        margin-right: 0%;
    }

    .ck_wileft01:nth-child(4) {
        width: 48%;
        margin-right: 0%;
        float: right;
    }

    .ck_biaoq:hover {
        background-image: linear-gradient(to left, rgba(254, 169, 165, 0.9), rgba(253, 86, 120, 0.9));
    }

    .ck_biaoq:active {
        background-image: linear-gradient(to right, rgba(254, 169, 165, 0.9), rgba(253, 86, 120, 0.9));
    }

}



.dlxbolv {
    background: url(../images/zb_2-pc.png) no-repeat bottom;
    background-size: 100%;
    width: 100%;
    display: table;
    padding-bottom: 130px;
}


@media (max-width:450px) {
    .dlxbolv {
        background: url(../images/zb_2.png) no-repeat bottom;
        background-size: 100%;
        width: 100%;
        display: table;
        padding-bottom: 130px;
    }

}

.ziliao_dbn {
    width: 100%;
    margin: 0 auto;
    display: table;
    display: block;
    margin-top: -120px;
}

@media (max-width:450px) {
    .ziliao_dbn {
        width: 100%;
    }
}

.zlys_aa {
    width: 100%;
    background: #ffe2e2;
    border-radius: 7px;
    padding: 5px 0;
    margin-bottom: 10px;
    box-shadow: inset 1px 4px 6px 1px rgba(240, 153, 130, 0.5);
    padding: 10px 10px;
}

.zlys_aa span {
    float: right;
    color: #666;
}

.xzl_left {
    width: 48%;
    background: #fbfbfb;
    border-radius: 7px;
    padding: 5px 0;
    margin-bottom: 10px;
    box-shadow: inset 1px 4px 6px 1px #dbdbdb;
    padding: 10px 10px;
    float: left;
}

.xzl_left span {
    float: right;
    color: #666;
}

.xzl_left:nth-child(odd) {
    float: right;
}

@media (max-width:450px) {
    .xzl_left {
        font-size: 12px;
    }

    .zlys_aa {
        padding: 10px 5px;
    }

    .xzl_left {
        padding: 10px 5px;
    }
}


/* VVIP发布新功能 */
.v_bg_fb {
    width: 94%;
    margin: 0 auto;
    display: table;
    display: block;
    padding-bottom: 20px;
    margin-bottom: 30px;
    background: linear-gradient(180deg, #fac3cf, #fef9fa);
    min-height: 100px;
}

.v_bg_fb01 {
    width: 94%;
    margin: 0 auto;
    display: table;
    display: block;
    padding-bottom: 20px;
    margin-bottom: 30px;
    background: linear-gradient(0deg, #fef6f8, #fbd3db);
    min-height: 100px;
}

@media (max-width:450px) {
    .v_bg_fb {
        width: 100%;
    }

    .v_bg_fb01 {
        width: 100%;
    }
}

.v_bimg {
    width: 100%;
    display: table;
}

.v_bimg img {
    width: 100%;
}

.v_yc_pc {
    display: table;
}

.v_yc_sj {
    display: none;
}

@media (max-width:450px) {
    .v_yc_pc {
        display: none;
    }

    .v_yc_sj {
        display: table;
    }
}


.v_fb_k {
    width: 94%;
    margin: 0 auto;
    display: table;
    background: linear-gradient(to bottom, #fffafb, #ffd6db);
    border-radius: 10px;
    margin-top: -90px;
    padding-bottom: 20px;
    position: relative;
}

.v_fb_k_bg {
    background: linear-gradient(to bottom, #fffbfa, #ffdbd7) !important;
}

.v_k1img01 {
    height: 50px;
}

.v_fb_knr {
    width: 95%;
    margin: 0 auto;
    display: table;
    background: linear-gradient(to bottom, #fdedef, #f69aa6);
    border-radius: 10px;
    padding: 10px;
    color: #e44e71;
    font-weight: bold;
    font-size: 16px;
}

.v_fb_knr01 {
    width: 95%;
    margin: 0 auto;
    display: table;
    background: linear-gradient(to bottom, #fff2f1, #ffbcb4);
    border-radius: 10px;
    padding: 10px;
    color: #ff5a4c;
    text-align: left;
}

.v_fb_knr01 h2 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
}

.v_fb_knr01 h3 {
    font-size: 14px;
    font-weight: bold;
}

@media (max-width:450px) {
    .v_fb_k {
        margin-top: -70px;
    }
}

.v_fanr02 {
    width: 95%;
    margin: 0 auto;
    display: table;
}

.v_fanr02 li {
    width: 100%;
    display: table;
    border-bottom: #fab7d6 1px dashed;
    padding-bottom: 10px;
    padding-top: 10px;
}

.v_fanr02_o {
    border-bottom: #ff8c33 1px dashed !important;
}

.v_ficon {
    width: 12px;
    height: 12px;
    background: #ffe1ef;
    border-radius: 100px;
    border: #e44e71 1px solid;
    display: table;
    box-shadow: 2px 1px 0px #e44e71;
    float: left;
    margin-top: 5px;
    color: #333333;
}

.v_ficon01 {
    width: 12px;
    height: 12px;
    background: #ffe8c3;
    border-radius: 100px;
    border: #ff8c33 1px solid;
    display: table;
    box-shadow: 2px 1px 0px #ff8c33;
    float: left;
    margin-top: 5px;
    color: #333333;
}

.v_ficon02 {
    width: 12px;
    height: 12px;
    background: #ffdbd6;
    border-radius: 100px;
    border: #ff695a 1px solid;
    display: table;
    box-shadow: 2px 1px 0px #ff695a;
    float: left;
    margin-top: 5px;
    color: #333333;
}

.v_ftext {
    width: calc(100% - 20px);
    float: right;
    line-height: 22px;
}

.v_ftext a {
    color: #e44e71;
    text-decoration: underline;
    cursor: pointer;
}

.v_ftext a:hover {
    color: #e44e71;
    text-decoration: none;
}

.v_fanr02 li:last-child {
    border-bottom: none;
}

.v_font15 {
    font-size: 15px;
}


.v_fb_k_gz {
    width: 94%;
    margin: 0 auto;
    display: table;
    background: linear-gradient(to bottom, #fffaf7, #fed8bc);
    border-radius: 10px;
    margin-top: 10px;
    padding-bottom: 20px;
    position: relative;
}

.v_ftextf {
    width: 94%;
    margin: 0 auto;
    display: table;
    margin-top: 15px;
}

.v_ftextf h2 {
    font-size: 14px;
    display: table;
    color: #f00;
    background: #ffe169;
    margin-bottom: 6px;
    padding: 3px 5px;
}

.v_ftextf h3 {
    font-size: 14px;
    display: table;
    color: #666666;
    margin-top: -15px;
}


.n_txbut {
    width: 330px;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
    margin-bottom: 20px
}

.n_dlbut {
    width: 150px;
    height: 40px;
    background: #fe92a8;
    border-radius: 200px;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    display: table;
    font-size: 16px;
    float: left;
    cursor: pointer;
}

.n_dlbut:hover {
    color: #ffffff;
    box-shadow: inset 0px 13px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
}

.n_zcbut {
    width: 150px;
    height: 40px;
    background: #ffffff;
    border: #e44e71 1px solid;
    border-radius: 200px;
    color: #e44e71;
    text-align: center;
    line-height: 40px;
    display: table;
    float: right;
    font-size: 16px;
}

.n_zcbut:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
    background: #fe92a8;
    border: #fe92a8 1px solid
}

@media (max-width:370px) {
    .n_txbut {
        width: 260px !important;
        margin: 0 auto;
        display: table;
        margin-top: 10px;
        margin-bottom: 20px
    }

    .n_dlbut {
        width: 120px !important;
    }

    .n_zcbut {
        width: 120px !important;
    }
}

@media (max-width:797px) {
    .n_tx {
        width: auto;
        font-weight: normal;
        margin-right: 22px;
    }

    .n_txbut {
        width: 300px;
        margin: 0 auto;
        display: table;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .n_dlbut {
        width: 140px;
    }

    .n_zcbut {
        width: 140px;
    }
}

.nta_table {
    width: 100%;
    display: table;
    background: linear-gradient(to bottom, #ffdcd8, #ffffff);
    border-radius: 10px;
    box-shadow: 0 10px 10px rgba(231, 89, 121, 0.2);
    margin-bottom: 5px;
    padding: 10px 20px;
}

.nta_table h2 {
    width: 100%;
    display: table;
}

.nta_table h2 span {
    font-size: 12px;
    float: left;
    line-height: 25px;
}

.nta_table h2 font {
    width: calc(100% - 15px);
    float: right;
    line-height: 25px;
}



.btn_img {
    width: 40px;
    height: 31px;
    margin: 8px -5px 0 0;
    background: none;
    padding: 0;
}

.btn_img>.btn_back {
    width: 100%;
    height: 100%;
    background: url("../images/fanhui.png") no-repeat 0 0;
    background-size: 100%;
}

.btn_img:hover>.btn_back {
    background-position: 0 -31px;
}

.btn_img:hover {
    box-shadow: unset;
}

.n_input>.btn_more {
    background: linear-gradient(to bottom, #ffedf1, #ffc5d3);
    height: 36px;
    line-height: 36px;
    border-radius: 6px;
    box-shadow: 0 5px 5px #fadce3;
    width: 100%;
    float: left;
    padding: 0 10px;
    color: #ee5472;
    font-size: 15px;
    margin: 10px 0;
    cursor: pointer;
}

.n_input>.btn_more>.right {
    width: 23px;
    height: 23px;
    margin: 5px 0;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 5px 5px #f6a3b6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.n_input>.btn_more>.right>img {
    transform: rotate(-90deg);
    width: 8px;
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.n_input .mb0 {
    margin-bottom: 0;
}

.n_input>.btn_more.up>.right>img {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}


.xiliao_input {
    width: 100%;
    display: table;
    margin: 30px 0 50px 0
}

.xl_input {
    width: 100%;
    display: table
}

.xl_input dt {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.xl_input dt span {
    width: 100%;
    font-size: 15px;
    color: #666666;
    display: table;
    line-height: 35px;
    font-weight: normal
}


.xl_text {
    width: 100%;
    display: table
}

.xl_text dt {
    width: 100%;
    line-height: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    border-bottom: #eeeeee 1px dashed
}

.xl_text dt span {
    float: left;
    width: 40%;
    color: #666666
}

.xl_text dt font {
    float: left;
    width: 60%;
    color: #999999
}

.xl_text dt font img {
    height: 20px
}



.new_input {
    width: 100%;
    display: table
}

.new_input dt {
    width: 100%;
    display: table;
    margin-bottom: 20px;
    border-radius: 10px;
    border: #e7e7e7 1px solid;
    box-shadow: 0px 5px 12px #dcdcdc;
}

.new_input dt span {
    width: 96%;
    margin: 0 auto;
    font-size: 15px;
    color: #666666;
    display: table;
    line-height: 35px;
    font-weight: normal;
    border-bottom: #e7e7e7 1px solid;
}

.new_input dt i {
    color: #fd5678;
    font-style: normal
}

.new_input dt font {
    width: 96%;
    margin: 0 auto;
    font-size: 15px;
    color: #666666;
    display: table;
    line-height: 35px;
    font-weight: normal
}

.new_iptnone {
    border: none;
    outline: none;
    padding: 0 0;
    background: none;
}

@media (max-width:992px) {
    .xiliao_input {
        margin: 10px 0 30px 0
    }
}

.x_tpbo {
    margin: 10px 0;
    border: #ffc2c9 1px solid;
}

.x_tpbo01 {
    border: #ffc2c9 1px solid;
    margin-bottom: 10px;
    display: none;
    border-radius: 4px;
    height: 37px;
    margin-right: 5px;
    padding: 0 8px;
    color: #999999;
    background: #ffffff;
    font-size: 15px;
    width: 200px;
    outline: none;
}

@media (max-width:640px) {
    .x_tpbo01 {
        width: 100%;
    }
}

.x_p5 {
    padding: 5px 0;
}

.c_ftext {
    font-size: 14px;
    color: #999;
    line-height: 22px;
    padding: 8px 0;
}

.custom_nav_n {
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-bottom: 5px;
}

.custom_s {
    display: block;
    line-height: 25px;
    font-size: 14px;
    border: #d2d2d2 1px solid;
    border-radius: 10px;
    color: #888888;
    cursor: pointer;
    float: left;
    background: #f8f8f8;
    margin-bottom: 10px;
    padding: 5px 10px;
    margin-right: 5px;
}

.cractive {
    background: #ffe6eb;
    color: #fd5678;
    border: 1px solid #ffe6eb;
}

.cr_b {
    font-weight: normal;
    display: none;
}

.custom_text {
    width: 96%;
    margin: 0 auto;
    display: table;
    margin-bottom: 15px;
    border: #eee 1px solid;
    border-radius: 5px;
    padding: 5px 5px;
    color: #999999;
}

.cutop {
    margin-top: 0;
}

.x_text {
    width: 100%;
    border: #ffc2c9 1px solid;
    border-radius: 4px;
    height: 80px;
    padding: 0 8px;
    color: #999999;
    background: #ffffff;
    font-size: 14px;
    outline: none;
    line-height: 20px;
    margin-bottom: 10px;
}

.zj_tiaojian {
    padding: 8px 40px;
    background: #fff;
    box-shadow: 0px 0px 18px rgba(254, 146, 168, 0.45);
    width: 200px;
    text-align: center;
    margin: 0 auto;
    display: table;
    line-height: 22px;
    margin-bottom: 30px;
    color: #fe92a9;
    border-radius: 100px;
    font-size: 16px;
}

.zj_tiaojian img {
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.zj_tiaojian:active {
    background: #ffe6eb;
    color: #fd5678;
    box-shadow: 0px 0px 18px rgba(254, 146, 168, 0.25);
}

.zj_tiaojian b {
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
}

.custom {
    width: 100%;
    display: table;
    position: relative;
    margin-bottom: 0px;
}

.remove_field {
    background-image: linear-gradient(to right, #fe92a9 0%, #ffc3d0 100%);
    position: absolute;
    color: #fff;
    right: 0px;
    border-radius: 100px;
    height: 28px;
    width: 28px;
    bottom: 10px;
    box-shadow: 3px 7px 7px rgba(254, 146, 168, 0.5);
}

.remove_field img {
    height: 17px;
    margin: 0 auto;
    display: table;
    margin-top: 6px;
}

.remove_field:active {
    background: linear-gradient(to left, #e894a5, #e894a5);
    box-shadow: 0px 6px 4px inset rgba(212, 39, 75, .6) !important;
}



.nn_zeng {
    width: 93%;
    margin: 0 auto;
    display: table;
    margin-top: 15px;
}

.nn_listleft {
    width: 48%;
    ackground: linear-gradient(-60deg, #fff9f9, #fec3bc);
    border-radius: 6px;
    box-shadow: 5px 6px 13px rgba(255, 132, 130, 0.8);
}

.nn_li_01 {
    width: 100%;
    background-image: linear-gradient(to bottom, #ff9391 0%, #ffd6d4 100%);
    height: 45px;
    border-radius: 6px;
    text-align: center;
    color: #494949;
    font-size: 16px;
}

.nn_li_01 span {
    line-height: 35px;
    font-weight: bold;
}

.nn_li_02 {
    width: 100%;
    background: #ffb2b0;
    padding: 5px 5px;
    border-radius: 6px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin-top: -10px;
    box-shadow: 4px 6px 8px rgba(229, 78, 75, 0.2);
    line-height: 20px;
    min-height: 30px;
}

@media (max-width:450px) {
    .nn_font40 {
        line-height: 40px;
    }

    .nn_li_02 {
        min-height: 50px;
    }
}

.nzhaog {
    background: linear-gradient(-60deg, #ffb2b0, #ffb2b0);
    border-radius: 6px;
    box-shadow: 5px 6px 13px rgba(255, 132, 130, 0.5);
    padding: 6px 8px;
    display: table;
}

.zhg_but {
    background-image: linear-gradient(to bottom, #ff9391 0%, #ffd6d4 100%);
    border-radius: 5px;
    text-align: center;
    float: left;
    padding: 0 10px;
    color: #494949;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    box-shadow: 6px 6px 7px rgba(229, 78, 75, 0.4);
}

.zh_text {
    line-height: 23px;
    color: #fff;
    padding-left: 10px;
    display: table;
}

.zh_text01 {
    line-height: 23px;
    color: #fff;
    padding-left: 10px;
    display: table;
}

.t_op {
    top: 6%;
    justify-content: center;
    align-items: center;
}

.hycov_11 {
    width: 60%;
    margin: 0 auto;
    display: table;
    position: relative;
}

.bl_gbgg {
    margin: 0 auto;
    display: table;
    margin-bottom: -20px;
    position: absolute;
    float: right;
    margin-left: 78%;
    z-index: 100;
    margin-top: -10px;
}

.bl_gbgg img {
    width: 35px;
}




@media (max-width:1024px) {
    .hycov_11 {
        width: 93%;
    }

    .bl_gbgg {
        margin-left: 89%;
    }
}

@media (max-width:915px) {
    .hycov_11 {
        width: 60%;
    }

    .bl_gbgg {
        margin-left: 75%;
    }
}

@media (max-width:820px) {
    .hycov_11 {
        width: 100%;
    }

    .bl_gbgg {
        margin-left: 93%;
    }
}


@media (max-width:768px) {
    .hycov_11 {
        width: 60%;
    }

    .bl_gbgg {
        margin-left: 77%;
    }
}

@media (max-width:740px) {
    .hycov_11 {
        width: 25%;
    }

    .bl_gbgg {
        margin-left: 60%;
    }
}

@media (max-width:736px) {
    .hycov_11 {
        width: 30%;
    }

    .bl_gbgg {
        margin-left: 63%;
    }
}

@media (max-width:450px) {
    .t_op {
        top: 10%;
        ustify-content: center;
        align-items: center;
    }

    .hycov_11 {
        width: 87%;
        margin: 0 auto;
        display: table;
    }

    .bl_gbgg {
        margin-left: 89%;
    }
}

/* 路径 */
.wlujing {
    width: 90%;
    margin: 0 auto;
    display: table;
    background: linear-gradient(90deg, #dddddd 0%, #f8f8f8 100%);
    height: 30px;
    border-radius: 10px;
    margin-top: 15px;
    padding: 10px 5px;
}

.wlujing img {
    height: 15px;
    float: left;
    vertical-align: middle;
    margin-right: 2px;
    margin-top: 2px;
}

.wlujing span {
    float: left;
    color: #666;
    font-size: 14px;
}

.wlujing font {
    float: left;
    color: #666;
    font-size: 14px;
    padding: 0 3px;
}

@media (max-width:320px) {
    .wlujing span {
        font-size: 12px;
    }

    .wlujing font {
        font-size: 12px;
        padding: 0 3px;
    }
}


.l_zgongn {
    width: 80%;
    margin: 0 auto;
    display: table;
    margin-top: 30px;
}

.lu_l {
    width: 100%;
    margin: 0 auto;
    display: table;
    background: linear-gradient(90deg, #fff5f6 0%, #ffecf0 100%);
    padding: 10px 10px 5px 10px;
    border: #ffdde5 1px solid;
    border-radius: 10px;
    font-size: 16px;
    margin-bottom: 15px;
    cursor: pointer;
}

.lu_l:active {
    background: linear-gradient(-90deg, #fed0d8 0%, #ffecf0 100%);
}

.lu_l img {
    height: 60px;
    margin-right: 5px;
}



@media (max-width:450px) {
    .l_zgongn {
        width: 95%;
    }

    .wlujing {
        width: 95%;
    }
}

/* 资料填写 */

.ziliao_1 {
    width: 93%;
    margin: 0 auto;
    /* display: table; */
    border-radius: 10px;
    padding: 5px 0px 0 0;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);
    background: linear-gradient(90deg, #ffdbe1, #ffbdc6);
    background-position: center;
    margin-top: 5px;
    background-position: right;
}

.zlsapn_1 {
    color: #ee5472;
    font-size: 18px;
    font-weight: bold;
    line-height: 35px;
    padding: 8px 10px;
}

.zlsapn_1 span {
    color: #fff;
    font-size: 12px;
    float: right;
    font-weight: normal;
}

.zlsapn_1 span img {
    height: 18px;
    margin-top: -4px;
}

.xl_system {
    width: 100%;
    /* display: table; */
    background: #fff;
    border-radius: 10px;
    padding: 20px 10px 15px 10px;
}

.xl_tishi {
    width: 100%;
    background: #eee;
    padding: 5px 10px;
    display: table;
    border-radius: 10px;
    color: #999;
}

.xl_stiname {
    width: 100%;
    padding: 5px 10px;
    display: table;
    border-radius: 10px;
    color: #666666;
    border: #e7e7e7 1px solid;
    box-shadow: 0px 5px 12px #dcdcdc;
}

.x_left {
    margin-right: 3px;
}


.nn_shoc {
    width: 100%;
    margin: 0 auto;
    display: table;
    border-radius: 6px;
    padding: 8px 0px 10px 0px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    background: url(../images/zhy_4.png) no-repeat;
    background-position: center;
    background-position: right;
    background-size: 20px;
}

.nn_shoc i {
    color: #fd5678;
    font-style: normal;
    font-weight: normal;
}

.nn_shoc_h {
    width: 100%;
    margin: 0 auto;
    display: table;
    border-radius: 6px;
    padding: 8px 0px 10px 0px;
    font-size: 16px;
    font-weight: bold;
    background: url(../images/zhy_3.png) no-repeat;
    background-position: center;
    background-position: right;
    background-size: 20px;
}


.nn_nrrong {
    width: 100%;
    display: table;
    border-top: #eee 1px solid;
    padding: 10px 0 0 0;
}

.nn_nrrong font {
    line-height: 35px;
}

.cractive_a {
    background: #ffe6eb;
    color: #fd5678;
    border: 1px solid #ffe6eb;
}

.nn_nrrong_2 {
    width: 100%;
    display: table;
    border-top: #eee 1px solid;
    padding: 6px 0;
}

.nn_nrrong_2 font {
    line-height: 20px;
    color: #999999;
}

.cu_input {
    line-height: 35px;
    padding: 0 6px;
    border: #ffc2c9 1px solid;
    width: 200px;
    border-radius: 10px;
    outline: none;
    font-size: 14px;
}

@media (max-width:450px) {
    .cu_input {
        width: 90px;
    }
}

@media (max-width:360px) {
    .cu_input {
        width: 80px;
    }
}

.margin-r {
    margin-left: 3px;
    margin-top: 1px;
    position: relative;
    float: left;
}

.ds {
    color: #f00;
    background: #fff100;
    font-style: normal;
    padding: 0 3px;
}


.miaoshu {
    width: 100%;
    display: table;
}

.miaoshu h2 {
    padding-top: 15px;
    color: #999999;
    line-height: 20px;
    padding-bottom: 10px;
}

.msinput {
    width: 100%;
    padding: 5px;
    display: table;
    border: #ffc2c9 1px solid;
    border-radius: 10px;
    outline: none;
    margin-bottom: 10px;
    line-height: 25px;
}


.ms_xinz {
    background: #fff;
    border-radius: 100px;
    box-shadow: 0px 0px 13px rgba(254, 146, 169, 0.9);
    padding: 10px 50px;
    margin: 0 auto;
    display: table;
    color: #fe92a9;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ms_xinz img {
    margin-right: 3px;
    height: 15px;
}

.ms_xinz:active {
    color: #333333;
    background: linear-gradient(to left, #fff9fb, #fff9fb);
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5), -4px -4px 6px 0 rgba(116, 125, 136, .5), inset -4px -4px 6px 0 rgba(255, 255, 255, .2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4) !important;
}

.remove_field_1 {
    background-image: linear-gradient(to right, #fe92a9 0%, #ffc3d0 100%);
    position: absolute;
    color: #fff;
    right: 0px;
    border-radius: 100px;
    height: 28px;
    width: 28px;
    bottom: 6px;
    box-shadow: 3px 7px 7px rgba(254, 146, 168, 0.5);
}

.remove_field_1 img {
    height: 17px;
    margin: 0 auto;
    display: table;
    margin-top: 6px;
}

.remove_field_1:active {
    background: linear-gradient(to left, #e894a5, #e894a5);
    box-shadow: 0px 6px 4px inset rgba(212, 39, 75, .6) !important;
}


.remove_field_2 {
    background-image: linear-gradient(to right, #fe92a9 0%, #ffc3d0 100%);
    position: absolute;
    color: #fff;
    right: -4px;
    border-radius: 100px;
    height: 28px;
    width: 28px;
    top: 4px;
    box-shadow: 3px 7px 7px rgba(254, 146, 168, 0.5);
}

.remove_field_2 img {
    height: 17px;
    margin: 0 auto;
    display: table;
    margin-top: 6px;
}

.remove_field_2:active {
    background: linear-gradient(to left, #e894a5, #e894a5);
    box-shadow: 0px 6px 4px inset rgba(212, 39, 75, .6) !important;
}



.qingx {
    width: 100%;
    background: #eeeeee;
    padding: 5px 10px;
    border-radius: 5px;
    color: #999999;
}

.qi_wi00 {
    width: 100%;
    display: table;
}

.cr_ad {
    width: 100%;
    display: table;
    padding-bottom: 5px;
}

.nn_shoc_r {
    color: #fd5678;
    font-style: normal;
    font-weight: normal;
}


select.ui-choose {
    display: none;
}

.ui-choose:after {
    content: "";
    display: table;
    clear: both;
}

.ui-choose li {
    display: block;
    line-height: 35px;
    font-size: 14px;
    border: #d2d2d2 1px solid;
    border-radius: 10px;
    color: #888888;
    cursor: pointer;
    float: left;
    background: #f8f8f8;
    margin-bottom: 10px;
    padding: 0px 10px;
    margin-right: 5px;
}

.ui-choose li:hover {
    background: #ffe6eb;
    color: #fd5678;
    border: 1px solid #ffe6eb;
}

.ui-choose li.selected {
    z-index: 3;
    background: #ffe6eb;
    color: #fd5678;
    border: 1px solid #ffe6eb;
}

.ui-choose li.disabled {
    z-index: 2;
    background: #ffe6eb;
    color: #fd5678;
    border: 1px solid #ffe6eb;
    cursor: not-allowed;
}

.ui-choose li.disabled:hover {
    border-color: #aaa;
}

.us_da {
    padding-bottom: 5px;
}

.us_da_1 {
    padding-bottom: 8px;
}



.dt_ckb01 {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 5px;
    top: 5px;
    z-index: 0
}

.dt_ckb01 img {
    width: 100%
}

.dt_heght {
    overflow: hidden;
    background-color: #f2f2f2 !important;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 10px;
}

.dt_pa0 {
    padding-top: 0;
    height: 150px;
}

@media (max-width:1024px) {
    .dt_pa0 {
        padding-top: 0;
        height: 130px;
    }
}

@media (max-width:823px) {
    .dt_pa0 {
        padding-top: 0;
        height: 180px;
    }
}

@media (max-width:768px) {
    .dt_pa0 {
        padding-top: 0;
        height: 170px;
    }
}

@media (max-width:736px) {
    .dt_pa0 {
        padding-top: 0;
        height: 200px;
    }
}

@media (max-width:640px) {
    .dt_pa0 {
        padding-top: 0;
        height: 170px;
    }
}

@media (max-width:568px) {
    .dt_pa0 {
        padding-top: 0;
        height: 90px;
    }
}

@media (max-width: 450px) {
    .dt_pa0 {
        padding-top: 0;
        height: 80px;
    }
}

@media (max-width:414px) {
    .dt_pa0 {
        padding-top: 0;
        height: 80px;
    }
}

@media (max-width:375x) {
    .dt_pa0 {
        padding-top: 0;
        height: 80px;
    }
}

@media (max-width:360px) {
    .dt_pa0 {
        padding-top: 0;
        height: 80px;
    }
}

@media (max-width:320px) {
    .dt_pa0 {
        padding-top: 0;
        height: 80px;
    }
}



.dt_izhaopian {
    width: 100%;
    /* display: table; */
    border-top: #eee 1px solid;
    margin-top: 10px;
    padding-top: 10px;
}

.dt_izhaopian h2 {
    width: 100%;
    display: table;
    color: #999999;
    line-height: 18px;
}

.dt_izhaopian h2 i {
    height: 18px;
    background: #fe92a9;
    border-radius: 10px;
    width: 6px;
    display: table;
    float: left;
    margin-right: 5px;
}

.dt_izhaopian h2 font {
    color: #999;
    font-size: 12px;
    text-decoration: underline;
    float: right;
}

@media (max-width: 450px) {
    .dt_izhaopian h2 font {
        width: 100%;
        display: table;
        color: #999;
        margin-left: 11px;
        font-size: 12px;
        padding-top: 5px;
        text-decoration: underline;
    }
}


.tixright_a {
    float: right;
    box-shadow: 0 0 10px #ffecec;
    height: 28px;
    padding: 0 5px;
    border-radius: 10px;
    margin-top: 5px;
    background: rgba(255, 255, 255, 0.8);
}

.tixright_a .span {
    float: left;
    border-right: #eee 1px solid;
    padding-right: 5px;
    line-height: 20px;
    margin-top: 4px;
    color: #fdc32c;
    font-size: 12px;
}

.tixright_a .font {
    float: right;
    margin-left: 5px;
}

.tixright_a .font img {
    height: 12px;
    margin-top: 5px;
}

.se_nvd {
    width: 100%;
    padding-top: 5px;
    display: table;
    margin-bottom: 10px;
}

.wuziliao {
    width: 100%;
    margin: 0 auto;
    background: rgba(238, 238, 238, 1);
    border-radius: 5px;
    display: table;
    padding: 100px 0 100px 0;
}

.wuziliao img {
    width: 240px;
    margin: 0 auto;
    display: table;
}


@media (max-width:450px) {
    .wuziliao img {
        width: 240px;
        margin: 0 auto;
        display: table;
    }
}

.xin_left {
    width: calc(100% - 65px);
    float: left;
}

.xin_nleft {
    width: 40px;
    height: 40px;
    float: left;
    background: #ffe9ee;
    border-radius: 5px;
    cursor: pointer;
    ;
}

.xin_nleft img {
    width: 30px;
    margin-top: 5px;
    margin-left: 5px;
}

.xin_nleft:hover {
    background: #ffd5df;
}

.xin_input {
    width: calc(100% - 45px);
    float: right;
    line-height: 38px;
    border: #e5e5e5 1px solid;
    border-radius: 5px;
    padding: 0 5px;
    margin-left: 5px;
    outline: none;
}

.xin_right {
    width: 60px;
    float: right;
    background: #fe92a8;
    border-radius: 5px;
    height: 40px;
    cursor: pointer;
}

.xin_right img {
    height: 28px;
    margin: 0 auto;
    display: table;
}

.xin_right:hover {
    background: #fd5678;
}

.n_pic_lt {
    width: 150px;
}

.new_pot001,
.new_po000 {
    width: 96%;
    height: auto;
    margin: 0 auto;
    color: #666666;
    padding-bottom: 20px;
    padding-top: 15px;
    display: block;
}

@media (max-width:824px) {

    .new_pot001,
    .new_po000 {
        height: 195px;
        overflow-y: scroll;
        padding-bottom: 0px;
    }
}

@media (max-width:450px) {

    .new_pot001,
    .new_po000 {
        height: 450px;
        padding-bottom: 20px;
    }
}

@media (max-width:320px) {

    .new_pot001,
    .new_po000 {
        height: 380px;
    }
}

.new_pot001 ::-webkit-scrollbar,
.new_po000 ::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.new_pot001 ::-webkit-scrollbar-thumb,
.new_po000 ::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 100px;
    background: #8a9fef;
}

.new_pot001 ::-webkit-scrollbar-track,
.new_po000 ::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.6);
}


.fbuttop {
    width: 95%;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
}

.te_ce {
    text-align: center;
}

.se_rea {
    position: relative;
}

.sx_cent {
    width: 15px;
    height: 15px;
    background: #17bb4a;
    border-radius: 100px;
    position: absolute;
    border: #ffffff 2px solid;
    right: -20px;
    top: 8px;
    bottom: 0;
    display: block;
    z-index: 5;
}


.tabbox_new {
    width: 90%;
    margin: 0 auto;
    display: table;
}

.sys_aa {
    width: 100%;
    background: #fbfbfb;
    border-radius: 5px;
    padding: 5px 0;
    margin-bottom: 20px;
    box-shadow: inset 1px 4px 6px 1px #dbdbdb
}

.tabbox_new_dt {
    width: 100%;
    margin: 0 auto;
    line-height: 35px;
    display: table;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
}

.tabbox_new_dt span {
    margin-left: 2.5%;
}

.tabbox_new_dd {
    width: 100%;
    margin: 0 auto;
    display: table;
    border-top: #eee 1px solid;
    padding-bottom: 5px;
    padding-top: 10px;
}

.tabbox_h2 {
    width: 95%;
    margin: 0 auto;
    display: table;
    font-size: 15px;
    color: #999999;
    line-height: 30px;
}

.tabbox_hsz {
    width: 95%;
    margin: 0 auto;
    display: table;
    font-size: 15px;
    color: #999999;
    line-height: 20px;
}

.tabbox_h3 {
    width: 95%;
    margin: 0 auto;
    display: table;
    font-size: 15px;
    color: #999999;
    line-height: 23px;
}

.tabbox_h3 li {
    width: 50%;
    float: left;
    padding: 5px 0;
}

.tabbox_h3 li span {
    width: 50px;
    height: 50px;
    background: #dcdcdc;
    border-radius: 100px;
    display: table;
    float: left;
}

.tabbox_h3 li span img {
    margin: 0 auto;
    display: table;
    width: 30px;
    height: 30px;
    margin-top: 8px;
}

.tabbox_h3 li font {
    float: left;
    margin-left: 5px;
}

.tabbox_h3 li font i {
    width: 100%;
    display: table;
    font-style: normal;
}

.tabbox_h3 table {
    width: 100%;
    border-radius: 5px;
    border: #ffc8cd 1px solid;
    background: #ffffff;
    display: block;
}

.tabbox_h3 table tbody {
    width: 100%;
    display: table;
}

.tabbox_h3 table tr td {
    border-right: #ffc8cd 1px dashed;
    padding: 8px;
    vertical-align: top;
}

.tabbox_h3 table tr td:last-child {
    border-right: none;
}

.tabbox_h3 table tr td span {
    color: #ea748f;
}

.tabbox_h3 table tr:nth-child(odd) {
    background: #fff5f6;
}

.tab_aan {
    width: 25px;
    height: 25px;
    margin: 0 auto;
    display: table;
    background: #eee;
    border-radius: 100px;
    color: #fff;
    text-align: center;
}

.tab_aan i {
    font-size: 18px !important;
    line-height: 25px;
}

.tab_aan:hover {
    background: #ff6e8b;
    color: #fff;
}

.talinebot {
    border-bottom: #d4d4d4 1px dashed;
    padding-bottom: 6px;
    margin-bottom: 6px;
}


.tabbox_new_ss {
    width: 100%;
    margin: 0 auto;
    line-height: 35px;
    display: table;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.tabbox_new_ss .sys_log1 {
    background: url(../images/zs_jtup.png) no-repeat;
    background-size: 26px;
    background-position: left center;
    padding-left: 26px;
    display: block;
}

.tabbox_new_ss span {
    margin-left: 2.5%;
}

.tabbox_new_ss.on .sys_log1 {
    background: url(../images/zs_jtdown.png) no-repeat;
    background-size: 26px;
    background-position: left center;
    padding-left: 26px;
    position: relative;
    cursor: pointer;
    float: left;
}

.tabbox_new_ss .btn_small {
    float: right;
    width: 60px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    margin: 3px 5px 0 0;
    color: #999;
    white-space: nowrap;
    border: #ddd 1px solid;
    border-radius: 100px;
    padding: 0 5px;
    line-height: 20px;
}

.tabbox_new_ss .btn_small:hover {
    color: #999;
    box-shadow: inset 0px 15px 10px -10px #eeeeee, inset 0px -10px 10px -20px #eeeeee;
    background: #ffffff;
}

.tabbox_new_ss .btn_small:before {
    margin-right: 3px;
}

.tabbox_new_ss .right {
    padding-right: 5px;
}

.tabbox_new_ss .right.btn01 {
    padding-top: 3px;
}

.tabbox_new_ss .right.btn02 {
    /* min-width:200px; padding-top: 3px; */
    margin-bottom: 10px;
}

.tabbox_new_ss label {
    margin: 0;
}

.tabbox_new_ss:after {
    content: "";
    display: block;
    clear: both;
}

.tabbox_h3 td.cent {
    vertical-align: middle;
    text-align: center;
}

.qxuan {
    position: relative;
    z-index: 1;
    display: none;
}

.qxuan:before,
.qxuan:checked:before {
    position: absolute;
    z-index: 2;
    display: block;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 3px;
}

.qxuan:checked:before {
    content: "√";
    line-height: 14px;
    background: #fff;
    color: #fd5779;
}


@media(max-width: 360px) {
    .tabbox_new_ss .right.btn02 {
        min-width: 200px;
        padding: 5px 0;
    }

}

.tab_abut {
    height: 30px;
    line-height: 28px;
    background-image: linear-gradient(to top, #fd5678, #fe95aa);
    border: #fd5678 1px solid;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    float: right;
    padding: 0 6px;
    cursor: pointer;
}

.tab_abut:hover {
    background-image: linear-gradient(to bottom, #fd5678, #fe95aa) !important;
    color: #fff;
}

.ta_hbut {
    height: 30px;
    background: #fff;
    border-radius: 100px;
    color: #fd5779;
    float: right;
    display: table;
    line-height: 30px;
    padding: 0 10px;
}

.ta_hbut i {
    font-size: 20px !important;
    display: table;
    float: left;
}

.ta_hbut:hover {
    background: #fd5779;
    color: #fff;
}

.ma_tople8 {
    margin-top: 8px
}


.tabbox_h4 {
    width: 95%;
    margin: 0 auto;
    display: table;
    font-size: 15px;
    color: #999999;
    line-height: 23px;
}

.tabbox_h4 ul {
    width: 100%;
    display: table;
}

.tabbox_h4 ul li {
    width: 49%;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    float: left;
    border: #eee 1px solid;
}

.tabbox_h4.edit ul li {
    padding-left: 24px;
    position: relative;
}

.tabbox_h4.edit ul li .check {
    position: absolute;
    left: 8px;
    top: 8px;
}

.tabbox_h4 ul li:nth-child(even) {
    float: right;
}

.tabbox_h4 ul li h2 {
    width: 95%;
    margin: 0 auto;
    display: table;
    padding: 5px 0;
    border-bottom: #eeeeee 1px dashed;
    line-height: 25px;
}

.tabbox_h4 ul li h2 span {
    width: 100px;
    float: left;
}

.tabbox_h4 ul li h2 font {
    color: #333;
    width: 180px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.tabbox_h4 ul li h2:last-child {
    border-bottom: none;
}

.tabbox_h4 ul li .red {
    color: #ea748f
}

.tabbox_h4 ul li .yellow {
    color: #f0ad4e;
}

.tabbox_h4 ul li .tab_abut {
    float: none;
    display: inline-block;
}

.ta_delaa {
    position: absolute;
    right: 2%;
    top: 5px;
}

.ta_img {
    width: 160px;
    margin: 0 auto;
    display: table;
}

.ta_divfont {
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    padding-bottom: 10px;
}

.xindh_k {
    color: #fd5779;
}

@media (max-width:824px) {
    .tabbox_h4 ul li {
        width: 100%;
    }
}

@media (max-width:320px) {
    .tabbox_h4 ul li h2 {
        font-size: 13px;
    }

    /*.tabbox_h4 ul li h2 font {width: calc(100% - 100px);}*/
    .tabbox_h4 ul li h2 font {
        width: 180px;
    }
}

.zs_buttonn {
    height: 30px;
    width: 98px;
    background: url(../images/zs_but01.png) no-repeat;
    background-size: 100%;
    display: table;
    float: right;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.zs_buttonn:hover {
    height: 30px;
    width: 98px;
    background: url(../images/zs_but02.png) no-repeat;
    background-size: 100%;
    display: table;
    float: right;
    color: #fff;
    text-align: center;
}

.zs_buttonn1 {
    height: 30px;
    width: 83px;
    background: url(../images/zs_but03.png) no-repeat;
    background-size: 100%;
    display: table;
    color: #fff;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
}

.zs_buttonn1:hover {
    height: 30px;
    width: 83px;
    background: url(../images/zs_but04.png) no-repeat;
    background-size: 100%;
    display: table;
    color: #fff;
    text-align: center;
    line-height: 30px
}


.zixu_cs {
    border-radius: 100px;
    display: table;
    background: url(../images/fengsuo1.png) no-repeat;
    background-size: cover;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    float: right;
    box-shadow: 0px 4px 10px #ffb7c5;
    color: #fe5476 !important;
    cursor: pointer;
    text-align: center;
    font-size: 14px !important;
    margin: 0px 3px 0 0;
    padding: 0 5px;
    width: 60px;
    font-weight: normal;
}

.zixu_cs img {
    height: 12px;
    margin-top: -3px;
    margin-right: 3px;
}

.zixu_cs:hover {
    height: 24px;
    background: url(../images/fengsuo_h1.png) no-repeat;
    background-size: cover;
    box-shadow: 3px 4px 10px #ffb7c5;
}


.zixu_cs1 {
    border-radius: 100px;
    background: url(../images/fengsuo1.png) no-repeat;
    background-size: cover;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    float: right;
    box-shadow: 0px 4px 10px #ffb7c5;
    color: #fe5476 !important;
    cursor: pointer;
    text-align: center;
    font-size: 14px !important;
    margin: 3px 3px 0px 0 !important;
    padding: 0 5px;
    width: 60px;
    font-weight: normal;
}

.zixu_cs1 img {
    height: 12px;
    margin-top: -3px;
    margin-right: 3px;
}

.zixu_cs2 {
    border-radius: 100px;
    background: url(../images/fengsuo1.png) no-repeat;
    background-size: cover;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    float: right;
    box-shadow: 0px 4px 10px #ffb7c5;
    color: #fe5476 !important;
    cursor: pointer;
    text-align: center;
    font-size: 14px !important;
    margin: 3px 3px 0px 0 !important;
    padding: 0 5px;
    width: 60px;
    font-weight: normal;
}

.zixu_cs2 img {
    height: 12px;
    margin-top: -3px;
    margin-right: 3px;
}

.zixu_cs1:hover {
    height: 24px;
    background: url(../images/fengsuo_h1.png) no-repeat;
    background-size: cover;
    box-shadow: 3px 4px 10px #ffb7c5;
}

.ys_dt {
    line-height: 20px;
    padding-bottom: 5px;
    color: #fd5678;
    font-size: 12px;
    padding-left: 10px;
}

.xss_he {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.dtmr20 {
    margin-right: 10px;
}

@media (max-width:450px) {
    .sx_ment {
        width: 190px;
        margin: 0 auto;
        display: table;
        margin-bottom: 10px !important;
    }

    .xs_wi90 {
        width: calc(100% - 80px);
        float: left;
    }

    .dtmr20 {
        margin-right: 0px;
    }
}

.ta_img {
    width: 60px;
    margin: 0 auto;
    display: table;
}

.ta_divfont {
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    padding-bottom: 10px;
}

.xinzeng_but {
    width: 95px;
    height: 26px;
    background: url(../images/liuyan_01.png) no-repeat;
    background-size: 100%;
    float: right;
    line-height: 26px;
    color: #fff;
    margin-top: 9px;
}

.xinzeng_but img {
    height: 17px;
    margin-left: 10px;
    margin-top: -2px;
    margin-right: 1px;
}

.xinzeng_but:hover {
    width: 95px;
    height: 26px;
    background: url(../images/liuyan_02.png) no-repeat;
    background-size: 100%;
    color: #fff;
}

.liuyan_nlist {
    width: 94%;
    margin: 0 auto;
    display: table;
}

.liuyan_nlist ul {
    width: 100%;
    margin-top: 5px;
}

.liuyan_nlist ul li {
    width: 100%;
    display: table;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.liuyan_nlist ul li:last-child {
    margin-bottom: 0px;
}

.liuyan_img {
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 100px;
    overflow: hidden;
    position: absolute;
    left: 0;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    box-shadow: 10px 10px 10px #ccc;
    .liuyan_text span float: left;
    margin-top: 10px;
    top: 6px;
}

.liuyan_prilist {
    width: calc(100% - 30px);
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    padding: 10px 0;
    float: right;
}

.liuyfont {
    width: calc(100% - 40px);
    float: right;
    display: table;
    padding-bottom: 10px;
    padding-top: 5px;
}

.liu_name {
    display: table;
    font-size: 16px;
    width: 100%;
    line-height: 25px;
}

.liu_name span {
    float: right;
    color: #999;
    margin-right: 3%;
    font-size: 13px;
}

.liu_dq {
    display: table;
    font-size: 13px;
    color: #999;
    line-height: 25px;
    width: 100%;
    overflow: hidden;
    height: 25px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

.liu_text {
    width: 94%;
    margin: 0 auto;
    display: table;
    border-top: #eee 1px solid;
}

.liu_text_1 {
    width: 100%;
    background: linear-gradient(to right, #ffe9e8, #fffcfc);
    color: #fd5a7b;
    margin-top: 10px;
    padding: 5px 5px;
}

.liu_text_2 {
    width: 100%;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 10px;
}

.liuyan_xqlist {
    width: 86%;
    margin: 0 auto;
    display: table;
    background: linear-gradient(to bottom, #ffced8, #fffcfc);
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 0 20px #ffc9d4;
    position: relative;
    z-index: 0;
}

.liuyan_img01 {
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 100px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    float: left;
}

.liuyan_text {
    font-size: 14px;
    float: left;
    margin-left: 10px;
    font-size: 16px;
    line-height: 23px;
    margin-top: 2px;
}

.liuyan_text span {
    display: block;
    font-size: 13px;
    color: #999;
}

.liuyan_text {
    font-size: 14px;
    float: left;
    margin-left: 10px;
    font-size: 16px;
    line-height: 23px;
    margin-top: 2px;
}

.liuyan_text span {
    display: block;
    font-size: 13px;
    color: #999;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 500px;
}

@media (max-width:823px) {
    .liuyan_text span {
        width: 400px;
    }
}

@media (max-width:736px) {
    .liuyan_text span {
        width: 350px;
    }
}

@media (max-width:569px) {
    .liuyan_text span {
        width: 300px;
    }
}

@media (max-width:450px) {
    .liuyan_text span {
        width: 200px;
    }
}

@media (max-width:375px) {
    .liuyan_text span {
        width: 180px;
    }
}

@media (max-width:360px) {
    .liuyan_text span {
        width: 160px;
    }
}

@media (max-width:330px) {
    .liuyan_text span {
        width: 140px;
    }
}


.liuyicon {
    float: right;
    width: 50px;
    height: 50px;
    background: url(../images/faxun01.png) no-repeat;
    background-size: 100%;
}

.liuyicon:hover {
    float: right;
    width: 50px;
    height: 50px;
    background: url(../images/faxun02.png) no-repeat;
    background-size: 100%;
}

.liuy_nr {
    width: 94%;
    margin: 0 auto;
    display: table;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    padding: 40px 0px 20px 0px;
    margin-top: -20px;
    background: #fff;
    margin-bottom: 60px
}

.liuy_font {
    width: 90%;
    margin: 0 auto;
    display: table;
}

.liuy_font p {
    color: #666666;
    padding-bottom: 10px;
    word-break: break-all;
}

.liuy_font_1 {
    width: 100%;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    display: table;
}

.liuy_font_1 h2 {
    font-size: 14px;
    color: #999;
    line-height: 25px;
}

.liu_iy {
    width: 100%;
    display: table;
    height: 1px;
    border-bottom: #eeeeee 1px solid;
    margin-top: 35px;
    margin-bottom: 40px;
}

.liu_iy img {
    position: absolute;
    height: 40px;
    margin-top: -20px;
}


.liuyan_photo {
    width: 650px;
    display: table;
    padding-left: 10px;
    margin-bottom: 15px;
    float: left;
    margin-left: 3%;
}


.liuy_ph1 {
    width: 200px;
    float: left;
    border-radius: 10px;
    height: 300px;
    box-shadow: 0 0 10px #eee;
    justify-content: center;
    align-items: center;
    display: flex;
}

.liuy_ph2 {
    width: 200px;
    height: 140px;
}

.liuy_ph3-1 {
    width: 300px;
    float: left;
    border-radius: 10px;
    height: 300px;
    box-shadow: 0 0 10px #eee;
    justify-content: center;
    align-items: center;
    display: flex;
}

.liuy_ph3-2 {
    width: 300px;
    height: 140px;
    float: right;
}

.liuy_ph3-3 {
    width: 300px;
    float: left;
    border-radius: 10px;
    height: 220px;
    box-shadow: 0 0 10px #eee;
    justify-content: center;
    align-items: center;
    display: flex;
}

.liuy_ph3-4 {
    width: 300px;
    float: left;
    border-radius: 10px;
    height: 220px;
    box-shadow: 0 0 10px #eee;
    justify-content: center;
    align-items: center;
    display: flex;
}

.liu_imt {
    width: 100%;
    height: 140px;
    display: table;
    box-shadow: 0 0 10px #eee;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 10px;
}

.liu_one {
    margin-bottom: 20px;
}

.liuy_ph3 {
    width: 200px;
    float: right;
    border-radius: 10px;
    height: 300px;
    box-shadow: 0 0 10px #eee;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
    margin-top: -300px;
}

.liuy_ph3 img {
    background: transparent url('Images/picture/5.jpg') center center no-repeat;
    filter: blur(4px);
    z-index: 1;
    background-size: cover;
}

.li_fontx {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    z-index: 5;
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
}


@media (max-width:812px) {
    .liuy_ph3-4 {
        width: 60%;
        border-radius: 10px;
        height: 240px;
        box-shadow: 0 0 10px #eee;
        justify-content: center;
        align-items: center;
        display: flex;
        margin-left: 20%
    }
}

@media (max-width:736px) {
    .liuyan_photo {
        width: 92%;
        display: table;
        padding-left: 10px;
        margin-bottom: 15px;
        float: left;
        margin-left: 3%;
    }

    .liuy_ph1 {
        width: 180px;
        float: left;
        border-radius: 10px;
        height: 280px;
    }

    .liuy_ph2 {
        width: 180px;
        height: 130px;
    }

    .liuy_ph3-1 {
        width: 255px;
        float: left;
        border-radius: 10px;
        height: 280px;
    }

    .liuy_ph3-2 {
        width: 300px;
        height: 130px;
        float: right;
    }

    .liuy_ph3-3 {
        width: 300px;
        float: left;
        border-radius: 10px;
        height: 220px;
    }

    .liuy_ph3-4 {
        width: 60%;
        border-radius: 10px;
        height: 200px;
        box-shadow: 0 0 10px #eee;
        justify-content: center;
        align-items: center;
        display: flex;
        margin-left: 20%
    }

    .liu_imt {
        width: 100%;
        height: 130px;
    }

    .liu_one {
        margin-bottom: 20px;
    }

    .liuy_ph3 {
        width: 180px;
        float: right;
        border-radius: 10px;
        height: 280px;
        margin-top: -280px;
    }
}

@media (max-width:667px) {
    .liuyan_photo {
        width: 94%;
        display: table;
        padding-left: 10px;
        margin-bottom: 15px;
        float: left;
        margin-left: 3%;
    }

    .liuy_ph1 {
        width: 180px;
        float: left;
        border-radius: 10px;
        height: 280px;
    }

    .liuy_ph2 {
        width: 180px;
        height: 130px;
    }

    .liuy_ph3-1 {
        width: 270px;
        float: left;
        border-radius: 10px;
        height: 280px;
    }

    .liuy_ph3-2 {
        width: 270px;
        height: 130px;
        float: right;
    }

    .liuy_ph3-3 {
        width: 48%;
        float: left;
        border-radius: 10px;
        height: 200px;
    }

    .liuy_ph3-4 {
        width: 60%;
        border-radius: 10px;
        height: 200px;
        box-shadow: 0 0 10px #eee;
        justify-content: center;
        align-items: center;
        display: flex;
        margin-left: 20%
    }

    .liu_imt {
        width: 100%;
        height: 130px;
    }

    .liu_one {
        margin-bottom: 20px;
    }

    .liuy_ph3 {
        width: 180px;
        float: right;
        border-radius: 10px;
        height: 280px;
        margin-top: -280px;
    }
}

@media (max-width:640px) {
    .liuyan_photo {
        width: 93%;
        display: table;
        padding-left: 10px;
        margin-bottom: 15px;
        float: left;
        margin-left: 3%;
    }

    .liuy_ph1 {
        width: 170px;
        float: left;
        border-radius: 10px;
        height: 280px;
    }

    .liuy_ph2 {
        width: 170px;
        height: 130px;
    }

    .liuy_ph3-1 {
        width: 260px;
        float: left;
        border-radius: 10px;
        height: 280px;
    }

    .liuy_ph3-2 {
        width: 260px;
        height: 130px;
        float: right;
    }

    .liuy_ph3-3 {
        width: 48%;
        float: left;
        border-radius: 10px;
        height: 200px;
    }

    .liuy_ph3-4 {
        width: 60%;
        border-radius: 10px;
        height: 200px;
        box-shadow: 0 0 10px #eee;
        justify-content: center;
        align-items: center;
        display: flex;
        margin-left: 20%
    }


    .liu_imt {
        width: 100%;
        height: 130px;
    }

    .liu_one {
        margin-bottom: 20px;
    }

    .liuy_ph3 {
        width: 170px;
        float: right;
        border-radius: 10px;
        height: 280px;
        margin-top: -280px;
    }
}


@media (max-width:569px) {
    .liuyan_photo {
        width: 94%;
        display: table;
        padding-left: 10px;
        margin-bottom: 15px;
        float: left;
        margin-left: 3%;
    }

    .liuy_ph1 {
        width: 150px;
        float: left;
        border-radius: 10px;
        height: 280px;
    }

    .liuy_ph2 {
        width: 150px;
        height: 130px;
    }

    .liuy_ph3-1 {
        width: 230px;
        float: left;
        border-radius: 10px;
        height: 280px;
        box-shadow: 0 0 10px #eee;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .liuy_ph3-2 {
        width: 230px;
        height: 130px;
        float: right;
    }

    .liuy_ph3-3 {
        width: 48%;
        float: left;
        border-radius: 10px;
        height: 200px;
        box-shadow: 0 0 10px #eee;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .liuy_ph3-4 {
        width: 60%;
        border-radius: 10px;
        height: 200px;
        box-shadow: 0 0 10px #eee;
        justify-content: center;
        align-items: center;
        display: flex;
        margin-left: 20%
    }

    .liu_imt {
        width: 100%;
        height: 130px;
        display: block;
        overflow: hidden;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .liu_one {
        margin-bottom: 20px;
    }

    .liuy_ph3 {
        width: 150px;
        float: right;
        border-radius: 10px;
        height: 280px;
        margin-top: -280px;
    }
}



@media (max-width:450px) {
    .liuyan_photo {
        width: 94%;
        margin: 0 auto;
        display: table;
        margin-bottom: 15px;
        margin-left: 2%;
    }

    .liuy_ph1 {
        width: 29%;
        float: left;
        border-radius: 10px;
        height: 150px;
        box-shadow: 0 0 10px #eee;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .liuy_ph2 {
        width: 29%;
        height: 70px;
    }

    .liuy_ph3-1 {
        width: 48%;
        float: left;
        border-radius: 10px;
        height: 150px;
        box-shadow: 0 0 10px #eee;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .liuy_ph3-2 {
        width: 48%;
        height: 70px;
        float: right;
    }

    .liuy_ph3-3 {
        width: 48%;
        float: left;
        border-radius: 10px;
        height: 130px;
        box-shadow: 0 0 10px #eee;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .liuy_ph3-4 {
        width: 60%;
        border-radius: 10px;
        height: 150px;
        box-shadow: 0 0 10px #eee;
        justify-content: center;
        align-items: center;
        display: flex;
        margin-left: 20%
    }


    .liu_imt {
        width: 100%;
        height: 70px;
        display: table;
        box-shadow: 0 0 10px #eee;
        justify-content: center;
        align-items: center;
        display: flex;
        border-radius: 10px;
    }

    .liu_one {
        margin-bottom: 10px;
    }

    .liuy_ph3 {
        width: 30%;
        float: right;
        border-radius: 10px;
        height: 150px;
        box-shadow: 0 0 10px #eee;
        justify-content: center;
        align-items: center;
        display: flex;
        position: relative;
        overflow: hidden;
        margin-top: -150px;
    }

    .li_fontx {
        position: absolute;
        bottom: 10px;
        width: 100%;
        text-align: center;
        z-index: 5;
        color: #ffffff;
        font-weight: bold;
        font-size: 16px;
    }
}

/* 6-23 */
.shanx {
    position: relative;
    overflow: inherit !important;
}

.sx_cic {
    width: 15px;
    height: 15px;
    background: #17bb4a;
    border-radius: 100px;
    position: absolute;
    border: #ffffff 2px solid;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 5;
}

.sx_cic01 {
    width: 15px;
    height: 15px;
    background: linear-gradient(to TOP, #ff9225, #ffb86e);
    border-radius: 100px;
    box-shadow: 2px 2px 0px #ff721d;
    border-radius: 100px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 5;
}

.sx_cic01 img {
    height: 7px;
    margin: 0 auto;
    display: table;
    margin-top: 4px;
}



.sx_cic_ss {
    width: 15px;
    height: 15px;
    background: #17bb4a;
    border-radius: 100px;
    position: absolute;
    border: #ffffff 2px solid;
    left: 29px;
    top: 29px;
    bottom: 0;
    display: block;
    z-index: 5;
}

.sx_cic_ssr {
    width: 15px;
    height: 15px;
    background: #17bb4a;
    border-radius: 100px;
    position: absolute;
    border: #ffffff 2px solid;
    right: 29px;
    top: 29px;
    bottom: 0;
    display: block;
    z-index: 5;
}

.se_rea {
    position: relative;
}

.ssrgf {
    font-size: 12px;
    color: #f00;
    margin-left: 10PX;
}

.ssrgf input {
    margin-right: 3px;
    margin-left: 5px;
}

.sx_cent {
    width: 15px;
    height: 15px;
    background: #17bb4a;
    border-radius: 100px;
    position: absolute;
    border: #ffffff 2px solid;
    right: -20px;
    top: 8px;
    bottom: 0;
    display: block;
    z-index: 5;
}

.sx_cent01 {
    width: 15px;
    height: 15px;
    background: linear-gradient(to TOP, #ff9225, #ffb86e);
    border-radius: 100px;
    position: absolute;
    right: -20px;
    top: 6px;
    bottom: 0;
    display: block;
    z-index: 5;
    box-shadow: 2px 2px 0px #ff721d;
}

.sx_cent01 img {
    height: 7px;
    display: table;
    margin-top: 4px;
    margin-left: 3px;
}



.sx_cic_01 {
    width: 55px;
    height: 22px;
    background: linear-gradient(to TOP, #8dd882, #abd4a5);
    color: #fff;
    line-height: 22px;
    box-shadow: 2px 2px 2px #6aa763;
    border-radius: 100px;
    display: block;
    float: left;
    text-align: center;
    margin-top: 8px;
    margin-left: 5px;
    font-size: 12px;
}

.sx_cic_02 {
    width: 10px;
    height: 10px;
    background: linear-gradient(to TOP, #8dd882, #abd4a5);
    margin-top: 8px;
    box-shadow: 2px 2px 2px #6aa763;
    border-radius: 100px;
    color: #fff;
    float: left;
    display: block;
}

.sx_cwsx {
    width: 15px;
    height: 15px;
    background: linear-gradient(to TOP, #ff9225, #ffb86e);
    border-radius: 100px;
    margin-top: 6px;
    box-shadow: 2px 2px 0px #ff721d;
    border-radius: 100px;
    color: #fff;
    float: left;
    display: block;
    margin-left: 5px;
}

.sx_cwsx img {
    height: 7px;
    margin: 0 auto;
    display: table;
    margin-top: 4px;
}



.sx_cic_03 {
    width: auto;
    height: 22px;
    background: linear-gradient(to TOP, #ff9225, #ffb86e);
    color: #fff;
    line-height: 22px;
    padding-left: 7px;
    box-shadow: 0px 3px 0px #ff721d;
    border-radius: 100px;
    display: block;
    float: left;
    text-align: center;
    margin-top: 8px;
    margin-left: 5px;
    font-size: 12px;
}



.zs_buttonn {
    height: 30px;
    width: 98px;
    background: url(../images/zs_but01.png) no-repeat;
    background-size: 100%;
    display: table;
    float: right;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.zs_buttonn:hover {
    height: 30px;
    width: 98px;
    background: url(../images/zs_but02.png) no-repeat;
    background-size: 100%;
    display: table;
    float: right;
    color: #fff;
    text-align: center;
}

.zs_buttonn1 {
    height: 30px;
    width: 83px;
    background: url(../images/zs_but03.png) no-repeat;
    background-size: 100%;
    display: table;
    color: #fff;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
}

.zs_buttonn1:hover {
    height: 30px;
    width: 83px;
    background: url(../images/zs_but04.png) no-repeat;
    background-size: 100%;
    display: table;
    color: #fff;
    text-align: center;
    line-height: 30px
}

.dt_ckb01 {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 5px;
    top: 5px;
    z-index: 0
}

.dt_ckb01 img {
    width: 100%
}

.dt_heght {
    overflow: hidden;
    background-color: #f2f2f2;
    justify-content: center;
    align-items: center;
    display: flex;
}

.dt_pa0 {
    padding-top: 0;
    height: 150px;
}



@media (max-width:1024px) {
    .dt_pa0 {
        padding-top: 0;
        height: 130px;
    }
}

@media (max-width:823px) {
    .dt_pa0 {
        padding-top: 0;
        height: 180px;
    }
}

@media (max-width:768px) {
    .dt_pa0 {
        padding-top: 0;
        height: 170px;
    }
}

@media (max-width:736px) {
    .dt_pa0 {
        padding-top: 0;
        height: 200px;
    }
}

@media (max-width:640px) {
    .dt_pa0 {
        padding-top: 0;
        height: 170px;
    }
}

@media (max-width:568px) {
    .dt_pa0 {
        padding-top: 0;
        height: 150px;
    }
}

@media (max-width: 450px) {
    .dt_pa0 {
        padding-top: 0;
        height: 100px;
    }
}

@media (max-width:414px) {
    .dt_pa0 {
        padding-top: 0;
        height: 120px;
    }
}

@media (max-width:375x) {
    .dt_pa0 {
        padding-top: 0;
        height: 100px;
    }
}

@media (max-width:360px) {
    .dt_pa0 {
        padding-top: 0;
        height: 110px;
    }
}

@media (max-width:320px) {
    .dt_pa0 {
        padding-top: 0;
        height: 100px;
    }
}






.zap_photo_aa {
    width: 100%;
    overflow: hidden;
    padding-left: 0px;
    margin-top: -12px;
    margin-bottom: 10px;
}

.zap_photo_aa li {
    padding: 0;
}

.zap_photo_aa>li {
    height: 150px;
    background: #e1e1e1;
    border: none;
}

.zap_photo_aa>li>img {
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 450px) {
    .zap_photo_aa>li {
        height: 80px !important;
    }
}


.zap_photo_011 {
    width: 100%;
    overflow: hidden;
    padding-left: 0px;
    margin-top: -12px;
    margin-bottom: 10px;
}

.zap_photo_011 li {
    padding: 0;
}

.zap_photo_011>li {
    height: auto;
    background: #e1e1e1;
    border: none;
    width: 400px;
}

.zap_photo_011>li>img {
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 450px) {
    .zap_photo_011>li {
        height: auto !important;
        width: 50% !important;
    }
}

.zap_photo_022 {
    width: 100%;
    overflow: hidden;
    padding-left: 0px;
    margin-top: -12px;
    margin-bottom: 10px;
}

.zap_photo_022 li {
    padding: 0;
}

.zap_photo_022>li {
    height: 200px !important;
    background: #e1e1e1;
    border: none;
    width: 400px;
}

.zap_photo_022>li>img {
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 450px) {
    .zap_photo_022>li {
        height: 100px !important;
        ;
        width: 48% !important;
    }
}


.zap_photo_033 {
    width: 100%;
    overflow: hidden;
    padding-left: 0px;
    margin-top: -12px;
    margin-bottom: 10px;
}

.zap_photo_033 li {
    padding: 0;
}

.zap_photo_033>li {
    height: 200px !important;
    background: #e1e1e1;
    border: none;
    width: 31% !important;
}

.zap_photo_033>li>img {
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 450px) {
    .zap_photo_033>li {
        height: 100px !important;
    }
}



.zap_photo_bb {
    width: 100%;
    overflow: hidden;
    padding-left: 0px;
    margin-top: -12px;
}

.zap_photo_bb li {
    padding: 0;
}

.zap_photo_bb>li {
    height: 150px;
    background: #e1e1e1;
    border: none;
}

.zap_photo_bb>li>img {
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 450px) {
    .zap_photo_bb>li {
        height: 70px !important;
    }
}

@media (max-width: 320px) {
    .zap_photo_bb>li {
        height: 60px !important;
    }
}


.aa_shou_but {
    float: right;
    padding: 0px 15px;
    background: linear-gradient(to TOP, #ee5472, #ff6c8b);
    font-size: 13px;
    box-shadow: 3px 4px 16px #ff7b96;
    height: 26px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    border-radius: 100px;
    margin-top: 9px;
    cursor: pointer;
}

.aa_shou_but:hover {
    color: #ffffff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
    background: #fe92a8;
}

.aa_shou_but img {
    height: 18px;
    margin-top: -3px;
    margin-right: 3px;
}

.sjright_aa {
    height: 26px;
    background: url(../images/fengsuo.png) no-repeat;
    background-size: cover;
    line-height: 26px;
    margin-left: 5px;
    border-radius: 100px;
    margin-top: 10px;
    box-shadow: 3px 4px 10px #d5ddec;
    color: #87909c !important;
    text-align: center;
    padding: 0 10px;
    cursor: pointer;
    display: table;
}

.sjright_aa img {
    height: 16px;
    margin-right: 2px;
    margin-top: 0px;
}

.sjright_aa:hover {
    height: 26px;
    background: url(../images/fengsuo_h.png) no-repeat;
    background-size: cover;
    box-shadow: 3px 4px 10px #d5ddec;
}


.leftb5 {
    margin-left: 0%;
    margin: 0 auto;
}

@media (max-width: 450px) {
    .sjright_3cc {
        padding: 0 5px;
    }
}


.sc_cc {
    border-radius: 100px;
    display: table;
    background: url(../images/fengsuo.png) no-repeat;
    background-size: cover;
    padding: 0 5px;
    height: 20px;
    line-height: 20px !important;
    float: right;
    box-shadow: 3px 4px 10px #d5ddec;
    color: #87909c !important;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    padding: 0 6px;
}

.sc_cc img {
    height: 12px;
    margin-top: -3px;
    margin-right: 3px;
}

.sc_cc:hover {
    height: 22px;
    background: url(../images/fengsuo_h.png) no-repeat;
    background-size: cover;
    box-shadow: 3px 4px 10px #d5ddec;
}

.ap_butnew {
    position: absolute;
    right: 0px;
    top: 0px;
}

.ap_butnew a {
    margin-left: 2px;
}




.new_input {
    width: 100%;
    display: table
}

.new_input dt {
    width: 100%;
    display: table;
    margin-bottom: 20px;
    border-radius: 10px;
    border: #e7e7e7 1px solid;
    box-shadow: 0px 5px 12px #dcdcdc;
}

.new_input dt span {
    width: 96%;
    margin: 0 auto;
    font-size: 15px;
    color: #666666;
    display: table;
    line-height: 35px;
    font-weight: normal;
    border-bottom: #e7e7e7 1px solid;
}

.new_input dt i {
    color: #fd5678;
    font-style: normal
}

.new_input dt font {
    width: 96%;
    margin: 0 auto;
    font-size: 15px;
    color: #666666;
    display: table;
    line-height: 35px;
    font-weight: normal
}

.new_iptnone {
    border: none;
    outline: none;
    padding: 0 0;
    background: none;
}

.n_rictb {
    float: right;
    font-size: 13px;
    line-height: 30px;
    margin-top: 3px;
}

.n_rictb a img {
    height: 20px;
    margin-right: 5px
}

.n_rictb a {
    margin-left: 8px;
    color: #fd5678;
}

.marbot_35 {
    margin-bottom: 35px !important;
}

.marbot_25 {
    margin-bottom: 23px !important;
}


.bhui_new {
    background: #f3f3f3;
}

.tabbox_h2nn {
    width: 100%;
    margin: 0 auto;
    display: table;
    font-size: 15px;
    color: #999999;
    line-height: 30px;
    padding: 10px 0;
}


.fpt_z01 {
    width: 95%;
    margin: 0 auto;
    display: block;
    overflow-y: scroll;
    height: auto;
    margin-top: 10px;
    padding: 0 10px;
    margin-bottom: 15px;
}

@media (max-width:824px) {
    .fpt_z01 {
        height: 125px;
    }
}

@media (max-width:450px) {
    .fpt_z01 {
        height: 180px;
    }
}

.n_shenhe {
    width: 70%;
    position: absolute;
    top: 25%;
    left: 15%;
    z-index: 3
}

.n_shenhe img {
    width: 100%
}


.pa120 {
    padding-right: 110px;
}


/* 7-10 */
.search_new {
    width: 500px;
    height: 50px;
    border-radius: 15px;
    box-shadow: 0 0 15px #eee;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
    cursor: pointer;
}

.se_input_eg {
    width: calc(100% - 60px);
    float: left;
    border: none;
    line-height: 50px;
    background: none;
    outline: none;
    padding: 0 10px;
    font-size: 15px;
    color: #999;
}

.se_button {
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: 6px 8px 20px #ffc7d4;
    border-radius: 15px;
    float: right;
    margin-top: 7px;
}

.se_button01 {
    width: 40px;
    height: 40px;
    background: #fff;
    box-shadow: inset 10px 5px 10px #ffc7d4;
    border-radius: 15px;
    display: table;
    cursor: pointer;
}

.se_button01:active {
    background: linear-gradient(to bottom, #ffb3c3, #fd7c96);
}

.se_button02 {
    width: 27px;
    height: 27px;
    background: linear-gradient(to bottom, #fff, #f9d5dd);
    ;
    box-shadow: 5px 5px 10px #fc8da4;
    border-radius: 10px;
    margin: 0 auto;
    display: table;
    margin-top: 7px;
}

.se_button02 img {
    height: 17px;
    margin: 0 auto;
    display: table;
    margin-top: 6px;
}

/* .se_button02:hover{background:linear-gradient(to bottom,#fff,#f9d5dd);} */



.se_bgdy {
    width: 96%;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
}

@media (max-width:823px) {
    .se_bgdy {
        width: 100%;
    }
}

@media (max-width:450px) {
    .search_new {
        width: 90%;
        height: 50px;
    }

    .se_input_eg {
        width: calc(100% - 60px);
    }
}



.zixu_cs {
    border-radius: 100px;
    display: table;
    background: url(../images/fengsuo1.png) no-repeat;
    background-size: cover;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    float: right;
    box-shadow: 0px 4px 10px #ffb7c5;
    color: #fe5476 !important;
    cursor: pointer;
    text-align: center;
    font-size: 14px !important;
    margin: 0px 3px 0 0;
    padding: 0 5px;
    width: 60px;
    font-weight: normal;
}

.zixu_cs img {
    height: 12px;
    margin-top: -3px;
    margin-right: 3px;
}

.zixu_cs:hover {
    height: 24px;
    background: url(../images/fengsuo_h1.png) no-repeat;
    background-size: cover;
    box-shadow: 3px 4px 10px #ffb7c5;
}


.zixu_cs1 {
    border-radius: 100px;
    background: url(../images/fengsuo1.png) no-repeat;
    background-size: cover;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    float: right;
    box-shadow: 0px 4px 10px #ffb7c5;
    color: #fe5476 !important;
    cursor: pointer;
    text-align: center;
    font-size: 14px !important;
    margin: 3px 3px 0px 0 !important;
    padding: 0 5px;
    width: 60px;
    font-weight: normal;
}

.zixu_cs1 img {
    height: 12px;
    margin-top: -3px;
    margin-right: 3px;
}

.zixu_cs2 {
    border-radius: 100px;
    background: url(../images/fengsuo1.png) no-repeat;
    background-size: cover;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    float: right;
    box-shadow: 0px 4px 10px #ffb7c5;
    color: #fe5476 !important;
    cursor: pointer;
    text-align: center;
    font-size: 14px !important;
    margin: 3px 3px 0px 0 !important;
    padding: 0 5px;
    width: 60px;
    font-weight: normal;
}

.zixu_cs2 img {
    height: 12px;
    margin-top: -3px;
    margin-right: 3px;
}

.zixu_cs1:hover,
.zixu_on {
    height: 24px;
    background: url(../images/fengsuo_h1.png) no-repeat;
    background-size: cover;
    box-shadow: 3px 4px 10px #ffb7c5;
}



.dtmr20 {
    margin-right: 10px;
}

@media (max-width:450px) {
    .sx_ment {
        width: 190px;
        margin: 0 auto;
        display: table;
        margin-bottom: 10px !important;
    }

    .xs_wi90 {
        width: calc(100% - 80px);
        float: left;
    }

    .dtmr20 {
        margin-right: 0px;
    }
}

.xss_he {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}



.dt_right_1 {
    height: 25px;
    background: url(../images/fengsuo.png) no-repeat;
    background-size: cover;
    line-height: 25px;
    border-radius: 100px;
    float: right;
    box-shadow: 3px 4px 10px #d5ddec;
    color: #87909c !important;
    text-align: center;
    padding: 0 10px;
    cursor: pointer;
}

.dt_right_1:hover {
    height: 26px;
    background: url(../images/fengsuo_h.png) no-repeat;
    background-size: cover;
    box-shadow: 3px 4px 10px #d5ddec;
}


.ys_dt {
    line-height: 20px;
    padding-bottom: 5px;
    color: #fd5678;
    font-size: 12px;
    padding-left: 10px;
}


.btn_img {
    width: 40px;
    height: 31px;
    margin: 8px -5px 0 0;
    background: none;
    padding: 0;
}

.btn_img>.btn_back {
    width: 100%;
    height: 100%;
    background: url("../images/fanhui.png") no-repeat 0 0;
    background-size: 100%;
}

.btn_img:hover>.btn_back {
    background-position: 0 -31px;
}

.btn_img:hover {
    box-shadow: unset;
}


.sc_cc {
    border-radius: 100px;
    display: table;
    background: url(../images/fengsuo.png) no-repeat;
    background-size: cover;
    padding: 0 5px;
    height: 20px;
    line-height: 20px !important;
    float: right;
    box-shadow: 3px 4px 10px #d5ddec;
    color: #87909c !important;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    padding: 0 6px;
}

.sc_cc img {
    height: 12px;
    margin-top: -3px;
    margin-right: 3px;
}

.sc_cc:hover {
    height: 22px;
    background: url(../images/fengsuo_h.png) no-repeat;
    background-size: cover;
    box-shadow: 3px 4px 10px #d5ddec;
}

.liu_yf {
    width: calc(100% - 108px);
    float: left;
}

.big_img .swiper-pagination-bullet {
    background: #fff;
    width: 12px;
    height: 12px;
    cursor: pointer;
}


.liuy_qh {
    width: 94%;
    margin: 0 auto;
    display: table;
    box-shadow: 0 0 10px #eee;
    margin-bottom: 10px;
    border-radius: 10px;
}

.liuy_qh ul {
    width: 70%;
    margin: 0 auto;
    display: table;
}

.liuy_qh li {
    width: 50%;
    float: left;
}

.liuy_qh li a {
    text-align: center;
    margin: 0 auto;
    display: table;
    color: #333;
    font-size: 16px;
    padding: 10px 0;
}

.liy_hover {
    color: #fd5678 !important;
    border-bottom: #fd5678 3px solid;
}

@media (max-width:450px) {
    .liuy_qh ul {
        width: 100%;
        display: table;
    }
}

.n_dtwu_nr {
    width: 90%;
    margin: 0 auto;
    display: table;
    margin-top: 30px;
}

.n_dtwu_nr img {
    width: 140px;
    margin: 0 auto;
    display: table;
}

.n_dtwu_nr p {
    font-size: 15px;
    color: #999999;
    text-align: center;
    padding-top: 10px;
}

.blur_img {
    filter: blur(1px);
    -webkit-filter: blur(1px);
}

.xa_ssbg {
    border-radius: 100px;
    box-shadow: rgba(232, 117, 130, 0.2) 2px 0 5px;
    float: left;
    font-size: 12px;
    background: #ffffff;
    padding: 5px 5px;
    margin-top: 5px;
}

.xa_ssbg span {
    float: left;
    color: #eee;
}

.xa_ssbg img {
    float: left;
    height: 14px;
    margin-top: 0;
}




@media (max-width:450px) {
    .wx_z {
        font-size: 16px !important;
        float: left;
        margin: 0 auto;
        position: relative;
        line-height: 37px !important;
        margin-left: 40px;
    }
}

@media (max-width:320px) {
    .wx_z {
        font-size: 14px !important;
        float: left;
        margin: 0 auto;
        position: relative;
        line-height: 37px !important;
        margin-left: 31px;
    }
}



/*高级名人认证 */

.gaoji_rz {
    width: 94%;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(244, 146, 159, 0.8);
    background: url(../../alert/images/renz_03.png) no-repeat TOP;
    background-size: 100%;
    padding: 15px 0;
    margin-top: 30px;
}

.gaoji_rz01 {
    width: 94%;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(244, 146, 159, 0.8);
    background: url(../../alert/images/renz_06.png) no-repeat TOP;
    background-size: 100%;
    padding: 15px 0;
    margin-top: 30px;
}

.gao_bitaoti {
    height: 50px;
    margin: 0 auto;
    display: table;
}

.gao_font {
    width: 95%;
    margin: 0 auto;
    display: table;
    font-size: 18px;
    color: #f06b84;
    text-align: center;
    font-weight: bold;
    padding-top: 10px;
}

.benren_rz {
    width: 94%;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(244, 146, 159, 0.8);
    background: url(../../images/renz_04.png) no-repeat TOP;
    background-size: 100%;
    padding: 15px 0;
    margin-top: 30px;
}

.renz {
    width: 94%;
    margin: 0 auto;
    display: table;
    /* box-shadow: 0 5px 10px rgba(244,146,159,0.8); */
    background: #fff1f3;
    border-bottom: #fab8bc 1px solid;
    border-top: #fab8bc 1px solid;
    padding: 15px 10px;
    margin-top: 30px;
}


.ag_ttile {
    width: 95%;
    margin: 0 auto;
    display: table;
    border-radius: 6px;
    padding: 5px 10px;
    box-shadow: 0 6px 8px rgba(238, 84, 114, 0.3);
    /* background:url(../images/renz_35.png)no-repeat 100% center,linear-gradient(to right,#ffb5be,#fff8f9);*/
    background: url(../../alert/images/z_dk.png) no-repeat, linear-gradient(90deg, #ffb5be, #fff8f9);
    background-position: center;
    margin-top: 5px;
    background-position: right;
}

.ag_ttile.on {
    background: url(../images/z_dk1.png) no-repeat, linear-gradient(90deg, #ffb5be, #fff8f9);
    background-position: center;
    position: relative;
    cursor: pointer;
    background-position: right;
}




.ag_ttile {
    width: 95%;
    margin: 0 auto;
    display: table;
    background: linear-gradient(to right, #ffb5be, #fff8f9);
    border-radius: 6px;
    padding: 5px 10px;
    box-shadow: 0 6px 8px rgba(238, 84, 114, 0.3);
    margin-top: 5px;
}

.gaor_nr01 {
    width: 95%;
    margin: 0 auto;
    display: table;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 5px 10px rgba(184, 184, 184, 0.5);
    padding: 10px 0;
    border-radius: 10px;
    margin-top: 20px;
}

.gaor_nr01 {
    margin-bottom: 15px;
}

.gaor_nr01 ul {
    margin-bottom: 15px;
}

.gaor_nr01 ul li {
    width: 95%;
    margin: 0 auto;
    line-height: 22px;
    padding: 10px 0;
    border-bottom: #fcb4b0 1px dashed;
    display: table;
    font-size: 15px
}

.gaor_nr01 ul li img {
    height: 20px;
}

.gaor_nr01 ul li font {
    width: calc(100% - 25px);
    float: right;
}

.gaor_nr01 {
    width: 95%;
    margin: 0 auto;
    display: table;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 5px 10px rgba(184, 184, 184, 0.5);
    padding: 10px 0 15px 0;
    border-radius: 10px;
    margin-top: 20px;
}

.gaor_nr01 {
    margin-bottom: 15px;
}

.gaor_nr01_li {
    width: 95%;
    margin: 0 auto;
    line-height: 22px;
    padding: 10px 0;
    border-bottom: #fcb4b0 1px dashed;
    display: table;
    font-size: 15px
}

.gaor_nr01_li img {
    height: 20px;
}

.gaor_nr01_li font {
    width: calc(100% - 25px);
    float: right;
}



.gaor_tit {
    width: 95%;
    margin: 0 auto;
    display: table;
    background: linear-gradient(to right, rgba(252, 108, 136, 0.3), rgba(252, 108, 136, 0.6));
    border-radius: 10px;
    margin-top: 25px;
}

.gaor_tit dt {
    background: url(../../images/renz_35.png) no-repeat;
    background-size: 33px;
    background-position: right;
    color: #333;
    position: relative;
    cursor: pointer;
    margin: 16px 0 13px 0;
    padding: 0px 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.ge_ttimg {
    height: 30px;
    margin-right: 3px;
}

.gaor_tit dt.on {
    background: url(../../images/renz_37.png) no-repeat;
    background-size: 33px;
    background-position: right;
    position: relative;
    cursor: pointer;
}

.sa_l {
    width: calc(100% - 40px);
    display: table;
}


.gar_dizk {
    width: 100%;
    border-radius: 10px;
    background: url(../../images/renz_30.png) no-repeat #fff bottom;
    background-size: 100%;
    padding: 10px 0 20px 0;
}

.gar_dizk ul {
    width: 95%;
    margin: 0 auto;
    display: table;
    display: table;
}

.gar_dizk ul li {
    width: 100%;
    margin: 0 auto;
    line-height: 22px;
    padding: 10px 0;
    border-bottom: #fcb4b0 1px dashed;
    display: table;
    font-size: 15px
}

.gar_dizk ul li img {
    height: 20px;
}

.gaor_font {
    width: calc(100% - 25px);
    float: right;
    font-size: 15px;
}

.ga_rtable {
    width: 100%;
    display: table;
    color: #666666;
    padding-top: 5px;
    font-size: 13px;
}

.ga_rtable font {
    width: 100%;
    display: table;
    line-height: 22px;
}


.ga_button {
    margin: 0 auto;
    display: table;
    margin-top: 20px;
    margin-bottom: 15px;
}

.ga_1 {
    width: 200px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 100px;
    background: linear-gradient(to top, #ffd9e0, #fff);
    display: table;
    float: left;
    border: #ffcbd4 1px solid;
    box-shadow: 0 5px 10px rgba(238, 84, 114, 0.3);
    color: #fe92a8;
    font-size: 15px;
}

.ga_1:active {
    color: #fe92a8;
    background: linear-gradient(to bottom, #ffd9e0, #fff);
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5), -4px -4px 6px 0 rgba(116, 125, 136, .5), inset -4px -4px 6px 0 rgba(255, 255, 255, .2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4) !important;
}




.ga_2 {
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 100px;
    background: linear-gradient(to top, #bababa, #f8f8f8);
    padding: 0 30px;
    display: table;
    float: left;
    border: #dbdbdb 1px solid;
    box-shadow: 0 5px 10px rgba(123, 123, 123, 0.3);
    margin-left: 20px;
    font-size: 15px;
    color: #333;
}

.ga_2:active {
    color: #333;
    background: linear-gradient(to bottom, #bababa, #f8f8f8);
    box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5), -4px -4px 6px 0 rgba(116, 125, 136, .5), inset -4px -4px 6px 0 rgba(255, 255, 255, .2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4) !important;
}

.ga_2:hover {
    color: #333;
}


.ga_top {
    margin-top: 20px;
}

.ga_top40 {
    margin-top: 40px;
}

.ga_bot70 {
    margin-bottom: 70px !important;
}


@media (max-width:450px) {
    .gao_font {
        font-size: 16px;
    }

    .gaor_tit dt {
        font-size: 16px;
    }
}

@media (max-width:320px) {
    .ga_1 {
        width: auto;
        padding: 0 20px;
    }

    .ga_2 {
        padding: 0 30px;
        margin-left: 10px;
    }
}


.gjrz_nr {
    width: 94%;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(123, 123, 123, 0.3);
    background: url(../../alert/images/rz_022.png) no-repeat TOP;
    background-size: 100%;
    padding: 15px 0;
    margin-top: 30px;
}

.gjrz_nr01 {
    width: 94%;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(123, 123, 123, 0.3);
    background: url(../../alert/images/rz_011.png) no-repeat TOP;
    background-size: 100%;
    padding: 15px 0;
    margin-top: 30px;
}


.gjr_b {
    width: 90%;
    margin: 0 auto;
    display: table;
    margin-top: 30px;
}

.gjr_b img {
    height: 50px;
    float: left;
}

.gjr_nr01 {
    width: 95%;
    margin: 0 auto;
    display: table;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0 5px 10px rgba(184, 184, 184, 0.5);
    border-radius: 10px;
    margin-top: 10px;
    color: #666666;
    padding: 10px;
}

.gjr_nr01 h2 {
    width: 96%;
    margin: 0 auto;
    display: table;
}

.gjr_nr02 {
    width: 95%;
    margin: 0 auto;
    display: table;
    background: linear-gradient(to bottom, #fff3f4, #fff);
    box-shadow: 0 7px 5px rgba(223, 160, 167, 0.3);
    border-radius: 10px;
}

.gjr_nr02_h2 {
    width: 95%;
    margin: 0 auto;
    display: table;
    color: #ee5472;
    font-size: 15px;
}

.gir_pa {
    padding: 15px 0 10px 0;
}

.gir_pa01 {
    padding: 15px 0 15px 0;
}

.gir_top20 {
    margin-top: 20px;
}

.gir_top15 {
    margin-top: 15px;
}


.gir_border {
    border-radius: 10px !important;
    border: #ffc2c9 1px solid !important;
    background-color: #fff;
}

@media (max-width:450px) {
    .gjrz_nr {
        background: url(../../alert/images/rz_02.png) no-repeat TOP;
        background-size: 100%;
    }

    .gjrz_nr01 {
        background: url(../../alert/images/rz_01.png) no-repeat TOP;
        background-size: 100%;
    }
}

.g_rznz {
    width: 95%;
    margin: 0 auto;
    display: table;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(254, 146, 169, 0.3);
    padding: 18px 0 20px 0;
}

.g_rznz h2 {
    width: 95%;
    margin: 0 auto;
    display: table;
    color: #666;
}

.g_rinput {
    width: 100%;
    height: 40px;
    border: #ffc2c9 1px solid;
    border-radius: 10px;
    color: #333;
    padding: 0 10px;
    outline: none;
}

.g_rtext {
    width: 100%;
    height: 75px;
    border: #ffc2c9 1px solid;
    border-radius: 10px;
    color: #333;
    padding: 5px 10px;
    outline: none;
    line-height: 25px;
}

.ga_or {
    background: #fff8f9;
    color: #d2d2d2;
    border-radius: 100px;
    display: table;
    padding: 0 20px;
    margin: 8px 0;
}

.ga_or01 {
    background: #fff;
    color: #d2d2d2;
    border-radius: 100px;
    display: table;
    padding: 0 20px;
    margin: 8px 0;
}


.g_pa10 {
    padding: 15px 0 0 0;
}

.rzmabot_20 {
    margin-bottom: 20px !important;
}

.rzmabot_10 {
    margin-bottom: 10px !important;
}

.rzmatop_10 {
    margin-top: 10px !important;
}

.rzmatop_8 {
    margin-top: 8px !important;
}

.rzmatop_5 {
    margin-top: 5px !important;
}


.tongyi {
    width: 120px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 100px;
    background: #fe92a9;
    display: table;
    float: left;
    border: #ffcbd4 1px solid;
    box-shadow: 0 5px 10px rgba(238, 84, 114, 0.3);
    color: #fff;
    font-size: 15px;
    margin: 0 10px;
}

.tongyi:hover {
    background: linear-gradient(to bottom, #ffd9e0, #fff);
    color: #fe92a8;
}


.tongyi2 {
    width: 120px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 100px;
    background: #fff;
    display: table;
    float: left;
    border: #e44e71 1px solid;
    box-shadow: 0 5px 10px rgba(238, 84, 114, 0.3);
    color: #e44e71;
    font-size: 15px;
    margin: 0 10px;
}

.tongyi:hover {
    olor: #fe92a8;
}

@media (max-width:320px) {
    .gjr_nr02_h2 {
        font-size: 14px;
    }
}


.renz_n {
    width: 92%;
    margin: 0 auto;
    display: table;
    color: #666666;
    padding: 0px 10px 0 10px;
}



.go_laez {
    width: 94%;
    margin: 0 auto;
    display: table;
    padding: 15px 0;
    margin-top: 50px;
}

.go_laez_h2 {
    width: 90%;
    margin: auto;
    display: table;
    color: #fd748e;
    text-align: center;
    font-size: 16px;
}

.go_laez_h2 img {
    width: 100px;
    margin: auto;
    display: table;
}

.go_laez_h3 {
    width: 90%;
    margin: auto;
    display: table;
    text-align: center;
    margin-top: 30px;
}

.go_laez_h3 h2 {
    font-size: 15px;
    line-height: 30px;
}

.go_hola {
    margin: 0 auto;
    display: table;
    background: #fff8f9;
    box-shadow: 0 5px 10px rgba(238, 84, 114, 0.3);
    border-radius: 100px;
    line-height: 25px;
    padding: 5px 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #fd748e;
}

.go_hola_a {
    width: 25px;
    height: 25px;
    background: #fd738d;
    border-radius: 100px;
    display: table;
    float: right;
    margin-left: 5px;
}

.go_hola_a img {
    height: 15px;
    margin-top: -2px;
}

.go_hola:hover {
    color: #fd748e;
    background: linear-gradient(to bottom, #ffd8df, #fff);
}



.renz_ta {
    width: 94%;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgba(123, 123, 123, 0.3);
    padding: 15px 0;
    margin-top: 30px;
    margin-bottom: 50px;
}

.ren_title {
    width: 94%;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
    background: linear-gradient(to bottom, #fff3f4, #fff);
    border-radius: 10px;
    box-shadow: 0 5px 5px rgba(123, 123, 123, 0.2);
    padding-bottom: 5px;
}

.ren_title_tie {
    width: 95%;
    margin: 0 auto;
    display: table;
    border-bottom: #e5e5e5 1px solid;
    line-height: 25px;
    padding: 5px 0;
}

.ren_title_tie span {
    float: left;
    color: #ee5472;
    margin-right: 10px;
    line-height: 30px;
    font-size: 15px;
}

.re_yicon {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 5px 10px rgba(123, 123, 123, 0.3);
    display: table;
}

.re_yicon img {
    height: 20px;
    margin: 0 auto;
    display: table;
    margin-top: 5px;
}


.ren_table {
    width: 95%;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
}

.ren_table h2 {
    color: #999999;
}

.ren_table_g {
    width: 100%;
    border: #dddddd 1px solid;
    display: table;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 10px;
}

.ren_table_g table {
    width: 100%;
    background: #fff;
}

.ren_table_g table tr td {
    border-bottom: #dddddd 1px solid;
    border-right: #dddddd 1px solid;
    text-align: center;
    padding: 8px 0;
    line-height: 25px;
    cursor: pointer;
}

.ren_table_g table tr:nth-child(odd) {
    background: #eee;
}

.ren_bor {
    border-right: none !important;
}

.ren_bot {
    border-bottom: none !important;
}


.ren_dx {
    width: 100%;
    display: table;
    color: #666;
    padding-bottom: 15px;
    padding-top: 5px;
}

.ren_dx i {
    font-style: normal;
    line-height: 12px;
    margin-left: 3px;
    margin-top: 2px;
    position: absolute;
}

.ren_dh {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display: table;
    display: none;
}

.ren_dh img {
    width: 20px;
    height: 20px;
}

.re_bae {
    width: 95%;
    margin: 0 auto;
    display: table;
    margin-bottom: 15px;
    margin-top: 10px;
}

.re_bae_span {
    float: left;
    margin-right: 20px;
    color: #999999;
    font-size: 15px;
}

.re_bae_font {
    width: 100%;
    display: table;
    color: #999999;
    font-size: 15px;
    line-height: 40px;
}

.re_rinput {
    width: calc(100% - 60px);
    height: 40px;
    border: #ffc2c9 1px solid;
    border-radius: 10px;
    color: #999;
    padding: 0 10px;
    outline: none;
    float: right;
}

.re_rinput::placeholder {
    color: #999999;
}



.aid_but {
    width: 104px;
    height: 34px;
    background: url("../images/fanhui01.png") no-repeat 0 0;
    background-size: 100%;
    float: right;
    line-height: 34px;
    color: #fff;
    margin-top: 5px;
    margin-right: -4px;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
}

.aid_but img {
    height: 12px;
    margin-left: 0px;
    margin-top: -2px;
    margin-right: 1px;
}

.aid_but:hover {
    background-position: 0 -34px;
    color: #fff;
}



.wx_z01 {
    font-size: 16px;
    position: relative;
    line-height: 37px !important;
    text-align: center;
    color: #fd5678;
    border-bottom: #fd5678 3px solid;
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    display: table;
    left: 50px;
}


/* .lvgu{background:url("../images/lg_but01_03.png") no-repeat;background-size: 100%;  z-index:6;width:100px; height:45px;} 
.lvgu_on{position: absolute; right:-10px; top:-10px;background:url("../images/lg_but02_03.png") no-repeat;background-size: 100%;  z-index:6;width:100px; height:45px;}*/
.huis_01 {
    background: #dcdcdc;
}


.lvgu_a {
    position: absolute;
    right: 10px;
    top: -10px;
    background: #fff;
    z-index: 6;
    color: #ffffff;
    border-radius: 100px;
    padding: 0px 5px 0px 5px;
    height: 26px;
    box-shadow: 0 5px 5px #ffc1cd;
    display: table;
    cursor: pointer;
}

.lvgu_a:hover {
    background: #fff;
    color: #fff;
    box-shadow: inset 0px 15px 10px -10px #ffc4d0, inset 0px -10px 10px -20px #ffc4d0;
}

.lvgu {
    background: url("../images/lg_03.png") no-repeat;
    background-size: 100%;
    width: 66px;
    height: 20px;
    margin-top: 3px;
}

.lvgu_on {
    background: url("../images/blg_03.png") no-repeat;
    background-size: 100%;
    width: 66px;
    height: 20px;
    margin-top: 3px
}

@media (max-width:824px) {
    .lvgu_a:hover {
        background: #fff;
        box-shadow: 0 5px 5px #ffc1cd;
    }

    .lvgu_a:active {
        background: #fff;
        color: #fff;
        box-shadow: inset 0px 15px 10px -10px #ffc4d0, inset 0px -10px 10px -20px #ffc4d0;
    }
}




.tl_bbg {
    width: 95%;
    margin: 0 auto;
    display: table;
    background: url("../images/taolq01.png") no-repeat;
    background-size: cover;
    padding: 10px 0 4px 0;
    border-radius: 20px;
    box-shadow: 0 5px 17px rgba(153, 201, 238, 0.2);
    cursor: pointer;
}

.tl_bbg_img {
    width: 300px;
    margin: 0 auto;
    display: table;
}

.tl_bbg:hover {
    box-shadow: 0 0px 20px rgba(173, 194, 213, 0.5);
}

.tl_bbg:active {
    box-shadow: 0 0px 20px rgba(173, 194, 213, 0.5);
}


.tl_bbg_1 {
    width: 95%;
    margin: 0 auto;
    display: table;
    background: url("../images/taolq03.png") no-repeat;
    background-size: cover;
    padding: 10px 0 4px 0;
    border-radius: 20px;
    box-shadow: 0 5px 17px rgba(173, 194, 213, 0.3);
    cursor: pointer;
}

.tl_bbg_1:hover {
    box-shadow: 0 0px 20px rgba(173, 194, 213, 0.5);
}

.tl_bbg_1:active {
    box-shadow: 0 0px 20px rgba(173, 194, 213, 0.5);
}


.tl_bbg_2 {
    width: 95%;
    margin: 0 auto;
    display: table;
    background: url("../images/taolq01-a.png") no-repeat;
    background-size: cover;
    padding: 10px 0 4px 0;
    border-radius: 20px;
    box-shadow: 0 5px 17px rgba(255, 37, 81, 0.2);
    cursor: pointer;
}

.tl_bbg_2:hover {
    box-shadow: 0 0px 20px rgba(255, 37, 81, 0.3);
}

.tl_bbg_2:active {
    box-shadow: 0 0px 20px rgba(255, 37, 81, 0.3);
}


.te_clo {
    color: #3ba4fa !important;
}

.te_ins {
    width: 97%;
    margin: 0 auto;
    display: table;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0 0 20px 20px;
    box-shadow: 0 10px 10px rgba(255, 37, 81, 0.5);
    padding: 8px 10px 5px 10px;
}

.te_ins_1 {
    width: 97%;
    margin: 0 auto;
    display: table;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0 0 20px 20px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
    padding: 8px 10px 5px 10px;
}

.te_ins_2 {
    width: 97%;
    margin: 0 auto;
    display: table;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 0 0 20px 20px;
    box-shadow: 0 10px 10px rgba(153, 201, 238, 0.6);
    padding: 8px 10px 5px 10px;
}




.te_cbk {
    color: #333 !important;
}

.te_incob {
    color: #fff;
}

@media (max-width:450px) {
    .tl_bbg_img {
        width: 280px;
        margin: 0 auto;
        display: table;
    }

    .te_ins {
        padding: 8px 10px 5px 10px;
    }

    .tl_bbg:hover {
        box-shadow: 0 5px 17px rgba(153, 201, 238, 0.2);
    }

    .tl_bbg:active {
        box-shadow: 0 0px 20px rgba(173, 194, 213, 0.5);
    }


    .tl_bbg_1:hover {
        box-shadow: 0 5px 17px rgba(173, 194, 213, 0.3);
        rgba(173, 194, 213, 0.5);
        padding: 10px 0 4px 0;
    }

    .tl_bbg_1:active {
        box-shadow: 0 0px 20px rgba(173, 194, 213, 0.5);
    }

    .tl_bbg_2:hover {
        box-shadow: 0 5px 17px rgba(255, 37, 81, 0.3);
    }

    .tl_bbg_2:active {
        box-shadow: 0 0px 20px rgba(255, 37, 81, 0.3);
    }

}

@media (max-width:360px) {
    .te_ins {
        padding: 5px 10px 0px 10px;
    }
}

@media (max-width:320px) {
    .te_ins {
        padding: 5px 10px 5px 10px;
    }
}

/* 12-22 */
.hyneback01 {
    position: absolute;
    left: 10px;
    top: -10px;
    background: linear-gradient(to bottom, #f9cfcf, #fda8b5);
    z-index: 6;
    color: #ffffff;
    border-radius: 100px;
    padding: 0px 10px 0px 5px;
    line-height: 26px;
    box-shadow: 0 5px 5px #ffc1cd;
    cursor: pointer;
}

.hyneback01:hover {
    background: linear-gradient(to top, #f9cfcf, #fda8b5);
    color: #fff;
    box-shadow: inset 0px 15px 10px -10px #f83964, inset 0px -10px 10px -20px #f83964;
}

.hyneback01 img {
    height: 22px;
    vertical-align: middle;
    margin-right: 2px;
    margin-top: -2px;
}

.he_tkcn {
    width: 110px;
    background: #fff6f7;
    border-radius: 10px;
    box-shadow: 0 5px 5px #ffc1cd;
    position: absolute;
    right: 0;
    top: 70px;
    display: none;
}

.he_tkcn ul {
    width: 94%;
    margin: 0 auto;
    display: table;
    padding: 5px 0px;
}

.he_tkcn ul a {
    width: 100%;
    padding: 5px 5px;
    display: table;
    font-size: 14px;
    border-bottom: #ffccd2 1px solid;
}

.he_tkcn ul a:hover {
    background: #fff;
    border-radius: 5px;
}

.he_tkcn_img {
    height: 22px;
    margin-right: 5px;
    float: right;
}

.he_tkcn ul a:last-child {
    border-bottom: 0;
}



.zh_shed {
    background: url(../images/shed.png) no-repeat;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 10px;
    top: -10px;
    background-size: 100%;
    z-index: 5
}

.zh_shed:hover {
    background: url(../images/shed_1.png) no-repeat;
    width: 80px;
    height: 80px;
    background-size: 100%;
}

.zh_shed_right {
    background: url(../images/shed.png) no-repeat;
    width: 80px;
    height: 80px;
    position: absolute;
    right: 40px;
    top: 10px;
    background-size: 100%;
    z-index: 5
}

.zh_shed_right:hover {
    background: url(../images/shed_1.png) no-repeat;
    width: 80px;
    height: 80px;
    background-size: 100%;
}

@media (max-width:993px) {
    .zh_shed_right {
        background: url(../images/shed.png) no-repeat;
        width: 80px;
        height: 80px;
        position: absolute;
        right: 10px;
        top: 10px;
        background-size: 100%;
        z-index: 5
    }

    .zh_shed_right:hover {
        background: url(../images/shed_1.png) no-repeat;
        width: 80px;
        height: 80px;
        background-size: 100%;
    }
}

.mtop {
    margin-top: 6px;
}


.ky_sy {
    width: 100%;
    border-top: #eee 1px solid;
    padding-top: 15px;
    padding-bottom: 5px;
}

.kyzh_b {
    border-radius: 100px;
    display: table;
    background: url(../images/fengsuo.png) no-repeat;
    background-size: cover;
    height: 30px;
    line-height: 30px;
    box-shadow: 3px 4px 10px #d5ddec;
    color: #87909c !important;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    margin: 0 auto;
    padding: 0 15px;
    display: table;
}

.kyzh_b img {
    height: 16px;
    margin-top: -3px;
    margin-right: 3px;
}

.kyzh_b_h {
    height: 30px;
    background: url(../images/fengsuo_h.png) no-repeat top;
    background-size: cover;
    box-shadow: 3px 4px 10px #d5ddec;
}

.tk_ccs {
    width: 135px !important;
}

.n_searchtit_a1 {
    width: 100%;
    display: table;
    margin-top: 20px;
    background: url(../images/pc_lbgtop-n.png) no-repeat top;
    background-size: 100%;
    position: relative;
    min-height: 145px;
    margin-top: -34px;
    z-index: -10;
}

@media (max-width:1024px) {
    .n_searchtit_a1 {
        min-height: 120px;
    }
}

@media (max-width:824px) {
    .n_searchtit_a1 {
        min-height: 120px;
        margin-top: -36px;
    }
}

@media (max-width:568px) {
    .n_searchtit_a1 {
        min-height: 80px;
        margin-top: -20px;
    }
}

@media (max-width:450px) {
    .n_searchtit_a1 {
        width: 100%;
        display: table;
        margin-top: 20px;
        background: url(../images/se_bgtop-n.png) no-repeat top;
        background-size: 100%;
        position: relative;
        min-height: 100px;
        margin-top: -30px;
        z-index: -10;
    }
}

@media (max-width:360px) {
    .n_searchtit_a1 {
        min-height: 80px;
        margin-top: -30px;
    }

    .tk_ccs {
        width: 120px !important;
        font-size: 14px;
    }

    .tk_rl5 {
        margin-left: 5px;
    }

    .tk_ll5 {
        margin-right: 11px;
    }
}


.n_heighnn {
    width: 95%;
    margin: 0 auto;
    color: #666666;
    height: 100px;
    display: table;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}

.n_gd {
    width: 5px;
    height: 100%;
    position: absolute;
    background: #fff;
    top: 0;
    right: 0;
    border-radius: 100px;
}

.n_gd_t {
    width: 100%;
    height: 50%;
    background: #8a9fef;
    border-radius: 100px;
}

.nn_dontt {
    width: 100%;
    background: linear-gradient(0deg, #ffb4c5 0%, #fff 100%);
    border-radius: 5px;
    box-shadow: 0 0 10px #eeeeee;
    display: table;
    overflow: hidden;
}

.nn_dontt ul {
    width: 100%;
    margin: 0 auto;
    display: table;
}

.nn_dontt ul li {
    width: 50%;
    text-align: center;
    float: left;
    font-size: 16px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
}

.nn_dontt_hover {
    color: #ee5472 !important;
    background: linear-gradient(180deg, #ffccd2 0%, #fff 100%);
    width: 100%;
    display: table;
    font-weight: bold;
}

.dd {
    position: absolute;
    right: 22px;
    top: 8px;
    background: #F00;
    border-radius: 100px;
    color: #ffffff;
    height: 8px;
    width: 8px;
}

.dd01 {
    background: #F00;
    border-radius: 100px;
    color: #ffffff;
    height: 8px;
    width: 8px;
    display: table;
    float: left;
    margin-top: 5px;
}

.dd_p {
    position: relative;
}

.ddt_list {
    width: 94%;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
}

.bangui {
    width: 100%;
    background: linear-gradient(to right, #ffe3e6, #fff);
    padding: 6px 10px;
    color: #fd5678;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    line-height: 24px;
    font-size: 14px;
    box-shadow: #ffe3e6 0 5px 6px;
}

.bangui img {
    height: 18px;
    margin-top: -2px;
    margin-left: 3px;
}

.bangui font {
    width: calc(100% - 26px);
    float: right;
}

.ngg_a_tab {
    border-radius: 10px;
    box-shadow: 0 0 10px #ffeff6;
    width: 100%;
    overflow: hidden;
    display: block;
    padding-bottom: 30px;
}

.naa_dd {
    padding: 0 10px;
}

.na_selct {
    width: 100%;
    border: #eee 1px solid;
    padding: 5px 10px;
    border-radius: 6px;
}

.na_top {
    margin-top: 12px;
}

.na_top25 {
    margin-top: 20px;
}

.na_nb {
    font-weight: normal !important;
}

.n_gg_mm {
    width: 100%;
    height: 50px;
    border: #fcd9da 1px solid;
    background: url(../images/zs_jtup-a.png) no-repeat #fff6f8;
    border-radius: 5px;
    box-shadow: 0 0 10px #ffeff6;
    margin-bottom: 15px;
    margin-top: 20px;
    background-position: right center;
    background-size: 26px;
    cursor: pointer;
}

.gg_zh .open {
    width: 100%;
    height: 50px;
    border: #fcd9da 1px solid;
    background: url(../images/zs_jtdown-a.png) no-repeat #fff6f8;
    border-radius: 5px;
    box-shadow: 0 0 10px #ffeff6;
    margin-bottom: 15px;
    margin-top: 20px;
    background-position: right center;
    background-size: 26px
}

.n_gg_mm span {
    float: left;
    margin-left: 15px;
    color: #ee6484;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 12.5px;
}

.n_gg_mm span i {
    width: 4px;
    height: 20px;
    background: #ee6484;
    margin-right: 10px;
    display: table;
    float: left;
}

.n_gg_mm img {
    height: 40px;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    ;
}

#menuButton {
    right: 0px !important;
}


.se_tex