.red {
    color: #f00;
}

.green {
    color: #00b400;
}

.blue {
    color: #0097ba;
}

.yellow {
    color: #f60;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.ml-76 {
    margin-left: 76px !important;
}

.w-76 {
    width: 76px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-120 {
    margin-left: 120px !important;
}

.ml-180 {
    margin-left: 180px !important;
}

.mr-5 {
    margin-left: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-50 {
    margin-right: 50px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-toptop: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-35 {
    padding-left: 35px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-100 {
    padding-left: 100px;
}

.pl-180 {
    padding-left: 180px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pr-40 {
    padding-right: 40px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-50 {
    padding-right: 50px;
}

.pd-0 {
    padding: 0 !important;
}

.f-l {
    float: left;
}

.f-r {
    float: right;
}

.over {
    overflow: hidden;
}

.bold {
    font-weight: bold;
}

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

.w-80 {
    width: 80px !important;
}

.w-100 {
    width: 100px !important;
}

.w-120 {
    width: 120px !important;
}

.w-180 {
    width: 180px !important;
}

.w-500 {
    width: 500px !important;
}

.vertical-tb {
    vertical-align: text-bottom;
}

.vertical-m {
    vertical-align: middle;
}

.vertical-b {
    vertical-align: baseline;
}

.lh-30 {
    line-height: 30px;
}

.text-l {
    text-align: left;
}

.text-c {
    text-align: center;
}

.text-r {
    text-align: right;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-20 {
    font-size: 20px;
}

.h-24 {
    height: 24px !important;
}

.h-32 {
    height: 32px !important;
}

.lh-24 {
    line-height: 24px !important;
}

.lh-31 {
    line-height: 31px !important;
}

.lh-32 {
    line-height: 32px !important;
}

.lh-34 {
    line-height: 34px !important;
}

.lh-36 {
    line-height: 36px !important;
}

.pointer {
    cursor: pointer;
}

.underline {
    text-decoration: underline;
}

.mark {
    color: #ff0000;
    line-height: 15px;
    width: 8px;
    display: inline-block;
    text-align: left;
}

.layui-form-label {
    width: 100px;
    padding: 9px 0px;
}

.layui-span-unit {
    right:5px;
    top:0;
}

.layui-input-block {
    margin-left: 100px;
    min-height: 36px;
}

.layui-input, .layui-select, .layui-textarea {
    height: 30px;
}

.layui-col-space12 > * {
    padding: 2px;
}

/*.layui-card-header{*/
/*padding: 10px 0 0;*/
/*}*/
.layui-btn {
    height: 30px;
    line-height: 30px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.layui-form-item {
    margin-bottom: 0;
}

.flower {
    position: absolute;
    top: 0;
    left: calc(50% - 350px);
    width: 700px;
    margin: 0 auto;
    height: 700px;
}

.flower > ul {
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
    position: relative;

}

.flower li {
    width: 150px;
    height: 250px;
    position: absolute;
    left: 0px;
    top: 300px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 30px;
    float: left;
    margin: 0 20px;
    text-shadow: 5px 2px 2px #d2d2d2;
    transform: rotate(7deg);
    -ms-transform: rotate(7deg); /* IE 9 */
    -moz-transform: rotate(7deg); /* Firefox */
    -webkit-transform: rotate(7deg); /* Safari 和 Chrome */
    -o-transform: rotate(7deg); /* Opera */
    transform-origin: 250px 0;
    transition: all 0.3s;
}

.flower .text {
    transform-origin: 76px -85px;
    display: block;
}

.flower li > a > div {
    width: 100%;
    height: 150px;
    border-radius: 50%;
    line-height: 150px;
    box-shadow: 10px 10px 30px #999;
}

.flower li > a > div:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.flower li > a > div > img {
    width: 80%;
    height: 80%;
    transition: all 0.3s;
}

.flower li:last-of-type > a > div > img {
    width: 63%;
    height: 63%;
}

.flower li:nth-of-type(1) > a > div > img {
    width: 65%;
    height: 65%;
}

.flower li:nth-of-type(3) > a > div > img {
    width: 70%;
    height: 70%;
}

.flower li:nth-of-type(4) > a > div > img {
    width: 70%;
    height: 70%;
}

.flower li:nth-of-type(5) > a > div > img {
    width: 80%;
    height: 80%;
}

.flower li:nth-of-type(1) > a > div {
    background-color: #88b871;
}

.flower li:nth-of-type(2) > a > div {
    background-color: #FFB800;
}

.flower li:nth-of-type(3) > a > div {
    background-color: #F74C31;
}

.flower li:nth-of-type(4) > a > div {
    background-color: #61bfe7;
}

.flower li:nth-of-type(5) > a > div {
    background-color: #ffaf7d;
}

.title {
    font-size: 14px;
    font-weight: bold;
    border-left: 5px solid #1b6073;
    height: 34px;
    line-height: 34px;
    padding-left: 15px;
    background-color: #f4f6f9;
    color: #666666;
    width: 99%;
}

.tips {
    font-size: 12px;
    color: #f7858b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 890px;
    width: 80%;
    vertical-align: middle;
}

.layui-form-label {
    line-height: 17px;
}

.layui-form-radio {
    margin: 0;
    line-height: 33px;
}

/*批量下单*/
.process {
    overflow: hidden;
    width: 1000px;
}

.process > li {
    float: left;
    width: calc((100% - 30px) / 3);
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #7a7ae4;
    margin-right: 10px;
    position: relative;
    font-weight: bold;
}

.process > li:nth-of-type(1) {
    background-color: #FFB800;
    border-radius: 18px 0 0 18px;
}

.process > li:nth-of-type(2) {
    background-color: #FFB800;
}

.process > li:nth-of-type(3) {
    background-color: #FFB800;
    border-radius: 0 18px 18px 0;
}

.process > li > span, .process > li > b {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    top: 0;
}

.process > li:nth-of-type(1) > span {
    background-color: #fff;
    right: -18px;
}

.process > li:nth-of-type(2) > span, .process > li:nth-of-type(3) > span {
    background-color: #FFB800;
    left: -18px;
}

.process > li:nth-of-type(2) > b {
    background-color: #fff;
    right: -18px;
}

.tableHead {
    height: 36px;
    border-radius: 10px;
    line-height: 36px;
}

.tableHead > li {
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.border {
    border: 1px solid #ddd;
}

.btm-border-none {
    border-bottom: none;
}

.mh-30 {
    min-height: 30px;
}

.mh-60 {
    min-height: 60px;
}

.h-80 {
    height: 80px;
}

.h-100 {
    height: 100px;
}

.h-160 {
    height: 160px;
}

.h-200 {
    height: 200px;
}

.h-246 {
    height: 246px;
}

.h-500 {
    height: 500px;
}

.delivery .layui-form-item {
    clear: none;
}

/*.re-List>sp{*/

/*}*/
.lookImg {
    padding: 10px 0;
    position: relative;
    text-align: center;
    line-height: 480px;
    box-sizing: border-box;
}

.lookImg > img {
    width: 80%;
}

.hide {
    display: none;
}

.bj-img {
    width: 80px;
    height: 80px;
    border: 1px solid #ddd;
    float: left;
    margin-right: 20px;
    position: relative;
}

.bj-img > img {
    width: 100%;
    height: 100%;
}

.bj-img > span {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f00;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    display: none;
}

.bj-img:hover span {
    display: block;
}

.layui-layer-iframe {
    box-shadow: none;
    background: transparent;
}

.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    border-color: #ddd;
}

.layui-table td {
    padding: 5px;
}

.clear {
    clear: both;
}

.layui-table-tool {
    background-color: #fff !important;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    padding: 5px 15px !important;
    min-height: 30px;
}

.right-btn {
    border-left: 1px solid #ddd;
    height: 630px;
    text-align: center;
}

.layui-layout-admin .layui-header{
    background-image: linear-gradient(90deg,
    #0a6597 0%,
    #00967b 100%);
    height: 51px !important; background-size: cover;
    left: 200px;
    transition: all .3s;
    -webkit-transition: all .3s;
    width: unset;
    right: 0;
}
.layadmin-side-shrink .layui-layout-admin .layui-header{left: 60px}

/*左边图标*/
.left-icon {
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    background-position: 0 0;
    /*margin-bottom: 3px;*/
    /*background-image: url("../img1/iconArr.png");*/
    background-repeat: no-repeat;
}

.layui-side-menu .layui-nav .layui-nav-item > a {
    padding-left: 10px; line-height: 35px;
}

.order-icon {
    background-position: 0 -60px;
}

.layui-nav-itemed .order-icon, .layui-nav-item:hover .order-icon {
    background-position: -30px -60px;
}

.bj-icon {
    background-position: 0 0;
}

.layui-nav-itemed .bg-icon, .layui-nav-item:hover .bg-icon {
    background-position: 0 0;
}

.cw-icon {
    background-position: 0 -30px;
}

.layui-nav-itemed .cw-icon, .layui-nav-item:hover .cw-icon {
    background-position: -30px -30px;
}

.ts-icon {
    background-position: 0 -120px;
}

.layui-nav-itemed .ts-icon, .layui-nav-item:hover .ts-icon {
    background-position: -30px -120px;
}

.xt-icon {
    background-position: 0 -150px;
}

.layui-nav-itemed .xt-icon, .layui-nav-item:hover .xt-icon {
    background-position: -30px -150px;
}

.tz-icon {
    background-position: 0 -90px;
}

.layui-nav-itemed .tz-icon, .layui-nav-item:hover .tz-icon {
    background-position: -30px -90px;
}

.issue-icon {
    background-position: 0 -210px;
}

.layui-nav-itemed .issue-icon, .layui-nav-item:hover .issue-icon {
    background-position: -30px -210px;
}

.up-icon {
    background-position: 0 -180px;
}

.layui-nav-itemed .up-icon, .layui-nav-item:hover .up-icon {
    background-position: -30px -180px;
}

.qb-icon {
    background-position: 0 -240px;
}

.layui-nav-itemed .qb-icon, .layui-nav-item:hover .qb-icon {
    background-position: -30px -240px;
}

.js-icon {
    background-position: 0 -263px;
}

.layui-nav-itemed .js-icon, .layui-nav-item:hover .js-icon {
    background-position: -30px -263px;
}
.fws-icon {
    background-position: 0 -287px;
}
/*供应商管理*/
.gysgl_icon {background-image: url("../img1/nav/gysgl.png");}
.layui-nav-itemed .gysgl_icon, .layui-nav-item:hover .gysgl_icon {background-image: url("../img1/nav/checked/gysgl.png");}
/*默认/合作商管理*/
.hzsgl_icon {background-image: url("../img1/nav/hzsgl.png");}
.layui-nav-itemed .hzsgl_icon, .layui-nav-item:hover .hzsgl_icon {background-image: url("../img1/nav/checked/hzsgl.png");}
/*库存管理*/
.kcgl_icon {background-image: url("../img1/nav/kcgl.png");}
.layui-nav-itemed .kcgl_icon, .layui-nav-item:hover .kcgl_icon {background-image: url("../img1/nav/checked/kcgl.png");}
/*订单管理*/
.ddgl_icon {background-image: url("../img1/nav/ddgl.png");}
.layui-nav-itemed .ddgl_icon, .layui-nav-item:hover .ddgl_icon {background-image: url("../img1/nav/checked/ddgl.png");}
/*供应商订单*/
.gysdd_icon {background-image: url("../img1/nav/gysdd.png");}
.layui-nav-itemed .gysdd_icon, .layui-nav-item:hover .gysdd_icon {background-image: url("../img1/nav/checked/gysdd.png");}
/*待入账订单管理*/
.drzddgl_icon {background-image: url("../img1/nav/drzddgl.png");}
.layui-nav-itemed .drzddgl_icon, .layui-nav-item:hover .drzddgl_icon {background-image: url("../img1/nav/checked/drzddgl.png");}
/*仓库管理*/
.ckgl_icon {background-image: url("../img1/nav/ckgl.png");}
.layui-nav-itemed .ckgl_icon, .layui-nav-item:hover .ckgl_icon {background-image: url("../img1/nav/checked/ckgl.png");}
/*账号管理*/
.zhgl_icon {background-image: url("../img1/nav/zhgl.png");}
.layui-nav-itemed .zhgl_icon, .layui-nav-item:hover .zhgl_icon {background-image: url("../img1/nav/checked/zhgl.png");}
/*报表统计*/
.bbtj_icon {background-image: url("../img1/nav/bbtj.png");}
.layui-nav-itemed .bbtj_icon, .layui-nav-item:hover .bbtj_icon {background-image: url("../img1/nav/checked/bbtj.png");}
/*采购单管理*/
.cgdgl_icon {background-image: url("../img1/nav/cgdgl.png");}
.layui-nav-itemed .cgdgl_icon, .layui-nav-item:hover .cgdgl_icon {background-image: url("../img1/nav/checked/cgdgl.png");}
/*项目管理*/
.xmgl_icon {background-image: url("../img1/nav/xmgl.png");}
.layui-nav-itemed .xmgl_icon, .layui-nav-item:hover .xmgl_icon {background-image: url("../img1/nav/checked/xmgl.png");}
/*账户管理*/
.zhhgl_icon {background-image: url("../img1/nav/zhgl.png");}
.layui-nav-itemed .zhhgl_icon, .layui-nav-item:hover .zhhgl_icon {background-image: url("../img1/nav/checked/zhgl.png");}
/*合同模板管理*/
.htmbgl_icon {background-image: url("../img1/nav/htmbgl.png");}
.layui-nav-itemed .htmbgl_icon, .layui-nav-item:hover .htmbgl_icon {background-image: url("../img1/nav/checked/htmbgl.png");}
/*投诉管理*/
.tsgl_icon {background-image: url("../img1/nav/tsgl.png");}
.layui-nav-itemed .tsgl_icon, .layui-nav-item:hover .tsgl_icon {background-image: url("../img1/nav/checked/tsgl.png");}
/*备件管理*/
.bjgl_icon {background-image: url("../img1/nav/bjgl.png");}
.layui-nav-itemed .bjgl_icon, .layui-nav-item:hover .bjgl_icon {background-image: url("../img1/nav/checked/bjgl.png");}
/*财务管理*/
.cwgl_icon {background-image: url("../img1/nav/cwgl.png");}
.layui-nav-itemed .cwgl_icon, .layui-nav-item:hover .cwgl_icon {background-image: url("../img1/nav/checked/cwgl.png");}
/*通知公告*/
.tzgg_icon {background-image: url("../img1/nav/tzgg.png");}
.layui-nav-itemed .tzgg_icon, .layui-nav-item:hover .tzgg_icon {background-image: url("../img1/nav/checked/tzgg.png");}
/*技术资料*/
.jszl_icon {background-image: url("../img1/nav/jszl.png");}
.layui-nav-itemed .jszl_icon, .layui-nav-item:hover .jszl_icon {background-image: url("../img1/nav/checked/jszl.png");}
/*工单管理*/
.gdgl_icon {background-image: url("../img1/nav/gdgl.png");}
.layui-nav-itemed .gdgl_icon, .layui-nav-item:hover .gdgl_icon {background-image: url("../img1/nav/checked/gdgl.png");}
/*代理商管理*/
.dlsgl_icon {background-image: url("../img1/nav/dlsgl.png");}
.layui-nav-itemed .dlsgl_icon, .layui-nav-item:hover .dlsgl_icon {background-image: url("../img1/nav/checked/dlsgl.png");}
/*服务商管理*/
.fwsgl_icon {background-image: url("../img1/nav/fwsgl.png");}
.layui-nav-itemed .fwsgl_icon, .layui-nav-item:hover .fwsgl_icon {background-image: url("../img1/nav/checked/fwsgl.png");}
/*待审批业务*/
.dspyw_icon {background-image: url("../img1/nav/dspyw.png");}
.layui-nav-itemed .dspyw_icon, .layui-nav-item:hover .dspyw_icon {background-image: url("../img1/nav/checked/dspyw.png");}
/*资产管理*/
.zcgl_icon {background-image: url("../img1/nav/zcgl.png");}
.layui-nav-itemed .zcgl_icon, .layui-nav-item:hover .zcgl_icon {background-image: url("../img1/nav/checked/zcgl.png");}
/*合同管理*/
.htgl_icon{background-image: url("../img1/nav/htgl.png");}
.layui-nav-itemed .htgl_icon, .layui-nav-item:hover .htgl_icon {background-image: url("../img1/nav/checked/htgl.png");}
/*方案管理*/
.fagl_icon {background-image: url("../img1/nav/fagl.png");}
.layui-nav-itemed .fagl_icon, .layui-nav-item:hover .fagl_icon {background-image: url("../img1/nav/checked/fagl.png");}
/*文件管理*/
.wjgl_icon {background-image: url("../img1/nav/wjgl.png");}
.layui-nav-itemed .wjgl_icon, .layui-nav-item:hover .wjgl_icon {background-image: url("../img1/nav/checked/wjgl.png");}
/*系统设置*/
.xtsz_icon {background-image: url("../img1/nav/xtsz.png");}
.layui-nav-itemed .xtsz_icon, .layui-nav-item:hover .xtsz_icon {background-image: url("../img1/nav/checked/xtsz.png");}
/*保单管理*/
.bdgl_icon {background-image: url("../img1/nav/bdgl.png");}
.layui-nav-itemed .bdgl_icon, .layui-nav-item:hover .bdgl_icon {background-image: url("../img1/nav/checked/bdgl.png");}
/*开卡管理*/
.kkgl_icon {background-image: url("../img1/nav/kkgl.png");}
.layui-nav-itemed .kkgl_icon, .layui-nav-item:hover .kkgl_icon {background-image: url("../img1/nav/checked/kkgl.png");}
/*电站变更*/
.dzbg_icon {background-image: url("../img1/nav/dzbg.png");}
.layui-nav-itemed .dzbg_icon, .layui-nav-item:hover .dzbg_icon {background-image: url("../img1/nav/checked/dzbg.png");}
/*审核管理*/
.shgl_icon {background-image: url("../img1/nav/shgl.png");}
.layui-nav-itemed .shgl_icon, .layui-nav-item:hover .shgl_icon {background-image: url("../img1/nav/checked/shgl.png");}
/*.layui-nav-itemed .fws-icon, .layui-nav-item:hover .fws-icon {*/
/*    background-position: -30px -287px;*/
/*}*/

.item-flow {
    overflow: hidden;
    line-height: 50px;
}

.item-flow > div {
    float: left;
    height: 54px;
    border: 2px solid #FFB800;
    border-radius: 10px;
    padding: 0 2%;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    box-sizing: border-box;
    margin-bottom: 30px;
    vertical-align: middle;
}

.item-flow b {
    color: #333;
}

.item-flow a {
    text-decoration: underline;
    font-weight: bold;
    color: #FFB800;
}

.item-flow > img {
    float: left;
    margin: 0 2% 30px;
    width: 4%;
    height: 54px;
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #0a6597 !important;
    background-color: #0a6597 !important;
    color: #fff;
}

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

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

.layui-layer-title {
    padding: 0 27px 0 20px !important;
}

/*登录*/
* {
    padding: 0;
    margin: 0;
}

.login-contain {
    height: 100%;
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
}

.bg-login {
    height: 100%;
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    transition: 1s;
    background: url('../img1/bj.jpg') center center/110% 110% no-repeat;
}

.login-input {
    width: 489px;
    height: 599px;
    position: fixed;
    top: 10vh;
    right: 16.5vw;
    z-index: 1000;
    background: url('../img1/login-bg.png') center center/cover;

}

.login-detail {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px !important;
}

.login-input > div {
    margin: 0 auto;
    width: 280px;
    height: 50px;
}

.login-logo {
    text-align: center;
    padding-top: 103px;
    padding-bottom: 50px;
}

.login-detail input {
    height: 100%;
    width: 100%;
    float: left;
    border: none;
    box-sizing: border-box;

}

.login-detail input:focus {
    outline: none;
}

.login-detail1 {
    box-sizing: border-box;
    padding-left: 40px;
    background: url("../img1/ren.png") 10px center/20px 20px no-repeat;
}

.login-detail2 {
    padding-left: 40px;
    box-sizing: border-box;
    background: url("../img1/mima.png") 10px center/20px 20px no-repeat;
}


.checked {
    background: url("../img1/checked.png") 0 0/18px 18px no-repeat !important;

}

.login {
    width: 280px;
    height: 48px;
    background: #FFB800;
    font-size: 18px;
    border: none;
    border-radius: 24px;
    color: rgba(255, 255, 255, 1);
    display: block;
    margin: 70px auto 0;
}

.foot {
    width: 100%;
    font-size: 12px;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
}

.foot > p {
    width: 100%;
    height: 44px;
    background: #FFB800;
    font-size: 12px;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    line-height: 44px;
}

.foot > div, .foot a {
    color: #FFB800;
    line-height: 52px;
    text-decoration: none;
}

.foot img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: 0 5px 3px;
}

.order-list {
    word-break: break-all;
}

/*官网*/
.left-login {
    position: absolute;
    width: 70%;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    /*background: #ff0000;*/
}

.right-login {
    position: absolute;
    width: 30%;
    display: block;
    right: 0;
    height: 100%;
    z-index: 100;
    top: 0;
}

.layui-layout-admin .layui-header .layui-nav .layui-nav-item, .layui-layout-admin .layui-logo {
    height: 50px;
    line-height: 50px;
}

.layui-layout-admin .layui-header {
    height: 50px;
}

.layadmin-pagetabs {
    top: 50px;
}

.layui-layout-admin .layui-body {
    top: 85px;
}

.layui-fluid {
    padding: 5px;
}

.layui-table-cell {
    height: 26px;
    line-height: 26px;
}

/*.layui-card-body {
    padding: 5px 10px;
}*/
.layadmin-pagetabs {
    height: 35px;
    line-height: 35px;
}

.layadmin-pagetabs .layui-tab-title {
    height: 35px;
}

.layadmin-pagetabs .layui-tab-title li {
    line-height: 35px;
}

.layadmin-tabs-select.layui-nav .layui-nav-item > a {
    height: 35px;
}

.layui-btn {
    height: 27px;
    line-height: 27px;
}

@media screen and (max-width: 992px) {
    .layui-layout-admin .layui-side {
        transform: translate3d(-200px, 0, 0);
        -webkit-transform: translate3d(-160px, 0, 0);
        width: 160px;
    }
}

.layui-layout-admin .layui-side {
    width: 200px;
}

.layui-side-menu .layui-side-scroll {
    width: 220px;
    background:#2d3037 url("../img/left_bg.png") no-repeat center bottom;
    background-size: cover;
}

.layui-side-scroll {
    width: 200px;
}

.layui-layout-admin .layui-logo {
    width: 200px;
    background: #0a6597 !important;
}

.layui-side-menu .layui-nav {
    width: 200px;
}

.layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-layout-left {
    left: 200px;
}
.layui-layout-admin .layui-layout-left{left: 0 !important;}

.layui-layout-admin .layui-header .layui-nav {
    padding-right: 30px;
}

.layui-table-tool {
    padding: 10px 15px !important;

    min-height: 45px !important;
}

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

:-webkit-autofill {
    -webkit-text-fill-color: transparent !important;
}

@media screen and (max-width: 992px) {
    .layadmin-pagetabs, .layui-layout-admin .layui-body, .layui-layout-admin .layui-footer, .layui-layout-admin .layui-layout-left {
        left: 0;
    }
}

.layadmin-side-shrink .layui-side {
    left: 0;
    width: 60px;
}

.layadmin-side-shrink .layui-layout-admin .layui-logo {
    width: 60px;
    background: #0a6597 url('../img1/logo-s.png') no-repeat center !important;
}

.layadmin-side-shrink img {
    display: none;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #333 !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
/ / 背景色透明 生效时长 过渡效果 启用时延迟的时间
}

.re-record > ul {
    overflow-y: auto;
}

.layui-colla-title  {
    height: 28px;
    line-height: 28px;
}

.layui-collapse {
    border: none;
}

.pay {
    width: 100px;
    height: 40px;
    border: 2px solid #aaa;
    margin-right: 10px;
    float: left;
    line-height: 40px;
    font-size: 16px;
    padding-left: 40px;
    cursor: pointer;
}

.pay > input {
    float: left;
    opacity: 0;
}

.aliPay {
    background: url("../img1/ali.png") 10px center/30px 30px no-repeat;
}

.weChat {
    background: url("../img1/we.png") 10px center/30px 30px no-repeat;
}

.payActive {
    border: 2px solid #ff6600;
}

.pay-title > span {
    height: 40px;
}

.ali-title {
    display: block;
    line-height: 40px;
    text-align: left;
}

.ali-title > b {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    vertical-align: middle;
    background: url("../img1/ali.png") center center/30px 30px no-repeat;
}

.weChat-title > b {
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    vertical-align: middle;
    background: url("../img1/we.png") center center/30px 30px no-repeat;
}

.pay-code {
    width: 200px;
    height: 200px;
    padding: 10px;
    margin: 20px auto;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.pay-code img, .pay-code canvas {
    height: 100%;
    width: 100%;
    background: #ff6600;
}

/*注册*/
.register-contain {
    height: 100%;
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    background: url('../img1/registerBg.png') center center/110% 110% no-repeat;
}

.register {
    width: 685px;
    margin: 0 auto;
    padding-top: 6vh;
}

.step1 {
    font-size: 18px;
    font-weight: bold;
    color: rgba(49, 49, 49, 1);
    padding-top: 4vh;
}

.register-input {
    overflow: hidden;
    margin: 18px 0 0 20px;
    width: 550px;
    height: 60px;
}

.register-input > span {
    width: 140px;
    float: left;
    color: #313131;
    font-size: 14px;
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
    line-height: 60px;
}

.register-input > div {
    width: 355px;
    float: left;
    height: 59px;
    border-bottom: 1px solid #ddd;
}

.register-input input {
    height: 100%;
    width: 250px;
    bordeR: none;
    float: left;
    outline: none;
    padding-left: 10px;
    box-sizing: border-box;
    background: transparent;
}

.register-input button {
    width: 96px;
    height: 36px;
    background: #FFB800;
    border-radius: 5px;
    color: #fff;
    bordeR: none;
    float: left;
    margin-top: 14px;
}

.read {
    margin-top: 20px;
    text-align: left;
    padding-left: 160px;
    color: #313131;
    font-size: 14px;
}

.read label {
    float: left;
    height: 30px;
    padding-left: 12px;
    background: url("../img1/wei.png") left top no-repeat;
}

.hasRead {
    background: url("../img1/xuanzhong.png") left top no-repeat !important;
}

.read input {
    opacity: 0;
}

.read a {
    color: #FFB800;
}

.next-register {
    display: block;
    margin: 50px auto 0;
    color: #fff;
    border: none;
    width: 355px;
    height: 54px;
    background: #FFB800;
    border-radius: 27px;
    font-size: 18px;
}

.font-fff {
    color: #fff !important;
}

.register-input select {
    height: 100%;
    width: 32%;
    border: none;
    outline: none;
    background-color: transparent;
    /*appearance:none;*/
    /*-moz-appearance:none;*/
    /*-webkit-appearance:none;*/
    color: #333;
}

.register-success {
    color: #333;
    margin-top: 30px;
}

.tailoring-content-one,.file{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}
.tailoring-content-one{
    opacity: 0;
}
.file{
    background: url("../img1/jia.png") center center/100px 100px no-repeat;
}
.tailoring-content .preview-box-parcel{
    position: initial;
    height: auto;
    margin-top: 5vh;
    padding-left: 5%;
}
.tailoring-content .tailoring-content-two {
    width: 40%;
    height: auto;
    position: relative;
    padding: 5px 0;
    margin-top: 5vh;
    border-right: 2px dashed #ddd;
}

.tailoring-content .tailoring-box-parcel {
    width: 400px;
    height: 240px;
    position: initial;
    width: 400px;
    margin: 0 auto;
    border: solid 1px #ddd;
}
.tailoring-content-two>h1,.preview-box-parcel>h1{
    width: 400px;
    font-size:13px;
    margin: 0 auto;
    font-weight:bold;

    color:rgba(32,34,42,1);
    margin-bottom: 10px;
}
.previewImg{
    width: 260px;
    height: 70px;
}
.tailoring-content1{
    width: 100%;
    height: 90vh;
}
.sureCut{
    float: inherit;
    margin-left: 45%;
}
.cha{
    position: absolute;
    top:0;
    right: 0;
    display: none;
    width: 40px;
    height: 40px;
    background: url("../img1/x.png") right top no-repeat;
    cursor: pointer;
    z-index: 10001;
}
.tailoring-box-parcel:hover .cha{
    display: block;
    cursor: pointer;
}
.choose-file{
    position:absolute;
    top:2px;
    right: 0;
    padding: 0 5px;
}
.choose-file>input{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.operate-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 30000;
    background: #fff;
    padding: 10px 0;
    text-align: center;
}
/** 列表操作栏文字样式 **/
.layui-table-opt-link{
    font-size: 13px;
    color: #0a6597;
    cursor: pointer;
}
.layui-table-opt-link:hover{
    color: #0a6597 !important;
}
/** 数据表格分页靠右 */
.layui-table-page {
    text-align: right;
}
.layui-elem-quote {
    line-height: 34px;
    margin: 0 0 0 20px;
    padding: 0 15px 0 15px;
    border-left: 5px solid #0a6597;
}
.layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom: 2px solid #0a6597;
}
.layui-form-select dl {
    z-index: 99999;
}
.layui-card{
    box-shadow: none;
}

.img-box>div{ display: inline-block; margin-right: 10px}
.block-hide{display: none}
.layui-form-mid {
    padding: 7px 0 !important;
}

/**zj 2023-8-7**/
.layui-nav-itemed > .layui-nav-child {
    background-color: #262930 !important;
}

/**zj 2024-1-19**/
.inline-block{ display: inline-block}
.clear-both{clear: both}
.form-box .layui-inline{ margin-bottom: 10px}
.over-auto{overflow: auto}
.upload-txt{ color: #0099FF; display: block; margin-top: 8px}

input[type="text"]:disabled,textarea:disabled,.layui-disabled {
    background-color: #f0f0f0;
}

xm-select{min-height: 33px !important; line-height: 33px !important;}
.query-adr{display: flex; justify-content: space-between; height: 36px;}
.layui-card{box-shadow: none}