html {background-color: #fff;width: 100%;height: 100%;}
body {
    background-color: #fff;
    width: 100%;height: 100%;
    font-size: 14px;
    font-family:"微软雅黑",'Microsoft YaHei', 'sans';
    color: #333333;
}

*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

li {list-style: none;}
ul{ margin:0;}
a,a:visited,a:hover,a:active,a:focus {text-decoration: none;outline: none; color: #979797;}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input{border: none;width: 100%;}
input:focus,textarea:focus,select:focus{outline: none;}

textarea{resize:none;overflow: auto;}

.redBg{ background-color: #ef4b4b;}
.grayBg{background-color: #d2d2d2;}
.red{color: #ef4b4b;}

/* display flex 样式 */
.df{ display: -webkit-flex;  display: box; display: -webkit-box;display: flex;}
.flex{flex: 1; -webkit-flex: 1; box-flex: 1; -webkit-box-flex: 1;}
.jct{justify-content: center; -webkit-justify-content: center; box-pack: center; -webkit-box-pack: center;}
.jct-start{justify-content: flex-start; -webkit-justify-content: flex-start; box-start: start; -webkit-box-pack: start;}
.jct-end{justify-content: flex-end; -webkit-justify-content: flex-end; box-start: end; -webkit-box-pack: end;}
.jct-between{justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-pack: justify; box-pack:jusity;}
.jct-around{justify-content: space-around; -webkit-justify-content: space-around;}
.ais{align-items: center; -webkit-align-items: center; box-align: center; -webkit-box-align: center;}
.ais-start{align-items: flex-start; -webkit-align-items: flex-start; box-align: start; -webkit-box-align: start;}
.ais-end{align-items: flex-end; -webkit-align-items: flex-end; box-align: end; -webkit-box-align: end;}
.fdc{flex-direction: column; -webkit-flex-direction: column; -webkit-box-orient:vertical; box-orient:vertical;}

/*头部*/
.header{height: 80px; background-color: #fff; width: 100%; min-width: 1200px;}
.header .logoImg{background: url(../images2/logo@2x.png) center center no-repeat; background-size: 155px auto; height: 80px;width: 220px;}
.header .headerCon{color: #fff;}
.header .headerRight {cursor: pointer;}
.header .headerRight a{color: #333; font-weight: bold;}
.header .headerRight div{ padding: 15.5px 35px; font-size: 16px;}
/* .header .headerRight .nowStyle{background-color: #272727; border-bottom: 3px solid #eb3b50; box-sizing: border-box; -webkit-box-sizing: border-box;} */
.header .headerRight .nowStyle a{ color: #F55252;font-weight: bold;}
.header .infoImg{background: url(../images/index13.png) center center no-repeat; background-size: 40px auto;height: 47px; width: 50px;margin-right: 10px; position: relative;}
.header .infoRed::after{display: none; position: absolute; width: 10px; height: 10px; background-color: #eb3b50; border-radius: 50%; content: ''; top: 12px; right: 4px;}
.header .userImg{background: url(../images/index2.jpg) center center no-repeat; background-size: 35px auto;height: 47px; width: 50px;margin-right: 20px;}
.header .phoneImg{background: url(../images/index3.jpg) center center no-repeat; background-size: 25px auto;height: 47px; width: 50px; margin-right: 5px;}
.header .phone{background-color: #2b2b2b; padding: 0 20px;}
.header .phoneCode1{margin-right: 15px;}
.header .phoneCode1 p:first-child, .header .phoneCode2 p:first-child{color: #d5d5d5; font-size: 14px;}
.header .phoneCode1 p:last-child, .header .phoneCode2 p:last-child{ color: #9f9f9f; font-size: 11px; padding-top: 2px;}
.header-img img{border-radius: 50%;}
/*  */
.header .language{display: flex;align-items: center;font-size: 14px;color: #222;font-weight: 500;}
.header .language .languageIcon{width: 14px;height: 14px;background: url(../images2/ic_language@2x.png) no-repeat center ;background-size: 100% 100%;margin-left: 4px;}
.header .outLogin{display: flex;justify-content: center;align-items: center;width: 80px;height: 32px;background-color: #F6F6F6;border-radius: 4px;font-size: 14px;color: #888888;margin:0 20px 0 40px;}
.undate {margin: 120px auto;}
.undate img{width: 230px;}
.undate p {color: #2F81DD;margin-left: -90px;margin-top: 20px;}
.undate2 {margin: 30px auto;}
.undate2 img{width: 100px;}
.undate2 p {color: #2F81DD;margin-top: 20px;}

/*主页*/
.content{width: 100%; min-width: 1200px; display: table; table-layout:fixed; margin-top:2.4px;}
.content .left{float: none;width: 220px;height: 100%; display: table-cell; vertical-align: top;}
/* .content .left > ul > li{border-bottom:1px solid #ededed; cursor: pointer;} */
/* .content .left > ul {width: 200px;margin: 0 auto;} */
.content .left > ul > li{cursor: pointer;}
/*.content .left .listTitle{width: 200px; margin: 20px auto 0;cursor: pointer;padding: 13px 10px;border-radius: 8px; font-size: 16px;font-weight: 500;background-color: #F6F6F6;color: #888;}*/
.content .left .listTitle{width: 200px; margin: 20px auto 0;cursor: pointer;padding: 13px 10px;border-radius: 8px; font-size: 16px;font-weight: 500;background-color: #F55252;color: #fff;}

/* .content .left .listTitle.nav-up{} */
.content .left .listTitle.nav-down{background-color: #F55252;color: #fff;}
.content .left .listTitle .icon-up{color: #eb3b50;}
.content .left .listTitle .icon-up1{color: #d1d1d1;}
/* .content .left .listTitle span{color: #4c4c4c;padding-left: 10px;} */
.content .left .listTitle img{width: 10%; margin-right: 5px;vertical-align: sub;}
.content .left .userBar img{width: 7.5%;}
.content .left .listTitle i{float: right; color: #d1d1d1;}
/* .content .left .childList{display: none;} */
.content .left .childList ul{background-color: #fff; font-size: 14px;}
/* .content .left .childList ul i{display: inline-block; height: 5px; width: 5px; border-radius: 50%; margin: 0 5px 2px 0;} */
.content .left .childList ul i{height: 16px;width: 3px;border-radius: 2px;vertical-align: sub;background-color: #F55252;display: none;}
.content .left .childList ul i.show{display: inline-block;}
.content .left .childList ul li{ padding: 13px 20px;  cursor: pointer;}
.content .left .childList ul li a{color: #888;}
.content .left .childList ul li span{margin-left: 27px; font-weight: bold; color: #333333e0}
.content .right{background-color: #f3f3f3; min-width: 950px; width: 100%; height: 100%; float: left; overflow: auto;  display: table-cell;}
.content .right .navTab{margin:  15px 40px; overflow: auto;}
.content .right .navTab li{float: left; color: #666666;}
.content .right .arrow i{margin: 0 10px; font-size: 9px;}
.content .right .navTab li img{margin: 0 5px 4px 0;}
.userImgDiv{
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 65px;
    width: 50px;
    margin-right: 20px;
}
.userImgDiv .header-img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
}
.userImgDiv .header-img img{
    width: 100%;
    height: 100%;
}
.ttype{margin-bottom: 20px;}
.addOrderInfoBox{height: 480px !important;}
.addOrderInfoBox-heifhtAuto{height: auto !important;}

/* 业务页面：固定顶部和左侧，只滚动右侧内容。 */
body.business-scroll-page{overflow: hidden;}
.index.business-scroll-layout{height: 100vh;display: flex;flex-direction: column;overflow: hidden;}
.index.business-scroll-layout > .header{flex: none;}
.index.business-scroll-layout > .content{
    position: relative;
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    margin-top: 0;
}
.index.business-scroll-layout > .content > .left{
    display: block;
    flex: 0 0 220px;
    height: 100%;
    overflow-y: auto;
}
.index.business-scroll-layout > .content > .right{
    display: block;
    float: none;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 100%;
    padding-top: 30px;
    overflow-x: auto;
    overflow-y: scroll;
    overscroll-behavior: contain;
}
.index.business-scroll-layout > .content > .right::-webkit-scrollbar{width: 12px;height: 12px;}
.index.business-scroll-layout > .content > .right::-webkit-scrollbar-track{background: #e7e9ed;}
.index.business-scroll-layout > .content > .right::-webkit-scrollbar-thumb{background: #a6adb7;border: 2px solid #e7e9ed;border-radius: 8px;}
.business-horizontal-scroll{
    position: absolute;
    z-index: 20;
    top: 0;
    height: 30px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 8px;
    background: #e7e9ed;
    border-bottom: 1px solid #d5d9df;
}
.business-horizontal-scroll button{
    flex: 0 0 22px;
    height: 22px;
    border: 0;
    border-radius: 4px;
    background: #d1d6dd;
    color: #394451;
    cursor: pointer;
}
.business-horizontal-scroll input[type="range"]{
    flex: 1 1 auto;
    width: auto;
    height: 18px;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    cursor: pointer;
}
.business-horizontal-scroll input[type="range"]::-webkit-slider-runnable-track{
    height: 8px;
    border-radius: 4px;
    background: #c0c7d0;
}
.business-horizontal-scroll input[type="range"]::-webkit-slider-thumb{
    width: 24px;
    height: 18px;
    margin-top: -5px;
    border: 0;
    border-radius: 5px;
    background: #f55252;
    -webkit-appearance: none;
}
.business-horizontal-scroll input[type="range"]::-moz-range-track{
    height: 8px;
    border-radius: 4px;
    background: #c0c7d0;
}
.business-horizontal-scroll input[type="range"]::-moz-range-thumb{
    width: 24px;
    height: 18px;
    border: 0;
    border-radius: 5px;
    background: #f55252;
}
.business-horizontal-scroll.is-disabled button{opacity: .45;cursor: default;}