@charset "utf-8";

* ,body{
	list-style: none;
	font-style: normal;
	padding: 0;
	margin: 0;
	font-family: "PingFang SC","Hiragino Sans GB","SF Pro Display",Roboto,Noto,Arial,"Microsoft YaHei",sans-serif !important;
}

:root {
	--domColor: #7F66FC;
	--domHighColor: #A79BFE;
	--activeColor:#EEECFF;
	--pageBgColor: #f6f6f6;
	--widthBox: calc(100% - 24px);
	--boxShadow: 0 2px 3px #eaeaea;
	--vermilionColor: #F25C43;
	--borderColor: #E7557A;
	--paddingNum:0 12px;
	--domGradient:linear-gradient(180deg,#A594FF,#7D63FC);
	--orangeGradient:linear-gradient(90deg,#F67F2A,#EB4A2D);
}

input[type="number"] {
	-moz-appearance: textfield;
}

a {
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}

html {
	height: 100%;
}

body {
	background: #f6f6f6;
	height: calc(100% - 48px);
}

table {
	border-collapse: collapse;
}

.wap_body {
	height: calc(100% - 48px);
	overflow-y: auto;
}

.weui-grid:active {
	background: inherit;
}

.layui-form-select dl dd.layui-this {
	background: #ff9b0f;
}

.layui-select-title input::-webkit-input-placeholder {
	color: #ffc107;
}

.layui-select-title input:focus,
.bt_label_input .layui-select-title input:hover {
	border: 1px solid #ffc107 !important;
}

input[type=button],
input[type=submit],
input[type=file],
button {
	cursor: pointer;
	-webkit-appearance: none;
}

textarea {
	-webkit-appearance: none;
}

* {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Chrome/Safari/Opera */
	-khtml-user-select: none;
	/* Konqueror */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
not supported by any browser */

	font-family: Avenir;
}

input,
textarea {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-modify: read-write-plaintext-only;
	outline: none;
	-webkit-user-select: text !important;
}

/*限制最大宽度720屏幕浏览*/
body,
#header,
#footer_label {
	max-width: 720px;
	margin: 0 auto;
}

.hundred_body {
	width: var(--widthBox);
	height: 100%;
	overflow: auto;
	margin: 0 auto;
}

#header,
#footer_label {
	left: 0;
	right: 0;
}

.pad12 {
	padding-left: 12px;
	padding-right: 12px;
	box-sizing: border-box;
}

.clear:after {
	display: block;
	content: '';
	clear: both;
}

.color_red {
	color: #E95C57 !important;
}

.color_green {
	color: #74b72b !important;
}

.color_yellow {
	color: #ffbf00 !important;
}

.color_blue {
	color: #0f95ff !important;
}

.color_brown {
	color: #d68c05 !important;
}

.color_blackGreen {
	color: #419c1b !important;
}

.color_violet {
	color: #ad10c7 !important;
}

.layui-form-radio>i:hover,
.layui-form-radioed>i {
	color: #ff9800;
}

.p10 {
	padding: 0 12px;
	box-sizing: border-box;
}

/*顶部导航栏header*/
#header {
	width: 100%;
	height: 48px;
	line-height: 48px;
	background-image: url(../images/nav_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 12px;
	box-sizing: border-box;
}
.header_bg #header{
	background-image: none;
}
.header_nav {
	position: relative;
	width: 100%;
}

/*.header_mt{
	margin-top: 48px;
}
.footer_mb{
	margin-bottom: 48px;
}*/
#header h1 {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	text-align: center;
	;
	width: 70%;
	margin: 0 auto;
}

/*左边返回*/
.nav_return {
	width: 24px;
	height: 24px;
	position: absolute;
	left: -5px;
	top: 50%;
	transform: translateY(-50%);
}

.nav_return .back {
	width: 24px;
	vertical-align: top;
}

/*右边复制*/
.nav_right_copy {
	/* display: block; */
	height: 24px;
	line-height: 24px;
	position: absolute;
	right: 0;
	top: 11px;
	display: flex;
	align-items: center;
}

.nav_right_copy img {
	width: 15px;
	vertical-align: middle;
}

.nav_right_copy span {
	color: #fff;
	font-size: 15px;
	padding-left: 4px;
	vertical-align: middle;
}

.header_con span {
	display: block;
	width: 100%;
	font-size: 15px;
	color: #ffffff;
	text-align: right;
	line-height: 44px;
}

/*倒计时公用draw*/
.header_bg {
	background-size: 100%;
	background-image: url(../images/plan_top_bg.png);
	background-repeat: no-repeat;
	height: 114px;
}

.dw {
	width: var(--widthBox);
	margin: 0 auto;
	box-shadow: var(--boxShadow);
	border-radius: 10px;
	background: #fff;
	margin-top: 10px;
}
#draw {
	width: 100%;
	padding: 10px;
	padding-top: 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#draw .line {
	width: 1px;
	height: 70px;
	margin: 0 12px;
	margin-right: 10px;
	background-color: #eaeaea;
}

#draw .draw_cz {
	text-align: center;
}

#draw .draw_cz .draw_cz_tp {
	width: 48px;
}

#draw .draw_cz .draw_cz_name {
	color: #3c3c3c;
	font-size: 13px;
	text-align: center;
	margin-top: -2px;
}

#draw .draw_num {
	width: calc(100% - 34px - 68px);
	box-sizing: border-box;
	padding: 0 10px;
	text-align: center;
}
.draw_net_tit span,.draw_net_tit b{
	font-weight: normal;
	font-size: 13px;
	color: #666;
}
#draw .draw_num_time {
	margin: 0px;
	width: 79px;
}

.draw_num_time .kj {
	display: inline-block;
	font-size: 14px;
	color: #222;
	text-align: left;
	vertical-align: middle;
	width: 75.8%;
	padding-left: 6px;
	box-sizing: border-box;
}

.draw_num .draw_num_numball {
	display: flex;
	justify-content: space-around;
	margin-top: 6px;
}
.draw_num .draw_num_numball span {
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	font-size: 15px;
	color: #fff;
	text-align: center;
	background: url(../images/tool_red_ball.png) no-repeat center;
	background-size: contain;
}

.draw_num_time .kj {
	font-size: 14px;
	padding-left: 0;
	width: auto;
	margin-top: 5px;
}
.draw_num_time .kjtime span {
	color: #999;
	font-size: 12px;
}
.draw_num_time .kjtime em {
	display: block;
	margin-top: 5px;
	background-image:url(../images/plan_kj_time.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 68px;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}
/*10个开奖球样式*/
.draw_num .ball_10 {
	justify-content: space-between;
}

.draw_num .ball_10 span {
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
}
/* 计划玩法tab */
.plan_models{
	background: #f0eeff;
	padding: var(--paddingNum);
	white-space: nowrap;
	height: 34px;
	line-height: 34px;
	margin-top: 25px;
	overflow-x: auto;
	scrollbar-width: none;
}
.plan_models::-webkit-scrollbar,.law_nav::-webkit-scrollbar{
  display: none; /* Chrome Safari */
}
.plan_model{
	display: inline-block;
	width: auto;
	border-radius: 50px;
	padding: 0 8px;
	color: #555;
	font-size: 14px;
	text-align: center;
}
.plan_model a{
	color: #555;
}
.plan_model.active{
	background: var(--domColor);
	color: #fff;
}
.plan_model.active a{
	color: #fff;
}
/*底部标签栏tool*/
#footer_label {
	width: 100%;
	min-height: 48px;
	background-color: #fff;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	box-shadow: 0 5px 10px 5px #dcd5c9;
}

.footer_tool {
	height: 48px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	box-sizing: border-box;
	padding-top: 4px;
}

.footer_tool li {
	flex-grow: 1;
	display: inline-block;
	text-align: center;

}

.footer_tool li a {
	display: block;
}

.footer_tool li .tool_image {
	width: 24px;
	height: 24px;
	margin: 0 auto;
}

.tool_index {
	background: url(../images/label_index.png) no-repeat center;
	background-size: contain;
}

.tool_history {
	background: url(../images/label_history.png) no-repeat center;
	background-size: contain;
}

.tool_chat {
	background: url(../images/label_chat.png) no-repeat center;
	background-size: contain;
}

.tool_trend {
	background: url(../images/label_trend.png) no-repeat center;
	background-size: contain;
}

.tool_cabinet {
	background: url(../images/label_tool.png) no-repeat center;
	background-size: contain;
}

/*当前页面*/
.footer_tool li.active .tool_index {
	background: url(../images/label_index_s.png) no-repeat center;
	background-size: contain;
}

.footer_tool li.active .tool_history {
	background: url(../images/label_history_s.png) no-repeat center;
	background-size: contain;
}

.footer_tool li.active .tool_chat {
	background: url(../images/label_chat_s.png) no-repeat center;
	background-size: contain;
}

.footer_tool li.active .tool_trend {
	background: url(../images/label_trend_s.png) no-repeat center;
	background-size: contain;
}

.footer_tool li.active .tool_cabinet {
	background: url(../images/label_tool_s.png) no-repeat center;
	background-size: contain;
}

.footer_tool li p {
	font-size: 12px;
	color: #858585;
	text-align: center;
	margin-top: 2px;
}

.footer_tool li.active p {
	color: var(--domColor);
}

/*缩水底部全局定位+拼接号码*/
.fun_btm {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: auto;
	background: #fff;
	box-shadow: 0 -5px 10px -3px #d5d5d5;
	z-index: 99;
}

.fun_btm .fun_btm_box {
	padding: 10px;
}

.fun_btm_box .btm_area {
	float: left;
	width: 77.5%;
}

.btm_area textarea,
.btm_area .btm_arealist {
	width: 100%;
	height: 152px;
	resize: none;
	font-size: 13px;
	border-radius: 5px;
	border: 0px solid #dddddd;
	background: #f7f6f4;
	box-shadow: inset 1px 2px 5px #e6e3d9;
	box-sizing: border-box;
	padding: 8px;
}

.fun_btm_box .btm_btnul {
	float: right;
	width: 20%;
	margin-left: 1.5%;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 6px 6px;
}

.btm_btnul li {
	margin-top: 6px;
}

.btm_btnul li:first-child {
	margin-top: 0;
}

.btm_btnul li:first-child span {
	display: block;
	width: 100%;
	height: 22px;
	line-height: 22px;
	background: #f6f6f6;
	color: #ff3c3c;
	border-radius: 3px;
	font-size: 13px;
	text-align: center;
}

.btm_btnul li:first-child span i {
	font-style: normal;
}

.btm_btnul li button {
	width: 100%;
	height: 24px;
	font-size: 12px;
	color: #fff;
	background: linear-gradient(180deg, #ff5f4a, #fb1611);
	box-shadow: 0 1px 3px #ff5f4a;
	border: none;
	border-radius: 3px;
}

.btm_btnul li:nth-child(3) button {
	background: linear-gradient(180deg, #ffad3b, #ff6a00);
	box-shadow: 0 1px 3px #ffa222;
}

.btm_btnul li:nth-child(4) button {
	background: linear-gradient(180deg, #ffcb1b, #ff9503);
	box-shadow: 0 1px 3px #ffdaa4;
}

.btm_btnul li:nth-child(5) button {
	background: linear-gradient(180deg, #ffd13b, #ffb100);
	box-shadow: 0 1px 3px #ffd13b;
}

/*0925复制彩哥哥补充添加*/
/*0912*/

/*球体颜色球+号码规律彩色*/
/* 亮色状态 */
.qiubg {
	background: #c3b9b8;
}
.qiubgs{
	background: #e2a300
}
.qiubg0 {
	background: #F45C46;
}

.qiubg1 {
	background: #FEBD16;
}

.qiubg2 {
	background: #44C099;
}

.qiubg3 {
	background: #186DF4;
}

.qiubg4 {
	background: #39B0FF;
}

.qiubg5 {
	background: #F56BA3;
}

.qiubg6 {
	background: #FFA663;
}

.qiubg7 {
	background: #4EAC61;
}

.qiubg8 {
	background: #FF7777;
}

.qiubg9 {
	background: #8D77FF;
}
/* 暗色状态 */
.qiubg10 {
	background: #bc4533;
}
.qiubg11 {
	background: #cf9a34;
}
.qiubg12{
	background: #7d6e24;
}
.qiubg13{
	background: #3667c8;
}
.qiubg14{
	background: #418c9a;
}
.qiubg15{
	background: #cd507a;
}
.qiubg16{
	background: #ba652e;
}
.qiubg17{
	background: #3e8a6d;
}
.qiubg18{
	background: #af4545;
}
.qiubg19{
	background: #6055e9;
}
/* 灰色 */
.qiubg20{
	background: #746b6a;
}
/* 暗色灰色 */
.qiubg21{
	background: #745454;
}
.qiubg_red{
	background-image: url(../images/red_ball.png);
}
.qiubg_jin {
	background-image: url(../images/yellow_ball.png);
}
.qiubg_mu {
	background-image: url(../images/green_ball.png);
}
.qiubg_shui {
	background-image: url(../images/blue_ball.png);
}
.qiubg_huo {
	background-image: url(../images/hotred_ball.png);
}
.qiubg_tu {
	background-image: url(../images/soil_ball.png);
}
/*总和值字体颜色*/
.font_color1 {
	color: #ff302a !important;
}

.font_color2 {
	color: #4f9a38 !important;
}

.font_color3 {
	color: #f2a50e !important;
}

.font_color4 {
	color: #0c98ef !important;
}

/*十个球体背景色*/
.lot_qiu1 {
	background-image: url(../images/lottery_qiu1.png);
}

.lot_qiu2 {
	background-image: url(../images/lottery_qiu2.png);
}

.lot_qiu3 {
	background-image: url(../images/lottery_qiu3.png);
}

.lot_qiu4 {
	background-image: url(../images/lottery_qiu4.png);
}

.lot_qiu5 {
	background-image: url(../images/lottery_qiu5.png);
}

.lot_qiu6 {
	background-image: url(../images/lottery_qiu6.png);
}

.lot_qiu7 {
	background-image: url(../images/lottery_qiu7.png);
}

.lot_qiu8 {
	background-image: url(../images/lottery_qiu8.png);
}

.lot_qiu9 {
	background-image: url(../images/lottery_qiu9.png);
}

.lot_qiu10 {
	background-image: url(../images/lottery_qiu10.png);
}

/*兼容小屏手机*/
.kj_timer {
	padding-left: 5px;
	padding-right: 5px;
}

.qiu10 {
	padding-left: 0px;
	padding-right: 0px;
	letter-spacing: -1px;
}

/*11-09当前用户没有权限*/
.privilege_box {
	width: 100%;
	padding: 0 24px;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
}

.privilege_img {}

.privilege_img img {
	width: 180px;
}

.privilege_box h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 30px auto;
	margin-bottom: 15px;
}

.privilege_box p {
	font-size: 16px;
	color: #333;
}

.privilege_box p span {
	color: #F1211A;
}


/* 选择彩种弹层 */
	 #switchCai{
		 padding: var(--paddingNum);
	 }
	 .switch_tit{
		 display: flex;
		 justify-content: space-between;
		 align-items: center;
		 padding-top: 10px;
		 padding-bottom: 10px;
	 }
	 .switch_tit .pop_tit{
		 font-size: 16px;
		 color: #333;
		 font-weight: bold;
	 }
	 .switch_tit .switch_close{
		 padding: 8px;
	 }
	 .switch_tit .switch_close img{
		 width: 13px;
	 }
	 .cai_namebox{
		 display: flex;
		 flex-wrap: wrap;
	 }
	 .cai_name{
		 border-radius: 5px;
		 background: #f6f6f6;
		 width: calc(100% / 3 - 7px);
		 margin-right: calc(21px / 2);
		 height: 35px;
		 line-height: 35px;
		 color: #555;
		 text-align: center;
		 margin-bottom: 10px;
	 }
	 .cai_name:hover{
		 background: var(--domColor);
		 color: #fff;
	 }
	 .cai_namebox .cai_name:nth-child(3n){
		 margin-right: 0;
	 }
	 .hisSwitchPop{
		 border-radius: 15px 15px 0 0 !important;
		 overflow: hidden;
	 }
	 .hisSwitchPop .layui-layer-btn{
		 padding: 0;
		 padding-top: 0 !important;
		 padding-bottom: 35px;
	 }
	 .hisSwitchPop .layui-layer-btn .layui-layer-btn0{
		 display: block;
		 border: none;
		 background:var(--orangeGradient);
		 width: 355px;
		 height: 44px;
		 line-height: 44px;
		 font-size: 15px;
		 color: #fff;
		 text-align: center;
		 padding: 0;
		 margin: 0 auto;
		 border-radius: 6px;
		 
	 }

@media screen and (min-width: 100px) and (max-width: 375px) {
	.qiu10 {
		letter-spacing: -1.2px;
	}

	.draw_num_time .kj {
		font-size: 12px;
	}

	#draw .draw_cz .draw_cz_name {
		font-size: 12px;
	}
}

@media screen and (min-width: 100px) and (max-width: 364px) {
	.qiu10 {
		letter-spacing: -.8px;
	}
}

/*兼容IPhone系列机型*/
@media only screen and (min-width: 375px) and (min-height: 760px) {
	.xs_flabel {
		padding-bottom: 15px !important;
	}

	body {
		height: calc(100% - 48px - 15px);
	}
}