* {
  margin: 0;
  padding: 0;
}
::-webkit-scrollbar {
  width: 0;
  height: 1px;
}
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}
html,
body {
}
[v-cloak] {
  display: none;
}
html,
body,
#app {
  height: 100%;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.posR {
  position: relative;
}
.posA {
  position: absolute;
}
.posF {
  position: fixed;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.tac {
  text-align: center;
}
.fl {
  float: left;
}
.df {
  display: flex;
}
.dfc {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ff {
  font-family: "FZLTCHJM";
}
input, select,textarea{
    outline: medium none;      
    background-color:transparent;
    color:#f8cf96;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none; /*去掉下拉箭头*/
    border:none;
}
input::-webkit-input-placeholder {
color: #f8cf96 !important;
}
input:-moz-placeholder {
color: #f8cf96 !important;
}
input::-moz-placeholder {
color: #f8cf96 !important;
}
input:-ms-input-placeholder {
color: #f8cf96 !important;
}

textarea::-webkit-input-placeholder {
color: #f8cf96 !important;
}
textarea:-moz-placeholder {
color: #f8cf96 !important;
}
textarea::-moz-placeholder {
color: #f8cf96 !important;
}
textarea:-ms-input-placeholder {
color: #f8cf96 !important;
}
input,textarea{outline:none; color:#f19437;}
@keyframes mymove
{
    0%{
    transform: scale(0.95); 
    }
    25%{
        transform: scale(1.05);
    }
    50%{
        transform: scale(0.95);
    }
    75%{
        transform: scale(1.05);
    }
}
.animat{
    animation:mymove 1s infinite;
    -webkit-animation:mymove 1s infinite; 
    animation-direction:alternate;
    animation-timing-function: ease-in-out; 
    -webkit-animation:mymove 1s infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-timing-function: ease-in-out;
}

@keyframes cloudmove
{
    0%{
    transform: translateX(0); 
    }
    100%{
        transform: translateX(-12rem);
    }
}
.cloud1 {
    width:2rem;
    top:1rem;
    left:10rem;
}
.cloudanimat{
    animation:cloudmove 16s infinite;
    -webkit-animation:cloudmove 16s infinite;
    animation-direction:alternate;
    -webkit-animation:cloudmove 16s infinite;
    -webkit-animation-timing-function: ease-in-out;
}

@keyframes cloudmove1
{
    0%{
    transform: translateX(0); 
    }
    100%{
        transform: translateX(12rem);
    }
}
.cloud2 {
    width:2rem;
    top:2.0rem;
    left:-2rem;
}
.cloudanimat1{
    animation:cloudmove1 16s infinite;
    -webkit-animation:cloudmove1 16s infinite;
    animation-direction:alternate;
    -webkit-animation:cloudmove1 16s infinite;
    -webkit-animation-direction:alternate;
}
.titleanimat{
    animation:titlemove 1s alternate forwards;
    -webkit-animation:mymove 1s alternate forwards; 
    animation-direction:alternate;
    animation-timing-function: ease-in-out; 
    -webkit-animation:mymove 1s alternate forwards;
    -webkit-animation-direction:alternate;
    -webkit-animation-timing-function: ease-in;
}
@keyframes wardbtn
{
    0%{
    transform: scale(1); 
    }
    50%{
        transform: scale(0.95);
    }
    100%{
        transform: scale(1);
    }
}

.enterwardbtn{
    animation:wardbtn 1s alternate forwards;
    -webkit-animation:wardbtn 1s alternate forwards; 
    animation-direction:alternate;
    animation-timing-function: ease-in; 
    -webkit-animation:wardbtn 1s alternate forwards;
    -webkit-animation-direction:alternate;
    -webkit-animation-timing-function: ease-in;
}
@keyframes resultimg
{
    0%{
    transform: scale(0.8); 
    opacity:0.9;
    transform:translateY(0);
    }
    100%{
        transform: scale(1);
    opacity:1;
    transform:translateY(0.2rem);
    }
}

.awardresultimg{
    animation:resultimg 0.4s alternate forwards;
    -webkit-animation:resultimg 0.4s alternate forwards; 
    animation-direction:alternate;
    animation-timing-function: ease-out; 
    -webkit-animation:resultimg 0.4s alternate forwards;
    -webkit-animation-direction:alternate;
    -webkit-animation-timing-function: ease-out;
}
@keyframes titlemove
{
    0%{
        transform: scale(0.3); 
        opacity:0;
    }
    100%{
        transform: scale(1);
        opacity:1;
    }
}
.mananimat1{
    animation:manmove1 .5s infinite;
    -webkit-animation:manmove1 .5s alternate forwards; 
    animation-direction:alternate;
    animation-delay:0.3s;
    animation-timing-function: ease-in-out; 
    -webkit-animation:manmove1 .5s alternate forwards;
    -webkit-animation-direction:alternate;
    -webkit-animation-delay:0.3s;
    -webkit-animation-timing-function: ease-in-out;
}
.mananimat2{
    animation:manmove2 .5s infinite;
    -webkit-animation:manmove2 .5s alternate forwards; 
    animation-direction:alternate;
    animation-delay:0.8s;
    animation-timing-function: ease-in-out; 
    -webkit-animation:manmove2 .5s alternate forwards;
    -webkit-animation-direction:alternate;
    -webkit-animation-delay:0.8s;
    -webkit-animation-timing-function: ease-in-out;
}
.mananimat3{
    animation:manmove3 .5s infinite;
    -webkit-animation:manmove3 .5s alternate forwards; 
    animation-direction:alternate;
    animation-delay:1.3s;
    animation-timing-function: ease-in-out; 
    -webkit-animation:manmove3 .5s alternate forwards;
    -webkit-animation-direction:alternate;
    -webkit-animation-delay:1.3s;
    -webkit-animation-timing-function: ease-in-out;
}
@keyframes manmove1
{
    0%{
        transform: translateX(1.2rem); 
        opacity:0;
    }
    100%{
        transform: translateX(1rem); 
        opacity:1;
    }
}
@keyframes manmove2
{
    0%{
        transform: translateX(3.5rem); 
        opacity:0;
    }
    100%{
        transform: translateX(3.3rem); 
        opacity:1;
    }
}
@keyframes manmove3
{
    0%{
        transform: translateX(6.1rem); 
        opacity:0;
    }
    100%{
        transform: translateX(5.9rem); 
        opacity:1;
    }
}
.staranimat{
    animation:starscale 1s infinite;
    -webkit-animation:starscale 1s infinite; 
    animation-direction:alternate;
    animation-timing-function: ease-in-out; 
    -webkit-animation:starscale 1s infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-timing-function: ease-in-out;
}
@keyframes starscale
{
    0%{
        transform: scale(0.9); 
        opacity:0.7;
    }
    100%{
        transform: scale(1);
        opacity:1;
    }
}
.lbanimat{
    animation:lbscale 0.4s infinite;
    -webkit-animation:lbscale 0.4s infinite; 
    animation-direction:alternate;
    animation-timing-function: ease-in-out; 
    -webkit-animation:lbscale 0.4s infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-timing-function: ease-in-out;
    animation-delay:1.2s;
}
@keyframes lbscale
{
    0%{
        transform: scale(0.8); 
        opacity:0.7;
    }
    100%{
        transform: scale(1);
        opacity:1;
    }
}
.qiuanimat{
    animation:qiemove 3s infinite;
    -webkit-animation:qiemove 3s infinite; 
    animation-direction:alternate;
    animation-timing-function: ease-in-out; 
    -webkit-animation:qiemove 3s infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-timing-function: ease-in-out;
}
@keyframes qiemove
{
    0%{
        transform: translate(0.6rem,0.2rem); 
    }
    100%{
        transform: translate(0.2rem,0.6rem); 
    }
}
@keyframes iconmove
{
    0%{
        transform: translateY(-0.2rem); 
    }
    50%{
        transform: translateY(0rem); 
    }
    100%{
        transform: translateY(-0.2rem); 
    }
}
@keyframes yuanrotate
{
    0%{
        transform: rotate(0deg); 
    }
    100%{
        transform: rotate(360deg);
    }
}
/*首页*/
.mainbg {
    width:10rem;
    top:0;
}
.navbtn1{
    width: 2.4rem;
    bottom: 0.5rem;
    left: 0;
}
.navbtn2{
    width: 5rem;
    bottom: 0.5rem;
    left: 2.5rem;
}
.navbtn3{
    width: 2.4rem;
    bottom: 0.5rem;
    right: 0;
}
.joinbtn1 {
    width: 1.2rem;
    top: 9.3rem;
    left: 1rem;
    animation: iconmove 2.0s ease-in-out infinite;
    transform-origin:100% 0%;
}
.joinbtn2 {
    width: 1.2rem;
    top: 10.3rem;
    left: 7.7rem;
    animation: iconmove 2.0s ease-in-out infinite;
    transform-origin:100% 0%;
}
.joinbtn3 {
    width: 1.2rem;
    top: 13.8rem;
    left: 2rem;
    animation: iconmove 2.0s ease-in-out infinite;
    transform-origin:100% 0%;
}
.dlcityinfo {
    width:10rem;
    height:10rem;
    top:1.3rem;
}
.cinfo {
    width:2rem;
    height:3.5rem;
}
.citybt {
    width:1.5rem;
    top:0.8rem;
    left:0.1rem;
}
.iconinfo {
    width:2rem;
    height:1rem;
    top:0;
}
.citylong {
    width:2.2rem;
    top:-0.3rem;
    left:-0.2rem;
}
.citylong1 {
    width:1.6rem;
    height:.7rem;
    top:0rem;
    left:0.1rem;
}
.citysort {
    width:1.8rem;
    top:-.3rem;
    left:0rem;
}
.citygray {
    width:1.4rem;
    top:0;
    left:0.2rem;
}
.cnamelong {
    width:1.4rem;
    height:0.6rem;
    line-height:0.6rem;
    color:#fff;
    top:-.01rem;
    left:0.2rem;
    font-size:.35rem;
    text-align:right;
    padding-right:.2rem;
}
.cnamelong1 {
    width:1.4rem;
    height:0.6rem;
    line-height:0.6rem;
    color:#a46214;
    top:0.05rem;
    left:0.05rem;
    font-size:.35rem;
    text-align:right;
    padding-right:.2rem;
}
.cnameshort {
    width:1.2rem;
    height:0.6rem;
    line-height:0.6rem;
    color:#fff;
    top:-.01rem;
    left:0.2rem;
    font-size:.35rem;
    text-align:right;
    padding-right:.4rem;
}
.cname {
    width:1.6rem;
    height:0.6rem;
    line-height:0.6rem;
    color:#a46214;
    top:0.08rem;
    left:0.1rem;
    font-size:.35rem;
    text-align:center;
}
.areabg {
    width:10rem;
    top:0;
}
.logo {
    width: 2.8rem;
    top: .3rem;
    left: .3rem;
}
.title {
    width:6.8rem;
    top:.5rem;
    left:1.6rem;
}
.yuan{
    width: 2.5rem;
    top: 5.9rem;
    left: 3.64rem;
    animation: yuanrotate 3.5s linear infinite;
}
.smallzhen{
    width: 0.5rem;
    top: 6.7rem;
    left: 4.65rem;

}
.panbtn{
    width: 2.4rem;
    top: 8.5rem;
    left: 3.7rem;
}
.getwardbtninfo{
    width: 4rem;
    height: 0.8rem;
    top: 9.6rem;
    left: 3rem;
}
.getwardbtn{
    width: 3.6rem;
    top: 0;
    left: 0;
}
.box{
    width: 0.8rem;
    top: -0.1rem;
    left: -0.1rem;
}
.box1{
    width: 1rem;
    top: -0.2rem;
    left: 3.1rem;
}
.fansperson {
    width:10rem;
    top:0rem;
    left:0rem;
}
.number {
    width:8.4rem;
    top:7.8rem;
    left:0.7rem;
}
.lb {
    width:1rem;
    top:0.3rem;
    left:8rem;
    opacity:0;
}
.star1 {
        width: 2.3rem;
    top: 14.8rem;
    left: -0.5rem;
}
.p1_canvas {
        width: 6.25rem;
    height: 6.2rem;
    border-radius: 50%;
    overflow: hidden;
    top: 4.4rem;
    left: 1.7rem;
}
#canvas {
    width:6.8rem;
    height:6.8rem;
    border-radius:50%;
}
.qiuball {
    width: 6.4rem;
    top: 4.55rem;
    left: 1.7rem;
    z-index: 10;
}
.startbtn {
    width: 2.5rem;
    top: -5.3rem;
    left: 5.37rem;
}
.lotterycounttips {
    width: 3.4rem;
    height:0.8rem;
    top: -6.1rem;
    left: 4.92rem;
}
.counttips {
    width: 3.4rem;
    top: 0;
    left: 0;
}
.lotterycount {
    width: 3.4rem;
    height:0.7rem;
    line-height:0.7rem;
    text-align:center;
    font-size:.25rem;
    color:#40a3e5;
    top: 0;
    left: 0;
}
.resultqiu {
    width: 1.3rem;
    top: -5.1rem;
    left: 2.9rem;
}
.star2 {
    width: 2.5rem;
    top: 13.6rem;
    left: 8.3rem;
}
.person1 {
    width:6.2rem;
    top:7.6rem;
    opacity:0;
    /*left:1.2rem;*/
}
.person2 {
    width:4.0rem;
    top:9rem;
    /*left:3.5rem;*/
    opacity:0;
}
.person3 {
    width:3.1rem;
    top:8rem;
    /*left:6.1rem;*/
    opacity:0;
}
    .selbtn1 {
        width:4rem;
        top:10.35rem;
        left:0.5rem;
    }
    .selbtn2 {
        width:4rem;
        top:10rem;
        right:0.5rem;
    }
    .seltips {
        width:4rem;
        height:1rem;
        line-height:1rem;
        text-align:center;
        font-size:.5rem;
        color:rgba(255,255,255,0.8);
        left:3rem;
        top:14.5rem;
    }
.filter {
    filter: grayscale(100%);
}
.btn0 {
    width:7rem;
    top:14.5rem;
    left:1.5rem;
}
.btn1 {
    width:4rem;
    top:17.2rem;
    left:0.8rem;
}
.btn2 {
    width:4.1rem;
    top:17.2rem;
    left:5.1rem;
}
    .btn1_0 {
        width: 6rem;
        bottom: 2.3rem;
        left: 2rem;
    }
.btn4 {
    width:4.5rem;
        bottom: 0.7rem;
    left:0.3rem;
}
.btn5 {
    width:4.5rem;
        bottom: 0.7rem;
    left:5.1rem;
}
.ball {
    width: 1.8rem;
    top: 15.4rem;
    left: -0.5rem;
}
.ball1 {
    width:0.5rem;
    top:14.2rem;
    left:0.5rem;
}
.ball2 {
    width:0.5rem;
    top:15.0rem;
    left:0.5rem;
}
.qiu {
    width:1.2rem;
    top:1.2rem;
    left:0.2rem;
}
.rulebtn {
    width:0.85rem;
    top:1.5rem;
    right:0rem;
}
.tuiguangbtn {
    width:0.7rem;
    top:3.5rem;
    right:0rem;
}
.wardbtn {
    width:0.85rem;
    top:3.5rem;
    right:0rem;
}
.tkinfo,.viewImgInfo {
    width:10rem;
    height:100%;
    top:0;
    left:0;
}
.desctkInfo {
    width:10rem;
    height:100%;
}
.emptybg {
    width:10rem;
    height:19.8rem;
    top:0;
    left:0;
}
.descbg {
    width:10rem;
    top:0;
    left:0;
}
.descinfo {
    width:8rem;
    height:calc(100vh - 4rem);
    top:3.7rem;
    left:1rem;
    background-color:#fff;
    border-radius:.4rem;
}
.bigimgInfo {
    width:8rem;
    height:8rem;
    top:calc(50vh - 3rem);
    left:1rem;
    background-color:#fff;
    border-radius:.4rem;
}
.bigawardimg {
    width:8rem;
    height:8rem;
}
.closebigimg {
    width:.8rem;
    height:.8rem;
    top:.2rem;
    right:.2rem;
}
.descbt {
    width:10rem;
    bottom:0rem;
    left:0rem;
}
.title2 {
    width:7.6rem;
    top:1.1rem;
    left:1.2rem;
}
.guan {
    width: 0.8rem;
    top: 0.6rem;
    left: 2.8rem;
}
.star3 {
    width: 1.6rem;
    top: 0.1rem;
    left: 7.4rem;
}
.hao {
    width: 1.0rem;
    top: 0.1rem;
    left: 7.4rem;
}
.swiper1 {
    width:7rem;
    height:calc(100vh - 8.8rem);
    top:0.3rem;
    left:0rem;
}
.desctitle {
    width:8rem;
    top:0.4rem;
    left:1rem;
}
.descftinfo {
    width:8rem;
    height:calc(100vh - 8.6rem);
    top:4.5rem;
    left:1rem;
}
.descft {
    width:7rem;
    top:0rem;
    left:0.5rem;
}
.descbtroad {
    width:10rem;
    bottom:0rem;
    left:0rem;
}
/*海报*/
.tkinfoDiv {
    z-index:2;
}
.tipsinfo {
    width:8rem;
    top:calc(50vh - 5.6rem);
    height:11.3rem;
    left:1rem;
}
.tipsbg {
    width:8rem;
    top:0;
    height:11.3rem;
    left:0rem;
}
.sureclosebtn {
    width:3rem;
    top:9.8rem;
    left:2.5rem;
}
.ball3 {
    width: 0.7rem;
    top: 2.4rem;
    left: 5.3rem;
}
.bei {
    width: 4.4rem;
    top: 0.1rem;
    left: 2.8rem;
}
.pai {
    width: 1.1rem;
    top: 1.9rem;
    left: 5.2rem;
}
.title3 {
    width: 8.2rem;
    top: 0.8rem;
    left: 0.8rem;
}
.title3_1 {
    width: 5.8rem;
    top: 2.7rem;
    left: 2.3rem;
}
.companyname {
    width: 5.8rem;
    height:0.9rem;
    line-height:0.9rem;
    text-align:center;
    font-style: italic;
    color:#fff;
    font-size:.5rem;
    top: 2.7rem;
    left: 2.3rem;
}
/*推广数据*/
.title4 {
    width: 7.6rem;
    top: 1.3rem;
    left: 1.2rem;
}
.myrankbg {
    width:10rem;
    top:0rem;
    left:0;
}
.rankbg {
    width:10rem;
    top:-0.8rem;
    left:0;
}
.headbg {
    width: 3rem;
    top: 0.75rem;
    left: 3.45rem;
}
.sheadimg {
    width: 2.05rem;
    height: 2.05rem;
    top: 1.1rem;
    left: 3.98rem;
    border-radius:50%;
}
.topuname {
    width:4rem;
    height:1rem;
    line-height:1rem;
    font-size:.5rem;
    font-weight:bold;
    color:#ff6f00;
    text-align:center;
    top:3.5rem;
    left:3.0rem;
    text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff;
}
.topcmp {
    width:4rem;
    height:1rem;
    line-height:1rem;
    font-size:.5rem;
    top:4.2rem;
    left:3.0rem;
    display:flex;
    align-items:center;
    justify-content:center;
}
.topcmpname {
    padding:0 .2rem;
    height:0.6rem;
    line-height:0.6rem;
    font-size:.35rem;
    background-color:#009ae4;
    border-radius:.2rem;
    color:#fff;
}
.sectitle {
    width: 5.4rem;
    top: 3.0rem;
    left: 2.3rem;
}
.ranktabinfo {
    width: 8rem;
    height:1rem;
    top: 4.5rem;
    left: 1rem;
    background-color:#ccebc1;
    border-radius:1rem;
    display:flex;
    align-items:center;
    justify-content:center;
}
.tabinfo {
    width: 9rem;
    height:1.8rem;
    left: 0.3rem;
    margin-top:.5rem;
}
.tab {
    width: 7rem;
    left:1rem;
}
.tab1 {
    width:3.5rem;
    height:1.4rem;
    left:1rem;
}
.tab2 {
    width:3.5rem;
    height:1.4rem;
    left:4.5rem;
}
.childtabinfo {
    width: 9rem;
    height:1.4rem;
    left: 0.3rem;
}
.cactive {
    color:#551c04;
    font-weight:bold;
    border-bottom:solid 5px #551c04;
}
.tab3 {
    width:1.0rem;
    height:0.7rem;
    text-align:center;
    left:3.25rem;
    font-size:.45rem;
    color:#a46214;
}
.tab4 {
    width:1.0rem;
    height:0.7rem;
    text-align:center;
    left:4.5rem;
    font-size:.45rem;
    color:#a46214;
}
.manlistbg {
    width:9.2rem;
    height: 15rem;
    top: 9rem;
    left:0.4rem;
}
.listtitle {
    width:9.2rem;
    height: 1rem;
    top: 0rem;
    left:0rem;
}
.numtitlebg {
    width:5rem;
    height: 1rem;
    top: 0rem;
    left:2.1rem;
}
.numtitle {
    width:5rem;
    height: 1rem;
    line-height:1rem;
    top: 0rem;
    left:2.1rem;
    color:#fff;
    text-align:center;
    font-size:0.35rem;
}
.cmplistbg {
    width: 9.2rem;
    height: 16.4rem;
    top: 7.3rem;
    left: 0.4rem;
}
.personlist {
    width: 9.1rem;
    min-height: calc(100vh - 6rem);
    left: 0.2rem;
    padding-bottom:1.1rem;
}
.allpersonlist {
    width: 9.1rem;
    min-height: calc(100vh - 6rem);
    left: 0.2rem;
    margin-bottom:.2rem;
}
.ranktop {
    width:8rem;
    height:5.1rem;
    margin:0 auto;
}
.cranktop {
    width:8rem;
    height:4.6rem;
    margin:0 auto;
    overflow:hidden;
}
.monthtop1 {
    width: 1.5rem;
    height: 1.5rem;
    top: 0.42rem;
    left: 3.25rem;
    border-radius: 50%;
}
.monthtop2 {
    width: 1.45rem;
    height: 1.45rem;
    top: 0.9rem;
    left: 0.78rem;
    border-radius: 50%;
}
.monthtop3 {
    width: 1.45rem;
    height: 1.45rem;
    top: 1.15rem;
    left: 5.78rem;
    border-radius: 50%;
}
.rank1bg {
    width: 2.2rem;
    top: -0.15rem;
    left: 2.9rem;
}
.rank2bg {
    width: 2.2rem;
    top: 0.28rem;
    left: 0.4rem;
}
.rank3bg {
    width: 2.2rem;
    top: 0.5rem;
    left: 5.42rem;
}
.cmprank1bg {
    width: 2.2rem;
    top: 0rem;
    left: 2.9rem;
}
.cmprank2bg {
    width: 2.2rem;
    top: 0.5rem;
    left: 0.4rem;
}
.cmprank3bg {
    width: 2.2rem;
    top: 0.75rem;
    left: 5.42rem;
}
.monthtopinfo1 {
    width: 2.4rem;
    height: 2.8rem;
    top: 2.65rem;
    left: 2.8rem;
}
.monthtopinfo2 {
    width: 2.7rem;
    height: 2.4rem;
    top: 2.9rem;
    left: 0rem;
}
.monthtopinfo3 {
    width: 2.7rem;
    height: 2.1rem;
    top: 3.3rem;
    left: 5.3rem;
}
.cmonthtopinfo1 {
    width: 2.4rem;
    height: 1.9rem;
    top: 2.7rem;
    left: 2.8rem;
}
.cmonthtopinfo2 {
    width: 2.7rem;
    height: 1.8rem;
    top: 3.0rem;
    left: 0rem;
}
.cmonthtopinfo3 {
    width: 2.7rem;
    height: 1.45rem;
    top: 3.3rem;
    left: 5.3rem;
}
.infouname1 {
    width:100%;
    height:.7rem;
    font-size:.4rem;
    color:#551c04;
    font-weight:bold;
    text-align:center;
}
.infouname2 {
    width:100%;
    height:.6rem;
    font-size:.4rem;
    color:#551c04;
    font-weight:bold;
    text-align:center;
}
.infouname3 {
    width:100%;
    height:.5rem;
    font-size:.4rem;
    font-weight:bold;
    color:#551c04;
    text-align:center;
}
.infonum {
    width:100%;
    height:0.7rem;
    display:flex;
    font-weight:bold;
    align-items:center;
    justify-content:center;
    color:#f56610;
}
.cinfonum {
    width:100%;
    height:0.6rem;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#6dc65a;
}
.scoreicon {
    width:.45rem;
}
.infoscore {
    padding-left:.1rem;
    font-size:.4rem;
}
.cinfoscore {
    padding-left:.1rem;
    color:#f56610;
    font-size:0.4rem;
}
.infocompany {
    display: flex;
    align-items: center;
    justify-content: center;
}
.infocompanyname {
    padding:.1rem .2rem;
    height:.5rem;
    line-height:.5rem;
    overflow:hidden;
    text-align:center;
    color:#a46214;
    border-radius:.5rem;
}
.cinfocompanyname {
    padding:.1rem .1rem;
    min-height:.5rem;
    font-weight:bold;
    text-align:center;
    font-size:.35rem;
    color:#551c04;
}
.topbg {
    width:8rem;
    height:5.2rem;
    top:2.1rem;
    left:0;
}
.crankbg {
    width:8rem;
    height:4.5rem;
    top:0;
    left:0;
}
.cmplist {
    width: 8.8rem;
    min-height: calc(100vh - 16rem);
}
.montytips {
    width: 9.2rem;
    height: 1.2rem;
    line-height:1.2rem;
    text-align:center;
    color:#fff;
    top: 0rem;
    left: 0rem;
}
.myrank {
    width: 10rem; 
    height: 2.0rem;
    bottom: 0px;
    left: 0rem;
    z-index:1;
}
.mysortbg {
    width: 10rem; 
    top:0;
}
.pmyrank {
    width: 8.95rem; 
    height: 1.2rem;
    bottom: 0px;
    left: 0rem;
    border-bottom-left-radius:.15rem;
    border-bottom-right-radius:.15rem;
    background-color:#fbb100;
}
.personrank {
    width: 8rem;
    top: 1.3rem;
    left: 0.6rem;
}
.cmprank {
    width: 7.8rem;
    top: .0rem;
    left: 0.7rem;
}
.num1 {
    width: 3.5rem;
    left: 2.9rem;
    top: 1.7rem;
    text-align:center;
}
.num2 {
    width: 2.85rem;
    left: 0.0rem;
    top: 3.3rem;
    text-align:center;
}
.num3 {
    width: 2.85rem;
    left: 6.5rem;
    top: 3.6rem;
    text-align:center;
}
.pnum1 {
    width: 3.5rem;
    left: 2.9rem;
    top: 4.4rem;
    text-align:center;
}
.pnum2 {
    width: 2.85rem;
    left: 0.0rem;
    top: 5.0rem;
    text-align:center;
}
.pnum3 {
    width: 2.85rem;
    left: 6.5rem;
    top: 5.4rem;
    text-align:center;
}
.pname {
    width: 3.0rem;
    line-height:.55rem;
    margin: 0.1rem auto;
    text-align:center;
}
.pnamebd {
    width:2.4rem;
    line-height:.55rem;
    max-height:.55rem;
    font-size:.35rem;
    padding:0.05rem .2rem;
    margin: 0.1rem auto;
    border-radius:.4rem;
    color:#1690e7;
    background-color:#7fccff;
}
.cmpname {
    width: 3.0rem;
    line-height:.45rem;
    font-size:.4rem;
    color:#b7e4ff;
    margin: 0.1rem auto;
}
.cmpmoney {
    width: 3.0rem;
    height:0.8rem;
    display:flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}
.cmpicon {
    width: 0.44rem;
    height: 0.42rem;
    display:inline-block;
}
.money {
    height: 0.48rem;
    line-height:.48rem;
    font-size:.48rem;
    color:#fed77c;
    display:inline-block;
}
.ranklist {
    width: 9.0rem;
    height: calc(100vh - 5rem);
    left: 0rem;
    top: 0rem;
}
.pranklist {
    width: 8.4rem;
    min-height: calc(100vh - 7.2rem);
    padding:.2rem;
    border:solid 6px #fff;
    background-color:#fff;
    border-radius:.2rem;
}
.nopranklist {
    width: 9.0rem;
    height: calc(100vh - 6.2rem);
    left: 0rem;
    top: 1.2rem;
}
.headimg1 {
    width: 2.05rem;
    height: 2.05rem;
    left: 0.63rem;
    top: 2.61rem;
    border-radius:50%;
}
.headimg2 {
    width: 2.05rem;
    height: 2.05rem;
    left: 3.58rem;
    top: 1.99rem;
    border-radius:50%;
}
.headimg3 {
    width: 2.05rem;
    height: 2.05rem;
    left: 6.50rem;
    top: 2.96rem;
    border-radius:50%;
}
.pheadtr1,.pheadtr2,.pheadtr3,.pheadtr4 {
    /*width:1.8rem;*/
    height:1rem;
    line-height:1rem;
    display:inline-block;
    text-align:center;
}
.headinfo {
    width: 8.2rem;
    height:1.0rem;
    display:flex;
    color:#cd924a;
    font-size:0.35rem;
}
.tabletrinfo {
    width: 9.0rem;
    height:1.2rem;
    display:flex;
    color:#70ccff;
    font-size:0.35rem;
    border-bottom:solid 1px #daf7ff;
}
.mytabletrinfo {
    width: 10rem;
    height: 1.4rem;
    margin: 0 auto;
    display:flex;
    align-items:center;
    font-size:0.35rem;
    margin-top:.6rem;
}
.ptabletrinfo {
    width: 8.2rem;
    height:1.5rem;
    display:flex;
    color:#878787;
    font-size:0.35rem;
    border-bottom:dashed 1px #E8E8E8;
}
.ptabletrinfo:last-child {
    border-bottom:none;
}
.pctabletrinfo {
    width: 8.4rem;
    height:1.2rem;
    display:flex;
    color:#878787;
    font-size:0.35rem;
    border-bottom:dashed 1px #E8E8E8;
}
.pctabletrinfo:last-child {
    border-bottom:none;
}
.emptydiv {
    width:10rem;
    height:1.1rem;
}
.emptydivlitter {
    width:10rem;
    height:0.3rem;
}
.emptyline {
    width:10rem;
    height:0.8rem;
}
.listbtinfo {
    width:10rem;
    height:1.2rem;
    overflow:hidden;
}
.listbt {
    width:10rem;
    bottom:0rem;
}
.tr1 {
    width:2.9rem;
    height:0.8rem;
    line-height:0.8rem;
    display:inline-block;
    text-align:center;
}
.tr2 {
    width:3.1rem;
    height:0.8rem;
    line-height:0.8rem;
    color:#fff;
    display:inline-block;
    text-align:center;
}
.tr3 {
    width:3.1rem;
    height:0.8rem;
    line-height:0.8rem;
    color:#fff;
    display:inline-block;
    text-align:center;
}
.ptr1 {
    /*width:1.8rem;*/
    height:0.8rem;
    line-height:0.8rem;
    display:inline-block;
    color:#ffbb00;
    text-align:center;
    font-weight:bold;
}
.ptr2 {
    /*width:2.2rem;*/
    height:1.2rem;
    line-height:1.2rem;
    color:#fff;
    display:inline-block;
    text-align:center;
}
.ptr3 {
    /*width:2.4rem;*/
    height:1.2rem;
    line-height:1.2rem;
    font-size:.35rem;
    color:#b0793e;
    display:inline-block;
    text-align:center;
}
.ptr4 {
    /*width:2.8rem;*/
    height:1.2rem;
    line-height:1.2rem;
    color:#f56610;
    font-size:.35rem;
    display:inline-block;
    text-align:center;
}
.num {
    min-width:0.6rem;
    height:0.7rem;
    padding:0rem .5rem;
    line-height:0.7rem;
    color:#ffab0a;
    display:inline-block;
    background-color:#fff;
    border-radius:.5rem;
    text-align:center;
    font-weight:bold;
}
.numhead {
    width:1rem;
    height:1rem;
    border:solid 2px #febd01;
    border-radius:50%;
    left:0rem;
    top:0.2rem;
}
.nametxt {
    /*width:1.2rem;*/
    width:100%;
    height:0.5rem;
    line-height:0.5rem;
    font-size:.38rem;
    font-weight:bold;
    text-align:left;
    top:.5rem;
    left:1.3rem;
    color:#704533;
}
.cnametxt {
    width:1.2rem;
    height:0.5rem;
    line-height:0.5rem;
    font-size:.35rem;
    text-align:left;
    top:.25rem;
    left:1.2rem;
    color:#878787;
}
.mynumhead {
    width:1rem;
    height:1rem;
    border:solid 1px #fff;
    border-radius:50%;
    left:0rem;
    top:0.1rem;
}
.mynametxt {
    width:1.2rem;
    height:1.2rem;
    line-height:1.2rem;
    font-size:.38rem;
    text-align:left;
    top:0;
    left:1.4rem;
    color:#59240e;
}
.csellptr1,.csellptr2,.csellptr3,.csellptr4 {
    line-height:0.6rem;
    min-height:1.2rem;
    font-size:0.35rem;
    text-align:center;
    align-items:center;
    justify-content:center;
    display:flex;
}
.csellptr1 {
    color:#dcae78;
}
.csellptr2 {
    color:#7f5441;
}
.csellptr3 {
    color:#f56610;
}
.csellptr4 {
    color:#caa57f;
}
.sellptr3 {
     display:flex;
    align-items:center;
    justify-content:center;
}
.sellptr4 {
    display:flex;
    align-items:center;
    justify-content:center;
}
.sortnum {
    color:#ffbb00;
    line-height:1.5rem;
    font-size:0.4rem;
    text-align:center;
    font-weight:bold;
}
.cmptxt {
    color:#ae7638;
    font-size:.35rem;
}
.numcount {
    min-width:0.6rem;
    height:0.7rem;
    padding:0rem .5rem;
    line-height:0.7rem;
    color:#f56610;
    display:inline-block;
    border-radius:.5rem;
    text-align:center;
    font-weight:bold;
}
.numbg {
    width:1.2rem;
    height:1.0rem;
    left:.7rem;
}
.numtxt {
    width:1.2rem;
    height:1.0rem;
    line-height:1.0rem;
    left:.7rem;
    color:#4786af;
}
.qdlistOut {
    width:100vw;
    height:100vh;
    background-color:rgba(0,0,0,0.5);
    top:0;
    z-index:10;
}
.qdlist {
    width:9.68rem;
    top:7.2rem;
    left:0rem;
    padding-bottom:1rem;
    background-color:#fff;
    border:solid 6px #ffe8a8;
    border-bottom:none;
    border-top-left-radius:.5rem;
    border-top-right-radius:.5rem;
    z-index:10;
}
.qdawardtaskinfo:last-child {
    border:none;
}
.tasklist {
    width:9.66rem;
    margin-top:6.4rem;
    padding-bottom:.5rem;
    padding-top:.2rem;
    left:0rem;
    background-color:#fff;
    border:solid 6px #ffe8a8;
    border-bottom:none;
    border-top-left-radius:.5rem;
    border-top-right-radius:.5rem;
}
.rulelist {
    width:9.68rem;   
    left:0rem;
    background-color:#fff;
    border:solid 6px #ffe8a8;
    border-top-left-radius:.5rem;
    border-top-right-radius:.5rem;
    border-bottom:none;
}
.zs {
    width:10rem;
    top:4.2rem;
}
.ruledesc {
    width:10rem;
    display:block;
    margin-top:-1px;
}
.desctxt6 {
    width:8.0rem;
    padding:0.4rem;
}
.activedescinfo {
    width:10rem;   
    left:0rem;
}
.desctxt {
     width:10rem;  
}
.desctxt2 {
     width:9.4rem;  
     left:0.3rem;
}
.desctxt3 {
     width:8.0rem;  
     left:1.0rem;
}
.activelist {
    width:8.8rem;   
    left:.48rem;
    background-color:#fff;
    border:solid 6px #ffe8a8;
    border-radius:.5rem;
}
.yybt {
     width:10rem;  
     bottom:0;
}
.gdinfo {
    width:10rem;
    height:.65rem;
    top:0;
    z-index:5;
}
.gdbg {
    width:10rem;
    height:.65rem;
    top:0;
    left:0;
}
.gdtxtinfo {
    width:9rem;
    height:0.65rem;
    line-height:0.65rem;
    left:0.8rem;
    color:#fff;
    font-size:.35rem;
    overflow:hidden;
}
.txt-scroll {
    width:9rem;
    height:0.65rem;
    line-height:0.65rem;
    color:#fff;
    left:0.8rem;
    font-size:.35rem;
}
.js-marquee {
    width:100%;
    height:0.65rem;
    line-height:0.65rem;
    color:#fff;
    font-size:.35rem;
}
.gamebtnlist {
    width:10rem;
    height:3rem;
    bottom:0;
    left:0;
    z-index:5;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.btnbg {
    width:10rem;
    height:1.7rem;
    bottom:0;
    left:0;
}
.goawardbtn {
    width: 2.2rem;
    left: 0.2rem;
    bottom: 0.2rem;
}
.czznum {
    width:5rem;
    font-size:.3rem;
    text-align:center;
    color:rgba(255,255,255,0.7);
    left: 2.5rem;
    bottom: .7rem;
}
.joinbtnclick {
    width:5rem;
    height:2rem;
    left: 2.5rem;
    bottom: .3rem;
}
.numicon {
    width: 2.2rem;
    right:0.2rem;
    bottom: 0.2rem;
}
.yingClick1 {
    width: 3rem;
    height: 3rem;
    top: 13.2rem;
    left: 6rem;
    z-index: 5;
}
.yingClick2 {
   width: 3rem;
    height: 3rem;
    top: 10.5rem;
    left: 0.5rem;
    z-index: 5;
}
.yingClick3 {
    width: 3rem;
    height: 3rem;
    top: 9rem;
    left: 6.5rem;
    z-index: 5;
}
.yingClick4 {
    width: 3rem;
    height: 3rem;
    top: 7rem;
    left: 0.2rem;
    z-index: 5;
}
.yingClick5 {
    width: 3rem;
    height: 3rem;
    top: 5.2rem;
    left: 5.5rem;
    z-index: 5;
}
.btnlist {
    width:10rem;
    height:15rem;
    left:0;
    z-index:5;
}
.yybtn {
    background-image: url(../img/yybtn.png?s=1.1);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    font-size: .45rem;
    text-align: center;
    width: 3rem;
    height: 0.98rem;
    line-height: 0.9rem;
    color: #fff;
}
.yybtn_1 {
    background-image: url(../img/waitbtn.png?s=1.1);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    font-size: .45rem;
    text-align: center;
    width: 3rem;
    height: 0.98rem;
    line-height: 0.9rem;
    color: #fff;
}
.ying1 {
    top: 0rem;
    left: 4.3rem;
}
.ying2 {
    top: 3.8rem;
    left: 4.3rem;
}
.ying3 {
    top: 8.0rem;
    left: 4.3rem;
}
.ying4 {
    top: 12.2rem;
    left: 5.6rem;
}
.yybtn1 {
    width:6rem; 
    height:1rem;
    line-height:1rem;
    font-size:.45rem;
    text-align:center;
    border-radius:.45rem;
    color:#fff;
    border:solid 2px #ffd582;
    background-color:#ee4100;
    margin-left:2rem; 
}
.yybtn1_1 {
    width:6rem; 
    height:1rem;
    line-height:1rem;
    font-size:.45rem;
    text-align:center;
    border-radius:.45rem;
    color:#fff;
    border:solid 2px #fff;
    background-color:#ad988f;
    margin-left:2rem; 
}
.yy_btn4 {
    width: 5rem;
    left: 2.5rem;
}
.yy_btn5 {
    width:4rem; 
    height:.8rem;
    line-height:.8rem;
    font-size:.35rem;
    text-align:center;
    color:#fff;
    left:2.4rem; 
    bottom:0.9rem;
    background-color:#e7641e;
    border-radius:.3rem;
}
.yy_btn5_1 {
    width:4rem; 
    height:.8rem;
    line-height:.8rem;
    font-size:.35rem;
    text-align:center;
    color:#fff;
    left:2.4rem; 
    bottom:0.9rem;
    background-color:#ad988f;
    border-radius:.3rem;
}
.yytime {
    width:4rem;
    height:1rem;
    line-height:1rem;
    font-size:.35rem;
    bottom:1.7rem;
    left:2.4rem;
    color:#a6a5a5;
}
.videoinfo {
    width:8.2rem;
    height:5.1rem;
    background-color:#f6f6f6;
    border-radius:0.3rem;
    margin:0 auto;
    margin-bottom:.5rem;
    overflow:hidden;
}
.poster {
    width:8.2rem;
    height:3.9rem;
}
.playbtn {
    width:1.8rem;
    height:1.8rem;
    top:1.05rem;
    left:3.2rem;
}
.videotitle {
    width:7.8rem;
    height:1rem;
    line-height:1rem;
    font-size:.4rem;
    font-weight:bold;
    display:flex;
    padding:0 0.2rem;
    align-items:center;
    top:0rem;
    left:0rem;
    color:#4e4e4e;
}
.videodesc {
    width:4.5rem;
    height:0.8rem;
    line-height:.4rem;
    font-size:.3rem;
    display:flex;
    align-items:center;
    top:1.5rem;
    left:3.5rem;
    color:#a6a5a5;
}
/*粉丝推广*/
.toplist {
    width:8.8rem;
    height:3.6rem;
    margin-top:.2rem;
    left:0.45rem;
    background-color:#fff;
    border-radius:.5rem;
    border:solid 6px #ffe8a8;
}
.toptitle {
    width:4rem;
    height:0.8rem;
    line-height:0.8rem;
    top:0rem;
    left:2.4rem;
    background-color:#ff9c12;
    text-align:center;
    color:#fff;
    font-size:0.4rem;
    border-bottom-left-radius:.5rem;
    border-bottom-right-radius:.5rem;
}
.qdtoptitle {
    width:4rem;
    height:0.8rem;
    line-height:0.8rem;
    margin-bottom:.2rem;
    top:0rem;
    left:2.98rem;
    background-color:#ff9c12;
    text-align:center;
    color:#fff;
    font-size:0.4rem;
    border-bottom-left-radius:.5rem;
    border-bottom-right-radius:.5rem;
}
.cd {
    width: 9.5rem;
    top: -8.8rem;
}
.tjlist {
    width: 8.8rem;
    height: 2.5rem;
    top: 1.1rem;
    left:0rem;
    display:flex;
}
.tjjflist {
    width: 6.4rem;
    height: 2.5rem;
    top: 1.1rem;
    left:1.4rem;
    display:flex;
}
.tjinfo {
    width:2.3rem;
    height:2.4rem;
    display:inline-block;
}
.ftjinfo {
    width: 2.2rem;
    height: 2.4rem;
    display: inline-block;
}
.ftjjfinfo {
    width: 2.93rem;
    height: 2.4rem;
    display: inline-block;
}
.numbg2 {
    width: 8rem;
    top:.0rem;
    left:0.5rem;
}
.datanumbg {
    width: 2.0rem;
    top:.01rem;
    left:0.1rem;
}
.cdatanumbg {
    width: 2.93rem;
    top:.01rem;
    left:0.1rem;
}
.exicon {
    width:2.1rem;
    top:.1rem;
    left:.1rem;
}
.exnum {
    width:2.2rem;
    height:1rem;
    line-height:1rem;
    top:1.2rem;
    left:0;
    color:#ffaf59;
    font-weight:bold;
    font-size:0.4rem;
    text-align:center;
}
.cexnum {
    width:2.93rem;
    height:1rem;
    line-height:1rem;
    top:1.2rem;
    left:0;
    color:#ffaf59;
    font-weight:bold;
    font-size:0.4rem;
    text-align:center;
}
.detailinfoOut {
    width:100vw;
    min-height:calc(100vh - 3.0rem);
    background-color:rgba(0,0,0,0.5);
}
.detailinfo {
    width:calc(100vw - 12px);
    min-height:calc(100vh - 3.0rem);
    left:0rem;
    margin-top:6.4rem;
    background-color:#fff;
    border-top-left-radius:.5rem;
    border-top-right-radius:.5rem;
	border:solid 6px #ffe8a8;
    border-bottom:none;
}
.detailtitle {
    width:4rem;
    height:0.8rem;
    line-height:0.8rem;
    top:0rem;
    left:2.85rem;
    background-color:#ff9c12;
    text-align:center;
    color:#fff;
    font-size:0.4rem;
    border-bottom-left-radius:.5rem;
    border-bottom-right-radius:.5rem;
}
.closeuinfo {
    width:0.6rem;
    top:.2rem;
    right:.2rem;
}
.uinfo {
    width:90%;
    left:5%;
    position:relative;
}
.umsginfo {
   width:100%;
   height:1rem;
   line-height:1rem;
   font-size:.35rem;
   font-weight:bold;
   border-bottom:solid 1px #E8E8E8;
}
.uleft {
   float:left;
   text-align:left;
   color:#595959;
}
.uright {
    float:right;
    text-align:right;
   color:#919090;
}
.uwardcolor {
    color:#ffb876 !important;
}
.bottomlist {
    width: 9rem;
    margin-top: 0.8rem;
    margin-bottom:1rem;
    left: 0.2rem;
    background-color: #fff;
    border-radius: 0.5rem;
    border: solid 0.05rem #fff;
}
.searchinfo {
    width: 8.4rem;
    height: 1.0rem;
    margin-top: 1rem;
    left: 0.3rem;
    display:flex;
}
.status {
    width: 3.05rem;
    height: 1.0rem;
    top: 0rem;
    left: 0rem;
    display:inline-block;
}
.date {
    width: 3.4rem;
    height: 1.0rem;
    top: 0rem;
    left: 2.8rem;
    display:inline-block;
}
.selbg {
    width: 2.6rem;
    height: 1.0rem;
    top: 0rem;
    left: 0rem;
}
.datebg {
    width: 3.4rem;
    height: 1.0rem;
    top: 0rem;
    left: 0rem;
}
.selstatus {
    width: 2.8rem;
    height: 1.0rem;
    top: 0rem;
    left: 0rem;
    border:none;
    color:#000;
    padding:0 0.3rem 0 0.2rem;
}
.searchbtn {
    width: 2rem;
    height: 1rem;
    line-height:1rem;
    font-size:0.35rem;
    border-radius: 0.4rem;
    top: 0rem;
    right:0rem;
    color:#fff9f5;
    background-color:#ff6219;
    color:#fff;
    display:inline-block;
    text-align:center;
}
.userlist {
    width: 8.5rem;
    margin-top: 0.2rem;
    left: 0.2rem;
    overflow-y:scroll;
}
.userlist1 {
    width: 8.2rem;
    min-height: calc(100vh - 15rem);
    margin-top: 0.5rem;
    left: 0.3rem;
    overflow-y:scroll;
}
.userinfo {    
    width: 8.5rem;
    height: 2.1rem;
    display:flex;
    align-items:center;
    border-bottom:dashed 1px #E8E8E8;
    justify-content:center;
}
.userinfo:last-child {
    border-bottom:none;
}
.userhead {
    width: 1.4rem;
    height: 1.4rem;
    border:solid 2px #ffe487;
    border-radius:50%;
    display:inline-block;
}
.uname {
    width: 4.95rem;
    height: 1.0rem;
    display:inline-block;
}
.nickname {
    width: 4.3rem;
    /*height: 0.6rem;*/
    line-height:0.6rem;
    padding-left:.2rem;
    color:#551c04;
    font-size:0.4rem;
    font-weight:bold;
}
.score {
    width:2.2rem;
    height:1rem;
    line-height:1rem;
    text-align:right;
    font-size:0.4rem;
}
.colord95f5f {
    color:#d95f5f;
}
.color599249 {
    color:#599249;
}
.joindate {
    width: 5rem;
    height: 0.6rem;
    line-height:0.5rem;
    padding-left:.2rem;
    color:#a46214;
    font-size:0.3rem;
}
.pointslist .userinfo {    
    height: 1.6rem;
}
.pointslist .nickname,.pointslist .joindate {    
    padding-left:0;
}

.statuslist {
    width: 2rem;
    /* height: 1.4rem; */
    display: inline-block;
}
.sortimg {
    width:1rem;
    top:0.2rem;
    left:.4rem;
}
.cmpsortimg {
    width:1rem;
    top:0.2rem;
    left:0.9rem;
}
.taskinfo {
    width: 8.6rem;
    height:2.3rem;
}
.qdtaskinfo {
    width: 4.23rem;
    height:3.8rem;
    float:left;
}
.qdawardtaskinfo {
    width: 8.6rem;
    height:2.4rem;
    margin:0 auto;
    background-color:#fff;
    margin:0 auto;
    border-bottom:dashed 1px #d2d1d1;
}
.awardtaskinfo {
    width: 8.6rem;
    margin:0 auto;
    padding:0.2rem 0;
    background-color:#fff;
    margin:0 auto;
    border-bottom:dashed 1px #d2d1d1;
}
.awardstatusbtn {
    width:2.4rem;
    height: .8rem;
    line-height:.8rem;
    text-align:center;
    border-radius:0.3rem;
    font-size:.38rem;
    font-weight:bold;
    top:1rem;
    right:0rem;
}
.scrl {
    background-image:url('../img/statebtn1.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
    color:#ffefde;
}
.scr2 {
    background-image:url('../img/statebtn2.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
    color:#ffdecb;
}
.statusbtn {
    width: 2rem;
    height: 0.6rem;
    line-height: .6rem;
    text-align: center;
    border-radius: 0.2rem;
    margin: 0.1rem auto;
}
.btngift {
    width:.3rem;
    margin-left:.1rem;
}
.cr1 {
    background-color:#f56610;
    color:#fff;
}
.cr2 {
    background-color:#88d3b4;
    color:#fff;
    margin-top:.2rem;
}
.cr3 {
    background-color:#e8e7e7;
    color:#333333;
    margin-top:.2rem;
}
.cr4 {
    background-color:#65c9f2;
    color:#fff;
}
.cr5 {
    background-color:#bdc2c4;
    color:#fff;
}
.nodatatips {
    width:8.2rem;
    height:4rem;
    line-height:4rem;
    color:#a9a9a9;
    font-size:.4rem;
    text-align:center;
}
/*我的奖品*/
.ly-plate {
    width:9rem;
    height:9rem;
    top:3.6rem;
    left:0.5rem;
}
.dizuo {
    width: 9.4rem;
    top: 7.8rem;
    left: -0.2rem;
}
.rotate-bg {
    width:9rem;
    height:9rem;
    top:0rem;
    left:0rem;
}
.lottery-star {
    width:1.0rem;
    height:1.0rem;
    top:4.1rem;
    left:4rem;
}
#lotteryBtn {
     width:1.0rem;
    height:1.0rem;
    top:0rem;
    left:0rem;
}
.zhen {
    width:4rem;
    height:4rem;
    top:2.5rem;
    left:2.5rem;
}
.title6 {
    width: 7.4rem;
    top: 0.8rem;
    left: 1.3rem;
}
.title6_1 {
    width: 5.2rem;
    top: 2.6rem;
    left: 2.4rem;
}
.title8 {
    width: 6.4rem;
    top: 1.2rem;
    left: 1.85rem;
}
.title8_1 {
    width: 3.2rem;
    top: 2.7rem;
    left: 3.4rem;
}
.title9 {
    width: 6.4rem;
    top: 1.0rem;
    left: 1.85rem;
}
.title9_1 {
    width: 5.2rem;
    top: 3.0rem;
    left: 2.4rem;
}
.title10 {
    width: 7.8rem;
    top: 0.5rem;
    left: 0.85rem;
}
.title10_1 {
    width: 6.0rem;
    top: 2.9rem;
    left: 2.0rem;
}
.title11 {
    width: 7.8rem;
    top: 0.55rem;
    left: 0.85rem;
}
.title11_1 {
    width: 5.2rem;
    top: 2.9rem;
    left: 2.4rem;
}
.title12_1 {
    width: 5.2rem;
    top: 2.9rem;
    left: 2.4rem;
}
.title12 {
    width: 8.4rem;
    top: 0.7rem;
    left: 0.5rem;
}
.gift3 {
    width: 4.2rem;
    top: 0.2rem;
    left: 2.9rem;
}
.gift {
    width: 1.2rem;
    top: 2.6rem;
    left: 7.2rem;
}
.failtkinfo,.successtkinfo {
    width:10rem;
    height:14.2rem;
    top:calc(50vh - 5.9rem);
    left:0rem;
}
.successTk {
    width:10rem;
    height:11.5rem;
    top:calc(50vh - 4.9rem);
    left:0rem;
}
.addressinfotk {
    width:10rem;
    height:10.6rem;
    top:calc(50vh - 5.3rem);
    left:0rem;
}
.hdyyinfo {
    width:8rem;
    height:12.5rem;
    top:calc(50vh - 5.2rem);
    left:1rem;
}
.hdyybg {
    width:8rem;
    height:10.5rem;
    top:0;
    left:0;
}
.hdyyformbg {
    width:6rem;
    height:3.9rem;
    top:3.6rem;
    left:1rem;
}
.zbhdyyinfo {
    width:8rem;
    height:14.5rem;
    top:calc(50vh - 7.3rem);
    left:1rem;
}
.zbhdyybg {
    width:8rem;
    height:12.7rem;
    top:0;
    left:0;
}
.zbhdyyformbg {
    width: 6rem;
    height: 6.5rem;
    top: 3.4rem;
    left: 1rem;
}
.checkinfo {
    width:8rem;
    height:11.5rem;
    top:calc(50vh - 5.2rem);
    left:1rem;
}
.reginfo {
    width:8rem;
    height:14.5rem;
    top:calc(50vh - 7.0rem);
    left:1rem;
}
.checkbg {
    width:8.7rem;
    height:9.45rem;
    top:0;
    left:0;
}
.checkformbg {
    width:6rem;
    height:1.75rem;
    top:3.6rem;
    left:1rem;
}
.checktips {
    width:6rem;
    line-height:.5rem;
    font-size:.35rem;
    color:#fff;
    top:5.6rem;
    left:1rem;
}
.regbg {
    width:8.0rem;
    height:13.0rem;
    top:0;
    left:0;
}
.regformbg {
    width:6rem;
    height:3.1rem;
    top:5.6rem;
    left:1rem;
}
.closeyytk {
    width:1rem;
    bottom:0.0rem;
    left:3.5rem;
}
.JiangliTk {
    width:9rem;
    height:14.8rem;
    top:calc(50vh - 7.8rem);
    left:0.5rem;
}
.addressinfo {
    width:10rem;
    height:16.6rem;
    top:calc(50vh - 8.0rem);
    left:0rem;
}
.addressinfo1 {
    width:10rem;
    height:14.8rem;
    top:calc(50vh - 8.0rem);
    left:0rem;
}
.awarddetailinfo {
    width:10rem;
    height:15.9rem;
    top:calc(50vh - 8.0rem);
    left:0rem;
}
.awardlistinfo {
    width:10rem;
    height:14.8rem;
    top:calc(50vh - 7.56rem);
    left:0rem;
}
.awarddetailinfo1 {
    width:10rem;
    height:15.8rem;
    top:calc(50vh - 8.4rem);
    left:0rem;
}
.infoinps {
    display:flex;
    align-items:baseline;
    justify-content:center;
}
.leftname {
    width:35%;
    padding-left:.2rem;
    text-align:left;
    color:#f8cf96;
}
.rightname {
    width:65%;
    line-height:.5rem;
    text-align:right;
    padding-right:.2rem;
    color: #f19437;
}
    
.tkbg {
    width:10rem;
    height:11.8rem;
    top:0;
    left:0;
}
.tkbg1 {
    width:10rem;
    height:12.85rem;
    top:0;
    left:0;
}
.tkawardimg {
    width:2rem;
    background-color:#fff;
    top:5rem;
    left:4rem;
}
.awardnumtitle {
    width:4rem;
    height:0.8rem;
    line-height:0.8rem;
    margin-top:0.5rem;
    left:2.9rem;
    background-color:#ff9c12;
    text-align:center;
    color:#fff;
    font-size:0.45rem;
    font-weight:bold;
    border-radius:.5rem;
}
.lastawardname {
    width:100%;
    height:.6rem;
    line-height:.6rem;
    font-size:.38rem;
    font-weight:bold;
    text-align:center;
}
.lastawardpic {
    width: 1.2rem;
    height: 1.2rem;
    top: .3rem;
    left: 0.5rem;
    border: solid 1px #ff9c12;
    border-radius: 50%;
}
.lastawardout {
    width: 8.6rem;
    margin:0 auto;
    padding:0.4rem 0;
    background-color:#fff;
    margin:0 auto;
}
.lastawardinfo {
    width: 8.6rem;
    height:1.8rem;
    background-color:#fff9e8;
    border-radius:.2rem;
    margin:.4rem auto;
}
.lastawarduser {
    width:3rem;
    height:.6rem;
    line-height:.6rem;
    font-size:.4rem;
    font-weight:bold;
    left:2.2rem;
    top:0.6rem;
}
.lastawardphone {
    width:3rem;
    height:.6rem;
    line-height:.6rem;
    font-size:.4rem;
    text-align:right;
    right:.5rem;
    top:0.6rem;
}
.tkawardname {
    width:8rem;
    font-size:.4rem;
    font-weight:bold;
    text-align:center;
    color:#f19437;
    top:7.2rem;
    left:1rem;
}
.tips1 {
    width:8rem;
    font-size:.45rem;
    font-weight:bold;
    text-align:center;
    color:#fe4506;
    top:5.5rem;
    left:1rem;
}
.tips2 {
    width:8rem;
    font-size:.35rem;
    text-align:center;
    color:#a46214;
    top:6.5rem;
    left:1rem;
}
.tklisttitle {
    width:3.6rem;
    height:0.9rem;
    line-height:0.9rem;
    font-size:.42rem;
    text-align:center;
    color:#ffffff;
    font-weight:bold;
    top:2.46rem;
    left:3.2rem;
}
.tktitle {
    width:3.6rem;
    height:0.9rem;
    line-height:0.9rem;
    font-size:.42rem;
    text-align:center;
    color:#ffffff;
    font-weight:bold;
    top:3.3rem;
    left:3.2rem;
}
.itktitle {
    width:3.6rem;
    height:0.9rem;
    line-height:0.9rem;
    font-size:.42rem;
    text-align:center;
    color:#ffffff;
    font-weight:bold;
    top:3.3rem;
    left:3.2rem;
}
.jltktitle {
    width:3.6rem;
    top:3.4rem;
    left:2.7rem;
}
.successtitle {
     width: 8rem;
    line-height: .8rem;
    font-size: .5rem;
    text-align:center;
    top: 10rem;
    left: 1rem;
    color:#ff6f00;
}
.curawardname {
    width: 5.6rem;
    line-height: .6rem;
    font-size: .45rem;
    text-align:center;
    top: 8.4rem;
    left: 2.2rem;
    color:#fff;
}
.failimg {
    width:5rem;
    top:6.6rem;
    left:2.5rem;
}
.failtxt {
    width:6rem;
    top:8.7rem;
    left:2.0rem;
    text-align:center;
    color:#fff;
    font-size:.45rem;
}
.nopointtips {
     width:6rem;
    top:5.6rem;
    left:2.0rem;
}
.ward_btn6 {
     width:5rem;
    top:11.2rem;
    left:2.5rem;
}
.ward_btn8 {
    width: 1.4rem;
    top: 3.3rem;
    right: 0.04rem;
    z-index: 10;
}
.ward_btn9 {
    width: 1.4rem;
    top: 4.8rem;
    right: 0.04rem;
    z-index: 10;
}
.closebtn {
     width:1rem;
    bottom:0.0rem;
    left:4.5rem;
}
.closelisttk {
   width: 0.5rem;
    top: 3.1rem;
    right: 0.8rem;
}
.closetoptk {
   width: 0.5rem;
    top: 3.95rem;
    right: 0.8rem;
}
.closesucctk {
   width: 0.5rem;
    top: .74rem;
    right: 0.8rem;
}
.rightbtn {
    width: 3.7rem;
    top: 10.9rem;
    right:  1.0rem;
}
.leftbtn {
    width: 3.7rem;
    top: 10.9rem;
    left: 1.0rem;
}
.ward_btn1 {
    width: 3.6rem;
    bottom: 1.5rem;
    left: 1.2rem;
}
.ward_btn2 {
    width: 3.6rem;
    bottom: 1.5rem;
    right:  1.2rem;
}
.jlward_btn1 {
    width: 3.4rem;
    bottom: 2.3rem;
    left: 0.8rem;
}
.jlward_btn2 {
    width: 3.4rem;
    bottom: 2.3rem;
    right:  0.8rem;
}
.centerbtn {
    width: 5.4rem;
    bottom: 1.5rem;
    left: 2.2rem;
}
.centerbtn1 {
    width: 5.4rem;
    bottom: 1.5rem;
    left: 2.2rem;
}
.yysuccesstips {
    width: 3rem;
    top: 3.6rem;
    left: 3.5rem;
}
.yytips {
    width: 4.8rem;
    top: 4rem;
    left: 2.1rem;
}
.successtipstxt {
    width: 7rem;
    font-size:.35rem;
    text-align:center;
    color:rgba(255,255,255,0.7);
    top: 7.8rem;
    left: 1.5rem;
}
.jianglitxt {
    width: 9rem;
    font-size:.45rem;
    text-align:center;
    top: 8.2rem;
    left: 0rem;
    color:#f19437;
}
.jianglitxt1 {
    width: 9rem;
    font-size:.35rem;
    text-align:center;
    top: 9rem;
    left: 0rem;
    color:#abaaa9;
}
.successimg {
    width: 6rem;
    top: .6rem;
    left: 2rem;
}
.otherdesc {
    width:8rem;
    margin:0.4rem;
}
.awardlist {
    width:8.8rem;
    height:11rem;
    top:calc(50vh - 5.5rem);
    left:0.6rem;
}
.nowardtips {
    width:8.0rem;
    height:10.35rem;
    margin:0 auto;
    background-color:#fff;
    border-radius:.2rem;
    font-size:.35rem;
    display:flex;
    align-items:center;
    justify-content:center;
    left:1rem;
    top:3.9rem;
}
.wardlist {
    width:8.8rem;
    height:10.4rem;
    margin:0 auto;
    left:0.6rem;
    top:3.92rem;
    overflow-y:scroll;
}
.wardinfo {
    width: 8.2rem;
    height:2.06rem;
    background-color:#fff;
    margin:0 auto;
    margin-bottom:.25rem;
    border-radius:.2rem;
}
.awardimg {
    width:1.5rem;
    height:1.5rem;
    top:.28rem;
    left:.25rem;
    border-radius:.2rem;
    border:solid 1px #cfcfcf;
}
.awardname {
    width:5.6rem;
    height:0.5rem;
    line-height:.5rem;
    overflow:hidden;
    font-size:.35rem;
    color:#551c04;
    top:.25rem;
    left:2.2rem;
}
.awardmonth {
    width:6rem;
    height:0.5rem;
    line-height:.5rem;
    font-size:.3rem;
    color:#a46214;
    top:.78rem;
    left:2.2rem;
}
.awardstate {
    width:6rem;
    height:0.5rem;
    line-height:.5rem;
    font-size:.3rem;
    color:#ff6118;
    top:1.31rem;
    left:2.2rem;
}
.getbtn {
    width:1.8rem;
    top:.70rem;
    right:0.3rem;
}
#swiper1 {
    height:2rem;
}
.lbinfo {
    width:9.6rem;
    height:3.6rem;
    margin:0 auto;
    margin-top:2.5rem;
}
.wardlbbg {
    width:9.6rem;
    height:3.6rem;
    top:0rem;
    left:0rem;
}
.lbimginfoOut {
    width: 9rem;
    height:2.2rem;
    top:1rem;
    left:.1rem;
    padding:0.2rem;
}
.lbimginfo {
    width: 2.0rem;
    height:2.0rem;
    float:left;
    margin-right:.35rem;
}
.wardlistbg {
    width: 2.0rem;
    height:2.0rem;
}
.lbaward {
    width: 2.0rem;
    height:2.0rem;
}
.awardstatus {
    width:9rem;
    height:1rem;
    border-bottom:solid 1px #ffe2d2;
}
.maindatalist {
    width:9.5rem;
    min-height:10rem;
    margin:0 auto;
    margin-top:.4rem;
    margin-bottom:.2rem;
    border-radius:.3rem;
    background-color:#FEA93A;
    border:solid 0.08rem #ffe29a;
}
.tbbg {
    width: 9.5rem;
    top: 0rem;
    left: 0rem;
}
.tguserinfo {
    width: 9.5rem;
    height:4.8rem;
}
.topicon {
    width: 3rem;
    top: 0.3rem;
    left: 0.2rem;
}
.stage {
    width: 4rem;
     top:2.6rem;
     left:2.75rem;
}
.tgcmpname {
    padding:0rem .35rem;
    font-size:.45rem;
    height:.8rem;
    line-height:.8rem;
    color:#fde6ce;
    right:.2rem;
    top:.35rem;
    background-color:#e57a07;
    border-radius:.5rem;
}
.tgheadimg {
    width:2rem;
    height:2rem;
    top:.6rem;
    left:3.65rem;
    background-color:#ffe8a8;
    border-radius:50%;
    border:solid 4px #ffedbc;
}
.tgusername {
    width:3rem;
    height:.8rem;
    line-height:.8rem;
    text-align:center;
    color:#551c04;
    font-size:.4rem;
    font-weight:bold;
    left:3.25rem;
    top:2.9rem;
}
.tgtotalinfo {
    width:9rem;
    height:4.6rem;
    margin-top:.2rem;
    left:0.2rem;
    background-color:#fff;
    border-radius:.5rem;
    border:solid 0.05rem #fff;
}
.tgcmpinfo {
    width:9rem;
    min-height:2.6rem;
    margin-top:.2rem;
    margin-bottom:.8rem;
    left:0.2rem;
    background-color:#fff;
    border-radius:.5rem;
    border:solid 0.05rem #fff;
}
.cmpinfotxt {
    width:8.2rem;
    line-height:.8rem;
    font-size:.45rem;
    color:#551c04;
    padding:.4rem;
}
.cmptitle {
    width:8.2rem;
    line-height:.8rem;
    font-size:.45rem;
    font-weight:bold;
    color:#551c04
}
.cmpdesc {
    width:8.2rem;
    line-height:.5rem;
    font-size:.35rem;
    color:#a7681f
}
.bdtop {
    width:9rem;
    border-radius:.5rem;
    top:0;
    left:0;
}
.ranktitle3 {
    width:4.6rem;
    top:-0.4rem;
    left:2.3rem;
}
.ranknum {
    width:8rem;
    top:1rem;
    left:0.4rem;
}
.num1 {
    width:2rem;
    height:.8rem;
    line-height:.8rem;
    text-align:center;
    color:#f56610;
    font-size:.4rem;
    font-weight:bold;
    left: 1.7rem;
    top: 1.55rem;
}
.num2 {
    width:2rem;
    height:.8rem;
    line-height:.8rem;
    text-align:center;
    color:#f56610;
    font-size:.4rem;
    font-weight:bold;
    left: 6.56rem;
    top: 1.55rem;
}
.num3 {
    width:2rem;
    height:.8rem;
    line-height:.8rem;
    text-align:center;
    color:#f56610;
    font-size:.4rem;
    font-weight:bold;
    left: 1.7rem;
    top: 3.6rem;
}
.num4 {
    width:2rem;
    height:.8rem;
    line-height:.8rem;
    text-align:center;
    color:#f56610;
    font-size:.4rem;
    font-weight:bold;
    left: 6.56rem;
    top: 3.6rem;
}
.inum1 {
    width:2rem;
    height:.8rem;
    line-height:.8rem;
    text-align:center;
    color:#f56610;
    font-size:.4rem;
    font-weight:bold;
    left: 1.75rem;
    top: 1.55rem;
}
.inum2 {
    width:2rem;
    height:.8rem;
    line-height:.8rem;
    text-align:center;
    color:#f56610;
    font-size:.4rem;
    font-weight:bold;
    left: 6.25rem;
    top: 1.55rem;
}
.inum3 {
    width:2rem;
    height:.8rem;
    line-height:.8rem;
    text-align:center;
    color:#f56610;
    font-size:.4rem;
    font-weight:bold;
    left: 1.75rem;
    top: 3.6rem;
}
.inum4 {
    width:2rem;
    height:.8rem;
    line-height:.8rem;
    text-align:center;
    color:#f56610;
    font-size:.4rem;
    font-weight:bold;
    left: 6.25rem;
    top: 3.6rem;
}
.numunit {
    color:#a46214;
    font-size:80%;
}
.rulenum {
    width: 4rem;
    height: .7rem;
    line-height:.7rem;
    font-size:.35rem;
    color:#fff;
    text-align:center;
    top: .3rem;
    left: 0.2rem
}
.getstatusbtn {
    width:1.4rem;
    height:.5rem;
    line-height:.5rem;
    text-align:center;
    border-radius:.4rem;
    font-size:.3rem;
    top:.23rem;
    right:.5rem;
}
.awardcrl1 {
    color:#ff9a62;
    border:solid 1px #ff9a62;
}
.awardcrl2 {
    color:#abd9c7;
    border:solid 1px #abd9c7;
}
.awardcrl3 {
    color:#e04e3f;
    border:solid 1px #e04e3f;
}
.info {
    width: 8.2rem;
    height:2.2rem;
}
.qdawardpic {
    width: 2rem;
    height: 2rem;
    top: .3rem;
    left: 1.11rem;
}
.qdawardimg {
    width: 1.8rem;
    height: 1.8rem;
    top: .3rem;
    left: 1.21rem;
}
.awardpic {
    width: 1.8rem;
    height: 1.8rem;
    top: .3rem;
    left: 0;
    border: solid 1px #e7e7e7;
    border-radius: .2rem;
}
.taskawardpic {
    width: 1.8rem;
    height: 1.8rem;
    top: .3rem;
    left: 0;
}
.qdawardname {
    width: 3.9rem;
    padding:.1rem .15rem;
    line-height:.6rem;
    font-size:.38rem;
    top:2.5rem;
    left:0rem;
    color:#898989;
    text-align:center;
}
.qdawarddate{
    width: 1.6rem;
    height:.6rem;
    line-height:.6rem;
    font-size:.35rem;
    text-align:center;
    border-radius:.3rem;
    font-weight:bold;
    top:1.4rem;
    left:2.2rem;
    color:#e67500;
    background-color:#ffdfbd;
}
.awarddate {
    width: 4rem;
    height:.6rem;
    line-height:.6rem;
    font-size:.34rem;
    top:1.5rem;
    left:2.2rem;
    color:#a6a5a5;
}
.canintegral {
    width:10rem;
    height:1rem;
    line-height:1rem;
    text-align:center;
    color:#fff;
    top:2.6rem;
    font-size:.45rem;
	text-shadow:#0099E9 0 2px 0;
}
.awardbtn {
    width: 1.6rem;
    top: 0.85rem;
    right: 0;
}
.awardbtn1 {
    width: 2rem;
    top: 0.85rem;
    right: 0;
}
.awarddate1 {
    width: 4rem;
    height:.6rem;
    line-height:.6rem;
    font-size:.28rem;
    top:1.1rem;
    left:1.9rem;
    color:#a6a5a5;
}
.wuliuno {
    height: .6rem;
    line-height: .6rem;
    text-align: right;
    border-radius: .4rem;
    font-size: .26rem;
    color: #a6a5a5;
    top: 1.5rem;
    right: .5rem;
}
.getbtncrl1 {
    background-color:#e4533f;
}
.getbtncrl2 {
    background-color:#d9d6d4;
}
.getbtncrl4 {
    background-color:#cfcecd;
}
.awardtitle {
    width:9rem;
    height:1rem;
    line-height:1rem;
    text-align:center;
    font-size:.46rem;
    color:#fff;
}
.noawardtips {
    width:8.6rem;
    height:3rem;
    line-height:3rem;
    font-size:.4rem;
    margin:0 auto;
    text-align:center;
    color:#a4a4a4;
    background-color:#fff;
}
.gettitle {
    width: 4rem;
    top: 2.5rem;
    left: 2.0rem;
}
.getawardbg1 {
    width: 9.6rem;
    height: 15.8rem;
    left:0.2rem;
}
.getawardbg2 {
    width: 9.6rem;
    height: 10.6rem;
    left:0.2rem;
}
.getawardbg3 {
    width: 9.6rem;
    height: 15.8rem;
    left:0.2rem;
    top:-1rem;
}
.getawardbg4 {
    width: 9.0rem;
    height: 13.2rem;
    left:0rem;
}
.successbg {
    width: 8.6rem;
    height: 9.8rem;
    left:0.7rem;
}
.pop{
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  background:rgba(0,0,0,.7);
  top:0;
  left:0;
}
.popCon{
  min-height: 10rem;
  height: auto;
  border-radius: 10px;
  box-sizing:border-box;
}
.closeqdtk {
    width:0.8rem;
    height:0.8rem;
    top:0.2rem;
    right:0.2rem;
    z-index:1;
}
.closetk {
    width:1rem;
    height:1rem;
    bottom:-1.5rem;
    left:3.5rem;
}
.forminfo {
    width: 5.8rem;
    /*height: 0.58rem;*/
    line-height: 0.58rem;
    font-size:0.35rem;
    top: 4.5rem;
    left: 0.9rem;
    padding: 0.2rem;
}
.forminfo1 {
    width: 5.8rem;
    /*height: 0.58rem;*/
    line-height: 0.58rem;
    font-size:0.35rem;
    top: 5.6rem;
    left: 0.9rem;
    padding: 0.2rem;
}
/*.inpsselect {
    width: 5.1rem;
    height: 0.58rem;
    line-height: 0.58rem;
    font-size:0.35rem;
    top: 0rem;
    left: 1.24rem;
    padding: 0.2rem;
}*/
.yyinps {
    width: 6rem;
    min-height:0.8rem;
    line-height: 0.8rem;
    font-size:0.35rem;
}
.inps {
    width: 7.4rem;
    min-height:1.0rem;
    line-height: 1.0rem;
    font-size:0.35rem;
    border:solid 1px #f8cf96;
    background-color:#fffbf3;
    border-radius:.2rem;
}
.inpsselect {
    top: 0rem;
}
.yyinpsname {
    top: 3.55rem;
    left: 1rem;
}
.yyinpsmobile {    
    top: 4.5rem;
    left: 1rem;
}
.yyinpscode {
    top: 5.4rem;
    left: 1rem;
}
.zbyyinpsname {
    top: 5.55rem;
    left: 1rem;
}
.zbyyinpsmobile {    
    top: 6.5rem;
    left: 1rem;
}
.zbyyinpscode {
    top: 7.4rem;
    left: 1rem;
}
.checkinpsname {
    top: 3.55rem;
    left: 1rem;
}
.checkinpsmobile {    
    top: 4.6rem;
    left: 1rem;
}
.checkinpscode {
    top: 5.55rem;
    left: 1rem;
}
.reginpsname {
    top: 5.6rem;
    left: 1rem;
}
.reginpsmobile {    
    top: 6.45rem;
    left: 1rem;
}
.reginpscode {
    top: 7.35rem;
    left: 1rem;
}
.inpsname {
    top: 8.2rem;
    left:1.25rem;
}
.inpsmobile {    
    top: 9.7rem;
    left:1.25rem;
}
.inpsaddress {
    top: 11.2rem;
    left:1.25rem;
    min-height:1.2rem;
}
.inpsbg {
    width: 6.2rem;
    height: 0.78rem;
    top: 0rem;
    left: 0rem;
}
.textbg {
    width: 6.2rem;
    height: 1.8rem;
    top: 0rem;
    left: 0rem;
}
.selprotype {
    width: 6.2rem;
    height: 0.78rem;
    line-height: 0.78rem;
    color:#000;
    font-size:0.35rem;
    top: 0rem;
    left: 0rem;
    padding: 0 0.2rem;
}
.yytxtname {
    width: 5.6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size:0.35rem;
    top: 0rem;
    left: 0rem;
    padding: 0 0.2rem;
}
.yytxtmobile {
    width: 5.6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size:0.35rem;
    left: 0rem;    
    padding: 0 0.2rem;
}
.yytxtcode {
    width: 3.6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size:0.35rem;
    left: 0rem;    
    padding: 0 0.2rem;
}
.checktxtname {
    width: 5.6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size:0.35rem;
    top: 0rem;
    left: 0rem;
    padding: 0 0.2rem;
}
.checktxtmobile {
    width: 3.6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size:0.35rem;
    left: 0rem;    
    padding: 0 0.2rem;
}
.checktxtcode {
    width: 3.6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size:0.35rem;
    left: 0rem;    
    padding: 0 0.2rem;
}
.regtxtname {
    width: 5.6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size:0.35rem;
    top: 0rem;
    left: 0rem;
    padding: 0 0.2rem;
}
.regtxtmobile {
    width: 5.6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size:0.35rem;
    left: 0rem;    
    padding: 0 0.2rem;
}
.regtxtcode {
    width: 3.6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size:0.35rem;
    left: 0rem;    
    padding: 0 0.2rem;
}
.btncode {
    width: 2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size:0.35rem;
    text-align:center;
    color:#fff;
    left: 4rem;    
}
.headimgDiv {
    width:1.6rem;
    height:1.6rem;
    border:solid 4px #f8cf96;
    border-radius:50%;
    overflow:hidden;
    left:3.1rem;
    top:2.7rem;
}
.headimg {
    width:1.6rem;
    height:1.6rem;
    border-radius:50%;
    top:0;
    left:0;
}
.regnickname {
    width: 4rem;
    height: 0.6rem;
    line-height: .6rem;
    font-size: .35rem;
    font-weight: bold;
    color: #fff;
    top: 4.7rem;
    left: 2rem;
    text-align:center;
}
.agreetxt {
    width: 6rem;
    top: 9rem;
    left: 1rem;
}
.agreesel {
    width: .3rem;
    height:.3rem;
    top: 9rem;
    left: 0.6rem;
}
.agreeclick1 {
    width: 7rem;
    height:1.4rem;
    top: 9rem;
    left: 0rem;
}
.agreeclick2 {
    width: 3rem;
    height:0.6rem;
    top: 10.4rem;
    left: 1rem;
}
.agreeclick3 {
    width: 3rem;
    height:0.6rem;
    top: 10.4rem;
    left: 4.2rem;
}
.yy_btn1 {
    width: 3.0rem;
    bottom: 3.1rem;
    left: 0.9rem;
}
.reg_btn2 {
    width: 3.0rem;
    bottom: 2.2rem;
    right:  0.9rem;
}
.reg_btn1 {
    width: 3.0rem;
    bottom: 2.2rem;
    left: 0.9rem;
}
.yy_btn2 {
    width: 3.0rem;
    bottom: 3.1rem;
    right:  0.9rem;
}
.txtname {
    width: 7.0rem;
    height: 1.0rem;
    line-height: 1.0rem;
    font-size:0.35rem;
    top: 0rem;
    left: 0rem;
    padding: 0 0.2rem;
}
.txtmobile {
    width: 7.0rem;
    height: 1.0rem;
    line-height: 1.0rem;
    font-size:0.35rem;
    left: 0rem;    
    padding: 0 0.2rem;
}
.txtaddress {
    width: 7.0rem;
    height: 1.2rem;
    line-height: 0.58rem;
    font-size:0.35rem;
    left: 0rem;
    padding: 0 0.2rem;
}
.tips {
    width: 6.1rem;
    line-height: 0.42rem;
    font-size: 0.25rem;
    top: 11.1rem;
    left: 2rem;
    color: #bcbbb7;
}
.dplist {
    width: 5.55rem;
    height: 4rem;
    line-height: 0.58rem;
    font-size:0.35rem;
    left: 0rem;
    top:0.8rem;
    background-color:#f7f7f7;
    border:solid 1px #ffd68b;
    padding: 0 0.3rem;
}
.selprotypeinfo {
    width: 5.55rem;
    height: 0.99rem;
    line-height: 0.99rem;
    border-bottom:solid 1px #dddddd;
    font-size:0.3rem;
}
.selprotypeinfo:nth-child(4n) {    
    border:none;
}
.backbtn {
    width: 2.8rem;
    top: 11.6rem;
    left: .66rem;
}
.surebtn {
    width: 2.8rem;
    top: 11.6rem;
    left: 4.46rem;
}
.txtname1 {
    width: 5.1rem;
    height: 0.58rem;
    line-height: 0.58rem;
    font-size:0.35rem;
    top: 5rem;
    left: 1.24rem;
    padding: 0.2rem;
}
.txtmobile1 {
    width: 5.1rem;
    height: 0.58rem;
    line-height: 0.58rem;
    line-height: 1rem;
    font-size:0.35rem;
    top: 6.2rem;
    left: 1.24rem;    
    padding: 0.2rem;
}
.backbtn1 {
    width: 2.5rem;
    top: 9.4rem;
    left: 1.26rem;
}
.surebtn1 {
    width: 2.5rem;
    top: 9.4rem;
    left: 4.26rem;
}
.backbtn2 {
       width: 3.5rem;
    top: 11.7rem;
    left: 2.21rem;
}