html,body{
    font-size: 12px;
    font-family: 微软雅黑, MicrosoftYahei, sans-serif;
    width: 100%;
    height: 100%;
}
a {
    color: #080808;
    text-decoration: none!important;
}
input.readonly {
    background-color: #f8f9fa;
    opacity: 1;
}
.hidden {
    display: none !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
table th {
    word-break: keep-all;
    white-space: nowrap
}
table tr {
    width:100%;
}
/*表头文字居中*/
th {
    text-align:center;
    font-weight: 700;
    vertical-align:middle !important;
}
td {
    vertical-align:middle !important;
}
/*两端对齐*/
.justified-text {
    text-align: justify;
}
.justified-text:after {
    content: '';
    display: inline-block;
    width: 100%;
}
/*表格第一列*/
.td1 {
    width:1.5em;
    text-align:center;
}
.d-grid {
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: 1fr;
}
/*修改文件上传*/
.file-preview .file-preview-thumbnails{
    display:-ms-flexbox !important;
    display:flex !important;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    flex-direction: row !important;
}
.file-preview .file-preview-frame{
    -ms-flex-preferred-size:0;
    flex-basis:0;
    -ms-flex-positive:1;
    flex-grow:1;
    width:100px !important;
    margin: 2px !important;
}
.file-preview .file-details-cell{
    width:140px !important;
}
.file-preview .close {
    display: none !important;
}
/*必填项目*/
.require {
    border: 1px solid #ffa8a8;
    background-color: #fff3f3;
    border-radius: 0.25rem
}
.banner {
    display: block;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    width: 95%;
}
.banner .turnplate {
    position: relative;
    display: block;
    width: 100%;
}
.banner .turnplate canvas.item {
    width: 100%;
}
.banner .turnplate img.pointer {
    position: absolute;
    top: 23%;
    left: 34.6%;
    width: 31.5%;
    height: 42.5%;
}
/*加载*/
.loading{position:fixed; left:0; top:0; font-size:18px; z-index:1002;width:100%; height:100%; filter: alpha(opacity=60); background-color: #777;opacity:0.5; -moz-opacity:0.5; text-align:center;}
.loadbox{position:absolute; width:400px;height:400px; color: #aaa; left:50%; top:50%; margin-top:-200px; margin-left:-200px;}
.loadbox img{ margin:10px auto; display:block;}

/*版权*/
.copyright{ background:rgba(19,31,64,.32); border: 1px solid rgba(255,255,255,.05); line-height:.5rem; text-align: center; padding-right: 15px; bottom: 0; color:rgba(255,255,255,.7); font-size: .16rem; }

/*遮罩层*/
.mask {
    position: absolute;
    z-index: 1002;
    top: 0;
    left: 0;
    filter: alpha(opacity=60); background-color: #777;
    opacity:0.5; -moz-opacity:0.5;
}
/*手型*/
.cursor{
    cursor:pointer;
}
.cursor:hover{
    background-color:#F2F2F2
}
.center-form {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    min-height: 300px;
    height: auto;
}
/*自定义的常用样式*/
.well {
    padding: 2rem 1rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}
.well-sm {
    padding: 1rem 1rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}
.well-lg {
    padding: 3rem 3rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

.img-circle {
    border-radius: 50%;
}

.radius5 {
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
.radius8 {
    border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
}
.radius10 {
    border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
}
.radius20 {
    border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
}

.radius5-top {
    border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;
}
.radius5-right {
    border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;
}
.radius5-bottom {
    border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;
}
.radius5-left {
    border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;
}

.radius10-top {
    border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
}
.radius10-right {
    border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;
}
.radius10-bottom {
    border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
}
.radius10-left {
    border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.badge2 {
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 3px
}
/*闪烁*/
@-webkit-keyframes bigAssButtonPulse {
    from { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333; }
    50% { background-color: #91bd09; -webkit-box-shadow: 0 0 50px #91bd09; }
    to { background-color: #749a02; -webkit-box-shadow: 0 0 25px #333; }
}
@-webkit-keyframes greenPulse {
    from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
    50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
    to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
}
@-webkit-keyframes bluePulse {
    from { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333; }
    50% { background-color: #2daebf; -webkit-box-shadow: 0 0 18px #2daebf; }
    to { background-color: #007d9a; -webkit-box-shadow: 0 0 9px #333; }
}
@-webkit-keyframes orangePulse {
    from { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
    50% { background-color: #ffb515; -webkit-box-shadow: 0 0 18px #ffb515; }
    to { background-color: #fc9200; -webkit-box-shadow: 0 0 9px #333; }
}
@-webkit-keyframes redPulse {
    from { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
    50% { background-color: #e33100; -webkit-box-shadow: 0 0 18px #e33100; }
    to { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }
}
.flash-big-green {
    color: #fff;
    -webkit-animation: bigAssButtonPulse 1s infinite ease-in-out;
}
.flash-green {
    color: #fff;
    -webkit-animation: greenPulse 1s infinite ease-in-out;
}
.flash-blue {
    color: #fff;
    -webkit-animation: bluePulse 1s infinite ease-in-out;
}
.flash-orange {
    color: #fff;
    -webkit-animation: orangePulse 1s infinite ease-in-out;
}
.flash-red {
    color: #fff;
    -webkit-animation: redPulse 1s infinite ease-in-out;
}

/*双下划线*/
.underline-double{
    border-style:none none double none;
}

/*只有下划线的输入框*/
.input-outline{
    border-bottom: 1px solid #dbdbdb;
    border-top:0px;
    border-left:0px;
    border-right:0px;
    outline:none;
}

/*提醒*/
.strength {color: #999;line-height: 22px;padding-right: 10px;clear: both;float: none;position: absolute;top:39px;right: -9px;}

/*块状*/
.block{ font-style:normal; font-size:10px; width:34px; height:16px;line-height:16px; display:inline-block; background:#dbdbdb; text-align:center; margin-left:1px; color:#fff;}

/*旋转*/
.rotateClass {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-animation: play 3s linear infinite;
    animation: play 3s linear infinite
}
/*选中*/
.getListSelected {
    color: #fff !important;
    background-color: orange !important;
}
/*可放大的图片*/
.img_dialog{
    cursor:pointer;
}
/*图片填充父元素*/
.imgbox{
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;/*重要属性*/
}
.imgbox img{
    width: 100%;
    position: absolute;
}
/*边距 与boostrap中 px-n  一致*/
.pl-1{padding-left:.25rem!important}
.pl-2{padding-left:.5rem!important}
.pl-3{padding-left:1rem!important}
.pl-4{padding-left:1.5rem!important}
.pl-5{padding-left:3rem!important}

.pr-1{padding-right:.25rem!important;}
.pr-2{padding-right:.5rem!important;}
.pr-3{padding-right:1rem!important;}
.pr-4{padding-right:1.5rem!important;}
.pr-5{padding-right:3rem!important;}
/*行标题*/
.label4{
    width:6em;
    padding: 0 0.5em;
}
.label6{
    width:6em;
    padding: 0 0.5em;
}
.label8{
    width:6em;
    padding: 0 0.5em;
}

/*透明*/
.opacity-5 {
    opacity: .05
}
.opacity-10{
    opacity: .1
}
.opacity-50{
    opacity: .5
}
.opacity-60{
    opacity: .6
}
.opacity-75{
    opacity: .75
}
.opacity-80{
    opacity: .8
}
.opacity-90{
    opacity: .9
}
.opacity-100{
    opacity: 1
}
/*纯文本长内容强制换行*/
.text-content {
    word-wrap: break-word;
    word-break: break-all;
}
/*首行缩进*/
.text-indent {
    text-indent: 2em !important;
}
/*超出省略*/
.text-overflow {
    display: block !important;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.inline-block {
    display: inline-block
}
/*强制不换行*/
.inline-keep {
    word-break: keep-all;
    white-space: nowrap
}

.fixed-top {
    position: fixed;
    top: 62px
}
.list-item {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #e7e7e7;
}
.list-item2 {
    width: 49.9%;
    padding: 2px;
    float: left;
    border-bottom: 0px;
}
.list-item>div>div {
    margin: 2px 0 2px 0;
    line-height: 1.6
}
.list-block {
    border: 1px solid #e7e7e7;
    color: #080808;
    border-radius: 5px;
    background-color: #fff
}

.add-button, .cart{
    position: fixed;
    bottom: 100px;
    right: 24px;
    min-width: 48px;
    border-radius: 20px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
    z-index: 1000;
}
.rel {
    position: relative
}
.abs {
    position: absolute
}
.fixed {
    position: fixed
}

.slide-remark {
    background-color: rgba(0,0,0,.5);
    overflow: hidden;
    padding: 5px;
    width: 100%;
    color: #fff;
    font-size: 1em
}

.center-x {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

.center-body {
    display:flex;
    justify-content:center;
    align-items:center;
}

.middle {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}
.middle_win {
    width: 100%;
    max-width: 768px;
    /*position: absolute;*/
    top: 50%;
    -webkit-transform: translate(0,-50%)!important;
    transform: translate(0,-50%)!important
}
.in-center {
    z-index: 29991;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.ts {
    text-shadow: 1px 1px 0 #fff,1px 1px 2px rgba(0,85,0,.8)
}
/*背景色*/
.bg-active {
    background-color: #f3b613 !important;
}

.bg-white {
    background-color: #fff
}

.bg-green {
    background-color: #04be02
}

.bg-green1 {
    background-color: #20c997
}

.bg-green2 {
    background-color: #1abc9c
}

.bg-green3 {
    background-color: #2ecc71
}
.bg-green4 {
    background-color: #9ac503
}

.bg-green5 {
    background-color: #C8EFF2
}

.bg-green6 {
    background-color: #14c760
}

.bg-green7 {
    background-color: #23ac38
}

.bg-green8 {
    background-color: #198754
}


.bg-red {
    background-color: #ef4f4f
}

.bg-red1 {
    background-color: #fc5366
}

.bg-red2 {
    background-color: #e74c3c
}

.bg-red3 {
    background-color: #ff0036
}

.bg-red4 {
    background-color: #ff5733
}

.bg-blue {
    background-color: #18b4ed
}

.bg-blue:not(.weui_btn_disabled):visited {
    color: #fff
}

.bg-blue:not(.weui_btn_disabled):active {
    color: hsla(0,0%,100%,.4);
    background-color: #18b4ed
}

.bg-blue-b {
    color: #18b4ed;
    border: 1px solid #18b4ed
}

.bg-blue1 {
    background-color: #36A1DB
}

.bg-blue2 {
    background-color: #678ce1
}

.bg-blue3 {
    background-color: #282C8BFF
}

.bg-blue4 {
    background-color: #3598db
}

.bg-blue5 {
    background-color: #002456
}

.bg-blue7 {
    background-color: #337ab7;
    border-color: #2e6da4
}

.bg-blue8 {
    background-color: #4c97d5
}

.bg-blue9 {
    background-color: #0d6efd
}

.bg-black {
    background-color: #000
}

.bg-black2 {
    background-color: #34495e
}

.bg-orange1 {
    background-color: #f3b613
}

.bg-orange2 {
    background-color: #ff8a4a
}

.bg-orange3 {
    background-color: #f39c12
}

.bg-orange8 {
    background-color: #ff7055
}

.bg-orange9 {
    background-color: #FF7F27
}

.bg-gray {
    background-color: #fafafa
}
.bg-gray1 {
    background-color: #f0f0f0
}
.bg-gray2 {
    background-color: #e6e6e6;
}
.bg-gray3 {
    background-color: #c8c8c8
}
.bg-gray4 {
    background-color: #b4b4b4
}

.bg-yellow {
    background-color: #ffc
}

button.bg-blue-b,input.bg-blue-b {
    border-width: 1px;
    background-color: transparent
}

.bg-blue-b:active {
    border-color: #18b4ed
}

.bg-blue-b:after {
    border-width: 0
}

.bg-orange {
    background-color: #f60
}

.bg-orange:not(.weui_btn_disabled):visited {
    color: #fff
}

.bg-orange:not(.weui_btn_disabled):active {
    color: hsla(0,0%,100%,.4);
    background-color: #f60
}

.bg-orange-b {
    color: #f60;
    border: 1px solid #f60
}

button.bg-orange-b,input.bg-orange-b {
    border-width: 1px;
    background-color: transparent
}

.bg-orange-b:active {
    border-color: #f60
}

.bg-orange-b:after {
    border-width: 0
}

.line-height15 {
    line-height: 1.5em;
}

.lineClass2 {
    background-color: #f8fbef!important
}

.f-bold {
    font-weight: 700
}
.f-underline {
    text-decoration:underline;
}

.f-red {
    color: #ff0000 !important
}

.f-green {
    color: #04be02 !important
}

.f-blue {
    color: #18b4ed!important
}
.f-blue8 {
    color: #4c97d5!important
}

.f-black {
    color: #333!important
}

.f-white {
    color: #fff!important
}

.f-zi {
    color: #f3c!important
}

.f-gray {
    color: #ccc!important
}

.f-gray2 {
    color: #7f8080 !important
}

.f-gray3 {
    color: #7F7F7F!important
}

.f-yellow {
    color: #ff6!important
}

.f-orange {
    color: #f60!important
}
.f8 {
    font-size: 8px!important;
    line-height: 8px
}
.f10 {
    font-size: 10px!important;
    line-height: 10px
}
.f11 {
    font-size: 11px!important;
    line-height: 11px
}

.f12 {
    font-size: 12px!important;
    line-height: 12px
}

.f13 {
    font-size: 13px!important;
    line-height: 13px
}

.f14 {
    font-size: 14px!important;
    line-height: 14px
}

.f15 {
    font-size: 15px!important;
    line-height: 15px
}

.f16 {
    font-size: 16px!important;
    line-height: 16px
}

.f17 {
    font-size: 17px!important;
    line-height: 17px
}

.f18 {
    font-size: 18px!important;
    line-height: 18px
}

.f19 {
    font-size: 19px!important;
    line-height: 19px
}

.f20 {
    font-size: 20px!important;
    line-height: 20px
}

.f21 {
    font-size: 21px!important;
    line-height: 21px
}

.f22 {
    font-size: 22px!important;
    line-height: 22px
}

.f23 {
    font-size: 23px!important;
    line-height: 23px
}

.f24 {
    font-size: 24px!important;
    line-height: 24px
}

.f25 {
    font-size: 25px!important;
    line-height: 25px
}

.f26 {
    font-size: 26px!important;
    line-height: 26px
}

.f27 {
    font-size: 27px!important;
    line-height: 27px
}

.f28 {
    font-size: 28px!important;
    line-height: 28px
}

.f29 {
    font-size: 29px!important;
    line-height: 29px
}

.f30 {
    font-size: 30px!important;
    line-height: 30px
}

.f31 {
    font-size: 31px!important;
    line-height: 31px
}

.f32 {
    font-size: 32px!important;
    line-height: 32px
}

.f35 {
    font-size: 35px!important;
    line-height: 35px
}

.f40 {
    font-size: 40px!important;
    line-height: 40px
}

.f45 {
    font-size: 45px!important;
    line-height: 45px
}

.f50 {
    font-size: 50px!important;
    line-height: 50px
}

.f55 {
    font-size: 55px!important;
    line-height: 55px
}
.f60 {
    font-size: 60px!important;
    line-height: 60px
}
.f70 {
    font-size: 70px!important;
    line-height: 70px
}
.f80 {
    font-size: 80px!important;
    line-height: 80px
}
.f90 {
    font-size: 90px!important;
    line-height: 90px
}
.f100 {
    font-size: 100px!important;
    line-height: 100px
}
.input1 {width:1em;}
.input2 {width:2em;}
.input3 {width:3em;}
.input4 {width:4em;}
.input5 {width:5em;}
.input6 {width:6em;}
.input7 {width:7em;}
.input8 {width:8em;}
.input9 {width:9em;}
.input10 {width:10em;}
.input11 {width:11em;}
.input12 {width:12em;}
.input13 {width:13em;}
.input14 {width:14em;}
.input15 {width:15em;}
.input16 {width:16em;}
.input17 {width:17em;}
.input18 {width:18em;}
.input19 {width:19em;}
.input20 {width:20em;}
.input21 {width:21em;}
.input22 {width:22em;}
.input23 {width:23em;}
.input24 {width:24em;}
.input25 {width:25em;}
.input26 {width:26em;}
.input27 {width:27em;}
.input28 {width:28em;}
.input29 {width:29em;}
.input30 {width:30em;}
.input40 {width:40em;}
.input50 {width:50em;}
.input60 {width:60em;}
.input70 {width:70em;}

/* 防止滚动条消失 */
body.modal-open {
    overflow: auto;
    padding-right: 0 !important;
}
/* 防止内容跳动 */
body.modal-open .navbar-fixed-top,
body.modal-open .navbar-fixed-bottom {
    padding-right: 15px;
}
/* 模态框内部滚动 */
.modal {
    overflow-y: auto;
}

/*Carousel 淡入淡出过渡*/
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

/*步骤step*/
.step{ margin:0 auto; display:block; height:60px;}
.step li{ position:relative; text-align:center;}
.step .line_bg{ height:3px; background:#d9eaf3; display:inline-block; width:50%; top:13px; position:absolute; z-index:1;}
.step .lbg-l{left:0;}
.step .lbg-r{right:0;}
.step .num{ position:relative; z-index:2; background:#fff;width:54px; height:30px;text-align:center; display:inline-block;}
.step .num em,.num i{width:24px; height:24px; display:inline-block; left:15px; top:2px;position:absolute;}
.step .num em{ background:#d9eaf3;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);z-index:2;}
.step .num i{  z-index:3; color:#fff; font-style:normal; font-weight:700; top:4px;}
.step .lbg-txt{ position:relative; color:#b6c6ce; font-size:13px;}
.step .on .lbg-txt{color:#1a97d7;}
.step .on .line_bg,.step .on .num em{ background:#1a97d7}

/*输入车牌*/
.license {
    align-self:center;
}
.license_txt {
    vertical-align:middle;
    width:32px;
    height:32px;
    font-size:16px;
    text-align:center;
    border-radius:5px;
    border:1px dashed gray;
}
.keyboard {
    position: absolute;
    z-index: 999;
    padding:10px 0 20px 0;
    width: 100%;
    max-width: 768px;
    margin-bottom: 50px;
}
.keyboard button {
    border-radius:5px;
    margin-top:2px;
    width:9%;
    height:32px;
    font-size:16px;
}

/*时间轴*/
.timeline {
    padding: 1rem
}
.timeline p {
    color: #888;
    font-size: .8rem
}
.timeline h4 {
    color: #666;
    font-weight: 400
}
.timeline .recent {
    color: #18b4ed
}
.timeline ul li {
    list-style: outside none none
}
.timeline-item {
    position: relative
}
.timeline-item-content {
    padding: 0 0 1.5rem 1.2rem
}
.timeline-item-head,.timeline-item-head-first {
    border-radius: 99px;
    content: "";
    position: absolute;
    z-index: 99;
    background-color: #04be02
}
.timeline-item-head {
    height: 10px;
    left: 1px;
    top: 4px;
    width: 10px
}
.timeline-item-head-first {
    height: 20px;
    left: -4px;
    top: 5px;
    width: 20px
}
.timeline-item-tail {
    content: "";
    background-color: #04be02;
    height: 100%;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 2px
}
.timeline-item-checked {
    left: 0;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 100%
}
.timeline-item-checked:before {
    color: #fff;
    font-size: 9pt;
    width: 20px
}
/*连线 svgline*/
.lt-tr{width:100%;box-sizing:border-box;display:block}
.lt-tr *{box-sizing:border-box}
.lt-tr .list-box{width:30%;min-width:150px;min-height:80px}
.lt-tr .left{float:left}
.lt-tr .right{float:right}
.lt-tr .list-box>ul>li i{margin-right:1px;margin-left:4px;min-width:20px}
.lt-tr .list-box .list-header{width:100%;height:24px;line-height:24px;font-weight: 700;/*border:1px solid #ddd;*/padding:0 2px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lt-tr .list-box>ul{width:100%;min-height:80px;margin:2px 0;/*border-bottom:1px solid #ddd;*/display:block;overflow:auto;line-height:22px;text-align:left!important;font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.lt-tr .list-box>ul.lul{padding:3px 0 3px 3px}
.lt-tr .list-box>ul.rul{padding:3px 3px 3px 0}
.lt-tr .list-box.left>ul{direction:rtl}
.lt-tr .list-box>ul>li{border:1px solid lightgrey;height:32px;line-height:32px;padding:0 10px;list-style:none;margin:5px 0;display:list-item;text-align:-webkit-match-parent;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;overflow:hidden;width:100%;position:relative}
.lt-tr .list-box>ul>li.disabled{background-color:lightgrey!important;cursor:not-allowed;color:#aaa!important;border:1px solid lightgrey!important;box-shadow:none!important}
.lt-tr.sm .list-box>ul>li{height:32px;line-height:32px;border-radius:7px}
.lt-tr.md .list-box>ul>li{height:42px;line-height:42px;border-radius:8px}
.lt-tr.lg .list-box>ul>li{height:52px;line-height:52px;border-radius:9px}
.lt-tr .list-box.left>ul>li{direction:ltr}

.lt-tr.green .list-box>ul>li:not(.active):not(.disabled):hover{background-color:#009688;color:white;border:0;box-shadow:0 0 10px 0 #009688}
.lt-tr.green .list-box>ul>li.active:hover{background-color:#118688;color:white;border:0;box-shadow:0 0 10px 0 #009688}
.lt-tr.green .list-box>ul>li.active{background-color:#009688;color:white}

.draw-line{stroke:red;stroke-width:2;fill:red;cursor:pointer}
.draw-line[id*=drea_temp_mark]{stroke-dasharray:3,2}
.draw-line:hover{stroke-width:3;stroke-dasharray:3,2;stroke:darkorange}
.lt-tr .list-box>ul>li>div{width:100%;height:100%;display:flex;flex-direction:row}
.lt-tr .list-box>ul>li>div>span:not(.close){white-space:nowrap;overflow:hidden;flex:1;text-overflow:ellipsis;display:inline-block;width:100%;height:100%}
.lt-tr .list-box>ul>li>div>span.close:hover{font-size:16px}::-webkit-scrollbar{width:7px;height:7px;background-color:#f5f5f5}

/*谷哥滚动条样式*/
::-webkit-scrollbar {width:5px;height:5px;position:absolute}
::-webkit-scrollbar-track{box-shadow:inset 0 0 6px white;-webkit-box-shadow:inset 0 0 6px white;border-radius:10px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.1);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:lightgrey}

/*旋转星球位置*/
.rotating{ position: fixed;left:0; top:0; font-size:18px; z-index:-1;width:100%; height:100%; text-align:center;}
.rotatebox{ position:absolute; left:50%; top:50%;}
.rotate_planet{position:relative; z-index: 9;}
.rotate_planet div{ width: 100%;}
.rotate_planet img{ border:none; width: 100%;}
.rotate_planet1,.rotate_planet2,.rotate_planet3{ position:absolute; opacity: .5}
.rotate_planet1{ width:6.43rem; z-index: 2;top:.45rem; left: .7rem;  animation: planet_rotate1 15s infinite linear;}
.rotate_planet2{ width:5.66rem; top:.85rem; left:1.2rem; z-index: 3; opacity: 0.2; animation: planet_rotate2 10s infinite linear;}
.rotate_planet3{ width:5.18rem; top:1.07rem; left: 1.4rem; z-index: 1;}
.rotate_planet4{ width: 200%; height:7rem;  position: relative; left: -50%; top: 4%; margin-top: .2rem; z-index: 5;}
@keyframes planet_rotate1{from {transform: rotate(0deg);}to {transform: rotate(359deg);}}
@keyframes planet_rotate2{from {transform: rotate(0deg);}to {transform: rotate(-359deg);}}

/*日历*/
.jqyc {

}
.jqyc-month{
    padding: 0 1px;
}
.jqyc-months .table td, .jqyc-months .table th {
    border-top: 0px;
    text-align: center;
}
.jqyc-thead-tr{
    background: #F2F2F2;
}
.jqyc-not-empty-td:hover {
    cursor: pointer;
    background-color: #157EFB;
    color: #FFF;
    border-radius: 0.25rem;
}
.jqyc-not-empty-td-choose{
    background-color: #157EFB;
    color: #FFF;
    border-radius: 0.25rem;
    box-shadow: rgb(156, 183, 3) 0px -4px 0px 0px inset;
    /*box-shadow: rgb(44, 143, 201) 0px -4px 0px 0px inset;*/
}
.jqyc-year-chooser .jqyc-year {
    text-align: center;
}
.jqyc-year-chooser {
    padding: .5rem 0;
    margin-bottom: 1rem;
}
.jqyc-appended{
    background-color: #f6f7f8;
}
.jqyc-start-day-of-month {
    background-color: #157EFB;
    color: #FFF;
    border-radius: 0.25rem;
}
.jqyc-end-day-of-month {
    background-color: #157EFB;
    color: #FFF;
    border-radius: 0.25rem;
}