::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track-piece
{
    background-color: #CCCCCC;
    -webkit-border-radius: 4px;
}
::-webkit-scrollbar-thumb:vertical
{
    height: 5px;
    background-color: #7C7C7C;
    -webkit-border-radius: 4px;
}
::-webkit-scrollbar-thumb:horizontal
{
    width: 5px;
    background-color: #7C7C7C;
    -webkit-border-radius: 4px;
}

body{background: #F6F7F8;font: 12px PingFang SC,Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,\\5B8B\4F53,sans-serif;
    color: #333333;
    -webkit-font-smoothing: antialiased;min-width:320px}
 
@media screen and (min-width: 992px){
.layui-container {
    width: 970px;
}}
@media screen and (min-width: 1200px){
.layui-container {
    width: 1000px;
}}
@media screen and (min-width: 1300px){
.layui-container {
    width: 1000px;
    padding: 0;
}}
.mt20{margin-top:20px}
.mt100{margin-top:100px}
.mb20{margin-bottom:20px}
.mb50{margin-bottom:50px}
.mb30{margin-bottom:30px}
.tc{ text-align:center}


/*底部*/
.footer{padding-bottom: 20px; background: #333;}
.footer .footer-web{padding-top: 20px; padding-bottom: 20px;    border-bottom: 1px #f6f7f8 solid; margin-bottom: 20px;}
.footer .footer-web a{color: #999; line-height: 22px; margin-right: 20px; transition: 0.3s;}
.footer .footer-web a:hover{color: #dce1e0; transition: 0.3s;}
.footer .footer-contact{color: #999; text-align:center;padding-top:20px}
.footer .footer-contact a{color: #999;}
.footer .footer-web a:hover{color:#333}
.footer .footer-contact .contact-top{padding-top: 0px; line-height: 25px;}
.footer .footer-contact .contact-bottom{line-height: 25px;}
.footer .footerico{ text-align:center;color:#fff; padding-top:20px;}
.footer .footerico a{color:#fff;font-size:28px}

.lanTips{position: fixed; z-index: 9999;bottom: 0; width: 100%;background: #009AFF;color: #fff; height: 80px;line-height: 80px;text-align: center;font-size: 14px;}
.lanTips a{ color:#fff;border:1px solid #fff;padding: 2px 10px;cursor:pointer;font-size:16px;border-radius:5px;}
.lanTips a.no{ color:#fff;padding: 2px 10px;cursor:pointer;font-size:14px;border:0px}
/*大屏幕*/
@media screen and (min-width: 992px){
.footer .footer-contact{color: #999; text-align:left}
.footer .footer-contact .contact-top{padding-top: 0px; line-height: 30px;}
.footer .footer-contact .contact-bottom{line-height: 30px;} 
}

.gotopc{width:32px;height:32px;display:none;position:fixed;bottom:20px;right:10px;background:rgba(0,0,0,.5);border-radius:2px;z-index:99}
.gotopc i{color:#fff;font-size:32px;cursor:pointer}
.gotopc.active{display:block!important;animation:fadein 1s;line-height:32px}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
@media screen and (min-width:768px){.gotopc{width:60px;height:60px}
.gotopc.active{line-height:60px}
.gotopc i{color:#fff;font-size:60px;cursor:pointer}
}
.heartbox{position:fixed;z-index:998;top:50%;width:100px;height:100px;margin-top:-50px;margin-left:-50px;left:50%; z-index:-1}
.heartbox.heart{ z-index:1;background:url(https://yun.chaojidazui8.com/upload/weApp/heart.png) no-repeat;background-position:0 0;cursor:pointer;-webkit-transition:background-position 1s steps(28);transition:background-position 1s steps(28);transform:scale(.5);-webkit-transition-duration:0s;transition-duration:0s}
.heartbox.heart.is-active{-webkit-transition-duration:1s;transition-duration:1s;background-position:-2800px 0;transform:scale(.5)}
#load{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#009aff;position:fixed;z-index:9999;top:0;width:100%}
#load ul{height:200px}
#load li{float:left;width:20px;height:20px;border-radius:20px;margin-right:10px}
#load li:nth-child(1){background-color:#f62e74;animation:love1 4s infinite}
#load li:nth-child(2){background-color:#f45330;animation:love2 4s infinite;animation-delay:.15s}
#load li:nth-child(3){background-color:#ffc883;animation:love3 4s infinite;animation-delay:.3s}
#load li:nth-child(4){background-color:#30d268;animation:love4 4s infinite;animation-delay:.45s}
#load li:nth-child(5){background-color:#006cb4;animation:love5 4s infinite;animation-delay:.6s}
#load li:nth-child(6){background-color:#784697;animation:love4 4s infinite;animation-delay:.75s}
#load li:nth-child(7){background-color:#ffc883;animation:love3 4s infinite;animation-delay:.9s}
#load li:nth-child(8){background-color:#f45330;animation:love2 4s infinite;animation-delay:1.05s}
#load li:nth-child(9){background-color:#f62e74;animation:love1 4s infinite;animation-delay:1.2s}
@keyframes love1{30%,50%{height:60px;transform:translateY(-30px)}
100%,75%{height:20px;transform:translateY(0)}
}
@keyframes love2{30%,50%{height:125px;transform:translateY(-62.5px)}
100%,75%{height:20px;transform:translateY(0)}
}
@keyframes love3{30%,50%{height:160px;transform:translateY(-75px)}
100%,75%{height:20px;transform:translateY(0)}
}
@keyframes love4{30%,50%{height:180px;transform:translateY(-60px)}
100%,75%{height:20px;transform:translateY(0)}
}
@keyframes love5{30%,50%{height:190px;transform:translateY(-45px)}
100%,75%{height:20px;transform:translateY(0)}
}
.loader9:before{content:"";position:absolute;top:0;height:12px;width:12px;border-radius:12px;-webkit-animation:loader9g 3s ease-in-out infinite;animation:loader9g 3s ease-in-out infinite}
.loader9{position:relative;width:12px;height:12px;border-radius:12px;background-color:#fff}
.loader9:after{content:"";position:absolute;top:0;height:12px;width:12px;border-radius:12px;-webkit-animation:loader9d 3s ease-in-out infinite;animation:loader9d 3s ease-in-out infinite}
@-webkit-keyframes loader9g{0%{left:-25px;background-color:rgba(255,255,255,.8)}
50%{left:0;background-color:rgba(255,255,255,.1)}
100%{left:-25px;background-color:rgba(255,255,255,.8)}
}
@keyframes loader9g{0%{left:-25px;background-color:rgba(255,255,255,.8)}
50%{left:0;background-color:rgba(255,255,255,.1)}
100%{left:-25px;background-color:rgba(255,255,255,.8)}
}
@-webkit-keyframes loader9d{0%{left:25px;background-color:rgba(255,255,255,.8)}
50%{left:0;background-color:rgba(255,255,255,.1)}
100%{left:25px;background-color:rgba(255,255,255,.8)}
}
@keyframes loader9d{0%{left:25px;background-color:rgba(255,255,255,.8)}
50%{left:0;background-color:rgba(255,255,255,.1)}
100%{left:25px;background-color:rgba(255,255,255,.8)}
}
.loader6{position:relative;width:12px;height:12px;top:-webkit-calc(50% - 6px);top:calc(50% - 6px);left:-webkit-calc(50% - 6px);left:calc(50% - 6px);border-radius:12px;background-color:#fff;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:loader6 1s ease-in-out infinite;animation:loader6 1s ease-in-out infinite}
.loader6:before{content:"";position:absolute;background-color:rgba(255,255,255,.5);top:0;left:-25px;height:12px;width:12px;border-radius:12px}
.loader6:after{content:"";position:absolute;background-color:rgba(255,255 ,255 ,.5);top:0;left:25px;height:12px;width:12px;border-radius:12px}
@-webkit-keyframes loader6{0%{-webkit-transform:rotate(0)}
50%{-webkit-transform:rotate(180deg)}
100%{-webkit-transform:rotate(180deg)}
}
@keyframes loader6{0%{transform:rotate(0)}
50%{transform:rotate(180deg)}
100%{transform:rotate(180deg)}
}

.layui-form-label em {
    color: red;
    font-style: normal
}
.aipaste {
    color: #00B4AA;cursor:pointer
}
.aipaste:hover{
    color:#f45330
}
@media screen and (max-device-width: 450px) {
    .layui-form-item {
        margin-bottom: 5px
    }
}
.newsent-half-top-left.sent {
    background: url(https://cdn.kuaidi100.com/images/m/dispatch/ico_send.png);
    background-size: 24px;
    background-repeat: no-repeat;
}

.newsent-half-top-left {
    width: 42%;
    font-size: 16px;
    color: #333333;
    padding-left: 28px;
    line-height: 24px;
}
.ib {
    display: inline-block;
}
.newsent-half-top-left.rec {
    background: url(https://cdn.kuaidi100.com/images/m/dispatch/ico_shou.png);
    background-size: 24px;
    line-height: 24px;
    background-repeat: no-repeat;
}
.layui-textarea.aitxt {
    height: 148px
}
.layui-textarea.aitxt::-webkit-input-placeholder {
    padding-top: 40px
}
.tipsbox {
    padding: 5px 10px;
    background: #ffeae3;
    color: red;
}
.graycolor{color:#999}
.redcolor {
    color: #f45330
}
.layui-table.mini td, .layui-table.mini th {
    padding: 4px 8px;
}
.layui-form-checkbox[lay-skin=primary]{
    padding-left:23px;
}
#steps {
}

.step-item {
    display: inline-block;
    line-height: 26px; 
    position: relative;
    background: #ffffff;
}

.step-item-tail {
    width: 100%; 
    position: absolute;
    top: 13px;
}

    .step-item-tail i {
        display: inline-block;
        width: 100%;
        height: 1px;
        vertical-align: top;
        background: #c2c2c2;
        position: relative;
    }

.step-item-tail-done {
    background: #009688 !important;
}

.step-item-head {
    position: relative; 
    height: 26px;
    width: 26px;
    text-align: center;
    vertical-align: top;
    color: #009688;
    border: 1px solid #009688;
    border-radius: 50%;
    background: #ffffff;
    margin:0px auto;
}
.fr50{
    right:0px;
    width:50%
}
.fl50 {
    left: 0px;
    width: 50%
}
.step-item-head.step-item-head-active {
    background: #009688;
    color: #ffffff;
}

.step-item-main {
    background: #ffffff;
    display: block;
    position: relative;
    text-align:center;
}

.step-item-main-title {
    font-weight: bolder;
    color: #555555;
}

.step-item-main-desc {
    color: #aaaaaa;
}
.change{cursor:pointer}

.layui-form-itemb{
    width:310px;
    float:left;
    margin-bottom:5px
}
.layui-form-itemb.ctime {
        width: 620px;
        float: left;
        margin-bottom: 5px
}
a.on{color:#009688;cursor:pointer}
a.on:hover{color:#f45330}
.sanjiao_up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #f2f2f2;
}