/*@charset "utf-8";
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none;border:0;margin:0}
form, img, table, td { border:0;}
ul, ol, li p{ list-style-type:none; display: block; margin:0rem; padding:0rem}
P{-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;}
body { margin: 0; font-size: 1.4rem;color: #333; background-color:#f4f4f4;overflow-x: hidden;max-width: 640px;margin: 0 auto;}
a { color:#915319; text-decoration:none;}
a:link { text-decoration:none;}
a:visited { color:#915319;}
a:active { color:#915319;}
a:hover { color:#915319;}
img{vertical-align:middle;border:0;width:100%}
main{ display: block;}
.hide{ display:none;}*/
/* flex */

.flexbox{ display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient:horizontal; box-orient:horizontal; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.flexbox > *{ display: block; box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -ms-box-flex:1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
body:not(:-moz-handler-blocked) .flexbox { width: 100%;}
.dzppage{width:100%;margin-bottom:10px;}
.toppic {margin:0 auto}
.Gamecon{min-height:16rem;position: relative; overflow:hidden}
.ruletr{width:100%;height:1.8rem;line-height:1.8rem;padding:0 10px;font-size:0.6rem;color:#915319; text-align:center;margin-top:16.55rem; overflow:hidden}
.ruletr a{width:30%; text-align:center;}

.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;}
.needle1{width:12.925rem;height:12.925rem;position:absolute;left:50%;margin-left:-6.4625rem;z-index:5;}
.ntegral,.ntegral1,.ntegral2,.ntegral3,.ntegral4,.ntegral5,.ntegral6,.ntegral7{width:3rem;height:2.8rem;font-size:0.55rem;color:#985723; text-align:center;position:absolute;left:50%;margin-left:-3.2rem;top:1.6rem;z-index:3; overflow:hidden}
.ntegral p,.ntegral1 p,.ntegral2 p,.ntegral3 p,.ntegral4 p,.ntegral5 p,.ntegral6 p,.ntegral7 p{width:3rem;height:1.26rem;overflow:hidden}
.ntegral p.line,.ntegral1 p.line,.ntegral2 p.line,.ntegral3 p.line,.ntegral4 p.line,.ntegral5 p.line,.ntegral6 p.line,.ntegral7 p.line{padding-top:0.3rem}
.ntegral em,.ntegral1 em,.ntegral2 em,.ntegral3 em,.ntegral4 em,.ntegral5 em,.ntegral6 em,.ntegral7 em{font-size:0.7rem;color:#f9472b;font-style:normal;}
.ntegral .pic,.ntegral1 .pic,.ntegral2 .pic,.ntegral7 .pic,.ntegral3 .pic,.ntegral4 .pic,.ntegral5 .pic,.ntegral6 .pic{width:1.55rem;height:1.45rem; }
.ntegral1{left:50%;margin-left:0.2rem;}
.ntegral2{left:50%;margin-left:2.6rem;top:3.9rem;}
.ntegral3{left:50%;margin-left:2.7rem;top:7.8rem;}
.ntegral4{left:50%;margin-left:0rem;top:10.1rem;}
.ntegral5{left:50%;margin-left:-3.2rem;top:10.1rem;}
.ntegral6{left:50%;margin-left:-5.7rem;top:7.5rem;}
.ntegral7{left:50%;margin-left:-5.8rem;top:4.1rem;}
.d20f{-moz-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);-o-transform:rotate(-20deg);transform:rotate(-20deg); }
.d20{-moz-transform:rotate(20deg);-webkit-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg); }
.d70{-moz-transform:rotate(70deg);-webkit-transform:rotate(70deg);-o-transform:rotate(70deg);transform:rotate(70deg); }
.d70f{-moz-transform:rotate(-70deg);-webkit-transform:rotate(-70deg);-o-transform:rotate(-70deg);transform:rotate(-70deg); }
.d180{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg); }
.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;background: rgba(0,0,0,0.75);z-index: 998;}
.share{position:relative;width:7.775rem;height:3.325rem;top:14px;left:5.25rem}
.cpgz{position:relative;width:15rem;height:17.5rem;top: 50%;margin: -8.75rem auto 0;}
.cptr01{position:absolute;top:0px;left:0px;width:6.2rem;height:2.875rem; /*background: url(../images/icon2-1.png) no-repeat left top;background-size:cover*/}
.cptr02{position:absolute;top:2.59rem;left:0px;width:14rem;background:#fdc652; border-radius:7px;padding:15px 0.5rem;color:#7f4611}
.cpgz .close,.cpResult .close{position: absolute;width:0.65rem;height:0.65rem;right:10px;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:11.75rem; 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 .but01{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 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}

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

/*1130*/

.ruletr{width:100%;height:1.8rem;line-height:1.8rem;padding:0 10px;font-size:0.6rem;color:#915319; text-align:center;margin-top:16.55rem; overflow:hidden}
.Namelista{width: 100%}
.Namelistabox{height:110px;width:100%; position:relative}
.Namelista .title{height:1.325rem;line-height:1.2rem;width:100%;font-size:0.8rem;color:#7b3e0d; text-align:center;top:0.35rem;left:0; background:url(title01.png) no-repeat; background-size:100%; position: absolute;z-index:3}
.Namelista .cont{height:110px;width:95%;top:0;left:0.375rem;border:1px solid #fcb34e; position: absolute;z-index:2;overflow:hidden}
.Namelista ul {color:#7b3e0d;margin-top:1.7rem;height:60px;}
.Namelista ul li {height:21px; line-height:21px;font-size:0.55rem}
.Namelista ul li span{float:left;text-align:center;}
.Namelista ul li .w20{width:20%; text-align:center}
.Namelista ul li .w40{width:40%}
/*1209*/
.Namelista ul li .w30{width:30%;overflow:hidden}
.Namelista ul li .w25{width:25%; overflow:hidden}
.Namelista ul li .w15{width:15%;overflow:hidden}

.attendedno{border-top:7px solid #f0f0f0;border-bottom:7px solid #f0f0f0;padding:5px 14px; line-height:24px;font-size:0.55rem;margin-top:12px;color:#888}
.attendedno em{font-style:normal;color:#fcb34e}
.zpRule{padding:5px 14px;margin-top:12px;color:#888}
.zpRule h1{font-size:0.7rem; text-align:center}
.zpRule p{font-size:0.55rem;line-height:22px;}
.zpRule p.bj{font-size:0.6rem;background:url(icon001.png) no-repeat 0 4px; background-size:7px auto;padding-left:14px;margin-top:8px;}

.start{width:4.55rem;height:4.55rem;position:absolute;left:50%;top:50%;margin:-2.21rem 0 0 -2.275rem;z-index:4;}

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


/*1201*/
