/* main.css */
* {
    box-sizing: border-box;
    /* -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; */
}

html {
    text-size-adjust: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal
}
.w {
    width: 90%;
    margin: 0 auto;
}
input,
select,
textarea {
    outline: none;
}

em,
i,
dfn {
    font-style: normal;
}

.bold {
    font-family: PingFangSC-Semibold, sans-serif;
}

.bornone {
    border: none !important;
}

@media only screen and (min-width: 750px) {
    html {
        font-size: 100px;
    }
}

@media only screen and (max-width: 750px) {
    html {
        font-size: 100px;
    }
}

@media only screen and (max-width: 640px) {
    html {
        font-size: 85.3px;
    }
}

@media only screen and (max-width: 414px) {
    html {
        font-size: 55.2px;
    }
}

@media only screen and (max-width: 375px) {
    html {
        font-size: 50px;
    }
}

@media only screen and (max-width: 320px) {
    html {
        font-size: 42.6px;
    }
}

@keyframes demo2 {

    0%,
    60%,
    100% {
        transform: scale(1);
    }

    30% {
        transform: scaleY(3);
    }
}

@-webkit-keyframes demo2 {

    0%,
    60%,
    100% {
        transform: scale(1);
    }

    30% {
        transform: scaleY(3);
    }
}

*:before,
*:after {
    box-sizing: inherit;
}

html,
body {
    margin: 0;
    font-family: "微软雅黑", "PingFangSC-Regular, sans-serif", "Arial Normal", "Arial", "宋体", Arail, Tabhoma;
    padding: 0px;
    color: #333;
}

button,
input[type='text'],
input[type='button'],
input[type='submit'],
textarea,
label,
select {
    margin: 0;
    padding: 0;
    outline: none !important;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    font-family: "微软雅黑";
}

a {
    text-decoration: none;
    color: #459ae9;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
hr {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.flex {
    display: flex;
    display: -webkit-flex;
}

body {
    max-width: 7.5rem;
    margin: 0px auto;
}

.bgf3 {
    background: #f3f3f3;
}

#Body {
    width: 7.5rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.26rem;
    padding-top: 1rem;
}

.pb70 {
    padding-bottom: 1.3rem;
}

.pt0 {
    padding-top: 0 !important;
}

.ft20 {
    font-size: 0.4rem;
}

.ft18 {
    font-size: 0.36rem;
}

/* 字体大小18px */
.ft16 {
    font-size: 0.32rem;
}

/* 字体大小16px */
.ft14 {
    font-size: 0.28rem;
}

.ft12 {
    font-size: 0.24rem;
}

/* 字体大小14px */
.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

/*==========================通用样式===========================*/

/* 通用页脚 */
.ftnav {
    width: 100%;
    overflow: hidden;
    box-shadow: 1px 2px 3px #3d3d3d;
    position: fixed;
    bottom: 0;
    z-index: 100;
    background: #fff;
    /*height:55px;*/
    padding-bottom: 3px;
}

.ftnav ul {
    display: flex;
    /*padding: 0.2rem 0;    */
    margin: 0;
}

.ftnav ul li {
    flex: 1;
    list-style: none;
    font-size: 13px;
    position: relative;
}

.ftnav ul li a {
    display: block;
    /*padding:6px 0 3px;*/
}

.ftnav ul li .iconfont {
    display: block;
    text-align: center;
    font-size: 21px;
    color: #000;
    line-height: 2rem;
}

.ftnav ul li .redtip {
    width: 9px;
    height: 9px;
    background: red;
    border-radius: 100%;
    position: absolute;
    top: 7px;
    right: 25px;
}

.ftnav ul span {
    display: block;
    text-align: center;
    color: #282828;
}

/*.icon-sb{*/
/*    content:'';*/
/*    background:url(../image/wjj-h.png) center no-repeat;*/
/*    background-size:42%;*/
/*    height:32px;*/
/*    width:100%;*/
/*}*/


@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .ftnav {
        padding-bottom: 30px;
    }

    .pb70 {
        padding-bottom: 1.8rem;
    }
}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
    .ftnav {
        padding-bottom: 30px;
    }

    .pb70 {
        padding-bottom: 1.8rem;
    }
}

@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
    .ftnav {
        padding-bottom: 30px;
    }

    .pb70 {
        padding-bottom: 1.8rem;
    }
}

.ftnav ul li:nth-child(1) .iconfont {
    content: '';
    background: url(../image/i-icon1.png) center 11px no-repeat;
    background-size: 25%;
    height: 33px;
    width: 100%;
}

.ftnav ul li:nth-child(2) .iconfont {
    content: '';
    background: url(../image/i-icon2.png) center 11px no-repeat;
    background-size: 28%;
    height: 33px;
    width: 100%;
}

.ftnav ul li:nth-child(3) .iconfont {
    content: '';
    background: url(../image/i-icon3.png) center 11px no-repeat;
    background-size: 35%;
    height: 33px;
    width: 100%;
}

.ftnav ul li:nth-child(4) .iconfont {
    content: '';
    background: url(../image/i-icon4.png) center 11px no-repeat;
    background-size: 22%;
    height: 33px;
    width: 100%;
}

.ftnav ul li:nth-child(5) .iconfont {
    content: '';
    background: url(../image/i-icon5.png) center 11px no-repeat;
    background-size: 25%;
    height: 33px;
    width: 100%;
}

/* 通用页脚 */

/*重阳节弹窗*/
.dnf99 {
    position: fixed;
    top: 0;
    z-index: 9999;
}

.dnf99 img {
    width: 100%;
}

/* 首页 */
#header {
    display: flex;
    border-bottom: 1px solid #f9c801;
}

.head {
    margin: 0 auto;
    width: 7.5rem;
    padding: 10px 0;
    line-height: .8rem;
    ;
}

.head .logo {
    width: 46%;
    float: left;
    margin-left: 0.2rem;
}

.head .logo img {
    width: 80%;
    vertical-align: top;
    margin-top: 3px;
}

.head .dengl a {
    padding-left: 0.2rem;
    color: #282828;
    display: inline-block;
    font-size: .28rem;
}

.head .dengl .iconfont {
    float: left;
    margin-right: 3px;
    color: #282828;
    font-size: 0.44rem;
}

.head .dengl {
    float: right;
    overflow: hidden;
    margin-right: 0.2rem;

}

.zyyw .title {
    display: block;
    font-weight: bolder;
    text-align: left;
    margin-bottom: 15px;
}

#con {
    /* width:96%; */
    background: #f3f3f3;
    margin: auto;
    /* padding:10px 0.2rem; */
    /* margin-top:.3rem; */
}

#con .zhans {
    overflow: hidden;

}

.zhans #text {
    width: 50%;
    float: left;
}

.zhans #tu {
    width: 47%;
    float: right;
}

.zhans #text #bt {
    font-weight: bolder;
    color: #282828;
    border-bottom: 4px solid #f9c801;
    width: 100%;
    /* display: inline-block; */
    margin-top: -7px;
}

.zhans #text span {
    text-align: justify;
    color: #8c8c8c;
    line-height: 180%;
    display: block;
}

#product-slide {
    margin-bottom: 15px;
}

#product-slide .hd li {
    text-indent: -100px;
}

#product-slide .hd {
    height: 0;
}

.index-ifr-zt {
    padding: .2rem;
    background: #fff;
    margin-top: 15px;
}

.zyyw {
    background: #fff;
    overflow: hidden;
    padding: .2rem;
}

.zyyw p a img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.zyyw p .rmjx {
    width: 48.5%;
    overflow: hidden;
    height: 132px;
    margin-bottom: 8px;
    border-radius: 5px;
}

.zyyw p .esj {
    width: 48.5%;
    height: 61px;
    overflow: hidden;
    border-radius: 5px;
}

.zyyw p .zpfw {
    width: 48.5%;
    height: 61px;
    overflow: hidden;
    margin-top: 10px;
    border-radius: 5px;
}

.zyyw p .ljsc,
.zyyw p .rz,
.zyyw p .gywm {
    width: 32%;
    border-radius: 5px;

}

.zyyw p .rz {
    margin-left: 2%;
}

.zyyw p {
    overflow: hidden;
}

.wrapper02 {
    position: relative;
    height: 3.2rem;
    width: 100%;
    overflow: hidden;
    margin: 0px auto 12px;
    background: #fff;
}

.wrapper02 .scroller li .pic {
    /* background: #f9c801; */
    /* width: 1.1rem; 
    height: 1.1rem; */
    border-radius: 50%;
    text-align: center;
    margin: auto;
}

.wrapper02 .scroller li .xe629 {
    content: '';
    display: inline-block;
    background: url(../image/index-i-12.png) center no-repeat;
    width: 65%;
    height: 30px;
    background-size: auto 88%;
}

.wrapper02 .scroller li .xe6a3 {
    content: '';
    display: inline-block;
    background: url(../image/index-i-22.png) center no-repeat;
    width: 65%;
    height: 30px;
    background-size: auto 80%;
}

.wrapper02 .scroller li .xe650 {
    content: '';
    display: inline-block;
    background: url(../image/index-i-32.png) center no-repeat;
    width: 65%;
    height: 30px;
    background-size: auto 75%;
}

.wrapper02 .scroller li .xe651 {
    content: '';
    display: inline-block;
    background: url(../image/index-i-42.png) center no-repeat;
    width: 65%;
    height: 30px;
    background-size: auto 80%;
}

.wrapper02 .scroller li .xe67f {
    content: '';
    display: inline-block;
    background: url(../image/index-i-52.png) center no-repeat;
    width: 65%;
    height: 30px;
    background-size: auto 80%;
}

.wrapper02 .scroller li .xe653 {
    content: '';
    display: inline-block;
    background: url(../image/index-i-53.png) center no-repeat;
    width: 65%;
    height: 30px;
    background-size: auto 100%;
}

.wrapper02 .scroller li .xe654 {
    content: '';
    display: inline-block;
    background: url(../image/index-i-54.png) center no-repeat;
    width: 65%;
    height: 30px;
    background-size: auto 100%;
}

.wrapper02 .scroller li .xe655 {
    content: '';
    display: inline-block;
    background: url(../image/index-i-55.png) center no-repeat;
    width: 65%;
    height: 30px;
    background-size: auto 100%;
}

.wrapper02 .scroller li .pic .iconfont {
    font-size: .6rem;
    color: #fff;
    /* line-height: 1.1rem; */
}

.wrapper02 .scroller li .pic .icon-ktrz {
    content: '';
    display: inline-block;
    height: 1.15rem;
    width: 1rem;
    background: url(../image/1024.png) 8px center no-repeat !important;
    background-size: 75% !important;
}

.wrapper02 .scroller li {
    color: #282828;
    text-align: center;
    float: left;
    font-size: 0.28rem;
    width: 25%;
    margin-bottom: 5px;
}

.wrapper02 .scroller li a {
    color: #282828;
    display: block;
    margin: 5px .1rem;
}

.tuzhan {
    /* width: 100%;     */
    /* padding:0 .2rem; */
    /* margin-top:15px; */
    background: #fff;
    /* margin-bottom:12px */
}

#equipment {
    background: #fff;
    margin-bottom: 12px
}

.tuzhan .hd {
    height: 20px;
    text-align: center;
    margin-top: 15px;
}

.tuzhan img {
    width: 100%;
    /* min-height:180px; */
    vertical-align: bottom;
}

.tuzhan .hd ul {
    display: inline-block;
    vertical-align: top;
}

.tuzhan .hd li {
    text-indent: -200px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #dcdcdc;
    overflow: hidden;
    float: left;
    margin: 0 4px;
}

.tuzhan .hd li.on {
    background: #f9c801;

}

.shangc {
    clear: both;
    display: block;
    overflow: hidden;
    margin-top: 15px;
    padding: 0 .2rem;
}

.shangc .title {
    display: block;
    font-weight: bolder;
    text-align: left;
}

.index-sli {
    width: auto;
    height: 16px;
    margin-top: 8px;
}

.shangc ul {
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
}

.shangc ul {
    margin:
}

.shangc ul li {
    width: 48.5%;
    /* float:left; */
    margin: 3% 0 0;
}

.shangc ul li:nth-child(odd) {
    float: left;
}

.shangc ul li:nth-child(even) {
    float: right;
}

.shangc ul li img {
    width: 100%;
    vertical-align: bottom;
}

.shangc ul li #tu {
    display: block;
    text-align: center;
}

.shangc ul li #tu img {
    width: 80%;
}

.shangc ul li #bt {
    height: 3rem;
    width: 90%;
    margin: auto;
    display: block;

    color: #282828;
}

.shangc ul li #jiage {
    display: block;
    font-size: 18px;
    color: #797979;
    line-height: 1.5rem;
}

.shangc ul li #jiage #xjia {
    color: #f00;
    font-weight: 900;
    float: left;
    padding-left: 5px;
    line-height: 1.3rem;
    ;
}

.shangc ul li #jiage #yjia {
    color: #797979;
    float: left;
    padding-left: 5px;
    text-decoration: line-through;
}

.shangc .more {
    clear: both;
    display: block;
    text-align: center;
    color: #a4a4a4;
    margin-top: 15px;
    margin-bottom: 15px;
}

.shangc .more a {
    color: #a4a4a4;
}

.sheb button {
    float: right;
    padding: 0.4rem 0.4rem;
    background: #fad334;
    border: 0px;
    border-radius: 4px;
    color: #565656;
}

.sheb {
    padding-left: 0.2rem;
    display: block;
    font-size: .32rem;
    color: #282828;
    overflow: hidden;
    font-weight: bold;
    padding-top: 12px;
}

.slideBox {
    width: 7.5rem;
    height: 5rem;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px;
    /* background: url(../image/mycat.png) no-repeat;
    background-size: 100%;
    background-position-y: bottom; */
}

.slideBox .bd {
    width: 1700rem;
    position: absolute;
    left: 0.75rem;
    padding-top: .3rem
}

.slideBox .hd li,
#slideBox2 .hd li,
#slideBox3 .hd li {
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.slideBox .bd ul:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.slideBox .bd li {
    color: #333;
    border-radius: 6px;
    font-size: 14px;
    width: 6rem;
    height: 3.3rem;
    display: block;
    float: left;
    border-radius: .2rem;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -o-transform: scale(.9);
    -ms-transform: scale(.9);
    background: #f4f4f4;
}

.slideBox .rotate .rotating {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1)
}

.one_second {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.slideBox .bd li .td01 {
    width: 10%;
    text-align: center;
    vertical-align: middle;
}

.slideBox .bd li .td02 {
    width: 86.5%;
    float: right;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.slideBox .bd li .td-02 {
    height: 44px;
}

.slideBox .bd li .td02 .iconfont {
    float: right;
    color: #333;
}

.slideBox .bd li .iconfont {
    font-size: 24px;
    color: #878787;
}

.slideBox .bd li .gon {
    /* background:#f9c801; */
    border-radius: 0 0 6px 6px;
    height: 40px;
    padding: 5px 0;
}

.slideBox .bd li .gon span {
    width: 24.8%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #565656;
    line-height: 30px;
    background: #fff;
    border-radius: 5px;
}

.slideBox .bd li .gon span a {
    color: #565656;
}

.index-list-tit {
    color: #282828;
    font-weight: bolder;
}

.slideBox .bd .index-list-p {
    padding-top: .2rem;
    border-radius: .2rem .2rem 0 0;
    font-size: .32rem;
    background: #f9c801;
    margin-bottom: .1rem;
}

.index-list-p img {
    width: 22px;
    margin-left: 2px;
}

.slideBox .bd li p {
    line-height: 160%;
    /* background: #f4f4f4; */
    margin: 0 auto;
    padding: 3px 10px;
    overflow: hidden;
}

@media only screen and (max-width: 375px) {
    .slideBox .slideBoxBind {
        height: 3.6rem;
        background: red;
        background: url(../image/mycat.png) no-repeat;
        background-size: 100%;
        background-position-y: bottom;
    }
}

@media only screen and (max-width: 320px) {
    .slideBox .slideBoxBind {
        height: 4rem;
        background: red;
        background: url(../image/mycat.png) no-repeat;
        background-size: 100%;
        background-position-y: bottom;
    }
}

.slideBox .slideBoxBind span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
}

.slideBox .slideBoxBind input {
    display: block;
    margin: auto;
    border: none;
    background: #F2C141;
    font-size: 13px;
    padding: 10px;
    text-align: center;
    width: 230px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.sheb em {
    color: #f00;
    font-weight: bold;
}

.index-sel {
    /* background: #fff; */
    width: 70%;
    position: fixed;
    top: 18%;
    left: 50%;
    margin-left: -35%;
    /* display: none; */
    z-index: 10;
}

.zd-bg {
    width: 100%;
    height: 100%;
    background: #333;
    opacity: 0.5;
    position: fixed;
    top: 0;
    /* display: none; */
    z-index: 9;
}

.index-sel span {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #cbbda2;
    margin-right: 10px;
    color: #837049;
    float: left;
    font-size: 15px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.index-sel #tag-list {
    overflow: hidden;
    padding: .5rem .2rem;
    background: #fff;
    background: url(../image/index-sel2.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.index-sel span.selected {

    background: #f8eee1;
}

.index-sel input {
    width: 100%;
    border: none;
    height: 40px;
    line-height: 40px;
    background: #d9bc85;
    color: #fff;
    text-align: center;
    display: block;
    border-radius: 5px;
    margin-top: 15px;
    font-size: 15px;
}

.index-sel-tit {
    border-radius: 5px 5px 0 0;
    background: url(../image/index-sel.png) center no-repeat;
    height: 70px;
    width: 100%;
    background-size: 100% 100%;
    text-align: center;
    line-height: 70px;
}

.index-sel-xian {
    font-size: 15px;
    font-weight: bold;
    color: #785f2e;
    background: #fff;
    text-align: center;
    padding-top: 15px;
}

.index-sel-tit img {
    width: 55%;

}

.index-sel-xian em {
    display: inline-block;
    height: 1px;
    width: 13%;
    background: #bead8c;
    vertical-align: middle;
}

.index-sel-xian .em-left {
    margin-right: 10px;
}

.index-sel-xian .em-right {
    margin-left: 10px;
}

.index-sel-x {
    width: 30px;
    position: fixed;
    right: 5%;
    top: 13%;
}

@media only screen and (max-width: 414px) {
    .slideBox {
        height: 4rem;
    }

    .index-ifr {
        min-height: 240px;
    }

}

@media only screen and (max-width: 375px) {
    .slideBox {
        height: 4rem;
    }

    .index-ifr {
        min-height: 219px;
    }
}

@media only screen and (max-width: 320px) {
    .slideBox {
        height: 4.4rem;
    }

    .zhans #tu img {
        width: 100%;
        height: 120px;
    }

    .index-ifr {
        min-height: 185px;
    }
}


.demo {
    width: 100%;
    clear: both;
    padding: 2rem 0;
    display: block;
}

.post-slide {
    margin: 0 15px;
    font-size: 20px;
    color: #282828;
    text-align: center;
}

.post-slide .iconfont {
    font-size: 42px;
    color: #fff;
    line-height: 6.6rem;
}

.post-slide .pic {
    background: #f9c801;
    width: 80px;
    height: 80px;
    border-radius: 60px;
    text-align: center;
    margin: auto;
}

.post-slide a {
    color: #282828;
    padding-top: 2em;
    display: block;
}

.zhans {
    padding: 0 .2rem;
    display: block;
}

.zhans #text {
    width: 46%;
    float: left;
}

.zhans #text #bt a {
    color: #282828;
}

.zhans #text p {
    display: block;
    font-size: 14px;
    color: #8c8c8c;
}

.zhans #text p a {
    color: #8c8c8c;
}

.zhans #tu {
    width: 50%;
    float: right;
    text-align: right;
}

.zhans #tu img {
    width: 100%;
    vertical-align: bottom;
    height: 130px;
}



/*---------滑动效果-----------*/



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

.wrap {
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.htit {
    line-height: 1rem;
    padding: 0 .3rem;
    color: #ff8e2e;
    font-size: .4rem;
    margin: 1rem 0 .4rem 0
}


.wrapper02 .scroller {
    position: absolute;
    width: 100%;
    margin-top: 10px;
}


/* 设备管理 */
header {
    width: 100%;
    position: fixed;
    height: 50px;
    top: 0px;
    /*max-width: 640px;*/
    background: -webkit-linear-gradient(top, #fff, #fff);
    z-index: 99;
}

header .back {
    width: 45px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
    background: url(../image/back.png) center no-repeat;
    background-size: .32rem auto;
}

header .p {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    line-height: 50px;
    color: #333;
    font-weight: bold;
}

body .map-sb {
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 50px;
    background: #eeeeee;
}

.map-btn {
    width: 100%;
    height: 15px;
    position: absolute;
    padding: 0px 5px;
    bottom: -2px;
    z-index: 1;
    background: #f3c003;

}

.map-on {
    height: 2px;
    width: 30px;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    background: #fff;
    border-radius: 5px;
    top: 7.5px;
}

.my-equip {
    position: relative;
    z-index: 70;
    border-top: 3px solid #f3c003;
}

.equip-box {
    width: 7.5rem;
    position: relative;
    min-height: 60px;
    background: #fff;
    ;

}

.equip-box-tit {
    height: 45px;
    width: 7.5rem;
    background: #eeeeee;
    overflow: hidden;
}

.tit-span {
    display: inline-block;
    line-height: 45px;
    color: #333;
}

.tit-span::before {
    content: '';
    background: url(../image/list-1.png) 0 0 no-repeat;
    background-size: 27px;
    width: 30px;
    display: block;
    float: left;
    margin-top: 10px;
    height: 30px;
    margin-left: .2rem;
    margin-right: .2rem;
}

.tit-span2::before {
    content: '';
    background: url(../image/list-2.png) no-repeat;
    background-size: 100%;
    width: 65px;
    display: block;
    float: left;
    margin-top: 12px;
    height: 30px;
    margin-left: .2rem;
    margin-right: .2rem;
}

.tit-span3::before {
    content: '';
    background: url(../image/list-2l.png) no-repeat;
    background-size: 100%;
    width: 65px;
    display: block;
    float: left;
    margin-top: 12px;
    height: 30px;
    margin-left: .2rem;
    margin-right: .2rem;
}

.xiangq {
    background: url(../image/sxt.png) 0 0 no-repeat;
    width: 25px;
    background-size: 18px;
    height: 30px;
    margin-top: 14px;
    display: inline-block;
    margin-right: 0.2rem;
}

.equip-box-con {
    overflow: hidden;
    padding: .2rem;
    color: #797979;
}

.equip-box-con .iconfont {
    font-size: 24px;
    color: #878787;
}

/* .con-time::before{
    content: '';
    background:url(../image/time.png) 0 0 no-repeat;
    background-size: 22px;
    width: 22px;
    display: block;
    float: left;
    margin-top:5px;
    height:22px;
    margin-right:0.8rem;
}
.con-day::before{
    content: '';
    background:url(../image/day.png) 0 0 no-repeat;
    background-size: 22px;
    width: 22px;
    display: block;
    float: left;
    margin-top:5px;
    height:22px;
    margin-right:0.8rem;
}
.con-add::before{
    content: '';
    background:url(../image/add.png) 0 0 no-repeat;
    background-size: 22px;
    width: 22px;
    display: block;
    float: left;
    height:22px;
    margin-right:0.8rem;
    margin-top:6px;
} */
.equip-box-con span {
    display: inline-block;
    color: #333;
}

.equip-box-con .list-con-right {
    width: 90%;
    color: #333;
}

.equip-box-con p {
    line-height: 160%;
    font-size: .28rem;
    overflow: hidden;
}
.equip-box-con .address .address-img {
    width: 29px;
    height: 29px;
}
.equip-box-con .address .address-img img {
    width: 100%;
}
.equip-box-con .address .list-con-right {
    width: 80%;
    float: left;
    padding-left: 0.8em;
}
.con-btn input {
    width: 22%;
    background: #f3c003;
    border-radius: 5px;
    color: #565656;
    font-size: .28rem;
    border: none;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.equip-box:after,
.ranking-box:after,
.equip-box:before,
.ranking-box:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 1px;
    transform: scaleY(.5);
    transform-origin: 0 0;
}

.equip-box:before,
.ranking-box:before {
    bottom: 1px;
    transform: scaleY(.5);
}

.equip-box:first-child,
.ranking-box:first-child {
    border-top: none;
}

.mapinfo ul {
    text-align: left;
    font-size: .32rem;
}

.mapinfo ul li {
    line-height: 160%;
}


/* 设备详情 */
.header-con {
    background: #f9c805;
    position: relative;
}

.header-con i {
    background: url(../image/ditu.png) 0 0 no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-size: 23px;
    margin-right: 0.8rem;
    margin-top: 13px;
}

.head-con {
    background: #f1f1f1;
    overflow: hidden;
    /* padding-top:20px; */
    padding-top: 60px;
    padding-bottom: 11px;

}
.head-con h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    padding-top: 20px;
    padding-left: 14px;
}
.head-con p {
    text-align: left;
    /* line-height: 160%; */
    /* margin: 0 .3rem; */
}

.head-con-name {
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    border-bottom: 1px solid #CECECE;
    padding-bottom: 11px !important;
    margin: 0 .3rem;
}
.head-con-outer {
    width: 90%;
    height: auto;
    padding-bottom: 15px;
    margin: 0 auto;
    border-radius: 10px;
    background: #fff;
}
.head-con-name span {
    /* display: inline-block; */
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
}

.head-con-name .ft16::before {
    background: url(../image/wjj02.png) 0 0 no-repeat;
    display: inline-block;
    content: '';
    width: 1.4rem;
    height: 1.4rem;
    background-size: 100%;
    float: left;
    /* margin-right: 0.2rem; */
    margin-top: -40px;
}
.head-con-name .state1 {
    width: 59px;
    height: 25px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 25px;
    margin: 0 auto;
    background: #F9C806;
    color: #fff;
    margin-top: 8px;
}
.head-con-box {
    width: 90%;
    height: 150px;
    margin: 0 auto;
    background: #ffff;
    margin-top: 7px;
    border-radius: 10px;
}
.head-con-box .vehicle-condition {
    margin: 0 .3rem;
    display: flex;
    gap: 12px;
    padding-top: 25px;
    border-bottom: 1px solid #CECECE;
    padding-bottom: 14px;
}
.head-con-box .Update-time {
    font-size: 12px;
    line-height: 25px;
    color: #c2c2c2;
    padding-left: 0.4rem;
    padding-top: 8px;
}
.con-box {
    width: 31%;
    text-align: left;
    /* margin-left: 0.3rem; */
    /* height: 50px; */

}

.con-box img {
    width: 22%;
    margin-top: 10px;

}

.con-box-left {
    /* margin-left: 35px; */
    text-align: center;
    overflow: hidden;
}
.con-box-left .ft14 {
    padding: 5px 0;
}
.con-box-left span {
    line-height: 145%;
    /* line-height: 160%; */
    width: 100%;
    display: inline-block;
    float: left;
    font-size: 15.5px;
}

.con-box-left em {
    color: #ff0000;
    font-weight: bold;
}
.con-box-left sub {
    font-size: 12px;
    line-height: 25px;
    vertical-align: middle;
    color: #7f7f7f;
}
.con-box-x {
    width: 28%;
}

.head-con-box i {
    width: 1px;
    height: 30px;
    margin-top: 5px;
    background-color: #fff;
    display: inline-block;
}

.head-con #equipment-address {
    /* padding-left: 1.1rem; */
    line-height: 25px;
    padding-top: 15px;
    font-size: 13px;
}
.head-con-outer .address1 {
    display: flex;
    margin: 0 .3rem;
}
.head-con-outer .address1 .address2 {
    line-height: 25px;
}
.head-con-outer .address1 .address3 {
    padding-left: 10px;
}
.head-con-outer .address1 .address3 .ft14 img{
    width: 25px;
    height: 25px;
    position: absolute;
    margin-left: 8px;
}
.head-con-outer .address1 .position-update{
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 1%;
    color: #c2c2c2;
}
.con-box1 {
    /* background: url(../image/time2.png) 0 11px no-repeat;
    background-size: 25px; */

}

.con-box2 {
    /* background: url(../image/lc.png) 0 11px no-repeat;
    background-size: 25px; */

}

.con-box3 {
    /* width: 24%;
    background: url(../image/bj.png) 0 11px no-repeat;
    background-size: 25px;
    padding-left: 4px; */
}

#leftTabBox .hd {
    background: #ececec;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    margin-bottom: 11px;
}
#leftTabBox .hd ul {
    display: flex;
    justify-content: space-between;
}
#leftTabBox .bd {
    overflow: hidden;
    width: 100%;
    /* padding: 0 15px; */
}

#leftTabBox .bd ul {
    width: 100%;
}
#leftTabBox .bd ul .xiaohx {
    /* border-bottom: 7px solid #f4c61d; */
    margin-bottom: 10px;
    padding: 0 15px;
}
#leftTabBox .bd ul .xiaohx .ft16 {
    font-weight: bold;
    font-size: 14px;
    line-height: 25px;
}
/* ------------------------------------ */
.running-pie-container {
    /* display: flex;
    align-items: center;
    gap: 30px; */
    padding: 20px;
}
.hourLong .duration-title {
    display: flex;
    width: 100%;
    height: 30px;
    padding: 0 15px;
    background: #F8F8F8;
    align-items: center;
    justify-content: space-between;
}
.hourLong .duration-title p {
    font-size: 12px;
    line-height: 22px;
    color: #000;
}
.pie-legend {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.legend-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: Inter;
    font-size: 12px;
}
.legend-color {
    width: 20px;
    height: 20px;
    display: inline-block;
}
.work-color {
    background-color: #f7d270; /* 工作时长黄色 */
}
.idle-color {
    background-color: #bcbcbc; /* 怠速时长灰色 */
}
.legend-value {
    font-size: 24px;
    font-weight: bold;
    margin-left: auto;
}
/* ---------------------------------------- */
.hourLong {
    width: 100%;
    /* padding: 15px; */
    box-sizing: border-box;
}

.running-pie-container {
    background: #fff;
    border-radius: 8px;
    /* padding: 20px; */
}
.running-pie-container .duration-content {
    display: flex;
    align-items: center;
    /* gap: 30px; */
    padding-top: 10px;
    justify-content: space-between;
}
/* CSS饼图容器 */
.css-pie-chart {
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #f5f5f5;  /* 背景色作为开机时长底色 */
    overflow: hidden;
}

/* 饼图切片 - 工作时长 */
.pie-slice-work {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F9C806;  /* 工作时长颜色 */
    transform-origin: 50% 50%;
    /* clip-path将通过JS动态计算 */
}

/* 饼图切片 - 怠速时长 */
.pie-slice-idle {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #FEE99E;  /* 怠速时长颜色 */
    transform-origin: 50% 50%;
}

/* 内圆（用于显示总时长） */
.pie-inner-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 70%;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-weight: 400;
    font-size: 14px;
}

/* 右侧图例样式 */
.pie-legend {
    /* flex: 1; */
    padding: 20px;
    /* background: #f8f9fa; */
    /* border-radius: 8px; */
}

.legend-item {
    display: flex;
    align-items: center;
    padding: 12px 0;
    justify-content: flex-end;
    /* border-bottom: 1px solid #e9ecef; */
}

.legend-item:last-child {
    border-bottom: none;
}

.legend-color {
    width: 12px;
    height: 12px;
    /* border-radius: 4px; */
    /* margin-right: 12px; */
}

.work-color {
    background: #F9C806;
}

.idle-color {
    background: #FEE99E;
}

.legend-text {
    /* flex: 1; */
    color: #707070;
    font-size: 12px;
    white-space: nowrap;
}

.legend-value {
    color: #000;
    margin-left: 0;
    font-family: Microsoft YaHei;
    font-size: 20px;
    line-height: 100%;
    flex: 1;
    padding-left: 5px;
}

/* 开机时长的特殊样式 */
/* .legend-item:has(.runtime-text) {
    background: #f1f3f5;
    border-radius: 6px;
    margin-top: 8px;
} */

.runtime-text {
    color: #1971c2 !important;
}

/* 开工利用率特殊样式 */
/* .legend-item:has(.rate-text) {
    background: #e7f5ff;
    border-radius: 6px;
    margin-top: 8px;
} */

.rate-text {
    color: #0c8599 !important;
    font-weight: 700;
}
/* ---------------------------------- */
#leftTabBox .bd ul .dryhao .dryhao1 {
    font-size: 16px;
    text-align: right;
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
}
#leftTabBox .bd ul .dryhao {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
}
.dryhao .duration-title {
    display: flex;
    width: 100%;
    height: 30px;
    background: #F8F8F8;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

.duration-title .span {
    display: flex;
}
.dryhao .duration-title p {
    font-size: 12px;
    line-height: 22px;
    color: #000;
}
#leftTabBox .bd ul img {
    width: 100%;
}

#leftTabBox .hd ul li {
    float: left;
    width: 23%;
    text-align: center;
    /* border-bottom: 5px solid #ececec; */
    font-size: 15.5px;
    background: #fff;
}

#leftTabBox .hd ul .on {
    /* color: #f4c61d;
    border-bottom: 5px solid #f4c61d; */
    font-weight: bold;
    background: #F9C806;
    /* height: 27px; */
}
.tabBox {

}
#last-week,
#next-week {
    background: none;
    border: none;
    font-size: 18px;
    width: 10%;
    /* margin-top: 30px; */
}

#last-week {
    color: #fbd335;
}

#next-week {
    color: #fbd335;
}

#tabBox1-bd table em {
    display: block;
    color: #333;
}

#tabBox1-bd table {
    width: 80%;
    float: left;
    font-size: .28rem;
}
#tabBox1-bd table tr th {
    background: #ebebeb;
    /* background: #fcc739; */
    padding: 5px 0;
    font-weight: 400;
}

#tabBox1-bd table td {
    text-align: center;
}

#year-month {
    display: block;
    text-align: center;
    font-size: .28rem;
    /* background: #f7f7f7; */
    padding-top: 10px;
}

#tabBox1-bd .tab-div {
    padding-top: 8px;
    padding-bottom: 8px;
    background: #f7f7f7;
    overflow: hidden;
}

#tabBox1-bd table i {
    display: block;
    font-style: normal;
    color: #a2a2a2;
    line-height: 30px;
    ;
}

.chart-box {
    /* margin-top:20px; */
}

.chart-box2 canvas {
    top: -15px !important;
}
/* .cehart-tit {
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: .36rem;
    margin-top: 10px;
} */

/* .cehart-tit:before {
    content: '';
    height: 30px;
    width: 15px;
    background: url(../image/xie.png) 0 14px no-repeat;
    background-size: 80%;
    display: inline-block;
    margin-right: 5px;
}

.cehart-tit:after {
    content: '';
    height: 30px;
    width: 15px;
    background: url(../image/xie.png) 3px 14px no-repeat;
    display: inline-block;
    background-size: 80%;
    margin-left: 5px;

} */

.chart-box .gxsj {
    font-size: .28rem;
    color: #9c9c9c;
    text-align: center;
}

.chart-box .num-xs span {
    font-size: .32rem;
    display: block;
    color: #f9c805;

}

.num-xs {
    overflow: hidden;
    text-align: center;
    margin-top: 15px;
}

.chart-box .num-xs span em {
    color: #333;
    font-weight: bold;
    font-size: .38rem;
    margin-right: 6px;
}

.chart-box .num-xs .num-xs-hui {
    color: #909090;
    text-align: left;
    font-size: .28rem;
}

#leftTabBox .chart-box .num-xs img {
    width: 11%;
}

.chart-box .num-xs .num-xs-span {
    display: inline-block;
    margin-left: 10px;
    line-height: 160%;
}
/* --------------------------------------------- */
 .stat-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* 两列等分 */
            gap: 10px; /* 列/行间距 */
            padding: 16px;
            background-color: #F5F5F5;
            max-width: 600px; /* 可选：限制最大宽度 */
            margin: 20px;
        }

        /* 单个统计项样式 */
        .stat-item {
            display: flex;
            align-items: flex-start;
            gap: 13px; /* 黄色竖线与文字的间距 */
        }

        /* 黄色竖线：核心视觉元素 */
        .stat-line {
            width: 4px;
            height: 16px;
            background-color: #F9C806; /* 匹配设计稿的黄色 */
            border-radius: 2px; /* 轻微圆角更细腻 */
            padding-top: 20px;
        }

        /* 数值样式 */
        .stat-value {
            color: #000;
            font-weight: 700;
            font-size: 20px;
            line-height: 100%;
        }

        /* 描述文字样式 */
        .stat-desc {
            color: #707070;
            font-family: Inter;
            font-size: 12px;
            line-height: 32px;
        }
/* ----------------------------------------- */
/* .hourLong,
.hourDetailed {
    padding: 15px 10px;
    background: #ececec;
} */

.hourLong .hourLong_tit,
.hourDetailed .hourDetailed_tit {
    overflow: hidden;
    font-size: 0.34rem;
    font-weight: 600;
    /* margin-bottom: 10px; */
    /* padding: 0 10px; */
    display: flex;
    justify-content: space-between;
}
.hourLong .hourLong_tit span,
.hourDetailed .hourDetailed_tit span {
    font-size: 16px;
}
.hourLong .hourLong_tit {
    padding-top: 5px;
}
.hourDetailed .hourDetailed_tit {
    padding: 12px 0 10px 0;
}

.hourLong .hourLong_tit #hourLong_tit_total {
    float: right;
}

.hourLong .hourLong_con {
    background: #FFFFFF;
    padding: 10px 5px;
}

.hourLong .hourLong_con .hourLong_chart {
    width: 100%;
    height: 20px;
    background: #EEEEEE;
    margin-bottom: 5px;
}

.hourLong .hourLong_con .hourLong_chart .hourItem {
    width: 4%;
    height: 20px;
    float: left;
}

.hourLong .hourLong_con .hourLong_section {
    width: 100%;
    /* height: 30px; */
    overflow: hidden;
    font-size: 6px;
}

.hourLong .hourLong_con .hourLong_section span {
    width: 4%;
    float: left;
    font-size: 10px;
}

.hourDetailed ul {
    background: #FFFFFF;
    padding: 5px;
    border: 1px solid #ccc;
}

.hourDetailed ul li {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    font-size: 0.32rem;
    padding: 5px 0;
}

.hourDetailed ul li #hourDetailed_long {
    float: right;
}

.hourPost {
    width: 90%;
    margin: 0 5%;
    position: relative;
}

/* .hourOut {
    padding-left: 35px;
    padding-right: 40px;
} */

.hourOut .hourChart .hourChart_item {
    width: 100%;
    height: 20px;
    background-color: #eee;
    overflow: hidden;
    margin-bottom: 10px;
}

.hourOut .hourChart .hourChart_item .hourItemZ {
    width: 4%;
    height: 20px;
    float: left;
}

.hourOut .hourSection {
    width: 100%;
    height: 30px;
    overflow: hidden;
    border-top: 1px solid #333;
    font-size: 6px;
}

.hourOut .hourSection span {
    width: 4%;
    float: left;
    font-size: 10px;
}

.hourDay {
    position: absolute;
    top: 1px;
    left: 0;
    border-right: 1px solid #333;
}

.hourDay span,
.hourDayLong span {
    display: block;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 0 5px;
    font-size: 6px;
}

.hourDayLong {
    position: absolute;
    top: 1px;
    right: 0;
}

/* 设备详情 */

/* 预约保养 */
.header-con2 {
    background: #fff;
    box-shadow: #c5c5c5 0px 0.2px 4px;
    position: relative;
}

.header-con2 .ft16 {
    font-size: 1.1rem;
}

.header-con2 i {
    font-style: normal;
    line-height: 50px;
    margin-right: 15px;
}

.reser-yuan {
    margin-top: 30px;
    overflow: hidden;
    padding: 0 2%;
    display: flex;
}

.reser-box1 {
    flex: 1;
}

.reser-box1 div {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #dddddd;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}

.reser-box1 p {
    color: #494949;
    margin-top: 16px;
}

.reser-box1 p span {
    display: block;
}

.reser-yuan div.on {
    background: #f3c003;
    font-weight: bold;
    color: #565656;
}

.reser-con {
    overflow: hidden;
}

.reser-con .div-bo {
    display: none;
    float: left;
    width: 100%;
}

.reser-con p {
    width: 100%;
    text-align: center;
}

.reser-con p a {
    display: inline-block;
    width: 60%;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    border: none;
    margin: 0 auto 30px;
    padding-left: 15px;
}

.reser-con p .shangc {
    background: #f3c003 url(../image/shangcheng.png) 55px 11px no-repeat;
    background-size: 25px;
}

.reser-con p .zix {
    background: #f3c003 url(../image/lx-hui.png) 55px 11px no-repeat;
    background-size: 25px;

}

.lj {
    width: 100%;
    margin-top: 45px;
}

.reser-con-box {
    width: 90%;
    background: #f7f7f7;
    padding: 15px 2%;
    margin: 30px auto;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}

.reser-con-box .div-bo-con {
    background: url(../image/list-1.png) 10px 0px no-repeat;
    background-size: 27px;
    color: #333;
    text-align: left;
    line-height: 180%;
    padding-left: 45px;
    width: auto;
}

.reser-con-box .div-bo-con2 {
    color: #797979;
    padding-left: 45px;
    text-align: left;
    width: auto;
    margin-top: 5px;
}

.bo-input p {
    text-align: left;
    width: 80%;
    margin: 0 auto 15px;
}

.bo-input p span {
    width: 25%;
    display: inline-block;
}

.bo-input input[type=text] {
    border: none;
    border-bottom: 1px solid #dcdcdc;
    width: 65%;
}

.bo-table {
    width: 94%;
    margin: 30px auto;
}

.bo-table table {
    width: 100%;
    border: 1px solid #f2f2f2;
    text-align: center;
}

.bo-table table tr:nth-child(even) {
    background: #fff;
}

.bo-table table tr:nth-child(odd) {
    background: #fcf9ed;
}

.bo-table table th {
    background: #f9c801;
    height: 30px;
}

.bo-table table td {
    border: 1px solid #f2f2f2;
    line-height: 30px;
}

.bo-table table input {
    background: url(../image/checkbox.jpg) 0 7px no-repeat;
    height: 25px;
    width: 20px;
    background-size: 18px;
    border: none;
}

.bo-table table input[type="checkbox"]:checked {
    background: url(../image/checkbox2.png) 0 7px no-repeat;
    height: 25px;
    width: 20px;
    background-size: 18px;
}

.rglx {
    text-align: center;
}

.rglx input {
    width: 50%;
    height: 40px;
    border: 1px solid #f3c003;
    border-radius: 5px;
    background: #fff url(../image/lx-huang.png) 20px 7px no-repeat;
    background-size: 24px;
    padding-left: 12%;
}

.rglx-tj {
    margin-top: 20px;
    text-align: center;
}

.rglx-tj input {
    width: 65%;
    height: 48px;
    background: #f3c003;
    color: #565656;
    border: none;
    border-radius: 5px;
    font-weight: bold;
}

.rg-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #e4e4e4;
    opacity: 0.5;
    top: 0;
    z-index: 101;
}

.rg-pho,
.rg-qx {
    width: 90%;
    position: fixed;
    z-index: 102;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 40px;
    left: 50%;
    margin-left: -45%;
}

.rg-pho {
    bottom: 150px;
    background: #fff url(../image/lx-huang.png) 34% 7px no-repeat;
    background-size: 24px;
    padding-left: 12%;
}

.rg-qx {
    bottom: 90px;
}

/* 预约保养 */
/* 保养记录、报修记录*/
.byjl-con {
    overflow: hidden;
}

.byjl-con .byjl-box-tit {
    height: 45px;
    line-height: 45px;
    background: #eeeeee;
    overflow: hidden;
    padding: 0 1rem;
}

.byjl-con .byjl-box-tit .tit-num {
    display: inline-block;
    background: url(../image/list-1.png) 0 9px no-repeat;
    background-size: 25px;
    padding-left: 30px;
    color: #282828;
}

.byjl-con .byjl-box-tit .ing {
    color: #ff0000;
}

.byjl-con .byjl-box-tit .done {
    color: #282828;
}

.byjl-box-con {
    padding: 1rem;
}

.byjl-box-con p {
    display: flex;
    line-height: 200%;
    color: #7a7a7a;
}

.byjl-box-con .box-con-left {
    flex: 1;
    text-align: right;
}

.byjl-box-con .box-con-right {
    flex: 2;
}

/* 保养记录、报修记录 */
/* 保养详情 */
.detail-box {
    background: #f4f4f4;
}

.detail-box .byjl-box-tit {
    height: 45px;
    line-height: 45px;
    background: #f9c801;
    overflow: hidden;
    padding: 0 1rem;
}

.detail-box .byjl-box-tit .tit-num {
    display: inline-block;
    background: url(../image/wjj.png) 0 9px no-repeat;
    background-size: 25px;
    padding-left: 30px;
    color: #282828;
}

.detail-con p {
    color: #282828;
}

.detail-con {
    background-color: #fff;
    ;
}

.detail-con2 {
    margin-top: 20px;
}

.detail-pic {
    text-align: center;
}

.detail-pic img {
    max-width: 90%;
}

/* 保养详情 */
/* 我的消息 */
.sytabs {
    display: flex;
    background: #fff;
}

.sytabs li {
    flex: 1;
    text-align: center;
}

.tab_content li {
    margin: 15px 10px;
    padding: 15px 10px 15px 20px;
    background-color: #fff;
}

.tab_content {
    overflow: hidden;
}

.tab_content .nodt {
    background: none;
    position: relative;
    margin-top: 40%;
    text-align: center;
    font-size: 16px
}

.tab_content .nodt .fa {
    display: block;
    font-size: 40px;
    color: #969696;
    margin-bottom: 10px;
}

.sytabs li a {
    display: block;
    color: #282828;
    padding: 12px 0;
    font-size: 16px;
}

.sytabs li a i {
    font-size: 20px;
    margin-right: 3px;
}

.sytabs li.active a {
    font-weight: bold;
    color: #f0be05;
    border-bottom: 2px solid #f0be05
}

.tab_content strong {
    font-size: 16px;
}

.rd {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: rgba(255, 0, 0, 0.68);
    top: -11px;
    position: relative;
    display: inline-block;
    margin-left: 2px;
}

.syt {
    margin-bottom: 10px;
}

.tab_content dfn {
    color: #8b8b8b;
    font-size: 14px;
    font-style: normal;
}

.tab_content .gt {
    color: #8b8b8b;
    font-size: 14px
}

.syinfo {
    color: #8b8b8b;
    padding-right: 20px
}

.flex1 {
    flex: 1;
}

.flex {
    display: flex;
}

.addtip {
    position: relative;
}

.addtip:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: rgba(255, 0, 0, 0.68);
    top: 0;
    position: relative;
    display: inline-block;
    margin-left: 2px;
}

.message-cont {
    padding: 15px;
}

.message-cont h1 {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 500;
    margin-bottom: 15px;
}

.mess-tm {
    color: #999;
    font-size: 14px;
    margin: 0 0 20px 0;
}

.mess-tm i {
    margin-right: 3px;
}

.mess-in-cont p {
    margin-bottom: 12px;
}

.mess-in-cont {
    line-height: 2;
    text-align: justify;
    font-size: 15px
}

.mess-tm .fa-clock-o {
    display: inline-block;
    height: 15px;
    width: 15px;
    content: '';
    background: url(../image/me-time.png) center 4px no-repeat;
    background-size: 70%;
}

/* 我的消息 */
/* 设备保养列表 */
.by-sxt {
    background: url(../image/sxt.png) right center no-repeat;
    display: inline-block;
    width: 45px;
    height: 45px;
    background-size: 50%;
}

.byjl-con .list-bt {
    display: block;
    overflow: hidden;
}

.list-bt a {
    height: 30px;
    width: auto;
    color: #282828;
    background: #fbc833;
    border-radius: 5px;
    text-align: center;
    padding: 0 1rem;
    line-height: 30px;
    margin-left: 15px;
    margin-top: 10px;
}

.by-list-con .box-con-right {
    flex: 1.5;
}

.by-list-con2 .box-con-left {
    flex: 0.5;
}

/* 设备保养列表 */
/* 报告列表 */
.report-list {
    /* background: #272727; */
    padding: 0px 5px;
}

.report-box {
    /* width: 100%; */
    /*  border-top: 1px #4c4c4c solid;
    border-bottom: 1px #000 solid; */
    padding: 10px 10px;
    display: -webkit-flex;
    position: relative;
}

.report-box:after,
.report-box:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    /* background-color: #383838; */
    /* border-top: 1px solid #4c4c4c; */
    transform: scaleY(.5);
    transform-origin: 0 0;
    left: 0;
}

.report-box:before {
    bottom: 1px;
    /* background-color: #000; */
    border-top: 1px solid #ffce12;
    transform: scaleY(.5);
}

.report-box em {
    width: 30px;
    height: 30px;
    float: left;
    display: block;
    margin-right: 15px;
    position: relative;
    background: url(../image/list04.png) center no-repeat;
    background-size: 20px auto;
}

.report-box em.on {
    background: url(../img/list05.png) center no-repeat;
    background-size: 25px auto;
}

.report-box:first-child {
    border-top: none;
}

.report-box:last-child {
    border-bottom: none;
}

.report-box p {
    -webkit-flex: 1;
    float: left;
    color: #333;
    text-align: left;
    line-height: 200%;
    font-size: 13px;
}

.report-box p span {
    color: #282828;
    display: block;
    font-size: 15px;
}

/* 报告列表 */
/* 报告详情 */
.report-deta {
    /* background: #151515; */
    position: relative;
    /* padding: 20px 10px */
}

.report-deta:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
}

.bgdetailed {
    background: #ffce12;
    padding: 15px;
    overflow: hidden;
}

.bgdetailed .bgdetailed_time,
.bgdetailed .bgdetailed_n {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding: 5px 0;
}

.bgdetailed .bgdetailed_number {
    font-size: 12px;
    color: #333;
    display: block;
}

.bgjbxx,
.bgsy {
    padding: 15px 20px;
    background: #fff;
    overflow: hidden;
}

.bgxtit {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
}

.bgjbxx .bgjbxx_1 {
    overflow: hidden;
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold;
}

.bgjbxx .fl {
    width: 50%;
}

.bgjbxx .fr {
    width: 50%;
}

.bgjbxx span {
    line-height: 1.6;
}

.bgsy span {
    /* display: block; */
    line-height: 1.6;
}

.bar {
    width: 100%;
    background: #626262;
    height: 10px;
    border-radius: 20px;
    margin: 20px auto;
    text-align: left;
}

.bgsy .bar {
    width: 100%;
    background: #626262;
    height: 10px;
    border-radius: 20px;
    margin: 5px auto;
    text-align: left;
}

.bar .bar-jd {
    width: 70%;
    height: 10px;
    background: #f4c104;
    border-radius: 20px;
}

.bgsy .bar .bar-jd {
    width: 70%;
    height: 10px;
    background: #f4c104;
    border-radius: 20px;
}

.bgumn {
    margin-bottom: 30px;
}

.bgtit {
    height: 50px;
    overflow: hidden;
    background: #424242;
}

.bgtit_bl {
    height: 3px;
    background: #000;
}

.bgtit .fl {
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
}

.bgtit .fl a {
    color: #ffce17;
}

.bgtit .fr span {
    display: block;
    text-align: right;
    padding-right: 15px;
    line-height: 25px;
}

.bgtit .bgtit_hour {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.bgtit .bgtit_time {
    color: #a2a2a2;
    font-size: 12px;
}

.bgtxt {
    padding: 10px 15px;
    background: #262626;
    overflow: hidden;
}

.bgtxt .fl span {
    display: block;
    font-size: 14px;
    color: #a2a2a2;
    padding: 5px 0;
}

.bgtxt .fl-right img,
.bgdetailed .fl-right img {
    display: block;
    width: 70px;
    height: 70px;
    border: 2px solid #ffce17;
    border-radius: 50%;
    margin-top: 10px;
}

.bgtxt .bgtxt_address {
    width: 220px;
}

.report-deta {
    background: #ffce12;
    position: relative;
    padding: 20px 10px;
}

.detailHd {
    display: flex;
}

.detailHd .repimg {
    width: 85px;
}

.detailHd .repimg img {
    width: 100%;
}

.detawrap {
    padding: 20px 15px
}

.deta_item {
    margin-bottom: 20px;
}

.plan_box {
    padding: 20px 20px 10px;
    background-color: #2e2e2e;
}

.deta_item h3 {
    color: #333;
    /* font-size: 18px; */
    position: relative;
    padding: 0 0 5px 25px;
    margin-bottom: 10px;
    font-weight: bold;
}

.deta_item h3:after {
    content: "";
    display: block;
    height: 2px;
    background-color: #ffce12;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.deta_item h3:before {
    content: "";
    display: block;
    height: 25px;
    width: 15px;
    background-color: #ffce12;
    position: absolute;
    left: 0;
    bottom: 0;
}

.deta_item ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 0
}

.deta_item ul li .detah {
    display: block;
    width: 120px;
    text-align: right;
    color: #333;
    font-size: 16px;
}

.deta_item ul li dfn {
    display: block;
    text-align: left;
    color: #333;
    font-size: 16px;
    font-style: normal;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.deta_item h4 {
    font-size: 16px;
    padding: 10px 0 20px;
    color: #333;
}

.deta_item h4 dfn {
    color: #ffce12;
    font-style: normal;
    font-weight: bold;
}

.plan {
    overflow: hidden;
}

.maintain-box .box-cont p span,
.plan span {
    width: 70%;
    float: left;
    color: #fff;
    display: block;
    font-size: 12px;
    position: relative;
    padding-left: 15px;
    text-align: left;
}

.maintain-box .box-cont p span:before,
.plan span:before {
    width: 10px;
    height: 10px;
    display: block;
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -5px;
    background: #626262;
}

.plan .yj-done:before {
    background: #ffce12;
}

.maintain-box .box-cont p span:last-child:before {
    background: #FECE12;
}

.maintain-box .box-cont p span i {
    font-style: normal;
}

em,
i,
dfn {
    font-style: normal;
}

.shiyong ul li dfn {
    flex: none;
}

/* 报告详情 */
/* 物流查询 */
.state {
    text-align: center;
    background-color: #f3c003;
    font-size: 22px;
    padding: 30px 0
}

.state img {
    margin-right: 20px;
    width: 40px;
    vertical-align: middle
}

.deta_item {
    background-color: #fff;
    padding: 30px 0;
    border-bottom: 1px solid #d2d2d2
}

.deta_item * {
    color: #282828 !important
}

.nodata {
    padding: 40px 0;
}

.nodata img {
    width: 15%;
    display: block;
    margin: 0 auto 20px;
}

.nodata p {
    text-align: center;
    font-size: 16px
}

/* 物流查询 */
/* 机友圈首页 */

header p,
.shear p {
    text-align: center;
    font-size: 18px;
    padding: 0px 45px;
    color: #f4c104;
    height: 50px;
    display: block;
    background: url(../img/bg01.png) bottom center no-repeat;
    background-size: 100% 2px;
}

header p a,
.shear p a {
    color: #f4c104;
    padding: 0px 15px;
}

header p a.cur,
.shear p a.cur {
    color: #f4c104;
    font-weight: bold;
}

header p a.cur:hover,
.shear p a.cur:hover {
    color: #f4c104;
}

header .p1 {
    color: #fff !important;
}

header span,
.shear span {
    position: absolute;
    z-index: 1;
    width: 45px;
    height: 50px;
    top: 0px;
    color: #fff;
    text-align: center;
}

.shear span {
    color: #000;
    height: 40px;

}

header span:before,
.shear span:before {
    font-size: 22px;
}

header .icon-back {
    left: 0px;
}

header .icon-news {
    right: 0px;
    display: none;
}

header .icon-news em {
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    background: #e60012;
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 6px;
    top: 7px;
    z-index: 2;
    border-radius: 18px;
}

.focus {
    overflow: hidden;
}

.slideBox-jy {
    position: relative;
    width: 100%;
}

.slideBox-jy .hd {
    width: 100%;
    position: absolute;
    height: 28px;
    line-height: 28px;
    bottom: 0;
    left: 0px;
    z-index: 1;
    text-align: center;
    background: rgba(0, 0, 0, 0.5)
}

.slideBox-jy .hd li {
    display: inline-block;
    width: 8px;
    -webkit-transform: rotate(45deg);
    height: 8px;
    background: #585858;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 6px;
}

.slideBox-jy .hd li.on {
    background: #F4C104;
}

.slideBox-jy .bd {
    position: relative;
    z-index: 0;
}

.slideBox-jy .bd li {
    position: relative;
}

.slideBox-jy .bd li img {
    width: 100%;
    display: block;
}

.slideBox-jy .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* 取消链接高亮 */
}

.release {
    padding: 12px 15px;
    position: fixed;
    bottom: 80px;
    max-width: 640px;
    width: 100%;
    height: 64px;
}

.release span {
    width: 50%;
    display: inline-block;
    height: 50px;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    float: left;
    text-align: center;
    background: #f4c104;
    padding: 5px 0px 5px 40px;
    position: relative;
    border-right: 2px #fff solid;
    border-radius: 6px 0px 0px 6px;
}

.release span:before {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #fff;
    color: #f4c104;
    font-size: 20px;
    border-radius: 40px;
    font-weight: 400;
    position: absolute;
    margin-left: -50px;
}

.release .icon-digger {
    border-right: none;
    border-left: 2px #fff solid;
    border-radius: 0px 6px 6px 0px;
}

.release .icon-digger:before {
    font-size: 26px;
}

.circle,
.work {
    margin-bottom: 10px;
}

.circle .box,
.work .box {
    padding: 0px 15px;
    border-top: 8px #e5e5e5 solid;
}

.circle .box-top,
.work .box-top {
    padding: 10px 0px 10px 75px;
    height: 80px;
    position: relative;
}

.circle .box-top .pic,
.work .box-top .pic {
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 10px;
    border-radius: 60px;
    overflow: hidden;
}

.circle .box-top .pic img,
.work .box-top .pic img {
    width: 100%;
    height: 100%;
}

.circle .box-top .name,
.work .box-top .name {
    display: block;
    font-size: 18px;
    color: #f4c104;
    font-weight: bold;
    line-height: 160%;
}

.circle .box-top .time,
.work .box-top .time {
    display: block;
    margin-top: 0px;
    font-size: 18px;
    font-weight: bold;
}

.circle .box-top .time em {
    color: #f4c104;
}

.circle .box-con {
    padding-right: 100px;
    position: relative;
}

.circle .box-con .money {
    height: 50px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -25px;
    width: 100px;
    display: block;
    z-index: 1;
    font-size: 14px;
    text-align: right;
}

.circle .box-con .money b {
    color: #f4c104;
    display: block;
    font-size: 16px;
}

.circle .box-con p {
    line-height: 200%;
    text-align: justify;
    font-size: 16px;
}

.cricle .box-con ul {
    padding: 10px 0px 0px !important;

}

.circle .box-con ul li {
    width: 33.33%;
    float: left;
    padding: 2px;
}

.circle .box-con ul li img {
    width: 100%;
    height: 100%;
}

.middle-img {
    position: absolute;
    left: 259px;
    top: 0px;
    width: 40px;
}

.up-img {
    position: absolute;
    top: -40px;
    left: 261px;
    width: 40px;
}

.down-img {
    position: absolute;
    top: 40px;
    left: 257px;
    width: 40px;
}

.left-img {
    position: absolute;
    left: 218px;
    width: 40px;
}

.right-img {
    position: absolute;
    left: 300px;
    width: 40px;
}

.am-gallery {
    padding-top: 10px !important;
}

.am-gallery-item {
    width: 100%;
    height: 100%;
}

.am-pureview-actions a {
    background: url(../img/201507271854.png) left center no-repeat;
    background-size: auto 20px;
}

.am-pureview-actions a:before {
    content: "" !important;
}

@media screen and (max-width:450px) {
    .middle-img {
        position: absolute;
        left: 259px;
        top: 0px;
        width: 40px;
        display: none;
    }

    .up-img {
        position: absolute;
        top: -40px;
        left: 261px;
        width: 40px;
        display: none;
    }

    .down-img {
        position: absolute;
        top: 40px;
        left: 257px;
        width: 40px;
        display: none;
    }

    .left-img {
        position: absolute;
        left: 218px;
        width: 40px;
        display: none;
    }

    .right-img {
        position: absolute;
        left: 300px;
        width: 40px;
        display: none;
    }

    .rotate_jia {
        display: none;
    }

    .rotate_div {
        display: none;
    }

    .rotate_jian {
        display: none;
    }
}

.circle .box-fot {
    border-top: 1px #ddd solid;
    margin-top: 10px;
    padding: 10px 0px;
}

.circle .box-fot .time {
    float: left;
    color: #a0a0a0;
    font-weight: 400;
}

.circle .box-fot span,
.detail-top p span {
    line-height: 26px;
    font-size: 13px;
}

.circle .box-fot .icon-star,
.circle .box-fot .icon-share,
.detail-top p .icon-star,
.detail-top p .icon-share {
    float: right;
    margin-right: 10px;
}

.circle .box-fot .icon-share:before,
.detail-top p .icon-share:befroe {
    font-weight: 500;
}

.circle .box-fot .icon-star:before,
.circle .box-fot .icon-share:before,
.detail-top p .icon-star:before,
.detail-top p .icon-share:before {
    color: #f4c104;
    font-size: 18px;
    margin-right: 5px;
    float: left;
    margin-left: 2px;
    margin-top: -1px;
}

.circle .box-fot .cur {
    color: #f4c104;
}

.circle .box-fot .icon-star.cur:before,
.detail-top p .icon-star.cur:before {
    background: url(../image/star-h.png) 0 2px no-repeat;
    height: 22px;
    width: 26px;
    display: inline-block;
    content: '';
    background-size: 80%;
    margin-left: 1px;
    margin-right: 2px;
}

.icon-star:before {
    background: url(../image/star.png) 0 0 no-repeat;
    height: 22px;
    width: 26px;
    display: inline-block;
    content: '';
    background-size: 100%;
}

/* 机友圈首页 */
/* 招聘求职 */
.bodybg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 99;
    background: rgba(0, 0, 0, 0.4);
    display: none;
}

.shear {
    position: fixed;
    top: 50px;
    width: 100%;
    max-width: 640px;
    background: #f4c104;
    height: 40px;
    line-height: 40px;
    z-index: 110;
}

.shear .adress:after {
    width: 10px;
    height: 10px;
    content: "";
    display: inline-block;
    background: url(../image/QXbpD5KOv8.png) center no-repeat;
    background-size: 5px 8px;
    transform: rotate(90deg);
    margin-left: 4px;
}

.shear .adress {

    border-radius: 4px;
    height: 40px;
    margin-left: 10px;
    color: #000;
    text-align: center;
    line-height: 40px;
    width: 50px;
}

.shear .p {
    width: 100%;
    height: 40px;
    background: none;
    border-radius: 3px;
    line-height: 40px;
    padding: 0px 50px 0px 80px;
}

.shear .p p {
    font-size: 16px;
    padding: 0px;
    background: none;
    height: 40px;
    display: block;
    overflow: hidden;
    border-radius: 3px;
    text-align: center;
    color: #000;
}

.shear .p p a {
    padding: 0px 20px;
    color: #666;
}

.shear .p p a.cur {
    font-weight: bold;
    color: #000;
}

.shear .adress {
    width: 80px;
    font-size: 13px;
}

.map {
    width: 100%;
    height: 100%;
    background: #000;
    position: relative;
    top: 0;
    z-index: 10;
}

.screen {
    background: #fff;
    height: 50px;
    /*padding-right:60px;*/
    position: relative;
    line-height: 50px;
    text-align: center;
    width: 100%;
    max-width: 640px;
    border-bottom: 1px #ddd solid;
}

.screen.on {
    position: fixed;
    top: 0px;
    z-index: 111;
}

.screen em {
    width: 60px;
    height: 50px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #000;
    font-weight: bold;
    border-left: 2px #fff solid;

}

.screen em:before {
    font-size: 20px;
}

.screen span {
    width: 33.33%;
    float: left;
    display: block;
    height: 50px;
    font-size: 16px;
    transition: 0.8s;
    border-left: 1px #ddd solid;
    cursor: pointer;
}

.screen span.cur {
    color: #f4c104;


}

.screen .icon-triangle-down:before {
    content: "";
}

.screen .icon-triangle-down:after {
    content: "\e602";
    font-size: 20px;
}

.screen .icon-triangle-down.cur:after {
    content: "\e601";
    color: #f4c104;
    font-size: 18px;
}

.screen span:first-child {
    border: none;
}

.screen-tc {
    display: none;
    background: #fff;
    position: fixed;
    top: 50px;
    max-width: 640px;
    width: 100%;
    z-index: 111;
    padding: 15px 14px;
}

.screen1 select {
    width: 32%;
    float: left;
    padding: 0px 10px;
    height: 35px;
    background: #eee;
    border: 1px #fff solid;
    border-radius: 3px;
    line-height: 35px;
}

.screen2 p,
.screen3 p {
    line-height: 180%;
    border-bottom: 1px #ddd solid;
    padding: 7px 0px;
}

header .job-list,
.shear .job-list {
    right: 0px;
}

.job-list:before {
    content: "列表";
    font-size: 15px !important;
    margin-right: 10px;
}

.sub {
    height: 40px;
    left: 0px;
    bottom: 40px;
    padding: 0px 20px;
    z-index: 1;
    width: 100%;
    text-align: center;
    position: absolute;
}

.sub a {
    width: 60%;
    text-align: center;
    height: 45px;
    background: #f4c104;
    color: #333;
    font-size: 16px;
    border-radius: 5px;
    line-height: 45px;
    display: inline-block;
}

/* 招聘求职 */
/* 招牌租赁管理 */
.switch .hd {
    background: #f4c104;
    line-height: 45px;
    color: #666;
    height: 45px;
    text-align: center;
}

.switch .hd span {
    padding: 0px 20px;
    color: #666;
    font-size: 16px;
    text-align: center;
}

.switch .hd span.on {
    color: #000;
    font-weight: bold;
}

#showPageMore {
    text-align: center;
    width: 70%;
    font-size: 16px;
    margin: 5px auto;
}

#showPageMore p {
    text-align: center;
    padding: 10px;
    color: #000;
    border-radius: 5px;
}

/* .weui_dialog_hd {
    padding: 20px 20px 5px !important;
} */
.dis-n {
    display: none;
}

/* 招牌租赁管理 */
/* 发布简历 */
.post {
    padding: 15px 15px;
}

.post p {
    margin-bottom: 10px;
    position: relative;
}

.post p label.error {
    display: block;
    text-align: left;
    font-size: 12px;
    font-weight: 400;
    line-height: 200%;
    color: #E6002D;
}

.post select {
    width: 100%;
    background: #eee url(../img/201507121423.png) 98% center no-repeat;
    background-size: 8px auto;
    border-radius: 5px;
    height: 40px;
    border: none;
    padding: 0px 8px;
    position: relative;
}

.post span {
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 40px;
    width: 90px;
    display: block;
    text-align: right;
}

.post p[for="time1"] .txt,
.post p[for="time2"] .txt,
.post p[for="creTime"] .txt,
.post p[for="timeend"] .txt {
    padding-left: 90px;
}

.post p[for="slplace"] {
    background: #eee;
    border-radius: 5px;
    height: 40px;
    padding-left: 90px;
}

.post p[for="slplace"] select {
    background: #fff url(../img/201507121423.png) 98% center no-repeat;
    background-size: 8px auto;
    height: 30px;
    margin-top: 5px;
    line-height: 30px;
}

.post p[for="slplace"] select:last-child {
    margin-top: 5px !important;
}

.post .txt {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 5px;
    padding: 0px 8px;
    background: #eee;
}

.post .p1 select {
    width: 32%;
}

.post .p1 select:last-child {
    margin: 0px;
}

.post p textarea {
    width: 100%;
    border-radius: 5px;
    background: #eee;
    padding: 8px;
    border: none;
}

@media screen and (max-width:320px) {
    .post .p1 select {}
}

.detail-fot {
    padding: 20px 0px;
    text-align: center;
}

.detail-fot a,
.detail-fot .but {
    width: 40%;
    text-align: center;
    height: 40px;
    background: #f4c404;
    border-radius: 4px;
    line-height: 40px;
    color: #333;
    display: inline-block;
    -webkit-appearance: none;
    border: none;
}

#canvasDiv2 {
    margin-bottom: 10px;
}

.addimg_btn {
    display: flex;
    width: auto !important;
}

.addimg_btn label {
    width: 40px;
    height: 40px;
    display: block;
    background: url(../image/ca.png) no-repeat left top;
    background-size: 100% auto;
}

.addimg_btn input {
    opacity: 0;
}

.addimg_btn p {
    flex: 1;
    padding-left: 15px;
    line-height: 40px;
}

/* 发布简历 */
/* 详情页 */
header a.cur {
    color: #f4c104;
    font-weight: bold;
}

header .xq a {
    padding: 0px 15px;
}

.detail-top {
    background: url(../image/bg021.jpg) repeat-x;
    padding: 10px;
}

.detail-top h1 {
    padding: 16px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.detail-top h1 em {
    color: #f4c104;
}

.detail-top p {
    color: #a0a0a0;
    text-align: left;
    font-size: 13px;
}

.detail-con {
    padding: 10px 25px;
}

.detail-con p {
    line-height: 180%;
    padding: 5px 0px 5px 80px;
    text-align: left;
    min-height: 38px;
}

.detail-con span {
    width: 100px;
    display: block;
    text-align: right;
    position: absolute;
    left: 8px;
    font-weight: bold;
}

/* 详情页 */
/* 通话记录 */

.recr {
    padding: 10px 15px 100px;
}

.recr .box {
    padding: 15px 5px;
    border-bottom: 1px #f5f5f5 solid;
}

.recr .box .tit {
    display: block;
    font-weight: bold;
    color: #000;
    font-size: 14px;
    text-align: left;
    line-height: 200%;
    margin-bottom: 5px;
}

.recr .box .tit b {
    color: #f4c104;
    font-size: 15px;
}

.recr .box .tit em {
    float: right;
    color: #282828;
    background: #f4c104;
    width: 50px;
    height: 20px;
    margin-top: 5px;
    display: inline-block;
    border-radius: 3px;
    font-size: 12px;
    font-weight: lighter;
    line-height: 20px;
    text-align: center;
}

.recr .box .info {
    display: block;
    color: #878787;
    line-height: 160%;
    text-align: left;
    font-size: 12px;
}

.recr .box .man {
    display: block;
    text-align: left;
    font-size: 12px;
    margin-top: 10px;
}

.recr .box .man a {
    border: 1px #ededed solid;
    padding: 0px 15px;
    color: #298dd4;
    background: #f7f7f7;
    display: inline-block;
    line-height: 22px;
    margin-right: 5px;
    border-radius: 3px;
}

.Invalid .tit {
    color: #8f8f8f !important;
}

.Invalid .tit em {
    background: #f40404 !important;
    color: #fff !important;
}

.recr .box .contacts p {
    text-align: left;
    line-height: 200%;
}

.recr .box .contacts em {
    color: #fe0000;
}

.recr .box .contacts table {
    width: 100%;
    border-top: 2px #f0f0f0 solid;
    border-bottom: 2px #f0f0f0 solid;
}

.recr .box .contacts table td {
    border: none;
    padding: 6px;
    text-align: center;
}

.contacts p {
    text-align: left;
    line-height: 200%;
    margin: 8px 0px 6px;
    font-size: 14px;
}

.contacts table td {
    border: none;
    padding: 6px;
    text-align: center;
    font-size: 13px;
}

.screen .icon-triangle-down:after {
    background: url(../image/icon-c.png) center 5px no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-size: 45%;
    content: '';
}

/* 通话记录 */

/* 服务 */
.fw-box {
    position: relative;
    width: 100%;
    height: 100%;
}

.fw-bg {
    width: 100%;
    position: fixed;
}

.fw-box a {
    display: block;
    height: 45px;
    width: 70%;
    position: fixed;
    z-index: 10;
    background: #fed945;
    border: 1px solid #fff;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    left: 50%;
    margin-left: -35%;
}

.fw-box .fw-tel {
    top: 30%;
}

.fw-box .fw-by {
    top: 40%;
}

.fw-box .fw-gz {
    top: 50%;
}

/* 服务 */
/*活动礼品*/
.check_t {
    height: 35px;
    line-height: 35px;
    background-color: #f4c104;
    padding: 0 15px;
}

.check_t span {
    color: #ff0000;
}

.pdlist {
    background-color: #fff;
    margin-bottom: 15px;
    padding: 0 0 20px 0
}

.pdlist:after {
    content: "";
    display: table;
    clear: both
}

.pdlist li {
    width: 50%;
    float: left;
    position: relative;
    margin-top: 15px;
}

.pdlist input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.pdlist label {
    padding-left: 40px;
    display: block;
    position: relative;
    /*width: 85%;*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.pdlist label:after {
    content: "";
    position: absolute;
    left: 15px;
    top: 25%;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: url('../img/checked.png') no-repeat center center;
    background-size: 0;
}

.pdlist li input:checked+label:after {
    background: url('../image/checked.png') no-repeat center center #f4c104;
    background-size: 80%;
    border-color: #f4c104;
}

.pdlist li .pdimg {
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
}

.pdlist li label img {
    width: 80%;
    vertical-align: middle
}

.pdlist .ptit {
    font-size: 16px;
    margin-bottom: 4px;

}

.pdlist .pric i,
.pdlist1 .pric i {
    text-decoration: line-through;
    color: red
}

.pdlist1 {
    /* margin-bottom: 15px; */
    padding: 0 0 10px 0
}

.pdlist1:after {
    content: "";
    display: table;
    clear: both
}

.pdlist1 li {
    display: flex;
    padding: 10px 30px 10px 20px;
    background-color: #fff;
    margin-bottom: 10px;
    position: relative;
}

.pdlist1 li:after {
    content: ">";
    position: absolute;
    right: 10px;
    top: 40%;
    color: #444;
    font-size: 16px
}

.pdlist1 li .rt {
    flex: 1;
}

.pdlist1 li .rt p {
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 10px;
}

.pdlist1 .rt h5 {
    font-size: 15px
}

.pdlist1 .pdimg {
    padding: 5px;
    border: 1px solid #ccc;
    text-align: center;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    overflow: hidden;
}

.pdlist1 .pdimg img {
    width: 100%
}

.sign_g_btn {
    width: 50%;
    margin: 10px auto;
}

.sign_g_btn.flex {
    width: 90%;
}

.sign_g_btn.flex input[type='button'] {
    width: 45%
}

.sign_g_btn button,
.sign_g_btn input[type="button"] {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #000000;
    background: #f4c104;
    border-radius: 5px;
    border: none;
    padding: 8px 0;
}

.sign_g_btn.gray button {
    background-color: #b1b1b1;
    color: #fff
}

/*活动礼品*/
/*兑换礼品*/

.global_t {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    font-size: 16px;
    background-color: #f4c104;
}

.pddh {
    padding: 10px 0 0;
}

.bgfff {
    background-color: #fff;
}

.pddh ul li {
    padding: 8px 15px;
}

.hove_bob li {
    display: flex;
    position: relative;
    padding: 8px 3px;
}

.hove_bob li span {
    width: 40%;
    display: block;
}

.hove_bob li p {
    flex: 1;
}

.hove_bob.showb li:last-child:after {
    display: block;
}

.integral_list li:after,
.hove_bob li:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    border-top: 1px;
    background-color: #d2d2d2;
    border-top: 1px solid #dcdcdc;
    transform: scaleY(.5);
    transform-origin: 0 0;
}

.sumto {
    padding: 10px 15px;
    background-color: #fff;
}

.addr_form {
    background-color: #fff;
}

.addr_form li {
    display: flex;
    padding: 0 0 10px;
    font-size: 15px
}

.addr_form li span {
    width: 80px;
    text-align: right;
    line-height: 2;
}

.addr_form li div {
    flex: 1;
    position: relative;
    padding: 0 4px;
    /* 	padding-bottom: 5px;
     */
}

.addr_form .citywrap .country,
.citywrap .province {
    width: 49%;
    display: inline-block;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 5px;
    height: 30px;
    position: relative;
}

.addr_form .citywrap .citylast {
    width: 100%;
    display: block;
    padding-bottom: 5px;
    margin-top: 3px;
    text-align: center;
}

.addr_form .citywrap .citylast:after {
    display: none;

}

.pd15 {
    padding: 15px;
}

.citywrap select {
    display: block;
    border: 0;
    width: 100%;
    height: 25px;
    -webkit-appearance: none;
    outline: 0;
    background-color: transparent;
}

.addr_form li input {
    padding: 5px 0;
    border: none;
    background-color: none;
}

.addr_form li div:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    border-top: 1px;
    background-color: #d2d2d2;
    border-top: 1px solid #d2d2d2;
    transform: scaleY(.5);
    transform-origin: 0 0;
}

.citywrap .cityselect:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px;
}

/*兑换礼品*/

@media screen and (max-width: 330px) {
    .slideBox .bd li {
        height: 3.7rem;
    }

    .slideBox .bd li .td02 {
        width: 82%;
    }

    .con-box {
        margin-left: 0.2rem;
    }

    .con-box3 {
        padding-left: 7px;
    }

    .con-box2 {
        padding-left: 1px;
    }

    .con-box1 {
        padding-left: 4px;
    }

    #tabBox1-bd table {
        width: 80%;
    }

    .bo-input p {
        width: 90%;
    }

    .bo-table table th:first-child {
        width: 15%;
    }

    .rglx input {
        width: 60%;
    }

    .rglx-tj input {
        width: 75%;
    }

    .rg-pho {
        background: #fff url(../image/lx-huang.png) 32% 7px no-repeat;
        background-size: 24px;
    }

    .reser-con p .shangc {
        background: #f3c003 url(../image/shangcheng.png) 40px 11px no-repeat;
        background-size: 25px;
    }

    .reser-con p .zix {
        background: #f3c003 url(../image/lx-hui.png) 40px 11px no-repeat;
        background-size: 25px;
    }

    .detail-box .byjl-box-con .box-con-right {
        flex: 1.5;
    }

    .by-list-con .box-con-right {
        flex: 1.1;
    }

    .fw-box .fw-tel {
        top: 30%;
        height: 40px;
        line-height: 40px;
    }

    .fw-box .fw-by {
        top: 40%;
        height: 40px;
        line-height: 40px;
    }

    .fw-box .fw-gz {
        top: 50%;
        height: 40px;
        line-height: 40px;
    }

    .zyyw p .rmjx {
        width: 48.5%;
        overflow: hidden;
        height: 110px;
        margin-bottom: 8px;
        border-radius: 5px;
    }

    .zyyw p .esj {
        width: 48.5%;
        height: 50px;
        overflow: hidden;
        border-radius: 5px;
    }

    .zyyw p .zpfw {
        width: 48.5%;
        height: 50px;
        overflow: hidden;
        margin-top: 10px;
        border-radius: 5px;
    }

    .index-sel {
        top: 10%;
    }
}

/* cva服务 */
.cva-list {
    width: 90%;
    margin: 10px auto;
    position: relative;
    min-height: 60px;
    background: #fff;
    border-radius: 5px;
    padding: 0 10px;
}

.cva-list-tit {
    height: 45px;
    overflow: hidden;
    border-bottom: 1px solid #f3c003;
}

.cva-list-tit .tit-span {
    font-weight: bold;
}

.cva-list-con {
    overflow: hidden;
    padding: .2rem;
    color: #797979;
}

.cva-list-con p {
    line-height: 2;
    font-size: .28rem;
    overflow: hidden;
    color: #333;
}
.gray-border-table {
    width: 100% !important;
    /* border: 1px solid #ccc; */
    border-collapse: collapse;
    float: none !important;
}
.gray-border-table th, .gray-border-table td {
    /* border: 1px solid #ccc; */
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    padding: 6px 0;
}
.gray-border-table tr td:first-of-type {
    border-right: 1px solid #f3f3f3;
}
.dayInfoBox {
    /* padding: 0 10px; */
}
.dayInfoBox .day-calendar {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: relative;
}
.dayInfoBox .day-calendar span {
    font-size: 13px;
    line-height: 30px;
    letter-spacing: 1%;
}
.dayInfoBox .day-calendar .calendar {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 11px;
}
.left-align {
    text-align: left;
    display: block;
}
/* ---------------------------------------------- */
/* 日历弹窗遮罩层 */
.calendar-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: none;
}

/* 日历弹窗容器 */
.calendar-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 350px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    z-index: 1001;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* 日历头部 */
.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
}

.calendar-header button {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    padding: 5px 10px;
    color: #333;
}

.calendar-header .year-month {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

/* 星期行 */
.calendar-weekdays {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    padding: 10px 0;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.calendar-weekdays span {
    font-size: 14px;
    color: #666;
}

/* 日历主体 */
.calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    padding: 10px;
}

.calendar-day {
    padding: 12px 0;
    font-size: 14px;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.2s;
}

.calendar-day:hover {
    background: #f0f0f0;
}

.calendar-day.selected {
    background: #F9C806;
    color: #fff;
}

.calendar-day.other-month {
    color: #ccc;
}

.calendar-day.today {
    border: 1px solid #F9C806;
}

/* 日历底部按钮 */
.calendar-footer {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border-top: 1px solid #e5e5e5;
    background: #f5f5f5;
}

.calendar-footer button {
    flex: 1;
    margin: 0 5px;
    padding: 10px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
}

.calendar-footer .btn-confirm {
    background: #F9C806;
    color: #333;
}

.calendar-footer .btn-cancel {
    background: #e5e5e5;
    color: #666;
}
/* ---------------------------------------------- */

.right-align {
    /* text-align: right;
    display: block; */
    font-size: 12px;
    letter-spacing: 1%;
}
.flex-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.xiaohx {
    margin-top: 20px;
}

/* 新增样式 */
.running-stats-container {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 20px;
    justify-content: space-between;
}

.running-stat-card {
    width: 48%;
    background: #f3f3f3;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    text-align: center;
}

.running-stat-card .title {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
    text-align: left;
    position: relative;
    padding-left: 10px;
}
.running-stat-card .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    height: 55%;
    width: 3px;
    background-color: #fcc839;
}

.running-stat-card .value {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: left;
    padding-left: 10px;
}

.running-stat-card .value span {
    color: #e20012;
}

.running-stat-card .unit {
    font-size: 12px;
    color: #333 !important;
    margin-left: 5px;
}
.amap-logo {
    display: none !important;
}
.amap-copyright {
    display: none !important;
}