/*************************** 全局样式 Begin ***************************/
body, ul, ol, li, form, fieldset, img, div {
    font-size: 16px;
    color: #000;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Microsoft YaHei';
}

ul, ol, li {
    list-style-type: none;
}

td, table, input, select {
    font-size: 16px;
    color: #000;
    font-family: 'Microsoft YaHei';
}

a:link, a:visited {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #1275d2;
    text-decoration: underline;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}

body {
    background-color: #FFF;
}


/*** 分页样式 Begin ***/
#FX_PageDiv {
    width: 100%;
    height: 22px;
    padding: 15px 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

#Fx_PageDiv2_span2 span {
    width: 20px;
    height: 18px;
    line-height: 18px;
    color: #333;
    text-align: center;
    display: block;
    cursor: pointer;
    float: left;
    margin-right: 5px;
    border: 1px solid #CCC;
}

#Fx_PageDiv2_span2 strong {
    width: 20px;
    height: 18px;
    line-height: 18px;
    color: #C00;
    text-align: center;
    display: block;
    cursor: pointer;
    float: left;
    margin-right: 5px;
    border: 1px solid #CCC;
    background-color: #CCC;
}

#Fx_PageDiv2_span1 {
    float: left;
    padding-left: 25px;
    padding-top: 3px;
}

#Fx_PageDiv2_span2 {
    float: right;
    padding-right: 25px;
}

#Fx_PageDiv2_1_2, #Fx_PageDiv2_1_3, #Fx_PageDiv2_1_4 {
    color: #C00;
}

/*** 分页样式 End ***/

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #AAA;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #AAA;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #AAA;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #AAA;
}


.f14, .f14 td {
    font-size: 14px;
}

.f15, .f15 td {
    font-size: 15px;
}

.f16, .f16 td {
    font-size: 16px;
}

.f17, .f17 td {
    font-size: 17px;
}

.f18, .f18 td {
    font-size: 18px;
}

.f20, .f20 td {
    font-size: 20px;
}

.f22, .f22 td {
    font-size: 22px;
}

.color0 {
    color: #000;
}

.color2 {
    color: #222;
}

.color4 {
    color: #444;
}

.color6 {
    color: #666;
}

.color8 {
    color: #888;
}

.colora {
    color: #aaa;
}

.hengxian2 td {
    border-bottom: 1px solid #DDD;
}

.con1 {
    color: #1060aa;
}

.con1 a:link, .con1 a:visited {
    color: #1060aa;
    text-decoration: none;
}

.con1 a:hover {
    color: #1060aa;
    text-decoration: underline;
}

/*** 超链接类型按钮 ***/
.but1 a {
    background-color: #5283c5;
    color: #FFF;
    height: 34px;
    line-height: 34px;
    font-size: 15px;
    text-align: center;
    border: 0;
    display: block;
    cursor: pointer;
}

.but1 a:hover {
    background-color: #4574b4;
    text-decoration: none;
}

.but2 a {
    background-color: #5283c5;
    color: #FFF;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    border: 0;
    display: block;
    cursor: pointer;
}

.but2 a:hover {
    background-color: #4574b4;
    text-decoration: none;
}

/*** 普通类型按钮 ***/
.but5 {
    background-color: #5283c5;
    color: #FFF;
    height: 50px;
    border: 0;
    padding: 0 50px;
    font-size: 18px;
    cursor: pointer;
}

.but5:hover {
    background-color: #3f6daa;
}

.but6 {
    background-color: #dee9f8;
    color: #548edc;
    height: 50px;
    border: 0;
    padding: 0 50px;
    font-size: 18px;
    cursor: pointer;
}

.but6:hover {
    background-color: #cfdff5;
}

/*** 白色字体 ***/
.white {
    color: #FFF;
}

.white a:link, .white a:visited {
    color: #FFF;
    text-decoration: none;
}

.white a:hover {
    color: #FF0;
    text-decoration: underline;
}

/*************************** 全局样式 End ***************************/


.mainbg {
    background-color: #F0F0F0;
    padding-top: 20px;
}

.mainleft {
    background-color: #d8e2f6;
    vertical-align: top;
    width: 220px;
    min-height: 700px;
}

.mainright {
    background-color: #FFF;
    vertical-align: top;
}

.classtitle {
    font-size: 20px;
    color: #000;
    padding-left: 40px;
    background: url(ico3.png) no-repeat left;
}


/*** 账户可信等级图标 ***/
.grade-true {
    float: left;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 28px;
    text-align: center;
    background-color: #3291ea;
    color: #FFF;
    border-radius: 10px;
}

.grade-false {
    float: left;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 28px;
    text-align: center;
    background-color: #DDD;
    color: #FFF;
    border-radius: 10px;
}

.grade-true-line {
    float: left;
    width: 180px;
    height: 5px;
    background-color: #3291ea;
    margin-top: 20px;
}

.grade-false-line {
    float: left;
    width: 180px;
    height: 5px;
    background-color: #DDD;
    margin-top: 20px;
}


/*顶部通用*/
.header {
    position: relative;
    display: block;
    width: 1200px;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #FFF;
}

.headerLogo {
    position: absolute;
    top: 20px;
    width: 350px;
    height: 90px;
    background: url(logo2018.png) no-repeat;
}

.headerTitle {
    position: absolute;
    display: block;
    font-size: 22px;
    height: 30px;
    width: 250px;
    line-height: 30px;
    top: 20px;
    left: 350px;
    padding-left: 20px;
    border-left: 1px solid #DDD;
    color: #000;
}

.headerNav {
    position: absolute;
    font-size: 15px;
    top: 50px;
    right: 0px;
    color: #CCC;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}

.headerNav a {
    color: #666;
    padding: 0 10px;
}

.headerline {
    height: 10px;
    background-color: #6282bc;
}

.leftmenu {
    min-height: 600px;
}

/*左侧菜单栏*/
.leftmenu ul {
    margin: 0 0 10px 0;
}

.leftmenu li {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
}

.leftmenu .menuone {
    padding-left: 50px;
    background-color: #6683b7;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    color: #FFF;
    display: block;
}

.leftmenu .menutwo a {
    padding-left: 50px;
    background-image: url(ico1.png);
    background-repeat: no-repeat;
    background-position: 35px 50%;
    display: block;
}

.leftmenu .menutwo a:hover {
    background-color: #ebf2ff;
    text-decoration: none;
}


/*登录页面*/
.loginframe {
    background-color: #FFF;
    box-shadow: 0px 0px 20px #07427a;
    -moz-box-shadow: 0px 0px 20px #07427a;
    -webkit-box-shadow: 0px 0px 20px #07427a;
}

.logintext {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #BBB;
    padding: 0 15px;
    border: 1px solid #BBB;
}

.logintext:focus {
    border: 1px solid #4094e3;
    color: #333;
}

.loginbut {
    width: 100%;
    text-align: center;
    background-color: #4094e3;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    border: 0;
    color: #FFF;
}

.loginbut:hover {
    background-color: #2c7fcd;
}

.loginlink, .loginlink a {
    color: #999;
}

/*注册页面*/
.reg-menu {
    width: 1200px;
    margin: 0 auto;
    height: 50px;
}

.reg-menu li {
    float: left;
    font-size: 20px;
    font-weight: bold;
    padding: 0 60px;
    height: 50px;
    line-height: 50px;
    display: block;
    cursor: pointer;
    background-color: #6282bc;
    color: #FFF;
}

.reg-menu .reg-on {
    background-color: #FFF;
    color: #000;
}

.reg-menu .reg-off {
    background-color: #3b5a92;
    color: #FFF;
}

.reg-bigclass {
    height: 60px;
    line-height: 60px;
    border-bottom: 3px solid #000;
    font-size: 24px;
    margin: 10px 0 30px 0;
}


/*通用底部*/
.footer {
    height: 150px;
    background-color: #f8f8f8;
    border-top: 5px solid #1856ac;
}

.footer-main {
    width: 1200px;
    margin: 0 auto;
}


/***********文本框控件样式 Begin***********/
.czfx-input {
    font-family: 'Microsoft YaHei';
    padding: 8px;
    border: solid 1px #CCC;
    line-height: 22px;
    border-radius: 2px;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.czfx-input:hover, .czfx-input:focus {
    border-color: #5283c5;
    /*
    box-shadow: 0 3px 5px rgba(0,0,0,0.05) inset;
    */
}

/***********文本框控件样式 End***********/


/***********复选框控件样式，支持IE9及以上 Begin***********/
/*隐藏原始复选框*/
.czfx-checkbox input[type=checkbox] {
    display: none;
}

/*复选框大框架*/
.czfx-checkbox {
    cursor: pointer;
}

/*复选框未选中*/
.czfx-checkbox span {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #FFF;
    border: 1px solid #BBB;
    border-radius: 2px;
    box-sizing: border-box;
}

/*复选框鼠标移动上去效果*/
.czfx-checkbox:hover > span {
    border: 1px solid #5283c5;
}

/*复选框选中效果（打钩）*/
.czfx-checkbox > input[type=checkbox]:checked + span:before {
    content: '';
    width: 10px;
    height: 5px;
    position: absolute;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 2px solid #FFF;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*复选框已选中效果（边框）*/
.czfx-checkbox > input[type=checkbox]:checked + span {
    border: 1px solid #5283c5;
    background-color: #5283c5;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

/*复选框标题*/
.czfx-checkbox cite {
    font-style: normal;
    padding-left: 28px;
}

/*复选框禁用模式*/
.czfx-checkbox > input[disabled] + span, .czfx-checkbox > input[disabled] + span + cite {
    color: #CCC;
    border-color: #CCC;
    cursor: not-allowed;
}

/***********复选框控件样式，支持IE9及以上 End***********/

/***********单选框控件样式，支持IE9及以上 Begin***********/
/*隐藏原始单选框*/
.czfx-radio input[type=radio] {
    display: none;
}

/*单选框大框架*/
.czfx-radio {
    cursor: pointer;
}

/*单选框未选中*/
.czfx-radio span {
    position: absolute;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    background-color: #FFF;
    border: 1px solid #BBB;
    border-radius: 20px;
    box-sizing: border-box;
}

/*单选框鼠标移动上去效果*/
.czfx-radio:hover > span {
    border: 1px solid #5283c5;
}

/*单选框选中效果（圆点）*/
.czfx-radio > input[type=radio]:checked + span:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: #5283c5;
    top: 5px;
    left: 5px;
    border-radius: 10px;
}

/*单选框已选中效果（边框）*/
.czfx-radio > input[type=radio]:checked + span {
    border: 1px solid #5283c5;
}

/*单选框标题*/
.czfx-radio cite {
    font-style: normal;
    padding-left: 28px;
}

/*单选框禁用模式*/
.czfx-radio > input[disabled] + span, .czfx-radio > input[disabled] + span + cite {
    color: #CCC;
    border-color: #CCC;
    cursor: not-allowed;
}

/***********单选框控件样式，支持IE9及以上 End***********/


/***********开关控件样式，支持IE9及以上 Begin***********/
/*隐藏原始开关按钮*/
.czfx-switch input[type=checkbox] {
    display: none;
}

.czfx-switch {
    cursor: pointer;
}

/*未选中外边框*/
.czfx-switch span {
    display: inline-block;
    height: 23px;
    padding: 2px 5px;
    border: 1px solid #BBB;
    background-color: #FFF;
    border-radius: 20px;
    font-size: 14px;
    box-sizing: border-box;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;

}

/*未选中圆点*/
.czfx-switch > span:before {
    content: '';
    width: 15px;
    height: 15px;
    top: 1px;
    left: 0;
    position: relative;
    display: inline-block;
    background-color: #CCC;
    border-radius: 20px;
}

/*未选中文字*/
.czfx-switch > span > cite:before {
    content: attr(czfx-off);
    white-space: nowrap;
    position: relative;
    top: -2px;
    color: #999;
    font-style: normal;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 3px;
}

/*鼠标移上去效果*/
.czfx-switch > input[type=checkbox] + span:hover {
    border-color: #999;
}

/*已选中外边框*/
.czfx-switch > input[type=checkbox]:checked + span {
    border-color: #5283c5;
    background-color: #5283c5;
}

/*已选中圆点*/
.czfx-switch > input[type=checkbox]:checked + span:after {
    content: '';
    width: 15px;
    height: 15px;
    top: 1px;
    right: 0;
    position: relative;
    display: inline-block;
    background-color: #FFF;
    border-radius: 20px;
}

/*已选中圆点后，去掉灰色圆点*/
.czfx-switch > input[type=checkbox]:checked + span:before {
    width: 0;
    height: 0;
    top: 0;
    padding: 0;
}

/*已选中文字*/
.czfx-switch > input[type=checkbox]:checked + span > cite:before {
    content: attr(czfx-on);
    white-space: nowrap;
    position: relative;
    top: -2px;
    color: #FFF;
    font-style: normal;
    font-size: 12px;
    padding-left: 3px;
    padding-right: 5px;
}

/*开关禁用模式*/
.czfx-switch > input[disabled] + span, .czfx-switch > input[disabled] + span > cite:before, .czfx-switch > input[disabled] + span:hover {
    color: #CCC;
    border-color: #CCC;
    cursor: not-allowed;
}

/*开关禁用模式*/
.czfx-switch > input[disabled]:checked + span, .czfx-switch > input[disabled] + span:before {
    border-color: #CCC;
    background-color: #DDD;
}

/***********开关控件样式，支持IE9及以上 End***********/


/***********下拉列表样式，支持IE9及以上 Begin***********/
/*下拉列表框*/
.czfx-select {
    border: 1px solid #CCC;
    padding: 6px;
    border-radius: 2px;
    cursor: pointer;
    appearance: none;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    /*设置箭头*/
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAGCAYAAAAc2cSCAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAASklEQVR42mLs6Oj4z0AkKC8vZ0TmAwQQE7oAsRpBACCAmHBJENIIAgABxERIAT6DAQKICZ9CQi4CCCCG////Y2BQIGITR8cAAQYAMTY7pATKXFgAAAAASUVORK5CYII=") no-repeat scroll right center transparent;
    padding-right: 20px;
}

.czfx-select:hover {
    border-color: #5283c5;
}

/*清除ie的默认选择框样式，隐藏下拉箭头*/
.czfx-select::-ms-expand {
    display: none;
}

/***********下拉列表样式，支持IE9及以上 end***********/


/*IE6、7、8浏览器显示原始控件*/
@media \0screen\,screen\9 {
    .czfx-checkbox input[type=checkbox], .czfx-radio input[type=radio], .czfx-switch input[type=checkbox] {
        display: inherit;
    }

    .czfx-checkbox span, .czfx-radio span, .czfx-switch span {
        display: none;
    }

    .czfx-checkbox cite, .czfx-radio cite {
        padding-left: 0;
    }

    .czfx-select {
        background: none;
        padding-right: 3px;
    }
}


/*常用按钮*/
.czfx-btn {
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    outline: 0;
    border-radius: 2px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    border: 0;
    box-sizing: border-box;
    background-color: #009688;
    color: #FFF;
    font-size: 15px;
    padding: 7px 15px;
}

.czfx-btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

.btn-red {
    background-color: #F74E19;
}

.btn-yellow {
    background-color: #F3B002;
}

.btn-blue {
    background-color: #5283c5;
}

.btn-white {
    background-color: #FFF;
    border: 1px solid #CCC;
    color: #666;
}

.btn-gray {
    background-color: #EEE;
    border: 1px solid #CCC;
    color: #666;
}

.btn-big {
    font-size: 16px;
    padding: 10px 25px;
}

.btn-small {
    font-size: 16px;
    padding: 7px 15px;
}

.btn-mini {
    font-size: 14px;
    padding: 4px 8px;
}

.btn-fluid {
    width: 100%;
}

/***********表格样式***********/
.tablelist {
    width: 100%;
    margin: 10px 0;
    background-color: #fff;
    border-collapse: collapse;
    border-spacing: 0;
}

.tablelist thead tr {
    background-color: #f2f2f2;
}

.tablelist th {
}

.tablelist td, .tablelist th {
    padding: 3px 5px;
    min-height: 30px;
    line-height: 40px;
    border: 1px solid #e2e2e2;
}

.tablelist tr:hover, .tablelist[lay-even] tr:nth-child(even) {
    background-color: #f8f8f8;
}

.tablelist[czfx-skin=line] {
    border: 1px solid #e2e2e2;
}

.tablelist[czfx-skin=line] td, .tablelist[czfx-skin=line] th {
    border: none;
    border-bottom: 1px solid #e2e2e2;
}

.im-title {
    color: #6282bc;
    font-weight: bold;
    font-size: 20px;
}

.input-error {
    border: 1px solid red;
}