@charset "utf-8";

.codeDialog {
	margin-top: 5px;
	padding: 0 15px;
}

.dw{
	width: 100%;
}
/*  */
/* 开奖 & 玩法 */
.dw_form{
	background: #fff;
	padding: 0 1rem;

}
.dw_form_box{
	width: 88%;
	float: left;
	padding-right:4%;
	box-sizing: border-box;
	border-top: 1px solid #eaeaea;
	padding-top: 11px;
}
.dw_form_sub{
	width: 12%;
	float: right;
	box-sizing: border-box;
	border-top: 1px solid #eaeaea;
	padding-top: 11px;
}
.dw_form_sub .layui-input-block{
	margin-left: 0;
}
.dw_form_sub .layui-input-block button{
	padding: 0;
	color: #fff;
	width: 100%;
	height: 70px;
	border-radius: 5px;
	background: linear-gradient(180deg,#ffb75d,#fb6902);
	border: none;
	box-shadow: 0 2px 5px #ffc79f;
}
.dw_form_sub .layui-input-block button p{
	width: 15px;
	font-size: 15px;
	line-height: 20px;
	white-space: normal;
	margin:0 auto;
}
.dw_form_item{
	display: inline-block;
	margin-bottom: 11px;
}
.dw_form_item label{
	padding: 0;
	box-sizing: border-box;
	padding-right:2%;
	width: 35%;
	height: 28px;
	line-height: 28px;
	color: #333;
	text-align: right;
	font-size: 12px;
}
.dw_form_item .dw_input_block{
	margin-left: 0;
	float: left;
	width: 50%;
	height: 28px;
	min-height: 28px;
}
.dw_fun_lot{
	font-size:0;
}
.dw_fun_lot .dw_form_item{
	width: 50%;
}
.dw_fun_lot .dw_form_item label{
	width: 30%;
	text-align: left;
	padding-left: 6%;
	box-sizing: border-box;
}
.dw_fun_lot .dw_form_item:first-child label{
	padding-left: 0;
	width: 24%;
}
.dw_fun_lot .dw_form_item .dw_input_block{
	width: 70%;
}

.dw_input_block .layui-select-title{
	background: #ff7f20;
	border-radius: 3px;
}
.dw_input_block .layui-input{
	height: 28px;
	/*line-height: 28px;*/
	font-size: 13px;
	border-radius: 3px 0 0 3px;
	border: 1px solid #ff7f20;
	color: #a6720d;
	background: #fff;
	width:80%;
	padding-right: 4px;
	padding-left: 4px;
}
.dw_fun_num .dw_input_block .layui-input{
	width: 62%;
}
.dw_fun_num{
	font-size: 0;
}
.dw_fun_num .dw_form_item{
	width:34%;
}

.dw_fun_num .dw_form_item label{
	width:48%;
	text-align: right;
	padding-right: 6%;
	box-sizing: border-box;
}
.dw_form_item .dw_input_block{
	width: 52%;
}
/*第一个*/
.dw_fun_num .dw_form_item:first-child{
	width: 31%;
}
.dw_fun_num .dw_form_item:first-child label{
	width: 39%;
	text-align: left;
}
.dw_fun_num .dw_form_item:first-child .dw_input_block{
	width: 59%;
}
/*第三个*/
.dw_fun_num .dw_form_item:nth-last-child(1){
	width: 35%;
}
.dw_fun_num .dw_form_item:nth-last-child(1) label{
	width: 50%;
	padding-right: 6%;
}
.dw_fun_num .dw_form_item:nth-last-child(1) .dw_input_block{
	width: 50%;
}

.dw_input_block .layui-input::-webkit-input-placeholder{
	color: #A6720D;
}
.dw_input_block .layui-input .layui-edge{
	background: #fdc000;
}
.dw_input_block dl dd,.dw_input_block dl dt{
	line-height: 30px;
	font-size: 12px;
	border-bottom: 1px solid #efefef;
}
.dw_input_block dl dd:nth-last-child(1), .dw_input_block dl dt:nth-last-child(1){
	border-bottom: 0;
}
.dw_input_block .layui-form-select dl{
	top: 36px;
	border-radius: 4px;
}
.dw_input_block .layui-edge{
	right: 7px;
	border-top-color: #fff;
}
.dw_fun_num .dw_input_block .layui-edge{
	right: 5px;
}
.layui-form-select dl dd.layui-this{
	background: #ff7f20;
}
.dw_input_block .layui-input:focus,.dw_input_block .layui-input:hover{
	border: 1px solid #ff7f20 !important;
}

/*  */

/* 计划列表 */
.dw_plan_list{
	background:#fff;
}
.list_bt{
	width: 100%;
	background-color: #fff;
	margin-top: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.list_bt h3{
	font-size: 15px;
	color: #111;
	font-weight: bold;
	/* float: left; */
	/*padding-top: 2px;*/
}
/* .list_bt:after{
	clear: both;
	content: '';
	display: block;
} */
.list_bt .list_btcolt{
	/* float: right; */
	height: 24px;
	line-height: 24px;
	padding: 0px 14px;
	border-radius: 3px;
	/*border: 1px solid #ddd;
	color: #333;*/
	border: 1px solid #ecb469;
	background: #fff9f1;
	color: #bb4e00;
	text-align: center;
	font-size: 12px;
}
.dw_plan_list .list_cont{
	width: 100%;
	height: 390px;
	max-height: 390px;
	overflow: auto;
}
.dw_plan_list .list_cont_ul{
	width: 100%;
	height: auto;
	font-size: 0;
	padding-bottom: 15px;
}

.list_cont_ul li{
	width:23.5%;
	line-height: 30px;
	margin-right: 2%;
	box-sizing: border-box;
	padding:0 3px;
	margin-bottom: 8px;
	display: inline-block;
	border-radius: 4px;
	background-color: #f3f3f3;
}
.list_cont_ul li:nth-child(4n){
	margin-right: 0;
}
.list_cont_ul li a{
	display: block;
	text-align: center;
	font-size: 13px;
	color:#666;
}
.list_cont_ul li:hover,.list_cont_ul li:active,.list_cont_ul li:focus,.list_cont_ul li.active{
	background: #ff7f20;
	box-shadow:0 0 6px #ffaa6c;
}
.list_cont_ul li:hover a,.list_cont_ul li:active a,.list_cont_ul li:focus a,.list_cont_ul li.active a{
	color: #fff;
}
/*09-02*/
#draw .draw_cz{
	width: 88px;
	text-align: center;
}
#draw .draw_num{
	width: 71.2%;
}
.draw_num .draw_num_numball{
	justify-content:space-between;
	margin-right: 0;
	width: 100%;
	margin-top: 10px;
}
/*五个球样式*/
.draw_num .draw_num_numball span{
	line-height: 36px;
	width: 40px;
	height: 40px;
}
/*十个球样式*/
.draw_num .ball_10 span{
	line-height: 30px;
	width: 34px;
	height: 34px;
	font-size: 12px;
}
/* HK6开奖第7球样式 */
.ball_hk6 span:nth-child(7) {
	background: url(../andriod/plan_qiu_bg_hk6.png) no-repeat center;
	background-size: contain;
}
/*0907*/
.wap_body .dw{
	border-radius: 6px;
	box-shadow: 0 2px 4px #f2e5dd;
	background: #fff;
}
#draw,.dw_form{
	background: none;
}
.dw_plan_list{
	border-radius: 6px;
	box-shadow: 0 2px 4px #f2e5dd;
}
#draw .line{
	margin: 0 8px;
}
/*0911*/
html,body{
	height: 100%;
	overflow: hidden;
}

.dw_plan_list{
	height: calc(100% - 260px);
}
.dw_plan_list .list_bt{
	padding: 0;
	height: 42px;
	line-height: 42px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dw_plan_list .list_cont{
	height: calc(100% - 54px);
	max-height: inherit;
}
@media only screen and (min-width: 100px) and (max-width: 390px) {
	.dw_input_block .layui-edge{
		right: 5px;
	}
	.list_bt{
		/*padding-top: 8px;
		padding-bottom: 8px;*/
	}
	#draw .line{
		margin: 0 6px;
	}
	.draw_num_time .kj{
		width: 72.8%;
		font-size: 12px;
	}
	#draw .draw_num{
		width: 69.2%;
	}
}
@media only screen and (min-width: 100px) and (max-width: 360px) {
	.draw_num_time .kjtime{
		width: 52px;
	}
	.dw_form_box{
		width: ;
		padding-right:2.8% ;
	}
	.dw_form_item label{
		font-size: 12px;
	}
	.dw_input_block .layui-input{
		font-size: 12px;
		height: 26px;
		line-height: 26px;
	}
	.dw_form_sub .layui-input-block button{
		height: 66px;
	}
	#draw .line{
		margin: 0 4px;
	}
	.draw_num_time .kj{
		font-size: 12px;
	}
}
.plan_collect .list_cont{
	height: initial;
	max-height: initial;
	padding: 10px 0;
	min-height: 520px;
}

/*兼容IPhone系列机型*/
@media only screen and (min-width: 375px) and (min-height: 690px){
	/*.plan_collect .list_cont{
		min-height: 670px;
	}*/
	.wap_body{
		height: calc(100% - 48px - 48px - 15px);
	}
}