@charset "utf-8";
.nav_right_copy img,.nav_right_copy span{
	vertical-align: middle;
}
.moni_box{
	background: #fff;
	padding: 7px 11px;
	margin-bottom: 10px;
	padding-bottom: 14px;
}
.moni_box .moni_tit{
	margin-bottom: 10px;
}
.moni_tit .tit_h:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 2px;
	height: 14px;
	background: #ff4f4f;
	margin-right: 5px;
}
.moni_tit .tit_h span{
	vertical-align: middle;
}
.moni_tit .tit_h{
	font-size:15px ;
	color: #111;
	display: inline-block;
}
.moni_tit .tit_span{
	display: inline-block;
	font-size: 12px;
	color: #ff5b5b;
}
.moni_tit a{
	float: right;
	background: #c1af83;
	width: 72px;
	height: 24px;
	display: block;
	line-height: 24px;
	text-align: center;
	border-radius: 50px;
}
.moni_tit .tit_set{
	
	
}
.tit_set img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 12px;
}
.tit_set span{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #fff;
}
.moni_tit:after{
	clear: both;
	display: block;
	content: '';
}
.moni_box .playing_show{
}
.playing_show .play_ul{
	
}
.play_ul .play_li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 10px;
}
.play_ul .play_li:nth-child(3n){
	margin-right: 0;
}
.play_ul:after{
	display: block;
	content: '';
	clear: both;
}
.play_li{
	font-size: 0;
}
.play_li span{
	font-size: 12px;
	color: #555;
	width: 48%;
	display: inline-block;
	vertical-align: middle;
}
.play_li .play_span{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #a6720d;
	background: #fff9ea;
	text-align: center;
	padding: 3px 0;
	border-radius: 4px;
	width: 52%;
}
.play_sub {
}
.play_sub .play_swith{
	width: 40%;
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
}

.play_swith label{
	width: auto;
	padding: 0;
	font-size: 12px;
	color: #555;
	display: inline-block;
	vertical-align: middle;
	float: inherit;
}
.play_swith .swith_box{
	display: inline-block;
	vertical-align: middle;
}
.swith_box .layui-form-switch{
	margin-top: 0;
	margin-left:10px;
	border: 1px solid #fdc000;
	background: #fdc000;
}
.swith_box .layui-form-switch em{
	color: #fff !important;
}
.swith_box .layui-form-switch i{
	background: #fff;
}
.swith_box .layui-form-onswitch{
	background: #FF5722;
	border-color: #FF5722;
}
.start_btn{
	width: 58%;
	height: 30px;
	line-height: 28px;
	border-radius: 4px;
	background: linear-gradient(180deg,#ffc017,#fe8a01);
	box-shadow: 0 2px 8px #ffcc93;
	text-align: center;
	border: none;
}
.start_btn img{
	width: 14px;
	margin-right: 5px;
	vertical-align: middle;
}
.start_btn span{
	color: #fff;
	font-size: 14px;
	vertical-align: middle;
}
.moni_tit .hands_popups{
	font-size: 13px;
	color: #fff;
	float: right;
}
.hands_show{
}
.hands_show .hand_input{
	width: 100%;
	height: 60px;
	overflow-y:auto ;
	background: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 6px;
	box-sizing: border-box;
	font-size: 12px;
}
.history_list{
	margin: 0 -12px;
	
}
.list_top{
	background: #f6f6f6;
	width: 100%;
}
.list_top ul,.list_box ul{
	font-size: 0;
	padding: 0 12px;
}
.list_top ul li,.list_box ul li em{
	width: 20%;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	display: inline-block;
	text-align: center;
	font-style: normal;
}
.list_top ul li:first-child,.list_box ul li em:first-child{
	width: 25%;
	
}
.list_top ul li:first-child+li,.list_box ul li em:first-child+em{
	width: 35%;
}
.list_box{
	background: #fff;
	padding: 5px 0;
}
.list_top ul li{
	color: #888;
}
/*计算.list_box高度*/
html{
	height: 100%;
}
body{
	height: calc(100% - 48px - 48px);
}
.wap_body{
	height: 100%;
}
.moni_box:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	height: calc(100% - 299px);
}
.moni_history{
	height: calc(100% - 41.5px);
}
.history_list{
	height: 100%;
}
.list_box{
	height: calc(100% - 28px);
	overflow-y: auto;
}
/*手动输入弹窗*/
.handsPage{
	padding: 10px 12px;
}
.handsPage textarea{
	width: 100%;
	border-radius: 5px;
	resize: none;
	height: 186px;
	max-height: 186px;
	overflow-y: auto;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
	padding: 6px;
}
.handsPop{
	border-radius: 12px;
}
/*弹层样式*/
.layui-layer-title{
	text-align: center;
	padding: 0;
	background: #fff;
	font-size: 16px;
	color: #111;
	border-radius: 12px 12px 0 0;
}
.layui-layer-btn{
	border-top: 1px solid #ddd;
}
 .layui-layer-btn .layui-layer-btn0{
	font-size: 14px;
	height: 38px;
	line-height: 38px;
	width: 100%;
	padding: 0;
	border: 0;
	text-align: center;
	border-radius: 5px;
	background:linear-gradient(180deg,#ffc017,#fe8a01) ;
	box-shadow: 0 2px 7px #ffcc93;
	margin: 5px 0 ;
}
/*设置玩法弹框*/
.setbox {
	padding:  0 11px;
	margin-top: 15px;
}
.dw_form_item{
	display: inline-block;
	margin-bottom: 15px;
}
.dw_form_item label{
	padding: 0;
	box-sizing: border-box;
	width: 40%;
	height: 28px;
	line-height: 28px;
	color: #333;
	text-align: left;
	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%;
	padding-right: 5px;
	box-sizing: border-box;
}
.dw_fun_lot .dw_form_item:nth-child(2n){
	padding-right: 0;
	padding-left: 5px;
}
.dw_fun_lot .dw_form_item .dw_input_block{
	width: 60%;
} 

.dw_input_block .layui-select-title{
	background: #fdc000;
	border-radius: 3px;
}
.dw_input_block .layui-input{
	height: 28px;
	font-size: 12px;
	border-radius: 3px 0 0 3px;
	border: 1px solid #fdc000;
	color: #a6720d;
	background: #fff;
	width:80%;
	padding-right: 8px;
	padding-left: 8px;
}
.dw_form_item .layui-edge{
	border-top-color: #fff;
	right: 3px;
}
.layui-form-select dl dd, .layui-form-select dl dt{
	font-size: 12px;
	line-height: 28px;
}
.layui-form-select dl dd.layui-this{
	background-color: #ffad04;
}
.layui-input:hover, .layui-textarea:hover{
	border-color: #ffad04 !important;
}
.dw_form_item .in_number{
	width: 100%;
	border-radius: 3px;
}
#setBox .layui-form-select dl{
	max-height: 90px;
}
.playSet .layui-layer-btn{
	text-align: center;
}
.playSet .layui-layer-btn .layui-layer-btn0{
	width: 40%;
	height: 34px;
    line-height: 34px;
	background: linear-gradient(180deg,#ff7657,#ff3c1d);
	box-shadow: 0 2px 7px #ff9983;
	margin-right: 10%;
}
.playSet .layui-layer-btn .layui-layer-btn1{
	width: 40%;
	padding: 0;
	text-align: center;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding: 0;
    border: 0;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: linear-gradient(180deg,#ffc017,#fe8a01);
    box-shadow: 0 2px 7px #ffcc93;
    margin: 5px 0;
}
.playSet .layui-form-select dl{
	top: 30px;
	z-index: 55;
}

/*0917--弹窗*/
.plan_tanc{
    width: 100%;
    height: auto;
    background: #fff;

}
.plan_tanc .jh_name{
    width: 100%;
    height: 3rem;
    border-bottom: 1px solid #cacaca;
    text-align: center;
}
.plan_tanc .jh_name span{
    font-size: 1.5rem;
    color: #3c3c3c;
    line-height: 3rem;
}
.plan_tanc .jh_cont{
    width: 90%;
    margin: 0 auto;
    padding-top: 10px;
}
.jh_cont ul li{
	width: 50%;
	float: left;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    color: #888;
} 
.jh_cont ul:after{
	display: block;
	content: '';
	clear: both;
}
.plan_tanc .jh_cont ul li span i{
    font-style: normal;
    color: #111;
}
.plan_tanc .jh_cont ul li span i.kj_jg{
    color: #fc0e0e;
}
.plan_tanc input{
    width: 60%;
    height: 32px;
    color: #fff;
    border-radius: 4px;
    border: 0;
    background: rgb(255, 196, 86);
}
.plan_cntpop .layui-layer-btn{
	margin-top: 10px;
}
.plan_cntpop .layui-layer-btn0{
	display: block;
	margin: 10px auto;
	font-size: 14px;
	width: 76%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius:4px;
	border: none;
	background: linear-gradient(180deg,#ffd13b,#ffb100);
    box-shadow: 0 2px 5px -1px #ffd13b;
}
.jh_cont ul li:nth-last-child(2){
	display: block;
	width: 100%;
	clear: both;
	float: none;
}
.jh_cont ul li:last-child{
	height: auto;
	line-height: auto;
	display: block;
	float: none;
	width: 100%;
	clear: both;
	
}
.plan_tanc .jh_cont ul li span .aa_betbox{
	color: #523600;
}
.jh_cont .aa_betbox{
	margin-top: 5px;
	background:#fff9ea;
	height: 100px;
	font-size: 12px;
	line-height: 1.5;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	padding: 8px;
	vertical-align: top;
	border-radius: 4px;
	border: 1px solid #e2d3ad;
}
@media only screen and (min-width: 375px) and (min-height: 760px) {
	body{
		height: calc(100% - 48px - 48px - 15px);
	}
}