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;}