* { margin: 0; padding: 0;font-family: Arial, "Microsoft yahei", "Hiragino Sans GB",  "Microsoft Yahei", "Hiragino Sans GB",STXihei, SimSun,Heiti,sans-serif;font-size:18px;}
a {font-family:font-family: Arial,"Microsoft yahei", "Hiragino Sans GB","Microsoft Yahei", "Hiragino Sans GB", STXihei, SimSun, Heiti,sans-serif;font-size:18px;}
body {margin:0;padding:0;}
.mask {width:100%;height:100%;background:#333;opacity:0.6;filter:alpha(opacity=60);position:absolute;left:0;top:0;z-index:100;display:none;}
#member-info {width:540px;margin:20px auto 0;height:80px;overflow:hidden;}
.mem-face {float:left;height:100%;border-radius:50%;margin-right:20px;}
.mem-name {float:left;line-height:80px;font-size:24px;color:#333;font-weight:bold;}
.extcredits2 {float:right;overflow:hidden;}
.extnotice {margin-top:18px;height:40px;line-height:40px;font-size:20px;text-align:right;color:#888;background:url(../images/money.png) no-repeat right top;text-indent:-4000px;}
.extnum {height:80px;line-height:80px;font-size:24px;color:#E60012;text-align:center;font-family:Georgia;}
.extnum a {text-decoration:none;color:#f00;font-weight:bold;}
.extnum span {font-size:16px;color:#777;font-weight:bold;}
table { border-spacing: 0; border-collapse: collapse; text-align: center; }
.draw { width: 460px; height: 470px; padding: 40px; background-image: url(../images/bg.png);margin:30px auto;}
.draw .item { width: 150px; height: 150px; background:#fff;border-radius:20px;/*background-image: url(../images/bg1.png);*/) }
.draw .item.active { background-image: url(../images/bg2.png); }
.draw .img { display: table-cell; width: 150px; height: 61px; vertical-align: middle; text-align: center; }
.draw .img img { vertical-align: top; }
.draw .gap { width: 5px; }
.draw .gap-2 { height: 5px; }
.draw .name { display: block; margin-top: 10px; font-size: 14px; }
.draw .draw-btn { display: block; height: 150px; line-height: 150px; border-radius: 20px; font-size: 25px; font-weight: 700; color: #f0ff00; background-color: #fe4135; text-decoration: none; }
.draw .draw-btn:hover { background-color: #fe8d85;}
.rule ,#exchange{padding:10px;width:520px;text-align:left;line-height:38px;border:1px solid #eee;margin:20px auto 0;font-size:18px;border-radius:5px;cursor:pointer;}
#exchange {border:1px solid #E60012;}
#rule {padding:30px 20px;width:500px;height:480px;line-height:32px;position:absolute;z-index:99999;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:none;}
.notice {font-size:20px;color:#444;margin-bottom:10px;line-height:40px;}
.notice a {text-decoration:none;color:#E60012;font-size:20px;}
#rule h2 {font-size:24px;margin-bottom:15px;}
.close {width:50px;height:50px;background:#E60012;color:#fff;line-height:50px;text-align:center;position:absolute;right:20px;top:20px;font-size:20px;cursor:pointer;}
#remain-num {height:50px;line-height:50px;text-align:center;width:540px;margin:20px auto 0;border:1px solid #eee;font-size:20px;border-radius:5px;}
#success {width:200px;height:200px;background:#F6F6F6;position:absolute;left:0;top:0;text-align:center;padding-top:10px;z-index:9999;border-radius:5px;display:none;}
#fail {width:200px;height:200px;background:#F6F6F6;position:absolute;left:0;top:0;text-align:center;padding-top:10px;z-index:9999;border-radius:5px;display:none;}
#makesure {width:400px;height:160px;background:#F6F6F6;position:absolute;left:0;top:230px;text-align:center;padding-top:10px;z-index:9999;border-radius:5px;overflow:hidden;display:none;}
#makesure span {float:left;width:180px;margin:0 10px;color:#fff;font-size:16px;padding:20px 0;border-radius:2px;}
#makesure span.sure {background:#f00;}
#makesure span.cancel {background:#aaa;}
#makesure h2{padding:20px 10px 30px 10px;}
.zjinfo {width:360px;padding:40px 20px 0;height:200px;background:#f5f5f5;border-radius:5px;position:absolute;left:0;top:230px;z-index:9999;display:none;}	
.zjinfo p {width:310px;margin-bottom:20px;font-size:16px;color:#444;line-height:32px;}
span.zjclose {cursor:pointer;width:50px;height:50px;position:absolute;top:20px;right:20px;text-align:center;line-height:50px;border-radius:50%;background:#aaa;}


.cyfs{background: #d6d6d6; color: #333;text-align: center;font-size: 16px;font-weight: 600;}
.activity-style{    color: #333;line-height: 25px;text-align: left;font-size: 16px;padding: 15px 15px 0;}
.xbox-list li{float: left;width: 50%;margin-top: 5px;}
.xbox-list li a{text-decoration: underline;font-size: 16px;}
.xbox-list li a:hover{text-decoration: underline;}
.challenge-btn{font-size: 25px;padding: 5px 10px; background-color: #ef0000; color: #fff; display: block; width: 150px;text-align: center; border-radius: 5px; margin: 25px auto 0;}
.challenge-btn:hover{background-color: #E60012;color: #fff;}
[type="radio"]:not(:checked), [type="radio"]:checked{position: relative !important;left:0 !important;}
.question-list li{margin: 5px;}
.question-list{padding: 0 30px;}
.production>li{margin-top: 20px;}
.s-btn-sub{display: block;margin: 35px auto; width: 224px; height: 56px; background: url("../../img/btn3.png") no-repeat center center; color: #fff;font-size: 16px;}

/* 计时器 */
.wrapper{min-height: 120px;;overflow-x: hidden;}
.app {width: 300vw;transition: 0.4s;}

/*-----------------------
	Clocks General
-----------------------*/


form{width: 100%;padding: 10px;margin:0 auto;color: #0277BD;border-radius: 2px;}
form a{margin: 0 5px;}
.control{display: inline-block;width: 130px;vertical-align: middle;}
.input-field{display: inline-block;padding-right: 20px;}
.checkbox{padding-left: 20px;}
.clock {position: absolute;height: 100px;max-width: 350px;width: 100%;display: block;margin: 9px auto;text-align: center;background-color: #fff;border-radius: 2px;transition: all 0.4s ease-in, box-shadow 0.2s;line-height: 100px;border-radius: 5px;left: 0;right: 0;}
.clockdd {position: absolute;height: 100px;max-width: 350px;width: 100%;display: block;margin: 9px auto;text-align: center;background-color: #fff;border-radius: 2px;transition: all 0.4s ease-in, box-shadow 0.2s;line-height: 100px;border-radius: 5px;z-index: 99999;left: 0;right: 0;}
.clock.inactive {color: #9e9e9e;}
.clock .overlay{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.switch label .lever:after{background-color:#fff;}



/*-----------------------
	Alarm
-----------------------*/
#alarm-input {font-size: 26px;text-align: center;}
.switch{	display: inline-block;}
/*-----------------------
	Stopwatch
-----------------------*/
.stopwatch form {padding: 0;}
.stopwatch form a{	color: #0059bc;	margin-bottom: 0;}
/*-----------------------
	Timer
-----------------------*/
#timer-input {font-size: 32px;text-align: center;}
.timer-btn{font-size: 32px;cursor: pointer;}
/*-----------------------
	Modals
-----------------------*/
.modal{width: 40%;}
.dismiss-alarm-sounds{float:none !important;}
/*-----------------------
	Responsiveness
-----------------------*/

@media (max-width: 760px){
	.clockdd{height: 110px;}
	.switch-clocks a{padding: 20px;}
	form{height: auto;padding: 10px;margin: 10px auto;}
	.checkbox{padding-left: 0;display: none;}
	.clock{border-radius: 5px;font-size: 60px;height:5rem;line-height: 3rem;margin-top:20px;}
	.stopwatch form a{padding: 0 1rem;}
	.modal{width: 80%;}
    .head{min-height: 3rem;}
}



.ping_box {
	width: 1130px;
	margin: 0 auto;
	padding: 20px 0;
}

.ping_box ul li {
	background-color: #0059bc;
	width:370px;
	height: 200px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #189;
}

.ping_box ul {
	margin-left: -10px;

}

.ping_box .txt-three {
	position: absolute;
	left: 0px;
	top: -200px;
	width: 100%;
	height: 200px;
	padding-top: 10px;
	line-height: 45px;
	text-align: center;
	color: #333;
	background: rgba(255, 255, 255, 0.7);
	filter: Alpha(opacity=80);
	padding: 15px 0;
}

.ping_box .txt-three h3 {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 15px;
}

.ping_box .txt-three p {
	font-size: 12px;
	display: block;
	line-height: 25px;
	/* height: 80px; */
	overflow: hidden;
	padding: 0 15px;
}


.ping_box .con-three {
	position: relative;
	overflow: hidden
}

.ping_box .con-three img {
	/* width: 275px; */
	height: 200px
}

.ping_box .txt-three.cur {
	top: 0 !important;
}


.mor_btn {
	background-color: #1CB2A8;
	color: #fff;
	width: 80px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	display: block;
	font-size: 14px;
	margin: 15px auto;
}
.mor_btn:hover{
	background-color: #1CB2A8;
	color: #fff;
}

.mobl_ing ul li {
	display: block;
}

.mobl_ing .con-two {
	display: block;
	margin: 10px;
	position: relative;
}

.mobl_ing .con-two img {
	width: 100%;
}

.mobl_ing .txt-two {
	position: absolute;
	left: 0px;
	top: 0;
	width: 100%;
	height: 100%;
	padding-top: 15px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	background: rgba(5, 2, 2, 0.6);
	filter: Alpha(opacity=80)
}
.mobl_ing .txt-two p{
	font-size: 14px;
	line-height: 20px;
	padding: 0 15px;
}
.mobl_ing .txt-two h3{
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 15px;
}

.mobl_ing .mor_btn {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
}

.lottery_btn {
	background-color: #cf0000;
	display: block;
	width: 180px;
	height: 50px;
	font-size: 18px;
	font-weight: 600;
	margin: 15px auto 0;
	line-height: 50px;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 10px;
}


.border{
	border: 1px solid #A9A9A9;
}

.from_lsit p input{
	padding-left: 5px;

}
.from_lsit p select{
	border: 1px solid #A9A9A9;
	font-size: 14px;
}
.from_lsit p select option{
	font-size: 14px;
}

.hint{
	color: #ef0000;
	font-size: 14px;
	margin: 3px 0;
	text-align: left;
	display: block;
}
.from_lsit label{
	font-size: 16px;
}


@media(max-width:760px){
	.from_lsit p{
		width: 90%;
		float: left;
		margin-left: 5% !important;
		color: #333;
		font-size: 16px;
		margin-bottom: 10px !important;
		/* min-height: 86px; */
	}
}

@media(min-width:761px){
	.from_lsit p{
		width: 45%;
		float: left;
		margin-left: 5% !important;
		color: #333;
		font-size: 16px;
		/* margin-bottom: 10px !important; */
		min-height: 86px;
	}
	.box-shadow{
		box-shadow: 0 0 10px #000;
	}
	.p20{
		padding: 20px;
	}
	
}