* {
    font-family: "Microsoft YaHei", "微软雅黑";
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    word-break: break-all;
    word-wrap: break-word;
    list-style: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

a {
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

img {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    height: 100;
    width: 100%;
    border-radius: .04rem;
}

.head_tab {
    height: .51rem;
}

.ht_ul {
    display: block;
    overflow: hidden;
    height: .5rem;
    background-color: #fff;
    font-size: 0;
    white-space: nowrap;
    text-align: center;
    border-bottom: .01rem solid #D8D8D8;
}

.ht_ul li {
    display: inline-block;
    margin: 0 .25rem;
    height: .5rem;
    cursor: pointer;
}

.ht_ul a {
    overflow: hidden;
    display: block;
    width: .6rem;
    height: .5rem;
}

.ht_ul strong {
    margin: .12rem 0 .04rem;
    display: block;
    height: .22rem;
    width: .6rem;
    font-size: .16rem;
    font-weight: 400;
    color: #513D3D;
    text-align: center;
    line-height: .22rem;
}

.ht_ul span {
    overflow: hidden;
    display: block;
    margin: 0 auto;
    width: .2rem;
    height: .03rem;
    border-radius: .03rem;
}

.ht_ul .hover strong {
    font-weight: bold;
}

.ht_ul .hover span {
    background-color: #F5A623;
}

.main {
    overflow: hidden;
    display: none;
}

.main boy:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
}

.left_tab {
    width: .76rem;
    background-color: #F8F8F8;
    float: left;
}

.left_tab a {
    display: block;
    height: .5rem;
    text-align: center;
    font-size: .14rem;
    color: #938181;
    line-height: .5rem;
}

.left_tab .hover {
    padding-right: .03rem;
    border-left: .03rem solid #F5A623;
    background-color: #fff;
    color: #F5A623;
    font-weight: bold;
}

.right_list {
    overflow: hidden;
    margin-left: .76rem;
    background-color: #fff;
}

.rl_ul {
    overflow: hidden;
    padding: .05rem .1rem;
    display: none;
}

.rl_ul li {
    display: block;
    overflow: hidden;
    padding: .1rem 0;
}

.rl_ul a {
    overflow: hidden;
    display: block;
    padding: .01rem 0;
}

.rl_img {
    overflow: hidden;
    float: left;
    height: .86rem;
    width: .65rem;
    background-color: #FEEDBE;
    border-radius: .04rem;
}

.rl_info {
    overflow: hidden;
    margin-left: .75rem;
    overflow: hidden;
}

.rli_tit {
    overflow: hidden;
    margin-bottom: .01rem;
    height: .26rem;
}

.rli_tit span {
    float: right;
    height: .26rem;
    padding: 0 .04rem;
    font-size: .18rem;
    color: #b5b5b5;
    font-weight: bold;
    line-height: .26rem;
}

.rli_tit h3 {
    overflow: hidden;
    margin-right: .38rem;
    height: .28rem;
    font-size: .14rem;
    color: #513d3d;
    font-weight: bold;
    line-height: .28rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.rl_ul li:first-child .rli_tit span {
    background: url('/assets/yg/img/frontend/images/icon_7.png') no-repeat center .04rem;
    background-size: .16rem auto;
    font-size: .14rem;
    color: #EA5E5E;
}

.rl_ul li:nth-child(2) .rli_tit span {
    background: url('/assets/yg/img/frontend/images/icon_8.png') no-repeat center .04rem;
    background-size: .16rem auto;
    font-size: .14rem;
    color: #EA5E5E;
}

.rl_ul li:nth-child(3) .rli_tit span {
    background: url('/assets/yg/img/frontend/images/icon_9.png') no-repeat center .04rem;
    background-size: .16rem auto;
    font-size: .14rem;
    color: #EA5E5E;
}


.rl_info p {
    margin-bottom: .1rem;
    overflow: hidden;
    height: .28rem;
    font-size: .14rem;
    color: #9a9191;
    line-height: .28rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.rli_other {
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    height: .2rem;
}

.rli_other span {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: .16rem;
    height: .2rem;
    background: url('/assets/yg/img/frontend/images/icon_6.png') no-repeat 0 .02rem;
    background-size: .15rem .15rem;
    font-size: .12rem;
    color: #ea5e5e;
    line-height: .2rem;
}

.rlio_box {
    overflow: hidden;
    margin: .04rem .6rem 0 -.11rem;
}

.rlio_box strong {
    float: left;
    padding: 0 .1rem;
    height: .12rem;
    border-left: .01rem solid #f7b9a2;
    font-size: .12rem;
    color: #cac4c4;
    line-height: 1;
}

.rlio_box strong:first-child {
    color: #00A432;
}

.loading_box {
    border-top: 0
}

.loading_box span {
    color: #F5A623;
}

.read_popup_box, .custom_popup_box {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, .5);
    font-size: 0;
    text-align: center;
    white-space: nowrap;
}

.rpb_main,
.rpb_jgb {
    display: inline-block;
    vertical-align: middle;
}

.rpb_jgb {
    overflow: hidden;
    height: 100%;
    margin-left: -1px;
    width: 1px;
}

.rpb_main {
    overflow: hidden;
    width: 100%;
}

.rpbm_box {
    padding: .3rem .16rem .1rem;
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    background-color: #fff;
    margin: .14rem .48rem;
    border-radius: .16rem;
    white-space: normal;
    -webkit-box-shadow: 0 .03rem .1rem rgba(0, 0, 0, 1);
    box-shadow: 0 .03rem .1rem rgba(0, 0, 0, 1);
}

.rpbm_box a {
    display: block;
}

.rpb_img {
    overflow: hidden;
    margin: 0 auto .16rem;
    height: 1.39rem;
    width: 1.04rem;
    border-radius: .04rem;
    -webkit-box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.4);
}

.rpb_img a,
.rpb_img img {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .04rem;
}

.rpb_tit {
    overflow: hidden;
    margin: 0 0 .16rem;
    height: .26rem;
    font-size: .18rem;
    color: #000;
    line-height: .26rem;
}

.rpb_tit a {
    overflow: hidden;
    display: block;
    height: .26rem;
    font-size: .18rem;
    color: #000;
    line-height: .26rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.rpb_p {
    margin-bottom: .1rem;
    overflow: hidden;
    max-height: .72rem;
}

.rpb_p a {
    overflow: hidden;
    display: block;
    font-size: .14rem;
    color: rgba(0, 0, 0, .5);
    text-align: left;
    line-height: .24rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.rpb_but {
    text-align: center;
    height: .3rem;
}

.rpb_but a {
    display: block;
    height: .3rem;
    text-align: center;
    font-size: .16rem;
    color: #007aff;
    line-height: .3rem;
}

.rpbm_close_but {
    display: block;
    position: absolute;
    right: .1rem;
    top: .1rem;
    height: .2rem;
    width: .2rem;
    background: url('/assets/yg/img/frontend/icon/cha_icon_2.png') no-repeat center center;
    background-size: .14rem .14rem;
    border-radius: .2rem;
}