﻿/*通用类*/
*
{
    margin: 0;
    padding: 0;
}
/*兼容老设备的rem-px基准*/
html
{
    font-size: 42.6667px;
}
@media screen and (max-width: 320px)
{
    html
    {
        font-size: 42.6667px;
    }
}
@media screen and (min-width: 321px) and (max-width: 360px)
{
    html
    {
        font-size: 48px;
    }
}
@media screen and (min-width: 361px) and (max-width: 375px)
{
    html
    {
        font-size: 50px;
    }
}
@media screen and (min-width: 376px) and (max-width: 414px)
{
    html
    {
        font-size: 55px;
    }
}
@media screen and (min-width: 415px) and (max-width: 484px)
{
    html
    {
        font-size: 64px;
    }
}
@media screen and (min-width: 485px) and (max-width: 720px)
{
    html
    {
        font-size: 96px;
    }
}
@media screen and (min-width: 721px) and (max-width: 768px)
{
    html
    {
        font-size: 102px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1080px)
{
    html
    {
        font-size: 144px;
    }
}
@media screen and (min-width: 1080px)
{
    html
    {
        font-size: 144px;
    }
}
/*新设备的rem-vw标准*/
html
{
    overflow-x: hidden;
    font-size: 13.3333333333vw; /*一便rem.js失效，这里起作用*/
}
body
{
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
    font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
    background: #fff;
    overflow-x: hidden;
    text-align: left;
    position: relative;
    font-size: 0.27rem;
    color: #5d5d5d; /*cursor:pointer;*/
    /* IOS禁止微信调整字体大小 */
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
.fieldset
{
    border: 1px solid #ff8d29;
    padding: 16px 10px;
    border-radius:10px;
    margin:10px 0;
}
.legend{color:#ff8d29;}
.graybg
{
    background: #eae8e8;
}
.wb
{
    background: #fff;
}
pre
{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
}
img
{
    border: none;
}
img[src=''], img:not([src]) {
    opacity: 0;
}
h1, h2, h3
{
    font-weight: normal;
}
a
{
    color: #5d5d5d;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
}
input, textarea, select
{
    font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;
    font-size: 0.25rem;
    outline: none;
    margin: 0;
    padding: 0;
}
input::-webkit-input-placeholder
{
    color: #bbbaba !important;
}
textarea::-webkit-input-placeholder
{
    color: #bbbaba !important;
}
input[type='button'], input[type='text'], input[type='search'], input[type='submit'], input[type='reset'], input[type='date'], input[type='time'], input[type='number']
{
    -webkit-appearance: none;
    background-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
select
{
    -webkit-appearance: none;
}
textarea
{
    -webkit-appearance: none;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button
{
    -webkit-appearance: none !important;
    margin: 0;
}
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
    /*-webkit-text-fill-color: transparent !important;*/
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color:transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s; /*背景色透明 生效时长 过渡效果 启用时延迟的时间*/
}
ul, ol
{
    padding: 0;
    list-style-type: none;
}
em
{
    font-style: normal;
}
.lt
{
    float: left;
}
.rt
{
    float: right;
}
input.sub, label
{
    border: none;
    cursor: pointer;
}
input, textarea
{
    font-family: "Microsoft Yahei";
    outline: none;
    margin: 0;
    padding: 0;
}
input[type="date"]
{
    background-color:#fff;
}
table
{
    border-collapse: collapse;
}
td, th
{
    padding: 0;
}
div.clear
{
    font: 0px Arial;
    line-height: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}
.cm_photo
{
    display: block;
    position: relative;
    overflow: hidden;
}
.cm_photo .thumb
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.cm_photo .zw
{
    display: block;
    height: auto;
    width: 100%;
}

.banner
{
    width: 100%;
}
.banner .swiper-slide
{
    width: 100%;
}
.banner .swiper-slide img
{
    display: block;
    width: 100%;
    height: auto;
}
.banner .swiper-pagination-bullet
{
    opacity: 1;
    background: #ccc;
}
.banner .swiper-pagination-bullet-active
{
    background: #d43e35;
}

/*公用 CSS*/

.footer
{
    height: 1.2rem;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    background: #fff;
    border-top: 1px solid #eee;
    display:flex;
}
.footer a
{
    display: block;
    width: 20%;
    float: left;
    text-align: center;
    height: 1.2rem;
    box-sizing: border-box;
    padding-top: 0.034rem;
}
.footer .ico
{
    display: block;
    height: 0.66rem;
    background-repeat: no-repeat;
    background-position: center 32%;
    background-size: auto 130%;
}
.footer .hover .ico
{
    background-position: center center;
}
.footer .ico1
{
    background-image: url("../images/Weixin/f_sy.png");
}
.footer .ico2
{
    background-image: url("../images/Weixin/f_bz.png");
}
.footer .ico3
{
    background-image: url("../images/Weixin/f_ssj.png");
}
.footer .ico4
{
    background-image: url("../images/Weixin/f_yl.png");
}
.footer .ico5
{
    background-image: url("../images/Weixin/f_my.png");
}
.footer .hover .ico1
{
    background-image: url("../images/Weixin/f_sy_c.png");
}
.footer .hover .ico2
{
    background-image: url("../images/Weixin/f_bz_c.png");
}
.footer .hover .ico3
{
    background-image: url("../images/Weixin/f_ssj_c.png");
}
.footer .hover .ico4
{
    background-image: url("../images/Weixin/f_yl_c.png");
}
.footer .hover .ico5
{
    background-image: url("../images/Weixin/f_my_c.png");
}
.footer .hover
{
    color: #ff6961;
}
.footer_zw
{
    height: 1.2rem;
    clear: both;
}

/*公用 CSS*/

/*level 用户等级*/

.lev_top
{
    height: 4.7rem;
    position: relative;
    color: #fff;
    background: #d3583f; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #d3583f, #852824);
    background: -moz-linear-gradient(to right, #d3583f, #852824);
    background: -webkit-gradient(to right, #d3583f, #852824);
    background: -o-linear-gradient(to right, #d3583f, #852824);
}
.lev_header
{
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    position: relative;
    font-size: 0.42rem;
}
.lev_header .backa
{
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../images/lev_back.png") no-repeat center center;
    background-size: 0.34rem 0.34rem;
}
.lev_top .in
{
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    font-size: 0.28rem;
}
.lev_top .now
{
    height: 0.3rem;
    line-height: 0.3rem;
    padding: 0 0.16rem;
    background: #7d2b23;
    font-size: 0.22rem;
    margin: 0 0.15rem 0 0.5rem;
    position: relative;
}
.lev_top .hg
{
    width: 0.6rem;
    height: 0.47rem;
    position: absolute;
    left: -0.5rem;
    bottom: 0;
}
.lev_steps
{
    position: relative;
    width: 100%;
    height: 1.8rem;
    margin-top: 0.55rem;
}
.lev_steps .line
{
    height: 0.1rem;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0.1rem;
    background: #fffec5;
}
.lev_steps .no
{
    height: 0.84rem;
    position: absolute;
    left: 0;
    top: -0.64rem;
    z-index: 30;
}
.lev_steps .no .num
{
    height: 0.4rem;
    width: auto;
    padding: 0 2px 0 2px;
    min-width: 0.8rem;
    text-align: center;
    border-radius: 0.05rem;
    background: #7d2b23;
    position: absolute;
    top: 0;
    right: -0.41rem;
}
.lev_steps .no .s1
{
    width: 0.04rem;
    height: 0.4rem;
    background: #7d2b23;
    position: absolute;
    right: 0;
    bottom: 0.1rem;
}
.lev_steps .no .s2
{
    width: 100%;
    height: 0.1rem;
    background: #7d2b23;
    position: absolute;
    right: 0;
    bottom: 0;
}
.lev_steps .s_wrap
{
    width: 100%;
    height: 1.8rem;
    overflow-y: hidden;
    overflow-x: auto;
    position: relative;
    z-index: 20;
}
.lev_item
{
    float: left;
    width: 2.5rem;
    text-align: center;
}
.lev_item .ck
{
    display: block;
    width: 0.1rem;
    height: 0.1rem;
    border: 0.1rem solid #fffec5;
    border-radius: 100%;
    margin: 0 auto;
    background: #a93e30;
}
.lev_item .ti
{
    line-height: 0.36rem;
}

.lev_sj
{
    padding-bottom: 0.5rem;
}
.lev_sj .title
{
    height: 1rem;
    line-height: 1rem;
    padding: 0 0.4rem;
    font-size: 0.28rem;
    color: #000;
}
.lev_area
{
    width: 6.7rem;
    margin: 0 auto;
    height: 5rem;
}
.lev_sj .vipa
{
    display: block;
    width: 1.3rem;
    height: 0.54rem;
    line-height: 0.54rem;
    border-radius: 0.15rem;
    background: #ff6961;
    text-align: center;
    color: #fff;
    margin: 0.3rem auto 0 auto;
}

/*level 用户等级*/

/*user 个人主页*/

.us_header
{
    height: 1.16rem;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    line-height: 1.16rem;
    text-align: center;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    font-size: 0.4rem;
    padding: 0 1.16rem;
    box-sizing: border-box;
    text-align: left;
    color: #fff;
    border: 0;
    margin: 0;
}
.us_header .backa
{
    display: block;
    width: 1.16rem;
    height: 1.16rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../images/lev_back.png") no-repeat center center;
    background-size: 0.34rem 0.34rem;
}
.us_header .menua
{
    display: block;
    width: 1.16rem;
    height: 1.16rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../images/mall-back.png") no-repeat center center;
    background-size: 0.5rem 0.5rem;
}
.us_header .carta
{
    display: block;
    width: 1.16rem;
    height: 1.16rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/carta.png") no-repeat center center;
    background-size: 1rem 1rem;
}
.us_header .carta2
{
    display: block;
    width: 1.16rem;
    height: 1.16rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/carta2.png") no-repeat center center;
    background-size: 0.456rem auto;
}
.us_header .carta22
{
    right: 1.16rem;
}
.us_header .cc, .cc
{
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.us_header .pla
{
    color: #fff;
    font-size: 0.32rem;
    padding: 0 0.25rem;
    display: block;
    height: 1.16rem;
    position: absolute;
    right: 0;
    top: 0;
}
.us_header .ss
{
    display: block;
    width: 1.16rem;
    height: 1.16rem;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../images/us_ss.png") no-repeat center center;
    background-size: 0.5rem 0.5rem;
}
.us_zw
{
    height: 1.16rem;
    clear: both;
    border: 0;
    margin: 0;
    padding: 0;
}

.us_top
{
    padding: 0.45rem 0.3rem 0.3rem 0.3rem;
    display: flex;
    justify-content: space-between;
}
.us_top .face
{
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    position: relative;
    overflow: hidden;
    float: left;
}
.us_top .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.us_top .inf
{
    width: 4.7rem;
    float: right;
    position: relative;
}
.us_top .tp
{
    height: 0.94rem;
    line-height: 0.54rem;
}
.us_top .name
{
    font-size: 0.34rem;
    color: #272727;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.us_top .gza
{
    display: block;
    width: 1.45rem;
    height: 0.54rem;
    line-height: 0.54rem;
    text-align: center;
    border-radius: 0.05rem;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    float: right;
    color: #fff;
    font-size: 0.25rem;
}
.us_top .ungza
{
    margin-right: 0.15rem;
    background: #eee;
    color: #ff6961;
    border: 1px solid #ccc;
}
.us_top .ygz
{
    background: #eee; /* 一些不支持背景渐变的浏览器 */
    color: #ff6961;
    border: 1px solid #ccc;
    margin-top: -1px;
}
.us_top .levs
{
    display: flex;
    justify-content: space-between;
    line-height: 0.44rem;
    color: #272727;
    text-align: center;
    align-items: center;
}
.us_top .levs dt
{
    font-size: 0.34rem;
}
.us_top .levs dd
{
    color: #ff784a;
}
.us_btn_bar {
    height: 0.7rem;
    line-height: 0.7rem;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.5rem;
}
.us_btn_bar .btn
{
    display: block;
    padding: 0 0.2rem 0 0.2rem;
    width: auto;
    height: 0.54rem;
    line-height: 0.54rem;
    text-align: center;
    border-radius: 0.05rem;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    color: #fff;
    font-size: 0.25rem;
}
.us_dj
{
    color: #767676;
    font-size: 0.26rem;
}
.us_dj .in
{
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.5rem;
    display: block;
    clear: both;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.us_dj .in .ml
{
    height: 0.48rem;
    vertical-align: middle;
}
.us_dj .vip
{
    background: url("../images/lev_hg.png") no-repeat 1.5rem center;
    background-size: auto 0.35rem;
}
.us_dj .tit
{
    float: left;
    width: 1.5rem;
    text-align:left;
}
.us_dj .link
{
    display: block;
    background: url("../images/us_link.png") no-repeat 96% center;
    background-size: auto 0.28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.us_dj .teyue
{
    color: #ff784a;
    float: right;
    font-weight: bold;
    padding-left: 0.5rem;
    background: url("../images/yjl_ind21.png") no-repeat left center;
    background-size: auto 0.4rem;
}
.us_dj .gl, .gl
{
    color: #ff784a !important;
    font-weight: bold;
}
.us_btns
{
    width: 7rem;
    height: auto;
    line-height:1.6rem;
    margin: 0.2rem auto 0.4rem auto;
    box-shadow: 0 0 0.3rem #e8e8e8;
}
.us_btns a
{
    display: block;
    width: 25%;
    height: 1.6rem;
    box-sizing: border-box;
    float: left;
    text-align: center;
    padding-top: 0.24rem;
    line-height: 0.54rem;
    font-size: 0.28rem;
    color: #272727;
}
.us_btns img
{
    display: block;
    height: 0.8rem;
    margin: 0 auto;
    border-radius: 12%;
}
.us_btns span {
    line-height: 0.35rem;
    display: block;
    padding: 0.06rem 0.05rem 0 0.05rem;
}

.us_handle
{
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    font-size: 0.28rem;
    display: flex;
}
.us_handle .btn
{
    color: #fff;
    display: block;
    width: 20%;
    float: left;
    text-align: center;
    height: 1rem;
    box-sizing: border-box;
    flex:auto;
}
.us_handle .hover
{
    border-bottom: 0.05rem solid #fff;
}
.us_handle .btn div
{
    height: 1rem;
    padding:0.12rem 0 0.12rem 0;
    line-height:0.36rem;
}
.us_handle2
{
    background: #fff;
}
.us_handle2 .btn
{
    color: #5d5d5d;
    display: block;
    width: 20%;
    float: left;
    text-align: center;
    height: 1rem;
    box-sizing: border-box;
    flex:auto;
    border-bottom: 2px solid #eae8e8;
}
.us_handle2 .hover
{
    color: #ff6961;
    border-bottom: 0.1rem solid #ff6961;
}

.us_con
{
    display: none;
}
.us_con .tbar
{
    padding: 0.15rem 0.15rem 0 0.15rem;
    height: 0.84rem;
    line-height: 0.84rem;
    clear: both;
}
.us_con .tbar .cleft
{
    float: left;
    color: #767676;
    font-size: 0.28rem;
}
.us_con .tbar .cleft span
{
    float: left;
    margin-right: 0.3rem;
}
.us_con .tbar .btn
{
    float: right;
    width: 1.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #fff;
    border-radius: 0.05rem;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    margin: 0.17rem 0 0 0.17rem;
}
.us_con .tbar .ss
{
    display: inline-block;
    width: 1.5rem;
    height: 0.5rem;
    background: url("../images/us_ss.png") no-repeat center center;
    background-size: auto 100%;
}
.usc
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
.usc_zp
{
    display: block;
    width: 43.6%;
    height: 4.4rem;
    margin: 0 0.6% 1.8% 1.8%;
    box-shadow: 0 0 0.2rem #ccc;
    position: relative;
    padding: 1.8%;
    float: left;
}
.usc_zp .zda
{
    width: 1.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    border: 1px solid #fff;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    color: #fff;
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    z-index: 20;
    border-radius: 0.05rem;
}
.usc_zp .photo
{
    display: block;
    height: 3.2rem;
    position: relative;
    overflow: hidden;
}
.usc_zp .photo img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.usc_zp .play
{
    width: 0.66rem;
    height: 0.66rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../images/zp_btn.png") no-repeat center center;
    background-size: 0.4rem 0.4rem;
}
.usc_zp .name
{
    height: 0.56rem;
    line-height: 0.56rem;
    padding: 0.12rem 0.12rem 0 0.12rem;
    color: #272727;
    font-size: 0.28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.usc_zp .nm
{
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.usc_zp .songs
{
    float: left;
    height: 0.48rem;
    line-height: 0.48rem;
    margin-left: 0.12rem;
    color: #7b7b7b;
    max-width: 62%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.usc_zp .lis
{
    float: right;
    margin-right: 0.12rem;
    height: 0.48rem;
    line-height: 0.48rem;
    color: #999;
    padding-left: 0.44rem;
    background: url("../images/zp_lis.png") no-repeat left center;
    background-size: auto 0.3rem;
}
.usc_zp .sc
{
    float: right;
    margin-right: 0.12rem;
    height: 0.48rem;
    line-height: 0.48rem;
    color: #999;
    padding-left: 0.44rem;
    background: url("../images/sa_ico3.jpg") no-repeat left center;
    background-size: auto 0.44rem;
}
.usc_zp .share
{
    background: url("../images/jse_share.png") no-repeat left center;
    background-size: auto 80%;
}
.usc_zp .ycbg
{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: .15rem;
    top: 3.42rem;
    background: url("../images/yc.png") no-repeat center center;
    background-size: auto 0.4rem;
}
.usc_zp .zfbg
{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: .15rem;
    top: 3.42rem;
    background: url("../images/zf.png") no-repeat center center;
    background-size: auto 0.4rem;
}
.usc_zp .zybg
{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: .15rem;
    top: 3.42rem;
    background: url("../images/zy.png") no-repeat center center;
    background-size: auto 0.4rem;
}
.usc_zp .diybg
{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: .15rem;
    top: 3.42rem;
    background: url("../images/diy.png") no-repeat center center;
    background-size: auto 0.4rem;
}
.usc_zp .reada
{
    float: right;
    margin-right: 0.02rem;
    height: 0.48rem;
    line-height: 0.48rem;
    color: #999;
    padding-left: 0.44rem;
    background: url("../images/reada1.png") no-repeat left center;
    background-size: auto 0.2rem;
}
.tjbg
{
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/tjbg.png") no-repeat center center;
    background-size: auto 1rem;
}
.wall
{
    display: block;
    position: relative;
    padding-bottom: 0.3rem;
}
.wall-column
{
    display: block;
    position: relative;
    width: 50%;
    float: left;
    padding: 0 2%;
    box-sizing: border-box;
}
.wall .article
{
    border: 1px solid #ebebeb;
    display: block;
    margin: 0.2rem 0 0 0;
    padding: 5%;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    transition: all 100;
    overflow: hidden;
    position: relative;
}

.wall img
{
    display: block;
    width: 100%;
    height: auto;
}
.wall dt
{
    text-align: center;
    color: #000;
    font-size: 0.26rem;
    line-height: 0.54rem;
    height: 0.54rem;
}
.wall .name
{
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wall dd
{
    text-align: center;
    color: #f00;
}
.wall .carta
{
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    right: 0.2rem;
    bottom: 0.12rem;
    background: url("../images/carta.png") no-repeat center center;
    background-size: 100% 100%;
}

.act_floor
{
    padding: 0.3rem 0.3rem 0 0.3rem;
    box-shadow: 0 0 0.2rem #ccc;
    margin-bottom: 0.2rem;
}
.act_floor .tp
{
    min-height: 0.8rem;
    position: relative;
    padding-left: 1rem;
    padding-bottom: 0.05rem;
}
.act_floor .face
{
    display: block;
    width: 0.66rem;
    height: 0.66rem;
    border-radius: 100%;
    box-shadow: 0 0 0.1rem #999;
    position: absolute;
    left: 0;
    top: 0;
}
.act_floor .facein
{
    display: block;
    width: 0.66rem;
    height: 0.66rem;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
}
.act_floor .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.act_floor .tp dt
{
    height: 0.36rem;
    line-height: 0.36rem;
    font-size: 0.24rem;
    color: #272727;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.act_floor .tp dd
{
    line-height: 0.3rem;
    padding: 0.03rem 0;
    color: #7b7b7b;
    font-size: 0.24rem;
}
.act_floor .tp .red
{
    color: #ff774b;
}
.act_floor .ct
{
    border: 1px solid #efefef;
    border-radius: 0.05rem;
    padding: 0.3rem;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.act_floor .ct .ycbg
{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/yc.png") no-repeat center center;
    background-size: auto 0.6rem;
}
.act_floor .ct .zfbg
{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/zf.png") no-repeat center center;
    background-size: auto 0.6rem;
}
.act_floor .ct .zybg
{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/zy.png") no-repeat center center;
    background-size: auto 0.6rem;
}
.act_floor .ct .diybg
{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/diy.png") no-repeat center center;
    background-size: auto 0.6rem;
}
.act_floor .photo
{
    float: left;
    display: block;
    width: 1.66rem;
    height: 1.66rem;
    position: relative;
    box-shadow: 0 0 0.15rem #d8d8d8;
}
.act_floor .photoin
{
    width: 1.66rem;
    height: 1.66rem;
    position: relative;
    overflow: hidden;
}
.act_floor .photo img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.act_floor .inf
{
    width: 4.3rem;
    float: right;
}
.act_floor .name
{
    height: 0.76rem;
    line-height: 0.76rem;
    font-size: 0.28rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.act_floor .nm
{
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.act_floor .ti
{
    color: #999;
    line-height: 0.4rem;
    height: 0.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.act_floor .tiZz
{
    line-height: 0.8rem;
}
.act_floor .ss
{
    margin: 0.1rem 0 0 0;
    height: 0.66rem;
    line-height: 0.66rem;
    clear: both;
}
.act_floor .cleft
{
    float: left;
    padding-left: 0.2rem;
}
.act_floor .fa
{
    display: block;
    width: 0.66rem;
    height: 0.66rem;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    float: left;
    margin-left: -0.2rem;
}
.act_floor .fa img
{
    display: block;
    width: 0.66rem;
    height: 0.66rem;
}
.act_floor .fa:nth-child(1)
{
    z-index: 10;
}
.act_floor .fa:nth-child(2)
{
    z-index: 9;
}
.act_floor .fa:nth-child(3)
{
    z-index: 8;
}
.act_floor .fa:nth-child(4)
{
    z-index: 7;
}
.act_floor .fa:nth-child(5)
{
    z-index: 6;
}
.act_floor .tii
{
    font-size: 0.24rem;
    float: left;
    margin-left: 0.5rem;
    color: #777676;
}
.act_floor .bt
{
    height: 0.66rem;
    line-height: 0.66rem;
    width: 6.7rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.act_floor .btn
{
    color: #272727;
    display: inline-block;
    padding-left: 0.5rem;
}
.act_floor .sl_btn
{
    background: url("../images/sl_btn.png") no-repeat left center;
    background-size: auto 100%;
}
.act_floor .sl_btn_2
{
    background: url("../images/fl_hua.png") no-repeat left center;
    background-size: auto 84%;
}
.act_floor .swlp_btn
{
    background: url("../images/sl_btn.png") no-repeat left center;
    background-size: auto 100%;
}
.act_floor .pj_btn
{
    background: url("../images/pj_btn.png") no-repeat left center;
    background-size: auto 100%;
}
.act_floor .fx_btn
{
    background: url("../images/fx_btn.png") no-repeat left center;
    background-size: auto 100%;
}
.act_floor .zy_btn
{
    background: url("../images/zy_btn.png") no-repeat left center;
    background-size: auto 100%;
}
.act_floor .gdinf
{
    width: 4.3rem;
    float: right;
}
.act_floor .gdinf dt
{
    font-size: 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.act_floor .gdinf dd
{
    height: 0.42rem;
    line-height: 0.42rem;
    color: #9d9d9d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.act_floor .gdinf2 dd
{
    height: 0.84rem;
    white-space: normal;
}
.act_floor .total
{
    text-align: right;
    color: #9d9d9d;
}
.act_floor .num
{
    color: #9d9d9d;
    padding-left: 0.46rem;
    background: url("../images/zp_lis.png") no-repeat left center;
    background-size: auto 0.3rem;
}
.act_floor .num_f
{
    color: #9d9d9d;
    padding-left: 0.46rem;
    background: url("../images/dya.png") no-repeat left center;
    background-size: auto 0.3rem;
}
.act_floor .bjinf
{
    width: 4.3rem;
    float: right;
}
.act_floor .name2
{
    height: 0.44rem;
    line-height: 0.44rem;
    font-size: 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.act_floor .nm2
{
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.act_floor .bjtip
{
    color: #9d9d9d;
    line-height: 0.28rem;
    font-size: 0.22rem;
    height: 0.84rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}
.act_floor .bjtipZz
{
    line-height: 0.84rem;
}
.act_floor .reada
{
    height: 0.4rem;
    line-height: 0.4rem;
    color: #9d9d9d;
    padding-left: 0.5rem;
    background: url("../images/reada1.png") no-repeat left center;
    background-size: auto 0.2rem;
    float: left;
}
.act_floor .ben
{
    float: right;
    color: #9d9d9d;
}

/*user 个人主页*/


/*送礼弹窗*/

.alert_flog, .loading_flog
{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    display: none;
}
.sl_win
{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 220;
    background: #fff;
    display: none;
}
.sl_win .tp
{
    height: 0.74rem;
    line-height: 0.74rem;
    clear: both;
    padding: 0 0.25rem;
    border-bottom: 0.15rem solid #ebebeb;
}
.sl_win .s1
{
    float: left;
    color: #797777;
    padding-right: 0.2rem;
}
.sl_win .fa
{
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    float: left;
}
.sl_win .s2
{
    color: #e9051f;
    display: inline-block;
    max-width: 2.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /* padding: 0 0 0 .1rem; */
}
.sl_win .vv
{
    display: inline-block;
    height: 0.24rem;
    line-height: 0.24rem;
    background: #b62126;
    border-radius: 0.12rem;
    padding: 0 0.12rem;
    color: #fff;
    font-size: 0.15rem;
    text-transform: uppercase;
    float: left;
    margin: 0.25rem 0.1rem 0 0.1rem;
}
.sl_win .kg
{
    width: 0.6rem;
    height: 0.3rem;
    float: left;
    margin: 0.22rem 0 0 0;
    background: #bababa;
    border-radius: 0.15rem;
    border: 1px solid #bababa;
}
.sl_win .kg i
{
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background: #fff;
    border-radius: 100%;
}
.sl_win .on
{
    background: #b72025;
    border-color: #b72025;
}
.sl_win .on i
{
    float: right;
}
.sl_win .head
{
    height: 0.6rem;
    line-height: 0.6rem;
    border-bottom: 1px solid #bababa;
    padding: 0 0.25rem;
    color: #797777;
}
.sl_win .jb
{
    float: right;
    background: url("../images/jb1.png") no-repeat left center;
    background-size: auto 0.4rem;
    padding-left: 0.45rem;
}
.sl_win .xh
{
    float: right;
    background: url("../images/mv_a2.png") no-repeat 0.16rem center;
    background-size: auto 0.4rem;
    padding-left: 0.45rem;
}
.sl_win .rmb
{
    float: right;
    background: url("../images/rmb.png") no-repeat 0.16rem center;
    background-size: auto 0.4rem;
    padding-left: 0.58rem;
}
.sl_win .scr
{
    height: 4.2rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.gift_item
{
    width: 25%;
    float: left;
    height: 1.9rem;
    position: relative;
}
.gift_item .photo
{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
}
.gift_item .photo img
{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
}
.gift_item .jb2
{
    height: 0.36rem;
    line-height: 0.36rem; /* 	margin-left:0.3rem;     padding-left:0.35rem; 	background:url("../images/jb1.png") no-repeat left center; 	background-size:auto 0.3rem;     */
    color: #999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gift_item .jb2 img
{
    height: 0.3rem;
    margin-right: 0.04rem;
}
.gift_item_mtb
{
    margin:0.1rem 0;
}
.gift_itemsel
{
    background: #bababa;
}
.gift_itemsel .jb2
{
    color: #d7070a;
}
.gift_item .jb1
{
    height: 0.36rem;
    line-height: 0.36rem;
    color: #999;
    text-align:center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gift_itemsel .jb1
{
    color: #d7070a;
}
.gift_item .vv
{
    position: absolute;
    right: 0.2rem;
    top: 0;
    z-index: 10;
}
.sl_win .bt
{
    height: 0.88rem;
    line-height: 0.88rem;
    background: #f8f7f7;
    clear: both;
    padding: 0 0.2rem;
    color: #797777;
}
.sl_win .btn
{
    float: left;
    width: 0.9rem;
    height: 0.88rem;
    text-align: center;
}
.sl_win .hover
{
    color: #d7070a;
}
.sl_win .num
{
    float: left;
    height: 0.88rem;
    line-height: 0.88rem;
    background: none;
    border: 0;
    width: 0.9rem;
    color: #d7070a;
}
.sl_win .ok
{
    display: inline-block;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.15rem;
    background: #ff6961;
    text-align: center;
    color: #fff;
    float: right;
    margin: 0.19rem 0 0 0;
}

/*送礼弹窗*/

/*选择作品*/
.zp_win
{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 220;
    background: #fff;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
}
/*选择作品*/

/*编辑作品*/
.we_nav a
{
    display: block;
    height: 1.6rem;
    margin-left: 0.28rem;
    line-height: 1.6rem;
    font-size: 0.34rem;
    color: #ff6961;
    box-sizing: border-box;
    padding-left: 1.7rem;
    border-bottom: 1px solid #ebebeb;
    background: url("../images/we_btn.png") no-repeat 94% center;
    background-size: auto 0.28rem;
    position: relative;
}
.we_nav a img,.we2_nav a img
{
    display: block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0.15rem;
    top: 0.3rem;
}

.we1_nav a
{
    display: block;
    height: 1.6rem;
    margin-left: 0.28rem;
    line-height: 1.6rem;
    font-size: 0.34rem;
    color: #ff6961;
    box-sizing: border-box;
    padding-left: 0.41rem;
    border-bottom: 1px solid #ebebeb;
    background: url("../images/we_btn.png") no-repeat 94% center;
    background-size: auto 0.28rem;
    position: relative;
}
.we2_nav a
{
    display: block;
    height: 1.6rem;
    margin-left: 0.28rem;
    line-height: .8rem;
    font-size: 0.34rem;
    color: #ff6961;
    box-sizing: border-box;
    padding-left: 1.7rem;
    border-bottom: 1px solid #ebebeb;
    background: url("../images/we_btn.png") no-repeat 94% center;
    background-size: auto 0.28rem;
    position: relative;
}
.we2_nav label
{
    display: block;
    height: 1rem;
    line-height: 1.1rem;
    font-size: 0.34rem;
    color: #ff6961;
    box-sizing: border-box;
}
.we2_nav i
{
    display: block;
    height: .6rem;
    line-height: .3rem;
    font-size: 0.3rem;
    color: #938c8c;
    box-sizing: border-box;
    font-style: normal;
}

.as_top
{
    height: 4.7rem;
    width: 100%;
    position: relative;
    background: url("../images/astopbg.jpg") no-repeat center center;
    background-size: 100% 100%;
}
.as_top2
{
    height: 1.2rem;
}
.as_top_noheader
{
    height: auto;
    padding: 0.1rem 0 0.3rem 0;
}
.as_top .header
{
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 0.4rem;
}
.as_top .backa
{
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../images/lev_back.png") no-repeat center center;
    background-size: 0.34rem 0.34rem;
}
.as_top .ok
{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 0.3rem;
    color: #fff;
}
.as_fm
{
    width: 2.8rem;
    margin: 0.3rem auto 0 auto;
}
.as_fm .photo
{
    display: block;
    width: 2.8rem;
    height: 2.3rem;
    position: relative;
    overflow: hidden;
    background: rgba(255,255,255,0.5);
}
.as_fm .photo2
{
    width: 2.8rem;
    height: 2.8rem;
    margin-top: -0.2rem;
}
.as_fm .photo img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.as_fm .btn
{
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    background: #383838;
    color: #fff;
}
.as_ipt
{
    height: 1rem;
    line-height: 1rem;
    margin-top: 0.1rem;
    width: 100%;
    border: 0;
    padding-left: 0.36rem;
    box-sizing: border-box;
    background-color: white !important;
}
.as_ipt2
{
    height: 1.1rem;
    line-height: 1.1rem;
    margin-top: 0;
}
.as_cnt
{
    margin-top: 0.1rem;
    position: relative;
}
.as_cnt textarea
{
    height: 3rem;
    width: 100%;
    border: 0;
    box-sizing: border-box;
    resize: none;
    padding: 0 0.36rem;
    line-height: 0.5rem;
}
.as_cnt .count_num
{
    position: absolute;
    right: 0.2rem;
    bottom: 0;
    height: 1rem;
    line-height: 1rem;
    color: #9b9999;
}
.as_title
{
    height: 0.7rem;
    line-height: 0.7rem;
    padding: 0 0.36rem;
    color: #9b9999;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.as_title .ss
{
    width: 1.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #fff;
    border-radius: 0.05rem;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    position: absolute;
    right: 0.36rem;
    top: 0.1rem;
}
.as_title .ss span
{
    display: inline-block;
    width: 1.5rem;
    height: 0.5rem;
    background: url("../images/us_ss.png") no-repeat center center;
    background-size: auto 100%;
}
.as_btn
{
    display: block;
    height: 1.6rem;
    line-height: 1.6rem;
    margin-bottom: 0.1rem;
    background: #fff url("../images/add_btn1.jpg") no-repeat 0.36rem center;
    background-size: auto 1rem;
    padding-left: 1.8rem;
    font-size: 0.4rem;
}

.as_list
{
    margin-top: 0.2rem;
}
.as_list .item
{
    margin-bottom: 0.1rem;
    height: 1.66rem;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.as_list .sin
{
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 0.35rem;
}
.as_list .photo
{
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    float: left;
    margin: 0.11rem 0.24rem 0 0;
    position: relative;
    overflow: hidden;
}
.as_list .photo img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.as_list .inf
{
    width: 4.7rem;
    float: left;
    padding: 0.2rem 0 0 0;
}
.as_list .t1
{
    height: 0.45rem;
    left: 0.45rem;
    font-size: 0.3rem;
}
.as_list .nm
{
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.as_list .ti
{
    height: 0.4rem;
    line-height: 0.4rem;
    color: #9d9d9d;
}
.as_list .reada
{
    color: #9d9d9d;
    height: 0.5rem;
    line-height: 0.5rem;
    padding-left: 0.5rem;
    background: url("../images/zp_lis.png") no-repeat left center;
    background-size: auto 0.3rem;
}
.as_list .edita
{
    display: block;
    width: 1rem;
    height: 1.66rem;
    position: absolute;
    right: -0.3rem;
    top: 0;
    background: url("../images/as_add.png") no-repeat center center;
    background-size: auto 0.34rem;
}
.as_list .del
{
    width: 2.5rem;
    height: 1.66rem;
    line-height: 1.66rem;
    text-align: center;
    background: #fd7054; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #fd7054, #ff8437);
    background: -moz-linear-gradient(to right, #fd7054, #ff8437);
    background: -webkit-gradient(to right, #fd7054, #ff8437);
    background: -o-linear-gradient(to right, #fd7054, #ff8437);
    position: absolute;
    right: -2.5rem;
    top: 0;
    z-index: 20;
    font-size: 0.4rem;
    color: #fff;
}
.as_more
{
    display: block;
    height: 0.8rem;
    margin: 0.2rem 0;
    background: #fff url("../images/as_more.png") no-repeat center center;
    background-size: 0.28rem auto;
}

/*编辑作品*/

/*kb K币中心*/

.kb_top
{
    height: 3.1rem;
    text-align: center;
    border-bottom: 0.05rem solid #eae8e8;
    background: #fff;
}
.kbt_item
{
    display: block;
    width: 33.3333%;
    height: 2.7rem;
    float: left;
    padding-top: 0.4rem;
    position: relative;
    color: #000;
}
.kbt_item .ico
{
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 auto 0.12rem auto;
}
.kbt_item dt
{
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.4rem;
}
.kbt_item dd
{
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.27rem;
}
.kbt_item .ck
{
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 100%;
    background: #ee3a2d;
    position: absolute;
    right: 0.35rem;
    top: 0.35rem;
}
.kb_jj
{
    height: 1.1rem;
    position: relative;
    padding-left: 1.2rem;
    background: #fff;
}
.kb_jj .ico
{
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    left: 0;
    top: 0;
}
.kb_jj dt
{
    padding: 0.14rem 0 0 0;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.32rem;
    color: #000;
}
.kb_jj dd
{
    height: 0.44rem;
    line-height: 0.44rem;
    color: #999898;
}
.kb_jj .cga
{
    display: block;
    width: 1.3rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #ff6961;
    color: #fff;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    margin-top: -0.25rem;
    text-align: center;
    border-radius: 0.15rem;
}

.kb_handle
{
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    clear: both;
}
.kb_handle .btn
{
    display: block;
    width: 20%;
    height: 1rem;
    box-sizing: border-box;
    font-size: 0.26rem;
    color: #fff;
    float: left;
}
.kb_handle .hover
{
    border-bottom: 0.05rem solid #fff;
}
.kb_con
{
    display: none;
    background: #fff;
}
.kb_item1
{
    height: 1.4rem;
    border-bottom: 0.05rem solid #eae8e8;
    line-height: 1.4rem;
    clear: both;
    padding: 0 0.3rem 0 0.2rem;
    color: #000;
}
.kb_item1 .ico
{
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    float: left;
    margin: 0.3rem 0.3rem 0 0;
}
.kb_item1 .sl
{
    float: left;
    font-size: 0.28rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kb_item1 .price
{
    float: right;
    width: 1.3rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.2rem;
    text-align: center;
    background: #ff6961;
    color: #fff;
    font-size: 0.28rem;
    margin: 0.45rem 0 0 0;
}
.kb_item1 .price1
{
    position: absolute;
    right: 0.2rem;
    margin: 0.15rem 0 0 0;
}
.kb_item1 .price2
{
    position: absolute;
    right: 0.2rem;
    margin: 0.75rem 0 0 0;
}
.kb_more
{
    display: block;
    height: 0.8rem;
    background: url("../images/as_more.png") no-repeat center center;
    background-size: 0.28rem auto;
}
.kb_more_up
{
    display: block;
    height: 0.8rem;
    background: url("../images/as_moreh.png") no-repeat center center;
    background-size: 0.28rem auto;
}

.kb_item2
{
    height: 1.45rem;
    border-bottom: 0.03rem solid #eae8e8;
    position: relative;
}
.kb_item2 dl
{
    position: absolute;
    left: 0.36rem;
    top: 0.36rem;
}
.kb_item2 dt
{
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.28rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kb_item2 dd
{
    height: 0.34rem;
    line-height: 0.34rem;
    font-size: 0.2rem;
    color: #818181;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kb_item2 .price
{
    height: 1.45rem;
    line-height: 1.45rem;
    position: absolute;
    left: 4.8rem;
    top: 0;
    color: #a9a8a8;
}
.kb_item2 .price2
{
    width: 1.3rem;
    text-align: center;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.2rem;
    position: absolute;
    right: 0.35rem;
    top: 50%;
    margin-top: -0.25rem;
    color: #fff;
    background: #ff6961;
}
.kb_item2 .name
{
    height: 1.45rem;
    line-height: 1.45rem;
    padding-left: 0.36rem;
    color: #000;
    font-size: 0.28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kb_hd
{
    height: 0.8rem;
    line-height: 0.8rem;
    border-bottom: 0.05rem solid #eae8e8;
    color: #000;
    padding-left: 1.34rem;
    position: relative;
}
.kb_hd .tit
{
    width: 1rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    background: #ff6961;
    display: block;
    border-radius: 0.1rem;
    color: #fff;
    left: 0.14rem;
    top: 50%;
    margin-top: -0.2rem;
    position: absolute;
}
.kb_item3
{
    height: 1.45rem;
    border-bottom: 0.03rem solid #eae8e8;
    position: relative;
    padding-left: 1.4rem;
    display: block;
}
.kb_item3 .ico
{
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    left: 0;
    top: 0.08rem;
}
.kb_item3 dt
{
    height: 0.45rem;
    line-height: 0.45rem;
    padding-top: 0.45rem;
    font-size: 0.26rem;
    color: #000;
}
.kb_item3 dd
{
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.22rem;
    color: #999;
}
.kb_item3 .price
{
    width: 0.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.2rem;
    background: #ff6961;
    position: absolute;
    right: 0.36rem;
    top: 50%;
    margin-top: -0.25rem;
    padding-left: 0.7rem;
    color: #fff;
}
.kb_item3 .jb
{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0.15rem;
    top: 0.05rem;
}
.kb_task
{
    padding: 0.15rem 0 0.1rem 0.47rem;
    border-bottom: 0.05rem solid #eae8e8;
    line-height: 0.34rem;
}
.kb_task dt
{
    color: #000;
}
.kb_task dd
{
    color: #818181;
}
.kb_item5
{
    height: 1.45rem;
    border-bottom: 0.03rem solid #eae8e8;
    padding-left: 1.4rem;
    position: relative;
}
.kb_item5 dl
{
    padding: 0.3rem 0 0 0;
}
.kb_item5 dt
{
    height: 0.46rem;
    line-height: 0.46rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kb_item5 dd
{
    height: 0.36rem;
    line-height: 0.36rem;
    font-size: 0.24rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kb_item5 .face
{
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 100%;
    position: absolute;
    left: 0.27rem;
    top: 50%;
    overflow: hidden;
    margin-top: -0.45rem;
}
.kb_item5 .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.kb_item5 .go
{
    display: block;
    width: 1.3rem;
    height: 0.56rem;
    line-height: 0.56rem;
    border-radius: 0.15rem;
    background: #f7f6f6;
    text-align: center;
    color: #f0481c;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.28rem;
}
.kb_item5 .carea
{
    display: block;
    width: 1.3rem;
    height: 0.54rem;
    line-height: 0.54rem;
    text-align: center;
    border-radius: 0.15rem;
    background: #ff6961;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.27rem;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;

}
.kb_item5 .carea1
{
    top: 26%;
}
.kb_item5 .carea2
{
    top: 73%;
}
.kb_item5 .lb
{
    display: block;
    height: 0.4rem;
    position: absolute;
    right: 1.5rem;
    bottom: 0.02rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kb_item5 .lb2
{
    right: .3rem;
}

.fg20
{
    height: 0.2rem;
    clear: both;
    background: #eae8e8;
}

.kbc_top
{
    height: 1.55rem; /*padding-top:0.35rem;*/
    text-align: center;
    color: #fff;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
}
.kbc_top .t1
{
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.4rem;
}
.kbc_top .t2
{
    height: 0.6rem;
    line-height: 0.6rem;
    color: #e1dddd;
}

.kbc_handle
{
    height: 1.1rem;
    text-align: center;
    line-height: 1.1rem;
    background: #fff;
    border-bottom: 1px solid #eae8e8;
    clear: both;
    display: flex;
}
.kbc_handle .btn
{
    display: block;
    width: 50%;
    height: 1.1rem;
    text-align: center;
    float: left;
    font-size: 0.28rem;
    color: #000;
}
.kbc_handle .btn span
{
    display: inline-block;
    height: 1.05rem;
    border-bottom: 0.05rem solid #fff;
}
.kbc_handle .hover span
{
    color: #ff6961;
    border-color: #ff6961;
}
.kbc_con
{
    background: #fff;
    display: none;
}
.kbc_item3
{
    height: 1.45rem;
    position: relative;
    border-bottom: 0.03rem solid #eae8e8;
    clear: both;
}
.kbc_item3 dl
{
    padding: 0.3rem 0.3rem 0 0.3rem;
}
.kbc_item3 dt
{
    height: 0.36rem;
    line-height: 0.36rem;
    font-size: 0.28rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kbc_item3 dd
{
    height: 0.4rem;
    line-height: 0.4rem;
    color: #818181;
    padding-top: 0.12rem;
}
.kbc_item3 .time {
    position: absolute;
    right: 0.3rem;
    top: 0.57rem;
    height: 0.85rem;
    line-height: 0.85rem;
    color: #818181;
}
.kbc_item2
{
    height: 1.45rem;
    position: relative;
    border-bottom: 0.03rem solid #eae8e8;
    clear: both;
}
.kbc_item2 dl
{
    padding: 0.4rem 0 0 0.7rem;
}
.kbc_item2 dt
{
    height: 0.36rem;
    line-height: 0.36rem;
    font-size: 0.28rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kbc_item2 dd
{
    height: 0.4rem;
    line-height: 0.4rem;
    color: #818181;
}
.kbc_item2 .time
{
    position: absolute;
    right: 0.3rem;
    top: 0;
    height: 1.45rem;
    line-height: 1.45rem;
    color: #818181;
}

.kbc_item1
{
    height: 1.45rem;
    padding-left: 1.75rem;
    position: relative;
    border-bottom: 0.03rem solid #eae8e8;
}
.kbc_item1 .photo
{
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    left: 0.25rem;
    top: 0.075rem;
}
.kbc_item1 dl
{
    padding: 0.3rem 0 0 0;
}
.kbc_item1 dt
{
    height: 0.4rem;
    line-height: 0.4rem;
    color: #000;
    font-size: 0.28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kbc_item1 dd
{
    height: 0.42rem;
    line-height: 0.42rem;
    color: #818181;
}
.kbc_item1 .btn
{
    display: block;
    width: 1.3rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    background: #ff6961;
    border-radius: 0.15rem;
    color: #fff;
    position: absolute;
    right: 0.36rem;
    top: 50%;
    margin-top: -0.25rem;
}

/*kb K币中心*/

/*MV*/

.us_header .share_btn,.header .share_btn
{
    width: 1.16rem;
    height: 1.16rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/mall-back.png") no-repeat center center;/*share_btn*/
    background-size: 0.6rem auto;
}
.us_header .share_btn_l{
	display: block;
	left: 0;
	bottom: 0;
	right:auto;
	top:auto;
	background:url("../images/mall-back.png") no-repeat center center;
	background-size:0.6rem 0.6rem;
}

.mv_top
{
    padding: 0.1rem 0.3rem 0.22rem 0.3rem;
    border-bottom: 1px solid #ebebeb;
}
.mv_top2
{
    padding: 0.2 0.3rem 0.2rem 0.3rem;
    border-bottom: 1px solid #ebebeb;
}
.mv_top video
{
    width: 100%; /*height:4rem;*/
    background: #000;
}
.mv_top .vdo
{
    margin-bottom: 0.32rem;
    text-align:center;
}
.mv_top .vdo audio
{
    text-align:center;
}
.mv_top .head
{
    line-height: 0.54rem;
    height: auto;
    display: flex;
    justify-content: space-between;
    clear: both;
    margin: 0.36rem auto;
}
.mv_top .tit
{
    float: left;
    font-size: 0.4rem;
    display: inline-block; /*max-width:5rem; 	overflow:hidden; 	text-overflow:ellipsis; 	white-space:nowrap;*/
}
.mv_top .tg
{
    display: inline-block;
    height: 0.54rem;
    line-height: 0.54rem;
    width: auto;
    padding: 0 .12rem;
    text-align: center;
    float: right;
    background: #ff6961;
    font-size: 0.28rem;
    color: #fff;
    border-radius: 0.15rem;
    margin-left: 0.1rem;
    flex: 0 0 auto;
}
.mv_top .over
{
    background: #efecec;
    color: #626262;
}
.mv_cnt
{
    margin: 0.1rem 0 0.15rem 0;
    line-height: 1.6;
    font-size:.32rem;
    word-break:break-all;
    word-wrap: break-word;
}
/*.mv_cnt img{
	display: block;
	width: 100%;
	height:auto;
}*/
.mv_cnt a.fj{
	color:#ff6961;
	text-decoration: underline;
}
.me_from .mv_cnt a.fj{
	color:#ff6961;
	text-decoration: underline;
}
.me_to .mv_cnt a.fj{
	color:#fff;
	text-decoration: underline;
}

.mv_tb
{
    height: 0.66rem;
    line-height: 0.66rem;
    padding: 0 0.3rem 0.4rem 0.3rem;
    clear: both;
    color: #8c8a8a;
    display: flex;
    justify-content: space-between;
}
.mv_tb_auto
{
    height: auto;
    padding-bottom: 0;
}
.mv_tb_line
{
    padding-bottom: 0.02rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mv_tb_line .con
{
    display: flex;
    width: 100%;
    align-items: center;
}
.mv_tb_line .con a
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 6rem;
}
.mv_gift
{
    height: 0.66rem;
    line-height: 0.66rem;
    clear: both;
    padding: 0 0.3rem;
    color: #8c8a8a;
}
.mv_gift .a1
{
    float: left;
    color: #8c8a8a;
    margin-right: 0.8rem;
    padding-left: 0.7rem;
    background: url("../images/mv_a1.png") no-repeat left center;
    background-size: auto 100%;
}
.mv_gift .a2
{
    float: left;
    color: #8c8a8a;
    padding-left: 0.5rem;
    background: url("../images/mv_a2.png") no-repeat left center;
    background-size: auto 100%;
}
.mv_gift .reada
{
    float: right;
    color: #0d4ccd;
    text-decoration: underline;
    padding-right: 0.2rem;
    background: url("../images/mv_reada.png") no-repeat right center;
    background-size: auto 0.28rem;
}

.mv_levs
{
    padding-bottom: 0.1rem;
}
.mv_le
{
    float: left;
    display: block;
    width: 1.5rem;
    height: 1.9rem;
    padding-top: 0.3rem;
    margin: 0 0 0 0.3rem;
    position: relative;
    text-align: center;
    color: #8c8a8a;
}
.mv_le .face
{
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.mv_le .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mv_le .guan
{
    display: block;
    width: 0.64rem;
    height: 0.58rem;
    position: absolute;
    right: 0;
    top: -0.05rem;
}
.mv_le .name
{
    line-height: 0.7rem;
    display: inline-block;
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mv_rec .head
{
    height: 0.8rem;
    line-height: 0.8rem;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    clear: both;
    padding: 0 0.3rem;
    color: #625f5f;
    font-size: 0.28rem;
}
.mv_rec .handle
{
    float: right;
    padding-right: 0.35rem;
    background: url("../images/mv_handle.png") no-repeat right top;
    background-size: auto 200%;
}
.mv_recdown .handle
{
    background-position: right bottom;
}
.rec_item
{
    padding: 0.25rem 0.5rem 0 1.35rem;
    position: relative;
    min-height: 1.2rem;
    border-bottom: 1px solid #ebebeb;
    display: none;
}
.rec_item .zda
{
    display: block;
    border-radius: 0.1rem;
    position: absolute;
    right: 0;
    top: 0.2rem;
    color: #fff;
    width: 1.4rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
}
.rec_item:last-child
{
    border: 0;
}
.mv_recdown .rec_item
{
    display: block;
}
.rec_item .face
{
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    position: absolute;
    left: 0.05rem;
    top: 0.25rem;
    border-radius: 100%;
    overflow: hidden;
}
.rec_item .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.rec_item .name
{
    height: 0.5rem;
    line-height: 0.5rem;
    position: relative;
    padding-left: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rec_item .name em
{
    color: #999;
}
.rec_item .fa
{
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
}
.rec_item .red, .red
{
    color: #de3c3c;
}
.rec_item .intro
{
    padding: 0.1rem 0.14rem;
    line-height: 0.36rem;
    color: #777474;
}
.rec_item .intro pre
{
    line-height: 0.36rem;
}
.rec_item .rec_add
{
    float: right;
    color: #fb7430;
    display: inline-block;
    padding-left: 0.38rem;
    background: url("../images/mv_bar2.png") no-repeat left center;
    background-size: auto 0.3rem;
}
.rec_item .rec_del
{
    float: right;
    margin-right: 0.15rem;
}
.rec_back
{
    padding: 0.1rem 0.14rem;
    background: #f7f6f6;
    line-height: 0.4rem;
    color: #777474;
}
.rec_back .name2
{
    position: relative;
    display: inline-block;
    padding-left: 0.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rec_back .name2 img
{
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    left: 0;
    top: -0.05rem;
}
.rec_item .date
{
    height: 0.55rem;
    line-height: 0.55rem;
    padding: 0 0.14rem;
    font-size: 0.26rem;
    color: #afafaf;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rec_item .date2
{
    padding: 0;
}
.rec_item .npd
{
    padding-left: 0;
}
.rec_zf
{
    line-height: 0.5rem;
    padding: 0 0.14rem;
}
.rec_zf span
{
    color: #afafaf;
}

.mv_bar
{
    width: 100%;
    height: 1rem;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    background: #fff;
    border-top: 1px solid #ebebeb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.mv_bar a
{
    display: block;
    width: 33.3333%;
    float: left;
    height: 1rem;
    text-align: center;
    box-sizing: border-box;
    padding-top: 0.05rem;
    color: #ff8344;
    font-size: 0.26rem;
    line-height: 0.3rem;
}
.mv_bar .ico
{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    margin: 0 auto;
}
.mv_bar .ico1
{
    background: url("../images/mv_bar1.png") no-repeat center center;
    background-size: 100% 100%;
}
.mv_bar .ico2
{
    background: url("../images/mv_bar2.png") no-repeat center center;
    background-size: 100% 100%;
}
.mv_bar .ico3
{
    background: url("../images/mv_bar3.png") no-repeat center center;
    background-size: 100% 100%;
}
.mv_bar .ico4
{
    background: url("../images/mv_bar4.png") no-repeat center center;
    background-size: 100% 100%;
}
.mv_bar .ico5
{
    background: url("../images/swlp_btn_2.png") no-repeat center center;
    background-size: 100% 100%;
}
.mv_bar .ico6
{
    background: url("../images/mv_a2.png") no-repeat center center;
    background-size: 100% 100%;
}
.mv_bar .ico7
{
    background: url("../images/fl_hua_2.png") no-repeat center center;
    background-size: 100% 100%;
}
.mv_bar .ico8
{
    background: url("../images/us_btn1.png") no-repeat center center;
    background-size: 100% 100%;
}
.mv_bar .ico9
{
    background: url("../images/Weixin/返回顶部.png") no-repeat center center;
    background-size: 88% 77%;
}
.mv_bar .ico10
{
    background: url("../images/Weixin/导航.png") no-repeat center center;
    background-size: 84% 74%;
}
.mv_bar .ico11
{
    background: url("../images/carta2.png") no-repeat center center;
    background-size: 88% 77%;
}
.mv_bar25 a
{
    width: 25%;
}
.mv_bar50 a
{
    width: 50%;
}
.mv_zw
{
    height: 1rem;
    clear: both;
    padding-top: 1px;
}

.share_win, .menu_win
{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 230;
    background: #fff;
    padding: 0.3rem 0 0 0;
    display: none;
}
.share_win .title, .menu_win .title
{
    padding: 0 0 0.3rem 0;
    line-height: 0.45rem;
    font-size: 0.3rem;
    text-align:center
}
.share_win a, .menu_win a
{
    display: block;
    width: 25%;
    float: left;
    height: 1.45rem;
    text-align: center;
    line-height: 0.54rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.share_win .ico, .menu_win .ico
{
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border: 1px solid #eee;
    border-radius: 0.1rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.share_win .ico img, .menu_win .ico img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.work_title
{
    padding: 0.15rem 0;
}
.work_title .t1
{
    line-height: 0.55rem;
    font-size: 0.4rem;
}
.work_title .adda
{
    float: right;
    width: 1.3rem;
    height: 0.54rem;
    line-height: 0.54rem;
    text-align: center;
    background: #ff6961;
    color: #fff;
    border-radius: 0.1rem;
    margin-left: 0.15rem;
}
.thumb100
{
    display: block;
    width: 100%;
    height: auto;
}
.thumb60
{
    width: 60%;
    margin: 0 auto;
    height: auto;
}
.tmxx
{
    max-width: 90% !important;
    flex-shrink: 1;
}
.wk_music
{
    margin: 0.1rem 0;
    border: 1px solid #999;
    padding: 0.1rem;
}
.wk_music .photo
{
    float: left;
    width: 1rem;
    height: 1rem;
    position: relative;
    overflow: hidden;
}
.wk_music .photo img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wk_music .play
{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.2rem 0 0 -0.2rem;
    z-index: 10;
    background: url("../images/zp_btn.png") no-repeat center center;
    background-size: 100% 100%;
}
.wk_music dl
{
    float: right;
    width: 5.3rem;
}
.wk_music dt
{
    height: 0.54rem;
    line-height: 0.54rem;
    font-size: 0.4rem;
}
.wk_music dd
{
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.24rem;
    color: #6f6f6f;
}

.banner
{
    margin: 0.2rem 0;
}
.bannerGg
{
    margin: 0;
    height: 2.3rem;
}

/*MV*/

/*vip*/

.vcz_top
{
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    padding: 0.3rem 0 0 0;
    position: relative;
    color: #fff;
    text-align: center;
}
.vcz_top .bt
{
    text-align: center;
    height: 1rem;
    line-height: 1rem;
    color: #fff;
}
.vcz_top dl
{
    text-align: center;
    position: absolute;
    top: 0.6rem;
    z-index: 20;
    width: 100%;
}
.vcz_top dt
{
    height: 0.6rem;
    line-height: 0.6rem;
}
.vcz_top dd
{
    font-size: 0.6rem;
    font-weight: bold;
    height: 0.8rem;
    line-height: 0.8rem;
}
.vcz_top .c_left
{
    width: 30%;
    position: absolute;
    left: 0;
    bottom: 1.4rem;
}
.vcz_top .c_right
{
    width: 30%;
    position: absolute;
    right: 0;
    bottom: 1.4rem;
}

.vcz_bottom
{
    padding-bottom: 1rem;
    background: #fff;
}
.vcz_bottom .title
{
    height: 1rem;
    line-height: 1rem;
    padding: 0 0.5rem;
    font-size: 0.26rem;
    color: #040404;
}
.vcz_bottom .lis
{
    width: 7.2rem;
    margin: 0 auto;
    height: 5.5rem;
}
.vcz_bottom .fls
{
    width: 0.9rem;
    float: left;
    height: 5.5rem;
    position: relative;
    text-align: center;
}
.vcz_bottom .name
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 0.22rem;
    height: 0.5rem;
    line-height: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.vcz_bottom .vip
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 0.22rem;
    height: 0.5rem;
    line-height: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.vcz_bottom .vip1
{
    bottom: 26%;
}
.vcz_bottom .vip2
{
    bottom: 35%;
}
.vcz_bottom .vip3
{
    bottom: 44%;
}
.vcz_bottom .vip4
{
    bottom: 53%;
}
.vcz_bottom .vip5
{
    bottom: 62%;
}
.vcz_bottom .vip6
{
    bottom: 71%;
}
.vcz_bottom .vip7
{
    bottom: 80%;
}
.vcz_bottom .vip8
{
    bottom: 99%;
    font-size: larger;
}
.vcz_bottom .fg
{
    height: 5rem;
    width: 0.9rem;
    position: relative;
}
.vcz_bottom .fgin
{
    width: 0.12rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -0.06rem;
    background: #f0c868;
    border-radius: 0.06rem;
}
.vcz_bottom .tip
{
    text-align: center;
    height: 0.9rem;
    line-height: 0.9rem;
    padding-top: 0.2rem;
    color: #555454;
    font-size: 0.24rem;
}
.vcz_bottom .vipa
{
    display: block;
    width: 1.5rem;
    height: 0.6rem;
    line-height: 0.6rem;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    border-radius: 0.15rem;
    background: #ff6961;
}

.vc_top
{
    height: 1.4rem;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    position: relative;
    margin-bottom: 1.8rem;
    color: #fff;
}
.vc_card
{
    width: 6.7rem;
    height: 3.2rem;
    background: #7e2321; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to bottom, #7e2321, #e96647);
    background: -moz-linear-gradient(to bottom, #7e2321, #e96647);
    background: -webkit-gradient(to bottom, #7e2321, #e96647);
    background: -o-linear-gradient(to bottom, #7e2321, #e96647);
    position: absolute;
    top: 0;
    left: 0.4rem;
}
.vc_card .face
{
    display: block;
    position: absolute;
    top: 0.5rem;
    left: 0.3rem;
    border-radius: 100%;
    overflow: hidden;
    width: 1.35rem;
    height: 1.35rem;
}
.vc_card .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.vc_card .ins
{
    position: absolute;
    left: 1.8rem;
    top: 0.5rem;
}
.vc_card .ins dt
{
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.4rem;
}
.vc_card .ins dd
{
    font-size: 0.26rem;
    height: 0.4rem;
    line-height: 0.4rem;
}
.vc_card .cg
{
    height: 0.54rem;
    line-height: 0.54rem;
    position: absolute;
    right: 0;
    top: 0;
    background: #ffb027; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to bottom, #ffb027, #ffdb1d);
    background: -moz-linear-gradient(to bottom, #ffb027, #ffdb1d);
    background: -webkit-gradient(to bottom, #ffb027, #ffdb1d);
    background: -o-linear-gradient(to bottom, #ffb027, #ffdb1d);
    width: 1.5rem;
    text-align: center;
    color: #fff;
    border-radius: 0 0 0 0.2rem;
}
.vc_card .lv
{
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.2rem;
    color: #fff;
    padding: 0 0.18rem 0 0.36rem;
    background: #e26245;
    position: absolute;
    right: .2rem;
    top: 0.74rem;
}
.vc_card .lv img
{
    display: block;
    width: 0.7rem;
    height: 0.5rem;
    position: absolute;
    top: -0.2rem;
    left: -0.35rem;
}
.vc_card .steps
{
    position: absolute;
    left: 0.28rem;
    bottom: 0;
    width: 4rem;
}
.vc_card .steps dl
{
    width: 0.75rem;
    float: left;
    text-align: center;
}
.vc_card .steps dt
{
    height: 0.4rem;
    line-height: 0.4rem;
    border-radius: 0.05rem;
    background: #671519;
    font-size: 0.2rem;
    color: #ab7e49;
}
.vc_card .steps dd
{
    height: 0.5rem;
    line-height: 0.45rem;
    font-size: 0.22rem;
}
.vc_card .steps .d1 dt
{
    background: #ffe4c0;
}
.vc_card .ct
{
    width: 2.5rem;
    height: 0.12rem;
    background: #671519;
    float: left;
    margin: 0.14rem 0 0 0;
    position: relative;
}
.vc_card .sin
{
    float: left;
    height: 0.12rem;
    background: #ffe4c0;
    position: relative;
}
.vc_card .now
{
    width: 0.75rem;
    text-align: center;
    position: absolute;
    right: 0;
    top: -0.6rem;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}
.vc_card .num
{
    width: 0.75rem;
    height: 0.4rem;
    text-align: center;
    line-height: 0.4rem;
    background: #ffe4c0;
    border-radius: 0.05rem;
    display: block;
    color: #ab7e49;
    font-size: 0.22rem;
}
.vc_card .line
{
    width: 0.04rem;
    height: 0.32rem;
    background: #ffe4c0;
    position: absolute;
    left: 50%;
    top: 0.4rem;
    margin-left: -0.02rem;
}
.vc_card .xf
{
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.15rem;
    background: #fff;
    display: block;
    text-align: center;
    color: #f0481c;
    position: absolute;
    right: 0.2rem;
    bottom: 0.4rem;
}

.vc_slider
{
    height: 2.6rem;
    position: relative;
    border-bottom: 0.3rem solid #ebebeb;
}
.vc_slider .swiper-pagination-bullet
{
    opacity: 1;
    background: #ccc;
}
.vc_slider .swiper-pagination-bullet-active
{
    background: #d43e35;
}
.vc_item
{
    display: block;
    width: 25%;
    float: left;
    padding-top: 0.3rem;
    text-align: center;
}
.vc_item .ico
{
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    margin: 0 auto;
}
.vc_item dt
{
    height: 0.4rem;
    line-height: 0.4rem;
    color: #000;
}
.vc_item dd
{
    height: 0.4rem;
    line-height: 0.4rem;
    color: #898686;
    font-size: 0.24rem;
}

.vc_hot .head
{
    height: 0.9rem;
    line-height: 0.9rem;
    position: relative;
    font-size: 0.32rem;
    text-align: center;
    color: #000;
}
.vc_hot .more
{
    color: #898686;
    font-size: 0.26rem;
    padding-right: 0.25rem;
    background: url("../images/vc_more.png") no-repeat right center;
    background-size: auto 0.28rem;
    position: absolute;
    right: 0.25rem;
    top: 0;
}

.vc2_top
{
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
}
.vc2_top .zuan
{
    display: block;
    width: 1.6rem;
    height: 1.15rem;
    margin: 0 auto;
}
.vc2_top .tip
{
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    color: #fff;
}

.vc2_handle
{
    text-align: center;
    padding: 0.08rem 0;
    height: 0.8rem;
    line-height: 0.8rem;
    position: relative;
    border-bottom: 0.04rem solid #eae8e8;
    background: #fff;
    z-index: 100;
    width: 100%;
}
.vc2_handle a
{
    display: block;
    width: 50%;
    height: 0.8rem;
    text-align: center;
    float: left;
    color: #000;
}
.vc2_handle .fg
{
    height: 0.8rem;
    border-left: 2px solid #eae8e8;
    position: absolute;
    top: 0.08rem;
    left: 50%;
    margin-left: -1px;
}
.vc2_fl
{
    padding: 0.24rem 0.4rem;
}
.vc2_fl .title
{
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.26rem;
    color: #000;
}
.vc2_fl .intro
{
    line-height: 1.8;
    font-size: 0.24rem;
    color: #828282;
    padding-bottom: 0.2rem;
}
.vc2_tab
{
    margin: 0.3rem 0 0 0;
    width: 100%;
    border: 1px solid #828282;
}
.vc2_tab th
{
    height: 0.54rem;
    text-align: center;
    border: 1px solid #828282;
    font-weight: normal;
    color: #040404;
}
.vc2_tab .t1
{
    width: 40%;
}
.vc2_tab td
{
    height: 0.54rem;
    text-align: center;
    border: 1px solid #828282;
    font-weight: normal;
    color: #828282;
    font-size: 0.24rem;
}

.vc2_handle2
{
    border-bottom: 0.04rem solid #eae8e8;
    height: 0.8rem;
    clear: both;
    line-height: 0.8rem;
    padding: 0.1rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 100;
    background: #fff;
}
.vc2_handle2 a
{
    display: block;
    width: 33.3333%;
    height: 0.8rem;
    text-align: center;
    float: left;
    border-left: 2px solid #eae8e8;
    margin-left: -2px;
    color: #000;
}
.vc2_fixed
{
    position: fixed;
    left: 0;
    top: 0;
}
.vc2_zw
{
    height: 1.02rem;
    clear: both;
    display: none;
}

/*vip*/

.act_header
{
    height: 1.16rem;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    line-height: 1.16rem;
    text-align: center;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    font-size: 0.4rem;
    color: #fff;
}
.act_header .btn
{
    float: left;
    color: #fff;
    font-size: 0.35rem;
    display: block;
    opacity: 0.5;
    padding: 0 0.28rem;
}
.act_header .hover
{
    opacity: 1;
}
.act_header .ss
{
    display: block;
    width: 1.16rem;
    height: 1.16rem;
    float: right;
    background: url("../images/us_ss.png") no-repeat center center;
    background-size: 0.5rem 0.5rem;
}
.act_header .share_btn
{
    width: 1.16rem;
    height: 1.16rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/mall-back.png") no-repeat center center;
    background-size: 0.6rem auto;
}
.act_list
{
    display: none;
}
.act_list .act_floor
{
    box-shadow: none;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 0.1rem;
    padding-top: 0;
}
.act_floor .us
{
    /*min-height: 1.5rem;*/
    padding: 0.07rem 0 0.2rem 1.15rem;
    position: relative;
}
.act_floor .bzbtn
{
    display: block;
    height: 0.54rem;
    line-height: 0.54rem;
    text-align: center;
    border-radius: 0.15rem;
    background: #ff6961;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.27rem;
    color: #fff;
    padding:0 .2rem;
}
.act_floor .face2
{
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    left: 0.15rem;
    top: 0.07rem;
}
.act_floor .face2 img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.act_floor .name
{
    height: 0.5rem;
    line-height: 0.5rem;
    color: #625f5f;
    position: relative;
    padding-left: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.act_floor .name img
{
    display: block;
    height: 0.44rem;
    position: absolute;
    left: 0.02rem;
    top: 0;
}
.act_floor .date
{
    height: 0.5rem;
    line-height: 0.5rem;
    color: #999;
}
.act_floor .tip
{
    line-height: 0.5rem;
    color: #777474;
}
.act_floor .npd
{
    padding-left: 0;
}

/*find 发现*/

.find_search
{
    width: 7.1rem;
    height: 0.54rem;
    margin: 0.15rem auto;
    border: 1px solid #706f6f;
    border-radius: 0.05rem;
    background: #eae8e8;
    position: relative;
}
.find_search .text
{
    width: 100%;
    height: 0.54rem;
    padding-left: 0.68rem;
    box-sizing: border-box;
    border: 0;
    background: none;
}
.find_search .sub
{
    position: absolute;
    left: 0;
    top: 0;
    width: 0.68rem;
    height: 0.54rem;
    background: url("../images/od_sub.png") no-repeat center center;
    background-size: auto 100%;
}

.find_nav
{
    box-sizing: border-box;
    height: 0.72rem;
    line-height: 0.72rem;
    border-bottom: 2px solid #e5e3e3;
    display: flex;
    justify-content: space-around;
    font-size: 0.28rem;
}
.find_nav a
{
    display: inline-block;
    box-sizing: border-box;
    height: 0.72rem;
    padding: 0 0.2rem;
    color: #0a0a0a;
}
.find_nav .hover
{
    color: #ff5500;
    border-bottom: 2px solid #ff5500;
}

.find_handle
{
    height: 0.6rem;
    line-height: 0.6rem;
    clear: both;
    border-bottom: 2px solid #e5e3e3;
    padding: 0 0.4rem;
    color: #bbbaba;
}
.find_handle .btn
{
    float: left;
    margin-left: 0.8rem;
    color: #bbbaba;
}
.find_handle .btn:first-child
{
    margin-left: 0;
}
.find_handle .hover
{
    color: #ff5500;
}
.find_handle .mh_select
{
    float: left;
    height: 0.6rem;
    position: relative;
}
.find_handle .mh_select select
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.find_handle .mh_val
{
    display: inline-block;
    height: 0.6rem;
    padding-right: 0.42rem;
    background: url("../images/as_more.png") no-repeat right center;
    background-size: auto 0.18rem;
}

.find_con
{
    display: none;
}
.find_item
{
    height: 1.4rem;
    border-bottom: 2px solid #e5e3e3;
    display: block;
    position: relative;
    box-shadow: 0 0 0.06rem #ccc;
}
.find_item_flex
{
    display: flex;
}
.find_item .num
{
    float: left;
    width: 0.5rem;
    height: 1.1rem;
    line-height: 1.1rem;
    margin: 0.15rem 0 0 0.1rem;
    text-align: center;
    font-size: 0.35rem;
    position: relative;
    flex-shrink: 0;
}
.find_item:nth-child(1) .num,.fr1
{
    text-indent: 300px;
    overflow: hidden;
    background: url("../images/fr1.png") no-repeat center center;
    background-size: 0.93rem 0.93rem;
}
.find_item:nth-child(2) .num,.fr2
{
    text-indent: 300px;
    overflow: hidden;
    background: url("../images/fr2.png") no-repeat center center;
    background-size: 0.93rem 0.93rem;
}
.find_item:nth-child(3) .num,.fr3
{
    text-indent: 300px;
    overflow: hidden;
    background: url("../images/fr3.png") no-repeat center center;
    background-size: 0.93rem 0.93rem;
}
.find_item .photo
{
    width: 1.1rem;
    height: 1.1rem;
    margin: 0.15rem 0 0 0.2rem;
    position: relative;
    float: left;
    flex-shrink: 0;
}
.find_item .face
{
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    position: relative;
    overflow: hidden;
}
.find_item .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.find_item .play
{
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: url("../images/zp_btn.png") no-repeat center center;
    background-size: 100% 100%;
}
.find_item .lv
{
    display: block;
    width: 0.64rem;
    position: absolute;
    top: -0.15rem;
    left: -0.3rem;
    z-index: 10;
}
.find_item .inf
{
    width: 4rem;
    float: left;
    margin-left: 0.2rem;
    padding: 0.05rem 0 0 0;
}
.find_item .infL
{
    width: 5.18rem;
}
.find_item_flex .inf
{
    width: 5.9rem;
}
.find_item .infL2
{
    width: 5.08rem;
    margin-left: 0.26rem;
}
.find_item .infLL
{
    width: 6.8rem;
}
.find_item .name
{
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.28rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.find_item .nm
{
    display: inline-block;
    max-width: 98%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.find_item .ss
{
    height: 0.4rem;
    line-height: 0.4rem;
    position: relative;
    color: #9d9d9d;
    padding-left: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.find_item .rb
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 78%;
}
.find_item .npd
{
    padding-left: 0;
}
.find_item .fa
{
    display: block;
    position: absolute;
    top: -0.05rem;
    left: -0.05rem;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
}
.find_item .read
{
    height: 0.4rem;
    line-height: 0.4rem;
    position: relative;
    color: #9d9d9d;
    padding-left: 0.5rem;
    background: url("../images/zp_lis.png") no-repeat left center;
    background-size: auto 0.3rem;
}
.find_item .price
{
    height: 0.4rem;
    line-height: 0.4rem;
    position: relative;
    color: #9d9d9d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.find_item .carea
{
    display: block;
    width: 1.3rem;
    height: 0.54rem;
    line-height: 0.54rem;
    text-align: center;
    border-radius: 0.15rem;
    background: #ff6961;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.3rem;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    z-index: 1;
}
.find_item .carea1
{
    top: 28%;
}
.find_item .carea2
{
    top: 73%;
}
.find_item .mof
{
    width: 0.9rem;
    height: 1.4rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/ma2_mof.png) no-repeat center center;
    background-size: 0.16rem auto;
}
.find_item .ycbg
{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/yc.png") no-repeat center center;
    background-size: auto 0.4rem;
}
.find_item .zfbg
{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/zf.png") no-repeat center center;
    background-size: auto 0.4rem;
}
.find_item .zybg
{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/zy.png") no-repeat center center;
    background-size: auto 0.4rem;
}
.find_item .diybg
{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/diy.png") no-repeat center center;
    background-size: auto 0.4rem;
}
.find_item .ycbgR, .find_item .zfbgR
{
    right: 0;
    left: auto;
}
.find_item .lb
{
    display: block;
    height: 0.4rem;
    position: absolute;
    right: 1.52rem;
    bottom: 0.1rem;
    max-width: 2.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.find_item .lb2
{
    right: .2rem;
    max-width: 4.1rem;
}
.find_item .lb3
{
    right: 1rem;
    max-width: 4.1rem;
}
.find_item .ck
{
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 100%;
    background: #ee3a2d;
    position: absolute;
    right: .16rem;
    top: 0.05rem;
}
.find_item .edita {
    display: block;
    width: 1rem;
    height: 1.4rem;
    position: absolute;
    right: 0.1rem;
    top: 0;
    background: url("../images/as_add.png") no-repeat center center;
    background-size: auto 0.34rem;
}
/*find 发现*/

/*family 家族*/

.fe_in
{
    height: 1rem;
    line-height: 1rem;
    background: #fff;
    margin-bottom: 0.04rem;
    border-top: 1px solid #e8e7e7;
    border-bottom: 1px solid #e8e7e7;
    clear: both;
    padding: 0 0.4rem;
    position: relative;
}
.fe_in_martop
{
    margin-top: 0.06rem;
}
.fe_in .tit
{
    height: 1rem;
    position: absolute;
    left: 0.4rem;
    top: 0;
}
.fe_in .text
{
    float: right;
    height: 1rem;
    border: 0;
    width: 100%;
    text-align: right;
    color: #bbbaba;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fe_in_text
{
    height: auto;
}
.fe_in_text .textarea
{
    height: auto;
    min-height: 1rem;
    line-height: 0.36rem;
    border: 0;
    width: 100%;
    text-align: left;
    color: #bbbaba;
    display: block;
    padding: 0.1rem 0;
}
.fe_in_text .textarea a
{
    height: 0.6rem;
    line-height: 0.6rem;
}
.fe_in .mh_select
{
    float: right;
    height: 1rem;
    line-height: 1rem;
    position: relative;
    width: 100%;
}
.fe_in .bn
{
    display: block;
    width: 0.28rem;
    height: 0.28rem;
    position: absolute;
    right: -0.3rem;
    top: 50%;
    margin-top: -0.14rem;
}
.fe_in .bn2
{
    display: block;
    width: 0.18rem;
    height: 0.28rem;
    position: absolute;
    right: 0.18rem;
    top: 50%;
    margin-top: -0.10rem;
}
.fe_in .mh_val
{
    color: #bbbaba;
    display: block;
    height: 1rem;
    width: 100%;
    text-align: right;
}
.fe_in .mh_select select
{
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    left: 0;
    top: 0;
    position: absolute;
}
.fe_fg
{
    height: 0.6rem;
    clear: both;
}
.fe_js
{
    display: block;
    width: 1.4rem;
    height: 0.54rem;
    line-height: 0.54rem;
    text-align: center;
    border-radius: 0.15rem;
    background: #ff6961;
    color: #fff;
    margin: 0 auto;
}

.fat_add
{
    background: #fff;
    margin-bottom: 0.06rem;
    padding-bottom: 0.34rem;
}
.fat_add .text
{
    height: 0.8rem;
    line-height: 0.8rem;
    float: left;
    width: 4.9rem;
    padding-left: 0.4rem;
    border: 0;
}
.fat_add .addbtn
{
    display: block;
    width: 1.5rem;
    height: 0.54rem;
    line-height: 0.54rem;
    border-radius: 0.05rem;
    background: #b2afaf;
    float: left;
    margin: 0.13rem 0 0 0;
    text-align: center;
    color: #fff;
}
.fat_add .tags
{
    padding: 0.18rem 0 0 0.4rem;
}
.fat_add .tag
{
    display: inline-block;
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0 0.3rem;
    font-size: 0.26rem;
    color: #fff;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    border-radius: 0.08rem;
    float: left;
    margin: 0.2rem 0.3rem 0 0;
}
.fat_bt
{
    background: #fff;
    padding: 0 0 0.1rem 0.3rem;
}
.fat_bt .title
{
    height: 0.65rem;
    line-height: 0.65rem;
    font-size: 0.28rem;
    color: #959494;
}
.fat_bt .tag
{
    display: inline-block;
    float: left;
    border: 2px solid #eae8e8;
    border-radius: 0.08rem;
    margin: 0 0.26rem 0.2rem 0;
}
.fat_bt .tag em
{
    display: inline-block;
    height: 0.45rem;
    line-height: 0.45rem;
    padding: 0 0.2rem;
}
.fat_bt .hover
{
    padding: 2px;
    border: 0;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    color: #fff;
}

.me_search
{
    width: 7.1rem;
    height: 0.54rem;
    line-height: 0.54rem;
    margin: 0.15rem auto;
    background: #eae8e8;
    border-radius: 0.1rem;
    position: relative;
}
.me_search .text
{
    width: 100%;
    height: 0.54rem;
    padding-left: 0.68rem;
    box-sizing: border-box;
    border: 0;
    background: none;
}
.me_search .sub
{
    display: block;
    width: 0.68rem;
    height: 0.54rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    background: url("../images/od_sub.png") no-repeat center center;
    background-size: auto 0.54rem;
}
.fm_item
{
    display: block;
    height: 1.5rem;
    position: relative;
    padding-left: 2rem;
    background: #fff;
    border-bottom: 0.05rem solid #eae8e8;
}
.fm_item .face
{
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    position: absolute;
    left: 0.5rem;
    top: 0.15rem;
    overflow: hidden;
}
.fm_item .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fm_item .name
{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    font-size: 0.32rem;
    color: #000;
    position: relative;
    padding-left: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.5rem;
    line-height: 1.5rem;
}
.fm_item .ico
{
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 0.6rem;
    height: 0.6rem;
    margin-top: -0.3rem;
}

.fa_top
{
    padding: 0.2rem;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    color: #fff;
}
.fa_top .flex
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.fa_top .face
{
    float: left;
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    overflow: hidden;
    display: block;
}
.fa_top .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fa_top .cct
{
    width: 3.5rem;
    float: left;
    padding: 0.12rem 0 0 0.08rem;
}
.fa_top .in
{
    height: 0.46rem;
    line-height: 0.46rem;
}
.fa_top .tag
{
    display: inline-block;
    height: 0.42rem;
    line-height: 0.42rem;
    border: 2px solid #fff;
    padding: 0 0.2rem;
    border-radius: 0.05rem;
    float: left;
    margin-right: 0.2rem;
    margin-bottom: 0.06rem;
}
.fa_top .crt
{
    width: 1.8rem;
    padding-top: 0.32rem;
    float: right;
}
.fa_top .joina
{
    display: block;
    width: 1.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    float: right;
    border: 2px solid #fff;
    border-radius: 0.1rem;
    margin-top: 0.15rem;
    color: #fff;
    background: #ff6a5f; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6a5f, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6a5f, #ff8d29);
    background: -webkit-gradient(to right, #ff6a5f, #ff8d29);
    background: -o-linear-gradient(to right, #ff6a5f, #ff8d29);
}
.fa_top .joina2
{
    position: absolute;
    top: 1rem;
    right: 0.22rem;
    z-index: 20;
}
.fa_top .rq
{
    height: 0.78rem;
    line-height: 0.78rem;
    text-align: right;
    color: #ffe0d0;
    font-size: 0.28rem;
}
.fa_top .tags
{
    margin-top: 0.2rem;
    position: relative;
    float: right;
}
.fa_top .bt
{
    border-top: 1px solid #ffd2c3;
    clear: both;
    margin-top: 0.2rem;
    padding-top: 0.1rem;
    height: 0.8rem;
    position: relative;
}
.fa_top .fg
{
    height: 0.8rem;
    position: absolute;
    left: 50%;
    top: 0.1rem;
    border-left: 1px solid #ffd2c3;
}
.fa_top .bt dl
{
    float: left;
    width: 50%;
    text-align: center;
    color: #ffe0d0;
    font-size: 0.24rem;
    line-height: 0.4rem;
}
.fa_top .bt dt span
{
    font-size: 0.28rem;
    color: #fff;
}

.fa_handle
{
    height: 0.7rem;
    line-height: 0.7rem;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.fa_handle .btn
{
    display: inline-block;
    height: 0.7rem;
    box-sizing: border-box;
    border-bottom: 2px solid #fff;
    flex-shrink:1;
}
.fa_handle .hover
{
    color: #ff5500;
    border-color: #ff5500;
}
.fa_handle .btnGL
{
    color: #ff8344;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fa_handle_edit
{
    height: 1rem;
    line-height: 1rem;
}
.fa_handle_edit .btn
{
    height: 1rem;
}

.fa_con
{
    display: none;
}
.fac_zp
{
    background: #fff;
    height: 1rem;
    line-height: 1rem;
    padding: 0 0.35rem;
    color: #020202;
    margin-top: 0.2rem;
}
.face_gg
{
    margin: 0.2rem 0 0 0;
    background: #fff;
    padding: 0.1rem 0.35rem;
    font-size: 0.2rem;
    line-height: 0.28rem;
    color: #999;
    min-height: 2.2rem;
}
.face_gg .t1
{
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.28rem;
    color: #000;
}
.fr_floor
{
    background: #fff;
    margin-top: 0.2rem;
}

.fr_floor .head
{
    height: 0.86rem;
    line-height: 0.86rem;
    clear: both;
    padding: 0 0.5rem;
}
.fr_floor .tit
{
    float: left;
    font-size: 0.3rem;
    color: #000;
}
.fr_floor .more
{
    float: right;
    color: #959494;
    font-size: 0.28rem;
    display: block;
    padding-right: 0.26rem;
    background: url("../images/us_link.png") no-repeat right center;
    background-size: auto 0.28rem;
}
.fr_item
{
    width: 33.3333%;
    float: left;
    height: 2.3rem;
    text-align: center;
}
.fr_item .face
{
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
}
.fr_item .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fr_item .name
{
    height: 0.54rem;
    line-height: 0.54rem;
    color: #020202;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fr_item .nm
{
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fr_item .score
{
    display: inline-block;
    height: 0.44rem;
    line-height: 0.44rem;
    color: #959494;
    padding-left: 0.45rem;
    background: url("../images/jb1.png") no-repeat left center;
    background-size: auto 100%;
}
.fr_item .renqi
{
    background: url("../images/up_lis.png") no-repeat -0.1rem center;
    background-size: auto 0.64rem;
}
.fr_item .gongxian
{
    background: url("../images/fl_zan.png") no-repeat -0.1rem center;
    background-size: auto 0.64rem;
}
.fr_item .xianhua
{
    background: url("../images/fl_hua.png") no-repeat -0.08rem center;
    background-size: auto 0.6rem;
}
.line20
{
    height: 0.2rem;
    clear: both;
}
.fw_item
{
    display: block;
    background: #fff url("../images/we_btn.png") no-repeat 95% center;
    background-size: auto 0.28rem;
    height: 1.4rem;
    margin-bottom: 0.03rem;
    padding-left: 2.8rem;
    position: relative;
    line-height: 1.4rem;
    color: #000;
    font-size: 0.3rem;
}
.fw_item2
{
    padding-left: 0.3rem;
}
.fw_item .face
{
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    left: 0.8rem;
    top: 0.15rem;
    overflow: hidden;
    border-radius: 100%;
}
.fw_item .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fw_item .play
{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    margin: -0.2rem 0 0 -0.2rem;
    background: url("../images/zp_btn.png") no-repeat center center;
    background-size: 100% 100%;
}

.fr_title
{
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    font-size: 0.34rem;
    color: #fff;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
}

.fr_head
{
    height: 1rem;
    border-top: 2px solid #eae8e8;
    border-bottom: 2px solid #eae8e8;
    background: #fff;
    clear: both;
    padding: 0 0.25rem;
}
.fr_head .cleft
{
    float: left;
    text-align: left;
}
.fr_head .cright
{
    float: right;
    text-align: right;
}
.fr_head dt
{
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.32rem;
    color: #000;
}
.fr_head dd
{
    height: 0.5rem;
    line-height: 0.5rem;
    color: #9d9d9d;
    font-size: 0.24rem;
}
.fr2_item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #eae8e8;
    height: 1.7rem;
    background: #fff;
    width: 100%;
    clear: both;
    position: relative;
}
.fr2_item .num
{
    float: left;
    display: block;
    width: 1.2rem;
    height: 1.7rem;
    line-height: 1.7rem;
    font-size: 0.34rem;
    text-align: center;
}
.fr2_item:nth-child(1) .num
{
    text-indent: 300px;
    overflow: hidden;
    background: url("../images/fr1.png") no-repeat center center;
    background-size: 1rem 1rem;
}
.fr2_item:nth-child(2) .num
{
    text-indent: 300px;
    overflow: hidden;
    background: url("../images/fr2.png") no-repeat center center;
    background-size: 1rem 1rem;
}
.fr2_item:nth-child(3) .num
{
    text-indent: 300px;
    overflow: hidden;
    background: url("../images/fr3.png") no-repeat center center;
    background-size: 1rem 1rem;
}
.fr2_item .face
{
    float: left;
    width: 1.4rem;
    height: 1.4rem;
    position: relative;
    overflow: hidden;
    margin: 0.15rem 0 0 0;
}
.fr2_item .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fr2_item .inf
{
    width: 4.7rem;
    float: right;
    padding: 0.1rem 0 0 0.1rem;
}
.fr2_item .name
{
    height: 0.5rem;
    line-height: 0.5rem;
    color: #333231;
    font-size: 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fr2_item .nm
{
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fr2_item .tas
{
    height: 0.5rem;
    line-height: 0.5rem;
    color: #9d9d9d;
    font-size: 0.26rem;
}
.fr2_item .tas span
{
    float: left;
    margin-right: 0.25rem;
}
.fr2_item .tags span
{
    display: inline-block;
    height: 0.4rem;
    line-height: 0.4rem;
    padding: 0 0.15rem;
    border: 1px solid #b0afaf;
    border-radius: 0.1rem;
    margin-right: 0.1rem;
    color: #929191;
}

.fa_ss
{
    border-top: 0.03rem solid #eae8e8;
    height: 0.7rem;
    background: #fff;
    clear: both;
}
.fa_ss .text
{
    float: left;
    width: 3.8rem;
    height: 0.7rem;
    border: 0;
    background: none;
    padding-left: 0.3rem;
}
.fa_ss .edita
{
    display: block;
    width: 1.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    float: left;
    margin: 0.1rem 0.1rem 0 0;
    border-radius: 0.05rem;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    text-align: center;
    color: #fff;
}
.fa_ss .ss
{
    display: block;
    width: 1.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    float: left;
    margin: 0.1rem 0.1rem 0 0;
    border-radius: 0.05rem;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    text-align: center;
    color: #fff;
}
.fa_ss .ss em
{
    display: inline-block;
    width: 1.5rem;
    height: 0.5rem;
    background: url("../images/us_ss.png") no-repeat center center;
    background-size: auto 100%;
}
.line10
{
    height: 0.1rem;
    clear: both;
}

.fse_item
{
    display: flex;
    justify-content: space-around;
    height: 1.7rem;
    border-bottom: 2px solid #eae8e8;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.15rem;
    position: relative;
}
.fse_item2
{
    padding-left: 0.9rem;
}
.fse_item .count
{
    color: #9d9d9d;
    position: absolute;
    right: 0.38rem;
    top: 0.5rem;
}
.fse_item .photo
{
    float: left;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    margin: 0.15rem 0 0 0;
    position: relative;
    overflow: hidden;
}
.fse_item .photo img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fse_item .inf
{
    width: 5.1rem;
    float: right;
    padding: 0.18rem 0.1rem 0 0.11rem
}
.fse_item2 .inf
{
    width: 4.6rem;
}
.fse_item .infL
{
    width: 6rem;
}
.fse_item .name
{
    height: 0.44rem;
    line-height: 0.44rem;
    font-size: 0.3rem;
    color: #5d5d5d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fse_item .nm
{
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fse_item .jz
{
    height: 0.42rem;
    line-height: 0.42rem;
    color: #9d9d9d;
    font-size: 0.24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fse_item .bt
{
    height: 0.6rem;
    line-height: 0.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    color: #9d9d9d;
    font-size: 0.26rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fse_item .tag
{
    display: inline-block;
    padding-left: 0.45rem;
}
.fse_item .read
{
    background: url("../images/zp_lis.png") no-repeat left center;
    background-size: auto 0.3rem;
}
.fse_item .rec
{
    background: url("../images/jse_rec.png") no-repeat left center;
    background-size: auto 0.3rem;
}
.fse_item .share
{
    background: url("../images/jse_share.png") no-repeat left center;
    background-size: auto 0.3rem;
}
.fse_item .sc
{
    background: url("../images/us_btn1.png") no-repeat left center;
    background-size: auto 0.3rem;
}
.fse_item .kjs
{
    background: url("../images/us_btn2.png") no-repeat left center;
    background-size: auto 0.3rem;
}
.fse_item .rws
{
    background: url("../images/us_btn4.png") no-repeat left center;
    background-size: auto 0.3rem;
}
.fse_item .sa_btn
{
    display: block;
    width: 1.3rem;
    height: 0.6rem;
    position: absolute;
    right: 0.2rem;
    top: 0.5rem;
    background: url("../images/sa_btn.png") no-repeat center center;
    background-size: auto 0.16rem;
}

.fs_handle
{
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    background: #fff;
}
.fs_handle .btn
{
    display: inline-block;
    height: 0.7rem;
    box-sizing: border-box;
    padding: 0 0.3rem;
}
.fs_handle .hover
{
    color: #ff5500;
    border-bottom: 2px solid #ff5500;
}

.fs_con
{
    display: none;
}
.fs_con .tp
{
    height: 0.84rem;
    line-height: 0.84rem;
    background: #fff;
    margin: 0.08rem 0 0.15rem 0;
    color: #333;
    position: relative;
    padding-left: 0.88rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fs_con .tp2
{
    padding-left: 1.2rem;
}
.fs_con .sel
{
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border: 2px solid #a93e30;
    border-radius: 100%;
    position: absolute;
    left: 0.14rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fs_con .tp2 .sel
{
    left: 0.3rem;
}
.fs_con .selhover i
{
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.1rem 0 0 -0.1rem;
    border-radius: 100%;
    background: #a93e30;
}

.fl_top
{
    text-align: center;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    line-height: 0.9rem;
    color: #fff;
    font-size: 0.4rem;
}
.fl_top a{
	line-height: 0.9rem;
	color:#fff;
	font-size:0.4rem;
}
.fl_top img{
	line-height: 0.9rem;
	height:0.46rem;
	width:0.46rem;
	border-radius: 16%;
	font-size:0.4rem;
	vertical-align:middle;
}
.fl_top .jine{
	font-size:0.6rem;
}

.flt_item
{
    display: flex;
    justify-content: space-between;
    height: 1.5rem;
    border-bottom: 2px solid #eae8e8;
    background: #fff;
    position: relative;
}
.flt_item .num, .flt_item .sout
{
    float: left;
    width: 1.2rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.35rem;
    position: relative;
}
.flt_item:nth-child(1) .num
{
    text-indent: 300px;
    overflow: hidden;
    background: url("../images/fr1.png") no-repeat center center;
    background-size: 1rem 1rem;
}
.flt_item:nth-child(2) .num
{
    text-indent: 300px;
    overflow: hidden;
    background: url("../images/fr2.png") no-repeat center center;
    background-size: 1rem 1rem;
}
.flt_item:nth-child(3) .num
{
    text-indent: 300px;
    overflow: hidden;
    background: url("../images/fr3.png") no-repeat center center;
    background-size: 1rem 1rem;
}
.flt_item .face
{
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    position: relative;
    float: left;
    margin: 0.15rem 0 0 0;
    overflow: hidden;
}
.flt_item .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.flt_item .inf
{
    float: right;
    width: 4.6rem;
    padding: 0.15rem 0 0 0;
}
.flt_item .name
{
    height: 0.66rem;
    line-height: 0.66rem;
    position: relative;
    font-size: 0.32rem;
    color: #000;
    padding-left: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.flt_item .name img
{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    left: 0;
    top: 0;
}
.flt_item .npd
{
    padding-left: 0;
}
.flt_item .nm
{
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.flt_item .zan
{
    color: #9d9d9d;
    height: 0.6rem;
    line-height: 0.6rem;
    padding-left: 0.6rem;
    position: relative;
}
.flt_item .renqi
{
    background: url("../images/up_lis.png") no-repeat left center;
    background-size: auto 0.6rem;
}
.flt_item .gongxian
{
    background: url("../images/fl_zan.png") no-repeat left center;
    background-size: auto 0.6rem;
}
.flt_item .xianhua
{
    background: url("../images/fl_hua.png") no-repeat left center;
    background-size: auto 0.6rem;
}
.flt_item .zan img
{
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
}
.flt_item .rq
{
    height: 0.6rem;
    line-height: 0.6rem;
    clear: both;
    width: 4.6rem;
    color: #9d9d9d;
}
.flt_item .zou
{
    float: left;
    padding-left: 0.6rem;
    position: relative;
}
.flt_item .zou img
{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    left: 0;
    top: 0;
}
.flt_item .ting
{
    float: right;
    width: 1.3rem;
    background: url("../images/zp_lis.png") no-repeat left center;
    background-size: auto 0.3rem;
    padding-left: 0.4rem;
}
.flt_item .sel
{
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border: 2px solid #a93e30;
    border-radius: 100%;
    position: absolute;
    left: 0.3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.flt_item .selhover i
{
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.1rem 0 0 -0.1rem;
    border-radius: 100%;
    background: #a93e30;
}
.flt_item .gl
{
    height: 0.6rem;
    line-height: 0.6rem;
    color: #9d9d9d;
}
.flt_item .gl span
{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.flt_item .gl span img
{
    height: 0.28rem;
}

.fs_con .total
{
    height: 0.6rem;
    line-height: 0.6rem;
    padding: 0 0.3rem;
    color: #000;
}

.fu_item
{
    height: 1.5rem;
    background: #fff;
    display: block;
    position: relative;
    border-bottom: 1px solid #eae8e8;
    padding: 0 1.8rem;
}
.fu_item .face
{
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    position: absolute;
    left: 0.3rem;
    top: 0.15rem;
    overflow: hidden;
}
.fu_item .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fu_item .name
{
    height: 0.5rem;
    line-height: 0.5rem;
    padding-top: 0.05rem;
    font-size: 0.3rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fu_item .in
{
    height: 0.46rem;
    line-height: 0.46rem;
    color: #9d9d9d;
    position: relative;
    padding-left: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fu_item .npd
{
    padding-left: 0;
}
.fu_item .in img
{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    left: 0;
    top: -0.07rem;
}
.fu_item .btn
{
    display: block;
    width: 1.3rem;
    height: 0.52rem;
    line-height: 0.52rem;
    border-radius: 0.15rem;
    background: #ff6961;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    margin-top: -0.26rem;
}
.fu_title
{
    height: 0.9rem;
    line-height: 0.9rem;
    padding: 0 0.3rem;
    color: #333;
    position: relative;
}
.fu_title .btn
{
    width: 1.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #fff;
    border-radius: 0.05rem;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    margin: 0.17rem 0 0 0.3rem;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    margin-top: -0.25rem;
}
.fu_title .ss
{
    display: inline-block;
    width: 1.5rem;
    height: 0.5rem;
    background: url("../images/us_ss.png") no-repeat center center;
    background-size: auto 100%;
}

/*family 家族*/

/*taskSign 任务中心*/

.ts_top
{
    height: 1.5rem;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ts_bottom
{
    height: 1.65rem;
    background: #fff;
    border-bottom: 0.05rem solid #eae8e8;
}
.ts_top .nums
{
    margin: 0 auto;
    height: 0.6rem;
    line-height: 0.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.ts_top .nums span
{
    display: inline-block;
    width: 0.4rem;
    height: 0.6rem;
    float: left;
    margin: 0 0.07rem;
    background: #ff8a77;
    border-radius: 0.05rem;
    text-align: center;
    color: #fff;
    font-size: 0.4rem;
}
.ts_top .nums .hua
{
    height: 0.6rem;
}
.ts_card
{
    width: 6.7rem;
    height: 2.4rem;
    background: #fd8466;
    position: absolute;
    bottom: -1.65rem;
}
.ts_card .cleft
{
    float: left;
    line-height: 2.1rem;
    font-size: 0.4rem;
    color: #fff;
    padding-left: 0.15rem;
}
.ts_card .cleft em
{
    font-size: 0.56rem;
    padding: 0 0.1rem;
}
.ts_card .tit
{
    width: 1.5rem;
    height: 0.54rem;
    line-height: 0.54rem;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 0.25rem;
    color: #fff;
    background: #ffb027; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to bottom, #ffb027, #ffdb1d);
    background: -moz-linear-gradient(to bottom, #ffb027, #ffdb1d);
    background: -webkit-gradient(to bottom, #ffb027, #ffdb1d);
    background: -o-linear-gradient(to bottom, #ffb027, #ffdb1d);
    border-radius: 0 0 0.2rem 0;
}
.ts_card .zhu
{
    width: 97%;
    height: 0.6rem;
    line-height: 0.35rem;
    position: absolute;
    left: .15rem;
    bottom: .18rem;
    text-align: center;
    font-size: 0.25rem;
    color: #ddd;
}
.ts_card .signa
{
    display: block;
    width: 1.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: #fff7f7;
    border-radius: 0.15rem;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    margin-top: -0.35rem;
    text-align: center;
    color: #f0481c;
}
.ts_card .over
{
    color: #5e5f5f;
}

/*taskSign 任务中心*/

/*mall 商城*/

.ma1_top
{
    height: 2.4rem;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    margin-bottom: 3rem;
    position: relative;
}
.ma1_top .links
{
    text-align: center;
}
.ma1_top .links a
{
    display: inline-block;
    height: 1rem;
    line-height: 1rem;
    color: #fff;
    margin: 0 0.4rem;
    padding: 0 0.5rem;
}
.ma1_top .links .hover
{
    border-bottom: 2px solid #fff;
}
.ma1_top .sa
{
    display: block;
    width: 6.9rem;
    height: 3.8rem;
    position: absolute;
    top: 1.4rem;
    left: 0.3rem;
}
.ma1_top .sa img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ma1_top dl
{
    position: absolute;
    left: 0.3rem;
    bottom: 0.2rem;
    z-index: 10;
    color: #fff;
}
.ma1_top dt
{
    font-size: 0.35rem;
}
.ma1_top dd
{
    line-height: 1.8;
    font-size: 0.25rem;
}

.ma1_hot .head
{
    height: 1rem;
    line-height: 1rem;
    clear: both;
    padding: 0 0.3rem;
}
.ma1_hot .tit
{
    float: left;
    font-size: 0.34rem;
    color: #000;
}
.ma1_hot a.more
{
    float: right;
    color: #aaa;
}

.ma1_item
{
    display: block;
    width: 50%;
    height: 4.2rem;
    padding-top: 0.3rem;
    border: 1px solid #e8e8e8;
    border-left: 0;
    margin: -1px 0 0 -1px;
    float: left;
}
.ma1_item .photo
{
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.ma1_item .photo img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ma1_item .price
{
    text-align: center;
    color: #999;
    width: 100%;
    display: block;
}
.ma1_item .name
{
    width: 90%;
    margin: 0.1rem auto 0 auto;
    text-align: center;
    line-height: 0.4rem;
    height: 0.8rem;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.ma2_floor .head
{
    height: 1rem;
    line-height: 1rem;
    clear: both;
    padding: 0 0.3rem;
    border-bottom: 1px solid #ebebeb;
    background: #fafafa;
}
.ma2_floor .tit
{
    float: left;
    font-size: 0.34rem;
    color: #000;
}
.ma2_floor a.more
{
    float: right;
    color: #aaa;
}
.ma2_floor .btn {
    margin: .1rem .4rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    color: #fff;
    border-radius: 0.05rem;
    background: #ff6961;
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    margin: 0.17rem 0 0 0.3rem;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    margin-top: -0.25rem;
}
.ma2_item
{
    height: 2rem;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.ma2_link
{
    width: 100%;
    box-sizing: border-box;
    height: 2rem;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 0.9rem 0 2.2rem;
}
.ma2_link .photo
{
    display: block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: 0;
    top: 0;
}
.ma2_link .photo img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ma2_link .name
{
    height: 0.5rem;
    line-height: 0.5rem;
    color: #333;
    padding-top: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ma2_link .nm
{
    display: inline-block;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ma2_link .tags
{
    height: 0.6rem;
    line-height: 0.6rem;
}
.ma2_link .xin
{
    float: left;
    color: #7b7b7b;
    padding-left: 0.4rem;
    background: url("../images/ma_star.png") no-repeat left center;
    background-size: auto 0.3rem;
}
.ma2_link .price
{
    float: left;
    color: #fc6437;
    margin-left: 0.2rem;
}
.ma2_link .mh_select
{
    float: left;
    position: relative;
    color: #fc6437;
    height: 0.6rem;
    margin-left: 0.1rem;
    padding-right: 0.3rem;
    background: url("../images/ma6_sel.png") no-repeat right center;
    background-size: auto 0.15rem;
}
.ma2_link .mh_select select
{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.ma2_link .mof
{
    width: 0.9rem;
    height: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/ma2_mof.png") no-repeat center center;
    background-size: auto 0.35rem;
}
.ma2_item .del
{
    display: block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    color: #fff;
    position: absolute;
    right: -2rem;
    top: 0;
    background: url("../images/ma2_del.jpg") no-repeat center center;
    background-size: 100% 100%;
}
.ma2_item .del2
{
    background-image: url("../images/ma2_del2.jpg");
}
.ma2_item .imore
{
    background-image: url("../images/us_link.png");
}
.us_header .mfa
{
    display: block;
    height: 1.16rem;
    width: 0.8rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/mfa.png") no-repeat center center;
    background-size: 0.5rem 0.5rem;
}
.us_header .sharea
{
    display: block;
    height: 1.16rem;
    width: 0.8rem;
    position: absolute;
    right: 0.8rem;
    top: 0;
    background: url("../images/mfshare.png") no-repeat center center;
    background-size: 0.5rem 0.5rem;
}

.ma3_tags
{
    width: 100%;
    position: fixed;
    left: 0;
    top: 1.16rem;
    z-index: 80;
    background: #fff;
}
.ma3_tags .wp
{
    height: 0.8rem;
    overflow: hidden;
}
.ma3_tagsdown .wp
{
    height: auto;
}
.ma3_tags .btn
{
    height: 0.5rem;
    width: 100%;
    display: block;
    background: url("../images/ma3btn.png") no-repeat top center;
    background-size: auto 200%;
}
.ma3_tags .wp a
{
    display: inline-block;
    height: 0.6rem;
    line-height: 0.6rem;
    padding: 0 0.3rem;
    border: 1px solid #838181;
    border-radius: 0.1rem;
    float: left;
    margin: 0.15rem 0 0 0.2rem;
}
.ma3_tags .hover
{
    color: #fff;
    border-color: #ff6961 !important;
    background: #ff6961;
}
.ma3_tagsdown .btn
{
    background-position: bottom center;
}
.ma3_zw
{
    height: 1.3rem;
    clear: both;
}

.ma4_flog
{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
    background: rgba(0,0,0,0.5);
    display: none;
}
.ma4_win
{
    width: 3.8rem;
    position: fixed;
    z-index: 100;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 0.15rem;
    padding-top: 0.2rem;
    display: none;
}
.ma4_win .photo
{
    display: block;
    width: 3rem;
    height: 3rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.ma4_win .photo img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ma4_win .name
{
    width: 3.6rem;
    margin: 0 auto;
    color: #000;
    text-align: center;
    line-height: 1.8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ma4_win .price
{
    text-align: center;
    color: #fc6437;
    line-height: 3;
}
.ma4_win .carta
{
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    position: fixed;
    left: 50%;
    bottom: -1.6rem;
    margin-left: -0.6rem;
    background: url("../images/carta.png") no-repeat center center;
    background-size: 100% 100%;
}

.ma5_banner
{
    position: relative;
    z-index: 10;
}
.ma5_banner img
{
    display: block;
    width: 100%;
    height: auto;
}
.ma5_banner .add
{
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    right: 0.2rem;
    bottom: -0.6rem;
    background: url("../images/ma5_add.png") no-repeat center center;
    background-size: 100% 100%;
}
.ma5_banner .add2
{
    background: url("../images/weixin/dy.png") no-repeat center center;
    background-size: 100% 100%;
}

.ma5_intro
{
    padding: 0.3rem 0.5rem;
    border-bottom: 1px solid #ebebeb;
}
.ma5_intro .t1
{
    height: 0.7rem;
    line-height: 0.7rem;
    color: #fc6437;
}
.ma5_intro .t2
{
    height: auto;
	line-height: 0.8rem;
	color:#272727;
	font-size:0.5rem;
}
.ma5_intro .inf
{
    font-size: 0.28rem;
    line-height: 0.4rem;
    color: #999;
}
.ma5_intro .t1 .help
{
    height: 0.36rem;
}

.ma5_header
{
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 0.3rem;
    clear: both;
}
.ma5_header .tit
{
    float: left;
    font-size: 0.32rem;
    color: #000;
}
.ma5_header .more
{
    float: right;
    color: #999;
}

.ma5_scroll
{
    height: 3.1rem;
    position: relative;
    overflow-x: auto;
    margin-bottom: 0.4rem;
}
.ma5_scroll .s_list
{
    height: 3.1rem;
}
.ma5_scroll a
{
    display: block;
    width: 3.1rem;
    height: 3.1rem;
    float: left;
    margin-left: 0.2rem;
}
.ma5_scroll img
{
    width: 3.1rem;
    height: 3.1rem;
    display: block;
}
.ma5_scroll2
{
    height: 2.5rem;
    position: relative;
    overflow-x: auto;
    padding-bottom: 0.2rem;
    margin-bottom: 0;
}
.ma5_scroll2 .s_list
{
    height: 2.5rem;
    min-width: 100%;
}
.ma5_scroll2 a
{
    display: block;
    float: left;
    margin-left: 0.1rem;    
    padding: 0 0 0 0.15rem;
    width: 1.75rem;
    height: 1.75rem;
}
.ma5_scroll2 img
{
    width: 1.75rem;
    height: 1.75rem;
    display: block;
}
.ma5_scroll2 a .inf
{
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ma5_rec
{
    margin: 0 0.3rem 0.2rem 0.3rem;
    position: relative;
    padding-left: 1rem;
}
.ma5_rec .name
{
    color: #000;
    height: 0.5rem;
    line-height: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ma5_rec .date
{
    color: #999;
    height: 0.5rem;
    line-height: 0.5rem;
}
.ma5_rec .intro
{
    line-height: 0.4rem;
    color: #7b7b7b;
}
.ma5_rec .face
{
    display: block;
    width: 0.68rem;
    height: 0.68rem;
    position: absolute;
    left: 0;
    top: 0.2rem;
    box-shadow: 0 0 0.15rem #ccc;
    border-radius: 100%;
    overflow: hidden;
}
.ma5_rec .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ma6_header
{
    height: 1rem;
    line-height: 1rem;
    padding: 0 0.3rem;
    font-size: 0.34rem;
    color: #000;
    border-bottom: 1px solid #ebebeb;
}

.ma6_pos
{
    padding: 0.3rem;
    background: #fff;
    color: #000;
    line-height: 1.8;
    border-bottom: 1px solid #ebebeb;
}
.ma6_pos .t1
{
    color: #999;
}
.ma6_sel .in
{
    height: 1.1rem;
    line-height: 1.1rem;
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 0 0.3rem;
    clear: both;
    background: #fff;
    overflow: hidden;
}
.ma6_sel .tit
{
    float: left;
    color: #000;
    width: 2.2rem;
}
.ma6_sel .pri
{
    color: #ff7b46;
    float: left;
}
.ma6_sel .sel
{
    display: block;
    float: right;
    width: 1.1rem;
    height: 1.1rem;
    background: url("../images/ma6_sel2.png") no-repeat left top;
    background-size: auto 200%;
}
.ma6_sel .hover .sel
{
    background-position: left bottom;
}
.ma6_sel .ico
{
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    float: left;
    margin: 0.2rem 0.2rem 0 0;
}

.ma6_pay
{
    display: block;
    width: 92%;
    margin: 0.3rem auto;
    text-align: center;
    height: 1.2rem;
    line-height: 1.2rem;
    color: #fff;
    font-size: 0.35rem;
    border-radius: 0.1rem;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
}

.ma6_flog
{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 200;
    display: none;
    background: rgba(255,87,34,0.5);
}

.ma6_win
{
    width: 6rem;
    height: 7.2rem;
    padding-top: 0.2rem;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -3.7rem 0 0 -3rem;
    background: #fff;
    z-index: 220;
    border-radius: 0.1rem;
    text-align: center;
    display: none;
}
.ma6_win .photo
{
    display: block;
    width: 3.6rem;
    height: 3.6rem;
    margin: 0 auto;
}
.ma6_win dt
{
    font-size: 0.34rem;
    color: #fc6437;
    line-height: 1.8;
}
.ma6_win dd
{
    height: 0.86rem;
    line-height: 0.86rem;
    color: #000;
    font-size: 0.5rem;
    padding-bottom: 0.6rem;
}
.ma6_win .close
{
    color: #fc6437;
}

.ma8_sli
{
    border-bottom: 1px solid #ebebeb;
    padding: 0 0.3rem 0.3rem 0.3rem;
}
.ma8_sli .con
{
    display: none;
    color: #7b7b7b;
    line-height: 1.8;
}
.ma8_slidown .con
{
    display: block;
}
.ma8_sli .handle
{
    height: 1.3rem;
    line-height: 1.3rem;
    font-size: 0.34rem;
    color: #000;
    background: url("../images/as_more.png") no-repeat 98% center;
    background-size: auto 0.18rem;
}
.ma8_slidown .handle
{
    background-image: url("../images/as_moreh.png");
}
.ma8_sli li
{
    color: #272727;
    padding-left: 2.4rem;
    position: relative;
    margin: 0.2rem 0;
    line-height: 0.4rem;
}
.ma8_sli .tit
{
    position: absolute;
    left: 0;
    top: 0;
    line-height: 0.4rem;
    color: #7b7b7b;
}

.ma8_ot
{
    padding: 0 0.3rem;
}
.ma8_ot .head
{
    height: 1.3rem;
    line-height: 1.3rem;
    clear: both;
}
.ma8_ot .tit
{
    float: left;
    font-size: 0.35rem;
    color: #000;
}
.ma8_ot .more
{
    float: right;
}
.ma8_item
{
    display: block;
    height: 3rem;
    clear: both;
}
.ma8_item .photo
{
    float: left;
    width: 3rem;
    height: 3rem;
    position: relative;
    overflow: hidden;
}
.ma8_item .photo img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ma8_item .inf
{
    float: left;
    width: 3.4rem;
    float: right;
    padding: 0.8rem 0 0 0;
}
.ma8_item .name
{
    line-height: 0.4rem;
    color: #444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ma8_item .price
{
    color: #fc6437;
    line-height: 3;
}

.ma9_handle
{
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    clear: both;
}
.ma9_handle .btn
{
    height: 1rem;
    display: block;
    width: 33.333%;
    float: left;
    color: #fff;
    box-sizing: border-box;
}
.ma9_handle .hover
{
    border-bottom: 0.05rem solid #fff;
}

.ma9_con
{
    display: none;
}
.ma9_item
{
    display: block;
    width: 7.16rem;
    position: relative;
    margin: 0.2rem auto 0 auto;
}
.ma9_item img
{
    display: block;
    width: 100%;
    height: auto;
}
.ma9_item dl
{
    position: absolute;
    left: 0.2rem;
    bottom: 0.2rem;
}
.ma9_item dt
{
    font-size: 0.3rem;
    color: #000;
    line-height: 1.8;
}

.ma10_big
{
    position: relative;
}
.ma10_big img
{
    display: block;
    width: 100%;
    height: auto;
}
.ma10_cart
{
    width: 96%;
    margin: 0 auto;
    background: #fff;
    position: relative;
    z-index: 10;
    margin-top: -1rem;
    box-shadow: 0 0 0.1rem #ccc;
    box-sizing: border-box;
    padding: 0.1rem 0.3rem 0.7rem 0.3rem;
}
.ma10_cart .t1
{
    height: 0.7rem;
    line-height: 0.7rem;
    color: #fc6437;
}
.ma10_cart .t2
{
    font-size: 0.4rem;
    line-height: 0.6rem;
    color: #000;
}
.ma10_cart .intro
{
    color: #999;
    padding-top: 0.45rem;
}
.ma10_cart .carta
{
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    right: 0.2rem;
    top: -0.6rem;
    background: url("../images/carta.png") no-repeat center center;
    background-size: 100% 100%;
}

.ma11_title
{
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 0.3rem;
    font-size: 0.3rem;
    color: #7b7b7b;
}

.ma11_sel
{
    border-top: 1px solid #ebebeb;
    background: #fff;
}
.ma11_sel .in
{
    height: 1rem;
    line-height: 1rem;
    border-bottom: 1px solid #ebebeb;
    padding-left: 0.3rem;
}
.ma11_sel .sel
{
    float: right;
    width: 1rem;
    height: 1rem;
    background: url("../images/sel2.png") no-repeat right top;
    background-size: auto 200%;
}
.ma11_sel .hover
{
    background-position: right bottom;
}
.ma11_sel2
{
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background: #fff;
    padding-bottom: 0.3rem;
}
.ma11_sel2 .hf
{
    float: left;
    width: 25%;
    text-align: center;
    margin-top: 0.3rem;
}
.ma11_sel2 .btn
{
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    line-height: 0.8rem;
    text-align: center;
    margin: 0 auto;
}
.ma11_sel2 .hover
{
    color: #fff;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
}
.ma11_price
{
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 0.3rem;
}
.ma11_price .num
{
    width: 2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    border: 1px solid #ebebeb;
    float: left;
}
.ma11_price .fg
{
    float: left;
    height: 0.6rem;
    line-height: 0.6rem;
    padding: 0 0.3rem;
}

/*mall 商城*/
.fi_con
{
    height: 4.7rem;
    width: 100%;
    position: relative;
}
.fi_fm
{
    width: 2.8rem;
    margin: 0.3rem auto 0 auto;
}
.fi_fm .photo
{
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    position: relative;
    overflow: hidden;
    background: rgba(255,255,255,0.5);
}
.fi_fm .photo img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*验证*/
.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
.validation-summary-errors li {
    border-radius: 0.12rem;
    padding: 0.1rem 0.2rem;
    border: 2px solid #ff6961;
    margin: .12rem 0.06rem;
    font-size: 0.36rem;
}
.validation-summary-valid
{
    display: none;
}


/*6-18 新增一批*/

.hf_win
{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 230;
    box-sizing: border-box;
    padding: 0.1rem;
    background: #f0f0f0;
    display: none;
}
.hf_win .text
{
    height: 0.7rem;
    width: 85%;
    float: left;
    border: 0;
    border-radius: 0.1rem;
    text-indent: 0.3rem;
}
.hf_win .sub
{
    display: block;
    width: 15%;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    float: left;
}
.hf_win .text2
{
    width: 78%;
}
.hf_win .more2
{
    display: block;
    width: 10%;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    float: left;
    background: url(../images/ma5_add.png) no-repeat center center;
    background-size: auto 0.55rem;
}
.hf_win .more2 img
{
    display: block;
    width: 100%;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    float: left;
}
.hf_win .sub2
{
    width: 12%;
    border-radius: 0.15rem;
    background: #ff6961;
    color: #fff;
}
.zf_win_duohang {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 230;
    box-sizing: border-box;
    padding: 0.2rem .1rem .1rem .1rem;
    background: #f0f0f0;
    display: none;
}
.zf_win_duohang .textarea
{
    height: 2.8rem;
    width: 100%;
    float: left;
    border: 0;
    border-radius: 0.1rem;
}
.zf_win_duohang .sub
{
    display: block;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    width: 1.2rem;
    border-radius: 0.15rem;
    background: #ff6961;
    color: #fff;
    float: right;
    margin: 0.19rem 0 0 0;
}
.zf_win_duohang .who
{
    display: block;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    float: left;
    color: #ff784a;
    margin: 0.19rem 0 0 0;
}
.hf_zw
{
    height: 1rem;
    clear: both;
}
.zf_win
{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 230;
    box-sizing: border-box;
    padding: 0.2rem .1rem .1rem .1rem;
    background: #f0f0f0;
    display: none;
}
.zf_win .textarea
{
    height: 2.8rem;
    width: 100%;
    float: left;
    border: 0;
    border-radius: 0.1rem;
    text-indent: 0.3rem;
}
.zf_win .sub
{
    display: block;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    float: right;
    width: 1.2rem;
    border-radius: 0.15rem;
    background: #ff6961;
    color: #fff;
    float: right;
    margin: 0.19rem 0 0 0;
}
.del_win
{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 220;
    background: #fff;
    text-align: center;
    display: none;
}
.del_win .dela
{
    display: block;
    height: 1.2rem;
    line-height: 1.2rem;
    border-bottom: 1px solid #828282;
    font-size: 0.32rem;
    color: #fb5e56;
}
.del_win .close
{
    display: block;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.32rem;
    color: #282525;
}

.wg_tp
{
    text-align: center;
    height: 0.9rem;
    line-height: 0.9rem;
    background: #fff;
    margin-bottom: 0.2rem;
}
.wg_tp span
{
    display: inline-block;
    margin: 0 0.6rem;
    position: relative;
    height: 0.9rem;
    color: #fa4e4b;
}
.wg_tp .ta1
{
    padding-left: 0.8rem;
}
.wg_tp .ta1 img
{
    display: block;
    height: 0.6rem;
    position: absolute;
    left: 0;
    top: 0.15rem;
}
.wg_tp .ta2
{
    padding-left: 0.6rem;
}
.wg_tp .ta2 img
{
    display: block;
    height: 0.6rem;
    position: absolute;
    left: 0;
    top: 0.15rem;
}
.wg_ad
{
    background: #fff;
    margin-bottom: 2px;
    height: 1.1rem;
    position: relative;
}
.wg_ad dl
{
    padding: 0.1rem 0 0 0.48rem;
}
.wg_ad dt
{
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.32rem;
    color: #ff5500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wg_ad dd
{
    height: 0.36rem;
    line-height: 0.36rem;
    position: relative;
    font-size: 0.26rem;
    padding-left: 0.44rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wg_ad dd img
{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 0.4rem;
    width: 0.4rem;
}
.wg_go
{
    display: block;
    width: 1.4rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    border-radius: 0.05rem;
    background: #ff8d29; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff8d29, #ff6961);
    background: -moz-linear-gradient(to right, #ff8d29, #ff6961);
    background: -webkit-gradient(to right, #ff8d29, #ff6961);
    background: -o-linear-gradient(to right, #ff8d29, #ff6961);
    right: 0.35rem;
    top: 50%; /*margin-top:-0.25rem;*/
    position: absolute;
    color: #fff;
}
.wg_go2
{
    display: block;
    width: 1.4rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    border-radius: 0.05rem;
    background: #ff8d29; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff8d29, #ff6961);
    background: -moz-linear-gradient(to right, #ff8d29, #ff6961);
    background: -webkit-gradient(to right, #ff8d29, #ff6961);
    background: -o-linear-gradient(to right, #ff8d29, #ff6961);
    right: 1.85rem;
    top: 50%; /*margin-top:-0.25rem;*/
    position: absolute;
    color: #fff;
}

.un_edit
{
    padding-top: 0.15rem;
}
.vipa2
{
    display: block;
    width: 1.4rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    border-radius: 0.05rem;
    background: #ff8d29; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff8d29, #ff6961);
    background: -moz-linear-gradient(to right, #ff8d29, #ff6961);
    background: -webkit-gradient(to right, #ff8d29, #ff6961);
    background: -o-linear-gradient(to right, #ff8d29, #ff6961);
    margin: 0.25rem auto;
    color: #fff;
}

.ue_fls
{
    margin-top: 0.2rem;
    box-shadow: 0 0 0.13rem #ccc;
}
.ue_in
{
    border-bottom: 2px solid #eae8e8;
    height: 1.1rem;
    position: relative;
    background: #fff;
    font-size: 0.3rem;
    padding: 0 0.6rem 0 0.3rem;
    display: flex;
    justify-content: space-between;
}
.ue_in_sel
{
    padding: 0 0.25rem 0 0.3rem;
}
.ue_in .sel
{
    display: block;
    width: 0.66rem;
    height: 0.28rem;
    position: absolute;
    right: -0.15rem;
    top: 50%;
    margin-top: -0.14rem;
    background: url("../images/ue_in.png") no-repeat center center;
    background-size: 100% 100%;
}
.ue_in .sel2
{
    display: block;
    width: 0.3rem;
    height: 0.28rem;
    position: absolute;
    right: .25rem;
    top: 50%;
    margin-top: -0.14rem;
    background: url("../images/ma6_sel.png") no-repeat center center;
    background-size: 100% 100%;
}
.ue_in .sel3{
	display: block;
	line-height: 1.1rem;
	width: 0.5rem;
	position: absolute;
	right: .02rem;
	top: 0;
	font-style: normal;
}
.ue_in .tit
{
    /*position: absolute;
    left: 0.3rem;
    top: 0;
    z-index: 10;*/
    line-height: 1.1rem;
    color: #3a3a3a;
    flex-shrink: 0;
}
.ue_in .face
{
    float: right;
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    overflow: hidden;
    margin-top: 0.15rem;
}
.ue_in .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ue_in .text
{
    width: 100%;
    text-align: right;
    height: 1.1rem;
    border: 0;
    padding: 0;
}
.ue_in .code
{
    float: right;
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    overflow: hidden;
    margin-top: 0.15rem;
}
.ue_in .code img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ue_in .audio
{
    float: left;
    display: block;
    width: 100%;
    text-align: right;
    border: 0;
    padding: 0;
}
.ue_in .audio audio
{
    height: 100%;
    width: 100%;
    display: block;
}
.ue_in .mh_select
{
    width: 100%;
    height: 1.1rem;
    position: relative;
}
.ue_in .mh_select select
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
}
.ue_in .mh_val
{
    text-align: right;
    height: 1.1rem;
    line-height: 1.1rem;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ue_in_sel .mh_val
{
    padding-right:.35rem;
    width:auto;
    color: #000;
}

.ue_in .mh_time
{
    width: 100%;
    height: 1.1rem;
    position: relative;
}
.ue_in .mh_time .date
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
}
.ue_in em span{ margin-right:5px;cursor:pointer;width:0.8rem;height:1.1rem; display:inline-block}
.ue_in em span.liang{ background:url(../images/yjl_ind21.png) no-repeat center center;}
.ue_in em span.an{ background:url(../images/yjl_ind22.png) no-repeat center center;}

.fam_count
{
    background: #fff;
    margin: 0.2rem 0 0 0;
    height: 1rem;
    line-height: 1rem;
    padding: 0 0.4rem;
    color: #040404;
}
.fam_count_nomar
{
    margin: 0 0 0 0;
}
.fam_xz
{
    display: block;
    width: 1.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    float: right;
    border: 2px solid #fff;
    border-radius: 0.1rem;
    margin: 0.2rem;
    color: #fff;
    background: #ff6a5f; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6a5f, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6a5f, #ff8d29);
    background: -webkit-gradient(to right, #ff6a5f, #ff8d29);
    background: -o-linear-gradient(to right, #ff6a5f, #ff8d29);
}
.fam_item
{
    margin-bottom: 0.1rem;
    clear: both;
    background: #fff;
    padding: 0.15rem 0.3rem;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.1rem #ccc;
    position: relative;
    display:block;
}
.fam_item .title
{
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.3rem;
    color: #333;
    font-weight: bold;
}
.fam_item .tip
{
    color: #999;
    font-size: 0.28rem;
    line-height: 0.4rem;
    max-height: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    padding-top:.2rem;
}
.fam_item .tip_auto
{
    max-height: max-content;
    height: auto;
    -webkit-line-clamp: unset;
}
.fam_item .fam_del
{
    display: block;
    width: 0.5rem;
    height: 0.48rem;
    line-height: 0.48rem;
    text-align: center;
    float: right;
    top:.1rem;
    right:.2rem;
    border-radius: 0.1rem;
    position:absolute;
    color: #fff;
    background: #ff6a5f; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6a5f, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6a5f, #ff8d29);
    background: -webkit-gradient(to right, #ff6a5f, #ff8d29);
    background: -o-linear-gradient(to right, #ff6a5f, #ff8d29);
}
.fam_item .carea
{
    display: block;
    width: 1.3rem;
    height: 0.54rem;
    line-height: 0.54rem;
    text-align: center;
    border-radius: 0.15rem;
    background: #ff6961;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.3rem;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    z-index: 1;
}
.fam_item .carea1
{
    top: 28%;
}
.fam_item .carea2
{
    top: 73%;
}
.fs_search
{
    background: #fff;
    padding: 0.2rem 0.15rem;
    margin-bottom: 0.2rem;
    box-shadow: 0 0 0.1rem #ccc;
}
.fs_search_edit
{
    padding-left: 0.3rem;
}
.fs_search .fe_in
{
    height: .6rem;
    line-height: .6rem;
    background: #fff;
    margin-bottom: 0;
    clear: both;
    padding: 0.15rem 0.3rem 0.15rem .3rem;
    position: relative;
    border-bottom: 0;
}
.fs_search .fe_in .tit
{
    height: .6rem;
    position: absolute;
    left: 0;
    top: 0.15rem;
}
.fs_search .fe_in .bn
{
    display: block;
    width: 0.28rem;
    height: 0.18rem;
    position: absolute;
    right: -0.3rem;
    top: 50%;
    margin-top: -0.08rem;
}
.fs_search .fe_in .bn2
{
    display: block;
    width: 0.28rem;
    height: 0.18rem;
    position: absolute;
    right: 0.18rem;
    top: 50%;
    margin-top: -0.09rem;
}
.fs_search .fe_in .mh_val
{
    color: #bbbaba;
    display: block;
    height: .6rem;
    width: 100%;
    text-align: right;
}
.fs_search .fe_in .mh_select
{
    float: right;
    height: .6rem;
    line-height: .6rem;
    position: relative;
    width: 100%;
}
.fs_search .fe_in .mh_select select
{
    display: block;
    width: calc(100% + 0.3rem);
    height: 100%;
    opacity: 0;
    z-index: 10;
    left: 0;
    top: 0;
    position: absolute;
}
.fs_search .fe_in_jl
{
    padding: 0.15rem 0.3rem 0.15rem .3rem;
}
.fs_search .fe_in_jl .bn
{
    display: block;
    width: 0.28rem;
    height: 0.18rem;
    position: absolute;
    right: 0;
    top: 59%;
    margin-top: -0.14rem;
}
.fs_search .fe_in_jl .bn2
{
    right: 0;
    top: 50%;
    margin-top: 0;
}
.fs_search .fe_in .jl_select
{
    float: right;
    height: .6rem;
    line-height: .6rem;
    position: relative;
    width: 100%;
    display:flex;
    justify-content:flex-end;
    align-items:center;
}
.fs_search .fe_in .jl_select select
{
    display: block;
    width: auto;
    height: .6rem;
    border:0;
    max-width: 40% !important;
    background-color: #fff;
}
.fs_search .fe_in_bot
{
    padding-bottom: 0;
}
.fs_search .fe_in_bot .btn
{
    top: 50%;
    margin-top: 0;
}
.fs_search .fe_in_top
{
    border-top: 0;
    padding-top: 0;
}.fs_search .fe_in_top .tit
{
    top: 0;
}
.fs_searchbar
{
    height: 0.6rem;
    border: 1px solid #706f6f;
    border-radius: 0.1rem;
}
.fs_search .sub
{
    display: block;
    width: 0.8rem;
    height: 0.6rem;
    float: left;
    background: url("../images/fs_sub.png") no-repeat center center;
    background-size: auto 0.6rem;
    border: 0;
}
.fs_search .text
{
    float: left;
    width: 80%;
    height: 0.6rem;
    line-height: 0.6rem;
    border: 0;
}
.rec_item2
{
    display: block;
    background: #fff;
}
.rec2_handle
{
    height: 1.1rem;
    width: 100%;
    text-align: center;
    background: #fff;
    border-bottom: 2px solid #eae8e8;
    position: fixed;
    left: 0;
    top: 1.16rem;
    z-index: 100;
    display: flex;
}
.rec2_zw
{
    height: 1.1rem;
    clear: both;
    padding-bottom: 2px;
}
.rec2_handle .btn
{
    float: left;
    display: block;
    text-align: center;
    width: 50%;
    line-height: 1.1rem;
    font-size: 0.3rem;
}
.rec2_handle .btn span
{
    display: inline-block;
    position: relative;
    height: 1.1rem;
    box-sizing: border-box;
}
.rec2_handle .btn i
{
    display: block;
    width: 0.14rem;
    height: 0.14rem;
    background: #ff6961;
    border-radius: 100%;
    position: absolute;
    right: -0.15rem;
    top: 0.2rem;
}
.rec2_handle .hover span
{
    color: #ff6961;
    border-bottom: 3px solid #ff6961;
}
.rec2_handle .hover i
{
    background: #fff;
}

.upphoto_win
{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 240;
    background: #fff;
    text-align: center;
    display: none;
}
.upphoto_win .cs1
{
    display: block;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.32rem;
    color: #282828;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #787777;
}
.upphoto_win .cs2
{
    display: block;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.32rem;
    color: #282828;
    width: 100%;
    text-align: center;
}

.cl_search
{
    padding: 0.1rem 0.15rem;
    background: #fff;
}
.clsearch_bar
{
    border: 1px solid #706f6f;
    height: 0.6rem;
    border-radius: 0.1rem;
    background: #eae8e8;
}
.clsearch_bar .sub
{
    width: 12%;
    float: left;
    height: 0.6rem;
    background: url("../images/fs_sub.png") no-repeat center center;
    background-size: auto 0.6rem;
}
.clsearch_bar .text
{
    width: 88%;
    height: 0.6rem;
    float: left;
    border: 0;
    background: none;
}
.cl_handle
{
    background: #fff;
    height: 0.7rem;
    line-height: 0.7rem;
    border-bottom: 1px solid #e5e3e3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.cl_handle .btn
{
    float: left;
    width: 16.6%;
    text-align: center;
    color: #040404;
    box-sizing: border-box;
    height: 0.7rem;
}
.cl_handle .hover
{
    color: #f50;
    border-bottom: 2px solid #fc5602;
}

.cl_con
{
    display: none;
}
.cl_play
{
    height: 0.7rem;
    line-height: 0.7rem;
    background: #fff url("../images/cl_play.png") no-repeat 0.35rem center;
    background-size: auto 0.5rem;
    border-bottom: 1px solid #e1dfdf;
    color: #7c7b7b;
    padding-left: 1rem;
    margin-bottom: 0.15rem;
}
.cl_play em
{
    color: #abaaaa;
    padding-left: 0.15rem;
}
.cl_pause
{
    background-image: url("../images/cl_pause.png");
}

.cl_dq
{
    height: 1.5rem;
    border-bottom: 1px solid #eae8e8;
    background: #fff;
    clear: both;
    position: relative;
}
.cl_dq .photo
{
    float: left;
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    position: relative;
    overflow: hidden;
    margin: 0.2rem 0 0 0.4rem;
}
.cl_dq .photo img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cl_dq .play
{
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.2rem 0 0 -0.2rem;
    background: url("../images/zp_btn.png") no-repeat center center;
    background-size: 100% 100%;
}
.cl_dq .inf
{
    float: left;
    width: 4.3rem;
    padding: 0 0 0 0.3rem;
}
.cl_dq .name
{
    height: 0.6rem;
    font-size: 0.32rem;
    line-height: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cl_dq .lev
{
    height: 0.44rem;
    line-height: 0.44rem;
    padding-left: 0.5rem;
    position: relative;
    color: #9d9d9d;
    font-size: 0.24rem;
}
.cl_dq .lev img
{
    display: block;
    width: 0.44rem;
    height: 0.44rem;
    position: absolute;
    left: 0;
    top: 0;
}
.cl_dq .lis
{
    color: #999;
    padding-left: 0.5rem;
    background: url("../images/zp_lis.png") no-repeat left center;
    background-size: auto 0.28rem;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.24rem;
}
.cl_dq .sa_btn
{
    display: block;
    width: 1.3rem;
    height: 0.6rem;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.3rem;
    background: url("../images/sa_btn.png") no-repeat center center;
    background-size: auto 0.16rem;
}

.clshare_win
{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 220;
    background: #fff;
    padding: 0.15rem 0;
    display: none;
}
.clshare_win .t1
{
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.32rem;
    color: #000;
    padding: 0 0.4rem;
}
.clshare_win .lev
{
    height: 0.5rem;
    line-height: 0.5rem;
    padding-left: 0.5rem;
    position: relative;
    margin: 0 0.4rem;
    font-size: 0.26rem;
    color: #9d9d9d;
}
.clshare_win .lev img
{
    display: block;
    height: 0.5rem;
    width: 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
}
.clshare_win a
{
    float: left;
    display: block;
    width: 20%;
    line-height: 0.48rem;
    text-align: center;
}
.clshare_win .ico
{
    display: block;
    height: 0.8rem;
    width: 0.8rem;
    margin: 0 auto;
    border: 1px solid #e6e6e6;
    border-radius: 0.1rem;
    overflow: hidden;
}
.clshare_win .ico img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cl_con .usc_zp
{
    background: #fff;
}
.cl_con .usc_zp .sa_btn
{
    display: block;
    width: 1.3rem;
    height: 0.6rem;
    position: absolute;
    right: 0;
    top: 3.42rem;
    background: url("../images/sa_btn.png") no-repeat center center;
    background-size: auto 0.16rem;
}
.cl_con .act_floor
{
    background: #fff;
    position: relative;
}
.cl_con .act_floor:first-child
{
    margin-top: 0.2rem;
}
.cl_con .act_floor .sa_btn
{
    display: block;
    width: 1.3rem;
    height: 0.6rem;
    position: absolute;
    right: 0.2rem;
    top: 0.5rem;
    background: url("../images/sa_btn.png") no-repeat center center;
    background-size: auto 0.16rem;
}
.cl_con .act_floor .reada
{
    float: left;
}
.cl_con .act_floor .ben
{
    float: right;
    color: #9d9d9d;
    font-size: 0.26rem;
}


.mv_search
{
    width: 7.1rem;
    margin: 0 auto;
    height: 0.6rem;
    border: 1px solid #706f6f;
    border-radius: 0.1rem;
}
.mv_search .sub
{
    display: block;
    width: 15%;
    height: 0.6rem;
    float: left;
    background: url("../images/fs_sub.png") no-repeat center center;
    background-size: auto 100%;
}
.mv_search .text
{
    float: left;
    width: 85%;
    height: 0.6rem;
    border: 0;
    background: none;
}

.cw_con
{
    display: none;
}
.cw_con .act_floor
{
    background: #fff;
    position: relative;
}
.cw_con .act_floor:first-child
{
    margin-top: 0.2rem;
}
.cw_con .act_floor .sa_btn
{
    display: block;
    width: 1.3rem;
    height: 0.6rem;
    position: absolute;
    right: 0.2rem;
    top: 0.5rem;
    background: url("../images/sa_btn.png") no-repeat center center;
    background-size: auto 0.16rem;
}
.cw_con .act_floor .reada
{
    float: left;
}
.cw_con .act_floor .ben
{
    float: right;
    color: #9d9d9d;
    font-size: 0.26rem;
}

.cw_handle
{
    height: 0.7rem;
    line-height: 0.7rem;
    border-bottom: 1px solid #ebebeb;
    clear: both;
    display: flex;
}
.cw_handle .btn
{
    float: left;
    margin-left: 0.8rem;
    color: #000;
    display: inline-block;
    border-bottom: 2px solid #fff;
    box-sizing: border-box;
    height: 0.7rem;
}
.cw_handle .hover
{
    color: #fc5602;
    border-color: #fc5602;
}
.cw_handle .ben
{
    color: #000;
    float: right;
    margin-right: 0.3rem;
}
.csgo
{
    display: block;
    height: 1.6rem;
    line-height: 1.6rem;
    border-bottom: 1px solid #ebebeb;
    font-size: 0.32rem;
    padding: 0 0.6rem;
    background: url("../images/ue_in.png") no-repeat right center;
    background-size: auto 0.28rem;
}
.cw_con .usc_zp .sa_btn
{
    display: block;
    width: 1.3rem;
    height: 0.6rem;
    position: absolute;
    right: 0;
    top: 3.42rem;
    background: url("../images/sa_btn.png") no-repeat center center;
    background-size: auto 0.16rem;
}

.hf_gift
{
    height: 0.9rem;
    line-height: 0.9rem;
    background: #f7f6f6;
    clear: both;
    position: relative;
    padding-left: 1.3rem;
    color: #777474;
    overflow: hidden;
}
.hf_gift .ico
{
    display: block;
    width: 1.1rem;
    position: absolute;
    left: 0;
    top: -.1rem;
}

.hf_flower
{
    height: 0.9rem;
    line-height: 0.9rem;
    clear: both;
    position: relative;
    padding-left: 1.3rem;
    color: #777474;
    overflow: hidden;
}
.hf_flower .ico
{
    display: block;
    width: 1.1rem;
    position: absolute;
    left: 0;
    top: 0;
}

.pri_item
{
    height: 1.2rem;
    border-bottom: 2px solid #eae8e8;
    background: #fff;
    clear: both;
    padding: 0 0.3rem;
    position: relative;
}
.pri_item .face
{
    float: left;
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 0.2rem;
}
.pri_item .face img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pri_item .inf
{
    float: left;
    width: 4.6rem;
    float: left;
    margin: 0.18rem 0 0 0.16rem;
}
.pri_item .inf dt
{
    height: 0.46rem;
    line-height: 0.46rem;
    position: relative;
    font-size: 0.28rem;
    padding-left: 0.52rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pri_item .inf img
{
    display: block;
    height: 0.46rem;
    position: absolute;
    left: 0;
    top: 0;
}
.pri_item .inf dd
{
    height: 0.4rem;
    line-height: 0.4rem;
    color: #838282;
    font-size: 0.24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pri_item .time
{
    position: absolute;
    right: 0.3rem;
    top: 50%;
    margin-top: -0.3rem;
    height: 0.6rem;
    line-height: 0.6rem;
    color: #828282;
}
.pri_item .time .gza
{
    display: block;
    width: 1.3rem;
    height: 0.54rem;
    line-height: 0.54rem;
    text-align: center;
    border-radius: 0.15rem;
    background: #ff6961;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.27rem;
    color: #fff;
}
.pri_item .time .ungza
{
    background: #eee;
    color: #ff6961;
    border: 1px solid #ccc;
}
.pri_item .inf .npd, .npd
{
    padding-left: 0 !important;
}
.nmg_l
{
    margin-left: 0 !important;
}
.pri_item .inf .red
{
    color: #ff6961;
}
.pri_item .xtface
{
    float: left;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0.2rem 0 0 0;
}
.pri_item .ck
{
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 100%;
    background: #ee3a2d;
    position: absolute;
    right: .16rem;
    top: 0.05rem;
}
.del_item
{
    background: #fff;
    position: relative;
    overflow: hidden;
}
.del_item .del
{
    width: 2rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-bottom: 2px solid #eae8e8;
    clear: both;
    text-align: center;
    background: #fd7054;
    background: linear-gradient(to right, #fd7054, #ff8437);
    background: -moz-linear-gradient(to right, #fd7054, #ff8437);
    background: -webkit-gradient(to right, #fd7054, #ff8437);
    background: -o-linear-gradient(to right, #fd7054, #ff8437);
    position: absolute;
    right: -2rem;
    top: 0;
    z-index: 20;
    font-size: 0.4rem;
    color: #fff;
}
.del_item .delshow
{
    right: 0;
}
.del_item .itemslide
{
    right: -2rem;
}

.ma_links a
{
    display: block;
    height: 1.6rem;
    line-height: 1.6rem;
    border-bottom: 1px solid #ebebeb;
    font-size: 0.34rem;
    color: #ff6961;
    padding: 0 0.65rem;
    background: url("../images/ue_in.png") no-repeat right center;
    background-size: auto 0.28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ma_links .ov
{
    background: none;
    color: #535353;
}
.ma_links .go
{
    display: block;
}

.af_ul
{
    background: #fff;
}
.af_ul li
{
    height: 1.4rem;
    line-height: 1.4rem;
    border-bottom: 3px solid #f0efef;
    color: #010101;
}
.af_ul .go
{
    color: #010101;
    display: block;
    height: 1.4rem;
    background: url("../images/ue_in.png") no-repeat right center;
    background-size: auto 0.28rem;
}
.af_ul .tit
{
    float: left;
    padding-left: 0.54rem;
}
.af_ul .text
{
    float: right;
    width: 5.2rem;
    height: 1.4rem;
    border: 0;
}
.af_tip
{
    padding: 0.14rem 0.2rem;
    color: #010101;
    line-height: 1.6;
}
.af_tip a
{
    color: #f94b53;
    text-decoration: underline;
}
.as_btn
{
    position: relative;
}
.as_btn .card
{
    display: block;
    width: 1.3rem;
    height: 0.86rem;
    border-radius: 0.1rem;
    position: absolute;
    right: 0.3rem;
    top: 50%;
    margin-top: -0.43rem;
}
.as_btn .card img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.as_btn .card video
{
    max-width: 100%;
    max-height: 100%;
}

.qx_win
{
    width: 5.5rem;
    height: 2.6rem;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -1.3rem 0 0 -2.75rem;
    z-index: 260;
    background: #fff;
    text-align: center;
    display: none;
}
.qx_win .title
{
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.32rem;
    color: #fa4a41;
}
.qx_win .ctrl
{
    padding-top: 0.25rem;
    text-align: center;
}
.qx_win .ctrl a
{
    display: inline-block;
    width: 1rem;
    height: 0.6rem;
    line-height: 0.6rem;
    margin: 0 0.2rem;
    border-radius: 0.1rem;
    background: #9d9b9b;
    color: #fff;
}
.qx_win .ctrl .no
{
    background: #fa6442;
}

.la_handle
{
    height: 1rem;
    background: #fff;
    text-align: center;
    clear: both;
    position: relative;
}
.la_handle .btn
{
    float: left;
    display: block;
    width: 50%;
    text-align: center;
    padding-top: 0.1rem;
}
.la_handle .btn dt
{
    height: 0.46rem;
    line-height: 0.46rem;
    font-size: 0.32rem;
}
.la_handle .btn dd
{
    color: #828282;
    font-size: 0.24rem;
}
.la_handle .fg
{
    border-left: 1px solid #eae8e8;
    border-right: 1px solid #eae8e8;
    height: 0.8rem;
    position: absolute;
    left: 50%;
    top: 0.1rem;
    margin-left: -1px;
}
.la_count
{
    background: #fff;
    height: 0.8rem;
    line-height: 0.8rem;
    margin: 2px 0;
    padding: 0 0.35rem;
}

.photobg
{
    background: #3b3932;
}

.po_list
{
    padding: 1.2% 1.8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.po_list .po, .po_list .pozw
{
    width: 30%;
    height: 2.2rem;
    position: relative;
    overflow: hidden;
    margin: 1.2%;
}
.po_list .po .sel
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: url("../images/posel.png") no-repeat center center;
    background-size: 100% 100%;
    display: none;
}
.po_list .posel .sel
{
    display: block;
}
.po_list .po img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.po_list .add
{
    width: 30%;
    height: 2.2rem;
    float: left;
    margin: 1.2%;
    background: url("../images/poadd.png") no-repeat center center;
    background-size: 100% 100%;
}
.po_win
{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 220;
    width: 100%;
    background: #fff;
    text-align: center;
    display: none;
}
.po_win .btn
{
    display: block;
    height: 1rem;
    line-height: 1rem;
    border-bottom: 1px solid #eee;
}
.po_win .close
{
    border-top: 0.2rem solid #eee;
    border-bottom: 0;
}
.po_bar
{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    background: #423d3a;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 1rem;
    padding-top: 1px;
}
.po_bar .dela
{
    display: block;
    width: 1rem;
    height: 1rem;
    margin: 0 auto;
    background: url("../images/podel.png") no-repeat center center;
    background-size: auto 0.6rem;
}
.po_list .po .media{
    width: 100%;
    height: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    background: #fff;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}
.po_list .po .YinpinBg {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/cls1.png) no-repeat center center;
    background-size: auto 0.6rem;
}
.po_list .po .ShipinBg {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/cls3.png) no-repeat center center;
    background-size: auto 0.6rem;
}
.po_zw
{
    height: 1rem;
    clear: both;
}

.me_date
{
    clear: both;
    text-align: center;
    height: 0.8rem;
    line-height: 0.8rem;
    color: #757575;
}

.me_from
{
    padding: 0 0.3rem 0.2rem 0.3rem;
}
.me_from .face
{
    display: block;
    width: 1rem;
    height: 1rem;
    float: left;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
}
.me_from .face img
{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.me_from .face2
{
    overflow: visible;
}
.me_from .nm
{
    margin-left: 1.32rem;
    font-size: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.me_from .txt
{
    float: left;
    background: #fff;
    position: relative;
    border-radius: 0.1rem;
    max-width: 4.7rem;
    padding: 0.2rem 0.15rem;
    margin-left: 0.32rem;
    font-size: 0.28rem;
    word-break:break-all;
    word-wrap: break-word;
}
.me_from .txt i
{
    display: block;
    width: 0.36rem;
    height: 0.2rem;
    background: url("../images/me_i1.png") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    left: -0.18rem;
    top: 0.25rem;
}

.me_to
{
    padding: 0 0.3rem 0.2rem 0.3rem;
}
.me_to .face
{
    display: block;
    width: 1rem;
    height: 1rem;
    float: right;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
}
.me_to .face img
{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.me_to .nm
{
    margin-right: 1.32rem;
    font-size: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}
.me_to .txt
{
    float: right;
    background: #ff8d29;
    position: relative;
    border-radius: 0.1rem;
    max-width: 4.7rem;
    padding: 0.2rem 0.15rem;
    margin-right: 0.32rem;
    font-size: 0.28rem;
    color: #fff;
    word-break:break-all;
    word-wrap: break-word;
}
.me_to .txt i
{
    display: block;
    width: 0.36rem;
    height: 0.2rem;
    background: url("../images/me_i2.png") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    right: -0.18rem;
    top: 0.25rem;
}
.me_song
{
    width: 5.6rem;
    float: right;
    border: 1px solid #747373;
    padding: 0.1rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0.1rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    background: #fff;
}
.me_song .photo
{
    display: block;
    width: 1.35rem;
    height: 1.35rem;
    float: left;
    position: relative;
    overflow: hidden;
}
.me_song .photo img
{
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.me_song dl
{
    float: right;
    width: 3.9rem;
}
.me_song dt
{
    height: 0.5rem;
    line-height: 0.5rem;
    color: #272727;
}
.me_song dd
{
    color: #999;
    font-size: 0.24rem;
    line-height: 0.36rem;
    height: 0.72rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.tg_win
{
    width: 6.4rem;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 240;
    background: #fff;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: none;
}
.tg_win .tip
{
    padding: 0.5rem;
    border-bottom: 1px solid #a6a5a5;
    font-size: 0.32rem;
    line-height: 1.6;
    color: #000;
}
.tg_win .tip .red
{
    color: #f00;
    text-decoration: underline;
}
.tg_win .ok
{
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: center;
    font-size: 0.4rem;
    color: #fe702b;
}
.tg_win .btn
{
    float: left;
    height: 1.1rem;
    width: 50%;
    text-align: center;
    line-height: 1.1rem;
    font-size: 0.4rem;
    color: #999;
}
.tg_win .btn1
{
    color: #fe702b;
}
.tg_win .fg
{
    height: 0.9rem;
    border-left: 2px solid #eee;
    float: left;
    margin-left: -2px;
    margin-top: 0.1rem;
}

/*6-18 新增一批*/
.fm_list
{
    padding: 0.1rem 0.15rem;
}

.fm_list .po
{
    float: left;
    width: 1.24rem;
    height: 1.24rem;
    position: relative;
    overflow: hidden;
    margin: 0.1rem;
}
.fm_list .po .sel
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: url("../images/fmsel.png") no-repeat center center;
    background-size: 100% 100%;
    display: none;
}
.fm_list .posel .sel
{
    display: block;
}
.fm_list .po img
{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gzhlnk
{
    display: block;
    width: 1.16rem;
    height: 1.16rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url("../images/logos/logo_bg.png") no-repeat center center;
    background-size: 1.16rem 1.16rem;
    z-index: 100;
}

.hide_topic_box
{
    text-align: center;
    padding: .41rem 0;
}
.hide_topic_box .show_topic
{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 56px;
    background: #f5f6f7;
    border: 1px solid #999;
    border-radius: 4px;
    cursor: pointer;
}
.hide_topic_box .show_topic span
{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #ff6961;
}
.hide_topic_box .show_topic a.icon
{
    margin-left: 10px;
    font-size: 0.33rem;
    width: 0.53em;
    height: 0.35em;
    vertical-align: -.09em;
    fill: currentColor;
    overflow: hidden;
    margin-right: 4px;
    color: #ff6961;
}
.GR_Bt div
{
    padding: 3% 4%;
}
.GR_Bt div p
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: .1rem;
}
.GR_Bt div span
{
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mui-loading, .mui-more, .mui-end
{
    display: none;
}
.mui-loading .mui-spinner
{
    width: 18px;
    height: 18px;
    margin: 0 auto;
    vertical-align: middle;
    background: url("../images/busy.gif") no-repeat center center;
    background-size: 100%;
}
.mui-loading div, .mui-more p, .mui-end p, .mui-pageend p
{
    text-align: center;
    font-size: 0.282rem;
    padding-top: 5px;
    padding-bottom: 10px;
}

.alert
{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-success
{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-success hr
{
    border-top-color: #c9e2b3;
}
.alert-success .alert-link
{
    color: #2b542c;
}
.alert-info
{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-info hr
{
    border-top-color: #a6e1ec;
}
.alert-info .alert-link
{
    color: #245269;
}
.alert-warning
{
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-warning hr
{
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link
{
    color: #66512c;
}
.alert-danger
{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-danger hr
{
    border-top-color: #e4b9c0;
}
.alert-danger .alert-link
{
    color: #843534;
}
.ui-autocomplete-loading
{
    background: white url('../Images/ui-anim_basic_16x16.gif') right center no-repeat;
}

/*显示，放最底部*/
.show
{
    display: block;
}
.hid, .hide
{
    display: none !important;/* */
}

/*易见连头部css*/
.HAED{ height:1.16rem; width:100%; position:fixed; z-index:99; max-width:750px; top:0; background-color:#fe7e29; border-bottom:#dbb4a9 1px solid; box-sizing:border-box; padding:0 2%; font-size:0.36rem; color:#fff;	display:flex; align-items:center;justify-content: space-between; }
.HAED h1{ width:20%; height:0.39rem; line-height:0.39rem;margin:0;}
.HAED h1 a{ color:#fff;font-size:0.336rem;height:0.39rem; line-height:0.39rem;display: flex;
    align-items: center;}
.HAED h1 a:visited,.HAED h1 a:hover{ color:#fff !important;}
.HAED h1 img{ height:100%; float:left; margin-right:5px;}
.HAED h2{ width:20%; height:100%; display:flex; align-items:center;justify-content: flex-end;}
.HAED h2 a{ width:100%; color:#fff; text-align:right;font-size:0.336rem;}
.HAED h2 a:visited,.HAED h2 a:hover{ color:#fff !important;}
.HAED h2 a img{ width:30%;}
.HAED h3{ position:absolute; bottom:2%; left:0; width:100%; text-align:center; font-size:0.2rem; color:#fff;}
.HAED p{ width:50%; text-align:center;font-size:0.36rem;color:#fff;margin-bottom: 0;}
/*选择行业*/
.HY_yx{ margin-bottom:1px;}
.HY_yxTop{ width:100%; line-height:0.54rem; padding:0.18rem 3%; box-sizing:border-box; background-color:#fff; font-size:0.3rem; 	display:flex; align-items:center;justify-content: space-between;}
.HY_yxTop p{ padding-right:0.3rem; background:url(../images/weixin/yjl_bottom.png) no-repeat right center; background-size:0.27rem auto; margin-bottom: 0;}
.HY_yxuu{ padding:0.18rem 3% 0rem;}
.HY_yxuu li{height:0.72rem; margin-bottom:0.18rem;margin-right:0.18rem; display: inline-table; }
.HY_yxuu li p{ float:left; height:0.72rem; line-height:0.72rem; font-size:0.3rem; color:#9e9a9a; padding:0 0.12rem; border-radius:5px; background-color:#fff;}
.HY_yxuu li p img{ float:right; height:0.6rem; margin:0.06rem auto 0.06rem 0.18rem;}
.HY_Sytop{width:100%; height:0.96rem; line-height:0.96rem; padding:0 3%; box-sizing:border-box; background-color:#fff; font-size:0.3rem; color:#9e9a9a; border-bottom:#f7f7f7 1px solid; margin-bottom:0.18rem; 	display:flex; align-items:center;justify-content: space-between;}
.HY_Sytop b{ display:none; width:10%; height:100%; background:url(../images/weixin/yjl_choose.png) no-repeat right center; background-size:auto 40%;}
.HY_Sytop.act06 b{ display:block;}
.HY_Syxx{ margin-bottom:0.08rem;}
.HY_SyxxTop{width:100%; height:0.75rem; line-height:0.75rem; padding:0 3%; box-sizing:border-box; background-color:#fff; font-size:0.3rem; border-bottom:#f7f7f7 1px solid;}
.HY_Syxxuu li{ width:100%; height:0.96rem; line-height:0.96rem; padding:0 3%; box-sizing:border-box; background-color:#fff8e3; font-size:0.3rem; color:#9e9a9a; border-bottom:#f7f7f7 1px solid; 	display:flex; align-items:center;justify-content: space-between;}
.HY_Syxxuu li b{ display:none; width:10%; height:100%; background:url(../images/weixin/yjl_choose.png) no-repeat right center; background-size:auto 40%;}
.HY_Syxxuu li.act06 b{ display:block;}
/*选择职能*/
.ZN_yx{ margin-bottom:1px;}
.ZN_yxTop{ width:100%; height:0.76rem; padding:0 3%; box-sizing:border-box; background-color:#fff; font-size:0.3rem;display:flex; align-items:center;justify-content: space-between;}
.ZN_yxTop p{ padding-right:0.3rem; background:url(../images/weixin/yjl_bottom.png) no-repeat right center; background-size:0.27rem auto; }
.ZN_yxuu{ padding:0.18rem 3% 0rem;}
.ZN_yxuu li{height:0.73rem; margin-bottom:0.18rem;margin-right:0.18rem; display: inline-table; }
.ZN_yxuu li p{ float:left; height:0.73rem; line-height:0.73rem; font-size:0.3rem; color:#9e9a9a; padding:0 0.12rem; border-radius:5px; background-color:#fff;}
.ZN_yxuu li p img{ float:right; height:0.6rem; margin:0.09rem auto 0.09rem 0.27rem;}
.ZN_Sytop{width:100%; height:0.91rem; line-height:0.91rem; padding:0 3%; box-sizing:border-box; background-color:#fff; font-size:0.3rem; color:#9e9a9a; border-bottom:#f7f7f7 1px solid; margin-bottom:0.27rem; 	display:flex; align-items:center;justify-content: space-between;}
.ZN_Sytop b{ display:none; width:10%; height:100%; background:url(../images/weixin/yjl_choose.png) no-repeat right center; background-size:auto 40%;}
.ZN_Sytop.act06 b{ display:block;}
.ZN_head_zw{height: 1.16rem;}
.ZN_YxBox{position: fixed; left: 0px; width: 100%; top: 1.16rem; overflow: auto; background-color: #f7f7f7;}
.ZN_YxZw{height: 1.83rem;}
.ZN_Syxx{ margin-bottom:0.27rem;}
.ZN_SyxxTop{width:100%; height:0.76rem; line-height:0.76rem; padding:0 3%; box-sizing:border-box; background-color:#fff; font-size:0.3rem; border-bottom:#f7f7f7 1px solid;}
.ZN_Syxxuu li{ width:100%; height:0.97rem; line-height:0.97rem; padding:0 3%; box-sizing:border-box; background-color:#fff8e3; font-size:0.3rem; color:#9e9a9a; border-bottom:#f7f7f7 1px solid;display:flex; align-items:center;justify-content: space-between;}
.ZN_Syxxuu li b{ display:none; width:10%; height:100%; background:url(../images/weixin/yjl_choose.png) no-repeat right center; background-size:auto 40%;}
.ZN_Syxxuu li.act06 b{ display:block;}
/*贺卡*/
.page{
	background:url("/content/hk/muban/ghxc/images/bg.jpg") no-repeat top center;
	background-size:100% auto;
	position: relative;
}
.btimg{
	display: block;
	width: 100%;
	height:auto;
	position: absolute;
	left: 0;
	bottom: 0;
}
.p1_1{
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 3.63rem;
	height:auto;
}
.p1_logo{
	display: block;
	position: absolute;
	left: .36rem;
	top: .36rem;
	width: .8rem;
	height:.8rem;
	border-radius: 100%;
	object-fit: cover;
}
.p1_2{
	display: block;
	width: 5.3rem;
	height: 6.4rem;
	position: absolute;
	top: 12%;
	left: 50%;
	margin-left:-2.65rem;
}
.p1_bt{
	text-align: center;
	color:#ffedba;
	font-size:0.5rem;
	line-height: 0.65rem;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 1.2rem;
}
.p1_bt2{
	top: 40%;
}
.p1_bt dt{
	font-size:0.72rem;
	line-height: 1.6;
}
.main{
	border-radius:0.1rem;
	text-align:center;
	padding:0.3rem 0;
}
.main .title{
	width: 3.4rem;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	background:#fec76d;
	border-radius:0.1rem;
	font-size:0.48rem;
	color:#b50400;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 auto;
}
.main .titleL{
	width: 4.8rem;
}
.main .title a{
	color:#b50400;
}
.scroll{
	overflow-x:hidden;
	overflow-y:auto;
}
.p2_list{
	padding-top:0.5rem;
}
.p2_item{
	display: block;
	width: 4.5rem;
	margin:0 auto;
}
.p2_item .photo{
	display: block;
	width: 4.5rem;
	border:0.05rem solid #fff;
	position: relative;
}
.p2_item .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.p2_item .photo .tap{
	display:block;
	width:4.5rem;
	height:1.1rem;
	position: absolute;
	top: 48%;
	text-align:center;
	font-size: 1.6em;
	color:White; 
	font-weight:bold;
}
.p2_item .name{
	height: 0.48rem;
	line-height: 0.48rem;
	margin:0.15rem 0;
	background:#fbc8c7;
	text-align: center;
	border-radius:0.1rem;
	font-size:0.26rem;
	color:#b50400;
}
.go_hk{
	display: block;
	width: 4rem;
	font-size:0.42rem;
	height: 0.9rem;
	line-height: 0.9rem;
	border-radius:0.45rem;
	background:#ff6f3f; /* 一些不支持背景渐变的浏览器 */  
	background:linear-gradient(to right, #ff6f3f, #fe9d3f);
	background:-moz-linear-gradient(to right, #ff6f3f, #fe9d3f);
	background:-webkit-gradient(to right, #ff6f3f, #fe9d3f);
	background:-o-linear-gradient(to right, #ff6f3f, #fe9d3f);
	margin:0 auto;
	color:#fff;
	text-align: center;
}
.ellipsis
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.goTop
{
    position: fixed;
    right: 6px;
    bottom: 6px;
    width: 16px; height: 16px; 
    background-image: url(../images/ui-icons_222222_256x240.png);
    border: 1px solid #aaaaaa;
    background-position: -192px -48px;
    z-index:1;
}
.fs_header
{
    display: flex;
    background: #fff;
    border: 0;
}
.fs_header .fs_search
{
    padding: 0.186rem 0.14rem 0.186rem 0.203rem;
}
.fs_header .fs_memu
{
    width: 16%;
    background: #fff;
    flex-grow: 0;
    border: 0;
}
.fs_header .fs_memu .menu
{
    display: block;
    background: url("/Content/Themes/YellowTheme/images/weixin/menu.jpg") no-repeat center center;
    background-size: auto 100%;
    border: 0;
    width: 1rem;
    height: 1rem;
    float: right;
}
/*随手记编辑样式类*/
.c_bt
{
    background: #fff;
    padding: 0 0 0.1rem 0.2rem;
}
.c_bt .title
{
    height: 0.65rem;
    line-height: 0.65rem;
    font-size: 0.28rem;
    color: #959494;
}
.c_bt .ctag
{
    display: inline-block;
    float: left;
    border: 2px solid #eae8e8;
    border-radius: 0.08rem;
    margin: 0 0.2rem 0.2rem 0;
}
.c_bt .ctag em
{
    display: inline-block;
    height: 0.45rem;
    line-height: 0.45rem;
    padding: 0 0.1rem;
}
.c_bt a, .c_bt a:hover
{
    color: #5d5d5d !important;
}
.c_bt .hover
{
    padding: 2px;
    border: 0;
    background: #ff6961; /* 一些不支持背景渐变的浏览器 */
    background: linear-gradient(to right, #ff6961, #ff8d29);
    background: -moz-linear-gradient(to right, #ff6961, #ff8d29);
    background: -webkit-gradient(to right, #ff6961, #ff8d29);
    background: -o-linear-gradient(to right, #ff6961, #ff8d29);
    color: #fff !important;
}
.tl
{
    text-align:left !important;
}
.tc
{
    text-align:center !important;
}
.tr
{
    text-align:right !important;
}
.jc
{
    font-weight: bold;
}
.cw
{
    color: #fff;
}
.cb
{
    color: #000;
}
.fs
{
    font-size: 0.25rem !important;
}
.fb
{
    font-size: 0.6rem !important;
}
.fb3
{
    font-size: 0.9rem !important;
}