/* 初始化 */

#uc_recommend_ad {display:none !important; }

iframe[id^="head_"] { display:none !important; }

iframe[id^="utp_"]  { display:none !important; }

iframe[src*="ucweb.com"]  { display:none !important; }

html {
    overflow-y: scroll;
}

body {
    margin: 0;
    padding: 29px00;
    font: 12px"\5B8B\4F53";
    background-color: #ffffff;
    margin: 0 auto;
    padding-bottom: 1rem;
	font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
}

blockquote, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, textarea, ul {
    padding: 0;
    margin: 0;
}


table,
td,
th,
tr {
    font-size: 12px
}

li {
    list-style-type: none
}

img {
    vertical-align: top;
    border: 0
}

input::-webkit-input-placeholder {
    color: rgb(204, 204, 204)
}

ol,
ul {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 12px;
    font-weight: 400
}

address,
cite,
code,
em,
th {
    font-weight: 400;
    font-style: normal
}

a {
    text-decoration: none !important;
}

a:link {
    text-decoration: none !important;
}

a:visited {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}

a:active {
    text-decoration: none !important;
}

a:focus {
    text-decoration: none !important;
}


body {
    width: 7.5rem;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: scroll;
    font-family: 'PingFang Regular', 'PingFang Medium', sans-serif, '微软雅黑';
}

header {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 1rem;
    overflow: hidden;
}

.logo-home img {
    width: 2.2rem;
    height: auto
}


.home_top_tabs {
    position: absolute;
    top: .18rem;
    right: .32rem;
    width: 3rem;
    text-align: center;
}

.home_top_tabs div {
    position: relative;
    width: 50%;
    display: inline-block;
    float: left;
    color: #fafafa;
    font-size: .34rem;
}

.active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: .56rem;
    bottom: 0;
    margin-left: 6%;
    height: .06rem;
    width: 90%;
    background-color: #fff
}

/* tabs导航 */

.footer_tabs {
    position: fixed;
    z-index: 9999;
    width: 7.5rem;
    left: 0;
    right: 0;
    top: auto;
    bottom: -2px;
    height: .98rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem !important;
    color: rgb(120, 120, 120);
    background: #fff;
    text-align: center;
    border-top: 1px solid #eee;
    margin: 0 auto
}

section {
    overflow: hidden
}

.footer_tabs li {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 25%;
    height: .78rem;
    background: url(../images/icon/home.png) no-repeat;
    background-size: .45rem .45rem;
    background-position: center top
}

.footer_tabs li:nth-child(2) {
    background-image: url(../images/icon/vip.png)
}

.footer_tabs li:nth-child(3) {
    background-image: url(../images/icon/service.png)
}

.footer_tabs li:nth-child(4) {
    background-image: url(../images/icon/my.png)
}

.active_foot0 {
    background-image: url(../images/icon/home-h.png) !important
}

.active_foot1 {
    background-image: url(../images/icon/vip-h.png) !important
}

.active_foot2 {
    background-image: url(../images/icon/service-h.png) !important
}

.active_foot3 {
    background-image: url(../images/icon/my-h.png) !important
}

/* 公共字号 */

.ft68 {
    font-size: .68rem !important
}

.ft58 {
    font-size: .58rem !important
}

.ft48 {
    font-size: .48rem !important
}

.ft43 {
    font-size: .43rem !important
}

.ft40 {
    font-size: .4rem !important
}

.ft34 {
    font-size: .34rem !important
}

.ft32 {
    font-size: .32rem !important
}

.ft30 {
    font-size: .3rem !important
}

.ft28 {
    font-size: .28rem !important
}

.ft26 {
    font-size: .26rem !important
}

.ft24 {
    font-size: .24rem !important
}

.ft22 {
    font-size: .22rem !important
}

.ft20 {
    font-size: .2rem !important
}

.ft14 {
    font-size: .14rem !important
}

.ft_shadow {
    text-shadow: 0px 2px 3px #333
}

.ft_PF_Regular {
    font-family: "PingFang Regular" !important
}

.opacity7 {
    opacity: .7;
}

/* 颜色 */

.color204 {
    color: rgb(204, 204, 204)
}

.color43 {
    color: rgb(43, 41, 51) !important
}

.color51 {
    color: rgb(51, 51, 51) !important
}

.color102 {
    color: rgb(102, 102, 102)
}

.color86 {
    color: rgb(86, 86, 86)
}

.color153 {
    color: rgb(153, 153, 153)
}

.color180 {
    color: rgb(180, 180, 180)
}

.color199 {
    color: #c7c7c7
}

.color22 {
    color: #161616
}

.color333 {
    color: #333;
}

.color134 {
    color: rgb(134, 134, 134)
}

.clolor255 {
    color: rgb(255, 255, 255)
}

.color255 {
    color: rgb(255, 255, 255)
}

.ft_bold {
    font-weight: 700
}

.ft_medium {
    font-weight: 400
}

/* 样式 */

.mt10 {
    margin-top: .1rem !important;
}

.mb10 {
    margin-bottom: .1rem !important;
}

.mb8 {
    margin-bottom: .08rem !important;
}

.mb5 {
    margin-bottom: .05rem !important;
}

/* 显示字行数 */

.ft_line1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size:12px;
    color:#fff;
}

.ft_line2 {
    white-space: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.border_top0 {
    border-top: 0px !important;
}

.border_bottom0 {
    border-bottom: 0px !important;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.flex {
    display: flex !important;
}

.flex_nowrap {
    flex-wrap: nowrap
}

.flex_column {
    flex-direction: column !important;
}

.flex_s_a {
    justify-content: space-around !important;
}

.flex_left_center {
    justify-content: flex-start;
    align-items: center;
}

.flex_center_center {
    justify-content: center;
    align-items: center;
}

.flex_s_b {
    justify-content: space-between !important;
}

.text-indent6 {
    text-indent: 6px;
}

.swiper-container {
    width: 7.1rem;
    height: 3.42rem;
	border-radius: .15rem;
}

.swiper-slide>a>img {
    width: 7.1rem;
    height: 3.42rem;
    border-radius: .15rem;
}

.banner_title {
    position: relative;
    width: 6.7rem;
    height: .5rem;
    line-height: .5rem;
    margin: -.6rem auto 0;
    z-index: 999;
    color: #fafafa;
    background: rgba(0, 0, 0, .2);
}

.banner_title_text {
    position: absolute;
    left: .24rem;
    font-size: .32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 5rem
}

.banner_title_watch {
    position: absolute;
    right: 0;
    top: .07rem;
    display: inline-block;
    width: 1.56rem;
    height: .38rem;
    background: url(../images/img/banner-lookbg.png) no-repeat center;
    background-size: cover;
    line-height: .38rem;
    overflow: hidden
}

.banner_shadow {
    position: absolute;
    bottom: -.03rem;
    width: 94%;
    height: .1rem;
    left: 3%;
    background: #efefef;
    border-bottom-left-radius: .2rem;
    border-bottom-right-radius: .2rem；
}

.watch_num {
    margin: 0;
    display: inline-block;
    width: .22rem !important;
    height: .18rem !important;
    margin-right: .08rem !important;
    margin-top: .08rem !important;
    margin-left: .22rem !important;
    letter-spacing: 1.5px;
}

.ewmbox {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 7.5rem;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    background: rgba(000, 000, 000, .4);
    text-align: center;
    z-index: 99;
    display: none;
}

.ewmbox_close {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    text-align: center;
    line-height: .4rem;
    background: #fff;
}

.ewmbox img {
    width: 2.5rem;
    height: 2.5rem;
}

.ewmbox_bg {
    display: flex;
    position: relative;
    flex-direction: column;
    padding: .4rem;
    background: #fff;
    align-items: center;
    text-align: center
}

.downloadApp {
    position: absolute;
    top: .35rem;
    right: .5rem;
}
/* vip界面样式 */

.user_center {
    height: .6rem;
}

.user_center>img {
    width: .64rem;
    height: .64rem;
    border-radius: 50%;
}

.logo-home {
    text-align: center;
}

.isVip {
    width: .6rem;
    margin-top: 2px;
}

.main_title {
    width: 100%;
    margin: .1rem 0 .1rem;
    height: .8rem;
    line-height: .8rem;
}

.main_title>img {
    width: .36rem;
    height: auto;
    margin-left:10px;
	padding-right:5px;
}

.freeVideo_box {
    position: relative;
    height: 3.6rem;
    width: 7.1rem;
    overflow-x: visible;
    overflow-y: hidden;
    background: url(../images/img/bg1.png) no-repeat center bottom;
    background-size: 7.5rem auto;
	margin-bottom:10px;
}

.freeVideo {
    overflow-x: visible;
    overflow-y: hidden;
    height: 3.6rem;
    animation: runnn 25s 2s infinite linear alternate;
    animation-fill-mode: forwards;
	margin: rem 0.2rem;
}

.runn {
    animation-play-state: paused !important;
}


@keyframes runnn {
    0% {}

    100% {
        margin-left: -350%
    }
}

.freeVideo::-webkit-scrollbar {
    display: none;
}

.freeVideo li {
    position: relative;
    float: left;
    margin: 0 .15rem;
    width: 5.2rem;
    text-align: center;
}

.freeVideo li .playNum {
    margin-top: .15rem
        /* opacity: 0; */
}

.freeVideo li:nth-child(1) {
    /* margin-left: -4.65rem; */
}

.freeVideo li a>img {
    width: 5.2rem;
    height: 2.92rem;
    border-radius: 5px;
}

.freeVideo li .play {
    position: absolute;
    top: 1.2rem;
    left: 2.36rem;
    width: .48rem;
    height: .48rem;
    background: url(../images/icon/playBtn.png) no-repeat center;
    background-size: 100% 100%;
}

.see {
    position: absolute;
    top: 2.55rem;
    left: .26rem;
    width: 1rem;
    background: url(../images/icon/eye.png) no-repeat center left;
    text-indent: .2rem;
    background-size: .24rem .16rem;
}

.freeVideoTitle {
    position: absolute;
    width: 7.5rem;
    height: .5rem;
    text-align: center;
    bottom: 1rem;
    left: 0;
    right: 0;
}

.freeVideoTitle a:link {
    color: #fff;
}

.freeVideoTitle a:visited {
    color: #fff;
}

.freeVideoTitle a:hover {
    color: #fff;
}

.freeVideoTitle a:active {
    color: #fff;
}

.jointext {
    line-height: 0;
    margin-left: .3rem;
}


.jointext img {
    width: 3rem;
}

.vip_page {
    min-height: 7.1rem;
}

.vipContent {
    position: absolute;
    right: 0;
    top: .1rem;
    width: 1rem;
    height: .5rem;
    background: url(../images/icon/vipContent.png) no-repeat left center;
    background-size: 100% auto;

}

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

.bigVideo .play {
    position: absolute;
    top: 1.65rem;
    left: 3.25rem;
    width: .48rem;
    height: .48rem;
    background: url(../images/icon/playBtn.png) no-repeat center;
    background-size: 100% 100%;
}

.bigVideo img {
    width: 100%;
	height:3.8rem;
    margin: 0 0.0rem;
	border-radius:.15rem;
}

.bigVideo .viedos_item_title {
    width: 7.1rem;
    height: auto;
    margin: .1rem .3rem;

}

.bigVideo .viedos_item_title .text {
    display: inline-block;
    width: 50%;
}

.bigVideo .viedos_item_title .text_right {
    display: inline-block;
    width: 49%;
    text-align: right;
}

.bigVideo .vipContent {
    right: .2rem;
}


.moreVip {
    width: 3.65rem;
    height: .8rem;
    line-height: .8rem;
    margin: 0 auto .3rem;
    text-align: center;
}