/* CSS Document */



@import url(base.css);

@import url(grid-layout.css);

@import url(anim.css);

@import url(dotc-font-icons.css);

@import url(dotc-form.css);

@import url(dotc-chosen-override.css);

@import url(dotc-jqueryui-override.css);





/*icon override start**/

[class^="icon-"], [class*=" icon-"] {

	/*vertical-align:middle;*/

	display:inline-block;

}

.icon-drag{

	cursor:move;

}

.icon-warn.tip{

	color:#d4d4d4;

}

.ico-add,

.ico-del{

	display: inline-block;

	width: 14px;

	height: 14px;

	font-size: 12px;

	text-align: center;

	line-height: 14px;

	color: #fff;

	background: #909098;

	border-radius: 2px;

	position: relative;

}

.ico-add:before{

	content: "\e908";

	font-family: 'dotc' !important;

}

.ico-del:before{

	content: "";

	display: inline-block;

	width: 8px;

	height: 2px;

	background: #fff;

	position: absolute;

	left:3px;

	top:6px;

}

/*icon override end**/



/*nanoScroller override start*/

.menu-wrap.nano{

	height: auto;

}

.nano > .nano-pane{

	background:#181e23;

	border-radius: 0;

	width: 5px;

}

.nano > .nano-pane > .nano-slider{

	background:#48525a;

	border-radius: 0;

	margin:0;

	-webkit-transition: height 400ms ease-in-out;

	-moz-transition: height 400ms ease-in-out;

	transition: height 400ms ease-in-out;

}

/*nanoScroller override end*/



/* grid layout override 设置间隔为20px（原30px） start*/

.container,

.container-fluid {

	padding-left: 10px;

	padding-right: 10px;

	width:auto !important;

}

.row {

	margin-left: 0px;

	margin-right: 0px;

}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

	padding-left: 10px;

	padding-right: 10px;

}

/* grid layout override end*/



/* left layout start*/

body{

	font:12px arial,helvetica,sans-serif;

	color:#333;

}

body.main-dotc{

	min-width:inherit;

	background:none;	

}

.menu-container,

.menu-wrap{

	position:fixed;

	width:240px;

	background:#2a3137;

}

.logo-wrap{

	background:#5390E9;

	height:60px;

	text-align:left;	

}

.logo-wrap img{

	max-height:60px;

}

.menu-wrap{

	top: 60px;

	bottom: 0;

}

.powerby{

	display:block;

	box-sizing:border-box;

	height:45px;

	padding:20px 0 0 15px;

}

.powerby img{

	height:14px;

}

.main-container{

	padding-bottom:75px;

	background:#f5f5f5;

	position:relative;

	z-index:1;

	min-height:100%;

	min-width:960px;

}

.menu-container + .main-container{

	margin-left:240px;

}



/*menu start*/

.menu .nav>li>a,

.menu .subnav>li>a{

	display:block;

	height:50px;

	padding:15px;

	line-height:20px;

	box-sizing:border-box;

	color:rgba(255,255,255,0.5);

	background:#2a3137;

	white-space: nowrap;

}

.menu .nav>li:last-child{

	margin-bottom:50px;/*导航底部留空，防止浏览器显示的link遮住导航内容*/

}

.menu .subnav>li>a{

	background:#252b31;

}

.menu .nav>li>a:hover,

.menu .nav>li>a.hover{

	background:#353c41;

}

.menu .subnav>li>a:hover,

.menu .subnav>li>a.hover{

	background:#30363c;

}

.menu .nav>li>a:active,

.menu .nav>li>a.active,

.menu .subnav>li>a:active,

.menu .subnav>li>a.active{

	color:#fff;

	background:#21262b;

}

.menu .nav span[class^="icon-"], 

.menu .nav span[class*=" icon-"]{

	float:left;

	font-size:16px;

	width:16px;/*设置宽度，防止字体未加载完时，导航条目晃动*/

	margin:2px 20px 0 0;

}

.menu .subnav>li>a:before{

	float:left;

	content:' ';

	display:inline-block;

	width:4px;

	height:4px;

	border-radius:4px;

	margin:8px 26px 0 6px;

	background:rgba(255,255,255,0.5);	

}

.menu .subnav>li>a:active:before,

.menu .subnav>li>a.active:before{

	background:#fff;

}

.menu .nav>li{

	position:relative;

}

.menu .nav>li b{

	position:absolute;

	top:0px;

	right:0px;

	color:rgba(255,255,255,0.5);

	cursor:pointer;

	width:42px;

	text-align:center;

	height: 50px;

	line-height: 50px;

}

.menu .nav>li.open b{

	transform:rotate(180deg);

	-ms-transform:rotate(180deg); 	/* IE 9 */

	-moz-transform:rotate(180deg); 	/* Firefox */

	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */

	-o-transform:rotate(180deg); 

}

.menu .nav>li b:after{

	font-family: 'dotc' !important;

	content:"\e90a";

	position:relative;

	top:1px;

}

.menu .nav>li b:hover{

	color:#fff;

}

.menu .nav>li .subnav{

	height:0;

	overflow:hidden;

}

.menu .nav>li.open .subnav.sub-0{height:0;}

.menu .nav>li.open .subnav.sub-1{height:50px;}

.menu .nav>li.open .subnav.sub-2{height:100px;}

.menu .nav>li.open .subnav.sub-3{height:150px;}

.menu .nav>li.open .subnav.sub-4{height:200px;}

.menu .nav>li.open .subnav.sub-5{height:250px;}

.menu .nav>li.open .subnav.sub-6{height:300px;}

.menu .nav>li.open .subnav.sub-7{height:350px;}

.menu .nav>li.open .subnav.sub-8{height:400px;}

.menu .nav>li.open .subnav.sub-9{height:450px;}

.menu .nav>li.open .subnav.sub-10{height:500px;}

.menu .nav>li.open .subnav.sub-11{height:550px;}

.menu .nav>li.open .subnav.sub-12{height:600px;}

/*menu end*/

/* left layout end*/



/*pagination start*/

.dataTables_paginate,

.pagination{

	padding: 10px 20px;

	line-height: 30px;

	color: rgb(102,102,102);

	text-align:center;

	background:#fff;

}

.dataTables_paginate div,

.pagination div{

	display:inline-block;

}

.dataTables_paginate a,

.pagination a{

	display:inline-block;

	padding:0 10px;

	border:solid 1px rgb(225,225,225);

	height:30px;

	line-height:28px;

	margin:0 2px;

	text-align:center;

	vertical-align:bottom;

	cursor:pointer;

}

.dataTables_paginate div a,

.pagination div a{

	width:30px;

	padding:0;

	position:relative;	

}

.dataTables_paginate a:hover,

.dataTables_paginate a:active,

.dataTables_paginate a.active,

.dataTables_paginate a.current,

.pagination a:hover,

.pagination a:active,

.pagination a.active,

.pagination a.current{

	background:#fff7f8;

}

.dataTables_paginate a.active,

.dataTables_paginate a.current,

.pagination a.active,

.pagination a.current{

	cursor:default;

}

.dataTables_paginate .ellipsis,

.pagination .ellipsis{

	margin:0 8px;

	display:inline;

	line-height:30px;

}

.dataTables_paginate .disable,

.dataTables_paginate .disabled,

.dataTables_paginate .disable:hover,

.dataTables_paginate .disabled:hover,

.pagination .disable,

.pagination .disabled,

.pagination .disable:hover,

.pagination .disabled:hover{

	cursor:default;

	color:#e5e5e5;

	border-color:#e5e5e5;

	background:none;

}

/*pagination end*/



/*head info start*/

.head-info{

	height:60px;

	background:#fff;

	box-shadow:0px 4px 8px rgba(0,0,0,0.1);

	padding-top:15px;

	padding-bottom:15px;	

}

.head-info .login-wrap,

.head-info .msg-wrap{

	height:30px;

	line-height:30px;

	background:#f4f4f4;

	border-radius:2px;

	overflow:hidden;

	padding:0 10px;

}

.head-info .msg-wrap .more{

	float:right;

	margin-left:10px;

}

.head-info .msg-wrap .msg-list{

	position:relative;

	top:0;

	margin-right:36px;	

}

.head-info .msg-wrap .msg{

	display:block;

	color:#5390E9;

}

.head-info .msg-wrap .msg:before{

	font-family: 'dotc' !important;

	line-height:1;

	content:"\e90f";

	margin-right:4px;

	font-size:13px;

	vertical-align:text-top;

	font-weight:bold;

}

.head-info .msg-wrap img{

	height:13px;

	margin-right:6px;

}

.head-info .login-wrap{

	background:none;

	text-align:right;

}

.head-info .login-wrap .icon-quit{

	font-size:18px;

	margin-left:10px;

	vertical-align: text-bottom;

}

/*head info end*/





/*foot info start*/

.foot-info{

	text-align:right;

	position:absolute;

	left:0;

	right:0;

	bottom:1px;

	height:54px;

	line-height:54px;

	border-top:solid 1px #ebebeb;

	color:#666;

	padding:0 20px;

}

/*foot info end*/



/*content block start*/

.piece,

.action-wrap,

.content-wrap{

	background:#fff;

	border:solid 1px #ebebeb;

	border-radius:3px;

	margin-top:20px;

	box-shadow:1px 1px 2px rgba(0,0,0,0.1);

	min-height:100px;

	position:relative;

}

.hr{

	border-top:solid 2px #ebebeb;	

}

.content-wrap{

	padding:16px;

}

/*content block end*/



/*data-table start*/

.data-table{

	width:100%;

	background:#fff;

	position:relative;

}

.data-table,

.data-table table{

	border-collapse:separate;/*合并的情况下，拖动表格第一行会晃动*/

	border-spacing:0;

}

.data-table.bd{

	border:solid 1px rgb(235,235,235);

}

.data-table tr:hover{

	background:#fff7f8;

}

.rdtar-wrap .data-table tr:hover,

.data-table tr.details:hover,

.data-table tr.thead:hover,

.data-table thead tr:hover{

	background:inherit;

}

.data-table th,

.data-table td{

	border-bottom:solid 1px rgb(235,235,235);

	padding:11px 6px;

	line-height:20px;

	color:rgb(102,102,102);

}

.rdtar-wrap .data-table th,

.rdtar-wrap .data-table td{

	padding:8px 6px;

	font-weight:normal;

	border:none;

}

.rdtar-wrap .data-table thead th,

.rdtar-wrap .data-table tbody .tr-btn td{

	border-bottom:solid 1px rgb(235,235,235) !important;

}

.rdtar-wrap .data-table.multi-line td{

	border-bottom:solid 1px rgb(235,235,235);

}

.rdtar-wrap .data-table.multi-line td:first-child{

	border-bottom:none;

	vertical-align:top;

	position:relative;

}

.rdtar-wrap .data-table.multi-line td:first-child:before{

	content:'';

	position:absolute;

	right:0px;

	background:#5390E9;

	width:2px;

	top:11px;

	bottom:11px;

}

.rdtar-wrap .data-table.multi-line tr:first-child td .icon-delete{

	display:none;

}

.rdtar-wrap .data-table.multi-line .tr-btn td:first-child:before{

	display:none;

}

.rdtar-wrap .data-table .tr-btn .btn-wrap{

	display:none;

	float:left;

}

.data-table th:first-child,

.data-table td:first-child{

	padding-left:20px;

}

.data-table th:last-child,

.data-table td:last-child{

	padding-right:20px;

}

.rdtar-wrap .data-table th:first-child,

.rdtar-wrap .data-table td:first-child{

	padding-left:0px;

}

.rdtar-wrap .data-table th:last-child,

.rdtar-wrap .data-table td:last-child{

	padding-right:0px;

}



.rdtar-wrap .data-table tr.tr-btn td{

	padding-top:1px;

	padding-bottom:0;

}

.rdtar-wrap .data-table tr.tr-btn td .link,

.rdtar-wrap .data-table tr.tr-btn td .btn{

	margin-top:8px;

	margin-bottom:8px;	

}

.rdtar-wrap .data-table tr.tr-btn td .link{

	line-height:30px;

	display:inline-block;

}

.rdtar-wrap .data-table td .td{

	display:block;

	line-height:30px;

	margin:16px 0;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.rdtar-wrap .data-table td .td:first-child{

	margin-top:0px;

}

.rdtar-wrap .data-table td .td:last-child{

	margin-bottom:0px;

}

.data-table th{

	color:rgb(51,51,51);	

}

.data-table tr.details>td{

	padding:0 20px 20px 20px;

	background:rgb(239,239,239);	

}

.data-table td [class^="ico-"], 

.data-table td [class*=" ico-"]{

	vertical-align: middle;

	top:-2px;

}

.data-table td [class^="icon-"], 

.data-table td [class*=" icon-"]{

	margin:0 3px;

}

.data-table td .icon-lock{

	color:#ff3838;

}

.data-table td .icon-unlock{

	color:#60c81b;

}

.s-normal,

.data-table td.s-normal{

	color:rgb(83,174,39);

}

.s-overdue,

.data-table td.s-overdue{

	color:rgb(214,37,82);

}

.data-table th.sorting,

.data-table th.sorting_asc,

.data-table th.sorting_desc,

.data-table th.sortable{

	cursor:pointer;	

}

.data-table th.sorting:after,

.data-table th.sorting_asc:after,

.data-table th.sorting_desc:after,

.data-table th.sortable:after{

	font-family: 'dotc' !important;

	content:"\e914";

	vertical-align:middle;

	margin-left:3px;

	color:rgb(223,223,223);

	font-size:12px;

	line-height:1;

	position: relative;

	top: -1px;

}

.data-table th.sorting_desc:after,

.data-table th.sortable.desc:after{

	content:"\e90b";

}

.data-table th.sorting_asc:after,

.data-table th.sorting_desc:after,

.data-table th.sortable.sorted:after{

	color:#5390E9;

}

.table-wrap{

	position:relative;

}

.loading{

	display:none;

	position:absolute;

	top:0;

	bottom:0;

	left:0;

	right:0;

	background:rgba(0,0,0,.07);

	z-index:100;

	text-indent:-10000px;

	border-radius:1px;

}

.loading:before,

.loading:after{

	content:'';

	width: 60px;

	height: 60px;

	border-radius: 50%;

	background-color: #5390E9;

	opacity: 0.6;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top:-30px;

	margin-left:-30px;

	-webkit-animation: bounce 2.0s infinite ease-in-out;

	animation: bounce 2.0s infinite ease-in-out;

}

.loading:after{

	-webkit-animation-delay: -1.0s;

	animation-delay: -1.0s;

}



/*data-table end*/



/*data form start*/

.data-form .item-wrap{

	margin:20px 0;

	padding-left:180px;

}

.data-form .item-wrap .item .item-wrap{

	margin-top: 0;

}

.data-form .disabled{

	display:none;	

}

.data-form .item-wrap .label,

.data-form .item-wrap .rd-wrap{

	margin-left:-180px;

}

.data-form .item-wrap .label{

	display:inline-block;

	width:176px;/*最大值为 180-4 = 176 减少左列宽度，可以减小此值 增大此值会影响右列换行*/

	line-height: 14px;

	padding: 8px 20px 8px 0;

}

.data-form .item-wrap .label.title{

	width:auto;

	display:block;

	font-size:13px;

	margin-bottom:-10px;

}

.data-form .item-wrap .label .switch-box{

	vertical-align:text-top;	

}

.data-form .item-wrap .label .icon-edit{

	margin-left:20px;

}

.data-form .item{

	display:inline-block;

	position:relative;

	vertical-align:top;

}

.data-form .item .info{

	display: inline-block;

	margin-left: 20px;

	color:#49b906;

	font-weight: bold;

}

.data-form .item .info.error{

	color:#fb4a4a;

}

.data-form .sub-wrap{

	display:inline-block;

	padding:16px 20px;

	border-radius:1px;

	background:#f5f5f5;	

	min-width:280px;

}

.data-form .item.wrap{

	border-left:solid 2px #5390E9;

	padding-left:12px;	

}

.data-form .item.wrap .line+.line{

	margin-top:12px;

}

.data-form .item.wrap .line .cont{

	width:80px;

	display:inline-block;

	vertical-align: top;

	line-height: 30px;

}

.data-form .item.require:before{

	font-family: 'dotc' !important;

	content: "\e901";

	color: rgb(239,18,29);

	position: absolute;

	top: 9px;

	left: -18px;

	font-size:10px;

	line-height:1;

}



.data-form .item textarea,

.data-form .item input[type="text"],

.data-form .item input[type="cal"],

.data-form .item input[type="email"],

.data-form .item input[type="phone"],

.data-form .item input[type="password"],

.data-form .item select{

	width:280px;	

}

.data-form .item .chosen-container + select + .chosen-container-multi{

	vertical-align: top;

}

.field-wrap{

	min-width:280px;	

}

.data-form .item .input-field .ui-selectmenu-button+input[type="text"]{

	width:191px;

}

.data-form .item input.datepicker{

	width:118px;	

}

.data-form .item .date-range .chosen-container{

	margin-left:4px;

}

.data-form span.error,

.data-form div.error{

	display:inline-block;

	margin-left:6px;

	color:#fb4a4a;

}

.btn + .btn{

	margin-left:10px;	

}

.sbtn + .sbtn{

	margin-left:6px;

}



/* window alert confirm start*/

.w_alert,

.w_confirm{

	width: 400px;

	padding:16px 20px;

	line-height: 1.6;

	background: #fff;

    border: solid 1px #ebebeb;

    border-radius: 3px;

    position: absolute;

    left:50%;

    top:80px;

    margin-left: -200px;

	margin-bottom: 20px;

}

.w_alert .head,

.w_confirm .head{

	padding-bottom:10px;

	font-size: 14px;

	font-weight: bold;

}

.w_alert .desc,

.w_confirm .desc{

	padding-bottom: 16px;

	min-height: 100px;

	color: #444;

}

.w_alert .btn-wrap,

.w_confirm .btn-wrap{

	text-align: right;

}

.w_alert .btn-wrap .btn,

.w_confirm .btn-wrap .btn{

	min-width: 80px;

}

.w_confirm .btn-wrap .btn.cancel{

	border: solid 1px #ebebeb;

	line-height: 28px;

}

.w_alert .btn-wrap .btn.cancel{

	display: none;

}

#__alert,

#__confirm{

	display: block;

	z-index: 9999;

}

/* window alert confirm end*/

/*side form start*/

.mask-bg,

.side-wrap-bg{

	position:fixed;

	background:rgba(0,0,0,0.2);

	left:0;

	right:0;

	top:0;

	bottom:0;

	z-index:2;

	overflow-y:auto;

	overflow-x:hidden;

	display:none;

}

.mask-bg{

	background:rgba(0,0,0,0.4);

}

.side-wrap{

	background: #fff;

	width: 800px;

	position: relative;

	left:0;

	float: right;

	min-height: 100%;

	padding-bottom:120px;

	max-width:100%;

}

.side-wrap.sidding{

	left:800px;

}

.side-wrap .side-head{

	height: 60px;

	background: rgb(244,244,244);

	padding:15px 20px 15px 30px;

	color:#000;

	line-height:30px;

	font-size:14px;

	font-weight:bold;

}

.side-wrap .side-head .icon-close{

	color:#666;

	float:right;

	font-size:16px;	

	line-height:30px;	

}



.side-wrap .data-form{

	margin:30px 0 0 40px;

}



.side-wrap .side-foot{

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0px;

	line-height: 30px;

	border-top: solid 1px #ebebeb;

	color: #666;

	padding: 40px;

	background:#fff;

	margin:0;

}

/*side form end*/

/*data form end*/



/*data action start*/

.action-wrap .action-head{

	padding:13px 20px;

	line-height:30px;

	color:#000;

	font-size:14px;

}

.action-wrap .action-head.sub{

	font-size: 12px;

}

.action-wrap .action-head .icon-next{

	vertical-align:text-top;

	margin:0 8px;	

}

.action-wrap .action-head .chosen-container{

	vertical-align:bottom;	

}

.action-head .icon-download{

	float: right;

	width: 30px;

	height: 30px;

	line-height: 28px;

	border: solid 1px #ebebeb;

	border-radius: 4px;

	text-align: center;

	color: #5390E9;

	box-shadow: 0px 1px 1px rgba(0,0,0,.1);	

}

.action-wrap .action-head .info-wrap,

.action-wrap .action-head .date-range{

	float:right;

	font-size:13px;

}

.action-wrap .action-head .info-wrap{

	color:#666;

}

.action-wrap .action-head .info-wrap .icon-warn{

	color:#e92323;

	margin-right:2px;

}

.action-wrap .action-head .info-wrap .icon-reload{

	font-weight:bold;

	font-size:12px;

	margin-left:4px;

}

.action-wrap .action-head .date-range .datepicker{

	vertical-align:top;	

}

.action-wrap .action-head .tab-group{

	display: block;

	margin: 13px -20px -17px -20px;

}

.action-wrap .action-head + .tab-group{

	margin-top:0;

	margin-bottom: -4px;

}

.tab-tar,

.action-wrap .data-action+.data-action{

	display:none;	

}

.action-wrap .tab-tar{

	margin-top: 4px;

}

.action-wrap .data-action{

	background:rgb(245,245,245);

}

.action-wrap .action-group{

	background:rgb(245,245,245);

	min-height:45px;

}

.action-wrap .action-group>.btn{

	margin:8px 20px 7px;

	vertical-align:top;

}

.action-wrap .action-group .vline{

	width:1px;

	height:26px;

	background:#e1e1e1;

	display:inline-block;

	vertical-align:top;

	position: relative;

	top: 10px;

}

.action-wrap .action-group .search-field{

	float:right;

	margin-top:8px;

	margin-right:20px;	

}





.action-wrap .filter-form{

	display:none;

	padding:1px 20px;

	background:rgb(239,239,239);	

}

/*data action end*/



/*dashboard & column start*/

.pieces-wrap,

.banner-wrap,

.rd-wrap,

.boards,

.columns{

	*zoom: 1;

}

.pieces-wrap:before,

.pieces-wrap:after,

.banner-wrap:before,

.banner-wrap:after,

.rd-wrap:before,

.rd-wrap:after,

.boards:before,

.boards:after,

.columns:before,

.columns:after {display: table;content: "";line-height: 0;}

.banner-wrap:after,

.rd-wrap:after,

.boards:after,

.columns:after {clear: both;}



.columns-wrap{

	width:100%;

	position:relative;

}

.columns{

	background: rgb(245,245,245);

}

.pieces-wrap{

	margin:0 -4px;

}

.piece-wrap{

	width: 20%;

	float: left;

	padding: 0 14px;

}

.piece{

	text-align: center;

	padding: 2px 12px 0;

	background:#fff url(../images/dotc/times.png) left bottom no-repeat;

}

.piece .title{

	border-bottom: solid 1px #f3f3f3;

	font-weight: normal;

	color: #666;

	line-height: 1.8;

}

.piece .num{

	font-size: 30px;

	line-height: 80px;

}



.piece-1{

	color:#ff91ae;

	background-image:url(../images/dotc/times.png);

	background-image: -webkit-image-set(url(../images/dotc/times.png) 1x,url(../images/dotc/times2x.png) 2x);

	background-image: -moz-image-set(url(../images/dotc/times.png) 1x,url(../images/dotc/times2x.png) 2x);

	background-image: -o-image-set(url(../images/dotc/times.png) 1x,url(../images/dotc/times2x.png) 2x);

	background-image: -ms-image-set(url(../images/dotc/times.png) 1x,url(../images/dotc/times2x.png) 2x);

}

.piece-2{

	color:#92ddf6;

	background-image:url(../images/dotc/hour.png);

	background-image: -webkit-image-set(url(../images/dotc/hour.png) 1x,url(../images/dotc/hour2x.png) 2x);

	background-image: -moz-image-set(url(../images/dotc/hour.png) 1x,url(../images/dotc/hour2x.png) 2x);

	background-image: -o-image-set(url(../images/dotc/hour.png) 1x,url(../images/dotc/hour2x.png) 2x);

	background-image: -ms-image-set(url(../images/dotc/hour.png) 1x,url(../images/dotc/hour2x.png) 2x);

}

.piece-3{

	color:#ff8c71;

	background-image:url(../images/dotc/pieces.png);

	background-image: -webkit-image-set(url(../images/dotc/pieces.png) 1x,url(../images/dotc/pieces2x.png) 2x);

	background-image: -moz-image-set(url(../images/dotc/pieces.png) 1x,url(../images/dotc/pieces2x.png) 2x);

	background-image: -o-image-set(url(../images/dotc/pieces.png) 1x,url(../images/dotc/pieces2x.png) 2x);

	background-image: -ms-image-set(url(../images/dotc/pieces.png) 1x,url(../images/dotc/pieces2x.png) 2x);

}

.piece-4{

	color:#ffe17b;

	background-image:url(../images/dotc/coins.png);

	background-image: -webkit-image-set(url(../images/dotc/coins.png) 1x,url(../images/dotc/coins2x.png) 2x);

	background-image: -moz-image-set(url(../images/dotc/coins.png) 1x,url(../images/dotc/coins2x.png) 2x);

	background-image: -o-image-set(url(../images/dotc/coins.png) 1x,url(../images/dotc/coins2x.png) 2x);

	background-image: -ms-image-set(url(../images/dotc/coins.png) 1x,url(../images/dotc/coins2x.png) 2x);

}

.piece-5{

	color:#a7eb7d;

	background-image:url(../images/dotc/dollars.png);

	background-image: -webkit-image-set(url(../images/dotc/dollars.png) 1x,url(../images/dotc/dollars2x.png) 2x);

	background-image: -moz-image-set(url(../images/dotc/dollars.png) 1x,url(../images/dotc/dollars2x.png) 2x);

	background-image: -o-image-set(url(../images/dotc/dollars.png) 1x,url(../images/dotc/dollars2x.png) 2x);

	background-image: -ms-image-set(url(../images/dotc/dollars.png) 1x,url(../images/dotc/dollars2x.png) 2x);

}

.boards .board,

.columns-wrap .column{

	float:left;

	box-sizing:border-box;

	width:16.6666%;

	border-right:solid 1px #e1e1e1;

}

.boards .board:last-child,

.columns-wrap .column:last-child{

	border-right:none;

}

.column .column-name{

	padding:12px 16px 8px 16px;

	color:#b5b5b5;	

}

.columns-wrap.with-btn .columns{

	margin-right:100px;

}

.columns-wrap.with-btn .columns + .btn{

	position:absolute;

	right:0;

	top:0;

	width:100px;

	height:100%;

	line-height:64px;

	border:none;

	border-radius:0;	

}

.boards{

	background:#fff;	

}

.board{

	padding:20px 16px 20px 20px;

	text-align:right;

	color:#999;

	border-bottom: solid 1px #e1e1e1;

	background:url(../images/dotc/dash-1.png) left bottom no-repeat;

	height:136px;

}

.board-1{

	background-image:url(../images/dotc/dash-1.png);

	background-image: -webkit-image-set(url(../images/dotc/dash-1.png) 1x,url(../images/dotc/dash-1@2x.png) 2x);

	background-image: -moz-image-set(url(../images/dotc/dash-1.png) 1x,url(../images/dotc/dash-1@2x.png) 2x);

	background-image: -o-image-set(url(../images/dotc/dash-1.png) 1x,url(../images/dotc/dash-1@2x.png) 2x);

	background-image: -ms-image-set(url(../images/dotc/dash-1.png) 1x,url(../images/dotc/dash-1@2x.png) 2x);

}

.board-2{

	background-image:url(../images/dotc/dash-2.png);

	background-image: -webkit-image-set(url(../images/dotc/dash-2.png) 1x,url(../images/dotc/dash-2@2x.png) 2x);

	background-image: -moz-image-set(url(../images/dotc/dash-2.png) 1x,url(../images/dotc/dash-2@2x.png) 2x);

	background-image: -o-image-set(url(../images/dotc/dash-2.png) 1x,url(../images/dotc/dash-2@2x.png) 2x);

	background-image: -ms-image-set(url(../images/dotc/dash-2.png) 1x,url(../images/dotc/dash-2@2x.png) 2x);

}

.board-3{

	background-image:url(../images/dotc/dash-3.png);

	background-image: -webkit-image-set(url(../images/dotc/dash-3.png) 1x,url(../images/dotc/dash-3@2x.png) 2x);

	background-image: -moz-image-set(url(../images/dotc/dash-3.png) 1x,url(../images/dotc/dash-3@2x.png) 2x);

	background-image: -o-image-set(url(../images/dotc/dash-3.png) 1x,url(../images/dotc/dash-3@2x.png) 2x);

	background-image: -ms-image-set(url(../images/dotc/dash-3.png) 1x,url(../images/dotc/dash-3@2x.png) 2x);

}

.board-4{

	background-image:url(../images/dotc/dash-4.png);

	background-image: -webkit-image-set(url(../images/dotc/dash-4.png) 1x,url(../images/dotc/dash-4@2x.png) 2x);

	background-image: -moz-image-set(url(../images/dotc/dash-4.png) 1x,url(../images/dotc/dash-4@2x.png) 2x);

	background-image: -o-image-set(url(../images/dotc/dash-4.png) 1x,url(../images/dotc/dash-4@2x.png) 2x);

	background-image: -ms-image-set(url(../images/dotc/dash-4.png) 1x,url(../images/dotc/dash-4@2x.png) 2x);

}

.board-5{

	background-image:url(../images/dotc/dash-5.png);

	background-image: -webkit-image-set(url(../images/dotc/dash-5.png) 1x,url(../images/dotc/dash-5@2x.png) 2x);

	background-image: -moz-image-set(url(../images/dotc/dash-5.png) 1x,url(../images/dotc/dash-5@2x.png) 2x);

	background-image: -o-image-set(url(../images/dotc/dash-5.png) 1x,url(../images/dotc/dash-5@2x.png) 2x);

	background-image: -ms-image-set(url(../images/dotc/dash-5.png) 1x,url(../images/dotc/dash-5@2x.png) 2x);

}

.board-6{

	background-image:url(../images/dotc/dash-6.png);

	background-image: -webkit-image-set(url(../images/dotc/dash-6.png) 1x,url(../images/dotc/dash-6@2x.png) 2x);

	background-image: -moz-image-set(url(../images/dotc/dash-6.png) 1x,url(../images/dotc/dash-6@2x.png) 2x);

	background-image: -o-image-set(url(../images/dotc/dash-6.png) 1x,url(../images/dotc/dash-6@2x.png) 2x);

	background-image: -ms-image-set(url(../images/dotc/dash-6.png) 1x,url(../images/dotc/dash-6@2x.png) 2x);

}

.board .title{

	text-align:left;

	line-height:1;

	margin-bottom:10px;	

	color:#333;

}

.board .zero,

.board .positive,

.board .negative{

	float:right;

	font-weight:normal;

	vertical-align:text-bottom;

	color:#999;

}

.board .positive{

	color:#fd0000;	

}

.board .negative{

	color:#3bc017;

}

.board [class^="icon-"], 

.board [class*=" icon-"]{

	color:#d4d4d4;

	float:left;

	margin-right:3px;

	position:relative;

	top:-1px;

}

.board .num{

	margin-bottom:10px;	

}

.board .num span{

	font-size:18px;

	color:#333;

	font-weight:bold;

}

/*

.screen-wrap{

	display: none;

	padding: 1px 20px;

	background: rgb(239,239,239);

}*/

/*dashboard & columns end*/



.banner-wrap{

	padding: 10px 20px 20px;

}

.banner-wrap .banner-item{

	margin:20px 20px 20px 0;

	float: left;

}

.banner-wrap .banner-item .label{

	line-height: 1.6;

	margin: 0 0 4px;

}

/*chart start*/

.chart-wrap{

	padding:14px 20px;	

}

.chart-wrap .chart-head{

	line-height:30px;

	margin-bottom:20px;	

}

.chart-wrap .chart-head .chosen-container{

	float:right;

}

.chart{

	margin:0 auto;	

}

/*chart end*/



/*reg start*/

.reg-wrap-bg{

	width:100%;

	min-height:100%;

	background:#5390E9;

	padding:1px;

}

.reg-wrap{

	width:320px;

	max-width:96%;

	margin:100px auto 60px;	

}

.reg-wrap .main-wrap,

.reg-wrap .tip-wrap{

	background:#fff;

	border-radius:4px;	

	padding:20px;

	margin-bottom:16px;

	text-align:center;

	font-size:14px;

	position:relative;

	line-height:1.6;

}

.reg-wrap .main-wrap .grey-wrap{

	margin:2px -20px 10px;

	padding: 10px 20px 1px;

	background: #ebebeb;

	box-shadow: inset 0 4px 4px -4px #aaa;

}

.reg-wrap .main-wrap .logo{

	margin:20px 0 30px 0;	

}

.reg-wrap .main-wrap .input-wrap{

	margin-bottom:40px;	

}

.reg-wrap .main-wrap .input-field{

	display: block;

}

.reg-wrap .main-wrap input{

	padding:0 12px;

	width:94%;

	height:40px;

	line-height:38px;

	margin-bottom:8px;

	border:solid 1px #e0e0e0;

	background:#f5f5f5;

	border-radius:4px;

	box-shadow: inset 0 2px 4px #e0e0e0;

}

.reg-wrap .main-wrap .input-field .ui-selectmenu-button{

	width:36%;

	height: 40px;

	padding-top: 12px;

	padding-bottom: 12px;

	line-height: 14px;

	background:#f5f5f5;

	border-color:#e0e0e0;

	border-radius:4px;

	padding-left: 12px;

	font-size: 12px;

}

.reg-wrap .main-wrap .input-field .ui-selectmenu-button-open{

	background: #fff;

	border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

    border-bottom: none;

}

.reg-option.ui-menu{

	border-top:none;

    border-color: #e0e0e0;

}

.reg-wrap .main-wrap .input-field .ui-selectmenu-button .ui-selectmenu-icon{

	line-height: 1;

}



.reg-wrap .main-wrap  .input-field .ui-selectmenu-button+input{

	width:60%;

	float: right;

}

.reg-wrap .main-wrap .chosen-container{

	width: 100% !important;

	text-align: left;

	margin-bottom:8px;

}

.reg-wrap .main-wrap .chosen-container .chosen-single{

	padding:0 12px;

	height:40px;

	line-height:38px;

	background:#f5f5f5;

	border-color:#e0e0e0;

	border-radius:4px;

}

.reg-wrap .main-wrap .chosen-container-active.chosen-with-drop .chosen-single{

	border-bottom-right-radius: 0;

    border-bottom-left-radius: 0;

    box-shadow: none;

    background: #fff;



}

.reg-wrap .main-wrap .chosen-container .chosen-drop{

	background:#fff;

	border-color:#e0e0e0;

	margin-top: -1px;

}

.reg-wrap .main-wrap input.lin{

	float: left;

	width: 48%;

}

.reg-wrap .main-wrap input.rin{

	float: right;

	width: 48%;

}



.reg-wrap .main-wrap .error{

	display:none;

	color:#ff3838;

	background:#ffe7e7;

	border-radius:2px;

	margin-bottom:10px;

	padding:6px;

}

.reg-wrap .main-wrap .btn{

	display:block;

	height:40px;

	line-height:40px;

}

.reg-wrap .main-wrap .box-wrap{

	font-size:12px;

	text-align:left;	

}

.reg-wrap .main-wrap .box-wrap .chbox{

	margin-right: 0;

	vertical-align: text-top;

}

.reg-wrap .link-tip{

	color:#659AEB;

}

.reg-wrap .main-wrap .info-wrap{

	line-height:1.8;

	padding-bottom:20px;	

}

.reg-wrap .main-wrap .info-wrap div.link{

	font-size:20px;	

	margin:0 0 20px 0;

}

.reg-wrap .main-wrap .reg-bottom{

	padding:26px 20px 16px 20px;

	border-top:dashed 1px #000;

	margin:20px -20px 0px;	

	line-height:1.8;

}

/*reg end*/

/*info-list start*/

.list-wrap{

	padding:10px 20px;

}

.side-wrap .list-wrap{

	padding: 10px 30px;

}

.list ul{

	margin-left:20px;

}

.list li{

	margin:14px 0;

	line-height: 1.6;

}

.list li.finger{

	padding-left: 18px;

}

.list li.finger:before{

	position: absolute;

	margin-left: -18px;

	font-family: 'dotc' !important;

	content: "\e924";

	opacity: 0.8;

}

/*info-list end*/

.target-wrap{

	padding:1px 20px;

}





.test-info{

	display:block;

	padding:30px 20px 60px;

}