@charset "utf-8";
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust: none;
    border: 0;
    margin: 0;
    padding: 0;
}

.ruletr{height:1.8rem;font-size:0.6rem;color:#915319; text-align:center;z-index: 995;clear: both;position: relative;bottom: -30px;left: 0px;}/*20160301*/

.ruletr a {
    width: 40%;
    text-align: center;
}

.ruletr a.but01{width:100px;height:35px;line-height:35px;color:#fff; background:#36E0A7;border-radius:20px;font-size:15px;text-align:center; display:inline-block}

.Namelist{height:47px; background:#fcb34e;border:1px solid #c88c5a; border-radius:6px;margin:0 0.25rem;position:absolute;left:0;top:18rem;width:15.5rem}/*20160301*/

.Namelist .s1 {
    float: left;
    width: 5rem;
    line-height: 47px;
    color: #7b3e0d;
    font-size: 0.8rem;
    text-align: center
}

.Namelist .s2 {
    float: left;
    width: 10rem;
    height: 42px;
    overflow: hidden;
    margin-top: 2px;
}

.Namelist ul {
    color: #7b3e0d;
}

.Namelist ul li {
    height: 21px;
    line-height: 21px;
    font-size: 0.6rem
}

.Namelist ul li span {
    float: left;
}

.w70 {
    width: 70%
}

.w30 {
    width: 30%;
    text-align: center;
}

.fangzi {
    height: 2.45rem;
    width: 5.225rem;
    position: absolute;
    left: 50%;
    top: 0.35rem;
    margin-left: -2.4rem;
    z-index: 20;
}

.pan {
    width: 14.45rem;
    height: 14.45rem;
    position: absolute;
    left: 50%;
    margin-left: -7.225rem;
    top: 1rem;
    z-index: 2;
}

.needle {
    width: 5.875rem;
    height: 9.4rem;
    position: absolute;
    left: 50%;
    margin-left: -2.9375rem;
    top: 2.5rem;
    z-index: 5;
}

#lotteryBtn{
    width: 12.925rem;
    height: 12.925rem;
    position: absolute;
    left: 50%;
    margin-left: -6.4625rem;
    top: 1.7rem;
    z-index: 5;
}

.needle1 {
    width: 12.925rem;
    height: 12.925rem;
    position: absolute;
}

.ntegra_0, .ntegra_1, .ntegra_2, .ntegra_3, .ntegra_4, .ntegra_5, .ntegra_6, .ntegra_7 {

    width: 3.4rem;
    height: 4rem;
    font-size: 0.6rem;
    color: #333;
    text-align: center;
    position: absolute;
    left: 48%;
    margin-left: -3.5rem;
    top: 2rem;
    z-index: 3;
    overflow: hidden;

}

.ntegra_0 p, .ntegra_1 p, .ntegra_2 p, .ntegra_3 p, .ntegra_4 p, .ntegra_5 p, .ntegra_6 p, .ntegra_7 p {
    width: 3rem;
    height: 1.35rem;
    overflow: hidden
}

/*.ntegral .line, .ntegral1 .line, .ntegral2 .line, .ntegral3 .line, .ntegral4 .line, .ntegral5 .line, .ntegral6 .line, .ntegral7 .line {*/
    /*line-height: 1.45rem;*/

/*}*/

.ntegra_0 em, .ntegra_1 em, .ntegra_2 em, .ntegra_3 em, .ntegra_4 em, .ntegra_5 em, .ntegra_6 em, .ntegra_7 em {
    font-size: 0.6rem;
    color: #333;
    font-style: normal;
}

.ntegra_0 .pic, .ntegra_1 .pic, .ntegra_2 .pic, .ntegra_7 .pic, .ntegra_3 .pic, .ntegra_4 .pic, .ntegra_5 .pic, .ntegra_6 .pic {
    width: 2.2rem;
    height: 2.2rem;
    margin-top:0.4rem;

}

.ntegra_0 {
    left: 52%;
    margin-left: 0rem;
    top: 2.1rem;
}

.ntegra_1 {
    left: 50%;
    margin-left: 3.4rem;
    top: 5.1rem;
}

.ntegra_2 {
    left: 50%;
    margin-left: 3.4rem;
    top: 9.4rem;
}

.ntegra_3 {
    left: 50%;
    margin-left: 0.4rem;
    top: 12.5rem;
}

.ntegra_4 {
    left: 50%;
    margin-left: -3.8rem;
    top: 12.4rem;
}

.ntegra_5 {
    left: 50%;
    margin-left: -6.8rem;
    top: 9.6rem;
}

.ntegra_6 {
    left: 50%;
    margin-left: -6.8rem;
    top: 5rem;
}

.d_7 {
    -moz-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
}

.d_0 {
    -moz-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}

.d_1 {
    -moz-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
    -o-transform: rotate(70deg);
    transform: rotate(70deg);
}

.d_6 {
     -moz-transform: rotate(-70deg);
     -webkit-transform: rotate(-70deg);
     -o-transform: rotate(-70deg);
     transform: rotate(-65deg);
 }
/*.d_2 {*/
    /*-moz-transform: rotate(120deg);*/
    /*-webkit-transform: rotate(120deg);*/
    /*-o-transform: rotate(120deg);*/
    /*transform: rotate(115deg);*/
/*}*/
.d_2 {
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(115deg);
}
.d_3 {
    -moz-transform: rotate(165deg);
    -webkit-transform: rotate(165deg);
    -o-transform: rotate(165deg);
    transform: rotate(160deg);

}
.d_4 {
    -moz-transform: rotate(205deg);
    -webkit-transform: rotate(205deg);
    -o-transform: rotate(205deg);
    transform: rotate(205deg);

}
.d_5 {
    -moz-transform: rotate(250deg);
    -webkit-transform: rotate(250deg);
    -o-transform: rotate(250deg);
    transform: rotate(250deg);

}
.rotateInNewspaper {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    /*transform-origin:50% 68%;*/
    -webkit-animation: rotateInNewspaper 2s both ease;
    animation: rotateInNewspaper 2s both ease;
}

@-webkit-keyframes rotateInNewspaper {
    from {
        -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 1;
    }
}

@keyframes rotateInNewspaper {
    from {
        -webkit-transform: translateZ(-3000px) rotateZ(-360deg);
        transform: translateZ(-3000px) rotateZ(-360deg);
        opacity: 1;
    }
}

.cpResultbox {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 998;
    display: none;
}
.mask{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.85);
}

.cpResultbox.cpResultshow .cpResult,
.cpResultbox.shareshow .share,
.cpResultbox.cpgzshow .cpgz,
.cpResultbox.popruleshow .poprule,
.cpResultbox.popruleshow .awards,
.cpResultbox.startOrEndshow .startOrEnd,
.cpResultbox.playLoginShow .playLogin,
.cpResultbox.prizeListCodeshow .prizeListCode{
    display: block;
}
.share {
    position: relative;
    width: 7.775rem;
    height: 3.325rem;
    top: 14px;
    left: 5.25rem;
    display: none;
}
.startOrEnd{
	position: relative;
	width: 13rem;
	height: 9rem;
	top: 50%;
	margin: -4.5rem auto 0;
	display: none;
}
.playLogin{
	position: relative;
	width: 13rem;
	height: 9rem;
	top: 50%;
	margin: -4.5rem auto 0;
	display: none;
}
.poprule,.awards, .cpgz, .prizeListCode,.no_poprule {
    position: absolute;
    width: 100%;
    height: 17.5rem;
    top:5%;
    /*left: 12%;*/
    /*margin-top: 5rem ;*/
    /*margin-left: 5%;*/
    display: none;
    z-index: 999;

}
.no_poprule{}
.poprule,.awards,.cpgz{
    height: 90%;
    overflow: auto;
    /*border-radius: 7px;*/
}

.no_bg{width: 17rem;position: relative;left: 50%;margin-left: -8.5rem;}
.again{width: 80px;position: absolute;bottom:2rem;left: 50%;margin-left: -40px;}

/*.cpgz{*/
    /*height: 12.5rem;*/
/*}*/
.prizeListCode{
	height:12.5rem
}
.cptr01 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 6.2rem;
    height: 2.875rem; /*background: url(//js.soufunimg.com/wireless_m/touch/activity/newWheelLottery/images/icon2-1.png) no-repeat left top;background-size:cover*/
}

.cptr02 {
    /*position: absolute;*/
    /*top: 2.59rem;*/
    /*left: 24%;*/
    /*margin-left: -5rem;*/
    padding: 5%;
    width: 80%;
    height: 90%;
    background: #fdc652;
    /*background: url(bggg.png) no-repeat;*/
    /*background-size: 100% 100%;*/
    border-radius: 7px;
    overflow: auto;
    color: #7f4611;
    margin-left: auto;
    margin-right: auto;

}
/*@media (min-width:360px)and (max-width: 413px){*/
    /*.poprule,.awards,.cpgz {top: 15%;}*/
/*}*/
/*@media (min-width:414px){*/
    /*.poprule,.cpgz {top: 15%;}*/

/*}*/
.poprule .close,.awards .close,.cpgz .close, .cpResult .close, .prizeListCode .close, .point .close{
    position: absolute;
    width: 0.65rem;
    height: 0.65rem;
    right: 10%;
    background: url(close.png) no-repeat;
    background-size: 100%;
}

.cptr02 h1 {
    height: 1rem;
    font-size: 0.75rem;
}

.mar20 {
    margin-top: 20px;
}

.cptr02 p {
    line-height: 1rem;
    font-size: 0.6rem;
}

.cptr02 td {
    line-height: 1rem;
    font-size: 0.6rem;
}

.login {
    width: 95%;
    margin: 0 auto
}

.login li{width:11.75rem;height:1.5rem;line-height:1.5rem;margin-top:12px;font-size:13px;color:#666;}


.login li .divbj {
    height: 1.5rem;
    background: #fff;
    border-radius: 6px;
    text-indent: 6px;
}

.login li input{
	height:1.5rem;
    width:8rem;
    background:transparent;
    color:#666;border:0rem;
    font-size:13px;
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
    border-bottom:1px solid #e2d5c5;
     outline:none;
     border:0
     }

.login li input[type='button']{
	max-width:3.8rem;
	min-width:3.8rem;
	width:3.8rem;
	height:1.5rem;
	background:#f4f4f4;
	border:none;
	border-radius:6px;
	color:#663300; 
	text-align:center;
	margin-left:5px;
	}


.login a {
    display: block;
    width: 4.5rem;
    height: 1.5rem;
    margin: 15px auto 0;
}

.cptr03 {
    position: absolute;
    top: 2.59rem;
    left: 0px;
    width: 12rem;
    background: #fdc652;
    border-radius: 7px;
    padding: 15px 0.5rem;
    color: #7f4611
}

.cptr03 p {
    line-height: 2.25rem;
    font-size: 0.75rem;
    text-align: center
}

.cptr03 a {
    display: block;
    width: 4.025rem;
    height: 1.525rem;
    margin: 0 auto;
}

.cpResult {
    position: relative;
    width: 13rem;
    height: 9rem;
    top: 50%;
    margin: -4.5rem auto 0;
    display: none;
}

.myjp {
    padding: 0 10px;
}

.myjp .divw {
    text-align: center;
    margin: 4.25rem auto 0;
    font-size: 0.7rem;
    color: #999
}

.myjp li {
    height: 1.9rem;
    margin-top: 13px;
}

.myjp li .pic {
    float: left;
    width: 2rem;
    height: 1.9rem;
    overflow: hidden;
    margin-right: 1rem;
}

.myjp li .text {
    font-size: 0.7rem;
}

.myjp li .text.mat10 {
    padding-top: 20px
}

.myjp li .text em {
    font-style: normal;
    font-size: 0.75rem;
}

.myjp li .text p {
    display: block;
    font-size: 0.6rem;
    color: #999;
    margin-top: 6px;
}

#lotteryStart{
    width: 6rem;
    height: 6rem;
    position: absolute;
    left: 50%;
    margin-left: -3rem;
    top: 50%;
    margin-top: -3rem;
    z-index: 10;
}

.login li .btn-ok {max-width:3.8rem;min-width:3.8rem;width:3.8rem;height:1.5rem;line-height:1.5rem;background:#f4f4f4;border:none;border-radius:6px;color:#663300; text-align:center;display: inline-block;cursor: pointer;margin-top:0px}