/* @font-face {
	font-family:'MyriadProBold';
	src:url('/vie/fon/MyriadProBold.otf');
} */

/*:root { 全局变量 var(--color)
	--color: red;
}*/

*{
	padding:0;
	margin:0;
	outline:none; /*解决chrome文本输入时的白色边框*/
}
::-webkit-scrollbar { /*滚动条整体样式*/
	width:10px; /*高宽分别对应横竖滚动条的尺寸*/
	height:10px;
}
::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
	background:#0B91BC;
	border-radius:3px; /*圆角*/
}
::-webkit-scrollbar-thumb:hover { /*鼠标移入滚动条里面小方块*/
	background:#0DB7EC;
}
::-webkit-scrollbar-track { /*滚动条里面轨道*/
	background:#222;
}
::-webkit-scrollbar-corner { /*两个滚动条的交汇处*/
	background:#222;
}
noscript { /*提示浏览器禁用JavaScript*/
	font-size:32px;
}
input, textarea, select, button { /*编辑框*/
	font-family:'Microsoft Yahei';
	font-size:12px;
	color:#FFF;
	border-width:0;
	background-color:#272829;
	height:20px;
}
#br {
	font-family:'Microsoft Yahei';
	font-size:12px;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#414141;
	color:#FFF;
}

/*-----------------------------------------------登录图标(IconLogin)*/
.IconUsername, .IconPassword, .IconVerification, .IconEmail {
	display:inline-block;
	padding:10px;
	background:url('../im/iconLogin.png') no-repeat;
}
.IconPassword {
	background-position:-20px;
}
.IconVerification {
	background-position:-40px;
}
.IconEmail {
	background-position:-60px;
}

/*-----------------------------------------------图标(Icon)*/
.IconRefresh, .IconDelete, .IconSave, .IconUpload, .IconMultiple, .IconAdd, .IconDeploy, .IconInfo, .IconBack, .IconLay, .IconOne, .IconAccount, .IconFirst, .IconPrevious, .IconNext, .IconLast, .IconMinimize, .IconMaximize, .IconRevert, .IconClose, .IconAnaly, .IconFunds {
	display:inline-block;
	padding:10px;
	background:url('../im/icon.png') no-repeat;
}
.IconDelete {
	background-position:-20px;
}
.IconSave {
	background-position:-40px;
}
.IconUpload {
	background-position:-60px;
}
.IconMultiple {
	background-position:-80px;
}
.IconAdd {
	background-position:-100px;
}
.IconDeploy {
	background-position:-120px;
}
.IconInfo {
	background-position:-140px;
}
.IconBack {
	background-position:-160px;
}
.IconLay {
	background-position:-180px;
}
.IconOne {
	background-position:-200px;
}
.IconAccount {
	background-position:-220px;
}
.IconFirst {
	background-position:-240px;
}
.IconPrevious {
	background-position:-260px;
}
.IconNext {
	background-position:-280px;
}
.IconLast {
	background-position:-300px;
}
.IconMinimize {
	background-position:-320px;
}
.IconMaximize {
	background-position:-340px;
}
.IconRevert {
	background-position:-360px;
}
.IconClose {
	background-position:-380px;
}
.IconAnaly {
	background-position:-400px;
}
.IconFunds {
	background-position:-420px;
}

/*-----------------------------------------------小图标(IconMin)*/
.IconMinRight, .IconMinUnder, .IconMinClose, .IconMinAdjust {
	display:inline-block;
	padding:5px;
	background:url('../im/iconMin.png') no-repeat;
}
.IconMinUnder {
	background-position:-10px;
}
.IconMinClose {
	background-position:-40px;
}
.IconMinAdjust {
	background-position:-50px;
}

/*-----------------------------------------------登录页*/
.Login {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:400px;
	height:431px;
	text-align:center;
}
.Login header {
	padding:15px 0 30px 0;
	background-color:#272829;
	font-size:60px;
	font-weight:bold;
	font-style:italic;
	text-shadow:3px 3px 3px #676869; /* 字体阴影 */
}
.Login header b {
	color:#82DDF8;
}
.Login header i {
	font-size:20px;
}
.Login form { /*登录表单*/
	padding:30px;
	background-color:#676869;
}
.Login form i { /*登录表单*/
	border:8px solid #272829;
	background-color:#272829;
	vertical-align:top; /*上下居上*/
}
.Login form input { /*登录表单文本框*/
	border:3px solid #272829;
	border-left-style:none;
	width:291px;
	padding:5px 5px 5px 0;
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	background-color:#272829;
	display:inline-block;
}
.Login form input:-webkit-autofill,
.Login form input:-webkit-autofill:hover,
.Login form input:-webkit-autofill:focus,
.Login form input:-webkit-autofill:active { /*解决chrome表单自动填充样式*/
	transition-delay:99999s;
	-moz-transition-delay:99999s; /* Firefox 4 */
	-webkit-transition-delay:99999s; /* Safari 和 Chrome */
	-o-transition-delay:99999s; /* Opera */
}
.Login form button {
	padding:7px;
	color:#FFF;
	cursor:pointer;
	font-size:18px;
	width:80px;
	height:40px;
	font-weight:bold;
	border-width:0px;
	background-color:#F47F31;
}
.Login form button:hover {
	background-color:#F69D61;
}
.Login form button:nth-of-type(n+2) {
	margin-left:10px;
}
.Login form footer {
	text-align:center;
	color:#FFF;
	margin-top:20px;
}
.Login form footer a {
	text-decoration:none;
	color:#FFF;
}
.Login form footer a:hover {
	color:#82DDF8;
}
.Login form footer noscript {
	color:#FF3434;
}

/*-----------------------------------------------布局(layout)*/
.Layout, .LayoutLineLeft, .LayoutLineTop, .LayoutMax {
	position:absolute;
}
.Layout {
	top:0;
	bottom:0;
	left:0;
	right:0;
	border-color:#828282; /*边框颜色*/
	border-style:none; /*边框样式*/
	overflow:hidden; /*内容被修剪，其余内容不可见*/
	/*box-sizing:border-box; 内边框使用*/
	/*-moz-box-sizing:border-box; Firefox*/
}
.LayoutLineLeft, .LayoutLineTop { /*分隔线*/
	background-color:#828282;
	opacity:0.2;
	z-index:5;
}
.LayoutLineLeft { /*分隔线左右*/
	cursor:e-resize;
	top:0;
	bottom:0;
	width:5px;
}
.LayoutLineTop { /*分隔线上下*/
	cursor:n-resize;
	left:0;
	right:0;
	height:5px;
}

/*-----------------------------------------------提示框(Messager)*/
.Message {
	position:fixed;
	right:0;
	bottom:0;
	z-index:99;
	max-width:50%;
	min-width:400px;
	max-height:120px;
	overflow:auto;
	font-size:14px;
}
.Message i {
	cursor:pointer;
	position:fixed;
	right:25px;
	bottom:15px;
}
.Message div {
	padding:10px;
	padding-right:45px;
	border-bottom:1px solid #444;
	border-radius:7px 0 0 7px;/*圆角*/
	word-break:break-all; /*单词强制换行*/
}
.MessageError {
	background-color:#EB2E2E;
}
.MessagePrompt {
	background-color:#D38314;
}
.MessageOk {
	background-color:#17C013;
}

/*-----------------------------------------------工具组(Tools)*/
.Tools {
	background-color:#686868; /*底色*/
	min-height:40px;
	z-index:1;
	user-select:none; /*禁止选中文字*/
}
.Tools > * {
	margin:10px 0px 10px 10px; /*右外边距*/
	vertical-align:top; /*上下居上*/
}
.Tools i, .Tools select, .Tools input[type=checkbox] {
	cursor:pointer; /*手势鼠标*/
}
.Tools input[type=checkbox] {
	vertical-align:middle; /*上下居中*/
}
.Tools select, .Tools input[type=text] {
	border-width:0;
	background-color:#272829;
	height:20px;
}
.Tools i:hover {
	opacity:0.8; /*80%透明*/
}
.Tools input[type=text] {
	text-align:center;
	width:55px;
}
.Tools hr {
	height:20px;
	border:none;
	border-left:3px solid #82DDF8;
	display:inline-block;
	margin:10px 10px 10px 20px;
}

/*-----------------------------------------------对话框(Dialog)*/
.Dialog, .DialogBackground {
	position:fixed;
}
.Dialog {
	background-color:#666;
	border:2px solid #82DDF8;
	max-width:100%;
	max-height:100%;
	min-width:400px;
	min-height:200px;
}
.DialogIcon {
	top:10px;
	right:10px;
	height:20px;
}
.DialogIcon i {
	margin-left:10px;
	cursor:pointer; /*手势鼠标*/
}
.DialogIcon i:hover {
	opacity:0.8; /*80%透明*/
}
.DialogTitle, .DialogButton button {
	background-color:#272829;
	font-weight:bold;
}
.DialogTitle {
	height:40px;
	line-height:40px;
	padding-left:10px;
	cursor:move;
	font-size:16px;
}
.DialogContent {
	word-wrap:break-word; /* 单词强制换行 */
	overflow:auto;
	top:40px;
	left:0;
	bottom:40px;
	right:0;
	padding:10px;
}
.DialogIcon, .DialogContent, .DialogButton, .Dialog>i {
	position:absolute;
}
.DialogButton {
	bottom:10px;
	right:10px;
}
.DialogButton button {
	margin-left:10px;
	padding:0 20px;
	cursor:pointer;
	border:none;
	height:30px;
	line-height:30px;
}
.DialogButton button:hover {
	opacity:0.7; /*70%透明*/
}
.Dialog>i, .DialogBackground {
	bottom:0;
	right:0;
}
.Dialog>i {
	cursor:nw-resize;
}
.DialogBackground {
	top:0;
	left:0;
	background-color:#888;
	opacity:0.3;
	z-index:9;
}

/*-----------------------------------------------进度条(Progress)*/
.Progress {
	position:absolute;
	top:0;
	left:0;
	height:3px;
	background-color:#FF27A5;
	z-index:5;
	animation:progress 1s infinite ease-out;
}
@keyframes progress { /*动画设定*/
	from {width:0%;}
	to {width:100%;}
}

/*-----------------------------------------------树型(Tree)*/
.Tree {
	white-space:nowrap; /*空白不换行*/
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:auto;
	/*padding:10px 0;*/
	user-select:none; /*禁止选中文字*/
}
.Tree dt, .Tree div {
	height:16px;
	line-height:16px;
	cursor:pointer;
}
.Tree div {
	color:#82DDF8;
	padding-left:15px;
}
.Tree dt:hover, .Tree div:hover {
	color:#FF8282;
}
.Tree dd {
	display:none;/*不显示*/
	margin-left:17px;
	/*border-left:1px dashed #82DDF8;*/
}
.TreeSelect span {
	background-color:#FFFF00;
	color:#0BA5D9;
}
.Tree i, .Tree span, .Tree input[type=checkbox] {
	margin-left:5px;
}
.Tree input[type=checkbox] {/*复选框*/
	vertical-align:middle;
	margin-top:-3px;
}

/*-----------------------------------------------对话框保存复选框文字*/
.DialogSaveMy label {
	cursor:pointer;
	margin-right:20px;
}
.DialogSaveMy input[type=checkbox] {
	vertical-align:middle;
	margin-right:5px;
	cursor:pointer;
}

/*-----------------------------------------------对话框设置选项的文字*/
#DialogSettings {
	display: grid; /*定义为网格布局*/
	grid-template-columns: auto auto auto; /*定义为网格布局的列*/
	grid-gap: 5px; /*定义为网格布局的间隙大小*/
}
#DialogSettings>div {
	display: grid; /*定义为网格布局*/
	grid-template-columns: auto auto; /*定义为网格布局的列*/
	grid-gap: 2px; /*定义为网格布局的间隙大小*/
}
#DialogSettings>div>div:nth-child(odd) { /*nth-child(odd) 奇数 ,nth-child(even) 偶数*/
	text-align: right;
}
#DialogSettings select, #DialogSettings input[type=checkbox] {
	cursor:pointer; /*手势鼠标*/
}
#DialogSettings select, #DialogSettings input[type=checkbox], #DialogSettings input[type=text] {
	vertical-align:middle; /*上下居中*/
}
#DialogSettings select, #DialogSettings input[type=text] {
	border-width:0;
	background-color:#272829;
	height:20px;
	width:80px;
	text-align:center;
}
#DialogSettings input[type=checkbox] {
	margin-top:-3px;
}

/*-----------------------------------------------对话框帐户资金*/
#DialogFunds {
	font-size: 16px;
	display: grid; /*定义为网格布局*/
	grid-template-columns: auto auto; /*定义为网格布局的列*/
	grid-gap: 5px; /*定义为网格布局的间隙大小*/
}
#DialogFunds>div:nth-child(odd) {
	text-align: right;
}

/*-----------------------------------------------选项卡(tabs)*/
.Tabs dt {
	position:absolute;
	cursor:pointer;
	font-weight:bold;
	box-sizing:border-box;/*元素内占边框*/
	text-align:center;
	background-color:#666;
	color:#BBB;
	border-right:2px solid #444;
	border-bottom:2px solid #444;
	user-select:none; /*禁止选中文字*/
}
.Tabs dt:hover {
	opacity:0.8;
}
.Tabs dd {
	background-color:#555;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	overflow:auto;
	display:none;
}
.Tabs .TabsSelectDt {
	color:#FFF;
	background-color:#558313;
}
.Tabs .TabsSelectDd {
	display:block;
}

/*-----------------------------------------------表格数据(tableData)*/
.TableData {
	white-space:nowrap; /*不换行*/
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	overflow:auto;
}
.TableData table {
	border-collapse:collapse; /* 合并为单一边框 */
	border-spacing:0; /* 单元格间的间格 */
	empty-cells:show; /* 显示空单元格边框 */
	text-align:center;
	width:100%;
}
.TableData thead {
	background-color:#14668A;
}
.TableData tbody tr:nth-child(odd) {
	background-color:#4E4E4E;
}
.TableData tbody tr:hover {
	background-color:#93154D;
}
.TableData th,
.TableData td {
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	padding:2px 20px;
}

/*-----------------------------------------------表格横型(TableHorizontal)*/
.TableHorizontal {
	white-space:nowrap;/*不换行*/
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:auto;
	user-select:none; /*禁止选中文字*/
}
.TableHorizontal table {
	border-spacing:0;
	empty-cells:show;
	text-align:center;
	width:100%;
}
.TableHorizontal tbody tr:hover {
	background-color:#4F5051;
}
.TableHorizontal th {
	background-color:#558313;
	vertical-align:top;
	/*font-size:13px;*/
}
.TableHorizontal td {
	border-bottom:2px solid #676869;
	vertical-align:top;
}
.TableHorizontal th,
.TableHorizontal .RunnerName {
	font-weight:bold;
}
.TableHorizontal div {
	height:16px;
	line-height:16px;
}
.TableHorizontal .Event {
	padding:0 5px;
}
.TableHorizontal .ChartAction {
	width:173px;
	height:120px;
	font-size:0;
	background-repeat:no-repeat;
	background-position:-15px -15px;
	background-size:200px;
}
.TableHorizontal .RunnerName:hover { /*选项名*/
	cursor:pointer;
	color:#82DDF8;
}
.TableHorizontal .IfWin, /*预计盈亏*/
.TableHorizontal .IfLose,
.TableHorizontal .ExpectedIfWinAndIfLose span {
	color:#01FF00;
}
.TableHorizontal .Width {
	width:40px;
}
.TableHorizontal input[type=text] {/*文本框*/
	width:40px;
	height:15px;
	text-align:center;
}
.TableHorizontal .IsMarketDataDelayed {/*延迟红字*/
	color:#CD0000;
}
.TableHorizontal .LastPriceTraded, /*成交价*/
.TableHorizontal .Price { /*价格*/
	color:#FFE686;
	font-weight:bold;
}
.TableHorizontal .SubmitLayRisk,
.TableHorizontal .SizeBack { /*挂买单额*/
	color:#4DB6E5;
}
.TableHorizontal .SubmitBackRisk,
.TableHorizontal .SizeLay { /*挂卖单额*/
	color:#E75B97;
}
.TableHorizontal .MatchesAndOrdersBack { /*订买单额*/
	color:#52CFF6;
}
.TableHorizontal .MatchesAndOrdersLay { /*订卖单额*/
	color:#FE53B9;
}
.TableHorizontal .OrderSizeBack { /*订买单额*/
	color:#82DDF8;
}
.TableHorizontal .OrderSizeLay { /*订卖单额*/
	color:#FE85CD;
}
.TableHorizontal .SizeBack:hover,
.TableHorizontal .SizeLay:hover,
.TableHorizontal .OrderSizeBack:hover,
.TableHorizontal .OrderSizeLay:hover {
	background-color:#575859;
	cursor:pointer;
}
.TableHorizontal .OrderSizeBack,
.TableHorizontal .OrderSizeLay,
.TableHorizontal .SubmitBackPrice,
.TableHorizontal .SubmitLayPrice,
.TableHorizontal .MatchesAndOrdersBack,
.TableHorizontal .MatchesAndOrdersLay {
	font-weight:bold;
}
.TableHorizontal .SubmitBackPrice, /*提交买单价*/
.TableHorizontal .SubmitBackSize { /*提交买单额*/
	background-color:#14668A;
}
.TableHorizontal .SubmitLayPrice, /*提交买单价*/
.TableHorizontal .SubmitLaySize { /*提交买单额*/
	background-color:#93154D;
}
.TableHorizontal .Back0 {
	border-right:2px solid #676869;
}
.TableHorizontal .Lay0 {
	border-left:2px solid #676869;
}

/*-----------------------------------------------表格选项(TableRunner)*/
.TableRunner {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:auto;
	white-space:nowrap;/*不换行*/
	user-select:none; /*禁止选中文字*/
	background-color:#414141;
}
.TableRunner table {
	border-spacing:0;
	empty-cells:show;
	text-align:center;
	width:100%;
}
.TableRunner th {
	background-color:#558313;
	text-align:center;
	width:11%;
	height:16px;
	line-height:16px;
}
.TableRunner tbody tr:hover {
	background-color:#4E4E4E;
}
.TableRunner td {
	border-bottom:1px solid #686868;
	vertical-align:top;
	width:11%;
	height:16px;
	line-height:16px;
}
.TableRunnerDisplayNone {
	display:none;
}
.TableRunnerDisplayTableRow {
	display:table-row;
}
.TableRunnerProfitAndLoss { /*平衡盈亏*/
	color:#01FF00;
	text-align:right;
}
.TableRunnerPrice { /*价格*/
	color:#FFE686;
	font-weight:bold;
}
.TableRunnerSizeBACK { /*挂单买额*/
	color:#4DB6E5;
	text-align:right;
}
.TableRunnerSizeLAY { /*挂单卖额*/
	color:#E75B97;
	text-align:left;
}
.TableRunnerSizeOrderBACK { /*订单买额*/
	color:#79C8EB;
	font-weight:bold;
	text-align:right;
}
.TableRunnerSizeOrderLAY { /*订单卖额*/
	color:#ED87B3;
	font-weight:bold;
	text-align:left;
}
.TableRunnerSizeMatchesBACK { /*成交买额*/
	color:#1A84B3;
	text-align:right;
}
.TableRunnerSizeMatchesLAY { /*成交卖额*/
	color:#C11C63;
	text-align:left;
}
.TableRunnerSizeTraded { /*总成交额*/
	text-align:left;
}
.TableRunnerProfitAndLoss:hover,
.TableRunnerSizeBACK:hover,
.TableRunnerSizeLAY:hover,
.TableRunnerSizeOrderBACK:hover,
.TableRunnerSizeOrderLAY:hover {
	background-color:#5B5B5B;
	cursor:pointer;
}






.TableRunner .IfWin, /*预计盈亏*/
.TableRunner .IfLose,
.TableRunner .ExpectedIfWinAndIfLose span {
	color:#01FF00;
}