* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing:border-box; /* Safari */
    -moz-box-sizing:border-box; /* Firefox */
    box-sizing:border-box;
    -webkit-tap-highlight-color: transparent;
    font-size: 13.3vw;
    border-radius: 0.0rem;
    cursor: pointer;
}
html, body {
    width: 100%;
    height: 100%;
}
body {
    background-color: #fff;
}
#loader { position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.03); width: 100%; height: 100%; padding-top: 56%; text-align: center; z-index: 9999; }
.uni-loading { background: rgba(0, 0, 0, 0.6); width: 150px; height: 115px; margin: 0 auto; padding: 15px 9px; line-height: 45px; border-radius: 9px; display:inline-block; }
.uni-loading img { width: 45px; height: 45px; }
.uni-tips { font-size: 14px; color: #fff; }
a {
    text-decoration: none; color: #002cff; -webkit-tap-highlight-color: transparent;
}
ul, li, ol {
    list-style: none;
}
image {
    height: auto;
}
.yfk {
    /*position:fixed; */
    background:#ff0000;
    color: #fdfdfd;
    width: 100px;
    height: 40px;
    border-radius:5px;
    text-align:center;
    font-weight: bold;
    z-index: 9;
    font-size: 1.2em;
    line-height: 40px;
    border-right:1px solid #fff;
    float:left;
}
.yfksamp {
    height: 20px;
    line-height: 20px;
}
.nav {
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 0px;
}
.nav a{
    float: left;
    width: 16.66%;
    font-size: 15.5px;
    padding: 9px 0;
    color: #fff;
    border: 0.5px solid #101727;
    text-align: center;
}
.nav spam {
    float: left;
    padding: 8px;
    color: #BB55FF;
    text-align: center;
    font-size: 16px;
}
.list li {
    float: left;
    width: 50%;
    padding: 3px;
    box-shadow: inset 2px 2px 2px #888888;
    background-color: #ffffff;
}
.list li:nth-child(even){
    float: right;
}
.list_img {
    overflow: hidden;
    background-color: #eee;
    height: 130px;
    border-radius: 6px;
}
.list img {
    width: 100%;
    height: 100%;
}
.list_info h3 {
    border-radius: 3px;
    margin-top: 3px;
    text-align: center;
    font-size: 14px;
    background-color: #fb848f;
    font-weight: bold;
    color: #FFFFFF;
}
.list_info div {
    font-size: 12px;
    line-height: 16px;
    height: 32px;
    -webkit-line-clamp: 2;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-weight: bold;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #845757;
}
.video {
    left: 0px;
    right: 0px;
    top: 0px;
    background-color: #eee;
}
.video img {
    width: 100%;
    height:200px;
    display: block;
}
.layui-flow-more {
    display: block;
    clear: both;
}
.cative{
    background-color: #ff0000;
}
.navfixed {
    box-shadow: 2px 2px 2px #888888;
    left: 0;
    top: 0;
    right: 0;
    background-color: #101727;
    margin-top: -3px;
}
.nav-search-bd {
    box-shadow:2px 2px 2px #888888;
    left: 0;
    top: 70px;
    right: 0;
    height:40px;
    float:left;
    color:#fff!important;
    margin-top: 0.5em;
    width: 100%;
}
.nav-search-input{
    float:left;
    height:40px;
    line-height: 40px;
    padding: 0 5px;
    width: 50%;
}
.search-title{
    border:none;
    height:40px;
    line-height: 40px;
    width:100px;
    color: #ffffff;
    background-image: linear-gradient(135deg, #EC49A6 10%, #FF1515 100%);
    width: 50%;
}
#search-title::-webkit-input-placeholder {
    color: #fff;
}
#search-title:-moz-placeholder {
    color: #fff;
}
#search-title:-ms-input-placeholder {
    color: #fff;
}
.nav-search-btn{
    float:right;
    text-align: center;
    width:80px;
    font-size: 1.3em;
    height:40px;
    line-height: 40px;
    color:#fff;
}
.box_top {
    /* padding-top: 1.5rem;*/
}

#footer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 50px;
    bottom: 0;
    background:  #fff;
    margin: auto;
    background-color: #fc3;
}
#footer a{
    display: block;
    width: 30%;
    font-size:1.1em;
    color: black;
    text-align: center;
    font-weight: bold;
}

#ts {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 10;
    max-width: 40px;
    width: 100%;
    height: 40px; /*px*/
    right: 0;
    bottom: 200px;
    background:  #fff;
    margin: auto;
    background-color:#000000;
    border-radius:50%;
}
#ts a{
    color: #fff;
}
/* 半透明的遮罩层 */
#overlay {
    background: #000;
    filter: alpha(opacity=50); /* IE的透明度 */
    opacity: 0.5; /* 透明度 */
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100; /* 此处的图层要大于页面 */
    display: none;
}

#loading {
    width: 20%;
    /*! height: 100px; */
    top: 40%;
    left: 40%;
    position: fixed;
    display: none;
    z-index: 101; /* 此处的图层要遮盖层 */
    display: none;
    margin: 0 auto;
}
#msg {
    position: fixed; top: 0; left: 0; z-index: 101;
    width: 100%; height: 100%; margin: 0 auto;
}
#msg .desc {
    width: 78%;
    font-size: 14px;
    color: #fff;
    margin: 20px auto;
    text-align: center;
}
#msg .price {
    font-size: 14px;
    text-align: center;
    margin: 35px 0;
    color: #f6e2b7;
}
#msg .price span {
    font-weight: bold;
    font-size: 40px;
    color: #f6e2b7;
}
#pay_url{
    display:block;
    width: 50%;
    text-align: center;
    font-size: 16px;
    background: #f6e2b7;
    color: #8B4513;
    height: 43px;
    line-height: 43px;
    overflow:hidden;
    margin: 0 auto;
    margin-bottom: 12px;
    border-radius:6px;
}
#btn2{
    display:block;
    width: 50%;
    background: #ebcc8b;
    color: #8B4513;
    text-align: center;
    font-size: 16px;
    height: 43px;
    line-height: 43px;
    margin-bottom: 12px;
    margin: 0 auto;
    border-radius:6px;
}
#pay_url_bt{
    display:block;
    width: 50%;
    text-align: center;
    font-size: 16px;
    background: #f6e2b7;
    color: #8B4513;
    height: 43px;
    line-height: 43px;
    overflow:hidden;
    margin: 0 auto;
    margin-bottom: 12px;
    border-radius:6px;
}
.payMsg{
    cursor:pointer;
}

#popbox_wxh5 {
    position: fixed; bottom: 0; left: 0; width: 100%; height: 165px; background-color: #fff; padding: 0; z-index: 999999999;
}
#msg_wxh5 { position: relative; width: 100%; height: 100%; margin: 0 auto; clear: both; }
#msg_wxh5 .desc { position: relative; width: 100%; height: 60px; line-height: 60px; font-size: 16px; color: #333; text-align: center; clear: both; }
#msg_wxh5 .close { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; background-image: url(/public/img/close.png); background-size: 100% 100%; z-index: 999999999; }
#msg_wxh5 ul { margin: 0; padding: 0; display: flex; }
#msg_wxh5 ul li { float: left; width: 38%; height: 55px; margin: 18px 6%; display: block; }
#msg_wxh5 li.wxpay { background-image: url(/public/img/wxpay.png); background-size: 100% 100%; }
#msg_wxh5 li.alipay { background-image: url(/public/img/alipay.png); background-size: 100% 100%; }
#__vconsole * {
    font-size: 0.28rem !important;
}
#dplayer * {
    font-size: 12px !important;
}
[v-cloak] {
    display: none;
}
uni-page-body {
    height: 100%;
}
.mt20 {
    margin-top: 0.1rem;
}
.color-ff {
    color: #2e2e2e !important;
}
.wrap {
    height: 100%;
}
.index, .play {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.video-type {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fccb90), color-stop(100%, #d57eeb));
    background: -webkit-linear-gradient(left, #fccb90 0%, #d57eeb 100%);
    background: -o-linear-gradient(left, #fccb90 0%, #d57eeb 100%);
    background: -ms-linear-gradient(left, #fccb90 0%, #d57eeb 100%);
    background: linear-gradient(to right, #fccb90 0%, #d57eeb 100%);
    font-size: 0.24rem;
    color: #fff;
    padding: 0.12rem 5px;
    margin-top: 0.02rem;
    border-radius: 0.15rem;
    position: sticky;
    top: 0;
    z-index: 99;
}
.type-row {
    font-size: 0;
}
.type-item {
    font-weight: bold;
    display: inline-block;
    font-size: 0.32rem;
    color: #fff;
    padding: 0.02rem 0;
    text-align: center;
    width: 14.2855555%;
}
.type-search {
    display: flex;
    align-items: center;
    justify-content: center;
}
.type-search * {
    font-size: 15px !important;
}
.type-have {
    background-image: linear-gradient(#fffaaa, #fff000);
    color: #f53036;
    font-weight: bold;
    border-radius: 0.10rem;
    padding: 0.05rem;
}
.input-text {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    height: 0.67rem;
    border-radius: 0.16rem;
    padding: 0 0.20rem;
    margin-left: 0.30rem;
    width: 3.5rem;
}
.input-text::placeholder {
    font-size: 0.28rem;
    color: #707070
}
.btn-search {
    font-weight: bold;
    color: #fff;
    font-size: 0.34rem;
    margin-left: 0.30rem;
}
.foot {
    background-image: linear-gradient(to right, #ff0030, #c000ff);
    height: 0.90rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #fff;
    font-size: 0.30rem;
}
.foot-item {
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.10rem;
    font-size: 0.3rem;
    width: fit-content
}
.foot-active {
    background-image: linear-gradient(#fffaaa, #fff000);
    !important;
    border-radius: 0.10rem;
    color: #da2b30;
}
.list {
    font-size: 0;
}
.list-item {
    margin-top: 0.11rem;
    vertical-align: -8px;
    width: 49%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.05rem;
}
.list-item .img-tips{
    background: linear-gradient(to right, #FE6E97, #FE6E97);
    color: #fff;
    font-size: 0.18rem;
    left: 0;
    bottom: 0;
    z-index: 9;
    padding: 0.05rem 0.10rem;
    filter: alpha(Opacity=80);
    -moz-opacity: 0.5;
    opacity: 0.65;
    border-radius: 0.1rem;
}
.img-wrap {
    height: 2.5rem;
    border-radius: 0.15rem;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0px);
}
.thumb {
    display: block;
    width: 100%;
    height: 100%;
}
.video-title {
    font-size: 0.25rem;
    line-height: 16px;
    font-weight: bold;
    margin: 2px 0;
    border-radius: 5px;
    height: 33px;
    overflow: hidden;
    padding-left: 4px;
}
.view {
    flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.v-body {
    min-height: 101%;
    padding-bottom: 0.20rem;
}
.desc {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 0.34rem;
    margin-top: 0.10rem;
    font-weight: bold;
}
#popbox{
    width: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    z-index: 999999;
    height: 100%;
}
#video { background: #000; width: 100%; height: 150px; color: #fff; text-align: center; }
.playvideotips { position: absolute; width: 100%; top: 50px; line-height: 30px; text-align: center; z-index: 999; }
.playvideotips a { font-size: 23px; color: #fccb90; }
.demo-dialog img {
    width: 100%; height: 250px;
    padding: 25px 20px 0;
    box-sizing: border-box;
}
.type-row .active{
    background-image: linear-gradient(#fffaaa, #fff000);
    color: #f53036;
    font-weight: bold;
    font-size: 0.30rem;
    border-radius: 0.10rem;
}
.xgplayer-skin-default .xgplayer-start {
    margin: 0;
    width: 100px;
    height: 100px;
    left: -31%;
    left: right;
    top: -7px;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    z-index: 99999;
}
.xgplayer-skin-default .xgplayer-icon-play {
    margin: 0;
    width: 100px;
    height: 100px;
    left: -31%;
    top: -7px;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    z-index: 99999;
}
.xgplayer-skin-default .xgplayer-start div svg {
    fill: hsla(0,0%,100%,.7);
    width: 100%;
    height: 100%;
    position: relative;
    bottom: 9%;
    left: 7%;
}
.hidden{
    display: none;
}