a, a:hover {
    cursor: pointer
}

a:hover, body {
    -webkit-tap-highlight-color: transparent
}

a, body {
    color: #222
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

address, cite, em {
    font-weight: 400;
    word-wrap: break-word
}

caption, code, figcaption, h1, h2, h3, h4, h5, h6, pre, strong, th {
    font-weight: 400;
    font-style: normal;
    word-wrap: break-word
}

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

fieldset, iframe, img {
    border: 0
}

address, cite, em, i, var {
    font-style: normal
}

caption, th {
    text-align: left
}

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

article, aside, figcaption, figure, footer, header, hgroup, nav, section, video {
    display: block
}

a, ins {
    text-decoration: none
}

button, input {
    outline: 0;
    border: 0
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix:after, .clearfix:before {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block
}

.clearfix:after {
    clear: both
}

button {
    border-style: none
}

body, html {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

body {
    -webkit-text-size-adjust: none;
    font-family: "Microsoft Yahei", "PingFangSC-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .373333rem;
    background-color: #fff;
    background: #f7f7f7;
    left: 0;
    right: 0;
    margin: 0 auto
}



img {
    max-width: 100%;
    vertical-align: middle
}

.tabbar-container {
    width: 100%;
    height: 1.066667rem
}

.category-wrapper, .tabbar-wrapper {
    position: fixed;
    width: 100%;
    max-width: 10rem
}

.tabbar-wrapper {
    top: 1.173333rem;
    height: 1.066667rem;
    overflow: hidden;
    background: #fff;
    z-index: 99
}

.tabbar-wrapper .tabbar-list {
    display: flex;
    padding: .16rem 0 .16rem .426667rem;
    width: 100%;
    height: 1.333333rem;
    overflow-x: scroll
}

.tabbar-wrapper .tabbar-list .placeholder {
    flex-shrink: 0;
    width: .853333rem;
    height: .8rem
}

.tabbar-wrapper .tabbar-item {
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: .533333rem;
    height: .746667rem;
    font-size: .426667rem;
    line-height: .746667rem
}

.tabbar-wrapper .tabbar-item img {
    width: 1.12rem;
    height: .426667rem;
    -o-object-fit: cover;
    object-fit: cover
}

.tabbar-wrapper .tabbar-item.active {
    font-size: .533333rem;
    font-weight: 600
}

.tabbar-wrapper .tabbar-item.active img {
    width: 1.44rem;
    height: .533333rem
}

.tabbar-wrapper .tabbar-item.active::after {
    content: '';
    position: absolute;
    bottom: -.08rem;
    right: 0;
    left: 0;
    display: block;
    margin: 0 auto;
    width: .426667rem;
    height: .08rem;
    background: #37f
}

.tabbar-wrapper .tabbar-fenlei {
    position: absolute;
    top: 0;
    right: 0;
    padding: .293333rem .426667rem .186667rem .24rem;
    width: 1.253333rem;
    height: 1.066667rem;
    background: #fff
}

.category-wrapper {
    z-index: 100;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100vh
}

.category-mask {
    height: 42%;
    background: rgba(0, 0, 0, .4)
}

.category-pannel {
    position: absolute;
    top: 40%;
    padding: 0 .426667rem;
    width: 100%;
    height: 60%;
    background: #fff;
    border-radius: .213333rem .213333rem 0 0
}

.category-pannel .category-pannel-head {
    height: 1.173333rem
}

.category-pannel .category-pannel-head .category-close {
    position: absolute;
    top: .373333rem;
    left: .426667rem
}

.category-pannel .category-pannel-head .category-title {
    padding: .32rem 0 .266667rem;
    font-size: .426667rem;
    font-weight: 600;
    text-align: center
}

.category-pannel .category-pannel-body {

}

.category-pannel .category-pannel-body .category-item {
    margin-right: .32rem;
    margin-bottom: .32rem;
    width: calc(33.3% - .213333rem);
    height: 1.066667rem;
    font-size: .373333rem;
    line-height: 1.066667rem;
    text-align: center;
    background: #f6f8fd;
    border-radius: .106667rem
}

.category-pannel .category-pannel-body .category-item:nth-of-type(3n) {
    margin-right: 0
}

.yc-icon-index {
    background: url(../images/spr-index-6efa2dee.png) top left no-repeat;
    background-size: 12.48rem .853333rem;
    display: inline-block
}

.yc-i-close {
    background-position: -6.026667rem 0;
    width: .426667rem;
    height: .426667rem
}

.yc-i-fenlei {
    background-position: -9.92rem 0;
    width: .586667rem;
    height: .586667rem
}

.yc-i-fenxiang {
    background-position: -8.32rem 0;
    width: .533333rem;
    height: .533333rem
}

.yc-i-gengduo {
    background-position: -1.52rem 0;
    width: .32rem;
    height: .32rem
}

.yc-i-huati-hui {
    background-position: -2.693333rem 0;
    width: .346667rem;
    height: .346667rem
}

.yc-i-huati-lan {
    background-position: -5.333333rem 0;
    width: .426667rem;
    height: .426667rem
}

.yc-i-jiangjia {
    background-position: -2.106667rem 0;
    width: .32rem;
    height: .32rem
}

.yc-i-more {
    background-position: -11.626667rem 0;
    width: .853333rem;
    height: .853333rem
}

.yc-i-pinglun, .yc-i-play, .yc-i-play-1 {
    background-position: -7.52rem 0;
    width: .533333rem;
    height: .533333rem
}

.yc-i-play, .yc-i-play-1 {
    background-position: -9.12rem 0
}

.yc-i-play {
    background-position: -6.72rem 0
}

.yc-i-xing-hui, .yc-i-xing-liang {
    background-position: -.986667rem 0;
    width: .266667rem;
    height: .266667rem
}

.yc-i-xing-liang {
    background-position: -.453333rem 0
}

.yc-i-yiche-icon {
    background-position: -10.773333rem 0;
    width: .586667rem;
    height: .533333rem
}

.yc-i-zan-hui, .yc-i-zan-liang {
    background-position: -4.64rem 0;
    width: .426667rem;
    height: .426667rem
}

.yc-i-zan-liang {
    background-position: -3.946667rem 0
}

.yc-i-zhibo {
    background-position: -3.306667rem 0;
    width: .373333rem;
    height: .373333rem
}

.yc-i-zhibozhong {
    background-position: 0 0;
    width: .186667rem;
    height: .24rem
}

.information-content {
    margin: .213333rem .133333rem;
    overflow: hidden
}

.information-content .info-item {
    position: relative;
    margin-bottom: 5PX;
    width: 4.8rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
    border-radius: .106667rem;
    float: left
}

.information-content .info-item.fr {
    float: right;
    margin-left: .133333rem
}

.information-content .info-item .info-link-card {
    display: block;
    margin-bottom: .266667rem
}

.information-content .info-item .image-box {
    width: 100%;
    max-height: 6.4rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .106667rem .106667rem 0 0
}

.information-content .info-item .image-box .fm {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.information-content .info-item .image-box .h100 {
    height: 3.6rem;
    max-width: none
}

.information-content .info-item .image-box .w100 {
    width: 100%
}

.information-content .info-item .info-title {
    width: 100%;
    max-height: 1.12rem;
    padding: 0 .266667rem;
    margin-top: .24rem;
    font-size: .373333rem;
    color: #222;
    line-height: .56rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.information-content .info-item .info-title.three {
    max-height: 1.68rem;
    -webkit-line-clamp: 3
}

.information-content .info-item .info-comment {
    padding: 0 .266667rem;
    margin-top: .106667rem;
    height: .426667rem;
    display: flex;
    align-items: center
}

.information-content .info-item .info-comment .star-box {
    display: flex;
    align-items: center
}

.information-content .info-item .info-comment .star-box .star {
    background: url(//static1.bitautoimg.com/yc-m/dianpingM/assets/images/xin-new1.png) no-repeat;
    background-size: 1.866667rem auto;
    width: 1.706667rem;
    height: .266667rem;
    display: inline-block
}

.information-content .info-item .info-comment .star-box .star.one {
    background-position: -.12rem -3.986667rem
}

.information-content .info-item .info-comment .star-box .star.two {
    background-position: -.12rem -1.88rem
}

.information-content .info-item .info-comment .star-box .star.three {
    background-position: -.12rem -3.546667rem
}

.information-content .info-item .info-comment .star-box .star.four {
    background-position: -.12rem -1.44rem
}

.information-content .info-item .info-comment .star-box .star.five {
    background-position: -.12rem -3.146667rem
}

.information-content .info-item .info-comment .star-box .star.six {
    background-position: -.12rem -1rem
}

.information-content .info-item .info-comment .star-box .star.seven {
    background-position: -.12rem -2.733333rem
}

.information-content .info-item .info-comment .star-box .star.eight {
    background-position: -.12rem -.56rem
}

.information-content .info-item .info-comment .star-box .star.nine {
    background-position: -.12rem -2.306667rem
}

.information-content .info-item .info-comment .star-box .star.ten {
    background-position: -.12rem -.12rem
}

.information-content .info-item .info-comment .star-box .star.zero {
    background-position: -.12rem -4.4rem
}

.information-content .info-item .info-comment .grade {
    margin-left: .106667rem;
    font-size: .373333rem;
    line-height: .426667rem;
    color: #fa6400;
    font-weight: 700
}

.information-content .info-item .info-bottom {
    width: 100%;
    padding: 0 .266667rem;
    margin-top: .266667rem;
    display: flex;
    justify-content: space-between
}

.information-content .info-item .info-bottom .user-info {
    font-size: .32rem;
    color: #666;
    display: flex;
    align-items: center
}

.information-content .info-item .info-bottom .user-info .user-img {
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    margin-right: .133333rem
}

.information-content .info-item .info-bottom .user-info .user-name {
    max-width: 2.293333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.information-content .info-item .info-bottom .zan-box {
    font-size: .346667rem;
    color: #666;
    display: flex;
    align-items: center
}

.information-content .info-item .info-bottom .zan-box .icon {
    margin-right: .106667rem
}

.information-content .info-item .play-icon {
    position: absolute;
    right: .266667rem;
    top: .266667rem
}

.information-content .info-item .play-icon .icon {
    width: .533333rem;
    height: .533333rem
}

.information-content .info-item .live-icon {
    position: absolute;
    height: .426667rem;
    top: .32rem;
    left: .266667rem;
    display: flex;
    align-items: center;
    border-radius: .053333rem;
    overflow: hidden;
    font-size: .32rem;
    line-height: .426667rem;
    color: #fff
}

.information-content .info-item .live-icon .live-status {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 .106667rem;
    background: #ff4b3b
}

.information-content .info-item .live-icon .live-status .icon {
    margin-right: .053333rem
}

.information-content .info-item .live-icon .live-status.blue {
    background: #37f
}

.information-content .info-item .live-icon .view-num {
    height: 100%;
    padding: 0 .106667rem;
    background: rgba(0, 0, 0, .3)
}

.banner {
    position: relative;
    margin: .213333rem 0
}

.banner #banner-swiper-container {
    width: 100%;
    overflow: hidden
}

.banner #banner-swiper-container .swiper-wrapper {
    display: flex
}

.banner #banner-swiper-container .swiper-slide {
    flex-shrink: 0;
    padding: 0 .133333rem;
    width: 100%;
    height: 100%
}

.banner #banner-swiper-container .swiper-slide > a {
    display: block;
    border-radius: .106667rem;
    overflow: hidden
}

.banner #banner-swiper-container .swiper-slide > a img {
    display: block;
    width: 100%;
    height: 4.053333rem;
    -o-object-fit: cover;
    object-fit: cover
}

.banner .banner_bot {
    position: absolute;
    display: flex;
    right: .453333rem;
    bottom: .213333rem
}

.banner .banner_bot span {
    display: block;
    margin-left: .106667rem;
    width: .106667rem;
    height: .106667rem;
    opacity: .5;
    background: #fff;
    border-radius: 50%
}

.banner .banner_bot span.swiper-pagination-bullet-active {
    width: .266667rem;
    opacity: 1;
    border-radius: .053333rem
}

.hide {
    display: none
}

.containers {
    max-width: 10rem;
    margin: 0 auto;
    color: #222;
    background: #f6f8fd;
    letter-spacing: 0
}

.containers .yc-headr-zhanwei {
    box-sizing: border-box;
    max-width: 10rem;
    height: 1.173333rem
}

.containers .yc-headr-zhanwei .ycc-home-search-box {
    flex-grow: 1
}

.open-app-wrapper, .open-app-wrapper::after {
    box-shadow: 0 4PX 12PX 0 rgba(51, 119, 255, .4);
    border-radius: 22PX
}

.open-app-wrapper {
    z-index: 20;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 64PX;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #37f;
    position: fixed;
    width: 162PX;
    height: 44PX
}

.open-app-wrapper::after {
    content: '';
    position: absolute;
    display: block;
    width: 156PX;
    height: 38PX;
    opacity: .6;
    background-image: linear-gradient(180deg, rgba(98, 175, 255, .8) 0%, rgba(51, 119, 255, 0) 43%)
}

.open-app-wrapper .yc-icon-index {
    background-size: 468PX 32PX
}

.open-app-wrapper .yc-i-yiche-icon {
    background-position: -404PX 0;
    width: 22PX;
    height: 20PX
}

.open-app-wrapper span {
    display: block;
    margin-left: 6PX;
    font-size: 14PX;
    color: #fff
}

.pageNext-bottom {
    margin-bottom: 1.706667rem
}

.shouye-nav-bottom ul, .ycc-home-header {
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 10rem
}
.runk {display: flex;flex-wrap: wrap}
.runk a{padding:10px 24px;display: block}