[v-cloak] { display: none; }
/*可复用样式*/
.box-fl {  float: left; margin-left: 10px; }
.border-solid-grey { border: 1px solid #eee; }
.color-strong-red { color: #f00; }
.color-strong-blue { color: #00f; }
.color-strong-green { color: #0f0; }
.color-strong-whiteblue { color: #0ff; }
.explain-text-m { color: #888; font-size: 15px; padding: 10px; }
.explain-text-s { color: #888; font-size: 12px; padding: 10px; }
.explain-text-l { color: #888; font-size: 18px; padding: 10px; }
.div-margin-a { margin: 0 0 20px 0; }
 
/*menu部分样式开始*/
.menu-box { min-width: 50px; min-height: 40px; float: left; margin: 40px 0 0 0; }
.menu-function .menu-box-top { min-width: 50px; min-height: 20px; text-align: center; background: #e53c3f; }
.menu-function .menu-box-top img { width: 20px; height: 20px; }
.menu-function .menu-box-main { min-width: 50px; text-align: center; padding: 0 20px; }
.menu-function .menu-box-main a { display: inline-block; margin: 2px 4px; }
.menu-logo .menu-box-top { text-align: center; }
.menu-logo .menu-box-main { text-align: center; margin: 0 20px 10px 20px; }
.menu-logo .menu-box-top img { width: 110px; height: 40px; }
.menu-split { width: 100%; height: 1px; background: #eee; margin: 5px 0; }
.bshare-custom { position: relative; top: 7px; float: right; }
.bshare-custom-span { color: #fff; position: relative; top: 1px; }
/*menu部分样式结束*/

/*登录注册部分开始*/
#log_reg { width: 100%; margin: 0 0 10px 0; box-sizing: border-box; padding: 0 20px; background: #666; height: 35px; line-height: 35px; position: fixed; top: 0; left: 0; z-index: 100; }
#log_reg span,#log_reg a { color: #fff; margin-right: 5px; }
#log_reg .log-reg,#log_reg .unlog { float: right; }
#log_reg .menu-bar { float: left; }
#log_reg .menu-bar a { margin-right: 5px; }
#log_reg .avatar { width: 25px; height: 25px; text-indent: -9999; cursor: pointer; position: relative; top: 5px; }
#log_reg .avatar img { width: 25px; height: 25px; border-radius: 25px; }
.reg-log-form { width: 400px; min-height: 250px; margin: 0 auto; position: absolute; top: 200px; left: 50%; margin-left: -125px; }
.log-form { width: 220px; height: 280px; border-radius: 10px; background: #e2e2e0; z-index: 100; box-shadow: 5px 5px 5px #888888; }
.log-form form { margin: 0 20px; }
.log-form input { display: block; width: 150px; height: 30px; border: 1px solid #eee; border-radius: 5px; margin: 0 auto; padding: 0 10px; }
.log-form h3 { margin: 10px 0 20px 0; }
.reg-log-close { width: 100%; height: 30px; }
.reg-log-close div { width: 30px; height: 30px; float: right; background: #f00; cursor: pointer; }
.reg-log-form h3 { height: 40px; width: 100%; line-height: 40px; text-align: center; font-size: 16px; }
.pass-form-item { width: 100%; height: 50px; line-height: 50px; }
.pass-form-item label { display: inline-block; text-align: left; }
.pass-label:nth-of-type(1) { width: 70px; }
.pass-label:nth-of-type(2) { color: #f00; }
.reg-log-form #reg_button,.reg-log-form #log_button { width: 100px; height: 35px; border-radius: 5px; margin: 12px auto 20px auto; line-height: 35px; background: #e53c3f; color: #fff; display: block; }
.log-box { position: absolute; top: 300px; left: 50%; margin-left: -125px; z-index: 10; }
#reg .input-button { cursor: pointer; }
#reg input { width: 150px; height: 30px; border: 1px solid #eee; padding: 0 10px; }
#reg .verifycode-button { width: 100px; height: 25px; border-radius: 5px; margin: 0 auto; line-height: 25px; background: #e53c3f; color: #fff; }
#reg .button-disabled { background: #faaaaa; }
/*登录注册部分结束*/

/*个人中心部分开始*/
.personal-center { width: 400px; min-height: 100px; margin: 100px auto; }
.personal-tab { width: 200px; height: 100%; float: left; }
.personal-main { width: 850px; height: 100%; float: right; }
.personal-tab h3 { height: 70px; width: 100%; line-height: 40px; text-align: center; font-size: 16px; margin: 0 0 30px 0; }
.personal-list li { width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 15px; margin: 0 0 20px 0; cursor: pointer; }
.personal-list li.list-active { background: #e53c3f; color: #fff; }
.personal-main .input-button { width: 100px; height: 35px; border-radius: 5px; margin: 20px auto; line-height: 35px; background: #e53c3f; color: #fff; display: block; }
.personal-main .pass-form-item label { margin: 0 10px 0 0;}
.personal-main .pass-form-item .input-text { width: 150px; height: 30px; border: 1px solid #eee; padding: 0 10px; }
.personal-avatar { width: 50px; height: 50px; border-radius: 50px; text-indent: -9999; cursor: pointer; position: relative; top: 5px; }
.personal-avatar img { width: 50px; height: 50px; border-radius: 50px; }
.personal-edit { width: 850px; height: 1000px; border: none; }
/*个人中心部分结束*/

/*表格部分样式开始*/
caption { font-size: 18px; margin: 5px 0; color: #000000; }
.table-link a { margin: 0 20px 0 0; }
.table-link-no-margin { margin: 0 !important; }
.chart td { border: 1px solid #ddd; text-align: center; }
.chart thead tr td { background-color: #f3f3f3; font-weight: 600; }
.chart-head-num td { width: 27px; }
.chart tbody tr td {  height: 25px; }
.chart-body-kj { color: #cd0000; font-weight: 600; }
.chart-body-kj-a { color: #00f; font-weight: 600; }
.chart-body-yilou { background-color: #fffff1; font-size: 12px; color: #afafaf;}
.chart-body-yilou-a { background-color: #c0dcc0; font-size: 12px; color: #afafaf;} #chart_pailie_3 .chart tbody tr:nth-child(6n+0) { border-bottom: 3px solid #ddd; }
.chart-body-over td { background: #edffc8 !important; }
.chart-font-a { color: #f00; }
.chart-font-b { color: #349800; }
.chart-font-c { color: #feb70f; }
.chart-font-d { color: #ff0065; }
.chart-font-e { color: #0365c4; }
.chart-font-f { color: #c600ba; }
.chart-font-g { color: #aa7b09; }
.chart-body-yilou-b { background-color: #d3eeff; font-size: 12px; }
.chart-body-stripe-a { background-color: #a6caf0; }
.chart-body-stripe-b { background-color: #c0dcc0; }
div.chart-ball { width: 17px; height: 17px; border-radius: 17px; background:	#126EB5; color: #fff; text-align: center; line-height: 17px; display: inline-block; }
div.chart-ball-a { width: 17px; height: 17px; border-radius: 17px; background: #FF8C69; color: #fff; text-align: center; line-height: 17px; display: inline-block; }
div.chart-ball-b,div.chart-ball-b-1 { width: 17px; height: 17px; border-radius: 17px; background: red; color: #fff; text-align: center; line-height: 17px; display: inline-block; z-index: 100; }
.my-canvas { z-index: 50; }
div.chart-ball-c { width: 17px; height: 17px; border-radius: 17px; background: #00f; color: #fff; text-align: center; line-height: 17px; display: inline-block; }
div.chart-ball-c-1 { width: 17px; height: 17px; border-radius: 17px; background: #00f; color: #fff; text-align: center; line-height: 17px; display: inline-block; }
div.chart-ball-d { width: 17px; height: 17px; border-radius: 17px; background: #498ec0; color: #fff; text-align: center; line-height: 17px; display: inline-block; }
div.chart-ball-e { width: 17px; height: 17px; border-radius: 17px; background: #e8a600; color: #fff; text-align: center; line-height: 17px; display: inline-block; }
div.chart-ball-f { width: 17px; height: 17px; border-radius: 17px; background: #c600ba; color: #fff; text-align: center; line-height: 17px; display: inline-block; }
.chuxian { position: fixed; right: 0; top: 100px; }
.kj-haoma { color: #326600; font-weight: 600; font-size: 14px; }
.kj-haoma-red { color: #f00; font-weight: 600; font-size: 14px; }
.kj-haoma-blue { color: blue; font-weight: 600; font-size: 14px; }
.stress-haoma { font-weight: 600; }
.canvas-wrapper { position: relative; }/*用于解决canvas定位问题*/
#chuxian input { border: 1px solid #000; width: 30px; margin: 0 2px; text-align: center; }
/*表格部分样式结束*/

/*3d排3和115等表格专用样式开始*/
#bhbt .head,#gdtb .head,#sytb_k .head { text-align: center; }
#bhbt .head a,#gdtb .head a,#sytb_k a { margin-right: 10px; }
#bhbt .tb_hs,#gdtb .tb_hs { background-color: #FFEEEE; }
#bhbt .gl_hs,#gdtb .gl_hs { background-color: #ECECEC; }
/*3d排3和115等表格专用样式结束*/

/*高频部分样式开始*/
#k115 div,#ssc div,#k3 div,#klsf div,#zctj_main div { box-sizing: border-box; }
#k115 li,#ssc li,#k3 div,#klsf div { cursor: pointer; }
#zctj_main .tj-tab ul { width: 440px; height: 20px; line-height: 20px; margin: 0 0 10px 0; }
#zctj_main .tj-tab ul li { float: left; width: 45px; text-align: center; margin: 0 7px; font-size: 15px; font-weight: 600; cursor: pointer; }
#zctj_main .tj-tab-active { border-bottom: 2px solid #f00; }
.gp-kj { width: 215px; min-height: 380px; float: left; border: 1px solid #eee; }
.gp-right { width: 875px; min-height: 800px; float: left; border: 1px solid #eee; margin-left: 10px; }
.gp-box { min-width: 280px; min-height: 350px; float: left; }
.gp-box-head { width: 100%; height: 35px; padding: 0 10px; line-height: 35px; font-size: 16px; border-bottom: 2px solid #f00; }
#pk10 .gp-box-head a { font-size: 15px; color: #ccc; margin: 0 5px; }
.gp-box-main { width: 100%; min-height: 200px; padding: 10px; position: relative; }
.gp-box-list { width: 100%; height: 50px; padding: 2px 4px; box-sizing: border-box; }
.gp-box-list-active { background: #8db6cd; color: #ffe; height: 85px; }
.gp-box-list-open li { float: left; border-radius: 21px; width: 21px; height: 21px; background: red; color: #fff; margin-left: 3px; text-align: center; line-height: 21px; font-size: 12px; box-shadow: 1px 1px 1px #888888; }
.gp-right .gp-box { margin-right: 15px; }
.gp-box-yilou-tab { width: 40px; height: 20px; line-height: 20px; font-size: 14px; float: left; text-align: center; color: #7e8b9a; }
.gp-box-yilou-tab-active { border-bottom: 2px solid #f00; }
	/*高频功能部分选项卡样式*/
	.gp-right-tab { width: 70%; height: 37px; display: inline-block; font-size: 16px;}
	.gp-right-tab .gp-right-tab-active { border-bottom: 2px solid #f00; }
	.gp-right-iframe { border: none; width: 842px; min-height: 800px; margin: 5px; overflow: auto; height: 1903px;}
	.gp-right-tab a { width: 80px; height: 35px; line-height: 35px; text-align: center; border-bottom: 1px solid #eee; display: inline-block; }
	.gp-right-tab a:hover { text-decoration: none; }
	/*高频功能部分工具链接样式*/
	.gp-right-tool { width: 29%; height: 37px; line-height: 37px; display: inline-block; }
	.gp-right-tool a { color: red; }
	/*高频子页面样式配置*/
	.gp-main { position: relative; }
	.gp-chart { width: 99% !important; }
	.gp-chart tbody { display: block;   /* height: 700px; overflow-y: scroll; overflow-x: hidden; */   font-size: 12px; }
	.gp-chart thead,.gp-chart tbody tr { display: table; width:100%; table-layout:fixed; }
	/* .gp-chart thead { width: calc( 100% - 17px); } */
	.gp-selected { width: 145px; height: 20px; line-height: 20px; background: #fffae7; cursor: pointer; position: relative; margin-bottom: 15px; }
	.gp-selected-text { width: 125px; height: 20px; line-height: 20px; text-align: center; }
	.gp-select { width: 145px; min-height: 20px; background: #fffae7; margin: 0 0 10px 0; position: absolute; left: 0; top: 20px; }
	.gp-select div { width: 145px; height: 20px; line-height: 20px; border-bottom: 1px solid #fafafa; text-align: center; cursor: pointer; }
	.gp-select-active { background: #57b1f0; }
.tri {
    width: 0;
    height: 0;
    overflow: hidden;  /*清除ie6下默认的宽高*/
    font-size: 0;     /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0;  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border-width: 5px;
    border-style: solid;
    /*border-color: rgb(213,213,213,1) rgb(0,0,0,0) rgb(0,0,0,0) rgb(0,0,0,0);*/
    border-color: #d5d5d5 transparent transparent transparent;
   	position: absolute;
   	right: 7px;
   	top: 9px;
}/*小三角箭头*/
	/*出号统计部分添加样式*/
	#count_main .count-small { font-size: 12px; }
	#count_main .count-highlight { color: #fff; }
	#count_main .count-hot { background: #ff6a6a; }
	#count_main .count-warm { background: #ff7f24; }
	#count_main .count-normal { background: #ffc125; }
	#count_main .count-zero { background: #87ceeb; }
	#count_main .count-haoma { position: absolute; top: 0; right: 30px; }
	#count_main .chart caption { font-size: 14px; }
	#count_main .haoma-count-max { background: #ff6a6a; }
	#count_main .haoma-count-min { background: #87ceeb; }
	.haoma-count-max td,.haoma-count-min td { color: #fff; }
	/*开奖详情部分添加样式*/
	.open-select-box { width: 110px; min-height: 20px; position: relative; float: left; }
	.open-selected { width: 95px; height: 20px; line-height: 20px; background: #fffae7; cursor: pointer; position: relative; margin: 0 20px 15px 0; float: left; }
	.open-select { width: 95px; min-height: 20px; background: #fffae7; margin: 0 0 10px 0; }
	.open-select { position: absolute; left: 0; top: 20px; }
	.open-selected-text { width: 70px; height: 20px; line-height: 20px; text-align: center; }
	.open-select div { width: 80px; height: 20px; line-height: 20px; border-bottom: 1px solid #fafafa; text-align: center; cursor: pointer; }
.dx-ds-a { color: #f00; }
#pk10 .dx-ds-a { color: #ff0; }
.dx-ds-b { color: blue; }
.dx-ds-c { color: #fff; }
#zctj_main .gp-box { margin-right: 15px; }/*中出推荐部分样式*/
	/*pk10部分样式*/
	#pk10 .header { height: 155px; background: url(../img/pk10/pk10-zt.png); position: relative; }
	#pk10 .menu-list { width: 1099px; height: 37px; margin-left: 1px; }
	#pk10 .menu-tab { width: 122px; height: 37px; line-height: 37px; text-align: center; color: #a9a9a9; font-size: 16px; float: left; cursor: pointer; }
	#pk10 .menu-tab-active { background: url(../img/pk10/pk10-click.png); color: #fff; }
	#pk10 .kj-box { position: absolute; left: 185px; top: 50px; color: #fff; }
	#pk10 .kj-box span { color: #ff0; }
	#pk10 .remain-qs { position: absolute; left: 420px; top: 50px; color: #fff; }
	#pk10 .remain-qs span { color: #ff0; }
	#pk10 .djs { width: 320px; height: 90px; background: #383838; position: absolute; right: 80px; top: 50px; padding: 10px; line-height: 35px; box-sizing: border-box; }
	#pk10 .djs span { color: #fff; }
	#pk10 .djs span:first-child { color: #ff0; }
	#pk10 .djs-time { position: absolute; right: 15px; top: 15px; width: 170px; height: 65px; color: #fff; vertical-align: middle; }
	#pk10 .djs-time .djs-box { display: inline-block; background: url(../img/pk10/pk10-djs-box.png); background-size: 60px 60px; background-repeat: no-repeat; width: 60px; height: 60px; margin: 0 5px 0 5px; vertical-align: middle; line-height: 60px; text-align: center; font-size: 35px; font-weight: 600; color: #fff; }
	#pk10 .main { background: #000; overflow: hidden; zoom: 1; }
	#pk10 div { color: #fff; box-sizing: border-box; }
	#pk10 .gp-box { margin-left: 20px; }
	#pk10 .chart tr td { background: #48666c; }
	/*#pk10 .chart tr td { color: #fff; }*/
	#pk10 .chart tr td:first-child,#pk10 .chart thead tr td { background: #363c42; }
	#pk10 .stripe { background: #48668c !important; }
	#pk10 .open-select-box { width: 90px; z-index: 1; }
	#pk10 .open-select-box div { color: #000; }
	#pk10 .open-selected { margin: 5px 0 5px 10px; }
	#pk10 .open-select { position: absolute; left: 10px; top: 25px; }
	#pk10 .tj-tab ul { width: 400px; height: 25px; line-height: 25px; margin: 0 0 10px 0; }
	#pk10 .tj-tab ul li { float: left; width: 40px; text-align: center; margin: 0 20px; font-size: 15px; font-weight: 600; cursor: pointer; }
	#pk10 .tj-tab-active { border-bottom: 2px solid #f00; }
	#pk10 .pk10-ball { display: inline-block; width: 24px; height: 24px; }
	/*快乐十分部分样式*/
	#klsf .gp-box-list-open li,#k3 .gp-box-list-open li {  width: 19px; height: 19px; background: #ffab0a; line-height: 19px; }
	#open_main .kj-haoma ul {  display: inline-block; position: relative; top: 2px; }
	#open_main .kj-haoma ul li {  float: left; border-radius: 21px; width: 21px; height: 21px; background: #00aaff; color: #fff; margin-left: 3px; text-align: center; line-height: 21px; font-size: 12px; }
/*高频部分样式结束*/

/*双色球部分样式开始*/
#index div,#rbball div,#dlt div,#sdball div,#pailie div { box-sizing: border-box; }
.fc-tab { width: 215px; min-height: 380px; float: left; border: 1px solid #eee; }
.fc-right { width: 875px; min-height: 800px; float: left; border: 1px solid #eee; margin-left: 10px; zoom: 1; overflow: hidden; }
.fc-box { width: 260px; min-height: 350px; float: left; }
.fc-box-head { width: 100%; height: 35px; padding: 0 10px; line-height: 35px; font-size: 16px; border-bottom: 2px solid #f00; }
.fc-box-main { width: 100%; min-height: 300px; padding: 10px; position: relative; }
.fc-box-list { width: 100%; height: 40px; line-height: 40px; text-align: center; box-sizing: border-box; cursor: pointer; font-size: 16px; display: inline-block; }
.fc-box-list:hover { text-decoration: none; }
.fc-box-list img { width: 18px; height: 18px; margin-right: 10px; position: relative; top: 3px; }
.fc-box-list-active { background: #e53c3f; }
.fc-box-list-active span { color: #fff; }
.fc-right-fix { width: 875px; min-height: 85px; float: left; border: 1px solid #eee; margin-left: 10px; }
#rbball .box-fl,#dlt .box-fl,#sdball .box-fl,#pailie .box-fl { margin-left: 39px; }
.fc-right-fix-logo { position: relative; top: 5px; }
.fc-right-fix-logo img { width: 70px; height: 70px; }
.fc-right-fix-intro { width: 200px; height: 50px; line-height: 25px; text-align: center; color: #f00; }
.fc-right-fix-reward { width: 200px; height: 30px; border: 1px solid #eee; text-align: center; line-height: 30px; }
.fc-right-fix-reward span { color: #f00; font-weight: 600; }
.fc-right-fix-kj { width: 200px; height: 60px; margin-top: 15px; border: 1px solid #f00; border-radius: 3px; text-align: center; }
.fc-right-fix-kj div:first-child { width: 100%; height: 20px; line-height: 20px; color: #fff; background: #f00; text-align: center; }
.fc-right-fix-kj div:first-child span { color: #ff0; }
#rbball .fc-ball,#dlt .fc-ball,#sdball .fc-ball,#pailie .fc-ball { margin-top: 10px; display: inline-block; }
.fc-ball li { width: 23px; height: 23px; line-height: 23px; text-align: center; border-radius: 23px; color: #fff; float: left; margin-right: 3px; background: #f00; }
#rbball .fc-ball li:last-child { background: #00f }
#dlt .fc-ball li:nth-last-child(2) { background: #00f }
.fc-right-fix-djs {
	width: 200px;
	height: 60px;
	margin-top: 15px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	background: -webkit-linear-gradient(#333969, #33c9c8); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#333969, #33c9c8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#333969, #33c9c8); /* Firefox 3.6 - 15 */
    background: linear-gradient(#333969, #33c9c8); /* 标准的语法（必须放在最后） */
}
.fc-right-fix-djs span{ color: #ff0; }
.fc-right-fix-progress-container { width: 170px; height: 8px; display: inline-block; }
.fc-right-fix-progress-bar { width: 100%; height: 100%; background: #f00; }
.fc-right-opt { width: 875px; min-height: 800px; float: left; border: 1px solid #eee; margin: 10px 0 0 10px; }
.fc-right-opt iframe{ width: 874px; box-sizing: border-box; border: none; }
.fc-right-opt .fc-box { margin-right: 30px; }
.fc-right-opt .link-class { font-size: 15px; padding: 5px; }
.fc-box-head { width: 100%; height: 35px; padding: 0 10px; line-height: 35px; font-size: 16px; border-bottom: 2px solid #f00; }
.fc-box-main { width: 100%; min-height: 300px; padding: 10px; position: relative; }
.fc-article li { height: 25px; width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fc-article li a { font-size: 14px; color: #165E8F; }
.fc-iframe { border: none; width: 863px; min-height: 800px; margin: 5px; overflow: auto; }
.classify-article { width: 680px; margin: 0 auto; overflow: hidden; }
.classify-article .index-kj { margin: 0 10px; border: none; height: 350px; }
.classify-article .index-kj a { font-size: 13px; line-height: 25px; width: 300px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*双色球部分样式结束*/

/*主页部分样式开始*/
.index { zoom: 1; overflow: hidden; }
.index-kj { width: 270px; min-height: 100px; float: left; border: 1px solid #eee; }
.index-left { width: 820px; min-height: 1500px; float: left; border: 1px solid #eee; margin-right: 10px; position: relative; }
.index-box { min-width: 280px; min-height: 350px; float: left; }
.index-box-head { width: 100%; height: 35px; padding: 0 10px; line-height: 35px; font-size: 16px; border-bottom: 2px solid #f00; }
.index-box-main { width: 100%; min-height: 50px; padding: 10px; position: relative; }
.index-box-main-text { line-height: 25px; text-align: left; }
.index-box-main-text a { width: 100px; height: 25px; display: -webkit-inline-box; display: -o-inline-box; display: -moz-inline-box; display: inline-box; _zoom: 1; _display: inline; text-align: -webkit-center; margin: 5px 5px; color: #f22; border: 1px solid; padding: 2px 5px; border-radius: 10px; }
.index-box-info { line-height: 30px; }
.index-box-info a img { position: relative; top: 5px; }
.index-box-list { width: 100%; height: 50px; padding: 2px 4px; box-sizing: border-box; }
.index-box-list-open li { float: left; border-radius: 21px; width: 21px; height: 21px; background: #de0609; color: #fff; margin-left: 3px; text-align: center; line-height: 21px; font-size: 12px; }
.index-banner { width: 500px; height: 180px; overflow: hidden; float: left; position: relative; }
.index-banner-slide { width: 500px; height: 180px; }
.index-banner-slide ul li { position: absolute; }
.banner_img-enter-active { transform: translateX(0); transition: all 1.5s ease; }
.banner_img-leave-active { transform: translateX(-100%); transition: all 1.5s ease; }
.banner_img-enter { transform: translateX(100%); } .banner_img-leave { transform: translateX(0); }
.index-banner-bar { position: absolute; width: 100%; bottom: 10px; margin: 0 auto; z-index: 10; text-align: center; }
.index-banner-bar span { width: 20px; height: 5px; background: rgb(0,0,0,0.5); display: inline-block; margin-right: 10px; }
.index-banner-bar-active { background: #f00 !important; }
.index-right-a { width: 308px; height: 180px; float: left; border: 1px solid #00f; margin-left: 10px; }
.index-right-b { width: 404px; height: 310px; float: left; /*border: 1px solid #00f;*/ margin-top: 10px; }
.index-right-head { width: 100%; zoom: 1; overflow: hidden; border: 1px solid #f00; }
.index-right-tab { width: 134px; height: 33px; float: left; line-height: 33px; text-align: center; color: #f00; cursor: pointer; }
.index-right-head div:nth-child(2) { border-right: 1px solid #f00; border-left: 1px solid #f00; }
.index-right-tab-active { background: #f00; color: #fff; }
.index-right-box { width: 100%; height: 275px; position: relative; }
.index-right-box-icon { width: 60px; height: 60px; position: absolute; left: 20px; top: 20px; }
.index-right-box-info { float: left; width: 180px; height: 60px; line-height: 30px; margin: 20px 0 0 100px; }
.index-right-box-info strong,.index-right-box-info span { color: #f00; }
.index-right-box-container { float: left; width: 100%; height: 100px; margin: 20px 0 20px 0; }
.index-right-box-container div { width: 27%; float: left; height: 70px; line-height: 20px; margin: 15px 0 0 20px; border: 1px solid #eee; border-bottom: 2px solid #fa0; position: relative; }
.index-right-box-container div img { position: absolute; top: 10px; left: 50%; margin-left: -15px; }
.index-right-box-container div a { display: inline-block; width: 100%; text-align: center; position: absolute; bottom: 0; padding: 0; margin: 0; cursor: pointer; }
.index-right-box-function { width: 33%; height: 20px; line-height: 20px; float: left; text-align: center; display: inline-block; cursor: pointer; }
.index-list { width: 80%; float: left; }
.index-list-head { width: 100%; height: 33px; line-height: 33px; padding: 0 0 0 20px; background: #f00; }
.index-list-head div { min-width: 70px; float: left; color: #fff; }
.index-list-head div:first-child { font-size: 16px; }
.index-list-main { padding: 0 10px; width: 100%; font-size: 15px; }
.index-list-main ul li { width: 100%; min-height: 50px; padding: 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #e8e8e8; }
.index-list-main .inner-box { width: 100%; height: 70px; }
.index-list-main .inner-right { float: left; margin-left: 20px; width: 450px; height: 70px; line-height: 70px; overflow: hidden; }
.index-list-main .inner-right .title-wrap { display: inline-block; width: 100%; vertical-align: middle; }
.index-list-main .inner-right .title-box { font-size: 19px; color: #000; line-height: 1.3; margin-bottom: 5px; font-weight: 600; max-height: 52px; overflow: hidden; text-overflow: ellipsis; }
.index-list-main .inner-right .title-footer { font-size: 12px; color: #999; height: 18px; line-height: 18px; margin-top: 10px; }
.index-list-main .inner-left { position: relative; float: left; }
.index-list-main .inner-left .img-wrap { display: block; width: 150px; height: 90px; }
.index-list-main .inner-left .img-wrap>img { width: 150px; height: 90px; vertical-align: middle; }
.index-list-tab { padding: 0 10px; }
.index-list-tab-inner { width: 635px; height: 50px; line-height: 50px; background: #f9ffff; border-bottom: 2px solid #f2f2f2; }
.index-fix { position: fixed; top: 35px; z-index: 100; }
.index-list-tab ul li { float: left; margin: 0 20px; font-size: 15px; font-weight: 600; cursor: pointer; }
.index-list-tab-active { color: #f00; }
.index-list-info { margin-left: 10px; display: inline-block; }
.index-list-info ul { height: 33px; line-height: 33px; }
.index-list-info ul li { float: left; width: 18px; height: 18px; line-height: 18px; text-align: center; color: #fff; border-radius: 18px; border: 2px solid #fff; margin: 5px; font-size: 12px; }
#index .index-list-ball-blue { border-color: #0ad; color: #0ad; }
#index .control-tab { width: 110px; min-height: 100px; float: left; }
#index .control-tab ul { background: #666; }
#index .control-tab-fix { position: fixed; top: 35px; z-index: 100; background: #666; }
#index .return-old-fix { position: fixed; top: 497px; z-index: 100; }
#index .control-tab-item { display: block; width: 110px; height: 40px; line-height: 40px; text-align: center; margin-bottom: 2px; }
#index .index-return-old { display: block; width: 110px; height: 125px; line-height: 40px; text-align: center; margin: 5px 0 0 0; background: url(/static/img/index/return-icon.jpg) no-repeat; text-indent: -9999px; color: #fff; cursor: pointer; }
#index .index-return-old img { position: relative; top: 3px; right: 3px; }
#index .control-tab-item span { display: inline-block; font-size: 16px; color: #fff; }
#index .control-tab-item.active { background-color: #ed4040; }
.tools-iframe { border: none; width: 1100px; min-height: 800px; margin: 5px; overflow: auto; }
.tools-tab ul { text-align: left; font-size: 16px;}
.tools-tab ul li { display: -webkit-inline-box; display: inline-box; *display: inline; *zoom: 1; margin: 0 20px 0 0; }
.tools-tab-active { color: #f00; }
/*主页部分样式结束

/*工具栏部分样式开始*/
.tool-bar { width: 40px; min-height: 40px; position: fixed; left: 50%; bottom: 35px; margin-left: 560px; }
.tool-box { width: 40px; height: 40px; cursor: pointer; margin-top: 10px; display: block; text-indent: -9999px; }
.tool-return { background: url(../img/menu/icon-arrow-up.png) no-repeat; }
.tool-home { background: url(../img/menu/icon-home.png) no-repeat; }
/*工具栏部分样式结束*/