body{ font-family:Microsoft YaHei, arial, Helvetica, sans-serif; font-size:14px; line-height:175%; margin:0px; padding:0px; min-width:1200px; position:relative; background:#5177d3;}
img{ border:0px;}
a{ color:#000000; text-decoration:none;}
a:hover{ color:#ff0000; text-decoration:underline;}
form{ margin:0px; padding:0px;}
input,select{ font-family:Microsoft YaHei, Arial, Helvetica, sans-serif; font-size:14px;}
.hide{ display:none;}
.clear{ clear:both;	float:none;}
.st{ font-family:"SimSun";}

.wrapper1{ width:auto; height:835px; margin:0 auto; padding:0px; clear:both;}

.wrapper1 .logo-box{ width:auto; height:190px; clear:both; background:url(../img/image_01.jpg) top center no-repeat;}
.wrapper1 .logo-box .logo-cot{ width:1000px; height:auto; margin:0 auto; padding-top:0px; clear:both; position:relative;}
.wrapper1 .logo-box .logo-cot .logo{ width:auto; height:auto; padding-top:33px; float:left;}
.wrapper1 .logo-box .logo-cot .logo .logo-my{ width:167px; height:125px; padding:0px 0px 0px 114px; float:left; font-size:0px;}
.wrapper1 .logo-box .logo-cot .logo .logo-17173{ width:130px; height:70px; padding:34px 0px 0px 25px; float:left; font-size:0px;}
.wrapper1 .logo-box .logo-cot .link{ width:280px; height:29px; line-height:27px; margin:20px 80px 0px 0px; float:right; background:url(../img/image_03.png) center no-repeat; text-align:center; font-size:16px; color:#000000;}
.wrapper1 .logo-box .logo-cot .link a{ padding:0px 12px; color:#000000; text-decoration:none;}
.wrapper1 .logo-box .logo-cot .link a:hover{ color:#fef8af; text-decoration:none;}

.wrapper1 .slogan1{ width:auto; height:315px; clear:both; background:url(../img/image_04.jpg) top center no-repeat;}
.wrapper1 .slogan1 .video-cot{ width:1000px; height:auto; margin:0 auto; padding-top:0px; clear:both; position:relative;}
.wrapper1 .slogan1 .video-cot .video{ width:102px; height:102px; clear:both; position:absolute; top:-80px; left:569px; background:url(../img/image_04.png) 0 0 no-repeat; font-size:0px; line-height:0px; position:relative;}
.wrapper1 .slogan1 .video-cot .video:hover{ background-position:0px -102px;}
.wrapper1 .slogan1 .video-cot .video a{ display:block; width:102px; height:102px;}
.wrapper1 .slogan1 .video-cot .video .round{ width:102px; height:102px; clear:both; position:absolute; top:0px; left:0px; background:url(../img/image_04_2.png) center no-repeat; font-size:0; line-height:0;}
.wrapper1 .slogan1 .video-cot .video .pay{ width:102px; height:102px; clear:both; position:absolute; top:0px; left:0px; background:url(../img/image_04_3.png) center no-repeat; font-size:0; line-height:0;}
.wrapper1 .slogan1 .video-cot .video .round{
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
	-webkit-animation: rotate 3s linear infinite;
	-moz-animation: rotate 3s linear infinite;
	-o-animation: rotate 3s linear infinite;
	animation: rotate 3s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
.wrapper1 .slogan2{ width:auto; height:180px; clear:both; background:url(../img/image_05.jpg) top center no-repeat;}
.wrapper1 .slogan2 .time-cot{ width:1000px; height:auto; margin:0 auto; padding-top:12px; clear:both; position:relative;}
.wrapper1 .slogan2 .time-cot .txt{ width:417px; height:53px; line-height:52px; padding-left:78px; clear:both; text-align:center; font-size:34px; color:#ffffff;}
.wrapper1 .slogan2 .time-cot .txt span{ padding-right:10px; color:#feffad; font-weight:bold;}
.wrapper1 .slogan2 .time-cot .time{ width:auto; height:auto; padding:28px 0px 0px 48px; clear:both; font-size:24px; color:#1d64b4; font-weight:bold;}
.wrapper1 .slogan2 .time-cot .share{ width:auto; height:auto; padding:15px 0px 0px 195px; clear:both; font-size:14px; color:#000000;}
.wrapper1 .slogan3{ width:auto; height:150px; clear:both; background:url(../img/image_06.jpg) top center no-repeat;}
.wrapper1 .slogan3 .but-cot{ width:1000px; height:auto; margin:0 auto; padding-top:0px; clear:both; position:relative;}
.wrapper1 .slogan3 .but-cot .but-link{ width:290px; height:84px; padding:43px 36px 43px 36px; clear:both; position:absolute; top:-25px; left:104px; background:url(../img/image_07.png) 0 0 no-repeat; font-size:0px; line-height:0px;}
.wrapper1 .slogan3 .but-cot .but-link:hover{ background-position:0px -170px;}
.wrapper1 .slogan3 .but-cot .but-link a{ display:block; width:290px; height:84px;}
.wrapper1 .slogan3 .but-cot .but-link{
	animation: scale 0.5s linear infinite alternate; 
	-webkit-animation: scale 0.5s linear infinite alternate; 
	-moz-animation: scale 0.5s linear infinite alternate; 
	-o-animation: scale 0.5s linear infinite alternate; 
}
@keyframes scale { 
	0% {transform: scale(0.9);}
 	100% {transform: scale(1);}
}
@-webkit-keyframes scale { 
	0% {-webkit-transform: scale(0.9);}
 	100% {-webkit-transform: scale(1);}
}
@-moz-keyframes scale { 
	0% {-moz-transform: scale(0.9);}
 	100% {-moz-transform: scale(1);}
}
@-o-keyframes scale { 
	0% {-o-transform: scale(0.9);}
 	100% {-o-transform: scale(1);}
}

.wrapper2-tit{ width:auto; height:150px; margin:0 auto; padding:0px; clear:both; background:url(../img/image_08.jpg) top center no-repeat;}
.wrapper2{ width:auto; height:721px; margin:0 auto; padding:0px; clear:both; background:url(../img/image_09.jpg) top center no-repeat;}
.wrapper2 .cot{ width:1000px; height:auto; margin:0 auto; padding:0px; clear:both;}

.wrapper2 .cot .login{ width:320px; height:520px; margin-top:68px; float:left;}
.wrapper2 .cot .login .exp{ width:320px; height:auto; margin:0 auto; padding-top:10px; clear:both; font-size:16px; color:#ffffff;}
.wrapper2 .cot .login .lc{ width:320px; height:520px; margin-left:-21px; clear:both;}

.wrapper2 .cot .getcode-box{ width:664px; height:auto; float:right;}
.wrapper2 .cot .getcode{ width:664px; height:auto; margin:0 auto; padding-top:23px; clear:both; position:relative;}
.wrapper2 .cot .getcode .gtit{ width:300px; height:50px; line-height:50px; margin:0 auto; clear:both; text-align:center; font-size:30px; color:#ffffff; font-weight:bold;}
.wrapper2 .cot .getcode .code{ width:634px; height:125px; margin:35px auto 0 auto; clear:both; position:relative;}
.wrapper2 .cot .getcode .code .arrow-left{ width:120px; height:45px; clear:both; position:absolute; top:19px; left:0px; z-index:1; background:url(../img/image_10.png) 0 0 no-repeat; font-size:0px; cursor:pointer;}
.wrapper2 .cot .getcode .code .arrow-left:hover{ background-position:0px -45px;}
.wrapper2 .cot .getcode .code .cc{ width:510px; height:auto; clear:both; position:absolute; top:0px; left:62px; z-index:2; overflow:hidden;}
.wrapper2 .cot .getcode .code .cc .li{ width:102px; height:auto; padding:0px; float:left;}
.wrapper2 .cot .getcode .code .cc .li .pic{ width:64px; height:64px; margin:0 auto; padding:12px 12px 13px 11px; clear:both; background:url(../img/image_11.png) center no-repeat; font-size:0px; line-height:0px;}
.wrapper2 .cot .getcode .code .cc .li .txt{ width:100px; height:auto; margin:0 auto; padding-top:5px; clear:both; text-align:center; font-size:14px; color:#312609; line-height:125%;}
.wrapper2 .cot .getcode .code .arrow-right{ width:120px; height:45px; clear:both; position:absolute; top:19px; right:0px; z-index:1; background:url(../img/image_12.png) 0 0 no-repeat; font-size:0px; cursor:pointer;}
.wrapper2 .cot .getcode .code .arrow-right:hover{ background-position:0px -45px;}
.wrapper2 .cot .getcode .details{ width:216px; height:30px; line-height:28px; margin:0 auto; clear:both; background:url(../img/image_13.png) 0 0 no-repeat; text-align:center; font-size:18px; color:#4060ce; font-weight:bold;}
.wrapper2 .cot .getcode .details:hover{ background-position:0px -30px;}
.wrapper2 .cot .getcode .details a{ display:block; width:216px; height:30px; color:#4060ce; text-decoration:none;}
.wrapper2 .cot .getcode .but-getcode{ width:275px; height:88px; margin:4px auto 0 auto; clear:both; background:url(../img/image_14.png) 0 0 no-repeat; position:relative;}
.wrapper2 .cot .getcode .but-getcode:hover{ background-position:0px -88px;}
.wrapper2 .cot .getcode .but-getcode a{ display:block; width:275px; height:88px; position:relative;}
.wrapper2 .cot .getcode .but-getcode a .txt{ width:75px; height:30px; clear:both; position:absolute; top:-4px; right:-49px; background:url(../img/image_15.png) center no-repeat; font-size:0px; line-height:0px;}
.wrapper2 .cot .getcode-elite{ padding-top:16px;}
.wrapper2 .cot .getcode-elite .but-getcode{ background:url(../img/image_16.png) 0 0 no-repeat;}
.wrapper2 .cot .getcode .but-getcode-new{
	animation: scale 0.5s linear infinite alternate; 
	-webkit-animation: scale 0.5s linear infinite alternate; 
	-moz-animation: scale 0.5s linear infinite alternate; 
	-o-animation: scale 0.5s linear infinite alternate; 
}
@keyframes scale { 
	0% {transform: scale(1);}
 	100% {transform: scale(1.1);}
}
@-webkit-keyframes scale { 
	0% {-webkit-transform: scale(1);}
 	100% {-webkit-transform: scale(1.1);}
}
@-moz-keyframes scale { 
	0% {-moz-transform: scale(1);}
 	100% {-moz-transform: scale(1.1);}
}
@-o-keyframes scale { 
	0% {-o-transform: scale(1);}
 	100% {-o-transform: scale(1.1);}
}

.wrapper3-tit{ width:auto; height:178px; margin:0 auto; padding:0px; clear:both; background:url(../img/image_17.jpg) top center no-repeat;}
.wrapper3{ width:auto; height:277px; margin:0 auto; padding:0px; clear:both; background:url(../img/image_18.jpg) top center no-repeat;}
.wrapper3 .cot{ width:1000px; height:auto; margin:0 auto; padding-top:0px; clear:both; position:relative;}

.wrapper3 .cot .num{ width:800px; height:56px; margin:0 auto; padding-top:0px; clear:both; text-align:center; font-size:24px; color:#ffffff; font-weight:bold;}
.wrapper3 .cot .num span{ padding:0 2px; color:#e7bb4e;}

.wrapper3 .cot .activate-win{ width:1000px; height:auto; margin:0 auto; clear:both;}
.wrapper3 .cot .activate{ width:450px; height:auto; padding-left:60px; float:left;}
.wrapper3 .cot .activate .code-cot{ width:370px; height:auto; padding:78px 0px 0px 0px; clear:both; position:relative;}
.wrapper3 .cot .activate .code-cot .p-num{ width:79px; height:39px; line-height:27px; clear:both; position:absolute; top:74px; left:345px; background:url(../img/image_20.png) center no-repeat; text-align:center; font-size:16px; color:#ffffff; font-weight:bold;}
.wrapper3 .cot .activate .code-cot .txt{ width:370px; height:32px; clear:both; font-size:16px; color:#ffffff; font-weight:bold;}
.wrapper3 .cot .activate .code-cot .input{ width:370px; height:auto; clear:both;}
.wrapper3 .cot .activate .code-cot .input input{ width:245px; height:37px; line-height:37px; padding:0px 10px; float:left; background:#ffffff; border:1px solid #ffffff;}
.wrapper3 .cot .activate .code-cot .input .but{ width:103px; height:39px; float:left; background:url(../img/image_19.png) 0 0 no-repeat; font-size:0px; cursor:pointer;}
.wrapper3 .cot .activate .code-cot .input .but:hover{ background-position:0px -39px;}
.wrapper3 .cot .activate .code-cot .input .but a{ display:block; width:103px; height:39px;}
.wrapper3 .cot .win{ width:510px; height:auto; margin:0 auto; padding:70px 0px 0px 34px; float:left; overflow:hidden;}
.wrapper3 .cot .win .wc{ width:510px; height:81px; clear:both; overflow:hidden;}
.wrapper3 .cot .win .wc ul{ list-style-type:none;}
.wrapper3 .cot .win .wc li{ width:510px; height:27px; clear:both; list-style-type:none; overflow:hidden;}
.wrapper3 .cot .win .wc li span{ display:inline-table; width:250px; height:auto; font-size:15px; color:#ffffff;}

.wrapper4{ width:auto; height:590px; margin:0 auto; padding:0px; clear:both; background:url(../img/image_21.jpg) top center no-repeat;}
.wrapper4 .cot{ width:1000px; height:auto; margin:0 auto; padding-top:0px; clear:both; position:relative;}

.wrapper4 .cot .prize{ width:679px; height:590px; margin:0px 0px 0px -7px; float:left; background:url(../img/image_22.png) center no-repeat; position:relative;}
.wrapper4 .cot .prize .cot{ width:633px; height:528px; clear:both; position:absolute; top:28px; left:19px; z-index:2; background:url(../img/image_23.png) center no-repeat;}
.wrapper4 .cot .prize .lottery{ width:235px; height:190px; padding:0px; clear:both; position:absolute; top:201px; left:219px; z-index:3; background:url(../img/image_24.png) 0 0 no-repeat;}
.wrapper4 .cot .prize .lottery:hover{ background-position:0 -190px;}
.wrapper4 .cot .prize .lottery a{ width:235px; height:190px; display:block; text-decoration:none; text-align:center; font-size:14px; color:#000000;}
.wrapper4 .cot .prize .move{ position:absolute; width:209px; height:173px; left:19px; top:28px; z-index:1; background:url(../img/image_25.png) center no-repeat; font-size:0px;}

.wrapper4 .cot .rule{ width:303px; height:auto; float:right;}
.wrapper4 .cot .rule .rt{ width:303px; height:60px; padding-top:0px; clear:both; font-size:0px; line-height:0px;}
.wrapper4 .cot .rule .rc{ width:303px; height:auto; padding-top:0px; clear:both;}
.wrapper4 .cot .rule .rc .li{ width:303px; height:auto; padding-bottom:5px; clear:both; font-size:16px; color:#ffffff; line-height:170%;}
.wrapper4 .cot .rule .rc .li span{ color:#ffcf59; font-weight:bold;}

.wrapper5-tit{ width:auto; height:170px; margin:0 auto; padding:0px; clear:both; background:url(../img/image_26.jpg) top center no-repeat;}
.wrapper5{ width:auto; height:874px; margin:0 auto; padding:0px; clear:both;}
.wrapper5-1{ background:url(../img/image_27_1.jpg) top center no-repeat;}
.wrapper5-2{ background:url(../img/image_27_2.jpg) top center no-repeat;}
.wrapper5-3{ background:url(../img/image_27_3.jpg) top center no-repeat;}
.wrapper5 .cot{ width:1000px; height:auto; margin:0 auto; padding-top:0px; clear:both; position:relative;}

.wrapper5 .cot .nav{ width:194px; height:191px; clear:both; position:absolute; top:93px; left:894px;}
.wrapper5 .cot .nav .li{ width:194px; height:191px; clear:both; font-size:0px; line-height:0px; cursor:pointer;}
.wrapper5 .cot .nav .li1{ background:url(../img/image_28.png) 0 0 no-repeat;}
.wrapper5 .cot .nav .li2{ background:url(../img/image_28_2.png) 0 0 no-repeat; display:none;}
.wrapper5 .cot .nav .li:hover{ background-position:0px -191px;}

.wrapper5 .cot .content{ width:1000px; height:auto; margin:0px; padding:0px; clear:both; position:relative;}
.wrapper5 .cot .content .cnav{ width:auto; height:auto; clear:both; position:absolute; top:537px; left:849px;}
.wrapper5 .cot .content .cnav .li{ width:111px; height:111px; clear:both; position:absolute; top:0px; left:0px; font-size:0px; line-height:0px; cursor:pointer;}
.wrapper5 .cot .content .cnav .li1{ top:0px; left:110px; background:url(../img/image_33.png) 0 0 no-repeat;}
.wrapper5 .cot .content .cnav .li2{ top:129px; left:0px; background:url(../img/image_34.png) 0 0 no-repeat;}
.wrapper5 .cot .content .cnav .li-on{ background-position:0px -111px;}
.wrapper5 .cot .content .txt{ width:300px; height:auto; clear:both; position:absolute; top:244px; left:-50px; font-size:16px; color:#ffffff; line-height:160%;}
.wrapper5 .cot .content .txt span{ display:block; padding-bottom:5px; font-size:18px; color:#ffed7e;}
.wrapper5 .cot .content .info{ width:450px; height:auto; clear:both; position:absolute; top:369px; left:-77px;}
.wrapper5 .cot .content .info .inav{ width:410px; height:72px; margin:0 auto; clear:both;}
.wrapper5 .cot .content .info .inav .li{ width:196px; height:72px; float:left; background:url(../img/image_29.png) 0 0 no-repeat; font-size:0px; line-height:0px; cursor:pointer;}
.wrapper5 .cot .content .info .inav .li2{ float:right; background:url(../img/image_30.png) 0 0 no-repeat;}
.wrapper5 .cot .content .info .inav .li-on{ background-position:0px -72px;}
.wrapper5 .cot .content .info .icot{ width:390px; height:auto; margin:0 auto; padding-top:0px; clear:both;}
.wrapper5 .cot .content .info .icot .itxt{ width:375px; height:auto; margin:0 auto; padding-top:30px; clear:both; font-size:16px; color:#ffffff; line-height:160%;}
.wrapper5 .cot .content .info .icot .ipic{ width:390px; height:auto; clear:both; position:relative;}
.wrapper5 .cot .content .info .icot .ipic .arrow-left{ width:120px; height:39px; clear:both; position:absolute; top:80px; left:-35px; background:url(../img/image_31.png) center no-repeat; font-size:0px; line-height:0px; cursor:pointer;}
.wrapper5 .cot .content .info .icot .ipic .arrow-right{ width:120px; height:39px; clear:both; position:absolute; top:80px; right:-35px; background:url(../img/image_32.png) center no-repeat; font-size:0px; line-height:0px; cursor:pointer;}
.wrapper5 .cot .content .info .icot .ipic .pics{ width:260px; height:247px; margin:0 auto; clear:both;}
.wrapper5 .cot .content .info .icot .ipic .pics .pli{ width:260px; height:247px; clear:both; position:relative;}
.wrapper5 .cot .content .info .icot .ipic .pics .pli .ppic{ width:260px; height:247px; clear:both; font-size:0px; line-height:0px;}
.wrapper5 .cot .content .info .icot .ipic .pics .pli .ptxt{ width:260px; height:auto; clear:both; position:absolute; top:200px; left:0px; text-align:center; font-size:20px; color:#ffffff;}

.wrapper5 .cot .content .c2-tit{ width:350px; height:auto; clear:both; position:absolute; top:275px; left:-45px; font-size:32px; color:#ffffff; font-weight:bold;}
.wrapper5 .cot .content .c2-tit span{ display:inline-table; padding-left:10px; font-size:16px; color:#ffed7e; font-weight:normal;}
.wrapper5 .cot .content .c2-cot{ width:460px; height:auto; clear:both; position:absolute; top:400px; left:-45px; font-size:18px; color:#ffffff; line-height:170%;}

.wrapper5 .cot .but-like{ width:290px; height:84px; clear:both; position:absolute; top:685px; left:0px; background:url(../img/image_35.png) 0 0 no-repeat; font-size:0px; line-height:0px;}
.wrapper5 .cot .but-like:hover{ background-position:0px -84px;}
.wrapper5 .cot .but-like a{ display:block; width:290px; height:84px;}

.wrapper6{ width:auto; height:100px; margin:0px auto; padding-top:30px; clear:both; background:#000000; color:#ffffff;}
.wrapper6 .global-footer{ color:#ffffff;}
.wrapper6 .global-footer a{ color:#ffffff;}
.wrapper6 .copyright{ color:#ffffff;}




.scroll{ width:220px; height:auto; margin:0px; padding:0px; clear:both; position:fixed; top:50%; right:10px; margin-top:-280px; z-index:1000; _display:none;}
.scroll .cot{ width:220px; height:201px; margin:0px; padding-top:273px; clear:both; background:url(../img/image_37.png) top right no-repeat; font-size:0px;}
.scroll .cot .li{ width:150px; height:43px; line-height:42px; margin:0 auto; padding-top:0px; clear:both; text-align:center; font-size:21px; color:#ffffff; font-weight:bold;}
.scroll .cot .li a{ display:block; width:150px; height:43px; text-align:center; color:#ffffff; text-decoration:none;}
.scroll .cot .li a:hover{ color:#ffdb81; font-weight:bold;}
.scroll .cot .li-top{ width:50px; height:30px; margin:15px auto 0 auto; padding:0px; clear:both;}
.scroll .cot .li-top a{ display:block; width:50px; height:30px;}







.popup-box{ display:none;}

.popup{ width:380px; height:300px; margin:0px; padding:0px; clear:both; background:url(../img/popup.png) top center no-repeat;}
.popup .txt{ width:340px; height:auto; margin:0 auto; padding-top:140px; clear:both; text-align:center; font-size:16px; color:#ffffff; line-height:170%;}
.popup .cot{ width:270px; height:auto; margin:0 auto; padding-top:10px; clear:both;}

.popup-l{ width:380px; height:420px; margin:0px; padding:0px; clear:both; background:url(../img/popup_01.png) top center no-repeat;}
.popup-l .p-lottery{ width:320px; height:auto; margin:0 auto; padding:0px; clear:both;}
.popup-l .p-lottery .txt{ width:280px; height:auto; margin:0 auto; padding-top:140px; clear:both; text-align:center; font-size:20px; color:#ffffff; line-height:200%;}
.popup-l .p-lottery .txt2{ padding-top:150px; font-size:16px;}
.popup-l .p-lottery .but{ width:250px; height:60px; margin:30px auto 0px auto; padding:0px; clear:both; background:url(../img/popup_but_download.png) 0 0 no-repeat; font-size:0px;}
.popup-l .p-lottery .but:hover{ background-position:0px -60px;}
.popup-l .p-lottery .but a{ display:block; width:250px; height:60px;}
.popup-l .p-lottery .but2{ width:320px; height:auto; margin:20px auto 0px auto; padding:0px; clear:both;}
.popup-l .p-lottery .but2 .bl{ width:60px; height:60px; margin:0px 10px; float:left; text-align:center;}
.popup-l .p-lottery .but2 .bl-download{ background:url(../img/popup_buts_download.png) center no-repeat;}
.popup-l .p-lottery .but2 .bl-share-qq{ background:url(../img/popup_buts_qq.png) center no-repeat;}
.popup-l .p-lottery .but2 .bl-share-weibo{ background:url(../img/popup_buts_weibo.png) center no-repeat;}
.popup-l .p-lottery .but2 .bl-invite{ background:url(../img/popup_buts_invite.png) center no-repeat;}
.popup-l .p-lottery .but2 .bl a{ display:block; width:60px; height:60px; position:relative;}
.popup-l .p-lottery .but2 .bl a .share{ width:60px; height:60px; position:absolute; top:0px; left:0px;}

.popup-l .p-code{ width:300px; height:auto; margin:0 auto; padding:0px; clear:both;}
.popup-l .p-code .txt{ width:300px; height:auto; margin:0 auto; padding-top:150px; clear:both; text-align:center; font-size:18px; color:#ffffff; line-height:200%;}
.popup-l .p-code .txt span{ font-size:30px;}
.popup-l .p-code .but{ width:250px; height:60px; margin:45px auto 0px auto; padding:0px; clear:both; background:url(../img/popup_but_getcode.png) 0 0 no-repeat; font-size:0px;}
.popup-l .p-code .but:hover{ background-position:0px -60px;}
.popup-l .p-code .but a{ display:block; width:250px; height:60px;}
.popup-l .p-code .but-activate{ width:250px; height:60px; margin:30px auto 0px auto; padding:0px; clear:both; background:url(../img/popup_but_activate.png) 0 0 no-repeat; font-size:0px;}
.popup-l .p-code .but-activate:hover{ background-position:0px -60px;}
.popup-l .p-code .but-activate a{ display:block; width:250px; height:60px;}

.popup-c{ width:380px; height:420px; margin:0px; padding:0px; clear:both; background:url(../img/popup_01.png) top center no-repeat;}
.popup-c .pc-code{ width:283px; height:auto; margin:0 auto; padding-top:140px; clear:both; overflow:hidden; color:#ffffff;}
.popup-c .pc-code .sudoku{ width:310px; height:247px; margin:-20px auto 0px auto; clear:both;}
.popup-c .pc-code .txt{ width:283px; height:80px; margin:0 auto; padding-top:10px; clear:both; text-align:center; font-size:14px; color:#ff0000;}
.popup-c .pc-code .txt .showhtml-div{ text-align:center;}
.popup-c .pc-code .txt .showhtml-div .cot{ text-align:center;}
.popup-c .pc-code .tit{ color:#ffffff;}
.popup-c .pc-code .but{ width:250px; height:60px; margin:0px auto; padding:0px; clear:both; background:url(../img/popup_but_lottery.png) 0 0 no-repeat; font-size:0px;}
.popup-c .pc-code .but:hover{ background-position:0px -60px;}
.popup-c .pc-code .but a{ display:block; width:250px; height:60px;}
.popup-c .pc-code .explain{ width:283px; height:auto; padding-top:25px; clear:both; font-size:14px; color:#ffffff;}

.popup-c .pc-send{ width:283px; height:auto; margin:0 auto; padding-top:140px; clear:both; overflow:hidden;}
.popup-c .pc-send .remark{ width:283px; height:auto; margin:0 auto; padding-top:0px; clear:both; font-size:14px;}
.popup-c .pc-send .remark a{ color:#ff0000; text-decoration:underline;}
.popup-c .pc-send .cot{ width:283px; height:auto; margin:0 auto; padding-top:15px; padding-left:16px; clear:both;}
.popup-c .pc-send .cot .li{ width:280px; height:30px; line-height:30px; padding-bottom:8px; clear:both; overflow:hidden;}
.popup-c .pc-send .cot .li .input{ width:auto; height:30px; float:left; font-size:14px; color:#000000;}
.popup-c .pc-send .cot .li .input input{ width:197px; height:28px; padding:0 5px; background:#ffffff; border:1px solid #319dce; font-size:14px;}
.popup-c .pc-send .cot .li .but-mobile{ width:60px; height:30px; line-height:30px; float:right; background:#285a94; text-align:center; font-size:12px; color:#000000;}
.popup-c .pc-send .cot .li .but-mobile a{ display:block; width:60px; height:30px; color:#000000; text-decoration:none;}
.popup-c .pc-send .but-submit{ width:250px; height:60px; margin:15px auto 0px auto; padding:0px; clear:both; background:url(../img/popup_but_submit.png) 0 0 no-repeat; font-size:0px;}
.popup-c .pc-send .but-submit:hover{ background-position:0px -60px;}
.popup-c .pc-send .but-submit a{ display:block; width:250px; height:60px;}

.popup-i{ width:715px; height:404px; margin:0px; padding:0px; clear:both; background:url(../img/popup_03.png) center no-repeat; position:relative;}
.popup-i .tit{ width:500px; height:auto; margin:0px auto; padding-top:140px; clear:both; text-align:center; font-size:24px; color:#ffffff;}
.popup-i .cot{ width:580px; height:auto; margin:0px auto; padding-top:10px; clear:both;}
.popup-i .cot .share-box{ width:520px; height:auto; margin:0 auto; padding:0px; clear:both;}
.popup-i .cot .share-box .li{ width:80px; height:110px; margin:0px 25px; float:left; text-align:center; font-size:12px; color:#2a303e; line-height:200%; position:relative; cursor:pointer;}
.popup-i .cot .share-box .li:hover{ color:#2a303e; text-decoration:none;}
.popup-i .cot .share-box .li a{ display:block; width:80px; height:110px; position:relative;}
.popup-i .cot .share-box .li .share{ width:80px; height:110px; position:absolute; top:0px; left:0px; font-size:0px;}
.popup-i .cot .share-explain{ width:580px; height:auto; margin:0 auto; padding-top:30px; clear:both; text-align:center; font-size:14px; color:#2a303e; line-height:170%;}
.popup-i .cot .invite{ width:440px; height:auto; margin:0px auto; padding-top:20px; clear:both; text-align:center;}
.popup-i .cot .invite .input{ width:300px; height:23px; padding:3px 10px; background:#ffffff; border:1px solid #319dce;; font-size:14px; float:left;}
.popup-i .cot .invite .submit{ width:80px; height:38px; margin-left:15px; padding:0px; background:#319dce; border:0px; font-size:14px; color:#ffffff; float:left; cursor:pointer;}
.popup-i .cot .explain{ width:580px; height:auto; margin:0 auto; padding-top:10px; clear:both; font-size:14px; color:#ffffff; line-height:170%;}

.popup-p2{ width:490px; height:300px; margin:0px; padding:0px; clear:both; background:#ffffff; border:5px solid #8c7ab2;}
.popup-p2 .p-it{ width:478px; height:288px; margin:5px; clear:both; border:1px solid #8c7ab2; position:relative;}
.popup-p2 .p-it .tit{ width:420px; height:auto; margin:0 auto; padding-top:30px; clear:both; text-align:center; font-size:28px; color:#8c7ab2; font-weight:bold; line-height:28px;}
.popup-p2 .p-it .cot{ width:420px; height:auto; margin:0 auto; padding-top:20px; clear:both; text-align:center; overflow:hidden;}

.popup-p3{ width:490px; height:300px; margin:0px; padding:0px; clear:both; background:#ffffff; border:5px solid #8c7ab2;}
.popup-p3 .p-it{ width:478px; height:288px; margin:5px; clear:both; border:1px solid #8c7ab2; position:relative;}
.popup-p3 .p-it .tit{ width:450px; height:auto; margin:0 auto; padding-top:30px; clear:both; text-align:center; font-size:28px; color:#8c7ab2; font-weight:bold; line-height:28px;}
.popup-p3 .p-it .cot{ width:420px; height:auto; margin:0 auto; padding-top:20px; clear:both; overflow:hidden;}
.popup-p3 .p-it .exp{ width:420px; height:auto; margin:0 auto; padding-top:15px; clear:both; text-align:center; font-size:14px; color:#64110e;}

.popup-pic{ width:693px; height:520px; margin:0 auto; padding:0px; clear:both;}
.popup-pic .cot{ width:693px; height:520px; margin:0 auto; clear:both; position:relative; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;}
.popup-pic .cot .p-arrow-left{ width:36px; height:72px; clear:both; background:url(../img/image_39.png) 0 0 no-repeat; position:absolute; top:210px; left:0px; font-size:0px; cursor:pointer;}
.popup-pic .cot .p-arrow-right{ width:36px; height:72px; clear:both; background:url(../img/image_40.png) 0 0 no-repeat; position:absolute; top:210px; right:0px; font-size:0px; cursor:pointer;}
.popup-pic .cot .pli{ width:693px; height:520px; clear:both; text-align:center;}

.popup-ib{ width:1000px; height:500px; margin:0px; padding:0px; clear:both; background:url(../img/popup_04.png) center no-repeat; position:relative;}
.popup-ib .tit{ width:1000px; height:auto; margin:0px auto; padding-top:50px; clear:both; text-align:center; font-size:28px; color:#ffffff; font-weight:bold;}
.popup-ib .cot{ width:900px; height:auto; margin:0px auto; padding-top:35px; clear:both; font-size:15px; color:#ffffff; line-height:175%;}
.popup-ib .cot .pic{ width:900px; height:auto; padding-bottom:15px; clear:both;}





@-webkit-keyframes flipOutYtest{
  from{
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
  }
  
  50%{
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to{
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}

.test{
  -webkit-animation: flipOutYtest 0.3s linear;
  animation: flipOutYtest 0.3s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}

.test2{
  -webkit-animation: flipInYtest 0.3s linear;
  animation: flipInYtest 0.3s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}