/* 初始化 */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px;font-family:"SimSun","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#2d374b;text-decoration:none}
a:hover{color:#cd0200;text-decoration:underline}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}

/* 媒体查询控制页面大小 */
html{
    font-size:19px;
    width:100%;
    height:100%;
}
body{
    width:100%;
    height:100%;
}
/* @media screen and (min-width: 1440px) {
    html {
        font-size:17px;
    }
}
@media screen and (min-width: 1640px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width: 1840px) {
    html {
        font-size:19px;
    }
}
@media screen and (min-width: 2240px) {
    html {
        font-size:20px;
    }
}
 */
 @media screen and (min-width: 5540px) {
    html {
        font-size:17px;
    }
}
@media screen and (max-width: 1080px){
   html{
    font-size: 14px;
   }
}
/* 重新登陆弹出框 */
.resetLogin{
    display:none;
    position: absolute;
    width: 25rem;
    background: #b4b4b4;
    padding: 2rem 4rem;
    color: #fff;
    font-size: 1.4rem;
    z-index: 99999;
    border-radius: 1rem;
    left: 50%;
    top: 8rem;
    margin-left: -18rem;
    line-height: 2rem;
}
.resetLogin-span{
    text-align: center;
}
.resetLogin-p{
    margin-bottom:1.4rem;
}
.resetLogin-span>span{
    display: inline-block;
    background: #646464;
    width: 10rem;
    text-align: center;
    height: 3rem;
    line-height: 3rem;
    border-radius: 0.5rem;
    font-size: 1.4rem;
}
.resetLogin-reset{
    margin-right:3rem;
}
/* 登录扫码 */
.loginBg{
    width:100%;
    height:100%;
    background:#000;
    /* background-image:url("../imgs/bg.png"); */
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-attachment: fixed;
}

.login{
    position: relative;
    top:5rem;
}
.login-h5{
    font-size:2rem;
    color:#FFFFFF;
    margin-bottom:2rem;
    text-align: center;
}
.login-encode{
    width:13rem;
    height:13rem;
    margin: 0 auto;
    margin-bottom:.5rem;
}
.login-title{
    font-size:1rem;
    color:#FFFFFF;
    margin-bottom:1.1rem;
    text-align: center;
}
.login-p{
    color:#FFFFFF;
}
.login-pa{
    margin-bottom:.2rem;
}
.login-p>p{
    font-size:1.2rem;
    text-align: center;
}
.login-encode>img{
    width: 100%;
    height:100%;
    position: relative;
    left: 1px;
}
.login-encode{
    position: relative;
}
.qrcode{
    width: 12rem;
    height: 12rem;
    position: absolute;
    top:3.5rem;
    left:1.5rem;
}
.qrcode-uservip{
    width: 14rem;
    height: 14rem;
}
.qrcodeSpe{
    width: 11rem;
    height: 11rem;
    top:1rem;
    left:1rem;
}

/*我的账号 */
.clearBoth{
    display:block;
    clear:both;
}
.myccount{
    position: relative;
    top:4rem;
}
.myccount-h5{
    font-size:2rem;
    color:#FFFFFF;
    text-align: center;
    margin-bottom:3.5rem;
}
.myccount-main{
    width: 35rem;
    margin:0 auto;
}
.myccount-mainl{
    float:left;
    text-align: center;
    position: relative;
}
.myccount-mainl .uservip-login-imgb{
    position: absolute;
    left: 3.1rem;
    top: -10px;
}
.myccount-mainl-img{
    width: 5rem;
    height: 5rem;
    margin-bottom: .7rem;
    border-radius: 50%;
}
.myccount-mainl-title{
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    margin-bottom: .7rem;
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.myccount-mainl-label{
    margin-bottom: 1.2rem;
    font-size:1.2rem;
}
.myccount-mainl-label>img{
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: middle;
    margin-right:.3rem;
}
.myccount-mainl-label>label{
    font-size: 1.2rem;
    vertical-align: middle;
    color:#F3D28C;
}
.myccount-mainl-button{
    font-size: 1.2rem;
    width: 11rem;
    height: 2rem;
    background:#4A4C59;
    border-radius: 2rem;
    line-height: 2rem;
    margin:0 auto;
}
.myccount-mainl-buttona{
    margin-bottom:1rem;
}
.myccount-mainr{
    position: relative;
    float: right;
    width: 17rem;
    height: 19rem;
}
.myccount-mainr-defined{
    width: 15rem;
    height: 17rem;
}
.myccount-mainr>p {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0.4rem;
    color: #303030;
    font-size: 1.2rem;
    height: 3.5rem;
    line-height: 3.5rem;
}
.myccount-mainr>.qrcode>p{
    color:#303030;
    width:100%;
    text-align: center;
    font-size: 1.2rem;
    margin-bottom:.7rem;
}
.myccount-mainr>img{
    width:100%;
    height:100%;
}
.selectDiv{
    /* background-image: url('../imgs/xz.png')!important;
    background-repeat: no-repeat!important;
    background-size: 100% 100%!important;
    background-attachment: fixed!important;
    color: #734106!important;
    background-color:transparent!important;
    font-weight: 800!important; */
    color: #734106!important;
    background: #F9D781!important;
    transform:scale(1.05);
    font-weight: bold;
}
.selectDiv>.contentDiv{
    border: 0px dashed white;
    background-color:transparent;
    color: #734106;
}
.loginMask{
    display:none;
}
.loginMask{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0px;
    left: 0px;
}
.loginMask-thunk{
    display: inline-block;
    padding: 3rem 4rem;
    background: rgba(36,36,36,1);
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8rem;
    margin-left: -18rem;
}
.loginMask-thunkp{
    display: block;
    font-size: 1.3rem;
    color: #FFFFFF;
    width: 18rem;
    text-align: center;
    margin: 0px auto;
    line-height: 1.8rem;
    margin-bottom:3rem;
}
.loginMask-thunkp-button{
    width:24rem;
}
.loginMask-thunkp-button>span{
    display:block;
    font-size: 1.2rem;
    width: 11rem;
    height: 2rem;
    background:#4A4C59;
    border-radius: 2rem;
    line-height: 2rem;
    text-align:center;
    color:rgba(255,255,255,1);
}
.loginMask-thunkp-buttona{
    float: left;
}
.loginMask-thunkp-buttonb{
    float:right;
}

/* 乐播投屏购买页 */

.uservip-listl{
    height: 15rem;
    width:37rem;
    margin-bottom:0.5rem;
    overflow-y: hidden;
}
.uservip{
    width:88.421rem;
    margin:0 auto;
    padding-top:3.105rem;
}
.uservip-h5{
    display: inline-block;
    vertical-align: middle;
    width:41.263rem;

}
.uservip-h5>img{
    width:100%;
}
.uservip-bottom{
    margin-left:1.4rem;
}
.uservip-account{
    display: inline-block;
    vertical-align: middle;
    min-width: 8.68421rem;
    height: 2.421rem;
    background:#4A4C59;
    border-radius: 2rem;
    color:#E2B57C;
    font-size:1.4583rem;
    line-height: 2.421rem;
    text-align: center;
}
.uservip-list{
    width:100%;
    margin-bottom:1.5rem;
}
.float-left{
    float:left;
}
.uservip-listl-p{
    background:#474856;
    width: 34rem;
    padding: 1.1rem 0rem;
    margin:0 auto;
}
.uservip-listl-p>p{
    width:31rem;
    margin:0 auto;
}
.uservip-listl-pa{
    height: 1.6rem;
    line-height: 1.6rem;
    position: relative;
}
.uservip-listl-p>p>span{
    float:left;
    font-size:1.2rem;
}
.uservip-listl-p>p>label{
    font-size: 1.2rem;
    position: absolute;
    right: 0px;
    top: -2px;
}
.uservip-listl-p>p>label>span{
    font-size:1.8rem;
    font-weight: bold;
}
.uservip-listl-p>p>del{
    float:right;
    font-size:.8rem!important;
}
.uservip-listl-pb{
    height: 1rem;
    line-height: 1rem;
}
.uservip-listl-pb>span{
    display:block;
    max-width:24rem;
    font-size:.8rem!important;
    white-space: nowrap; 
    width: 100%; 
    overflow: hidden;
    text-overflow:ellipsis;
}
.tv-span-youhui>img{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:-1
}
.tv-span-youhui{
    display:inline-block;
    position: relative;
    top: -0.5rem;
    color: #FFFFFF;
    font-size: .5rem;
    font-style: initial;
    left:10px;
    z-index: 99;
    font-size:100;
    width: 5rem;
    height:1.4rem;
    line-height: 1.4rem;
    text-align: center;
    font-size:0.8rem;
    /* position: relative;
    font-family:PingFangSC-Regular;top: -10px;
    color: #FFFFFF;
    border-top-left-radius:20px;
    border-bottom-right-radius:20px;
    font-size: .5rem;
    background:rgba(255,100,0,1);
    border-radius:22px 0px 22px 0px;
    padding: 5px 10px;
    font-style: initial;
    left:10px; */
}
.marginBottom2{
    margin-bottom:.5rem!important;
}
.textAlign{
    font-size:1rem;
    text-align: center
}
.uservip-bottomLi{
    float:left;
}
.uservip-bottomLi>img{
    width:1.4rem;
    height:1.4rem;
    margin-right:.5rem;
    vertical-align: middle;
}
.uservip-bottomLi>label{
    font-size:1rem;
    vertical-align: middle;
}
.uservip-bottomLi>span{
    display:inline-block;
    width:1px;
    height:1.4rem;
    background:#E2B57C;
    vertical-align: middle;
    margin:0px 1.3rem;
}
.uservip-login{
    margin-bottom: 1rem;
}
.uservip-login-imga{
    height: 2rem;
    background: #4A4C59;
    border-radius: 2rem;
    color: #E2B57C;
    font-size: 1rem;
    line-height: 2rem;
    float: left;
    margin-right: 1rem;
    padding-right: 1rem;
    margin-left: 1rem;
}
.uservip-login-imga>label{
    display: inline-block;
    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.uservip-login-imga>img{
    height:100%;
    margin-right:.4rem;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.uservip-login-imgb{
    float:left;
    height: 2rem;
    line-height: 2rem;
}
.uservip-login-imgb>img{
    height: 1.4rem;
    vertical-align: middle;
    margin-right:.5rem;
    position: relative;
    top: -1px;
}
.uservip-login-imgb>label{
    vertical-align: middle;
    font-size: 1.2rem;
}
.displayBlock{
    display:none
}
.uservip-listr>p{
    position: absolute;
    text-align: center;
    width:100%;
    top: 0.4rem;
    color: #303030;
    font-size:1.2rem;
    height: 3.5rem;
    line-height: 3.5rem;
}
.uservip-bottomSpan{
    margin-right:2.3rem!important;
}
.uservip-bottomSpan>img{
    width: auto;
    height: 1.2rem;
}
.uservip-bottomLiMore{
    color:#F1D08B;
    font-size:.8rem;
    position: relative;
    top:.2rem;
}