/*
 * 独立 PC 前台皮肤。
 * 仅在服务端判定为电脑浏览器时载入，手机端不引用本文件。
 */
html, body.pc-view { min-width: 1120px; min-height: 100%; }
body.pc-view {
	background: #edf2f6;
	color: #263746;
	font-size: 14px;
	overflow-y: auto;
}
body.pc-view .pc-globalbar {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	height: 66px;
	background: #075268;
	box-shadow: 0 2px 10px rgba(0,0,0,.16);
	z-index: 1000;
}
body.pc-view .pc-globalbar-inner {
	width: 1180px;
	height: 66px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
body.pc-view .pc-brand { display: block; width: 150px; height: 58px; margin-right: 24px; }
body.pc-view .pc-brand img { display: block; width: 142px; height: 56px; object-fit: contain; }
body.pc-view .pc-mainnav { height: 66px; display: flex; align-items: stretch; flex: 1; }
body.pc-view .pc-mainnav a {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 18px;
	color: #e7f5f7;
	font-size: 15px;
	white-space: nowrap;
}
body.pc-view .pc-mainnav a:hover,
body.pc-view .pc-mainnav a.on { background: #126e82; color: #fff; }
body.pc-view .pc-mainnav a.on:after {
	content: "";
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 0;
	height: 3px;
	background: #ffc33e;
}
body.pc-view .pc-userbox { display: flex; align-items: center; gap: 9px; color: #fff; white-space: nowrap; }
body.pc-view .pc-userbox span { color: #ffe08a; font-weight: 700; }
body.pc-view .pc-userbox em { color: #d8edf1; font-size: 12px; }
body.pc-view .pc-userbox a { color: #fff; font-size: 12px; }
body.pc-view .pc-userbox a.quit { color: #ffd16e; }

/* 所有业务页使用宽屏工作区，现有链接、表单和 Ajax 行为保持不变。 */
body.pc-view .main,
body.pc-view .main.game-skin {
	position: relative !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	width: 1180px !important;
	max-width: 1180px !important;
	height: auto !important;
	min-height: calc(100vh - 92px);
	margin: 82px auto 26px !important;
	padding-top: 0 !important;
	background: #fff;
	box-shadow: 0 2px 12px rgba(43,69,84,.12);
	overflow: visible !important;
}
body.pc-view .main > .header:not(.game-head) {
	position: relative;
	width: 100%;
	max-width: none;
	height: 48px;
	line-height: 48px;
	background: #fff;
	color: #263746;
	border-bottom: 1px solid #dce5eb;
}
body.pc-view .main > .header:not(.game-head) h4 { color: #263746; }
body.pc-view .main > .header:not(.game-head) a i { color: #1f9683; }
body.pc-view .main > .scroll_box,
body.pc-view .main.game-skin .scroll_box {
	position: relative;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: 650px;
	margin: 0 !important;
	padding-bottom: 28px;
	overflow: visible !important;
	background: #f5f7f9;
}
body.pc-view .footer.menu.nav5 { display: none !important; }
body.pc-view .user-mask { max-width: none; }
body.pc-view .user-panel,
body.pc-view .side-panel { width: 420px; max-width: 420px; right: 0; margin-right: 0; }

/* 首页：案例站风格的宽屏入口与彩种卡片。 */
body.pc-view .home-page .header.home-top { display: none; }
body.pc-view .home-page .scroll_box { min-height: calc(100vh - 108px); }
body.pc-view .home-page .home-banner { max-width: none; height: 280px; }
body.pc-view .home-page .home-banner-viewport { height: 280px; padding-bottom: 0; }
body.pc-view .quick-nav { display: flex; padding: 18px 30px; border-bottom: 1px solid #e4eaee; }
body.pc-view .quick-nav a { flex: 1; font-size: 14px; }
body.pc-view .quick-nav .ico { width: 50px; height: 50px; }
body.pc-view .promo-grid { margin: 18px 24px; }
body.pc-view .game-sec { margin: 18px 24px; border-radius: 5px; background: #fff; border: 1px solid #e0e7eb; }
body.pc-view .game-sec h3 { padding: 13px 18px; border-bottom: 1px solid #e6ecef; font-size: 17px; }
body.pc-view .home-games ul { display: flex; flex-wrap: wrap; padding: 8px; }
body.pc-view .home-games li { width: 20% !important; box-sizing: border-box; border: 0 !important; }
body.pc-view .home-games li a { margin: 7px; border: 1px solid #e4e9ec; border-radius: 5px; background: #fbfcfd; }
body.pc-view .pc-home-foot{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 24px 30px;border:1px solid #dfe7ec;background:#fff}
body.pc-view .pc-home-foot a{display:flex;flex-direction:column;align-items:center;padding:22px 10px;border-right:1px solid #e4e9ec;color:#263746}
body.pc-view .pc-home-foot a:last-child{border-right:0}.pc-home-foot b{font-size:17px;color:#075268}.pc-home-foot span{margin-top:7px;color:#89959d;font-size:12px}

/* 投注页：宽屏显示，不再受手机 750px 容器限制。 */
body.pc-view .main.game-skin { display: flex !important; flex-direction: column; }
body.pc-view .header.game-head {
	position: relative !important;
	width: 100%;
	max-width: none;
	min-height: 50px;
	background: #075268 !important;
}
body.pc-view .main.game-skin .g-tabs { height: 44px !important; border-bottom: 1px solid #dce5eb; }
body.pc-view .main.game-skin .g-tabs a { line-height: 44px !important; font-size: 15px !important; }
body.pc-view .main.game-skin .scroll_box { flex: none !important; }
body.pc-view .main.game-skin .ft-wrap { max-width: 980px; margin: 18px auto; }
body.pc-view .main.game-skin .ft-board { min-height: 360px; }
body.pc-view .main.game-skin .ft-sec { margin-top: 14px; }
body.pc-view .main.game-skin .lottery_box { padding-left: 18px; padding-right: 18px; }
body.pc-view.pc-game-page .pc-globalbar { height:50px; background:#f3f6f8; box-shadow:none; border-bottom:1px solid #ccd6df; }
body.pc-view.pc-game-page .pc-globalbar-inner { height:50px; }
body.pc-view.pc-game-page .pc-brand,body.pc-view.pc-game-page .pc-mainnav{display:none}
body.pc-view.pc-game-page .pc-userbox{margin-left:auto;color:#334b70}
body.pc-view.pc-game-page .pc-userbox a,body.pc-view.pc-game-page .pc-userbox span{color:#334b70}
body.pc-view.pc-game-page .main.game-skin{margin-top:62px!important;width:1240px!important;max-width:1240px!important;box-shadow:none;background:#f4f4f4}
body.pc-view .pc-game-layout{display:grid;grid-template-columns:240px minmax(720px,1fr) 220px;gap:0;align-items:start}
body.pc-view .pc-game-center{min-width:0;background:#fff;border-left:1px solid #ddd;border-right:1px solid #ddd}
body.pc-view .pc-lottery-nav{position:relative;display:flex;height:42px;border-bottom:1px solid #d8dde2;background:#fff;z-index:20}
body.pc-view .pc-lottery-nav>a,body.pc-view .pc-lottery-nav span>button{height:42px;padding:0 18px;border:0;background:#fff;color:#333;line-height:42px;font:inherit;cursor:pointer;box-sizing:border-box}
body.pc-view .pc-lottery-nav>a:hover,body.pc-view .pc-lottery-nav>a.on,body.pc-view .pc-lottery-nav span:hover>button{color:#fff;background:#5f88ef}
body.pc-view .pc-lottery-nav span{position:relative}.pc-lottery-nav span>i{display:none;position:absolute;left:0;top:42px;width:310px;padding:8px;background:#fff;border:1px solid #ccd6df;box-shadow:0 5px 15px rgba(0,0,0,.16);font-style:normal}
body.pc-view .pc-lottery-nav span.open>i{display:grid;grid-template-columns:repeat(2,1fr)}body.pc-view .pc-lottery-nav span>i a{padding:9px 12px;color:#333;border-bottom:1px solid #edf0f2}body.pc-view .pc-lottery-nav span>i a:hover{color:#3976ee;background:#f4f7ff}
body.pc-view .pc-game-left{padding:10px;background:#f6f6f6;box-sizing:border-box}
body.pc-view .pc-agent,body.pc-view .pc-balance,body.pc-view .pc-today{height:34px;line-height:34px;margin-bottom:8px;padding:0 14px;border:1px solid #5a87ff;border-radius:18px;color:#4770dd;background:#fff}
body.pc-view .pc-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;border-left:1px solid #ddd;border-top:1px solid #ddd}
body.pc-view .pc-shortcuts a{height:65px;display:flex;align-items:center;justify-content:center;text-align:center;color:#3976ee;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff}
body.pc-view .pc-result-title{margin:14px -10px 0;padding:10px;background:#1689e5;color:#fff;font-size:17px;font-weight:700}
body.pc-view .pc-result-list{max-height:315px;overflow:hidden;background:#fff}
body.pc-view .pc-result-list li{padding:7px;border-bottom:1px solid #ddd;font-size:12px}
body.pc-view .pc-game-right{min-height:620px;padding:14px 10px;background:#f3f3f3;box-sizing:border-box}
body.pc-view .pc-slip-head{display:flex;justify-content:space-between;font-size:16px}
body.pc-view .pc-cancel{display:inline-block;margin:10px 0;padding:3px 8px;background:#ef5350;color:#fff}
body.pc-view .pc-game-right>strong{float:right;font-size:17px;color:#111}
body.pc-view .pc-slip-empty{clear:both;padding-top:16px;color:#777}
body.pc-view .pc-slip-list{clear:both;padding-top:10px}.pc-slip-list div{display:flex;justify-content:space-between;padding:9px 4px;border-bottom:1px solid #ddd;color:#333}.pc-slip-list em{color:#e13b34;font-style:normal}
body.pc-view .pc-game-center .game-pin,body.pc-view .pc-game-center .scroll_box,body.pc-view .pc-game-center .send_box{width:100%!important;max-width:none!important}
body.pc-view #panelPlan,body.pc-view #panelRank{min-height:650px!important;background:#fff}body.pc-view #panelRank .rank-head{padding:15px 20px;font-size:18px;border-bottom:1px solid #ddd}body.pc-view #panelRank .rank-row{display:grid;grid-template-columns:60px 1fr 120px 130px;align-items:center;min-height:48px;padding:0 20px;border-bottom:1px solid #e5e5e5}.pc-game-page #panelRank .pf{color:#e34c45;text-align:right}

/* 表单、报表、流水在 PC 上按内容宽度展开。 */
body.pc-view .fn-tabs,
body.pc-view .report-tabs,
body.pc-view .promo-tabs,
body.pc-view .team-tabs { padding-left: 24px; padding-right: 24px; background: #fff; }
body.pc-view table { width: 100%; }
body.pc-view th, body.pc-view td { padding: 10px 12px; }
body.pc-view .record-table,
body.pc-view .report-table,
body.pc-view .team-table { font-size: 13px; }

/* 案例站式用户中心：左侧栏目，右侧业务内容。 */
body.pc-view.pc-account-page .main{width:1300px!important;max-width:1300px!important;background:#fff}
body.pc-view .pc-account-layout{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:720px}
body.pc-view .pc-account-side{border-right:1px solid #d9dfe5;background:#fff}
body.pc-view .pc-account-side h2{height:42px;line-height:42px;padding:0 15px;border-bottom:1px solid #ddd;font-size:17px;color:#111}
body.pc-view .pc-account-side a{position:relative;display:block;height:43px;line-height:43px;padding:0 20px 0 48px;border-bottom:1px solid #ddd;color:#111;font-size:15px}
body.pc-view .pc-account-side a:before{content:'›';position:absolute;right:18px;font-size:25px;color:#111}
body.pc-view .pc-account-side a.on,body.pc-view .pc-account-side a:hover{background:#5e88f4;color:#fff}
body.pc-view .pc-account-side a.on:before,body.pc-view .pc-account-side a:hover:before{color:#fff}
body.pc-view .pc-account-content{min-width:0;background:#fff}
body.pc-view .pc-account-content>.header{display:none}
body.pc-view .pc-account-content>.scroll_box{min-height:720px!important;padding:0 16px 30px!important;background:#fff!important}
body.pc-view .pc-account-content .report-tabs,body.pc-view .pc-account-content .fn-tabs{padding-left:0;padding-right:0}
body.pc-view .pc-account-title{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #dce2e7;background:#f8f9fa;box-sizing:border-box}.pc-account-title b{font-size:18px}.pc-account-title a{color:#4774e7}
body.pc-view.pc-account-page .report-table,body.pc-view.pc-account-page .record-table{width:100%!important;min-width:900px!important;table-layout:auto!important}.pc-account-page .report-table th:first-child,.pc-account-page .report-table td:first-child{position:static!important;width:auto!important;min-width:0!important;max-width:none!important;box-shadow:none!important;white-space:nowrap!important}
body.pc-view.pc-account-page .report-filter,body.pc-view.pc-account-page .bet-filter,body.pc-view.pc-account-page .record-filter{padding:18px;background:#f8fafb;border:1px solid #e1e6ea}
body.pc-view.pc-account-page .rf-btns,body.pc-view.pc-account-page .record-quick,body.pc-view.pc-account-page .bet-quick{max-width:620px;margin-top:12px}
body.pc-view.pc-account-page .pay-channel,body.pc-view.pc-account-page .user_box,body.pc-view.pc-account-page .pay-tip{max-width:900px;margin-left:auto;margin-right:auto}

/* 登录/注册：按案例站的电脑端单独呈现。 */
body.pc-view .pc-auth-strip {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 48px;
	line-height: 48px;
	padding-left: 24px;
	background: #062c39;
	color: #fff;
	z-index: 1000;
	box-sizing: border-box;
}
body.pc-view .pc-auth-strip a {
	float: right;
	width: 112px;
	text-align: center;
	background: #ffe0a8;
	color: #58421e;
}
body.pc-view .main.auth-page {
	width: 100% !important;
	max-width: none !important;
	min-height: 100vh;
	margin: 0 !important;
	padding-top: 48px !important;
	background:
		radial-gradient(circle at 50% 45%, rgba(255,255,255,.96) 0, rgba(255,255,255,.54) 14%, rgba(50,177,220,.22) 33%, rgba(0,151,207,.45) 62%, rgba(0,125,178,.58) 100%),
		linear-gradient(135deg, #168fc4, #bceaf7 52%, #1398c9);
	box-shadow: none;
}
body.pc-view .auth-page .auth-head { display: none; }
body.pc-view .auth-page .auth-scroll {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100% !important;
	max-width: none !important;
	min-height: calc(100vh - 48px) !important;
	margin: 0 !important;
	padding: 135px 0 60px;
	background: transparent;
	box-sizing: border-box;
}
body.pc-view .auth-brand { margin: 0 0 14px; text-align: center; }
body.pc-view .auth-brand img { width: 210px; max-height: 86px; object-fit: contain; }
body.pc-view .auth-brand h2 { margin-top: 10px; color: #263238; font-size: 25px; font-weight: 500; }
body.pc-view .auth-card { width: 440px; padding: 0; background: transparent; box-shadow: none; }
body.pc-view .auth-form ul { padding: 0; }
body.pc-view .auth-form li {
	position: relative;
	height: 46px;
	margin: 0 0 20px;
	padding: 0 18px;
	border: 0;
	border-radius: 24px;
	background: rgba(255,255,255,.95);
	box-sizing: border-box;
}
body.pc-view .auth-form li > label { display: none; }
body.pc-view .auth-form input.inputxt {
	width: 100%;
	height: 46px;
	padding: 0 10px;
	border: 0;
	background: transparent;
	font-size: 15px;
	box-sizing: border-box;
}
body.pc-view .auth-form .input-wrap { width: 100%; }
body.pc-view .auth-form li.auth-remember {
	height: 34px;
	margin: -2px 12px 15px;
	padding: 0;
	background: transparent;
	border-radius: 0;
}
body.pc-view .auth-form li.auth-remember > label { display: inline-block; color: #fff; }
body.pc-view .auth-form .auth-kefu { color: #fff; }
body.pc-view .auth-submit { padding: 0 24px; }
body.pc-view .auth-submit input[type=submit] {
	width: 100%;
	height: 42px;
	border: 0;
	border-radius: 22px;
	background: linear-gradient(#ffd66c,#ffad18);
	color: #2f2b20;
	font-size: 19px;
	box-shadow: none;
}
body.pc-view .auth-links { color: #fff; }
body.pc-view .auth-links a { color: #ff9f1b; }

@media (min-width: 1500px) {
	body.pc-view .pc-globalbar-inner,
	body.pc-view .main,
	body.pc-view .main.game-skin { width: 1360px !important; max-width: 1360px !important; }
}