@charset "UTF-8";
body { min-width: 1140px; padding: 0; margin: 0; background: #f7f7f7; font-family: '微软雅黑', 'Microsoft YaHei', Helvetica, Tahoma, Arial, SimSun, '宋体', Heiti, '黑体', sans-serif; color: #414141; }

input { box-shadow: 0; border: 0; }

ul, li, p { margin: 0; padding: 0; list-style: none; }

.float-l { float: left; }

.float-r { float: right; }

.font4 { color: #888; }

a { text-decoration: none; color: #414141; }

a:hover, a:active, a:visited { color: #333; }

.w48 { min-width: 48px; width: 48px; }

.w58 { min-width: 58px; width: 58px; }

.w60 { min-width: 60px; width: 60px; }

.w70 { min-width: 76px; width: 76px; }

.w72 { min-width: 72px; width: 72px; }

.w80 { min-width: 80px; width: 80px; }

.w84 { min-width: 84px; width: 84px; }

.w88 { min-width: 88px; width: 88px; }

.w96 { min-width: 96px; width: 96px; }

.w108 { min-width: 108px; width: 108px; }

.w114 { min-width: 114px; width: 114px; }

.w116 { min-width: 116px; width: 116px; }

.w118 { min-width: 116px; width: 116px; }

.w120 { min-width: 120px; width: 120px; }

.w132 { min-width: 132px; width: 132px; }

.w144 { width: 144px; min-width: 144px; }

.w148 { width: 148px; min-width: 148px; }

.w168 { min-width: 168px; width: 168px; }

.w180 { min-width: 180px; width: 180px; }

.w192 { width: 192px; min-width: 192px; }

.w216 { min-width: 216px; width: 216px; }

.w218 { min-width: 218px; width: 218px; }

.w238 { min-width: 238px; width: 238px; }

.w240 { min-width: 240px; width: 240px; }

.w300 { width: 300px; }

.mt5 { margin-top: 5px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.ml0 { margin-left: 0; }

.ml60 { margin-left: 60px; }

.ml80 { margin-left: 80px; }

.ml100 { margin-left: 100px; }

.ml105 { margin-left: 105px; }

.red, .errorbox { color: red; }

.errorbox { display: inline-block; width: 100%; }

.centerbox { display: block; overflow: hidden; margin: 0 auto; text-align: center; }

.popup-box { padding: 20px; }

.popup-box .zhifu-status { margin: 0 auto; width: 136px; height: 136px; background: url(/assets/image/userCenter/zhifu-status.png) no-repeat; }

.commonbtn { display: inline-block; min-width: 84px; height: 38px; line-height: 38px; border-radius: 3px; padding: 0 20px; text-align: center; box-sizing: border-box; cursor: pointer; }

.commonbtn:hover { opacity: .9; }

.commonbtn.-reg { width: 100%; background: #e76329; color: #fff; margin-top: 20px; font-size: 18px; }

.commonbtn.signup { position: relative; top: 60px; width: 100%; background: #ed9028; color: #fff; }

.commonbtn.recent { width: 112px; margin: 20px 0 0 56px; background: #2577e3; color: #fff; font-size: 18px; }

.commonbtn.recent.over { border: 1px solid #ebebeb; color: #999; background: #f5f5f5; box-sizing: border-box; }

.cqgrain-button { position: relative; float: left; box-sizing: border-box; min-width: 84px; padding: 0 20px; line-height: 28px; font-size: 12px; color: #fff; text-align: center; background-color: #44b4ff; box-sizing: border-box; cursor: pointer; }

.cqgrain-button:hover { background-color: #3da2e5; }

.cqgrain-button.-disabled { background-color: #cdcdcd; cursor: not-allowed; }

.cqgrain-button.-disabled:hover { background-color: #cdcdcd; }

.cqgrain-button.-plain { line-height: 26px; color: #44b4ff; background-color: #fff; border: 1px solid #44b4ff; }

.cqgrain-button.-plain:hover { color: #3da2e5; border-color: #3da2e5; }

.cqgrain-button.-plain.-disabled { color: #aaa; border-color: #cdcdcd; }

.cqgrain-button.-plain.-disabled:hover { color: #aaa; background-color: #fff; }

.common-checkbox { background: #fff; border: 1px solid #ebebeb; box-shadow: 0; width: 16px; height: 16px; }

input[type=checkbox] { box-sizing: border-box; padding: 0; line-height: normal; }

.index-nav { height: 30px; padding-top: 10px; background: #1E9FFF; }

.index-nav ul { float: left; width: 80%; }

.index-nav ul li { display: inline-block; margin-right: 30px; font-weight: bold; }

.index-nav ul li a { color: #fff; }

.con-top { position: relative; width: 100%; height: 230px; background: url(/assets/image/top/top-bg.jpg) no-repeat; }

.con-top .title { position: absolute; left: 280px; top: 50px; width: 500px; font-size: 24px; }

.con-top .address { position: absolute; right: 300px; bottom: 60px; font-size: 18px; }

.navbox { float: left; width: 100%; height: 40px; line-height: 40px; background: #5d5f9d; font-size: 14px; color: #fff; }

.navbox .nav-left { float: left; width: 100%; }

.navbox .nav-left li { display: inline-block; margin: 0 10px; color: #fff; }

.navbox .nav-left li:first-child { margin-left: 20px; }

.navbox .nav-left li a { color: #fff; }

.navbox .nav-left li a:hover { text-decoration: underline; }

.navbox .nav-right { float: right; position: relative; width: 180px; height: 40px; border-left: 1px solid #fff; padding-left: 50px; }

.navbox .nav-right .icon-shijian { position: absolute; top: 11px; left: 20px; width: 20px; height: 18px; background: url(/assets/image/img.png) no-repeat 0 0; }

.main { margin: 0 auto; width: 1140px; height: 100%; font-size: 14px; }

.breadcrumb { box-sizing: border-box; height: 50px; line-height: 50px; border-bottom: 1px solid #d8e6ee; }

.breadcrumb span { padding-left: 20px; font-size: 16px; color: #333; }

.cqgrain-body { position: relative; padding: 20px 20px 20px 20px; }

.cqgrain-body .head-wrap { display: inline-block; line-height: 32px; }

.cqgrain-body .head-wrap .layui-form-label { padding-left: 0; }

.cqgrain-body .btn-wrap { display: inline-block; width: 100%; margin-top: -10px; }

.cqgrain-body.recharge .layui-input-block { margin-left: 60px; }

.recharge-box { margin: 60px auto; width: 740px; padding: 30px; background: #fff; border: 2px solid #3da2e5; }

.foot { float: left; width: 100%; background: #292929; padding: 30px 0; }

.foot .logo { float: left; width: 95px; height: 106px; margin-right: 20px; background: url(/assets/image/img.png) no-repeat -158px -45px; }

.foot .about { float: left; margin: 0 30px; }

.foot .about li { line-height: 24px; color: #bbb; list-style-type: disc; list-style-position: outside; marker-offset: 5px; }

.foot .about li:first-child { color: #fff; list-style: none; margin-bottom: 10px; margin-left: -15px; }

.foot .about:last-child { width: auto; }

.foot .foot-wechart { width: 220px; float: right; }

.foot .foot-wechart img { width: 222px; }

footer { float: left; height: 40px; width: 100%; text-align: center; background: #474747; margin-top: -3px; line-height: 40px; color: #bbb; font-size: 14px; }

.commoninput { width: 250px; height: 32px; padding: 0 5px; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; }

.commoninput.middle { width: 180px; }

.commoninput.small { width: 120px; }

.commoninput.user, .commoninput.psw { padding-right: 30px; background: url("/assets/image/login/user.png") no-repeat right 3px; box-sizing: border-box; }

.commoninput.psw { background: url("/assets/image/login/psw.png") no-repeat right 1px; }

.commoninput.code { width: 120px; }

.pay .layui-form-radio { width: 160px; border: 1px solid #ebebeb; padding: 20px; margin: 10px 20px 10px 0; }

.pay .layui-form-radio:hover { border-color: #e76329; }

.pay .layui-form-radio.layui-form-radioed { border-color: #e76329; }

.pay .layui-form-radio.layui-form-radioed i { color: #e76329; }

.radio { display: inline-block; }

.tr { display: inline-block; width: 100%; margin-top: 20px; }

.input-tips { display: inline-block; width: 400px; margin-left: 10px; color: #888; line-height: 18px; }

/*列表顶部筛选样式*/
.form-wrap { height: 28px; line-height: 28px; padding: 0 20px 12px 0; font-size: 12px; color: #666; }

.form-wrap.ts { /*height: 28px; line-height: 28px; margin: 6px 0;*/ }

.form-wrap .coat-r { height: 28px; width: 180px; }

.layui-upload-list.headpic { width: 120px; /*height: 120px; border: 1px solid #ccc;*/ }

.layui-upload-list.headpic img { width: 120px; height: 120px; }

.recharge-text { font-size: 30px; color: #e76329; }

.layadmin-tips .layui-icon[face] { display: inline-block; font-size: 300px; color: #393D49; }

.layadmin-tips .layui-text { width: 500px; margin: 30px auto; padding-top: 20px; border-top: 5px solid #009688; font-size: 16px; }

.layadmin-tips .layui-text h1 { font-size: 100px; line-height: 100px; color: #009688; }

.layadmin-tips .layui-text h1 .layui-anim { display: inline-block; }

.tips { position: relative; width: 360px; height: 100px; padding: 20px; margin-top: 20px; border: 2px dashed #009688; }

.tips .layui-icon { position: absolute; top: 20px; font-size: 30px; }

.tips .layui-icon.layui-icon-ok-circle { color: #009688; }

.tips .layui-icon.layui-icon-close-fill { color: red; }

.tips .layui-icon.layui-icon-tips { color: #fe7200; }

.tips .tips-text { text-align: left; margin: 3px 0 0 40px; font-size: 18px; }

.cqgrain-table { width: 100%; border-collapse: collapse; border: 1px solid #d8e6ee; box-sizing: border-box; font-size: 12px; /*.ifram-wrap*/ }

.cqgrain-table thead { text-align: left; }

.cqgrain-table thead tr { background: #fff !important; border-top: 0; border-bottom: 1px solid #d8e6ee; }

.cqgrain-table tbody { /*border-bottom: 1px solid #d8e6ee;*/ box-sizing: border-box; }

.cqgrain-table tr { height: 40px; border-bottom: 1px solid #eaf2f5; box-sizing: border-box; }

.cqgrain-table th { padding: 0 10px; height: 40px; color: #8ba3c2; border-left: 1px solid #d8e6ee; }

.cqgrain-table th:first-child { border-left: none; }

.cqgrain-table td { padding: 7px 10px; border-left: 1px solid transparent; color: #666; height: 12px; line-height: normal; }

.cqgrain-table td:first-child { border-left: 0; }

.cqgrain-table.border-none { border: 0; }

.cqgrain-table.-tr-hover tbody tr:hover { background-color: #fffee7 !important; }

.cqgrain-table.-odd-bg tr:nth-child(odd) { background-color: #f3fbff; }

.cqgrain-table.-even-bg tr:nth-child(even) { background-color: #f3fbff; }

.cqgrain-table.-allside-none { border: none; }

.cqgrain-table.varieties-scroll { overflow-x: auto; }

.cqgrain-table .dic-l-right { float: left; color: #888; text-align: right; margin-right: 20px; }

.cqgrain-table .dic-r-right { float: left; color: #414141; }

.cqgrain-table .view-tr { vertical-align: top; }

.cqgrain-table .view-tr:last-child { border-bottom: 0; }

.cqgrain-table .view-tr td { /*border-left: 1px solid #d8e6ee;*/ width: 408px; padding: 11px 20px 10px 20px; }

.cqgrain-table .view-tr .ele-wrap { width: 100%; /*  overflow: hidden; display: flex; display: -webkit-flex; align-items: center;*/ }

.cqgrain-table .view-tr .ele-wrap .txt-r { float: left; }

.cqgrain-table .view-tr .dic-l, .cqgrain-table .index4 .view-tr .dic-l2, .index4 .cqgrain-table .view-tr .dic-l2 { float: left; width: 72px; color: #888; text-align: right; margin-right: 20px; }

.cqgrain-table .view-tr .dic-r { float: left; color: #414141; word-break: break-word; line-height: 18px; margin: 0 0 -4px 0; /* width: 365px;*/ }

.cqgrain-table .view-tr .view { /*float: left;*/ color: #44b4ff; padding-left: 10px; }

.cqgrain-table .view-tr .view:hover { color: #3da2e5; }

.tr-line { display: block; overflow: hidden; width: 100%; margin: 0 10px; height: 1px; border-top: 1px dashed #d8e6ee; }

.attachment-wrap { display: inline-block; }

.attachment-wrap .attachment { display: block; overflow: hidden; margin-top: 4px; line-height: 18px; }

.attachment-wrap .attachment:first-child { margin-top: 0; }

.attachment-wrap .attachment:last-child { margin-bottom: 0; }

.attachment-wrap .attachment .attachment-txt { float: left; word-break: break-all; color: #414141; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.table-scroll { max-width: 810px; overflow: hidden; overflow-x: auto; }

.table-wrap { display: inline-block; border: 1px solid #d8e6ee; border-bottom: 0; box-sizing: border-box; }

.table-nav { border-bottom: 1px solid #d8e6ee; padding: 11px 10px 9px 10px; /*line-height: 50px;*/ height: 50px; background-color: #DBF1FF; box-sizing: border-box; /* a { margin: 11px 0 0 10px; }*/ }

/*.table-nav {
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    background-color: #DBF1FF;
    border-bottom: 1px solid #d8e6ee;
    box-sizing: border-box;
}*/
.data-tr1 a { color: #44b4ff; margin-right: 5px; }

.data-tr1 a:last-child { margin-right: 0; }

.data-tr1 a:hover { color: #3da2e5; }

.data-tr1 .data-td { color: #414141; }

.data-tr1 .data-td span { margin-right: 10px; }

.data-tr1 .data-td span:last-child { margin-right: 0; }

.data-tr1 .td-view span { margin-right: 10px; color: #414141; }

.data-tr1 .td-view span:last-child { margin-right: 0; }

/*翻页*/
.table-footer, .role-thead { height: 40px; line-height: 40px; padding: 0 10px; background-color: #EFF3F8; }

.table-footer .side-l, .role-thead .side-l { font-size: 12px; color: #8395AB; }

.table-footer { border: 1px solid #d8e6ee; /* border-top: 0;*/ }

.ele-coat { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.index4 .view-tr .dic-l, .index4 .view-tr .dic-l2 { float: left; width: 156px; color: #888; text-align: right; padding: 5px 20px 5px 0; }

.index4 .view-tr .dic-l2 { width: 72px; }

/*
弹出层所用表格*/
.popup-table, .set-body { display: block; max-height: 520px; padding: 0 20px 20px 20px; overflow-x: hidden; overflow-y: auto; }

.popup-table .cqgrain-table, .set-body .cqgrain-table { border: 0; }

.popup-table .sideborder-table, .set-body .sideborder-table { border-right: 1px solid #d8e6ee; border-left: 1px solid #d8e6ee; }

.popup-table .table-footer, .set-body .table-footer { border-top: 1px solid #d8e6ee; }

.ifram-wrap { /*    white-space: nowrap;*/ }

.ifram-wrap .cqgrain-table { box-sizing: border-box; border: 1px solid #d8e6ee; }

.ifram-wrap .cqgrain-table.border-none { border-top: 0; }

.ifram-wrap .cqgrain-table thead tr { border-bottom: 0; }

.cqgrain-table tbody.popup-tbody, .cqgrain-table tbody.popup-tbody-noscroll { text-align: left; border: 0 !important; }

.cqgrain-table tbody.popup-tbody tr:first-child, .cqgrain-table tbody.popup-tbody-noscroll tr:first-child { border-bottom: 1px solid #eaf2f5; }

.cqgrain-table tbody.popup-tbody tr td, .cqgrain-table tbody.popup-tbody-noscroll tr td { text-overflow: ellipsis; word-break: break-all; word-wrap: break-word; }

.cqgrain-table tbody.popup-tbody .popup-tr td, .cqgrain-table tbody.popup-tbody-noscroll .popup-tr td { min-width: 458px; width: 458px; }

.cqgrain-table tbody.popup-tbody .width-l, .cqgrain-table tbody.popup-tbody-noscroll .width-l { width: 58px; min-width: 58px; padding-right: 0; }

.popup-thead { border: 1px solid #d8e6ee; box-sizing: border-box; height: 40px; /* .width-r { min-width: 388px; width: 388px; }*/ }

.popup-thead tr { height: 38px; }

.popup-thead th { height: auto; }

.popup-thead .width-l { width: 48px; }

.popup-thead .width-l a { width: 48px; }

tbody.popup-tbody-noscroll { max-height: 400px; }

tbody.popup-tbody-noscroll tr .width-r { max-width: 360px; }

/*状态颜色*/
.normal { color: #8ba3c2; }

.normal.txt-success { color: #71d189; }

.normal.txt-fail { color: #f56767 !important; }

.normal.txt-warning { color: #ffc600; }

/*暂无数据*/
.no-data { position: absolute; top: 50%; left: 50%; margin: -100px auto 0 -100px; width: 200px; height: 200px; padding-top: 150px; background: url(../image/nodata/no-data.png) no-repeat center; box-sizing: border-box; text-align: center; }

.no-data .nodata-title, .no-data .nodata-title2 { font-size: 14px; font-weight: bold; color: #666; text-align: center; }

.no-data .nodata-title2 { font-weight: normal; line-height: 12px; }

.no-data .nodata-txt { font-size: 12px; color: #666; line-height: 12px; }

/*链接下划线*/
.underline:hover { text-decoration: underline; }

/*新增角色表格*/
.role-table { width: 100%; border-collapse: collapse; border: 1px solid #d8e6ee; box-sizing: border-box; font-size: 12px; }

.role-table .role-thead { text-align: left; border-bottom: 1px solid #d8e6ee; }

.role-table .role-thead tr { background-color: #f3fbff !important; }

.role-table .role-thead tr th { padding: 0 10px; height: 40px; color: #8ba3c2; box-sizing: border-box; border-left: 1px solid #d8e6ee; }

.role-table .role-thead tr th:first-child { border-left: none; }

.role-table tr { border-top: 1px solid #eaf2f5; box-sizing: border-box; }

.role-table td { padding: 5px 10px; line-height: 18px; border-left: 1px solid transparent; }

.role-table td:first-child { border-left: 0; }

/*合同表格样式*/
.contract-table { display: table; }

.contract-table a { color: #50a3f8; }

.contract-table th { padding: 0 10px; line-height: 49px; min-height: 49px; height: 49px; }

.contract-table th:last-child { border-left: 1px solid #d8e6ee !important; }

.contract-table td { padding: 0; }

.contract-table.-rest thead { border-bottom: 1px solid #d8e6ee; }

.contract-table.-rest thead tr:hover { background: #eef7ff; }

.contract-table.-rest tr:hover { background: none; }

.contract-table .contract-thead { display: block; overflow: hidden; height: 40px; margin: 16px 0 1px 0; padding: 0 0 0 10px; border-left: 3px solid #50a3f8; box-sizing: border-box; /*line-height: 20px;*/ }

.contract-table .contract-thead .contract-title { float: left; margin: -2px 0 12px 0; padding-right: 50px; font-size: 12px; /*line-height: 12px;*/ }

.contract-table .contract-thead .contract-title:last-child { padding-right: 0; }

.contract-table .contract-thead .contract-title.inline { width: 100%; }

.contract-table .contract-thead .contract-title.blue span, .contract-table .contract-thead .contract-title.blue a { font-weight: bold; color: #50a3f8; }

.contract-table .contract-thead .contract-title .left { color: #888; }

.contract-table .contract-thead .contract-title .right { color: #666; }

.contract-table .contract-tbody { display: block; overflow: hidden; padding: 0 0 12px 0; margin: 16px 0 0 0; box-sizing: border-box; line-height: 20px; }

.contract-table .contract-tbody .tr-line { display: block; overflow: hidden; width: 100%; margin: 0 10px; height: 1px; border-top: 1px dashed #d8e6ee; }

.contract-table .contract-tbody .tr { float: left; width: 20%; padding: 0 10px; margin-top: 15px; border-right: 1px solid transparent; box-sizing: border-box; }

.contract-table .contract-tbody .tr:nth-child(2) { padding-left: 13px; padding-right: 7px; }

.contract-table .contract-tbody .tr .td { display: block; overflow: hidden; width: 100%; margin-bottom: 3px; }

.contract-table .contract-tbody .tr .td a { display: inline-block; }

.contract-table .contract-tbody .tr .td .left { float: left; margin-right: 20px; color: #888; }

.contract-table .contract-tbody .tr .td .right { float: left; color: #666; }

.contract-table .contract-tbody.-sell .tr { width: 16.5%; }

.contract-table .contract-tbody.-sell .tr:last-child { width: auto; }

.contract-table .contract-tbody.-sell .tr:nth-child(2) { padding-left: 13px; padding-right: 7px; }

.condetail-table { border-collapse: collapse; border: 1px solid #d8e6ee; }

.condetail-table thead { background: #EFF3F8; border-bottom: 1px solid #d8e6ee; color: #8ba3c2; }

.condetail-table td, .condetail-table th { padding: 0 10px; line-height: 40px; border-right: 1px solid #d8e6ee; text-align: left; }

.condetail-table td:last-child, .condetail-table th:last-child { border-right: 0; }

.condetail-table tbody tr { border-bottom: 1px solid #d8e6ee; }

.condetail-table tbody tr:last-child { border-bottom: 0; }

.condetail-table tbody .td-box { width: 438px; }

.condetail-table tbody .td-box.-big { width: 823px; }

.condetail-table tbody .blue-bg { text-align: right; padding-right: 20px; background: #EFF3F8; color: #8ba3c2; }

.scrollbox { border: 1px solid #d8e6ee; width: 100%; overflow-y: hidden; overflow-x: auto; }

.detail-table { width: 100%; border-collapse: collapse; border-bottom: 1px solid #d8e6ee; box-sizing: border-box; font-size: 12px; }

.detail-table thead { text-align: left; color: #8ba3c2; border-bottom: 1px solid #d8e6ee; /*background: #EFF3F8;*/ }

.detail-table thead th { border-right: 1px solid #d8e6ee; }

.detail-table thead th:last-child { border-right: 1px solid transparent; }

.detail-table tr { line-height: 40px; }

.detail-table td, .detail-table th { padding: 0 10px; }

.detail-table tbody tr { border-top: 1px solid #eaf2f5; }

.detail-table tbody tr:first-child { border-top: 0; }

.detail-table tbody tr:hover { background-color: #fffee7 !important; }

.detail-table tbody tr:nth-child(odd) { background-color: #f3fbff; }

.detail-table tbody tr td { color: #666; border-right: 1px solid transparent; }

.detail-table tbody tr td a { color: #44b4ff; }

.thead-line { display: block; overflow: hidden; width: 100%; height: 1px; background-color: #d8e6ee; }

.page { display: block; overflow: hidden; background: #fff; padding-top: 5px; margin-bottom: 20px; text-align: center; border: 1px solid #ebebeb; }

.tplmain { margin: 0 auto; width: 1000px; height: 100%; font-size: 14px; }

.tplmain .main-left { float: left; width: 220px; margin: 20px 20px 0 0; box-sizing: border-box; }

.tplmain .main-left .timebox { position: relative; width: 100%; padding: 20px; margin-bottom: 20px; background: #fff; border: 1px solid #ddd; }

.tplmain .main-left .timebox .time-one, .tplmain .main-left .timebox .time-two, .tplmain .main-left .timebox .time-three { position: relative; height: 43px; padding-left: 50px; margin-bottom: 20px; }

.tplmain .main-left .timebox .time-one .icon, .tplmain .main-left .timebox .time-two .icon, .tplmain .main-left .timebox .time-three .icon { position: absolute; left: 0; top: 3px; width: 24px; height: 24px; background: url("/assets/image/img.png") no-repeat -31px 0; }

.tplmain .main-left .timebox .time-one .title, .tplmain .main-left .timebox .time-two .title, .tplmain .main-left .timebox .time-three .title { color: #5d5f9d; }

.tplmain .main-left .timebox .time-one .datetxt, .tplmain .main-left .timebox .time-two .datetxt, .tplmain .main-left .timebox .time-three .datetxt { color: #333; margin-top: 5px; font-size: 16px; line-height: 22px; }

.tplmain .main-left .timebox .time-two .icon { background-position: -61px 0; }

.tplmain .main-left .timebox .time-three { margin-bottom: 0; }

.tplmain .main-left .timebox .time-three .icon { background-position: -88px 0; }

.tplmain .main-left .timebox .countdown { font-size: 18px; color: #414141; text-align: center; }

.tplmain .main-left .timebox .left-day { width: 36px; padding: 5px; margin: 20px 20px 0 0; background: #94cef2; color: #fff; font-size: 16px; line-height: 18px; text-align: center; }

.tplmain .main-left .timebox .right-day { position: absolute; top: 68px; right: 20px; width: 150px; }

.tplmain .main-left .timebox .right-day .num { font-size: 20px; line-height: 20px; }

.tplmain .main-left .timebox .right-day .unit { margin-top: 5px; font-size: 16px; line-height: 16px; }

.tplmain .main-left .timebox .right-day .unit span { margin-right: 28px; }

.tplmain .main-left .timebox .right-day .unit span:last-child { margin-right: 0; }

.tplmain .main-left .timebox .right-day .unit span:first-child { margin-left: 3px; }

.tplmain .main-right { float: right; width: 715px; }

.tplmain .foot { float: left; width: 100%; padding: 20px 0; text-align: center; line-height: 24px; color: #414141; background: #cac9c9; }

.main-right .about { position: relative; float: left; min-height: 210px; padding: 20px; margin-top: 20px; background: #fff; border: 1px solid #ddd; box-sizing: border-box; }

.main-right .about .title { padding-left: 30px; color: #5d5f9d; }

.main-right .about .title .icon { position: absolute; left: 20px; top: 23px; width: 24px; height: 24px; background: url("/assets/image/img.png") no-repeat -111px 0; }

.main-right .about .abouttxt { margin-right: 160px; margin-top: 20px; line-height: 24px; text-indent: 2em; color: #414141; }

.main-right .about .abouttxt.-content { width: 673px; text-indent: 0; margin-right: 0; }

.main-right .about .abouttxt .icon { position: absolute; right: 0; bottom: 0; width: 150px; height: 130px; background: url("/assets/image/img.png") no-repeat 0 -20px; }

.main-right .subbox { position: relative; float: left; width: 347px; min-height: 188px; margin: 20px 20px 0 0; background: #fff; border: 1px solid #ddd; padding: 20px; box-sizing: border-box; }

.main-right .subbox:last-child { margin-right: 0; }

.main-right .subbox .title { padding-left: 30px; color: #5d5f9d; }

.main-right .subbox .title .icon { position: absolute; left: 20px; top: 23px; width: 24px; height: 24px; background: url("/assets/image/img.png") no-repeat -135px 0; }

.main-right .subbox.-contact .icon { background-position: -165px 0; }

.main-right .newslist { width: 100%; margin: 20px 0 0 0; }

.main-right .newslist:last-child { margin-right: 0; }

.main-right .newslist li { float: left; width: 100%; line-height: 24px; }

.main-right .newslist li .txt { float: left; width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.main-right .newslist li .time { float: right; width: 80px; }

.main-box { position: relative; float: left; width: 100%; margin: 0 0 20px 0; background: #fff; border: 1px solid #ddd; padding: 20px; box-sizing: border-box; }

.main-box:first-child { margin-top: 20px; }

.main-box.-common .title .icon { background-position: -195px 0; }

.main-box .title { padding-left: 30px; color: #5d5f9d; }

.main-box .title .icon { position: absolute; left: 20px; top: 23px; width: 24px; height: 24px; background: url("/assets/image/img.png") no-repeat -135px 0; }

.main-box .right-btn { position: absolute; top: 20px; right: 20px; }

.main-box .right-btn #srcollbtn1 { float: left; width: 0; height: 0; border-width: 8px 8px 8px 0; border-style: solid; border-color: transparent #414141 transparent transparent; position: relative; cursor: pointer; }

.main-box .right-btn #srcollbtn2 { float: right; margin-left: 10px; width: 0; height: 0; border-width: 8px 0 8px 8px; border-style: solid; border-color: transparent transparent transparent #414141; position: relative; cursor: pointer; }

.main-box #srcollDiv { width: 900px; height: 464px; margin: 20px auto; position: relative; overflow: hidden; }

.main-box #srcollDiv #ul1 { position: absolute; left: 0; top: 0; overflow: hidden; }

.main-box #srcollDiv #ul1 li { float: left; width: 160px; height: 464px; margin-right: 10px; text-align: center; border: 1px solid #ebebeb; box-sizing: border-box; vertical-align: middle; }

.main-box #srcollDiv #ul1 li .txt { height: 300px; padding: 10px; box-sizing: border-box; word-break: break-all; word-wrap: break-word; background: #ebebeb; /*text-overflow: clip; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;  //这里是在第二行有省略号 overflow: hidden;*/ line-height: 21px; text-align: left; }

.main-box #srcollDiv #ul1 li img { max-width: 160px; max-height: 160px; }

.main-box .newsUl { float: left; width: 440px; margin: 20px 20px 0 20px; }

.main-box .newsUl:last-child { margin-right: 0; }

.main-box .newsUl li { float: left; line-height: 24px; list-style: none; }

.main-box .newsUl li .txt { float: left; width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.main-box .newsUl li .time { float: right; margin-left: 18px; width: 100px; }

.main-box .friendlinkUl { margin-top: 20px; }

.main-box .friendlinkUl li { float: left; height: 40px; margin: 0 10px; list-style: none; }

.main-box .friendlinkUl li img { height: 40px; }

.top-bg { float: left; width: 100%; height: 40px; line-height: 40px; background: #333; font-size: 14px; color: #fff; }

.top-bg a { color: #fff; /*&:hover { text-decoration: underline; }*/ }

.top-bg .main .nav { float: left; width: 60%; }

.top-bg .main .nav li { display: inline-block; margin-right: 10px; color: #fff; }

.top-bg .main .top-left { float: left; }

.top-bg .main .top-left .layui-icon-cellphone-fine { font-size: 18px; }

.top-bg .main .top-left .Num { color: #8bbdff; font-size: 18px; font-weight: bold; }

.top-bg .main .top-right { float: right; }

.top-bg .main .top-right .layui-nav-child { top: 40px; }

.top-bg .main .top-right .layui-nav-item.-wechart { height: 40px; }

.top-bg .main .top-right .icon-wechart { float: right; position: relative; width: 24px; height: 20px; margin: 10px 0 0 0; background: url(/assets/image/img.png) no-repeat 0 -165px; }

.top-bg .main .top-right .icon-wechart .wechatbox { position: absolute; top: 36px; left: -123px; padding: 20px; display: none; background: #fff; z-index: 10; box-shadow: 0 0 5px #666; }

.top-bg .main .top-right .icon-wechart .arrow { width: 0; height: 0; border-width: 0 10px 10px 10px; border-style: solid; border-color: transparent transparent #ccc transparent; position: absolute; top: 26px; left: 0; z-index: 11; display: none; }

.top-bg .main .top-right .icon-wechart:hover .wechatbox { display: block; }

.top-bg .main .top-right .icon-wechart:hover .arrow { display: block; }

.logo-bg { display: inline-block; width: 100%; height: 160px; background: #fff; }

.logo-bg .logo { display: inline-block; margin-top: 40px; width: 310px; height: 80px; background: url(/assets/image/img.png) no-repeat 0 -200px; }

.logo-bg .search { float: right; max-width: 500px; margin-top: 60px; }

.logo-bg .tel { float: right; position: relative; padding-left: 40px; margin-top: 48px; }

.logo-bg .tel .icon-tel { position: absolute; top: 7px; left: 0; width: 30px; height: 30px; background: url(/assets/image/img.png) no-repeat -30px -157px; }

.logo-bg .tel .tel-line { display: block; line-height: 30px; color: #414141; }

.logo-bg .tel .tel-line .txt { display: inline-block; width: 100px; }

.logo-bg .tel .tel-line .green { color: #21a095; font-size: 18px; }

.user-bg { width: 100%; min-height: 370px; background: #dcf2fa; padding: 60px 0; }

.user-bg .tab-body { background: #fff; }

.user-bg .tab-body .login-box { width: 900px; margin: 0 auto; padding: 20px 0; }

.user-bg .tab-body .login-box .title { font-size: 18px; text-align: center; }

.user-bg .tab-body .login-box .tr { margin-bottom: 20px; }

.user-bg .layui-main .layui-tab-title { border-bottom: 1px solid #218aa0; }

.user-bg .layui-main .layui-tab-title li { display: inline-block; padding: 0 45px; margin-right: 20px; margin-bottom: -1px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-color: #218aa0; border-width: 1px; border-style: solid; line-height: 40px; background: #f1f1f1; cursor: pointer; }

.user-bg .layui-main .layui-tab-title li:hover { background: #fff; }

.user-bg .layui-main .layui-tab-title li.layui-this { background: #218aa0; color: #fff; font-weight: bold; }

.user-bg .layui-main .layui-tab-content { position: relative; background: #fff; border: 1px solid #218aa0; padding: 0; min-height: 400px; }

.user-bg .layui-main .layui-tab-content .sidebar { position: absolute; left: 0; top: 0; bottom: 0; width: 156px; line-height: 24px; border-right: 1px solid #218aa0; padding: 10px 0; }

.user-bg .layui-main .layui-tab-content .sidebar li { position: relative; padding: 10px 15px 10px 40px; }

.user-bg .layui-main .layui-tab-content .sidebar li:hover { background: #ebebeb; }

.user-bg .layui-main .layui-tab-content .sidebar li.layui-this { background: #218aa0; font-weight: bold; }

.user-bg .layui-main .layui-tab-content .sidebar li.layui-this a { color: #fff !important; }

.user-bg .layui-main .layui-tab-content .sidebar li .icon { position: absolute; top: 13px; left: 15px; width: 20px; height: 20px; background: url(/assets/image/userCenter/img.png) no-repeat 0 0; }

.user-bg .layui-main .layui-tab-content .sidebar li .icon.one { background-position: 0 -35px; }

.user-bg .layui-main .layui-tab-content .sidebar li .icon.two { background-position: 0 -72px; }

.user-bg .layui-main .layui-tab-content .sidebar li .icon.three { background-position: 0 -109px; }

.user-bg .layui-main .layui-tab-content .sidebar li .icon.four { background-position: 0 -145px; }

.user-bg .layui-main .layui-tab-content .sidebar li .icon.five { background-position: 0 -180px; }

.user-bg .layui-main .layui-tab-content .sidebar li .icon.six { background-position: 0 -217px; }

.user-bg .layui-main .layui-tab-content .sidebar li .icon.seven { background-position: 0 -252px; }

.user-bg .layui-main .layui-tab-content .content { position: relative; left: 157px; top: 0; right: 0; bottom: 0; width: 980px; font-size: 12px; }

.user-bg .layui-main .layui-tab-content .content .leftbox { position: relative; width: 255px; padding: 20px; margin: 20px 0 0 20px; border: 1px solid #dcf2fa; background: #fff; box-sizing: border-box; }

.user-bg .layui-main .layui-tab-content .content .leftbox .head-portrait { width: 80px; height: 80px; overflow: hidden; }

.user-bg .layui-main .layui-tab-content .content .leftbox .head-portrait img { width: 80px; }

.user-bg .layui-main .layui-tab-content .content .leftbox .operation { position: absolute; right: 20px; top: 20px; width: 56px; }

.user-bg .layui-main .layui-tab-content .content .leftbox .operation a { display: inline-block; color: #218aa0; line-height: 24px; }

.user-bg .layui-main .layui-tab-content .content .leftbox .title { margin: 20px 0 17px 0; font-size: 14px; line-height: 18px; }

.user-bg .layui-main .layui-tab-content .content .leftbox .time { color: #888; line-height: 12px; }

.user-bg .layui-main .layui-tab-content .content .rightbox { position: absolute; left: 295px; top: 0; width: 558px; }

.user-bg .layui-main .layui-tab-content .content .rightbox .subbox { display: inline-block; width: 255px; height: 84px; margin: 0 17px 17px 0; background: #dcf2fa; }

.user-bg .layui-main .layui-tab-content .content .rightbox .subbox .left { float: left; width: 160px; }

.user-bg .layui-main .layui-tab-content .content .rightbox .subbox .left .name { font-size: 14px; margin: 20px 0 0 20px; color: #414141; }

.user-bg .layui-main .layui-tab-content .content .rightbox .subbox .left .operation { margin: 10px 0 0 20px; }

.user-bg .layui-main .layui-tab-content .content .rightbox .subbox .left .operation a { display: inline-block; margin-right: 10px; color: #218aa0; line-height: 12px; }

.user-bg .layui-main .layui-tab-content .content .rightbox .subbox .right { float: right; margin: 20px 20px 0 0; color: #ed9028; font-size: 30px; }

.user-bg .layui-main .layui-tab-content .login-box { width: 800px; margin: 0 auto; padding: 30px 0; }

.user-bg .layui-main .layui-tab-content .login-box .title { font-size: 18px; text-align: center; }

.user-bg .layui-main .layui-tab-content .login-box .txt { float: left; width: 66px; text-align: right; margin: 0 10px 0 0; line-height: 32px; }

.user-bg .layui-main .layui-tab-content .login-box .pswbox { margin-top: 10px; color: #414141; }

.user-bg .layui-main .layui-tab-content .login-box .pswbox a { color: #218aa0; }

.user-bg .layui-main .layui-tab-content .login-box .pswbox .left { float: left; }

.user-bg .layui-main .layui-tab-content .login-box .pswbox .right { float: right; }

.user-bg .layui-main .layui-tab-content .login-box .tipsbox { width: 100%; margin: 20px 0; text-align: center; }

.user-bg .layui-main .layui-tab-content .login-box .commonbtn { width: 200px; }

.user-bg .layui-main .layui-tab-card .layui-tab-title { border-bottom: 1px solid #ccc; background: none; }

.user-bg .layui-main .layui-tab-card .layui-tab-title li { border: 0; background: none; }

.user-bg .layui-main .layui-tab-card .layui-tab-title li.layui-this { border: 1px solid #ccc; background: #fff; color: #414141; }

.user-bg .layui-main .layui-tab-card .layui-tab-content { border: 0; }

.login-bg, .reg-bg { width: 100%; height: 540px; background: url(/assets/image/userCenter/bg.jpg) no-repeat center #0f5fb8; }

.login-bg .main, .reg-bg .main { position: relative; }

.login-bg .main .login-box, .reg-bg .main .login-box { position: absolute; top: 50%; right: 0; margin-top: -215px; width: 260px; height: 370px; padding: 30px; background: #fff; border: 1px solid #ccc; border-radius: 3px; }

.login-bg .main .login-box .title, .reg-bg .main .login-box .title { font-size: 18px; text-align: center; }

.login-bg .main .login-box .txt, .reg-bg .main .login-box .txt { margin: 20px 0 10px 0; }

.login-bg .main .login-box .pswbox, .reg-bg .main .login-box .pswbox { margin-top: 10px; color: #414141; }

.login-bg .main .login-box .pswbox a, .reg-bg .main .login-box .pswbox a { color: #218aa0; }

.login-bg .main .login-box .pswbox .left, .reg-bg .main .login-box .pswbox .left { float: left; }

.login-bg .main .login-box .pswbox .right, .reg-bg .main .login-box .pswbox .right { float: right; }

.login-bg .main .login-box .tipsbox, .reg-bg .main .login-box .tipsbox { width: 100%; margin: 20px 0; text-align: center; }

.reg-bg { height: 740px; background: url(/assets/image/userCenter/reg-bg.jpg) no-repeat center #0f5fb8; }

.reg-bg .main .login-box { width: 360px; height: 530px; margin-top: -295px; }

.reg-bg .main .login-box .commoninput { width: 100%; }

.reg-bg .main .login-box .commoninput.code { width: 220px; }

.reg-bg .main .login-box .codeimg { position: relative; top: 5px; width: 100px; height: 32px; overflow: hidden; }

.reg-bg .main .login-box .codeimg img { width: 100px; margin-top: 5px; }

.reg-bg .main .login-box.forget { width: 360px; height: 440px; margin-top: -260px; }

a.login { position: relative; display: inline-block; margin-right: 20px; padding-left: 30px; color: #fff; }

a.login:last-child { margin-right: 0; }

a.login .icon-login, a.login .icon-reg { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(/assets/image/img.png) no-repeat 0 -330px; }

a.login .icon-reg { background-position: -26px -330px; }

.layui-carousel { text-align: center; }

.layui-carousel .ad1 { background: #2577e3; }

.layui-carousel .ad2 { background: red; }

.layui-carousel .ad3 { background: green; }

.layui-carousel .main { position: relative; top: -360px; z-index: 10; }

.layui-carousel .main .sign-up { position: absolute; top: 50%; right: 0; width: 240px; height: 200px; padding: 30px; margin: -130px 0 0 0; background: rgba(37, 119, 227, 0.36); box-shadow: 0 0 15px #333; }

.layui-carousel .main .sign-up .title { text-align: left; line-height: 30px; color: #fff; }

.layui-carousel .main .sign-up .title strong { font-size: 18px; color: #ed9028; }

.layui-carousel .main .sign-up .title strong.font24 { font-size: 24px; }

.bigbox { margin: 20px 0; background: #fff; border: 1px solid #ebebeb; }

.bigbox .box-title { height: 40px; line-height: 40px; padding: 0 20px; border-bottom: 1px solid #ebebeb; border-left: 3px solid #2577e3; }

.bigbox .box-title .title { font-size: 18px; color: #333; }

.bigbox .box-title .text { margin-left: 20px; font-size: 14px; color: #999; }

.bigbox .box-title a { float: right; color: #2577e3; }

.bigbox.linkbox { margin-top: 0; display: inline-block; width: 558px; }

.bigbox.linkbox .link-content { margin: 20px; }

.bigbox.linkbox .link-content a { display: inline-block; margin: 0 30px 20px 0; white-space: nowrap; }

.bigbox.linkbox .link-content a img { max-width: 120px; max-height: 40px; }

.bigbox.linkbox .link-content.pater a { margin-right: 50px; }

.bigbox.linkbox .link-content.pater a:nth-child(3n+3) { margin-right: 0; }

.recent-box { display: inline-block; width: 284px; padding: 30px; border-right: 1px solid #ebebeb; box-sizing: border-box; margin-right: -3px; }

.recent-box:hover { box-shadow: 0 0 8px #ccc; }

.recent-box .recent-title { width: 160px; font-size: 18px; color: #414141; }

.recent-box .recent-time { margin-top: 40px; text-align: center; font-size: 18px; color: #ff6600; }

.recent-box .recent-addres { margin-top: 30px; color: #999; text-align: center; }

.tj-box { display: inline-block; width: 250px; margin: 20px 5px 20px 20px; }

.tj-box .tj-pic { display: inline-block; width: 250px; height: 140px; padding: 2px; border: 1px solid #ebebeb; text-align: center; padding: 2px; }

.tj-box .tj-pic img { max-width: 250px; }

.tj-box .tj-title { margin-top: 7px; font-weight: bold; line-height: 20px; }

.tj-box .tj-bottom { margin-top: 7px; color: #999; }

.tj-box.playback .tj-pic { position: relative; opacity: .7; }

.tj-box.playback .tj-pic:hover { opacity: 1; box-shadow: 0 0 5px #ccc; }

.tj-box.playback .tj-pic:hover span { font-size: 48px; margin: -24px 0 0 -24px; }

.tj-box.playback .tj-pic span { position: absolute; top: 50%; left: 50%; font-size: 32px; margin: -16px 0 0 -16px; color: #fff; }

.tg-left { display: inline-block; width: 665px; margin: 20px 0 20px 20px; padding-right: 20px; border-right: 1px solid #ebebeb; }

.tg-left .tg-pic { float: left; width: 171px; height: 114px; overflow: hidden; }

.tg-left .tg-pic img { max-width: 167px; }

.tg-left .tg-subbox { float: left; width: 470px; margin-left: 20px; }

.tg-left .tg-subbox .tg-title { font-weight: bold; line-height: 18px; }

.tg-left .tg-subbox .tg-content { margin-top: 10px; line-height: 18px; height: 40px; color: #888; }

.tg-left .tg-subbox .tg-time { margin-top: 3px; font-size: 12px; line-height: 18px; }

.tg-right { float: right; width: 375px; margin: 20px 20px 20px 0; }

.tg-right li { width: 375px; line-height: 24px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.search-big-box { margin: 20px 0; padding: 10px 20px 20px 20px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; font-size: 14px; }

.search-big-box .search-box { display: block; overflow: hidden; line-height: 36px; border-bottom: 1px solid #f1f1f1; }

.search-big-box .search-box .search-text a { margin-right: 20px; color: #758dc6; }

.search-big-box .search-box .search-text a.this { padding: 0 10px 2px 10px; color: #fff; background: #f23c00; border-radius: 5px; }

.search-big-box .search-box .search-text a:hover { color: #f23c00; }

.search-big-box .undo { color: #f23c00; line-height: 16px; padding: 3px 15px; opacity: .8; }

.search-big-box .undo:hover { opacity: 1; }

.news-box { background: #fff; height: 140px; padding: 20px; border: 1px solid #ebebeb; border-bottom: 0; }

.news-box:hover { background: #d5e7ff; }

.news-box img { overflow: hidden; max-width: 220px; max-height: 140px; height: auto; }

.news-box .news-box-right { margin-left: 20px; width: 740px; height: 140px; }

.news-box .news-box-right .news-title { display: block; overflow: hidden; height: 40px; margin-bottom: 10px; font-size: 18px; line-height: 24px; color: #1E9FFF; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; }

.news-box .news-box-right .news-text { display: block; overflow: hidden; height: 40px; color: #888; line-height: 20px; white-space: normal; text-overflow: ellipsis; }

.news-box .news-box-right .news-address { display: block; margin-top: 10px; width: 100%; color: #333; }

.news-box .news-box-time { border: 1px solid #ccc; width: 100px; padding: 0 0 10px 0; text-align: center; }

.news-box .news-box-time .font60 { font-size: 60px; }

.news-box .news-box-time .font20 { font-size: 20px; }

.bg-box { display: inline-block; width: 100%; background: #fff; }

.about-left { float: left; margin: 40px 0; background: #f1f1f1; width: 161px; font-size: 12px; padding: 0 0 20px 0; text-align: left; margin-bottom: 20px; }

.about-left .about-this { display: block; overflow: hidden; padding-left: 20px; border-bottom: 1px solid #ccc; }

.about-left a { display: inline-block; width: 100%; padding-left: 20px; line-height: 30px; box-sizing: border-box; }

.about-left a:hover { background: #fff; }

.about-left .class-on { background: #fff; border-left: 5px solid #1E9FFF; padding-left: 15px; color: #1E9FFF; font-weight: bold; font-size: 14px; }

.about-left .about-frist { display: inline-block; width: 100%; font-weight: bold; font-size: 14px; padding-left: 20px; border-bottom: 1px solid #414141; box-sizing: border-box; line-height: 40px; color: #414141; margin: 10px 0; }

.about-left .about-frist .layui-icon { font-size: 16px; margin-right: 10px; }

.about-right { float: left; margin: 40px 0; background: #fff; min-height: 600px; width: 977px; border: 1px solid #ebebeb; }

.about-right .about-title { position: relative; margin: 20px; width: 939px; font-weight: bold; height: 20px; border-bottom: 1px solid #414141; }

.about-right .about-title:first-child { margin-top: 0; }

.about-right .about-title span { position: absolute; top: 10px; left: 20px; background: #fff; font-size: 16px; }

.about-right .about-text { padding: 20px; line-height: 22px; }

.video-bg { display: block; overflow: hidden; background: #414141; padding: 20px 0; }

.video-bg .playbox { width: 640px; height: 480px; }

.video-bg .playinfo { margin-left: 20px; color: #fff; }

.video-bg .playinfo .playinfo-text { display: block; overflow: hidden; margin-top: 20px; }

.video-bg .playinfo .playinfo-text .slan { float: left; width: 84px; text-align: right; }

.video-bg .playinfo .playinfo-text .wraperl-xs { color: #1E9FFF; }

.sharebox { display: block; overflow: hidden; padding: 30px 0; background: #d5e7ff; }

.sharebox a { color: #414141; }

.sharebox .vmanage { width: 160px; }

.sharebox .vmanage .layui-icon { margin: 3px 10px 0 0; }