/* 初始化 */

html {
    overflow-y: scroll
}

body {
    margin: 0;
    padding: 29px00;
    font: 12px"\5B8B\4F53";
    background: #fff;
    margin: 0 auto;
    padding-bottom: 1rem;
}

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 {
    color: inherit;
    text-decoration: none!important;
}

a:active, a:focus, a:hover {
    text-decoration: underline;
    text-decoration: none!important;
}


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

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

.logo-home {
    width: 3.5rem;
    text-align: center;
}

.logo-home img {
    width: 75%;
    height: auto
}

.home_top_tabs {
    position: absolute;
    top: .38rem;
    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 {
    color: #fd6a69 !important;
    background-image: url(../images/icon/home-h.png) !important
}

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

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

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

/* 公共字号 */

.ft68 {
    font-size: .68rem !important
}
.ft48{
    font-size: .48rem !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)
}
.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;
}

.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;
}


.swiper-container {
    width: 6.9rem;
    height: 3.42rem
}

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

.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;
    display: inline-block;
    top: .46rem;
    right: 0;
    padding: 0 .1rem;
    margin-right: .3rem;
    background: url(../images/icon/download.png) no-repeat left center;
    text-indent: .4rem;
    background-size: .4rem .32rem;
}