﻿.ico-back {
    width: .4rem;
    height: .4rem;
    background: url(../images/back.png) no-repeat;
    background-size: .4rem .4rem;
    margin-left: .2rem;
}

/** 播放按钮 **/
.ico-play {
    width: .88rem;
    height: .88rem;
    background: url(../images/play.png) no-repeat 0.28rem 0.24rem;
    background-size: .44rem .44rem;
}

#about_copyright {
    color:#bbbbbb;
    margin:.4rem 0;
    font-size: .15rem
}

/* reset */
* {
    margin: 0;
    padding: 0;
    outline: none;
    background: transparent;
    border: 0 none
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none
}

body {
    color: #333;
    background: #fff
}

iframe {
    /*width: 100%;*/
    margin: 0;
    padding: 0;
    border: 0 none
}

body, button, input, select, textarea {
    margin: 0;
    padding: 0;
    font: .6rem/1.6 '微软雅黑', Helvetica, Arial, sans-serif
}

article, aside, details, figcaption, figure, footer, header, hgroup, datalist, nav, section, summary, address, mark, ruby {
    display: block
}

ul, ol, li, dl, dt, dd {
    list-style: none
}

h1, h2, h3, h4, h5, h6, strong, em, b {
    font-weight: 700;
    font-style: normal;
    font-size: 100%
}

select, textarea, input, img {
    resize: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none 0
}

del {
    text-decoration: line-through
}

.under {
    text-decoration: underline
}

i, samp, dfn, mark, cite, kbd {
    font-weight: normal;
    font-style: normal
}

blockquote, p, pre, td {
    word-wrap: break-word;
    word-break: break-all
}

table, tr, th, td {
    border-spacing: 0;
    border-collapse: collapse;
    text-indent: 0
}

img, video, audio {
    vertical-align: middle;
    width: 100%;
    background: transparent
}

a, img {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

a, a:hover, a:visited, a:active {
    color: #666;
    text-decoration: none
}

.j_link, .j_link:hover, .j_link:active, .j_link:visited {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    color: transparent
}

/* special */
.all {
    word-wrap: break-word;
    word-break: break-all;
    text-justify: auto;
    text-align: justify
}

.ep {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.model {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.gpu {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -moz-backface-visibility: hidden;
    -moz-transform: translateZ(0);
    -moz-perspective: 1000;
    -ms-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -ms-perspective: 1000;
    backface-visibility: hidden;
    transform: translateZ(0);
    perspective: 1000
}

/* float */
.fl {
    /*float: left*/
}

.fr {
    float: right
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.box {
    zoom: 1;
    overflow: hidden
}

.clear {
    zoom: 1
}

.clear:after {
    content: "";
    display: block;
    height: 0;
    font-size: 0;
    clear: both
}

.full {
    width: 100%
}

.half {
    width: 50%
}

.auto {
    float: left;
    width: 100%
}

.blank10 {
    content: "";
    display: block;
    height: .1rem;
    font-size: 0;
    clear: both
}

.iwrap {
    overflow: hidden;
    width: 100%;
    max-width: 750px;
    height: 0;
    position: relative;
    margin: 0 auto
}

/* color */
.white, .white:hover, .white:visited, .white:active {
    color: #fff
}

.black, .black:hover, .black:visited, .black:active {
    color: #000
}

.gray6, .gray6:hover, .gray6:visited, .gray6:active {
    color: #666
}

.gray9, .gray9:hover, .gray9:visited, .gray9:active {
    color: #999
}

.grayd9, .grayd9:hover, .grayd9:visited, .grayd9:active {
    color: #d9d9d9
}

.blue, .blue:hover, .blue:visited, .blue:active {
    color: #406599
}

.grayc, .grayc:hover, .grayc:visited, .grayc:active {
    color: #ccc
}

.roseRed, .roseRed:hover, .roseRed:visited, .roseRed:active {
    color: #DD3135
}

.gray9 span {
    color: #ff79b1;
    border: #ff79b1 solid 1px;
    border-radius: 3px;
    padding: 1px 5px 0px;
}

/* btn */
.btn {
    display: inline-block;
    letter-spacing: .01rem;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    border: 1px solid #666;
    border-radius: .08rem;
    vertical-align: middle
}

.btn.radius {
    border-radius: 1000px
}

.btn_sole, .btn_sole:hover, .btn_sole:visited {
    color: #f4a100;
    border-color: #ccc
}

.btn_sole:active {
    color: #e49600;
    border-color: #bbb
}

.btn_line_roseRed, .btn_line_roseRed:hover, .btn_line_roseRed:visited {
    color: #ff78b1;
    border-color: currentColor
}

.btn_line_roseRed:active {
    color: #fe4492;
    border-color: currentColor
}

/* loading */
.loading {
    overflow: hidden;
    height: 20px;
    padding: 1rem;
    text-align: center;
    line-height: 20px;
    font-size: 1.2rem
}

.loading.up {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px
}

.loading i {
    display: inline-block;
    height: 20px;
    padding-left: 20px;
    border-radius: 10px;
    overflow: hidden;
    vertical-align: top
}

.loading i.j-loadmore {
    background: url(../images/loading.gif) no-repeat 0 50%
}

/* 顶部 */
header {
    width: 100%;
    height: .8rem;
    background: #DD3135;
    overflow: hidden;
    text-align: center;
    font-size: .36rem;
    line-height: .8rem;
    color: #fff;
    margin: 0 auto;
    max-width: 750px;
}

header.free {
    text-align: left;
    background: #fff
}

header.none {
    background: transparent
}

header:after {
    content: "";
    display: block;
    height: 0;
    font-size: 0;
    clear: both
}

header span {
    position: absolute;
    top: 0;
    left: 0;
    height: .8rem;
    font-size: .36rem;
}

header span.rti {
    left: auto;
    right: 0;
    border: none 0
}

header a, header i {
    display: inline-block;
    height: .8rem;
    padding: 0 0 0 .28rem;
    vertical-align: middle
}

header a.ico-search {
    width: .4rem;
    height: .4rem;
    background: url(../images/search.png) no-repeat;
    background-size: .4rem .4rem
}

header img {
    width: 13rem;
    background: transparent
}

/* 顶部 */

/* 公用搜索 */
.searchBar {
    height: .64rem;
    padding: .13rem .28rem;
    background: #f9f9f9;
    overflow: hidden
}

.searchBar .search_input_box {
    width: 100%;
    height: .64rem;
    background: #fff
}

.searchBar a {
    display: inline-block;
    height: .64rem;
    line-height: .64rem;
    font-size: .34rem;
    text-align: center
}

.searchBar a.ico-search {
    width: .56rem
}

.searchBar a.btn {
    float: right;
    border: none 0;
    width: 1.08rem;
    height: .64rem;
    font-size: .34rem
}

.searchBar input {
    float: left;
    width: 75%;
    height: .64rem;
    font-size: .28rem;
    line-height: .64rem
}

.searchBar input::-webkit-input-placeholder {
    color: #c6c6c6
}

.searchBar .ico-search {
    float: left
}

/* 内容公共标题栏 */
.heady {
    width: 100%;
    height: auto;
    border-bottom: 0.25rem solid #f4f4f4;
    padding: 0.44rem 0 0.29rem;
}

.heady-bottom-hide {
    border-bottom: 0;
}

.heady h2 {
    display: flex;
    width: auto;
    height: auto;
    font-size: 0.36rem;
    color: #000000;
    font-family: PingFangSC-Regular, PingFangSC-Light, helvetica, 'Heiti SC';
    font-weight: 500;
    align-items: center;
    padding: 0 0.3rem;
}

/* 内容公共标题栏 */

/* 频道Channels.tpl */
.simu_i_ul {
    padding: .23rem .23rem 0;
    clear: both;
    position: relative
}

.simu_i_ul #channel {
    overflow: hidden;
    width: 100%
}

.simu_i_ul a, .simu_i_ul span {
    display: block;
    float: left;
    margin: .08rem 1% 0 0;
    width: 19%;
    height: .66rem;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: .1rem;
    text-align: center;
    line-height: .66rem;
    font-size: .3rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.simu_i_ul a:nth-of-type(5n) {
    margin-right: 0
}

.simu_i_ul a.sel {
    border-color: #ff78b1
}

.simu_i_ul span {
    position: absolute;
    top: .23rem;
    left: .23rem;
    z-index: 5;
    color: #c6c6c6;
    width: 18%;
}

/* 频道Channels.tpl */

/** 产品列表 **/
.product-list {
    width: auto;
    height: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    background-color: #ffffff;
    padding: 0.4rem 0.3rem 0.04rem;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.product-list .li-list {
    position: relative;
    display: inline-block !important;
    width: 3rem;
    height: auto;
    margin-right: 0.24rem;
}

.product-list .li-list:last-child {
    margin-right: 0;
}

.product-list .li-list .li-img {
    width: 3rem;
    height: 2.24rem;
    background: #ededed;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
}

.product-list .li-list .li-img img {
    width: 3rem;
    border-radius: 5px;
}

.product-list .li-list .li-list-info {
    width: 3rem;
    height: auto;
    margin-top: 0.2rem;
}

.product-list .li-list .li-list-info .li-title {
    width: 3rem;
    height: auto;
    font-size: 0.32rem;
    font-family: PingFangSC-Regular, PingFangSC-Light, helvetica, 'Heiti SC';
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-list .li-list .li-list-info .li-desc {
    width: 3rem;
    height: auto;
    font-size: 0.32rem;
    padding-top: 0.14rem;
}

.product-list .li-list .li-list-info .li-desc .li-price {
    display: inline-block;
    color: #de2c2c;
}

.product-list .li-list .li-list-info .li-desc .li-price .li-price-font {
    display: inline-block;
    font-size: 0.24rem;
    padding-right: 0.08rem;
}

.product-list .li-list .li-list-info .li-desc .li-price .li-price-null-font {
    font-size: 0.28rem;
}

.product-list .li-list .li-list-info .li-desc .li-star {
    color: #9d9d9d;
    font-size: 0.24rem;
    line-height: 2;
    float: right;
}

.product-list .li-list .product-link {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    display: block;
    float: left;
    color: transparent;
}

/** 产品列表 **/

/* 文章列表 */

.table_A {
    position: relative;
    width: auto;
    height: auto;
    padding: 0 0.3rem;
    overflow: hidden;
    z-index: 0;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.table_A li {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 1.24rem;
    overflow: hidden;
    z-index: 0;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.4rem 0;
}

.table_A li:last-of-type {
    border-bottom: none 0
}

/** 单图 **/
.table_A li .image-single {
    position: absolute;
    width: 2.2rem;
    height: 1.52rem;
    background: #f4f4f4;
    border-radius: 5px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}

.table_A li .image-single img {
    position: absolute;
    width: 2.2rem;
    height: auto;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.table_A li .fl_left {
    margin-left: 2.5rem;
}

.table_A li .article-single-title {
    width: 100%;
    height: 1rem;
    font-size: 0.32rem;
    color: #333333;
    line-height: 1.5;
    font-family: PingFangSC-Medium, PingFangSC-Light, helvetica, 'Heiti SC';
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.table_A li h2 span {
    color: #ff78b1
}

.table_A li .article-single-info {
    width: 100%;
    height: 0.32rem;
    padding-top: 0.2rem;
    font-size: 0.24rem;
}

.table_A li .article-single-info .single-name {
    width: auto;
    height: 0.32rem;
    align-items: center;
    color: #999999;
    float: left;
}

.table_A li .article-single-info .single-view {
    width: auto;
    height: 0.32rem;
    color: #9d9d9d;
    text-align: right;
    align-items: center;
    float: right;
}

.table_A li .article-multiple-title {
    width: 100%;
    max-height: 1rem;
    font-size: 0.32rem;
    color: #333333;
    line-height: 1.5;
    font-family: PingFangSC-Medium, PingFangSC-Light, helvetica, 'Heiti SC';
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.table_A li .imgsbox {
    position: relative;
    padding: 0.3rem 0;
}

.table_A li ul li {
    position: relative;
    display: flex;
    width: 2.2rem;
    height: 1.52rem;
    border-radius: 5px;
    margin-right: 0.15rem;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: none;
    background: #f4f4f4;
    float: left;
}

.table_A li ul li:last-child {
    margin-right: 0;
}

.table_A li ul li img {
    position: absolute;
    width: 100%;
    height: auto;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.table_A li .article-multiple-info {
    width: 100%;
    height: 0.32rem;
    font-size: 0.24rem;
}

.table_A li .article-multiple-info .multiple-name {
    width: auto;
    height: 0.32rem;
    align-items: center;
    color: #999999;
    float: left;
}

.table_A li .article-multiple-info .multiple-view {
    width: auto;
    height: 0.32rem;
    color: #9d9d9d;
    text-align: right;
    align-items: center;
    float: right;
}

/** 三图 **/

/** 大图 **/
.table_A li .article-big-title {
    width: 100%;
    max-height: 1rem;
    font-size: 0.32rem;
    color: #333333;
    line-height: 1.5;
    font-family: PingFangSC-Medium, PingFangSC-Light, helvetica, 'Heiti SC';
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.table_A li .image {
    position: relative;
    width: 100%;
    height: 3.88rem;
    border-radius: 5px;
    overflow: hidden;
    margin: 0.24rem 0;
}

.table_A li .image img {
    position: absolute;
    width: 100%;
    height: auto;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.table_A li .article-big-info {
    width: 100%;
    height: 0.32rem;
    font-size: 0.24rem;
}

.table_A li .article-big-info .big-name {
    width: auto;
    height: 0.32rem;
    align-items: center;
    color: #999999;
    float: left;
}

.table_A li .article-big-info .big-view {
    width: auto;
    height: 0.32rem;
    color: #9d9d9d;
    text-align: right;
    align-items: center;
    float: right;
}

/** 大图 **/

/** 视频 **/
.table_A li .article-vedio-title {
    width: 100%;
    max-height: 1rem;
    font-size: 0.32rem;
    color: #333333;
    line-height: 1.5;
    font-family: PingFangSC-Medium, PingFangSC-Light, helvetica, 'Heiti SC';
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.table_A li .image {
    position: relative;
    width: 100%;
    height: 3.88rem;
    border-radius: 5px;
    overflow: hidden;
    margin: 0.24rem 0;
}

.table_A li .image img {
    position: absolute;
    width: 100%;
    height: auto;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.table_A li .image b.nonebg {
    background: none;
    z-index: 1;
}

/* 播放 */
.table_A li .image span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    margin: -.4rem 0 0 -.4rem;
    border-radius: 100px;
    border: 1px solid #fff;
    width: 0.88rem;
    height: 0.88rem;
    background: rgba(0, 0, 0, .4);
    text-align: center;
    line-height: .8rem;
}

.table_A li .image i {
    display: inline-block;
    vertical-align: top;
    font-size: 0.88rem;
}

.table_A li .article-vedio-info {
    width: 100%;
    height: 0.32rem;
    font-size: 0.24rem;
}

.table_A li .article-vedio-info .vedio-name {
    width: auto;
    height: 0.32rem;
    align-items: center;
    color: #999999;
    float: left;
}

.table_A li .article-vedio-info .vedio-view {
    width: auto;
    height: 0.32rem;
    color: #9d9d9d;
    text-align: right;
    align-items: center;
    float: right;
}

/** 视频 **/

/** 无图 **/
.table_A li .article-nothing-title {
    width: 100%;
    max-height: 1rem;
    font-size: 0.32rem;
    color: #333333;
    line-height: 1.5;
    font-family: PingFangSC-Medium, PingFangSC-Light, helvetica, 'Heiti SC';
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.table_A li .article-nothing-info {
    width: 100%;
    height: 0.32rem;
    font-size: 0.24rem;
    padding-top: 0.24rem;
}

.table_A li .article-nothing-info .nothing-name {
    width: auto;
    height: 0.32rem;
    align-items: center;
    color: #999999;
    float: left;
}

.table_A li .article-nothing-info .nothing-view {
    width: auto;
    height: 0.32rem;
    color: #9d9d9d;
    text-align: right;
    align-items: center;
    float: right;
}

/** 无图 **/

.table_A li.vedio h2, .table_A li.isImg h2 {
    max-height: .8rem;
    min-height: auto;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.table_A li.vedio .image, .table_A li.isImg .image {
    position: relative;
    left: 0;
    width: 100%;
    height: 3.93rem;
    overflow: hidden;
    margin-top: .15rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.table_A li.vedio .image.ve:after {
    content: '';
    display: block;
    height: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.table_A li.vedio .image img {
    display: inline-block;
    width: 100%;
    height: auto;
}

.table_A li.vedio p, .table_A li.isImg p {
    margin-top: .15rem
}

.table_A li .img-icon {
    background: url('../images/img_ico.png') no-repeat;
    display: inline-block;
    width: .24rem;
    height: .24rem;
    background-size: cover;
    vertical-align: -.04rem;
}

.table_A li .image b, .table_A li.isImg .imgsbox b {
    display: block;
    position: absolute;
    bottom: .15rem;
    right: .15rem;
    padding: 0 .15rem;
    height: .37rem;
    background: rgba(0, 0, 0, .4);
    border-radius: 100px;
    color: #fff;
    font-size: .22rem;
    font-weight: normal;
    line-height: .37rem
}

.table_A li .image b.t2 {
    bottom: .01rem;
    right: .01rem;
    padding: 0 .1rem;
    height: .23rem;
    font-size: .2rem;
    line-height: .23rem
}

.table_A li.vedio .image span, .is_video .video_ctrl span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    margin: -.4rem 0 0 -.4rem;
    border-radius: 100px;
    border: 1px solid #fff;
    width: 0.88rem;
    height: 0.88rem;
    background: rgba(0, 0, 0, .4);
    text-align: center;
    line-height: .8rem;
}

.table_A li.vedio .image span i, .is_video .video_ctrl span i {
    display: inline-block;
    vertical-align: top;
    font-size: .4rem;
    padding-left: .08rem
}

.table_A li.isImg .image {
    height: auto
}

.table_A li.isImg .image img {
    float: left;
    width: 32.3333%;
    height: 1.49rem;
    margin-right: 1.5%
}

.table_A li.isImg .image img:last-of-type {
    margin-right: 0
}

.table_A li .image.s b {
    bottom: .09rem;
    right: .09rem;
    height: .28rem;
    padding: 0 .1rem;
    font-size: .18rem;
    line-height: .28rem
}

/* 文章列表 */

/* 评论列表 */
.table_B {
    width: auto;
    height: auto;
    margin: 0 0.4rem;
}

.table_B li {
    width: auto;
    height: auto;
    padding: 0.24rem 0;
}

.table_B li .li-info {
    display: flex;
    width: auto;
    height: 0.48rem;
    color: #999999;
    line-height: 1.4;
    font-size: 0.28rem;
    font-family: PingFangSC-Regular, PingFangSC-Light, helvetica, 'Heiti SC';
    font-weight: 400;
    align-items: center;
}

.table_B li .li-info .info-img {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 100px;
    margin-right: 0.12rem;
+ + + +

}

.table_B li .li-comment-content {
    width: auto;
    height: auto;
    color: #000000;
    font-size: 0.32rem;
    font-family: PingFangSC-Regular, PingFangSC-Light, helvetica, 'Heiti SC';
    font-weight: 400;
    line-height: 1.4;
    text-align: justify;
    padding: 0.24rem 0;
    margin-left: 0.6rem;
    word-break: break-all;
    word-wrap: break-word
}

.table_B li .li-update-time {
    width: auto;
    height: auto;
    color: #999999;
    font-size: 0.24rem;
    font-family: PingFangSC-Regular, PingFangSC-Light, helvetica, 'Heiti SC';
    font-weight: 400;
    line-height: 1.4;
    margin-left: 0.6rem;
}

.comment-null {
    display: flex;
    width: 100%;
    height: auto;
    padding: 0.24rem 0;
}

.comment-null img {
    width: 3.56rem;
    height: 2.54rem;
    margin: 1.12rem auto;
}

/* 评论列表 */

/* 热门搜索 */
.hot_i_search dt {
    display: block;
    width: 100%;
    margin-top: .6rem;
    overflow: hidden;
    font-size: .4rem;
    text-align: center;
    line-height: .54rem;
    color: #999
}

.hot_i_search dd {
    padding-top: .4rem;
    overflow: hidden;
    width: 100%;
    height: .36rem;
    text-align: center;
    font-size: .3rem;
    line-height: .36rem
}

/* 热门搜索 */

/* 热门标签 */
.hots_table {
    padding: 0 .1rem 0 0;
    position: relative;
    border-bottom: 1px solid #e2e2e2;
    background: #fff;
    max-width: 750px;
    box-sizing: border-box;
}

.hots_table .show_cont {
    width: 100%;
    overflow: hidden;
    height: .66rem;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.hots_table ul {
    position: absolute;
    top: 0;
    left: 0
}

.hots_table li {
    float: left;
    height: .66rem;
    line-height: .66rem;
    width: 1.35rem;
    text-align: center;
    padding: 0 .2rem;
    box-sizing: border-box;
}

.hots_table li a {
    display: block;
    height: .66rem;
    font-size: .32rem
}

.hots_table .ico-all {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: .8rem;
    height: .66rem;
    line-height: .66rem;
    text-align: center;
    font-size: .3rem
}

/* 热门标签 */

/* 温馨提示 */
.simu_i_prompt {
    height: 1.1rem;
    width: 100%;
    position: relative;
    z-index: 8;
    font-size: .3rem
}

.simu_i_prompt > .inner {
    height: 1.1rem;
    background: #f4f4f4;
    overflow: hidden;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0
}

.simu_i_prompt > .inner.top {
    bottom: auto;
    position: static
}

.simu_i_prompt img {
    float: left;
    width: .8rem;
    height: .8rem;
    margin: .15rem .2rem 0 .28rem
}

.simu_i_prompt > .inner > .box {
    padding-top: .2rem
}

.simu_i_prompt strong, .simu_i_prompt b {
    float: left;
    width: 100%;
    height: .36rem;
    line-height: .36rem;
    font-size: .32rem;
    font-weight: normal
}

.simu_i_prompt b {
    font-size: .24rem
}

.simu_i_prompt .btn {
    display: block;
    float: right;
    margin: .3rem .77rem 0 0;
    width: 1.32rem;
    height: .5rem;
    border: 1px solid currentColor;
    line-height: .5rem;
    text-align: center;
    font-size: .24rem;
    color: #DD3135;
}

.simu_i_prompt .ico-close {
    display: block;
    position: absolute;
    right: .14rem;
    top: .3rem;
    width: .5rem;
    height: .5rem;
    background: url(../images/close.png) no-repeat;
    background-size: .5rem .5rem;
    z-index: 8;
}

.simu_i_prompt.other {
    height: .8rem;
    padding-bottom: .3rem;
    padding-top: .28rem;
}

.simu_i_prompt p {
    margin: 0 .28rem;
    height: .8rem;
    background: #DD3135;
    border-radius: .08rem;
    color: #fff;
    text-align: center;
    line-height: .8rem
}

/* 文章详情 */
.detail_i_word {
    padding: 0 .3rem .3rem;
    border-bottom: 0.25rem solid #f4f4f4;
}

/** 标题 **/
.detail_i_word h1 {
    width: 100%;
    height: auto;
    font-size: .48rem;
    color: #333333;
    font-weight: 700;
    font-family: PingFangSC-Semibold, PingFangSC-Light, helvetica, Heiti SC;
    line-height: 1.4;
    padding-top: 0.475rem;
    overflow: hidden;
}

/** 标题 **/

/** 描述 **/
.simu_i_desc {
    display: inline-block;
    width: 100%;
    height: auto;
    color: #333333;
    font-size: 0.28rem;
    padding: 0.24rem 0;
    line-height: 1.5;
    clear: both;
}

.simu_i_desc span {
    display: inline-block;
    margin-right: .22rem
}

/** 描述 **/

/** 内容 **/
.simu_2_p {
    width: 100%;
    height: auto;
}

.simu_2_p p {
    display: inline-block;
    width: 100%;
    height: auto;
    color: #333333;
    font-size: 0.36rem;
    text-align: justify;
    text-align-last: left;
    font-weight: 400;
    font-family: PingFangSC-Regular, PingFangSC-Light, helvetica, 'Heiti SC';
    line-height: 1.6;
    padding: 0.24rem 0;
}

.simu_2_p a {
    color: #406599
}

.simu_2_p img {
    max-width: 100%;
    width: auto;
}

.content-foled {
    height: 20rem;
}

/* 内容折叠 */
.article-fold {
    position: relative;
    height: 20rem;
    overflow: hidden;
}
.fold-btn {
    position: absolute;
    margin: 18rem 0 0 -0.3rem;
    width: 100%;
    height: 2rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 98%, 0)), color-stop(28%, hsla(0, 0%, 98%, 0.9)), color-stop(49.1%, #f6f6f6), to(#f6f6f6));
    background-image: -o-linear-gradient(top, hsla(0, 0%, 98%, 0), hsla(0, 0%, 98%, 0.9) 28%, #f6f6f6 49.1%, #f6f6f6);
    background-image: linear-gradient(top, hsla(0, 0%, 98%, 0), hsla(0, 0%, 98%, 0.9) 28%, #f6f6f6 49.1%, #f6f6f6);
}

.fold-btn p {
    width: 100%;
    overflow: hidden;
    height: .8rem;
    clear: both;
    text-align: center;
    font-size: .36rem;
    line-height: .8rem;
    color: #D42C1F;
    padding-top: 0.9rem;
    text-align-last: center;
}
/** 内容 **/

/** 标签、点赞 **/
.article-tags-digg {
    width: auto;
    height: auto;
    padding: 0.48rem 0;
}

.article-tags-digg .article-tags {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 0.8rem;
    clear: both;
}

.article-tags-digg .article-tags .li-tags {
    display: inline-block;
    font-size: 0.28rem;
    color: #666666;
    background: #F2F2F2;
    border-radius: 10px;
    padding: 0.1rem 0.3rem;
    margin: 0.1rem 0.3rem 0.1rem 0;
    float: left;
}

.article-tags-digg .article-digg {
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
}

.article-tags-digg .article-digg .article-digg-region {
    display: flex;
    align-items: center;
}

.article-tags-digg .article-digg .article-digg-region .digg-region-buttom {
    display: inline-block;
    min-width: 0.88rem;
    height: 0.4rem;
    color: #000000;
    font-size: 0.28rem;
    border: 1px solid #b2b2b2;
    border-radius: 49px;
    padding: 0.3rem 0.52rem;
    margin: 0 auto;
}

.article-tags-digg .article-digg .article-digg-region .digg-region-buttom-select {
    color: #e30012;
    border: 1px solid #e30012;
}

.article-tags-digg .article-digg .article-digg-region .digg-region-buttom .digg-img {
    width: 0.4rem;
    height: 0.4rem;
    padding-right: 0.15rem;
    float: left;
}

.article-tags-digg .article-digg .article-digg-region .digg-region-buttom .digg-region-words {
    width: auto;
    height: 0.4rem;
    line-height: 1.6;
    float: left;
}

/** 标签、点赞 **/
/** 内容 **/

/* 视频 */
.is_video, .is_video .video_ctrl {
    width: 100%;
    height: 4.28rem;
    text-align: center;
    overflow: hidden;
    position: relative
}

.is_video img {
    min-height: 4.4rem;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is_video video {
    width: 100%;
    height: 100%;
    background: #000
}

.is_video .mark_trans_top {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: .7rem;
    height: .7rem;
    padding-top: .1rem;
    text-align: left;
    font-size: .36rem;
    text-indent: .28rem
}

/* 视频 */
/* 文章详情 */

/* 页底 */
footer {
    width: 100%;
    overflow: hidden;
    padding: .6rem 0 .4rem;
    text-align: center;
    font-size: .26rem;
    color: #999;
    line-height: .37rem
}

#show_cont {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-3dlight-color: none; /*- 最外左 -*/
    scrollbar-highlight-color: none; /*- 左二 -*/
    scrollbar-face-color: none; /*- 面子 -*/
    scrollbar-arrow-color: none; /*- 箭头 -*/
    scrollbar-shadow-color: none; /*- 右二 -*/
    scrollbar-darkshadow-color: none; /*- 右一 -*/
    scrollbar-base-color: none; /*- 基色 -*/
    scrollbar-track-color: none; /*- 滑道 -*/
}

#show_cont::-webkit-scrollbar {
    display: none;
}

#show_cont ul {
    width: 2000px;
    transition: all 1s;
}

#reload_page {
    background: url(../images/loading.png);
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-left: 6px;
    margin-top: -2px;
}

#reload_page.active {
    animation: myfirst .6s linear 0.1s infinite normal;
    /* Firefox: */
    -moz-animation: myfirst .6s linear 0.1s infinite normal;
    /* Safari and Chrome: */
    -webkit-animation: myfirst .6s linear 0.1s infinite normal;
    /* Opera: */
    -o-animation: myfirst .6s linear 0.1s infinite normal;
    transform-origin: center center;
}

.loading2 {
    position: relative;
    z-index: 9;
}

.loading2 i {
    background: url(../images/loading.svg);
    background-size: cover;
    width: 50px;
    height: 50px;
    z-index: 99;
    margin: 0 auto;
    display: block;
}

/* 新增样式  */
.replod-tip {
    background: #f4f4f4;
    padding: 5px 0;
    text-align: center;
    color: #DD3135;
    position: fixed;
    top: 1.5rem;
    font-size: .26rem;
    width: 100%;
    box-sizing: border-box;
    z-index: 11;
}

@media screen and (min-width: 749px) {
    header {
        width: 100%;
        height: .8rem;
        background: #DD3135;
        overflow: hidden;
        text-align: center;
        font-size: .36rem;
        line-height: .8rem;
        color: #fff;
        margin: 0 auto;
        max-width: 750px;
        left: 50%;
        margin-left: -375px;
    }

    .hots_table {
        left: 50%;
        margin-left: -375px;
    }

    .replod-tip {
        background: #f4f4f4;
        padding: 5px 0;
        text-align: center;
        color: #DD3135;
        position: fixed;
        top: 1.5rem;
        font-size: .26rem;
        width: 100%;
        box-sizing: border-box;
        z-index: 11;
        left: 50%;
        margin-left: -375px;
        max-width: 750px;
    }

    .simu_i_prompt > .inner {
        height: 1.1rem;
        background: #f4f4f4;
        overflow: hidden;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 50%;
        margin-left: -375px;
        max-width: 750px;
    }

    .simu_i_prompt > .top {
        margin-left: auto
    }

    .tab-bar {
        height: 0.9rem;
        width: 100%;
        position:fixed;
        bottom:0;
        z-index: 99;
        display: flex;
        justify-content: space-between;
        border-top:1px solid #E5E4E3;
        background: #FFFFFF;
        left: 50%;
        margin-left: -375px;
        max-width: 750px;
    }
}

.s-step {
    color: #ff79b1;
    padding-top: 15px;
    position: relative;
    display: block;
    font-weight: bold;
}

.s-bold {
    color: #333333;
    position: relative;
    display: block;
    padding: 5px 0 5px 12px;
    font-weight: bold;
}

.s-bold:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 2px;
    background: #ff79b1;
}

.loadData {
    text-align: center;
    color: #666;
    padding: .25rem 0;
    font-size: .26rem;
    display: none;
}

.nav-sroll {
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    height: .66rem;
    line-height: 0.5rem;
}

/** 详情页底部导航栏 **/
.tab-bar {
    height: 0.95rem;
    width: 100%;
    position:fixed;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    border-top:1px solid #E5E4E3;
    background: #FFFFFF;
    bottom:0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.tab-bar-img {
    display: inline;
    width: 0.4rem;
    height: 0.4rem;
}

.tab-bar-img-decoration {
    display: inline;
    width: 0.4rem;
    height: 0.4rem;
    padding-left: 0.4rem;
}

.hot-img {
    position:relative;
    bottom: 0.2rem;
    right: 0.25rem;
    width: 0.25rem;
    height: 0.11rem;
}

.tab-bar-title {
    font-size:0.2rem;
    font-weight:500;
    color: #9d9d9d;
}

.tab-bar-btn {
    text-align: center;
    height: 0.9rem;
    width:1.4rem;
    line-height: 0.5rem;
    padding-top: 0.04rem;
}

.decoration-color {
    color: #DE2C2C;
}

/** 详情页底部导航栏 **/

.nav-sroll a {
    white-space: nowrap;
    display: inline-block;
    font-size: .32rem;
    padding: 0 .2rem;
}

/** 2018年11月29日新增样式 **/
a[name] {
    color: #000
}

a strong {
    font-weight: bold
}

/** 2018年12月19日新增广告样式 **/
.jh_banner {
    width: 98% !important;
    display: block !important;
    text-align: center !important;
    height: 2rem !important;
    margin: 0 auto 0.5rem !important;
}

/** 2019年04月09日新增广告样式 **/
.recommend-style {
    width: 92%;
    height: auto;
    padding: 0 0.3rem 0 0.3rem;
}
.bottom_link {
    display: none;
}