/*全局设置*/
html {
    /*min-width: 1280px;*/
    font-size: 14px;
}

body {
    background-color: #edf1f5;
}

iframe {
    width: 100%;
    height: 100%;
    border: none;
}

a:hover {
    cursor: pointer;
}

input::-webkit-input-placeholder {
    color: #bbb;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-text-fill-color: #333 !important;
    background-color: transparent;
    transition: background-color 50000s ease-in-out 0s;
}

.layui-body {
    left: 199px;
    right: -1px;
}

.layui-layout-admin .layui-body {
    top: 55px;
    bottom: 0;
}

.layui-card {
    box-shadow: none;
}

.layui-form-select dl dd.layui-this {
    background-color: #057BD7;
}

.layui-input, .layui-select {
    height: 34px;
    line-height: 34px;
}

.layui-btn {
    border-radius: 3px;
}

.layui-btn-sm {
    font-size: 14px;
}

.layui-form-checked span, .layui-form-checked:hover span {
    background-color: #057BD7;
}

.layui-form-checked i, .layui-form-checked:hover i {
    color: #057BD7;
}

.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #057BD7;
}

.layui-form-onswitch {
    border-color: #057BD7;
    background-color: #057BD7;
    margin: 6px 0;
}

.layui-form-checked[lay-skin=primary] i {
    background-color: #057BD7;
    border-color: #057BD7 !important;
}

.layui-form-checked[lay-skin=primary] i:hover {
    border-color: #057BD7 !important;
}

.layui-layer-dialog .layui-layer-padding {
    text-align: center !important;
}

.edui-default .edui-editor {
    width: 100% !important;
}

.layui-select-disabled .layui-disabled {
    color: #333 !important;
}

.layui-laydate .layui-laydate-content .layui-this {
    background-color: #057BD7 !important;
}

.laydate-footer-btns span:hover {
    color: #057BD7 !important;
}

.layui-laypage a:hover{
    color: #057BD7;
}

/*.layui-table-page{
    text-align: center;
}*/

.rm {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    margin-right: 5px;
    text-align: center;
}

/*三级菜单*/
.layui-side .layui-nav .layui-nav-item .now-select-menu .layui-nav-child a {
    background: none;
}

.layui-side .layui-nav .layui-nav-item .now-select-menu .layui-nav-child a:hover {
    background: #4D5366;
}

.layui-side .layui-nav .layui-nav-item .now-select-menu .layui-nav-child .layui-this a {
    color: #00bbff;
    background: #303440;
}

/* 颜色 */
.bg-red {
    background: #ff4848;
    background: linear-gradient(90deg, #ff4848, #ff6666);
}

.bg-yellow {
    background: #ff8800;
    background: linear-gradient(90deg, #ff8800, #ffaa00);
    background: #057BD7;
    background: linear-gradient(90deg, #057BD7, #057BD7);
}

.bg-orange {
    background: #ff8800;
    background: linear-gradient(90deg, #ff8800, #ffaa00);
}

.bg-green {
    background: #66cc00;
    background: linear-gradient(90deg, #66cc00, #85cc00);
    /*background: #057BD7;
    background: linear-gradient(90deg, #057BD7, #057BD7);*/
}

.bg-blue {
    background: #057BD7;
    background: linear-gradient(90deg, #057BD7, #057BD7);
    background: #057BD7;
}

.bg-gray {
    background: #fff;
    background: linear-gradient(90deg, #f5f5f5, #fff);
    border: 1px solid #ccc;
    color: #333;
}

.bg-gray:hover {
    color: #333;
    background: #fff;
}

.bg-white {
    background-color: transparent;
    border: none;
    color: #333;
    padding: 0 7px 0 5px;
    font-size: 14px !important;
    transition: background-color 0.5s;
    text-align: center;
}

.bg-white i {
    margin: 0 2px 0 0;
}

.bg-white:hover {
    color: #000;
    background: #fff;
    cursor: pointer;
}

.hover-blue i {
    color: #057BD7;
}

.hover-blue:hover {
    background-color: #057BD7;
    color: #fff;
    transition: background-color 0s;
}

.hover-blue:hover i {
    color: #fff;
}

.hover-yellow i {
    color: #ff8800;
}

.hover-yellow:hover {
    background-color: #ff8800;
    color: #fff;
    transition: background-color 0s;
}

.hover-yellow:hover i {
    color: #fff;
}

.hover-red i {
    color: #ff4848;
}

.hover-red:hover {
    background-color: #ff4848;
    color: #fff;
    transition: background-color 0s;
}

.hover-red:hover i {
    color: #fff;
}

.hover-green i {
    color: #66cc00;
}

.hover-green:hover {
    background-color: #66cc00;
    color: #fff;
    transition: background-color 0s;
}

.hover-green:hover i {
    color: #fff;
}

/*描边按钮*/
.border-blue {
    border: 1px solid #057BD7;
    background-color: #fff;
    color: #057BD7;
}

.border-blue:hover {
    background-color: #057BD7;
}

.border-yellow {
    border: 1px solid #ff8800;
    background-color: #fff;
    color: #ff8800;
}

.border-yellow:hover {
    background-color: #ff8800;
}

.border-red {
    border: 1px solid #ff4848;
    background-color: #fff;
    color: #ff4848;
}

.border-red:hover {
    background-color: #ff4848;
}

.border-green {
    border: 1px solid #66cc00;
    background-color: #fff;
    color: #66cc00;
}

.border-green:hover {
    background-color: #66cc00;
}

.border-gray {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
}

.border-gray:hover {
    background-color: #057BD7;
    background: linear-gradient(90deg, #057BD7, #057BD7);
    border-color: #057BD7;
}

/*提示*/
.tips {
    width: 100%;
    width: calc(100% - 40px);
    line-height: 24px;
    font-size: 15px;
    letter-spacing: 2px;
    color: #333;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 8px 20px;
    margin: 10px 20px;
    text-align: justify;
}

.tips-red {
    border: 1px solid #ffa3a3;
    background-color: #fff1f0;
    color: #ff4848;
}

.tips-red .rm {
    color: #ff4848;
}

.tips-yellow {
    border: 1px solid #ffe28c;
    background-color: #fffbe6;
    color: #ff8800;
}

.tips-yellow .rm {
    color: #ff8800;
}

.tips-green {
    border: 1px solid #b7eb8f;
    background-color: #f6ffed;
    color: #66cc00;
}

.tips-green .rm {
    color: #66cc00;
}

.tips-blue {
    border: 1px solid #91d5ff;
    background-color: #e6f7ff;
    color: #177ee5;
}

.tips-blue .rm {
    color: #177ee5;
}

.tips-hover {
    color: #ff4848 !important;
}

/*顶部栏*/
.layui-header {
    height: 55px;
    background: linear-gradient(180deg, #00bbff, #057BD7);
    background: url(../img/index_top_bg08.jpg) no-repeat center;
    background-size: 100% 100%;
}

.layui-layout-admin .layui-logo {
    width: auto;
}

.layui-header .logo-box {
    height: 55px;
    float: left;
    margin-right: 10px;
}

.layui-header .logo-box img {
    height: 49px;
    float: left;
    margin: 3px;
}

.layui-header .layui-layout-right {
    padding-right: 0px;
}

.layui-header .layui-nav-item {
    line-height: 55px;
}

.layui-header .layui-nav-item a {
    color: #fff;
}

.layui-header .layui-nav-child {
    top: 55px;
}

.layui-header .layui-nav-child dd a {
    color: #333;
    text-align: center;
}

.layui-header .layui-nav-child dd.layui-this, .layui-header .layui-nav-child dd.layui-this a {
    background-color: transparent;
    color: #333;
}

.layui-header .layui-nav-child dd a:hover, .layui-header .layui-nav-child dd.layui-this a:hover {
    background-color: #057BD7;
    color: #fff;
}

.layui-header .layui-nav-bar {
    display: none;
}

.header-time {
    line-height: 55px;
    color: #fff;
    padding-left: 20px;
    font-size: 1.1rem;
    font-weight: normal;
    float: left;
}

.header-time i {
    font-size: 1.5rem;
}

.header-time a {
    color: #fff;
    margin-right: 10px;
    cursor: pointer;
}

.header-time a:hover {
    opacity: 0.6;
}

/*导航栏*/
.layui-layout-admin .layui-side {
    top: 55px;
    padding-top: 0px;
    background-color: #393D49;
}

.layui-side-scroll::-webkit-scrollbar {
    display: none;
}

.layui-side .layui-nav-bar {
    max-height: 45px !important;
    background-color: #057BD7 !important;
}

.layui-side .layui-nav .layui-nav-item a {
    height: 45px;
    line-height: 45px;
}

.layui-side .layui-nav .layui-nav-item .now-select-menu a {
    background-color: #057BD7;
    color: #fff
}

.layui-side .layui-nav-tree .layui-nav-child {
    padding: 10px 0;
}

.layui-side .layui-nav-tree .layui-nav-child a {
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 45px;
}

.layui-side .layui-nav-tree .layui-nav-child a:hover {
    background-color: #4d5366;
}

.layui-side .rm {
    font-size: 18px;
}

/*标签栏*/
.kit-tab {
    margin: 0;
    position: relative;
    border-bottom: 0;
    box-shadow: none;
}

.kit-tab .layui-show {
    height: 100%;
}

.kit-tab .layui-tab-title {
    width: calc(100% - 80px);
    height: 44px;
    padding-right: 0;
    position: absolute;
    z-index: 2;
    background-color: #fff !important;
    border-color: #edf1f5;
}

.kit-tab .layui-tab-title li {
    line-height: 45px;
}

.kit-tab .layui-tab-title .layui-this {
    background-color: #edf1f5;
    color: #057BD7;
    font-weight: bold;
    margin-top: -1px;
}

.kit-tab .layui-tab-title .layui-this:after {
    border-bottom: none;
}

.kit-tab .kit-tab-tool {
    position: absolute;
    width: 70px;
    height: 44px;
    padding-left: 10px;
    top: 0;
    right: 0;
    border-bottom: 1px solid #e2e2e2;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    z-index: 999;
}

.kit-tab .kit-tab-tool:hover {
    background-color: #f3f3f3;
}

.kit-tab .kit-tab-tool-body {
    position: absolute;
    top: 44px;
    right: 0px;
    width: 150px;
    border: 1px solid #e2e2e2;
    display: none;
    background-color: white;
    z-index: 999;
}

.kit-tab .kit-tab-tool-body ul {
    text-align: center;
}

.kit-tab .kit-tab-tool-body ul li.kit-item {
    line-height: 44px;
    cursor: pointer;
    color: #393D49;
}

.kit-tab .kit-tab-tool-body ul li.kit-item:hover {
    background-color: #f3f3f3;
}

.kit-tab .kit-tab-tool-body .kit-line {
    border-bottom: 1px solid #e2e2e2;
}

.kit-tab .layui-tab-content {
    height: calc(100vh - 100px);
    padding: 0;
    position: relative;
    top: 44px;
    overflow: hidden
}

.layui-tab-card > .layui-tab-title .layui-tab-bar {
    height: 45px;
    line-height: 45px;
}

.layui-tab-more {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

/*遮罩覆盖完全*/
.kit-tab .layui-tab-content iframe {
    width: 100%;
    height: 100% !important;
    border: 0;
}

/*内容栏*/
.layui-fluid {
    padding: 15px;
}

.layui-card {
    padding: 0;
    background-color: transparent;
}

.layui-card-body {
    padding: 15px 20px;
    overflow: visible;
    position: relative;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 66, 128, 0.1);
    border-radius: 5px;
    display: block;
}

.search-body {
    padding: 5px 20px 2px 20px;
    /*background: linear-gradient(45deg,#fff,#e5f4ff,#fff,#e5f4ff,#fff);
    border: 1px solid #fff;*/
    /*border-top: 3px solid #057BD7;*/
    /*border-left: 4px solid #057BD7;
    border-right: 4px solid #057BD7;*/
    border-radius: 5px;
}

.layui-card-header {
    background-color: #fff;
    background: linear-gradient(0deg, #f8f8f8, #fff, #fff);
    font-size: 16px;
    border-bottom: 1px solid #eee;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
}

.layui-card-header p {
    height: 16px;
    /*border-left: 6px solid #0095ff;*/
    width: 200px;
    float: left;
    font-weight: bold;
    font-size: 15px;
}

.layui-card-header p .rm {
    font-size: 20px;
    color: #057BD7;
    margin-right: 10px;
    font-weight: normal;
}

.layui-card-header .layui-btn {
    height: 30px;
    line-height: 30px;
    margin: 10px 0 10px 15px;
    float: right;
    padding-left: 10px;
}

/* 搜索栏 */
.input-box {
    width: 98%;
    display: inline-block;
    z-index: 99;
    overflow: visible;
    transition: height ease-in-out 0.2s;
    text-align: left;
    font-size: 0;
}

.search-box {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.input-box .layui-form-label {
    width: 125px;
    padding: 0 10px 0 0;
    box-sizing: border-box;
    border: 1px solid #d9d9d9;
    border: 1px solid #fff;
    border-right: none;
    line-height: 34px;
    height: 34px;
    font-size: 14px;
    color: #555;
    margin: 0;
    overflow: hidden;
    background-color: #fff;
    /*background-color: #f2faff;*/
    text-align: right;
}

.label-two{
    overflow: visible!important;
    line-height: 18px!important;
}

.search-box .layui-form-label {
    padding: 0;
    border: 1px solid #d9d9d9;
    background-color: #f8f8f8;
    text-align: center;
    border-right: none;
}

.input-box .layui-form-label i {
    width: 10px;
    margin: 0 5px 0 0;
    color: #ff4848;
    font-size: 12px;
}

.input-box .layui-input-inline, .input-box .layui-input-block {
    width: calc(100% - 125px);
    margin: 0;
    float: left;
    box-sizing: border-box;
}

.input-box .layui-input-inline input, .input-box .layui-input-block input, .input-box textarea {
    color: #36494d;
    font-size: 15px;
    font-weight: bold !important;
    border-color: #ddd;
}

.input-box textarea {
    padding: 10px;
}

.input-box .layui-textarea::-webkit-input-placeholder {
    color: #bbb;
}

.input-box .layui-input-inline input[disabled], .input-box .layui-input-block input[disabled] {
    background-color: #f0f4f5;
}

.input-box .select-border {
    /*border-left: 1px solid #d9d9d9;*/
    text-align: left;
}

.input-box .select-border .layui-form-radio {
    margin: 4px 0px 4px 10px;
}

.input-box .select-border .layui-form-checkbox {
    margin: 3px 0 3px 10px;
}

.input-box .to {
    float: left;
    width: 15px;
    padding: 0;
    text-align: center;
    color: #999;
    background-color: transparent;
    border: none;
}

.input-box .search-time {
    width: calc(50% - 70px);
}

.input-box .has-btn {
    width: calc(100% - 210px);
}

.input-box .has-unit {
    width: calc(100% - 175px);
}

.input-box .unit {
    width: 50px;
    border: 1px solid #ddd!important;
    border-left: none!important;
    box-sizing: border-box;
    text-align: center!important;
    padding: 0!important;
}

.input-box .input-item {
    margin: 0 0 15px 0;
    padding: 0 15px;
    box-sizing: border-box;
    float: none;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

@media screen and (min-width: 1000px) and (max-width: 1400px) {
    .layui-col-lg3 {
        width: 33.3%;
    }
}

.input-box .hide {
    display: none;
}

.input-box .search-btn {
    /*float: right;*/
    text-align: left;
    padding: 0 0 0 20px;
}

.search-btn .layui-btn {
    height: 34px;
    line-height: 34px;
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 0 15px 0 10px;
    vertical-align: top;
}

.search-btn .poster-btn {
    font-size: 14px;
    display: inline-block;
    line-height: 34px;
    color: #057BD7;
    cursor: pointer;
    /*padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #057BD7;*/
}

.search-btn .poster-btn .rm {
    font-size: 30px;
    margin: 0 0 0 5px;
}

/* 搜索栏-适配 */
/*.input-box{ margin-top: -5px;}
.input-box .layui-form-label{ width: 100%; text-align: left; margin-bottom: -3px; padding-left: 10px;}
.input-box .layui-input-inline,.input-box .layui-input-block{ width: 100%;}
.input-box .to{ width: 20px; text-align: center; padding: 0;}
.input-box .search-time{ width: calc(50% - 10px);}
.input-box .layui-col-xs12{ margin-bottom: 10px;}
.search-btn{ text-align: left; overflow: hidden;}
.search-btn .layui-btn{ margin: 35px 15px 0 0; float: left;}
.search-btn .poster-btn{ margin: 35px 0 0 0; float: left;}
@media screen and (min-width: 1200px){
	.layui-col-lg3 { width: 25%;}
}
@media screen and (min-width: 768px){
	.layui-col-sm6 { width: 33.3%;}
}*/
/*表格操作*/
.operate-box {
    width: 100%;
    overflow: hidden;
    /*border-top: 1px dashed #ddd;*/
    padding: 15px 0px 5px 0px;
    position: relative;
    box-sizing: border-box;
}

.operate-box .line {
    top: 28px;
}

.operate-box .layui-btn {
    border-radius: 20px;
    padding: 0 15px;
}

.operate-left {
    /*width: 50%;*/
    float: left;
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding-right: 10px;
}

.operate-title {
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    float: left;
    margin-right: 20px;
}

.operate-title .rm {
    font-size: 18px;
    font-weight: normal;
    color: #057BD7;
}

.operate-right {
    /*width: 50%;*/
    float: right;
    text-align: right;
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding-left: 10px;
}

.operate-right a {
    margin-left: 20px;
    float: right;
}

.operate-right p {
    color: #333;
    margin: 0 5px 0 15px;
    display: inline-block;
    line-height: 30px;
}

.operate-right p big {
    color: #ff6600;
    margin: 0 5px;
    font-weight: bold;
}

/*@media screen and (max-width: 850px) {
    .operate-left, .operate-right {
        width: 100%;
    }
}*/

/*表格*/
.table-body {
    padding: 0 20px;
    margin-top: 10px;
}

.layui-card-body .layui-table {
    margin: 0;
    border: none;
}

.layui-table-view {
    margin: 10px 0px 0px 0px;
    border: none;
}

.layui-table-view {
    /*border-top: 1px solid #cceaff;*/
}

.layui-table-view .layui-table-box {
    border: 1px solid #cceaff;
}

.layui-table-view .layui-table-body {
    background-color: #f6f6f6;
}

.layui-table-header, .layui-table-tool {
    /*border: 1px solid #cceaff;*/
    border: none;
}

.layui-table-page {
    border: none;
}

.layui-table-click {
    background-color: transparent;
}

.layui-table-view .layui-table th, .layui-table th {
    background-color: #f2faff;
    color: #336680;
    border-color: #cceaff;
    text-align: center;
}

.layui-table-view .layui-table td, .layui-table td {
    text-align: center;
    color: #333;
    border-color: #eee;
    border-right-color: #eee;
}

.layui-table-view .layui-table tbody tr:nth-child(2n) {
    background-color: #f2faff;
}

.select-one {
    background-color: #f2faff;
}

.select-two {
    background-color: #fffbe5;
}

.layui-table-view .layui-table tbody tr:hover, .layui-table tbody tr:hover, .layui-table-hover {
    background-color: #fffbe5;
}

.layui-table-view .layui-table-cell {
    padding: 0 5px;
}

.layui-table-view .layui-table-cell .layui-btn {
    display: inline-block;
    vertical-align: top;
    height: 25px;
    line-height: 25px;
    margin: 0px 4px;
    font-size: 13px;
}

.layui-table-tool {
    width: 100%;
    min-height: 50px;
    padding: 0px;
    background-color: #fff;
    /*background: linear-gradient(180deg, #f8f8f8, #fff);*/
    /*width: calc(100% + 3px);
    padding: 0;
    border: none;
    position: relative;
    z-index: 1;
    margin: -1px 0 0 -1px;
    border-bottom: 1px solid #e6e6e6;*/
}

.official-box {
    padding: 5px 0 15px 0;
}

.official-box .line {
    top: 30px;
    /*display: none;*/
}

.official-box .operate-left, .official-box .operate-right {
    height: 100%;
    padding-top: 10px;
    /*background: linear-gradient(180deg, #f8f8f8, #fff);*/
}

.layui-table-tool-temp {
    padding-right: 0;
}

.layui-table-tool .layui-btn-container .layui-btn {
    margin: 9px 10px 9px 0;
    height: 32px;
    line-height: 32px;
    border-radius: 5px;
}

.layui-table-tool .total-num {
    margin: 15px 0 0 0;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #057BD7;
}

.layui-table-view .layui-table-cell .bg-white {
    margin: 0;
}

.bg-white + .bg-white {
    margin-left: 0;
}

/* 状态 */
.state {
    color: #fff;
    background-color: #999;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 12px;
    display: inline-block;
}

.state-red {
    background-color: #ff4848;
    color: #fff;
}

.state-green {
    background-color: #66cc00;
    color: #fff;
}

.state-yellow {
    background-color: #ff8800;
    color: #fff;
}

.state-blue {
    background-color: #057BD7;
    color: #fff;
}

.state-green-line {
    color: #66cc00;
    background-color: transparent;
    border: 1px solid #66cc00;
}

.state-yellow-line {
    color: #ff8800;
    background-color: transparent;
    border: 1px solid #ff8800;
}

.state-red-line {
    color: #ff4848;
    background-color: transparent;
    border: 1px solid #ff4848;
}

.state-blue-line {
    color: #057BD7;
    background-color: transparent;
    border: 1px solid #057BD7;
}

.state-gray-line {
    color: #aaa;
    background-color: transparent;
    border: 1px solid #999;
}

/* 状态-点 */
.state-point {
    display: block;
    width: 100%;
    color: #333;
    text-align: left;
}

.state-point i {
    font-size: 16px;
    margin-left: 5px;
}

/* 添加页内容 */
.con-box {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
}

.layui-tab-item .con-box {
    width: 100%;
    margin: 0;
}

.con-box .layui-table-view {
    margin-top: 0px;
}


/*必填项*/
.input-box .bt {
    /*color: #ff4848;*/
    /*background-color: #fff7f7;
    border-color: #fff0f0;
    border-left: 2px solid #ff4848;*/
}

.bts {
    background-color: #ffeae5;
}

/*选项卡*/

.layui-tab-content {
    padding: 0;
}

.layui-tab-item {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.layui-tab-item .con-box .layui-table-view {
    margin: 20px 0;
}

.btn-box {
    width: 60px;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}

.btn-box .layui-btn {
    width: 100%;
    margin: 0 0 10px 0;
}

/* 分割线 */
.split-line {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding: 10px 20px;
    position: relative;
    background-color: #fff;
}

.split-title {
    position: relative;
    z-index: 1;
    height: 40px;
    line-height: 40px;
    padding: 0 15px 0 0;
    float: left;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
}

.split-title .rm {
    font-size: 20px;
    font-weight: normal;
    color: #057BD7;
    margin-right: 10px;
}

.tool-box {
    position: relative;
    z-index: 1;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 5px;
    float: right;
    background-color: #fff;
}

.tool-box .layui-btn {
    vertical-align: top;
    margin: 5px 0 5px 10px;
}

.tool-box .layui-input {
    height: 30px;
    display: inline-block;
    width: 150px;
}

.cost {
    font-size: 16px;
    color: #666;
    display: inline-block;
    padding-left: 10px;
}

.cost big {
    font-size: 22px;
    color: #ff4848;
    margin-left: 5px;
}

.line {
    width: calc(100% - 40px);
    border-bottom: 2px dashed #ddd;
    position: absolute;
    top: 30px;
    left: 20px;
    z-index: 0;
}

.end {
    color: #ccc;
    font-size: 14px;
    transform: rotate(225deg);
    margin-right: -5px;
    margin-left: -2px;
}

/*图片上传*/
.layui-upload {
    margin: 0;
    text-align: left;
}

.layui-upload .layui-btn {
    margin-bottom: 10px;
}

.layui-upload-list {
    margin: 0;
}

.layui-elem-quote {
    margin: 0;
    padding: 10px;
}

.img-box {
    width: 200px;
    height: 150px;
    margin: 10px 10px 0 10px;
    display: inline-block;
    position: relative;
    border-radius: 5px;
}

.img-box img {
    width: 100%;
    height: 100%;
}

.delete-img {
    width: 20px;
    height: 20px;
    position: absolute;
    right: -10px;
    top: -10px;
    border: 1px solid #fff;
    background-color: #ff4848;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
}

.delete-img:hover {
    color: #fff;
}

.layui-upload-img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 5px;
}

/*提交栏*/
.submit-box {
    width: 100%;
    text-align: center;
    margin: 20px 0;
    float: left;
}

.submit-box .layui-btn {
    margin: 0 10px;
}

/* 运单时间线 */
.time-box {
    width: 100%;
    height: calc(100vh - 300px);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    list-style: none;
    box-sizing: border-box;
}

.timeline {
    width: calc(100% - 60px);
    border-left: 1px solid #aaa;
    margin-left: 40px;
    position: relative;
    padding: 0 0 5px 0;
    color: #999;
}

.timeline .badge {
    position: absolute;
    left: -12px;
    top: -2px;
    background-color: #bbb;
    border: 6px solid #fff;
    width: 12px;
    height: 12px;
    border-radius: 20px;
}

.timeline h1 {
    width: 100%;
    box-sizing: border-box;
    font-weight: bold;
    padding-left: 15px;
    font-size: 15px;
    color: #666;
    margin: 10px 0 0 0;
}

.timeline h1 span {
    float: right;
    margin-right: 10px;
}

.timeline p {
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 0 10px 0 15px;
    font-size: 14px;
}

.timeline .time {
    font-size: 13px;
    padding-top: 0px;
    margin-top: 0;
}

.timeline:last-child {
    border: none;
}

.time-now {
    border-color: #ff8800;
    color: #ff8800;
}

.time-now h1 {
    color: #ff8800;
}

.time-now p {
    color: #333;
}

.time-now .badge {
    background-color: #ff8800;
}

/* 大数据 */
.chart-box {
    /*width: 49.5%;*/
    height: 40vh;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/
    overflow: hidden;
}

.chart {
    width: 100%;
    height: 100%;
    height: calc(100% - 40px);
}

/*是非题*/
.sft .layui-form-label {
    width: calc(100% - 140px);
    text-align: left;
    padding-left: 20px;
}

.sft .select-border {
    width: 140px;
    text-align: right;
}

/*详情页2.0*/
.header-box {
    width: 100%;
    height: 60px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    border-radius: 0 0 5px 5px;
    position: fixed;
    top: 0;
    z-index: 999;
}

.header-box h1 {
    float: left;
    line-height: 16px;
    font-size: 16px;
    border-left: 5px solid #057BD7;
    margin: 22px 10px;
    font-weight: bold;
    padding: 0 10px;
}

.header-box .submit-box {
    float: right;
    width: auto;
    margin: 10px 0;
}

.show-box {
    padding-top: 0;
}

.show-box .split-line {
    margin-bottom: 10px;
    padding: 0;
    overflow: visible;
    display: inline-block;
    float: none;
}

.show-box .split-title {
    height: 50px;
    line-height: 50px;
}

.show-box .line {
    width: calc(100% + 40px);
    top: 50px;
    border-bottom: 1px solid #eee;
    left: -20px;
}

.show-box .input-box .layui-form-label {
    border: none;
    background-color: #fff;
    text-align: right;
    padding-right: 10px;
    font-size: 15px;
    color: #333;
}

.show-box .input-box .layui-input-inline {
    line-height: 34px;
    font-size: 15px;
    font-weight: bold;
}

.show-box .tool-box {
    height: 50px;
    line-height: 50px;
}

.show-box .tool-box .layui-btn {
    margin: 10px 0 10px 10px;
}

.tab-box {
    padding: 0;
}

.tab-box .layui-tab-card {
    border-radius: 5px;
    overflow: hidden;
    border: none;
}

.tab-box .layui-tab-title {
    height: 52px;
    background-color: #fff;
}

.tab-box .layui-tab-title li {
    line-height: 52px;
    font-size: 16px;
    color: #333;
    padding: 0 20px;
    font-weight: bold;
}

.tab-box .layui-tab-title li .rm {
    font-size: 20px;
    color: #ccc;
    font-weight: normal;
    margin-right: 10px;
}

.tab-box .layui-tab-title .layui-this:after {
    height: 50px;
}

.tab-box .layui-tab-card > .layui-tab-title .layui-this {
    border-top: 5px solid #057BD7;
    height: 48px;
    line-height: 46px;
    color: #333;
    overflow: hidden;
}

.tab-box .layui-tab-card > .layui-tab-title .layui-this .rm {
    color: #057BD7;
}

.tab-box .layui-tab-card > .layui-tab-title .layui-this:after {
    height: 50px;
    /*display: none;*/
}

/*分步表单*/
.progress-box {
    width: 100%;
    overflow: hidden;
}

.progress {
    text-align: center;
    padding: 10px 10px 20px 10px;
    position: relative;
    float: left;
    box-sizing: border-box;
}

.progress:before {
    content: " ";
    position: absolute;
    width: 100%;
    right: 50%;
    top: 65px;
    border-bottom: 1px solid #ccc;
    z-index: 0;
}

.progress:first-child:before {
    display: none;
}

.progress span {
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    color: #666;
    background-color: #eee;
    border-radius: 30px;
    display: block;
    margin: 0 auto;
    line-height: 30px;
    position: relative;
    z-index: 1;
}

.progress h1 {
    width: 100%;
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 6px 0;
}

.progress p {
    width: 100%;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.ps-blue:before {
    border-color: #057BD7;
}

.ps-blue span {
    background-color: #057BD7;
    color: #fff;
    border-color: #057BD7;
}

.ps-red:before {
    border-color: #ff4848;
}

.ps-red span {
    background-color: #ff4848;
    color: #fff;
    border-color: #ff4848;
}

.ps-green:before {
    border-color: #66cc00;
}

.ps-green span {
    background-color: #66cc00;
    color: #fff;
    border-color: #66cc00;
}

/*疑问图标*/
.question {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.question i {
    font-size: 20px;
    font-weight: normal;
}

.layui-layer-tips {
    margin-top: -10px !important;
}

/*排行*/
.rank-list {
    width: 100%;
    height: calc(100% - 80px);
    overflow: auto;
    list-style: none;
    box-sizing: border-box;
}

.rank-list::-webkit-scrollbar {
    display: none;
}

.rank-list li a {
    display: block;
    background: linear-gradient(45deg, #eee, #fff, #eee);
    border-radius: 5px;
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    position: relative;
    padding-bottom: 8px;
}

.rank-list li h1, .rank-list li h2 {
    width: 95%;
    padding-left: 15px;
    box-sizing: border-box;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
}

.rank-list li h1 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: justify;
    padding: 10px 0 5px 15px;
    position: relative;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rank-list li h1 i {
    margin-right: 10px;
    color: #ff8800;
}

.rank-list li h2 {
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    color: #555;
    font-weight: normal;
}

.rank-list li h1 span {
    position: absolute;
    top: 2px;
    right: 0px;
    background-color: #fff;
    color: #999;
    font-weight: normal;
    font-size: 0.9rem;
    padding: 0 10px;
}

.rank-list li h2 span {
    width: 28%;
    display: inline-block;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rank-list li h2 span:nth-child(2) {
    width: 20%;
}

.rank-list .rank-1 a {
    background: linear-gradient(40deg, #FD9526, #FFF2C0, #ffcc66, #FD9B27);
    border: 1px solid #ffcc66;
}

.rank-list .rank-2 a {
    background: linear-gradient(40deg, #888888, #eeeeee, #dddddd, #999999);
    border: 1px solid #dddddd;
}

.rank-list .rank-3 a {
    background: linear-gradient(40deg, #D46E43, #FEE2C4, #FDBA8B, #DF7141);
    border: 1px solid #FDBA8B;
}

.rank-list .rank-1 h1, .rank-list .rank-1 h2, .rank-list .rank-1 .score {
    color: #D34400;
}

.rank-list .rank-2 h1, .rank-list .rank-2 h2, .rank-list .rank-2 .score {
    color: #333333;
}

.rank-list .rank-3 h1, .rank-list .rank-3 h2, .rank-list .rank-3 .score {
    color: #942626;
}

.rank-list .rank-1 h1, .rank-list .rank-2 h1, .rank-list .rank-3 h1 {
    padding-left: 50px;
}

.score {
    color: #ff8800;
    position: absolute;
    right: 15px;
    bottom: 10px;
    font-size: 25px;
}

.score small {
    margin-left: 3px;
    font-size: 14px;
}

.rank-img {
    position: absolute;
    left: 10px;
    top: -5px;
    width: 28px;
}

.show-info {
    padding: 20px;
}

/*表格操作按钮*/
.operate-box .layui-btn {
    border-radius: 3px;
    line-height: 28px;
    box-sizing: border-box;
}

.operate-box .layui-btn:hover {
    opacity: 1;
    color: #fff;
}

.operate-box .bg-blue {
    color: #057BD7;
    background: #e6f3ff;
    border: 1px solid #99cfff;
}

.operate-box .bg-blue:hover {
    background: #057BD7;
}

.operate-box .bg-red {
    color: #F56C6C;
    background: #fef0f0;
    border: 1px solid #fbc4c4;
}

.operate-box .bg-red:hover {
    background: #F56C6C;
}

.operate-box .bg-yellow {
    color: #E6A23C;
    background: #fdf6ec;
    border: 1px solid #f5dab1;
}

.operate-box .bg-yellow:hover {
    background: #E6A23C;
}

.operate-box .bg-green {
    color: #67C23A;
    background: #f0f9eb;
    border: 1px solid #A2D788;
}

.operate-box .bg-green:hover {
    background: #67C23A;
}

.operate-box .bg-gray {
    color: #909399;
    background: #f4f4f5;
    border: 1px solid #d3d4d6;
    color: #606266;
    background: #fff;
    border: 1px solid #ccc;
}

.operate-box .bg-gray:hover {
    background: #909399;
    background: #606266;
}

.operate-box .bg-white {
    color: #606266;
    background: #fff;
    border: 1px solid #DCDFE6;
}

.operate-box .bg-white:hover {
    background: #606266;
}

/*商城+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*顶部栏*/
.mall-top {
    position: fixed;
    width: 100%;
    height: 60px;
    top: 0;
    box-shadow: 0 5px 10px rgba(0, 128, 255, 0.1);
    background-color: #fff;
    background: linear-gradient(0deg, #fff, #fff, #f0f7ff);
    padding: 0 8%;
    box-sizing: border-box;
    z-index: 9;
}

.mall-top a {
    float: left;
    line-height: 60px;
    margin-right: 20px;
}

.mall-top a:hover {
    color: #057BD7;
}

.mall-top .search {
    width: 480px;
    margin: 13px 0 13px 40px;
    float: right;
}

.mall-top .search input {
    height: 36px;
    line-height: 36px !important;
    width: calc(100% - 80px);
    float: left;
    border: 1px solid #057BD7;
    border-radius: 20px 0 0 20px;
    padding-left: 20px;
    box-sizing: border-box;
}

.mall-top .search .search-btn {
    height: 36px;
    line-height: 36px;
    width: 80px;
    border-radius: 0 20px 20px 0;
    margin: 0;
}

.mall-top .search .search-btn:hover {
    color: #fff;
}

/*商品列表*/
.good-list {
    width: 86vw;
    /*height: calc(100vh - 120px);*/
    margin: 0 auto;
    /*overflow: auto;*/
    box-sizing: border-box;
    padding: 10px 0;
}

.good-list::-webkit-scrollbar {
    display: none;
}

.good-list li {
    float: left;
    width: 18%;
    margin: 10px 1%;
    overflow: hidden;
    background-color: #fff;
    border-radius: 6px;
    position: relative;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.good-list li:hover {
    box-shadow: 0 5px 20px rgba(0, 128, 255, 0.1);
    border: 1px solid #ff9900;
}

.good-list li a {
    display: block;
    overflow: hidden;
    padding-bottom: 6px;
}

.tag {
    position: absolute;
    width: 50px;
    height: 20px;
    right: 0;
    top: 0;
    border-radius: 0 0 0 20px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    line-height: 20px;
    text-align: right;
    padding-right: 10px;
    font-size: 0.8rem;
    display: none;
}

.main-pic {
    width: 100%;
    height: 15vw;
    /* height: 18%; */
    overflow: hidden;
    margin: 0 0 5px 0;
    border: 0px solid #fff;
    box-sizing: border-box;
}

.main-pic img {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 3px;
    object-fit: cover;
}

.good-list li h1,
.good-list li h2,
.good-list li P {
    float: left;
    width: 95%;
    padding-left: 5%;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: #333;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.good-list li h1 {
    font-weight: bold;
    padding-top: 5px;
}

.good-list li h2 {
    font-size: 1rem;
    margin-top: 5px;
    color: #999;
    font-weight: normal;
}

.good-list li h3 {
    float: left;
    width: 95%;
    line-height: 25px;
    height: 25px;
    padding-left: 5%;
    font-size: 1rem;
    color: #ff6600;
    font-weight: normal;
    overflow: hidden;
    position: relative;
}

.good-list li h3 big {
    margin: 0 2px;
    background-color: #fff;
    z-index: 2;
    position: relative;
    font-size: 1.2rem;
}

.good-list li h3 span {
    position: absolute;
    right: 8px;
    top: 0px;
    color: #999;
    font-size: 0.8rem;
    z-index: 1;
}

.good-list li P {
    font-size: 0.9rem;
    color: #999;
    padding-top: 5px;
}

.good-list li P .rm {
    margin: -2px 2px 0 0;
}

.collection {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    border-radius: 25px;
    background-color: rgba(255, 2555, 255, 0.5);
    background-color: #F27926;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 1rem;
    border: 1px solid #fff;
    cursor: pointer;
}

.collection:hover {
    color: #F27926;
    background-color: #fff;
    border-color: #F27926;
}

.pages {
    text-align: center;
    width: 100%;
    float: left;
    padding-bottom: 20px;
}

.layui-laypage-count {
    background-color: transparent !important;
}

/* 商品详情 */
.big-pic-box {
    width: 360px;
    float: left;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin-top: 30px;
}

.big-pic {
    width: 360px;
    height: 360px;
    /* display: flex;
    align-items: center;
    background-color: #FFF; */
}

.big-pic img {
    width: 100%;
    height: 100%;
    /* max-width: 100%;
    max-height: 100%;
    margin: 0 auto; */
}

.big-pic-list {
    width: 100%;
    padding: 5px 0;
    background-color: #fff;
    overflow: hidden;
    border-top: 1px solid #eee;
}

.big-pic-list li {
    width: 60px;
    height: 60px;
    float: left;
    margin: 0 6px;
}

.big-pic-list li img {
    width: 100%;
    height: 100%;
}

.big-pic-list li:hover,
.big-pic-list .now {
    width: 56px;
    height: 56px;
    border: 2px solid #F27926;
}

.info-box {
    width: calc(100% - 680px);
    height: 360px;
    overflow: hidden;
    background-color: #fff;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #f5f5f5;
    margin: 30px 0 0 10px;
    float: left;
    border-radius: 6px;
    box-sizing: border-box;
}

.info-box h1,
.info-box h2,
.info-box p {
    width: 100%;
    line-height: 25px;
    color: #333;
    padding: 0 20px;
    margin: 0;
    box-sizing: border-box;
}

.info-box h1 {
    position: relative;
    font-size: 1.5rem;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info-box p {
    font-size: 1.2rem;
    color: #666;
    margin: 10px 0;
}

.info-box p span {
    float: right;
}

.info-box p i{
    color: #ff8800;
}

.info-box h2 {
    width: calc(100% - 40px);
    font-size: 1rem;
    line-height: 1rem;
    color: #ff4848;
    background-color: #fff4f0;
    margin: 0 0 10px 20px;
    padding: 15px 20px 10px 10px;
    border-radius: 6px;
}

.info-box h2 span {
    float: right;
    color: #666;
}

.info-box h2 big {
    font-size: 2rem;
    font-weight: bold;
}

.select-title {
    width: 70px;
    height: 30px;
    line-height: 30px;
    color: #aaa;
    float: left;
    padding: 0;
    margin: 5px 0 0 20px;
}

.select-list {
    width: calc(100% - 90px);
    float: left;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
    margin: 5px 0 0 0;
    font-size: 1rem;
}

.select-list li {
    float: left;
    margin: 0 10px 10px 0;
}

.select-list li label {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #333;
    display: block;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.select-list li input {
    display: none;
}

.select-list li input:checked + label {
    border: 1px solid #ff4848;
    color: #ff4848;
}

.select-list span {
    color: #666;
    margin-left: 10px;
}

.info-list li {
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 36px;
    font-weight: bold;
    color: #333;
    padding-left: 20px;
    box-sizing: border-box;
}

.info-list li span {
    font-weight: normal;
    color: #999;
    width: 110px;
    display: inline-block;
}

.reduce,
.add {
    width: 28px;
    height: 28px;
    background-color: #eee;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    text-align: center;
    line-height: 25px;
    font-size: 1.5rem;
}

.num {
    width: 58px;
    height: 28px;
    display: inline-block;
    text-align: center;
    margin: 0 -5px;
    border: 1px solid #ccc;
    vertical-align: top;
}

.num::-webkit-outer-spin-button,
.num::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.info-box .layui-btn {
    margin: 15px -10px 0 20px;
    border-radius: 3px;
}

.info-box .layui-btn i {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
}

.info-box .layui-btn-danger {
    background-color: #ff4848;
}

.info-box .layui-btn-warm {
    background-color: #ff8800;
}

.info-box .layui-btn-primary:hover {
    border: 1px solid #F27926;
    opacity: 1;
    color: #F27926;
}

.info-box .marked {
    color: #F27926;
    border: 1px solid #F27926;
}

.shop-fd {
    width: 300px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 10px;
}

.shop-right {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    width: 100%;
    overflow: hidden;
    /* float: left; */
    background-color: #fff;
    background-image: url(../img/bg_shop_right.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 5px;
    text-align: center;
    padding-bottom: 20px;
}

.shop-right .sp-pic {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-top: 30px;
    display: block;
    border-radius: 5px;
    border: 1px solid #eee;
}

.shop-right h1 {
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: bold;
    margin: 15px 0;
    padding: 0 10px;
    box-sizing: border-box;
}

.shop-right h1 a:hover {
    text-decoration: underline;
    color: #333;
}

.shop-right p {
    color: #333;
    font-size: 1rem;
    margin-bottom: 5px;
    text-align: left;
    padding-left: 20px;
    box-sizing: border-box;
    line-height: 1.5rem;
    margin-bottom: 10px;
}

.shop-right p .rm {
    color: #ff8800;
}

.shop-right .layui-btn {
    border: 1px solid #F27926;
    color: #F27926;
    background-color: #fff;
    border-radius: 40px;
    margin-top: 10px;
}

.shop-right .layui-btn i {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 0 0;
}

.shop-right .layui-btn:hover {
    background-color: #F27926;
    color: #fff;
    opacity: 1;
}

.detail-box {
    width: calc(100% - 310px);
    border-radius: 5px;
    overflow: hidden;
    margin: 10px 0 40px 0;
    background-color: #fff;
}

.detail-title {
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    color: #aaa;
    padding: 10px 0;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(0deg,#fff,#fff,#f0f7ff);*/
    border-bottom: 1px dashed #eee;
    margin-bottom: 20px;
}

.detail-title i {
    font-size: 1rem;
    color: #aaa;
    font-weight: normal;
}

.info-detail {
    width: 100%;
    padding: 0 20px 20px 20px;
    overflow: hidden;
    box-sizing: border-box;
    font-size: 1.1rem;
    line-height: 2rem;
}

.info-detail img {
    width: 100%;
    margin: 20px 0;
}

/* 价格范围 */
.range {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 20px;
    margin: 10px 0;
    /* border-radius: 5px; */
    /* background-color: #ffeee6; */
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.range li {
    width: 23%;
    margin-right: 2%;
    float: left;
    color: #999;
    box-sizing: border-box;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.range li big {
    display: block;
    margin-top: 10px;
    color: #333;
    font-weight: bold;
}

.range .range-now big {
    color: #F27926;
}

/*立即购买*/
.buy-box h1, .buy-box h2 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 2.4rem;
}

.buy-box h2 {
    font-size: 16px;
    color: #666;
}

.buy-box h3 {
    text-align: center;
    font-size: 18px;
    color: #ff4848;
    margin-bottom: 20px;
}

.buy-total{
    padding: 20px;
    overflow: hidden;
}

.buy-total span{
    float: left;
    font-size: 16px;
}

.buy-total span b{
    font-size: 24px;
    color: #ff4848;
}

.buy-total .layui-btn{
    float: right;
}

/*合同*/
.contract-box {
    width: 90%;
    overflow: hidden;
    padding: 0 5% 60px 5%;
    font-size: 16px; /*font-family: simsun;*/
    color: #000;
    line-height: 32px;
    text-align: justify;
}

.contract-box h1 {
    width: 100%;
    line-height: 40px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0 0 0;
}

.contract-box h2 {
    color: #666;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.contract-box h2 span {
    float: right;
}

/*.contract-box p{
    text-indent: 2em;
}*/

.contract-box p span {
    color: #ff2333;
    margin: 0 5px;
    font-weight: bold;
}

.contract-box b {
    display: block;
    margin: 20px 0 0 0;
}

.jy-head {
    width: 100%;
    margin: 20px 0;
}

.jy-head td {
    height: 30px;
}

.jy-red td span {
    color: #ff2333;
    font-weight: bold;
}

.sb-head {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    margin-top: 10px;
}

.sb-head td {
    border: 1px solid #000;
    height: 25px;
    line-height: 20px;
    padding: 10px;
    text-align: center;
}

/*注册*/
.reg-title{
    width: 300px;
    display: inline-block;
    line-height: 110px;
    font-size: 22px;
    padding-left: 40px;
    color: #057BD7;
    font-weight: bold;
    box-sizing: border-box;
    vertical-align: top;
}

.reg-title .rm{
    font-size: 30px;
    color: #057BD7;
    margin-right: 20px;
    font-weight: normal;
}

.examine{
    text-align: center;
    padding: 30px 0;
}

.ex-img{
    width: 360px;
    margin: 30px auto;
    display: block;
}

.examine h1{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

.examine p{
    font-size: 16px;
    color: #666;
    line-height: 2rem;
}

.examine p span{
    display: block;
    color: #057BD7;
    margin-top: 20px;
}

/*需求广场*/
.cg-list {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #E2EAF0;
    overflow: hidden;
}

.cg-list h1 {
    font-size: 16px;
    text-align: left;
    margin-bottom: 10px;
}

.cg-list h1 .rm {
    font-size: 1.5rem;
    color: #0077ff;
    margin-right: 1.2%;
}

.cg-sh h1 .rm {
    color: #ff4848;
}

.cg-wc h1 .rm {
    color: #aaa;
}

.cg-list h1 span {
    background-color: #D6EAFE;
    color: #057BD7;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 12px;
    margin: 0 10px 0 5px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
}

.cg-sh h1 span {
    background-color: #FEE1E1;
    color: #ff4848;
}

.cg-wc h1 span {
    background-color: #EEEEEE;
    color: #666;
}

.cg-list .layui-progress {
    width: 200px;
    float: right;
    position: relative;
    margin: 10px 45px 0 0;
}

.cg-list .layui-progress b {
    position: absolute;
    top: -10px;
    right: -45px;
    font-weight: normal;
    font-size: 15px;
}

.cg-sh .layui-progress {
    display: none;
}

.cg-wc .layui-progress-bar {
    background: #bbb;
}

.cg-list p {
    padding-left: 2.5%;
}

.cg-list p span {
    float: left;
    width: 17%;
    color: #666;
    text-align: left;
    font-size: 15px;
}

.cg-list p a{
    float: right;
    font-size: 15px !important;
    color: #057BD7;
}

.cg-list p a:hover{
    opacity: 1;
}

/*支付*/
.select-pay{
    width: 80%;
    margin: 0 auto;
}

.select-pay label{
    display: block;
    float: left;
    width: 100%;
    line-height: 50px;
    border-top: 1px solid #eee;
    font-size: 18px;
}

.select-pay label .layui-form-radio{
    float: right;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: right;
}