.chat{ width:1170px; height:620px; background:#fff; position:absolute; left:50%; margin-left:-585px; top:50%; margin-top:-310px; z-index:99;    box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.2);}
.tabs-basic{ position:absolute; left:0; top:44px; right:0; bottom:0;}


/* header  --------------------- */
.chat-header{ height:44px; background:#46be8a; line-height:44px;}
.chat-header-title{ float:left; padding-left:25px; font-size:16px; color:#fff;}
.chat-header-right{ float:right; padding-right:25px;}
.chat-header-right a { font-size:15px; color:#fff; margin-left:10px;}

/* tabs---------------------- */
.tabs-ul{ float:left; width:60px; background:#f5f5f5; height:100%; border-right:1px solid #e6e6e6; box-sizing:border-box;}
.tabs-ul ul li { position:relative;}
.tabs-ul ul li a{ height:50px; line-height:50px; text-align:center; font-size:24px; color:#808080; display:block;}
.tabs-ul ul li.active a{ background:#2fba7e; color:#fff;}
.tabs-ul ul li span.on { width:10px; height:10px; display:block; border-radius:999em; position:absolute; background:#f03030; top:8px; right:8px;}

/* content------------------------ */
.tabs-content-placeholder{ position:absolute; left:60px; top:0; right:0; bottom:0;}
.tabs-div{position:absolute; left:0; top:0; right:0; bottom:0;}
.side-div{ float:left; width:230px; height:100%; box-sizing:border-box; border-right:1px solid #f0f0f0; overflow:hidden;}
.side-main{ width:250px; height:100%; overflow-y:auto;}
.side-box{ width:230px;}
.side-list ul li{ padding:0 15px; position:relative;}
.side-list ul li:hover { cursor:pointer;}
.side-list-block{ border-bottom:1px solid #f0f0f0; padding:12px 0;}
.side-list ul li h3 { font-size:14px; color:#666; padding-bottom:6px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.side-list ul li p { font-size:12px; color:#aaa;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.side-list ul li.active{ background:#d9faec;}
.list-sign{ position:absolute; right:15px; top:30px;}
.list-sign span { font-size:18px;}
.list-sign span.sign-ji{ color:#f03030;}
.list-sign span.sign-wc{ color:#acacac;}
.list-sign span.sign-fina{ color:#38bd84;}
.new-tip{ width:6px; height:6px; border-radius:999em; background:#f03030; position:absolute; right:15px; top:17px; display:none;}
.new-tip.on { display:block;}
.side-search{ margin:20px 15px 10px 15px; position:relative;}
.side-search .form-text{ height:34px; border:1px solid #e6e6e6; width:100%; padding:0 35px 0 10px;}
.search-xbtn{ position:absolute; right:8px; color:#cecece; top:6px; font-size:16px;}

.right-div{ width:300px; background:#f5f5f5; float:right; height:100%; overflow:hidden; position:relative;}
.right-main{ width:320px; height:100%; overflow-y:auto;}
.right-box{ width:300px; position:relative; height:100%;}
.order-info{ height:44px; line-height:44px; padding:0 15px; background:#f8da87; font-size:14px; color:#4b4b4b; position:relative;}
.order-status{color:#de0000;}
.order-desc{ border-bottom:1px solid #e0e0e0; padding:20px 15px; position:relative;}
.order-descblock{ position:relative;}
.order-bq{ position:absolute; left:0; top:0; background:#f03030; color:#fff; width:45px; height:24px; line-height:24px; text-align:center; border-radius:3px; font-size:14px;}
.order-o-center{ margin-left:55px;}
.order-o-center h6 { font-size:16px; color:#666; line-height:25px; padding-bottom:5px;}
.order-o-center p { font-size:14px; color:#aaa;}
.order-info-list{ padding:10px 15px;}
.order-info-list ul li { font-size:12px; line-height:24px; color:#666; position:relative; min-height:24px;}
.order-info-list ul li .order-label { float:left; width:70px;}
.order-info-list ul li .order-info-text { margin-left:70px;}
.order-opera{ padding:20px 15px; text-align:center; border-bottom:1px solid #e0e0e0;}
.order-opera a { width:98px; height:34px; line-height:34px; text-align:center; display:inline-block; font-size:14px;}
.btn-finish{ background:#46be8a; color:#fff;}
.btn-urgent{ background:#f03030; color:#fff;}
.btn-finish:hover,.btn-urgent:hover { color:#fff;}
.btn-finish i,.btn-urgent i{ margin-right:5px; font-size:18px; vertical-align:middle;}
.btn-finish.disabled,.btn-urgent.disabled{ background:#b3b3b3;}
.order-userbox { padding:20px 10px; border-bottom:1px solid #e0e0e0;}
.order-userbox ul li { float:left; width:33.33%; position:relative;}
.order-user-img{ width:32px; height:32px; border-radius:999em; position:absolute; left:0; top:0;}
.order-user-img img { width:32px; height:32px; border-radius:999em;}
.user-fine{ margin-left:40px;}
.user-fine span { background:#2fba7e; color:#fff; line-height:20px; display:inline-block; border-radius:3px; padding:0 6px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis; vertical-align:top;}
.user-fine h3 { font-size:14px; color:#666;padding-top:5px;}

.messagea-list ul li{ padding:0 15px; position:relative;}
.messages-pic{ position:absolute; width:30px; height:30px; border-radius:999em; left:15px; top:12px;}
.messages-pic img { width:35px; height:35px; border-radius:999em;}
.messages-text{min-height:35px; border-bottom:1px solid #f0f0f0; padding:12px 0; padding-left:45px; }
.messages-text h3 { font-size:14px; color:#666; padding-bottom:6px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.messages-text p{ font-size:12px; color:#aaa;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.messagea-list ul li:hover { cursor:pointer;}
.messagea-list ul li.active{background:#d9faec;}
.user-info-header{ height:40px; line-height:40px; padding:0 15px; font-size:14px; border-bottom:1px solid #e0e0e0;}
.user-info-block{ position:relative; padding:20px;}
.user-info-pic{ position:absolute; left:20px; top:20px; width:68px; height:68px; border-radius:999em;}
.user-info-pic img {width:68px; height:68px; border-radius:999em;}
.user-info-text{ margin-left:75px; min-height:68px; line-height:20px;}
.user-info-text h2 { font-size:16px; color:#666; line-height:30px;}
.user-info-text p { color:#aaa;}



.m-message{ position:absolute; left:230px; top:0; right:300px; bottom:0;}
.m-message-news{ position:absolute; left:0; top:0; right:0; bottom:100px; overflow-y:auto; overflow-x:hidden; padding:20px;}
.voketip{ line-height:28px; background:#b3b3b3; color:#fff; border-radius:3px; font-size:13px; text-align:center;}
.message{position:relative; margin:15px 0; min-height:68px; padding-left:70px; padding-right:55px;}
.message-avatar{width:55px;height:55px; position:absolute; left:0; top:0; margin-top:0; border-radius:999em; background-size:contain;}
.message-name{ font-size:12px; color:#aaa; padding-bottom:5px;}
.message-text.chat-pos-rlt{padding:10px 12px;font-size:14px;color: #666;border: 1px solid #fbcc3e;border-radius:5px;background: #fef4d8;display: inline-block; position:relative;-webkit-mask-box-image:none;}
.message-received.message-last .message-text, .message-received.message-with-tail .message-text {-webkit-mask-box-image:none;}
.arrow {z-index: 10;border-width:8px; top:0.75rem;}
.arrow, .arrow:after {position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}
.arrow.left {top:20px;left: -8px;border-right-color:#fbcc3e;border-left-width: 0;}
.arrow:after {border-width: 6px;content: "";}
.arrow.left:after {bottom:-6px;left:2px;border-right-color: #fef4d8;border-left-width: 0;}
.arrow.right {top:20px;right:-8px;border-left-color:#46be8a;border-right-width: 0;}
.arrow.right:after {bottom:-6px;right:1px;border-left-color: #46be8a;border-right-width: 0;}
.message-sent.message-last .message-text, .message-sent.message-with-tail .message-text {-webkit-mask-box-image:none;}
.message .message-text img{ max-width:150px;}
.even .message-avatar{ right:0; left:auto;}
.even.chatlist { padding-right:70px; padding-left:55px; text-align:right;}
.even .message-text.chat-pos-rlt { background:#46be8a; border:1px solid #46be8a; color:#fff;}
.message-sent.message-last.message-pic img, .message-sent.message-with-tail.message-pic img{ border-radius:0;}
.messages-auto-layout .message-avatar{ opacity:1;}
.x-messages .chat-pos-rlt{ margin-top:12px;}
.x-messages .chatlist { margin:10px 0;}
.m-sendbox{ position:absolute; bottom:0; left:0; right:0; height:100px; border-top:1px solid #f0f0f0; box-sizing:border-box; padding:5px 20px;}
.textElDiv textarea{ height:24px; border:none; font-size:14px; line-height:24px; width:100%;resize: none; color:#666;}
.textElDiv textarea.disabled{ color:#d6d6d6;}
.sendbtn{ text-align:right;}
.sendbtn a { height:28px; line-height:28px; width:80px; text-align:center; font-size:14px; color:#fff; background:#2fba7e; display:inline-block;}
.sendbtn a.disabled{ background:#b3b3b3; cursor:default;}
.m-kind a{ font-size:20px; color:#ccc; margin-right:10px; position:relative;}
.m-kind a .upfile{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}

.chat.max-chat { position:absolute; left:0; top:0; right:0; bottom:0; margin-left:0; margin-top:0; width:100%; height:100%;}
.chat.max-chat .icon-x-max:before{content: "\e9cc";}
.middle{width: 1200px;margin: 0px auto;}
.middle .leftMenu{width: 260px;height: 1650px;background-color: #1c2b36;float: left;}
.middle .leftMenu .topMenu{height: 42px;background-color: #0065a5;}
.middle .leftMenu .topMenu img{margin: 11px;float: left;}
.middle .leftMenu .topMenu .changeMenu{cursor: pointer;}
.middle .leftMenu .topMenu .banshi{padding-left: 23px;}
.middle .leftMenu .topMenu .menuTitle{text-align: center;color: #F2F2F2;float: left;line-height: 42px;font-size: 16px;width: 120px;}
.menu_list ul li{display: block;width: 100%; position:relative;}
.menu_list ul li .fuMenu{color: #4a4a4a;font-size: 14px;cursor: pointer;height: 40px;line-height: 40px;border-bottom: 1px solid #f0f0f0; padding:0 15px; padding-left:35px;}
.menu_list ul li .xiala{ font-size:12px; margin-right:8px; color:#ddd; position:absolute; left:15px; top:12px;}
.menu_list ul li .xiala.under-i .icon-right:before{content: "\e948";}
.menu_list ul li .Dotblock{width: 100%;height: auto; display:none;}
.removes{color: #0FB9EF !important;border-left: 3px solid #0FB9EF;}
.Dot-list{ position:relative; padding:0 15px;}
.Dot-list:hover {cursor:pointer;}
.Dot-list.active { background:#d9faec;}
.Dot-img{ position:absolute; left:15px; top:10px; width:40px; height:40px; border-radius:999em;}
.Dot-img img {width:40px; height:40px; border-radius:999em;}
.Dot-info{ padding:12px 0; padding-left:50px; border-bottom:1px solid #f0f0f0; min-height:40px;}
.Dot-info h5 { font-size:14px; color:#666; padding-bottom:5px; overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.Dot-info p { color:#aaa; font-size:12px; overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.list-search{ margin:15px;border:1px solid #f0f0f0;height:30px; z-index:10; position:relative;}
.list-search input { border:none; height:28px; width:100%; padding:0 30px 0 15px;}
.list-search a{ position:absolute; right:5px; top:4px; font-size:14px; color:#999;}

.m-kind{ position:relative;}
.layer-faces{ position:absolute; left:-20px; bottom:38px; background:#fff; width:390px; border:1px solid #ccc; box-shadow:0 4px 20px 1px rgba(0, 0, 0, 0.2); z-index:99;}
.faces-list-box{ padding:18px;}
.faces-list-box ul li { float:left; padding:4px 2px; border:1px solid #eee; margin:-1px 0 0 -1px; width:27px; height:22px; box-sizing: content-box; text-align:center;}
.faces-list-box ul li:hover { background:#fff9ec; border:1px solid #eb7350; cursor:pointer; position:relative; z-index:2;}
.W-arrow-bor{ width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ccc; position:absolute; left:18px; bottom:-10px;}
.S-bg2-br{width:0; height:0; border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #fff; position:absolute; left:-9px; top:-10px;}

.message-long{ position:absolute; right:-40px; top:0; padding:10px 0; width:30px; text-align:left; color:#ababab;}
.message-long .tip-new { display:block; left:0; top:0; width:8px; height:8px; border-radius:99rem; background:#eb3434;position:absolute;}
.even .message-long { position:absolute; left:-40px; top:0; padding:10px; width:30px; text-align:right; color:#ababab;}
.even .message-long .tip-new { right:0; top:0; left:auto;}
.rss{ position:relative; min-width:40px; text-align:left;}
.rss1{border-radius: 100%; background: #fbcc3e; width:3px; height:3px;display:inline-block; vertical-align:middle;}
.rss2,.rss3{ border-radius: 100%; display:inline-block; position:absolute; border-width:2px; border-style: solid; border-color: transparent #fbcc3e  transparent transparent; vertical-align:middle;}
.rss2{ top:3px; left:-9px; width:17px; height:17px; }
.rss3 { top:-1px; left:-12px; width:25px; height:25px; }
.even .rss{ text-align:right;}
.even .rss1{border-radius: 100%; background: #fff; width:3px; height:3px;display:inline-block; vertical-align:middle;}
.even .rss2,.even .rss3{ border-radius: 100%; display:inline-block; position:absolute; border-width:2px; border-style: solid; border-color: transparent transparent transparent #fff; vertical-align:middle;}
.even .rss2{ top:3px; right: -9px; width:17px; height:17px; left:auto;}
.even .rss3 { top: -1px; right: -12px; width: 25px; height:25px; left:auto;}
.rss.active .rss2{-webkit-animation: fadeInon 1.2s 0s infinite cubic-bezier(.0.42,0,0.58,1);animation: fadeInon 1.2s 0s infinite cubic-bezier(0.42,0,0.58,1);}
.rss.active .rss3{-webkit-animation: fadeInon 1.2s 0.2s infinite cubic-bezier(.0.42,0,0.58,1);animation: fadeInon 1.2s 0.2s infinite cubic-bezier(0.42,0,0.58,1);}

@-webkit-keyframes fadeInon {
    0% {opacity: 0;}
    100% {opacity: 1;}
    0% {opacity: 0;}
}
@-moz-keyframes fadeInon {
    0% {opacity: 0;}
    100% {opacity: 1;}
    0% {opacity: 0;}
}
@-ms-keyframes fadeInon {
    0% {opacity: 0;}
    100% {opacity: 1;}
    0% {opacity: 0;}
}
@keyframes fadeInon {
    0% {opacity: 0;}
    100% {opacity: 1;}
    0% {opacity: 0;}
}


/* 直播 ---------------- */
.listbox{ padding:15px;}
.listtab{ height:40px; border-bottom:1px solid #e0e0e0;}
.listtab ul li{display: table-cell;float: none;position: relative;width: 1%; text-align:center; line-height:40px; font-size:13px;}
.listtab ul li a { display:block; line-height:40px; height:40px; color:#666;}
.listtab ul li.active a { border-bottom:1px solid #2fba7e; color:#222;}
.person-list{ padding:5px 0;}
.person-list ul li{margin:8px 8px; position:relative; min-height:25px; padding-left:40px; line-height:25px;}
.person-list ul li p{ font-size:12px; color:#666; padding-right:60px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.person-list ul li img { width:25px; height:25px; border-radius:999rem; position:absolute; left:0; top:0; background:#fff;}
.person-cz{ position:absolute; right:0; top:0;text-align:center;display:none;}
.person-cz a { display:inline-block; color:#2fba7e; font-size:15px; padding:0 2px;}
.person-cz a:hover { color:#46be8a;}
.person-list ul li:hover .person-cz{ display:block;}
.coverbox{ width:140px; height:96px; border:1px solid #cfdadd; position:relative; display:inline-block;}
.coverbox img { width:100%; height:100%;}
.seeding-room{ height:430px; background:url(../images/videobg.jpg) center center no-repeat; background-size:cover; position:relative;}
.seeding-message-news{ position:absolute; left:0; top:430px; right:0; bottom:70px; overflow-y:auto; padding:20px; overflow-x:hidden;}
.zb-sendbox{position: absolute;bottom: 0;left: 0;right: 0;height: 70px;border-top: 1px solid #f0f0f0;box-sizing: border-box;padding: 5px 20px;}
.direct-pop{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:10; background:rgba(10,37,64,0.79); padding:20px;}
.direct-text{ color:#ccc; line-height:20px;}
.direct-text h2 { font-size:16px; color:#fff; padding:5px 0 15px 0;}
.direct-info{ height:80px; overflow-y:auto; margin-top:20px;}
.direct-edit{ position:absolute; right:15px; top:25px;}
.direct-edit a { font-size:14px; color:#2fba7e; padding:0 3px;}
.direct-fx{ position:absolute; left:0; bottom:0; right:0;padding:5px 10px; z-index:10; text-align:center; line-height:28px; border-top:1px solid rgba(255,255,255,0.1);}
.direct-fx a { height:28px; line-height:28px; border-radius:999rem; padding:0 15px; display:inline-block; vertical-align:top; background:rgba(10,37,64,0.79); color:#ccc;}
.direct-fx span { font-size:16px; color:#fff; margin-left:10px; cursor:pointer;}
.direct-fx a:hover{ color:#fff;}
.direct-continue{ position:absolute; left:0; top:0; bottom:40px; right:0; text-align:center; z-index:10; line-height:240px;}
.direct-continue span { background:rgba(255,255,255,0.6); width:80px; height:80px; border-radius:999rem; display:inline-block; vertical-align:middle; text-align:center; line-height:80px; cursor:pointer; position:relative;}
.direct-continue span i{width: 0;height: 0;border-top:20px solid transparent;border-left: 20px solid #2fba7e;border-bottom: 20px solid transparent; display:inline-block; vertical-align:middle; margin-left:5px;}
.direct-continue span:before{ position:absolute; width:96px; height:96px; border-radius:999rem; border:8px solid rgba(255,255,255,0.2); content:""; left:-8px; top:-8px;}


.side-g-left{float: left; width: 230px; height: 100%;box-sizing: border-box;border-right: 1px solid #f0f0f0;overflow: hidden; position:relative;}
.side-g-left .side-div{ padding-top:40px;}
.side-g-head { background:#f5f5f5; position:absolute; left:0; top:0; right:0; line-height:35px; z-index:10; height:40px; padding:0 15px;}
.side-g-head h3 { font-size:12px; font-weight:normal; color:#666; line-height:40px;}
.side-g-head a { position:absolute; right:15px; top:0; font-size:12px; display:block; line-height:40px; color:#fd9228; cursor:pointer;}
.side-g-head a i { font-size:14px; margin-right:5px;}
.user-info-member{ position:absolute; top:40px; left:0; right:0; bottom:46px; overflow-y:auto;}
.user-member-opera{ height:45px; position:absolute; left:0; right:0; bottom:1px; line-height:45px; border-top:1px solid #e0e0e0; background:#f5f5f5; z-index:10;}
.user-member-opera ul { table-layout: fixed; display: table; width: 100%;}
.user-member-opera ul li { display: table-cell; float: none; text-align: center;}
.user-member-opera ul li a{ color:#777;}
.user-member-opera ul li a i { font-size:16px; margin-right:5px; color:#333;}
.user-member-opera ul li a:hover,.user-member-opera ul li a:hover i { color:#2fba7e;}
.user-info-member .person-list ul li p{ padding-right:0;}

/* 创建讨论组------------------- */
.greate-group{ width:500px; height:470px;box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0px 8px 0px rgba(0, 0, 0, 0.3); position:absolute; left:50%; margin-left:-250px; top:50%; margin-top:-235px; z-index:999;}
.greate-group-head { height:30px; background:#2fba7e; padding:0 10px; position:relative; line-height:30px;}
.greate-group-head h3 { font-size:13px; color:#fff; line-height:30px;}
.g-group-close{ position:absolute; right:10px; top:0; color:#fff; font-size:14px;}
.g-group-close:hover { color:#fff;}
.greate-group-content{ background:#fff; height:400px;}
.greate-group-left { float:left; width:50%; border-right:1px solid #eee; height:100%; position:relative;}
.greate-group-um { position:absolute; left:0; top:45px; right:0; bottom:0; overflow-y:auto; overflow-x:hidden;}
.greate-group-search{ margin:10px; position: relative;}
.greate-group-search input { height:28px; width:100%; border:1px solid #ddd; padding:0 10px; padding-left: 20px;}
.greate-group-search .required{ color: #f30; position: absolute; left: 8px; top: 7px; z-index: 3; font-size: 14px;}
.greate-group-right{ width:50%; float:left; height:100%; position:relative;}
.member-opera{ position:absolute; right:15px; top:20px; display:none;}
.member-opera a { font-size:14px; color:#aaa;}
.member-opera a:hover { color:#2fba7e;}
.greate-group-yx{ height:323px; overflow-y:auto; overflow-x:hidden;}
.greate-group-yx .Dot-list:hover { background:#d9faec;}
.greate-group-yx .Dot-list:hover .member-opera{ display:block;}

.greate-group-foot{ height:40px; background:#f5f5f5; padding:0 15px; text-align:right; line-height:40px;}
.greate-group-foot a { display:inline-block; height:26px; line-height:24px; border-radius:3px; background:#fff; border:1px solid #ddd; padding:0 20px;}
.greate-group-foot a:hover { background:#59c898; border:1px solid #59c898; color:#fff;}

/* 暂无*/
.kefu-none{ position: absolute; left: 230px; top: 0; right: 0; bottom: 0; }
.c-none{ text-align: center; font-size: 14px; color: #767676; padding-top: 150px}
.c-none img, .group-none img { padding-bottom: 20px; }
.group-none{ text-align: center; font-size: 14px;color: #767676; padding-top: 60px;}

.user-infoWrapper{ position: absolute; left: 0; right: 0; bottom: 0; top:84px; overflow-x: hidden; overflow-y: auto;}
.user-info-header .title-link { display: block; position: relative;}
.user-info-header .title-link:after{ content: "\e949"; font-family: 'icomoon'; position: absolute; right: 0; top:0; font-size: 12px; color: #999; display: block;}
.user-infoblock.active .title-link:after { content: "\e964";}
.user-infoblock.active .user-infocenter{ display: none;}
.user-tickling{ padding: 15px; position: relative;}
.user-tickling ul li { position: relative; padding-bottom: 15px; padding-left: 25px;}
.user-tickling ul li:before{ content: ""; display: block; position: absolute; left: 0; width: 7px; height: 7px; border-radius: 999rem; background: #999; top:6px; z-index: 2;}
.user-tickling ul li:after{ content: ""; display: block; position: absolute; left: 3px; top:7px; z-index: 1; bottom: -10px; width: 1px; background: #ccc;}
.user-tickling ul li:first-child:before{ background: #fd9228;}
.user-tickling ul li:last-child:after{ display: none;}
.user-tickling ul li .tickling-time{ color: #999;}
.user-tickling ul li .tickling-text{ color: #5a5a5a; padding-top:5px;}
.user-infoWrapper .tab-content,.user-infoWrapper .tab-content .tab-pane{ height: 100%; position: relative;}
.Complaint-box{ position: absolute; left: 0; top:0; bottom: 50px; right: 0; overflow-y: auto; overflow-x: hidden;}
.tickline-state{ position: absolute; right:0; top:0; color: #46be8a;}
.partlist{ background: #eaeaea; padding: 10px; border-radius: 5px; margin-top:5px;}
.partlist{ line-height: 20px; color: #888;}
.order-spart .table{ background: #fff; margin-bottom: 0;}
.order-spart .table th,.order-spart .table td{ padding: 6px 8px;}
.logistics {position: relative;}
.logistics  a{ color: #46be8a;}
.order-part-pic{ display: inline-block; width: 30px; height: 30px; margin-right: 4px;}
.order-part-pic img { width: 100%; height: 100%;}
.user-infoMa{ border-bottom: 1px dashed #ccc;}
.user-infoMa:last-child{ border-bottom: none;}
.logistics-info{ position: absolute; width: 260px; background: #fff; border: 1px solid #ddd; z-index: 10; left: -70px; box-shadow: 0 0 15px rgba(0,0,0,.1); display: none; max-height: 400px; overflow-y: auto;}
.logistics-wl{ padding:10px 10px; line-height: 20px; padding-bottom: 0; color: #444;}
.logistics-list{ border-bottom: 1px dashed #ccc;}
.logistics-list:last-child{ border-bottom: none;}
.logistics-info ul{ padding: 10px;}
.logistics-info ul li { position: relative; padding-left: 90px; padding-bottom: 20px; color: #444; line-height: 18px; min-height: 36px;}
.logistics-info ul li:last-child{padding-bottom: 10px;}
.logistics-info ul li .logistics-time{ position: absolute; left: 0; top:3px; line-height: 16px; color: #8a8a8a;}
.logistics-info ul li:before{ content: ""; display: block; position: absolute; width: 6px; height: 6px; border-radius: 999rem; background: #999; left: 74px; top:8px; z-index: 2;}
.logistics-info ul li:after{ content: ""; display: block; position: absolute; width: 1px; left: 76px; top:10px; z-index: 1; bottom: -10px; background: #ddd;}
.logistics-info ul li:last-child:after{ display: none;}
.logistics-info ul li:first-child,.logistics-info ul li:first-child .logistics-time{ color: #fd9228;}
.logistics-info ul li:first-child:before{ background: #fd9228;}
.order-info .i-iden{ font-size: 16px;}
.logistics:hover .logistics-info{ display: block;}