/*css reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , i{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
body {line-height:1.5;}
table {border-collapse: collapse;border-spacing:0;}
caption, th, td ,b,strong{text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}	
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
em,cite{font-style:normal;}


body { background:#fff; font: 12px/1.5 Tahoma,'宋体';color:#000;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
a {text-decoration:none;cursor:pointer;}
dl, dt, dd, ol, ul, li{ list-style:none;}

/*some common class*/
.left{float:left;}
.right{float:right;}

/*clear*/
.ue-clear:after{content: "";display:block;height:0;clear:both;visibility:hidden;}
.ue-clear{display:inline-block;}
*html .ue-clear{height:1%;}
.ue-clear{display:block; overflow:hidden;}

.placeholder{color:#ddd;}

/*====================================
  分页信息（表格依赖样式）
  ===================================*/
.pagination a {text-decoration: none;border: solid 1px;	}
.pagination .pxofy{float:left;margin-left: 5px;height:25px;*padding-top:1px;}	
.pagination a, .pagination span {display: block;float: left;line-height:24px;padding:0 9px;border-radius:2px;margin-right: 5px;font-family:Arial, Helvetica, sans-serif !important;}
.pagination .current {cursor:default;border: solid 1px ;}
.pagination .prev, .pagination .next{*line-height:22px;}

/*分页样式*/
.pagination a{color: #000000;border-color:#8EB2D2; background:#eaf4fa;}
.pagination a:hover{color:#023054;border-color:#8EB2D2;background:#B8DFFB;}
.pagination .current{color:#fff;border-color:#4ea052;background:#5ebc62;}
.pagination .current.prev, .pagination .current.next{color:#B9B9B9;border-color:#D3D3D3;background:#fff;}
.pagination .pxofy{color: #023054;}

/*错误页面*/
#errorpage {
    width: 600px;
    text-align: center;
    padding: 80px 0;
    margin: 0 auto;
    height: 360px;
}

#errorpage p {
    font-size: 18px;
    font-weight: bold;
    padding-top: 30px;
}

#errorpage .bt a {
    background: #fe3a3b;
    padding: 9px 46px 11px;
    *padding: 7px 24px 9px;
    color: #fff;
    border: 0;
    font-size: 14px;
}

.errortans {
    margin: 0;
    text-align: left;
    float: left;
    z-index: 5;
    height: 300px;
    position: relative;
    padding: 80px 0 0 24px;
}

.errortans p {
    font-weight: normal;
    z-index: 10;
    position: relative;
}

.errortans p b {
    font-size: 38px;
}

.errortans div {
    margin-top: 30px;
}

#errorpage .logo {
    display: inline-block;
    float: left;
    height: 303px;
    width: 256px;
    background: url(../images/tfans.jpg);
}

#errorpage .e404 {
    display: inline-block;
    position: absolute;
    top: -60px;
    left: 145px;
    ;
    height: 164px;
    width: 150px;
    background: url(../images/404.jpg);
}

.tab-container {
    font-family: '微软雅黑';
    border: 0px solid #d8d8d8; margin-top:5px;
}

.tab-container .tab {
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #c1d3de;
}

.tab-container .tab a {
    display: block;
    padding: 8px 25px;
    float: left;
    text-decoration: none;
    color: #333;
    transition: background 0.2s ease-in;
    border-right: 0px solid #d8d8d8;
    margin-right: 8px;
    background-color: #e7e7e7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;
}

.tab-container .tab a:hover {
    background: #3B9FE1;
    color: #fff;
    text-decoration: none;
}

.tab-container .tab a.current {
    background: #3B9FE1;
    color: #fff;
    text-decoration: none;
    border-bottom: 0px solid #2781cd;
}

.tab-container .tab-content {
    overflow: hidden;
    padding: 10px 0px;
}

.tab-container .tab-content .tab-content-item {
    display: none;
}


.button{display:inline-block;width:135px; height:35px; background:url(../images/dialog_btnbg.png);border:none; border-radius:3px;color:#fff; font-size:16px; cursor:pointer; font-family:'Microsoft Yahei','微软雅黑';outline:none;}
.button.normal{width:133px; height:33px;background:url(../images/dialogbtn.png);color:#000;border:1px solid #c0c0c0;}
.button:active{}
.button.long2{width:100px;}

.select-wrap ul{ display:none; background:#fff;position:absolute; left:0; top:30px;  width:260px; border:1px solid #c5d6e0;border-top:none;z-index: 222;}
.select-wrap ul li{ padding-left:10px; line-height:28px; cursor:pointer;}
.select-wrap ul li:hover{ background:url(../images/formbtnbg.png) repeat-x;}

/*3.4.6 表单验证*/
/*文本框的错误状态*/
.Validform_error, input.error, select.error {
    background-color: #fbe2e2;
    border-color: #c66161;
    color: #c00
}

.Validform_error:focus {
    background-color: #fbe2e2;
    border-color: #c66161;
    color: #c00;
}

.Validform_wrong, .Validform_right, .Validform_warning {
    display: inline-block;
    height: 20px;
    font-size: 12px;
    vertical-align: middle;
    padding-left: 25px
}
/*错误*/
.Validform_wrong {
    background: url(../images/icon_error_s.png) no-repeat 0 center;
    color: #ef392b
}
/*正确*/
.Validform_right {
    position: absolute;
    background: url(../images/icon_right_s.png) no-repeat 0 center
}
/*警告*/
.Validform_warning {
    background: url(../images/icon_warning_s.png) no-repeat 0 center;
    color: #777
}

span.Validform_checktip {
    right: 5px;
    top: 8px;
    color: #ef392b;
    font-size: 12px
}
/*密码等级*/
.passwordStrength b {
    font-weight: 400
}

.passwordStrength b, .passwordStrength span {
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    line-height: 18px\9;
    height: 16px
}

.passwordStrength span {
    width: 57px;
    text-align: center;
    background-color: #d0d0d0;
    border-right: 1px solid #fff
}

.passwordStrength .last {
    border-right: none
}

.passwordStrength .bgStrength {
    color: #fff;
    background-color: #fcc900
}
/*Validform对话框*/
#Validform_msg {
    font-size: 14px;
    width: 300px;
    -webkit-box-shadow: 2px 2px 3px #aaa;
    -moz-box-shadow: 2px 2px 3px #aaa;
    background: #fff;
    position: absolute;
    top: 0px;
    right: 50px;
    z-index: 99999;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)
}

#Validform_msg .iframe {
    position: absolute;
    left: 0px;
    top: -1px;
    z-index: -1
}

#Validform_msg .Validform_title {
    font-size: 20px;
    padding: 10px;
    text-align: left;
    color: #fff;
    position: relative;
    background-color: #fcc900
}

#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
    position: absolute;
    right: 8px;
    top: 6px;
    color: #fff;
    text-decoration: none;
    font-family: Verdana
}

#Validform_msg a.Validform_close:hover {
    color: #fff
}

#Validform_msg .Validform_info {
    padding: 10px;
    border: 1px solid #bbb;
    border-top: none;
    text-align: left
}

@media (max-width: 767px) {
    .responsive .Validform_checktip {
        margin-top: 10px
    }
}
/*3.5 按钮
	Name:			style_button
	Example:		<button class="btn radius radius btn-primary|btn-info|btn-success|btn-warning|btn-danger|btn-inverse|btn-link" type="button">按钮</button>
	Explain:		btn-primary：主要|btn-info：信息|btn-success：成功|btn-warning：警告|btn-danger：危险|btn-inverse：反向|btn-link：链接

*/
/*关闭*/
.close {
    font-size: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20)
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

/*4.6 标签与标号
	Name:			style_label
	Example:		<span class="label label-default|label-primary|label-secondary|label-success|label-warning|label-danger">默认</span>
	Explain:		.label-default 默认|.label-primary 主要|.label-secondary 次要|.label-success 成功|.label-warning 警告|.label-danger 危险
	
	Name:			style_badge
	Example:		<span class="badge badge-default|label-primary|badge-secondary|badge-success|badge-warning|badge-danger">默认</span>
	Explain:		.badge-default 默认|.badge-primary 主要|.badge-secondary 次要|.badge-success 成功|.badge-warning 警告|.badge-danger 危险

*/
.label, .badge {
    height:18px;
    line-height:18px;
    background-color: #999;
	position: relative;
    display: inline-block;
    padding: 0 6px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
}
/*圆角*/
.label.radius {
    border-radius: 2px
}

.badge {
    padding-right: 9px;
    padding-left: 9px;
    border-radius: 9px
}

.label:empty, .badge:empty {
    display: none
}

a.label:hover, a.label:focus, a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

/*默认*/
.label-default, .badge-default {
    background-color: #DDDDDD;
    color: #333;
    padding:2px;
    font-size: 12px;
}
.label-default[href], .badge-default[href] {
        background-color: #DDDDDD;
        color: #333;
        padding:2px;
        font-size: 12px;
}

/*成功*/
.label-success, .badge-success {
    background-color: #00CC00
}
    .label-success[href], .badge-success[href] {
        background-color: #00CC00
    }

/*学生取消*/
.label-stucancel, .badge-stucancel {
    background-color: #99CCCC
}
.label-stucancel[href], .badge-stucancel[href] {
        background-color: #99CCCC
}

/*咨询师取消*/
.label-psycancel, .badge-psycancel {
    background-color: #CC6699
}
.label-psycancel[href], .badge-psycancel[href] {
        background-color: #CC6699
}

/*完成结束*/
.label-primary, .badge-primary {
  background-color: #0099FF
}
.label-primary[href], .badge-primary[href] {
  background-color: #0099FF
}

/*关闭*/
.label-close, .badge-close {
    background-color: #666666
}
.label-close[href], .badge-close[href] {
        background-color: #666666
}

/*爽约*/
.label-agree, .badge-agree {
    background-color: #FF9900
}
.label-agree[href], .badge-agree[href] {
        background-color: #FF9900
}

/*作废*/
.label-delete, .badge-delete {
    background-color: #111111
}
.label-delete[href], .badge-delete[href] {
        background-color: #111111
}

/*重要主要*/
.label-important, .badge-important {
    background-color: #3366CC
}
.label-important[href], .badge-important[href] {
        background-color: #3366CC
}



/*警告*/
.label-warning, .badge-warning {
    background-color: #c32136
}
    .label-warning[href], .badge-warning[href] {
        background-color: #c32136
    }

/*危险*/
.label-danger, .badge-danger {
    background-color: #ff4e20
}

    .label-danger[href], .badge-danger[href] {
        background-color: #ff4e20
    }

.popup_menu {
    position: absolute;
    z-index: 90;
    border: 1px solid #a0a0a0;
    padding: 4px;
    width: 200px;
    color: #000;
    background: #f2f2f2;
    font-size: 14px;
}

.popup_menu a {
    display: block;
    color: #000;
    text-indent: 12px;
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    padding-right: 5px;
    margin: 6px 0px;
}

.popup_menu a:hover {
    background: #d9d9d9;
    color: #000;
    border-radius: 0px;
}

.dataTables_filter label {
    font-size: 14px;
    color: #000;
}

.dataTables_filter .input-text {
    padding: 4px;
    border: 1px solid #dddddd;
}

.dataTables_paginate {
    color: #000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.dataTables_paginate a, .dataTables_paginate .current {
    text-decoration: none;
    float: left;
    padding: 0 10px;
    height: 22px;
    font-weight: normal;
    line-height: 24px;
    border: 1px solid #ddd;
    background: #fff;
    margin: 0 4px;
    font-size: 12px;
    color: #000;
}

.dataTables_paginate a:hover {
    background-color: #6ab96e;
    color: #ffffff;
    border: 1px solid #6ab96e;
    text-decoration: none;
}

.dataTables_paginate .current {
    font-weight: bold;
    color: #ffffff;
    background: #6ab96e;
    border: 1px solid #6ab96e;
}

.layui-layer-class .layui-layer-title {
    background: #4877fb;
    color: #fff;
    border: none;
}

.layui-layer-manager .layui-layer-title {
    background: #515ebf;
    color: #fff;
    border: none;
}
