@charset "UTF-8";
/*访客专用的样式*/
/* 访客端A标签悬浮颜色 */
/* css reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  padding: 0;
  margin: 0; }

body,
button,
input,
select,
textarea {
  font: 12px/1.5 Arial, tahoma, \5b8b\4f53, sans-serif; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  font: 100%; }

caption,
th {
  text-align: left; }

fieldset,
img {
  border: none;
  vertical-align: top; }

ul,
ol {
  list-style: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

sup,
sub {
  font-size: 100%;
  vertical-align: baseline; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  vertical-align: middle; }

address,
caption,
cite,
code,
dfn,
em,
i,
b,
strong,
th,
var,
optgroup {
  font-style: normal;
  font-weight: normal; }

small {
  font-size: 100%; }

.f12 {
  font-size: 12px; }

.f14 {
  font-size: 14px; }

.fl {
  float: left; }

.color9 {
  color: #999999; }

/*common style--------------------------------------------------------------------------*/
.clearfix:after {
  content: '\0020';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  zoom: 1; }

.msg-clearfix {
  padding: 10px 0; }

/*website link--------------------------------------------------------------------------*/
a {
  color: #666;
  text-decoration: none; }

a:hover {
  color: #1792FF; }

a:focus,
input,
select {
  outline: none; }

textarea {
  resize: none; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
  /*去虚线框*/
  padding: 0; }

/* login page   */
body {
  background-color: #ffffff; }

/*#cus-header {position:fixed;left:0;top:0;width:100%;height:45px;background-color:#478ecc;border-bottom:5px solid #79baf2;z-index:102;}*/
#cus-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
  background: #79baf2;
  z-index: 102; }

.cus-toptitle {
  float: left; }

.cus-logo,
.cus-lotitle,
.cus-submit {
  background: url(../images/login/login.png) no-repeat 0 0; }

.cus-logo {
  float: left;
  width: 259px;
  height: 20px;
  background-position: 0 0;
  text-indent: -9999em;
  margin: 13px 0 0 20px;
  display: inline; }

.cus-logo:focus {
  outline: none; }

#cus-login {
  width: 420px;
  margin: 0 auto;
  padding-top: 100px; }

.cus-lotitle {
  width: 156px;
  height: 24px;
  background-position: 0 -20px;
  text-align: center;
  margin: 0 auto 27px;
  text-indent: -9999em; }

.cus-form {
  width: 418px;
  border: 1px solid #c3d7e6;
  border-radius: 1px;
  background-color: #d9edff;
  margin: 0 auto;
  padding: 0 0 26px; }

.cus-space {
  margin-top: 30px; }

.cus-allerror {
  border: 1px solid #ff7f7f;
  padding: 5px;
  background: #ffe5e5; }

.cus-col {
  margin-bottom: 15px;
  padding: 0 26px; }

.cus-form label {
  float: left;
  width: 80px;
  font-size: 14px;
  text-align: right;
  padding-top: 5px;
  margin-right: 8px; }

.cus-input {
  border: 1px solid #b8c2cc;
  width: 228px;
  height: 24px;
  line-height: 24px;
  padding: 2px;
  background-color: #fff; }

.cus-input:focus {
  outline: none;
  border-color: #73b0e6; }

.cus-tooltip {
  color: #ff0000;
  margin-top: -5px; }

.cus-submit {
  width: 83px;
  height: 30px;
  line-height: 30px;
  background-position: 0 -56px;
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 0 115px;
  cursor: pointer; }

/*  默认状态  */
.cus-submit:hover {
  background-position: 0 -86px; }

/*  悬浮状态  */
.cus-submit:active {
  background-position: 0 -116px; }

/*  点击时状态  */
.cus-submit-nolink,
.cus-submit-nolink:hover,
.cus-submit-nolink:active {
  background-position: 0 -146px;
  cursor: default; }

/*  不可用时状态  */
.errorstip-revi {
  clear: both; }

/* manage page  */
.talk-manage,
.cus-manage,
.manage-center,
.plus-service span,
.plus-del span,
.errorstip,
.service-table .th-background .traigle-up,
.service-table .th-background .traigle-down,
.traigle-down,
.client-table .th-background .traigle-down,
.client-table .th-background .traigle-up,
.traigle-up,
.errorstip-re,
.other-treigle {
  background: url(../images/manage/icon.png) no-repeat;
  margin: 0 0 0 15px;
  font-weight: bold;
  font-size: 14px;
  padding: 0 0 3px 25px; }

.login-btn,
.loginbtnag,
.showrole,
.service-page .page-btn,
.plus-service:hover,
.plus-service:active,
.plus-del:hover,
.plus-del:active,
.lang-submit,
.lang-up,
.lang-down,
.lang-new,
.detable-input,
.detable-btn,
.batch-close,
.batch-grey,
.send-txt,
.send-choise,
.visitor-btn,
.cus-exitbtn,
.plus-dia:hover,
.plus-diaer:hover {
  background: url(../images/manage/btn.png) no-repeat; }

.cus-exit {
  float: right;
  margin: 15px 10px 0 0;
  color: #fff; }

.cus-exitbtn {
  margin-left: 10px;
  color: #333333;
  display: inline-block;
  width: 56px;
  height: 20px;
  line-height: 20px;
  background-position: 0 -557px;
  text-align: center; }

.cus-exitbtn:hover {
  color: #333; }

.cus-logore {
  background-position: 0 -180px;
  width: 185px;
  height: 20px; }

/*#cus-main {width:100%;height:100%;position:relative;}
.cus-sidebar {position:fixed;left:0;top:5px;*/
/*width:153px;*/
/*height:100%;background:#f2f6fa;border-right:1px solid #aabdcf;z-index: 9999;*/
/*padding-top:10px;*/
/*}*/
/*213*/
/*
.cus-sidebar-inner{height: 100%;overflow-x: hidden;overflow-y: auto;}
.cus-content {margin:5px 0 0 154px;height:100%;background-color:#fff;}*/
/*.cus-sidecol {width:153px;padding:0 0 5px 0;}*/
/*.talk-manage {background:url(../images/manage/title-ico.png) no-repeat left -40px;font-size:12px;margin:0 0 0 15px;padding:10px 0 10px 20px;}
.cus-manage {background:url(../images/manage/title-ico.png) no-repeat left 14px;font-size:12px;margin:0 0 0 15px;padding:10px 0 10px 20px;}*/
/*.manage-center {background:url(../images/manage/title-ico.png) no-repeat left -90px;font-size:12px;margin:0 0 0 15px;padding:10px 0 10px 20px;}
.manage-data {background:url(../images/manage/title-ico.png) no-repeat left -138px;font-size:12px;font-weight:bold;margin: 0 0 0 15px;padding: 10px 0 10px 20px;}
.arrow-new {float:left;width:9px;height:5px;background:url(../images/manage/arrownew.png) no-repeat 0 0;margin:8px 0 0 10px}
.arrow-new-open {float:left;width:5px;height:9px;background:url(../images/manage/arrownew.png) no-repeat left -33px;margin:5px 0 0 10px}*/
/*.cus-hover:hover h2 {color:#707e8c;cursor:pointer;}
.cus-hover:hover .cus-manage {background:url(../images/manage/title-icohover.png) no-repeat left 14px;}
.cus-hover:hover .talk-manage {background:url(../images/manage/title-icohover.png) no-repeat left -40px;}
.cus-hover:hover .manage-center {background:url(../images/manage/title-icohover.png) no-repeat left -90px;}
.cus-hover:hover .manage-data {background:url(../images/manage/title-icohover.png) no-repeat left -138px;}
.cus-hover:hover .arrow-new {background:url(../images/manage/arrowhover.png) no-repeat 0 0;}
.cus-hover:hover .arrow-new-open {background:url(../images/manage/arrowhover.png) no-repeat left -33px;}
.cus-hover-on:hover h2.talk-manage {background:url(../images/manage/title-ico.png) no-repeat left -40px;color:#333;}
.cus-hover-on:hover h2.cus-manage {background:url(../images/manage/title-ico.png) no-repeat left 14px;color:#333;}
.cus-hover-on:hover h2.manage-center {background:url(../images/manage/title-ico.png) no-repeat left -90px;color:#333;}
.cus-hover-on:hover h2.manage-data{background:url(../images/manage/title-ico.png) no-repeat left -138px;color:#333;}
.cus-hover-on:hover .arrow-new {background:url(../images/manage/arrownew.png) no-repeat 0 0;}
.cus-hover-on {background-color:#dae0e6;cursor:pointer;color:#575e66;}
.cus-hover-on:hover .arrow-new-open {background:url(../images/manage/arrownew.png) no-repeat left -33px;}*/
/*.side-list {width:153px;}
.side-list li {padding-left:35px;padding-right:5px;}
.side-list a {color:#4c7599;display:inline-block;padding:3px 0;}
.side-list a:hover {text-decoration:none;color:#5c98cc;}
.side-list .liston {background:#478ecc;color:#fff;border-radius:1px;padding:2px 6px;margin-left:-6px;}
.side-list .liston:hover {text-decoration:none;color:#ffffff;}
.side-list li li {padding-left:0;}
.side-list-re li {padding-left:20px;}
.side-list-re li li {padding-left:15px;}*/
/*.respon-height {}    */
/* 根据浏览器窗口高度，获取浏览器窗口高度，获取侧边栏内容高度，两者进行比较，进而判断是否给出滚动条。 */
.public-tit {
  padding: 7px 0 7px 15px;
  background-color: #f2f6fa;
  border-bottom: 1px solid #ced4d9; }

.login-infotit {
  font-weight: bold;
  color: #4c7599;
  background: url(../images/manage/gradient.png) no-repeat 60px 9px;
  margin: 30px 40px 15px; }

.login-item {
  margin: 15px 0 40px; }

.login-entry {
  padding: 7px 30px; }

.login-item label {
  float: left;
  width: 100px;
  text-align: right;
  padding-top: 3px; }

/*217*/
.login-item em,
.redstar {
  font-family: simsun;
  color: #ff0000; }

.login-input {
  width: 255px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #cccccc;
  padding-left: 3px; }

/*.errortip {margin-left:5px;color:#e64d00}*/
/*.warntip {margin-left:5px;color:#666666}*/
.errorstip {
  color: #e64d00;
  background: url(../images/manage/self-ico.png) no-repeat left 3px;
  font-size: 12px;
  font-weight: normal;
  padding: 0 0 0 18px; }

.errorstip-overall {
  margin-left: 99px; }

.cus-allerror .errorstip {
  margin: 0; }

.login-item .checkbox-space,
.checkbox-space {
  margin-left: 8px;
  float: none;
  width: auto;
  text-align: left;
  padding-top: 0;
  cursor: pointer; }

.login-item .checkbox-spacer,
.checkbox-spacer {
  margin-right: 25px; }

/*.login-select {width:260px;height:20px;border:1px solid #ccc}
.login-textarea {width:352px;height:92px;border:1px solid #ccc;padding:3px}*/
/*.login-btn {width:59px;height:24px;background-position:0 0;border:none;font-size:14px;cursor:pointer;line-height:24px;margin-top:2px;font-family:simsun}
*/
/*  .login-btn:hover {background-position:0 -24px}   */
/*
.login-btn:active {background-position:0 -48px}
.showrole {display:inline-block;width:101px;height:22px;background-position:0 -72px;text-align:center;margin-left:20px;line-height:22px;color:#333}*/
/*  .showrole:hover {background-position:0 -94px;}  */
/*.service-manage {padding:18px 20px 8px;}*/
/*.service-item {float:left;width:224px;margin-right:60px}*/
/*.login-entry2 {margin:2px 0 14px}
.login-entry2 label {float:left;padding-top:3px}
.login-select2 {width:160px;height:24px;border:1px solid #ccc;padding:2px 0}
.login-select2:focus {outline:none}
.login-input2 {width:155px;height:22px;line-height:22px;border:1px solid #cccccc;padding-left:3px;}*/
/*213*/
/*.service-table {padding:0 20px;}
.service-table th{border-top:1px solid #ced4d9;border-bottom:1px solid #ced4d9;background-color:#f2f6fa;padding:0 10px;white-space:nowrap;}
.service-table td {border-bottom:1px solid #e6e6e6;padding:6px 10px;}
.service-table .firsth {text-align:center}
.service-table .firstd {padding:0 0 0 22px}
.service-table a {color:#006dcc;text-decoration:underline;margin-right:30px}
.service-table .posr a {display:inline-block;height:20px;}
.th-background {height:34px;line-height:34px}
.service-table .th-background a {color:#333;text-decoration:none;display:inline-block;color:#333;margin:0;padding:0 11px 0 0;font-size:12px;cursor:pointer;font-weight:normal}
.service-table .centertd {text-align:center;margin-right:20px;}
*/
/*   悬浮状态  */
/*
.service-table .th-background .traigle-down,.traigle-down {color:#333;text-decoration:none;display:inline-block;color:#333;margin:0;padding:0 11px 0 0;font-size:12px;cursor:pointer;font-weight:normal;background-position:right -179px;}
.service-table .th-background .traigle-down:active,.traigle-down:active {background-position:right -201px;color:#006dcc}   */
/*   点击的当下 */
/*
*/
/*   悬浮状态 */
/*
.service-table .th-background .traigle-up,.traigle-up {color:#333;text-decoration:none;display:inline-block;color:#333;margin:0;padding:0 11px 0 0;font-size:12px;cursor:pointer;font-weight:normal;background-position:right -271px;}
.service-table .th-background .traigle-up:active,.traigle-up:active {background-position:right -292px;color:#006dcc}   */
/*   点击的当下 */
/*
*/
/* 客服分组管理-多端管理 */
/*
.service-table .deline { border-bottom: 0;}
.service-table .decorate { padding: 6px 0 6px 22px; }
.service-table .line-state { cursor: pointer;}*/
/*.service-itemre {margin-right:0;width:218px;}
.login-btnre {font-size:12px;}*/
/*.service-page {position:relative;right:0;top:0;text-align:right;padding:20px;color:#333333}
.service-page a {display:inline-block;border:1px solid #cccccc;padding:2px 8px;margin-right:10px;color:#333333}
.service-page a:hover {border:1px solid #478ecc;}
.service-page span {display:inline-block;margin-right:10px;}
.service-page .pageon {border:1px solid #478ecc;background-color:#d9edff;padding:2px 8px;color:#478ecc;font-weight:bold}
.service-page .allpage {margin-top:2px;}
.page-form {display:inline-block;}
.service-page .page-input {border:1px solid #cccccc;width:38px;height:18px;text-align:center;vertical-align:middle;padding:0 5px;ime-mode:disabled}
.service-page  .page-btn {display:inline-block;width:59px;height:24px;background-position:0 0;text-align:center;line-height:24px;color:#333;border:none;cursor:pointer;font-family:simsun}
.service-page .greypage {border:1px solid #ced4d9;background-color:#f2f2f2;color:#666666;cursor:default}
.service-page .greypage:hover {border:1px solid #ced4d9;}*/
.public-tit h2 {
  float: left;
  height: 22px;
  line-height: 22px;
  padding-right: 10px; }

.login-look {
  color: #333; }

.login-input3 {
  width: 132px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #cccccc;
  padding-left: 3px;
  background-color: #f2f2f2; }

.login-input3:focus {
  border-color: #cccccc;
  cursor: default; }

.login-input4 {
  width: 149px; }

.login-item .labelnone {
  float: none;
  margin-left: 40px; }

/*.plus-service {display:inline-block;width:73px;height:22px;line-height:22px;margin-left:10px;padding-left:4px;}
.plus-dia {width:96px;}
.plus-service:hover {background-position:0 -146px}
.plus-service:active {background-position:0 -168px}
.plus-service span {background-position:0 -121px;font-weight:normal;font-size:12px;color:#4c7599;padding:3px 0 0 20px;margin:0}
.plus-dia:hover {background-position:0 -814px}
.plus-diaer:hover {background-position:0 -678px}
.plus-diaer {width:116px;padding-left:12px;}*/
.loginplus {
  margin: 10px 15px 0 0; }

.midify-pass {
  margin: 0 5px 0 10px; }

.midify-space {
  margin: 0 0 0 20px; }

input:focus,
textarea:focus {
  border-color: #73B0E6;
  outline: none; }

.latestage {
  float: left;
  width: 1px;
  height: 22px;
  background: #aabdcf; }

/*  common language */
.common-lang {
  padding: 20px; }

.lang-room {
  float: left;
  width: 368px;
  height: 600px;
  border: 1px solid #cecece;
  overflow: auto;
  margin-right: 15px; }

.tree-nav {
  padding: 5px 10px 15px;
  white-space: nowrap; }

.tree-list,
.tree-listcs {
  vertical-align: middle;
  padding: 2px 0 2px 0; }

.open {
  display: inline-block;
  background: url(../images/tree/open.png) no-repeat left 2px;
  padding-left: 22px;
  color: #4c7599;
  font-weight: bold; }

.close {
  display: inline-block;
  background: url(../images/tree/close.png) no-repeat left 2px;
  padding-left: 22px;
  color: #4c7599;
  font-weight: bold; }

.tree-subnav {
  padding: 5px 0 0 24px; }

.tree-subnav .open,
.tree-subnav .close {
  color: #333333;
  font-weight: normal; }

.tree-lastlevel {
  margin-left: 33px; }

.specific {
  display: inline-block;
  background: url(../images/tree/file.png) no-repeat left 3px;
  padding: 0 0 0 20px;
  white-space: nowrap;
  height: 18px; }

.specific a {
  color: #333; }

.specific a:hover,
.tree-nav a:hover span {
  color: #006dcc;
  text-decoration: underline; }

.specific a.active,
.tree-nav a.active span {
  color: #fff;
  background-color: #5ca5e6;
  text-decoration: none; }

.lang-operate {
  float: left;
  width: 350px; }

.lang-allope {
  width: 350px;
  padding-bottom: 25px; }

.lang-allope button,
.lang-allope .type-file-box {
  float: left;
  margin: 0 10px 10px 0;
  cursor: pointer; }

.type-file-box {
  position: relative;
  width: 77px;
  margin-top: 20px;
  float: left; }

.type-file-file {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  filter: alpha(opacity=0);
  opacity: 0;
  width: 77px;
  font-size: 12px;
  padding: 0;
  border: none; }

.lang-up {
  width: 33px;
  height: 22px;
  background-position: 0 -224px;
  text-indent: -999em; }

.lang-disup {
  background-position: -44px -224px; }

.lang-down {
  width: 33px;
  height: 22px;
  background-position: 0 -246px;
  text-indent: -999em; }

.lang-disdown {
  background-position: -44px -246px; }

.lang-new {
  width: 77px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  background-position: 0 -146px;
  color: #333;
  text-align: center;
  border: none;
  cursor: pointer;
  font-family: simsun; }

.lang-new:hover {
  background-position: 0 -168px; }

.lang-form label {
  display: block;
  padding-bottom: 4px; }

.lang-form textarea {
  width: 524px;
  height: 36px;
  border: 1px solid #cccccc;
  padding: 2px; }

.lang-form .contents {
  margin-top: 15px; }

.lang-form .bigtextarea {
  width: 290px;
  height: 108px; }

.lang-submit {
  width: 77px;
  height: 22px;
  background-position: 0 -146px;
  border: none;
  margin-top: 20px;
  cursor: pointer;
  vertical-align: top; }

.lang-submit:hover {
  background-position: 0 -190px; }

.lang-submit:active {
  background-position: 0 -168px; }

.tree-mark {
  float: left;
  width: 9px;
  height: 9px;
  background: url(../images/tree/add.png) no-repeat left 0;
  margin: 5px 8px 0 0; }

.tree-markmin {
  background: url(../images/tree/minus.png) no-repeat left 0; }

.imitation {
  float: left;
  width: 77px;
  margin: 0 10px 10px 0;
  height: 22px;
  line-height: 22px;
  background: url(../images/manage/flashBtn.png) no-repeat 0 0;
  color: #bbb;
  text-align: center;
  border: none;
  cursor: pointer;
  font-family: simsun; }

/*  批量上传按钮 */
.imitation-grey {
  background-position: 0 -66px; }

.imitation:hover,
.imitation-grey:hover {
  background-position: 0 -22px; }

.forbeauty {
  border-top: 1px solid #cce8ff;
  margin-top: 10px; }

.graph {
  background: url(../images/manage/progress.png) no-repeat scroll 0 0 transparent;
  font-size: 0;
  height: 12px;
  line-height: 0;
  margin: 10px 20px 30px 20px;
  position: relative;
  width: 338px; }

.progress {
  background: url(../images/manage/progress.png) no-repeat scroll 0 -30px transparent;
  display: block;
  height: 12px;
  margin: 0;
  position: relative; }

.login-mar,
.login-marto {
  margin: 8px 0; }

.login-mar label {
  width: 87px; }

.login-marto label {
  width: 111px; }

.depentry {
  padding: 9px 0; }

.public-detit {
  border-top: 1px solid #ced4d9; }

/*.depart-item {padding-bottom:15px}
.depart-entry {padding:15px 15px 0;}
.depart-entry label {float:left;width:75px;text-align:right;padding-top:1px}
.depart-entry em {font-family:simsun;color:#ff0000}
.depart-errorstip {margin-left:75px;}
.depart-btnre {font-size:12px;margin-left:12px}
.depart-items {padding:17px 0}
.depart-precol {float:left;margin:2px 20px 0 17px;width:224px;}
.depart-precolre {margin-right:0;width:216px}
.depart-precoler {float:left;margin:2px 16px 0 17px;width:280px;}
.depart-table {background-color:#cce7ff;}
.service-table .depart-table td {border-bottom:1px solid #aad0f2;border-top:1px solid #aad0f2;padding:0}
.service-table .depart-table table td {padding:4px 6px;border-bottom:0 none}
.depart-table input {float:left}*/
/*.detable-input {border:1px solid #478ecc;width:170px;height:20px;background-position:0 -279px;background-repeat:repeat-x;padding-left:4px;}
.detable-btn {border:none;background-position:0 -306px;width:52px;height:22px;cursor:pointer}
.detable-btns {background-position:-52px -306px;}*/
/*.successtip {padding:7px 12px;background-color:#edfae1;border-bottom:1px solid #c5e6b8;font-weight:bold;color:#538026}*/
/*访客waitModal*/
.batch {
  width: 360px;
  border: 1px solid #475767;
  position: relative; }

.batch-inner {
  border: 1px solid #d1e9ff;
  background: #f2f9ff url(../images/manage/repeat.png) repeat-x left top; }

.batch-pad10 {
  padding: 10px; }

.batch-inner h3 {
  font-weight: bold;
  color: #333333; }

.batch-ope {
  border-top: 1px solid #fff;
  padding-top: 10px; }

.bacth-new {
  float: right; }

.batch-close {
  width: 26px;
  height: 23px;
  background-position: -94px 0;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999em; }

.batch-close:hover {
  background-position: -94px -23px; }

.batch-close:active {
  background-position: -94px -46px; }

.batch-grey,
.batch-grey:hover {
  background-position: 0 -338px;
  color: #bbb; }

/*  置灰状态  */
/*.common-lang-search{position:absolute;padding: 10px; background-color: #fff;border-bottom: 1px solid #CED4D9;}
.common-lang-search input{border:1px solid #ccc;height:20px;line-height:20px;padding-left:5px;width:311px;}
.common-lang-search .place-holder{position:absolute;color:#666;left: 6px;top: 2px;cursor:text;}
.common-lang-search .open-check{margin-left:13px;}
.common-lang-search .open-check input{width:20px;border:0;}
.common-lang-search .refresh-zsk{float: right;line-height: 22px;color: #478ecc;}
.common-lang-search .refresh-zsk-succ{color: #3AAA3F;line-height: 22px;*/
/*position: absolute;top: 10px;right: -70px;*/
/*}*/
/*.no-search{margin-top:20px;color:#666;padding-left:10px;}*/
/*.batch-inner p {padding:20px 0;border-bottom:1px solid #cce8ff}*/
.entryon {
  background: #fff2f2;
  padding: 12px 5px 9px 30px;
  margin-bottom: 5px; }

.login-errorall {
  float: left;
  border: 1px solid #ffcccc;
  width: 370px;
  padding: 7px;
  background-color: #fff2f2; }

.errorstip-re {
  margin: 0 0 5px 0;
  padding: 0 0 0 22px;
  background: url(../images/manage/icon.png) no-repeat 0 -355px;
  font-weight: bold; }

.login-errorall p {
  color: #e64d00;
  padding-left: 22px; }

/*.dentryon {padding:12px 0 9px;background-color:#fff2f2}*/
/*.error-overall {margin-left:88px}
.error-overto {margin-left:110px}*/
/*.business-precol {float: left;margin: 2px 20px 0 17px;width:250px;}
.business-precoler {float: left;margin: 2px 20px 0 17px;width:308px;}*/
.login-input5 {
  width: 212px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #cccccc;
  padding-left: 3px; }

.cateinput {
  width: 290px; }

.othercol {
  position: relative;
  float: left;
  margin-left: -1px; }

.othertip {
  position: absolute;
  left: 0;
  top: 25px;
  width: auto;
  z-index: 1; }

.other-treigle {
  position: absolute;
  left: 10px;
  top: -5px;
  width: 11px;
  height: 6px;
  background-position: 0 -406px;
  margin: 0;
  padding: 0; }

.othertxt {
  float: left;
  width: 130px;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  background: #fbfcfd url(../images/manage/autobtns.gif) repeat-x left bottom;
  border: 1px solid #8c98a4;
  border-radius: 2px;
  padding: 5px 8px; }

.leave-link-wrap {
  height: 95px;
  padding-top: 35px;
  text-align: center;
  background: #F4F7FC; }
  .leave-link-wrap .leave-link {
    padding: 0 15px;
    height: 32px;
    line-height: 32px;
    background: #1c82ff;
    border-radius: 4px;
    display: inline-block;
    color: #fff; }
    .leave-link-wrap .leave-link:hover {
      color: #fff;
      cursor: pointer;
      text-decoration: none; }
  .leave-link-wrap .leave-message-success span {
    display: inline-block;
    line-height: 18px;
    margin-bottom: 10px;
    padding-left: 20px;
    background: url(../images/icon/common/icon_succ_16.png) no-repeat left center; }

.leave-link {
  color: #00a5ef; }

.leave-link:hover {
  color: #1792FF;
  text-decoration: underline; }

/*   visitor end */
.visitor {
  /*border:1px solid #475767*/ }

.visitor-outer {
  border: 1px solid #ecf7ff; }

#visitor-header {
  width: 100%;
  height: 33px;
  background-color: #79baf2;
  border-bottom: 1px solid #5c98cc;
  line-height: 33px; }

.suspend-hide {
  float: right;
  padding-right: 20px;
  z-index: 11001;
  font-size: 16px;
  color: white;
  font-family: "Microsoft YaHei";
  height: 34px;
  width: 30px;
  background: url("../images/icon/common/xiala.png") no-repeat center; }
  .suspend-hide:hover {
    font-weight: bold;
    text-shadow: 0 0 .1em, 0 0 .3em;
    cursor: pointer; }

.visitor-headertit p,
#visitor-header p {
  padding-left: 10px;
  color: #ffffff; }

#visitor-main {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f7fbff; }

.tab-center-wraper, .tab-center-sup-wraper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: relative;
  overflow: hidden; }
  .tab-center-wraper::before, .tab-center-sup-wraper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/custom/buyer-bg-2025.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1; }
  .tab-center-wraper .tab-center-container, .tab-center-sup-wraper .tab-center-container {
    box-sizing: border-box;
    width: 960px;
    height: 700px;
    min-width: 960px;
    min-height: 700px; }
    @media (max-width: 960px) {
      .tab-center-wraper .tab-center-container, .tab-center-sup-wraper .tab-center-container {
        width: 100vw;
        min-width: 660px; } }
    @media (max-height: 700px) {
      .tab-center-wraper .tab-center-container, .tab-center-sup-wraper .tab-center-container {
        height: 100vh;
        min-height: 500px; } }
    .tab-center-wraper .tab-center-container .tab-center, .tab-center-sup-wraper .tab-center-container .tab-center {
      height: 667px !important;
      box-sizing: border-box;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px; }
      @media (max-height: 700px) {
        .tab-center-wraper .tab-center-container .tab-center, .tab-center-sup-wraper .tab-center-container .tab-center {
          height: calc(100vh - 33px) !important; } }
      .tab-center-wraper .tab-center-container .tab-center .visitor-dialog-tab, .tab-center-sup-wraper .tab-center-container .tab-center .visitor-dialog-tab {
        height: 491px !important; }
        @media (max-height: 700px) {
          .tab-center-wraper .tab-center-container .tab-center .visitor-dialog-tab, .tab-center-sup-wraper .tab-center-container .tab-center .visitor-dialog-tab {
            height: calc(100vh - 209px) !important;
            min-height: 339px !important; } }
      .tab-center-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item, .tab-center-sup-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item {
        width: 50%;
        padding-left: 85px;
        box-sizing: border-box; }
        .tab-center-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item label, .tab-center-sup-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item label {
          margin-left: -85px; }
        .tab-center-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item .errorstip, .tab-center-sup-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item .errorstip {
          margin-left: 0; }
        .tab-center-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item .s-input, .tab-center-sup-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item .s-input {
          width: 35px;
          margin-right: 5px; }
        .tab-center-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item input, .tab-center-sup-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item input,
        .tab-center-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item select,
        .tab-center-sup-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item select {
          width: 100%;
          box-sizing: border-box; }
        .tab-center-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item .m-input, .tab-center-sup-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item .m-input {
          width: 60%; }
      .tab-center-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item-code, .tab-center-sup-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item-code {
        padding-right: 70px; }
        .tab-center-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item-code img, .tab-center-sup-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .info-item-code img {
          float: right;
          margin-right: -70px; }
      .tab-center-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .leave_message .info-item-textarea textarea, .tab-center-sup-wraper .tab-center-container .tab-center:not(:has(.visitor-info)) .leave_message .info-item-textarea textarea {
        width: 100%;
        height: 70px;
        box-sizing: border-box;
        width: 100% !important;
        height: 70px !important; }
      .tab-center-wraper .tab-center-container .tab-center .visitor-content, .tab-center-sup-wraper .tab-center-container .tab-center .visitor-content {
        border-bottom-left-radius: 8px; }
        .tab-center-wraper .tab-center-container .tab-center .visitor-content .webkit-scrollbar-style .visitor-send, .tab-center-sup-wraper .tab-center-container .tab-center .visitor-content .webkit-scrollbar-style .visitor-send {
          border-bottom-left-radius: 8px;
          height: 31px; }
        .tab-center-wraper .tab-center-container .tab-center .visitor-content .webkit-scrollbar-style .leave-link-wrap, .tab-center-sup-wraper .tab-center-container .tab-center .visitor-content .webkit-scrollbar-style .leave-link-wrap {
          height: 119px;
          border-bottom-left-radius: 8px; }
        .tab-center-wraper .tab-center-container .tab-center .visitor-content .webkit-scrollbar-style .visitor-text, .tab-center-sup-wraper .tab-center-container .tab-center .visitor-content .webkit-scrollbar-style .visitor-text {
          height: 90px; }
          .tab-center-wraper .tab-center-container .tab-center .visitor-content .webkit-scrollbar-style .visitor-text textarea, .tab-center-sup-wraper .tab-center-container .tab-center .visitor-content .webkit-scrollbar-style .visitor-text textarea {
            height: 90px; }
        .tab-center-wraper .tab-center-container .tab-center .visitor-content .webkit-scrollbar-style .leave_message, .tab-center-sup-wraper .tab-center-container .tab-center .visitor-content .webkit-scrollbar-style .leave_message {
          border-bottom-left-radius: 8px; }
      .tab-center-wraper .tab-center-container .tab-center .visitor-bar .addpicture, .tab-center-sup-wraper .tab-center-container .tab-center .visitor-bar .addpicture {
        height: 270px;
        min-height: 85px;
        overflow: hidden; }
        @media (max-height: 700px) {
          .tab-center-wraper .tab-center-container .tab-center .visitor-bar .addpicture, .tab-center-sup-wraper .tab-center-container .tab-center .visitor-bar .addpicture {
            height: calc(100vh - 430px) !important; } }
        .tab-center-wraper .tab-center-container .tab-center .visitor-bar .addpicture .webkit-scrollbar-style .visitor-send, .tab-center-sup-wraper .tab-center-container .tab-center .visitor-bar .addpicture .webkit-scrollbar-style .visitor-send {
          border-bottom-left-radius: 8px;
          height: 31px; }
    .tab-center-wraper .tab-center-container #visitor-header, .tab-center-sup-wraper .tab-center-container #visitor-header {
      border-top-right-radius: 8px;
      border-top-left-radius: 8px; }

.tab-center-sup-wraper::before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/custom/supplier-bg-2025.png); }

.visitor-content {
  margin-right: 220px;
  border-right: 1px solid #d3dde6;
  background-color: #fff; }

.visitor-fullscreen {
  margin-right: 0 !important; }

.visitor-dialog {
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  height: 500px; }

.localvisitor {
  color: #36b34a; }

.forvisitor {
  color: #478ecc; }

.system-info {
  color: #29800d; }

.vtime {
  margin-left: 15px; }

.chat-area-bd .foreigntxt {
  margin: 0 0 0 0; }

.foreigntxt {
  margin: 0 0 8px 12px;
  padding-top: 1px;
  font-family: Microsoft YaHei;
  font-size: 14px; }

.foreigntxt a {
  margin: 0;
  word-break: break-all; }

.foreigntxt img {
  vertical-align: middle;
  margin-top: 2px; }

.visitor-dialog .foreigntxt img,
.visitor-dialog-div .foreigntxt img,
.visitor-dialog #scrolltop .foreigntxt img,
.visitor-nohei .foreigntxt img {
  max-width: 300px; }

.visitor-bar {
  position: absolute;
  right: 0;
  top: 0;
  width: 219px;
  height: 661px;
  background-color: #f7fbff;
  _right: -1px; }

.visitor-operate {
  background-color: #edf4fa;
  position: relative;
  height: 23px;
  z-index: 99;
  width: 100%;
  border-top: 1px solid #e8eef3; }

.visitor-quick-menu {
  position: relative;
  height: 44px;
  overflow: hidden;
  left: 0;
  bottom: 0;
  background: #ffffff;
  padding: 0 32px; }

.visitor-quick-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%; }

.visitor-quick-menu ul li {
  float: left;
  cursor: pointer;
  color: #141630;
  line-height: 10px;
  margin: 8px 4px;
  padding: 8px 15px;
  background: #ffffff;
  border: 1px solid #e1e4ed;
  border-radius: 16px; }

.visitor-quick-menu .clearfix:before, .visitor-quick-menu .clearfix:after {
  content: "";
  display: table; }

.visitor-quick-menu i {
  position: absolute;
  top: calc(50% - 9px);
  display: inline-block;
  color: #636E95;
  width: 12px;
  height: 12px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  margin: 2px 2px;
  cursor: pointer; }

.visitor-quick-menu .disabled {
  opacity: 0;
  cursor: unset; }

.visitor-quick-menu .prevPage {
  left: 6px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

.visitor-quick-menu .nextPage {
  right: 6px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.visitor-ico {
  float: left;
  padding-left: 14px;
  position: relative; }

.visitor-face {
  float: left;
  width: 27px;
  height: 22px;
  background: url(../images/manage/iconag.png) no-repeat 0 -88px;
  margin-right: 12px; }

.visitor-face:hover {
  background-position: 0 -110px; }

/*  被选中样式  */
.visitor-face:active {
  background-position: 0 -132px; }

.visitor-faceon,
.visitor-faceon:hover {
  background-position: 0 -132px;
  cursor: default; }

.visitor-facegrey,
.visitor-facegrey:hover {
  background-position: 0 -154px;
  cursor: default; }

.visitor-reset {
  float: left;
  width: 23px;
  height: 22px;
  margin-right: 12px; }

.visitor-save {
  float: left;
  width: 27px;
  height: 22px;
  margin-right: 12px;
  background: url(../images/manage/iconag.png) no-repeat 0 -176px; }

.visitor-save:hover {
  background-position: 0 -198px; }

.visitor-save:active {
  background-position: 0 -220px; }

.visitor-saveon {
  background-position: 0 -220px; }

/*  被选中样式  */
.visitor-savegrey,
.visitor-savegrey:hover {
  background-position: 0 -242px;
  cursor: default; }

/*
.enddia,.humser {position:absolute;right:0;padding-left:10px;padding-right:15px;border-left:1px solid #c5dbee}
.enddia span,.humser span {float:left;height:23px;line-height:23px;background:url(../images/manage/phone.png) no-repeat 0 3px;padding-left:25px;color:#000;cursor:pointer}
.enddia:hover,.humser:hover {background-color:#bfe1ff}
.enddia:active, {background:url(../images/manage/visitor-ico.png) repeat-x 0 -136px;}

.humser {right:99px; display: none;}
.humser:hover span{background:url(../images/manage/human-service-hover.png) no-repeat 0 3px;}
.humser span {background:url(../images/manage/human-service.png) no-repeat 0 3px;}
*/
.enddia-chat {
  margin-top: 5px;
  float: right;
  margin-right: 15px; }

.send-chat {
  margin-top: 5px;
  float: right;
  margin-right: 15px; }

.humser-style {
  float: left;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 15px;
  display: none; }
  .humser-style span {
    float: left;
    height: 23px;
    line-height: 23px;
    background: url(../images/manage/human-service2.png) no-repeat 0 3px;
    padding-left: 25px;
    color: #000;
    cursor: pointer; }
  .humser-style:hover {
    background-color: #bfe1ff; }

.miccn-humser-style {
  float: right;
  padding: 2px 15px 0 0;
  display: none; }

#contact-letter-before-chat {
  float: right;
  margin-right: 10px; }

.visitor-text {
  height: 66px;
  background-color: #ffffff;
  padding: 5px;
  position: relative; }

.visitor-text textarea {
  height: 66px;
  border: 0 none;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%; }

.placeholder {
  position: absolute;
  left: 5px;
  top: 3px;
  cursor: text;
  color: #b2b2b2; }

.language-boss-msgTextarea {
  font-size: 14px;
  top: 5px; }

.visitor-send {
  height: 32px;
  border-top: 1px solid #e6edf2;
  background-color: #edf4fa;
  width: 100%;
  position: relative; }

.batch-innerer {
  padding: 25px 20px;
  width: 318px; }

.batch-innerer p {
  border-bottom: none;
  padding: 15px 0 10px; }

.visitor-btn {
  float: right;
  width: 49px;
  height: 22px;
  padding-top: 2px;
  background-position: 0 -498px;
  color: #333;
  text-align: center;
  border: none;
  cursor: pointer;
  margin-left: 10px; }

.batch-innerer .determine {
  padding-bottom: 25px; }

.rebatch {
  padding: 25px 20px 20px;
  width: 318px; }

.rebatch p {
  border-bottom: none;
  padding: 20px 0 25px;
  text-align: center; }

.visitor-form span {
  margin-left: 6px; }

.deterpad {
  margin-left: 15px;
  padding-bottom: 3px; }

.deterpad label {
  margin-left: 5px; }

.batch-innerer p.deterpad {
  padding-bottom: 5px; }

.batch-innerer .visitor-suggest {
  padding: 5px 0 3px; }

.batch-innerer textarea {
  width: 310px;
  border: 1px solid #adbecc;
  height: 74px;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 3px;
  overflow-x: hidden;
  overflow-y: auto; }

.send-outer {
  float: right;
  position: relative;
  width: 87px; }

.visitorsub {
  position: absolute;
  right: 17px;
  top: -48px;
  width: 150px;
  border: 1px solid #b8d0e6;
  background-color: #ffffff;
  padding: 1px; }

.visitorsub li {
  padding: 3px 5px;
  padding-left: 27px;
  cursor: pointer; }

.visitorsub li:hover {
  background: #d9edff;
  padding-left: 27px; }

.visitorsub li.current {
  background: #fff url(../images/manage/fit.png) no-repeat 5px 5px;
  padding-left: 27px; }

.visitorsub li.current:hover {
  background: #d9edff url(../images/manage/fit.png) no-repeat 5px 5px;
  padding-left: 27px; }

.send-txt {
  float: left;
  width: 36px;
  height: 20px;
  padding-top: 2px;
  line-height: 20px\9;
  background-position: 0 -447px;
  margin: 5px 0 0 0;
  padding-left: 15px;
  color: #000000; }

.send-txt:hover {
  background-position: 0 -469px;
  color: #333; }

.suspend-css-send {
  margin-left: 10px;
  width: 70px;
  height: 22px;
  padding: 0px 0px;
  line-height: 22px;
  vertical-align: middle;
  background: url(../images/manage/btnre.png) no-repeat 0 0;
  text-align: center;
  cursor: pointer;
  border: none; }
  .suspend-css-send:hover {
    background: url(../images/manage/btnre.png) no-repeat 0 -22px; }
  .suspend-css-send:active {
    background: url(../images/manage/btnre.png) no-repeat 0 -44px; }

.send-choise {
  float: left;
  width: 20px;
  height: 22px;
  line-height: 22px;
  background-position: -51px -447px;
  margin: 5px 16px 0 0;
  display: inline; }

.send-choise:hover {
  background-position: -51px -469px;
  color: #333; }

.send-txtg,
.send-txtg:hover {
  background-position: 0 -651px;
  color: #99adbf;
  cursor: default; }

.send-choiseg,
.send-choiseg:hover {
  background-position: -51px -651px;
  color: #99adbf;
  cursor: default; }

.web-face-box {
  position: absolute;
  height: auto;
  left: 50px;
  bottom: 29px;
  border: 1px solid #5c98cc;
  background-color: #ffffff;
  z-index: 9999;
  padding: 18px 10px; }

#web-facecute {
  background: #fff;
  width: 300px;
  _width: 302px; }

#web-facecute a {
  float: left;
  border: 1px solid #cae3ff;
  padding: 3px;
  margin: 0 -1px -1px 0;
  position: relative; }

#web-facecute a:hover {
  border: 1px solid #007ae6;
  margin: 0 -1px -1px 0;
  padding: 3px;
  position: relative;
  z-index: 2; }

#web-facecute img {
  margin: 0;
  vertical-align: top;
  border: none;
  padding: 0; }

.web-arrow-btm {
  background: url(../images/manage/icon.png) no-repeat 0 -532px;
  bottom: -7px;
  _bottom: -16px;
  height: 7px;
  left: 10px;
  position: absolute;
  width: 13px; }

.batch-visitor {
  width: 472px;
  margin: 40px auto; }

.batch-reset {
  margin: 0; }

.visitor-innerer {
  width: 420px;
  padding: 25px; }

.visitor-entry {
  padding: 5px 0; }

.visitor-entry label {
  width: 100px; }

.v-errorstip {
  margin-left: 62px; }

.v-input, .v-input-suspend {
  width: 336px;
  border: 1px solid #adbecc; }

.v-input-suspend {
  width: 236px; }

.v-textarea, .v-textarea-suspend {
  width: 333px;
  height: 92px;
  padding: 3px;
  border: 1px solid #adbecc;
  overflow-x: hidden;
  overflow-y: auto; }

.v-textarea-suspend {
  width: 233px; }

.visitor-item {
  margin: 15px 0 0; }

.v-submit {
  margin: 16px 0 0 188px; }

.v-submit-suspend {
  margin: 16px 0 0 144px; }

.language-boss-title-suspend {
  font-size: 16px; }

.v-input1 {
  width: 48px;
  border: 1px solid #adbecc;
  margin-right: 2px; }

.v-input2 {
  width: 218px;
  border: 1px solid #adbecc; }

.v-input3 {
  width: 139px;
  border: 1px solid #adbecc; }

.btndisbale {
  background-position: -49px -498px;
  color: #888;
  cursor: default; }

.marbtn {
  margin-top: 25px; }

.fastkey {
  float: left;
  padding: 6px; }

.sendtips {
  position: absolute;
  right: 37px;
  top: -30px;
  width: 128px;
  padding-top: 5px;
  text-align: center;
  height: 29px;
  background: url(../images/manage/tipdia.png) no-repeat;
  color: #000;
  line-height: 18px; }

.sendtips-re {
  background: url(../images/manage/tipdia-re.png) no-repeat;
  width: 180px; }

/*  chat online  */
/*#chat-header {width:100%;height:45px;background-color:#478ecc;border-bottom:5px solid #79baf2;}*/
/*.chat-col {float:right}
.chat-col .cus-exit {float:left;text-decoration:underline;margin-right:25px}
.chat-col .cus-exit:hover {color:#fff;text-decoration:none}*/
/*.chat-news {float:left;background:url(../images/manage/visitor-ico.png) no-repeat 0 -195px;padding-left:24px;margin:14px 20px 0 0;color:#ffffff}*/
/*
.chat-status {float:left;border:1px solid #478ecc;background-color:#478ecc;color:#fff;margin:12px 28px 0 10px;display:inline;padding:2px 8px;position:relative}
.chat-status a:hover {color:#fff}
.status-online {float:left;background:url(../images/manage/visitor-ico.png) no-repeat 0 -228px;padding-left:18px;color:#fff}
.subhook {float:left;width:7px;height:4px;background:url(../images/manage/visitor-ico.png) no-repeat 0 -314px;margin:7px 0 0 7px}
.chat-lister {position:absolute;left:-1px;top:20px;border:1px solid #3270a6;padding:1px;background-color:#ffffff;width:100px;z-index:1}
.chat-lister li {padding:3px 5px;cursor:pointer}
.chat-lister .modern,.chat-lister li:hover {background-color:#cce7ff}
.subonline {display:inline-block;background:url(../images/manage/visitor-ico.png) no-repeat 0 -228px;padding-left:18px;}
.subleave {display:inline-block;background:url(../images/manage/visitor-ico.png) no-repeat 0 -256px;padding-left:18px;}
.subbusy {display:inline-block;background:url(../images/manage/visitor-ico.png) no-repeat 0 -284px;padding-left:18px;}
.statuson {border:1px solid #3270a6;background-color:#5ca5e6;}*/
/*.chat-status {float:right;height:26px;color:#333;margin:0 37px 0;display:inline;padding:7px 0;position:relative}
.chat-status a:hover {color:#333}
.status-father span{float: left;}
.status-father a{display:block;float:left;color:#333;height: 26px;line-height: 26px;}
.status-father a:hover{background: #61adf1;}
.status-father a:active{background: #459be6;}
.status-father a i,.chat-lister li span i{width:14px;height:14px;display:block;float:left;background:url(../images/manage/chat-status.png) no-repeat;margin: 6px 5px 0 8px;}
.status-online {display:block;float:left;	}
.chat-lister li span i{margin: 2px 17px 0 2px;}
.subhook {float:left;width:7px;height:4px;background:url(../images/manage/chat-status.png) no-repeat 0 -52px;margin:11px 7px 0 9px}
.subhookno{background:none;}
.chat-lister {position:absolute;left:1px;top:35px;border:1px solid #3472a8;padding:1px;background-color:#ffffff;width:89px;z-index:1}
.chat-lister-export{top: 17px}
.chat-lister-export li a{margin: 0;}
.chat-lister li {padding:3px 5px;cursor:pointer}
.chat-lister .modern,.chat-lister li:hover {background-color:#cce7ff}
.chat-status .subonline i{background-position: 0 0;}
.chat-status .subbusy i{background-position: 0 -24px;}
.chat-status .suboffline i{background-position: 0 -67px;}*/
/*.mainlist {border-bottom:3px solid #478ecc}
.belowmain {width:100%;}
.mainlist li {float:left;border:1px solid #ced4d9;border-bottom:none;background-color:#f2f6fa;color:#333333;margin-right:5px;padding:2px 14px;cursor:pointer}
.mainlist .present {border:1px solid #478ecc;border-bottom:0 none;background-color:#5ca5e6;color:#ffffff}
.mainlist .therenews {background:#99cfff;border-color:#478ecc}

.main-list-wrap{width: 100%;height: 40px;background: #79baf2;box-shadow:0px 5px 10px -5px #459be6 inset;position: fixed;z-index: 9999;}*/
/*add pos-f,z-i by qf 05.15*/
/*
.main-list {height: 40px;float: left;}
.main-list li {float:left;width:116px;text-align:center;color:#fff;line-height:20px;font-weight:bold;padding:10px 0;cursor:pointer}
.main-list .present {background:#459be6;box-shadow:0px 5px 10px -5px #459be6 inset;}
.main-list .therenews {background:#61aef2;box-shadow:0px 5px 10px -5px #459be6 inset;}*/
/*#chat-main {padding:50px 20px 10px;}*/
/*change by qf 05.15*/
/*
.chat-checkbox {margin:10px 0;position: relative;}
.chat-checkbox label {margin-right:40px}
.chat-checkbox span {margin-left:8px}
.chat-table {border:1px solid #aabdcf}
.chat-table th {background-color:#f2f6fa;padding:2px 9px;border-bottom:1px solid #ced4d9}
.chat-subtable {vertical-align:top}
.chat-subtable td {padding:6px 10px;border-bottom:1px solid #e6e6e6}
.chat-subtable .comeinfo td {border-bottom-color:#79baf2}*/
/*.extend {height:3px;background-color:#aabdcf;font-size:0;line-height:0;position:relative;cursor:s-resize}
.extend a {position:absolute;left:50%;margin-left:-8px;top:0;width:14px;height:3px;background:url(../images/manage/visitor-ico.png) no-repeat 0 -333px;cursor:s-resize}
.chatcontent {width:50%;margin-right:0;float:left;border-right:none;}
.chatborder {border:1px solid #aabdcf;border-top:none;position:relative;}
.chat-tabs {float:left;width:50%;background:#fff}
.member-informations {float:left;width:14.91%;background:#fff;border-right:1px solid #aabdcf;border-bottom:1px solid #aabdcf;}
.chat-tabin {height:464px;border-right:1px solid #aabdcf;border-bottom:1px solid #aabdcf;overflow-y:auto}
.chatab-list {border-bottom:1px solid #ced4d9;background-color:#f2f6fa;padding-top:5px;}
.chatab-list li {float:left;width:88px;text-align:center;margin-left:5px;border:1px solid #ced4d9;padding:4px 3px 2px;cursor:pointer;margin-bottom:-1px}
.chatab-list .onthis {background-color:#fff;border-bottom:1px solid #ffffff}
.chatents {padding:0 15px;overflow:auto}
.chat-entry {padding:5px 10px}
.chat-entry label {width:74px;}
.chatbtn {float:left;}
.chatbtn2 {margin-left:10px}
.chatlabel {float:left;}
.chatlabel2{float:left;margin-left:10px}
.chatlabel3 {float:left;width:100px}
.chatitem {margin-bottom:5px}
.visitor-keeping {float:left;width:23px;height:22px;background:url(../images/manage/visitor-ico.png) no-repeat 0 -366px;margin-right:10px}
.visitor-keeping:hover {background-position:0 -388px}
.visitor-keepingon,.visitor-keepingon:hover {background-position:0 -620px}*/
/*访客截图*/
.visitor-screenshot {
  float: left;
  width: 35px;
  height: 22px;
  overflow: hidden;
  background: url(../images/manage/iconag.png) no-repeat 0 -540px;
  position: relative; }

.visitor-screenshot:hover,
.visitor-screenshoton {
  background-position: 0 -562px; }

.visitor-screenshot:active {
  background-position: 0 -628px;
  cursor: pointer; }

.visitor-shotico {
  float: left;
  width: 23px;
  height: 22px; }

.visitor-shotico:hover {
  background: url(../images/manage/iconag.png) no-repeat 0 -606px; }

.visitor-arrowshotico {
  float: left;
  width: 12px;
  height: 22px; }

.visitor-arrowshotico:hover {
  background: url(../images/manage/iconag.png) no-repeat -23px -584px; }

.visitor-screenshotgrey,
.visitor-screenshotgrey:hover {
  background-position: 0 -650px;
  cursor: default; }

.visitor-screenshotgrey .visitor-shotico:hover {
  background-position: 0 -650px;
  cursor: default; }

.visitor-screenshotgrey .visitor-arrowshotico:hover {
  background-position: -23px -650px;
  cursor: default; }

.shotsub {
  position: absolute;
  border: 1px solid #5c7499;
  left: 274px;
  top: 25px;
  width: 156px;
  padding: 1px;
  _padding-bottom: 0;
  background-color: #fff; }

/*.leftres {left:178px;}*/
.shotsubzone {
  float: left;
  width: 156px; }

.shotsubzone i {
  float: left;
  width: 27px;
  height: 24px;
  background: #ebf2f7 url(../images/manage/fit.png) no-repeat center center;
  cursor: pointer; }

.shotsubzone:hover {
  background: #70b8f8; }

.shotsubzone:hover i {
  background: url(../images/manage/fito.png) no-repeat center center; }

.shotsubzone .notoless {
  background: #ebf2f7; }

.shotsubzone:hover .notoless {
  background-image: none; }

.shotsubzone span {
  float: left;
  padding: 3px 0 0 10px;
  color: #000000;
  cursor: pointer; }

.visitor-adapter {
  float: left;
  width: 27px;
  height: 22px;
  background: url(../images/manage/iconag.png) no-repeat 0 -264px;
  margin-right: 10px; }

.visitor-adapter:hover {
  background-position: 0 -286px; }

.visitor-adapter:active,
.visitor-adapteron,
.visitor-adapteron:hover {
  background-position: 0 -308px; }

.deterpadre label {
  display: inline-block;
  margin-bottom: 2px;
  margin-left: 5px;
  width: 278px;
  cursor: pointer; }

.btn-noeval {
  width: 77px;
  height: 22px;
  background-position: 0 -190px; }

.visitor-sendimg {
  float: left;
  width: 27px;
  height: 22px;
  background: url(../images/manage/iconag.png) no-repeat 0 -352px;
  margin-right: 12px; }

.visitor-sendimg:hover {
  background-position: 0 -374px; }

.visitor-sendimg:active,
.visitor-sendimgon,
.visitor-sendimgon:hover {
  background-position: 0 -396px; }

.visitor-sendimgrey,
.visitor-sendimgrey:hover {
  background-position: 0 -418px;
  cursor: default; }

.visitor-font {
  float: left;
  width: 27px;
  height: 22px;
  background: url(../images/manage/visitor-ico.png) no-repeat 0 -927px;
  margin-right: 12px; }

.visitor-fonton,
.visitor-font:hover {
  background-position: 0 -951px; }

.visitor-fontgrey,
.visitor-fontgrey:hover {
  background-position: 0 -975px;
  cursor: default; }

/* client   */
/*.sex-select {border: 1px solid #CCCCCC;height:20px;width:60px;}
.client-input {width:185px;height:22px;line-height:22px;border:1px solid #cccccc;padding-left:3px;}
.client-item {float: left;margin-right:30px;width: 224px;}
.client-entry {margin:2px 0 14px;}
.client-entry label {float: left;padding-top:3px;width:36px}
.client-entry .append {width:60px}
.client-entry .appends {width:60px;text-align:right}
.client-entry .w85 {width:85px}
.client-entry .appendser {width:86px;text-align:right}
.client-itemapp {width:250px}*/
/*.client-input2 {width:200px;}*/
/*.client-itemapp2 {width:268px}
.client-itemre {float: left;width:118px;}*/
/*.bordertop {border-top:1px solid #CED4D9}
.client-table th {border-top:none;background:url(../images/manage/visitor-ico.png) repeat-x 0 -508px;height:27px;line-height:27px;}
.client-table .th-background {height:27px;line-height:27px;line-height:29px\9;}
.client-table  .th-background .traigle-down {color:#333;text-decoration:none;display:inline-block;color:#333;margin:0;padding:0 11px 0 0;font-size:12px;cursor:pointer;font-weight:normal;background-position:right -182px;}
.client-table  .th-background .traigle-down:active {background-position:right -204px;color:#006dcc}   */
/*   点击的当下 */
/*
.client-table  .th-background .traigle-up {color:#333;text-decoration:none;display:inline-block;color:#333;margin:0;padding:0 11px 0 0;font-size:12px;cursor:pointer;font-weight:normal;background-position:right -274px;}
.client-table  .th-background .traigle-up:active {background-position:right -295px;color:#006dcc}   */
/*   点击的当下 */
/*
.plus-del {display:inline-block;width:48px;height:22px;line-height:22px;margin-left:10px;padding-left:4px;}
.plus-del:hover {background-position:0 -521px}
.plus-del:active {background-position:-52px -521px}
.plus-del span {background-position:0 -435px;font-weight:normal;font-size:12px;color:#4c7599;padding:3px 0 0 18px;margin:0}
.plus-exit span {background-position:0 -485px;}*/
.operating-area {
  float: left;
  position: relative; }
  .operating-area .device-id-wrap {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: inline-block !important; }

.fix-lh24 .operating-area {
  line-height: 24px; }

.checkboxarea {
  width: 378px; }

.checkcol {
  float: left;
  width: 99px;
  margin: 0 27px 5px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.loading {
  padding: 20px 0 5px; }

.greybor {
  border-color: #cccccc; }

/*   第三迭代开始  */
/*.dialog-form {padding:15px 0 0 8px;}
.chat-mains {padding:12px 0 5px 12px}
.input-alter {width:155px;height:22px;line-height:22px;border:1px solid #cccccc;padding-left:3px;}
.input-alter2 {width:68px;}*/
/*.input-alter3 {width:48px;}*/
/*.login-select3 {width:120px;}*/
/*.alter-btn {margin-left:25px;}*/
/*.public-tit .names {margin:0 6px;color:#4b75c1}
.overtable {height:226px;overflow-x:hidden;overflow-y:auto;position: relative;}
.visitor-tolink {float:left;color:#333;width:71px;height:19px;line-height:19px;line-height:21px\9;background:url(../images/manage/btn.png) no-repeat 0 -615px;text-align:center;margin:2px -2px 0 0}
.visitor-tolink:hover,.visitor-linkon {background-position:0 -592px;color:#333}*/
/*访客重新加载会话*/
.foreigntxt a {
  color: #006DCC;
  margin: 0;
  text-decoration: underline; }

.foreigntxt .accepted {
  margin: 0 15px 0 0; }

.foreigntxt-res {
  margin-bottom: 5px; }

.guest-item {
  float: left;
  margin-right: 20px;
  width: 196px; }

.guest-alter {
  width: 131px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #cccccc;
  padding-left: 3px; }

.guest-select {
  border: 1px solid #CCCCCC;
  height: 24px;
  width: 136px;
  padding: 2px 0; }

/*.guest-select2 {width:164px;}*/
/*.client-incra {width:185px}*/
/*.guest-both {clear:both;width:auto}*/
/*.guesten {float:left;margin-right:27px}*/
/*.f12 {font-size:12px;}
.plus-delre {margin:0 10px 0 5px;}
.border-not {border-bottom:none}
.nohaveto {color:#ff0000}
.havetod {color:#1b8e00}
.guest-entry {padding:7px 0}
.login-item .guest-entry label {float:left;width:76px;text-align:right;padding-top:1px}
.modifyto {margin:0 3px 0 0}*/
/*.guest-mig {margin:2px 0 0 8px;}
.handle {margin-bottom:20px;}*/
/*.guest-font {color:#999999}*/
/*.guest-type {padding:15px 20px}
.typeleft {float:left;width:60px;text-align:right}
.typeright {float:left;width:190px;}
.guestcol {float:left;width:220px;}
.guestcol p {padding-bottom:12px;height:18px;}
.guestcoler {clear:both;}*/
/*
.until {margin:0 7px}
.depart-until {margin-left:7px;width:280px;margin-right:5px}*/
/*213*/
/*

.login-item .depart-until label {width:58px}
.guest-bother {margin-bottom:8px}
.visitor-nohei {height:auto;border-bottom:none}
.noheitd td {border-bottom:none;padding:0}
.noheitd td td {border-bottom:1px solid #E6E6E6;padding:6px 10px}
.service-table .hemore,.hemore {display:block;margin:0 auto 8px;padding:4px 50px;text-align:center;border:1px solid #ced4d9;background-color:#f2f6fa;width:120px;color:#333333;text-decoration:none}
*/
/*.typeofb {padding-bottom:10px}
.typeofb span {margin-left:7px}*/
/*.login-marto .english {width:165px;}
.workbtn {margin-left:10px;margin-top:0}
.plus-delg {opacity:0.3;filter:alpha(opacity=30)}
.plus-delg:hover {background:none;cursor:default}
.nodates {text-align:center;color:#999999}
.huentry {padding:7px 32px}
.dia-pre {clear:both;width:400px}*/
/*.alter-btn2 {margin-left:58px;margin-top:0}*/
/*.visitordia {width:40%;border-bottom:0 none;height:auto;}*/
/*.record-date {border-bottom:1px solid #94bfe4;width:390px;margin:10px;color:#4b75c1;font-weight:bold;padding:0 0 5px 10px;}
.recorden {border-top:2px solid #e6e6e6;margin:20px 10px 0}*/
/* auto-answer   */
/*.auto-answer {width:414px;border:2px solid #aabdcf;margin:20px auto;padding:20px;padding-top:15px;box-shadow:3px 3px 3px #ccc;background-color:#fff;position:relative}
.autoclose {position:absolute;right:20px;top:15px;width:19px;height:19px;background:url(../images/manage/autoclose.png) no-repeat;cursor:pointer}
.auto-answer h3 {margin-bottom:15px}
.auto-answer p {margin:5px 0}
.autoem {font-weight:bold}
.auto-textarea {width:408px;height:80px;padding:2px;border:1px solid #ced4d9;overflow:hidden;}
.auto-answer label {display:inline-block;margin:2px 0 0 5px;}
.autosed {margin:0 5px;width:40px;height:18px;border:1px solid #ced4d9;padding:0 5px;text-align:center;ime-mode:disabled}*/
/*.autodiv {padding-bottom:7px}*/
/*.marbtn-auto {margin-top:10px}
.automa {margin-bottom:10px}
.automa-tit {padding:10px 0 5px 30px;}
.automa p {margin:0 0 0 30px}
.automa .autotip {margin:0 0 5px 30px}
.automa label {display:inline-block;margin:2px 0 0 5px;}
.automa em {font-family:simsun;color:#f00;}*/
/*访客connectModal*/
.txc {
  text-align: center; }

.batchw {
  width: 418px; }

.batchw .batch-innerer {
  width: 376px;
  padding: 50px 20px; }

.loadgraph {
  width: 373px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #478ecc;
  margin-top: 25px; }

.loadprogress {
  display: block;
  background-color: #46a2f1;
  height: 20px;
  margin: 0;
  position: relative; }

.visitorsub-e {
  width: 175px; }

.batch-visitor-e {
  width: 510px; }

.visitor-innerer-e {
  width: 458px; }

.visitor-entry-e label {
  width: 105px;
  margin-right: 8px; }

.v-submit-e {
  margin: 16px 0 0 175px; }

.leave-textarea {
  width: 408px;
  height: 78px;
  padding: 2px;
  border: 1px solid #ced4d9;
  overflow: hidden; }

.auto-entry {
  padding: 7px 0; }

.auto-entry .labelnone {
  float: none;
  margin-left: 40px; }

.auto-answer .operating-area {
  float: none; }

.customer-diaout {
  border: 1px solid #aabdcf; }

/*213*/
.visitor-barto {
  position: absolute;
  left: 0;
  top: 0;
  width: 299px;
  height: 464px;
  overflow: hidden; }

/*213*/
.visitor-contento {
  margin-left: 299px;
  position: relative;
  height: 464px;
  overflow-y: auto;
  border-left: 1px solid #b8d0e6; }

/*.csform {padding:6px;background-color:#f2f6fa;border-bottom:1px solid #ced4d9;position:relative}
.csinput {border:1px solid #cccccc;height:22px;background-color:#fff}
.cstext {border:0 none;width:260px;height:18px;padding:2px 0 2px;float:left;}
.csglass {float:left;width:16px;height:16px;background:url(../images/manage/icon.png) no-repeat 0 -581px;margin:3px 5px 0 4px}*/
/*.cstip {position:absolute;left:6px;top:31px;width:283px;border:1px solid #3270a6;padding:1px;background-color:#fff;max-height:300px;overflow-y:auto;z-index: 98}
.cstip li {padding:4px 0;cursor:pointer}
.cstip span,.tree-subnavcs span {display:inline-block;width:16px;height:16px;margin:0 6px 0 4px;vertical-align:top}
.cstip .curcolor{background-color:#cce7ff;}
.cslist {height:426px;overflow-y:auto;overflow-x:hidden;position: relative;}*/
/*.tree-naver {padding:5px 10px;}
.tree-naver a {color:#333}*/
/*.opencs {display:inline-block;font-weight:normal;background:url(../images/manage/icon.png) no-repeat 0 -628px;padding-left:14px;color:#333}
.closecs {background-position:3px -671px;}*/
/*.tree-subnavcs {padding:5px 0 2px 8px}
.tree-subnavcs li{margin-left:0;padding:3px 0;}*/
/*.cstip .defaultline {background:url(../images/manage/icon.png) no-repeat 0 -702px;}
.cstip .nonline {background:url(../images/manage/icon.png) no-repeat 0 -732px;}
.cstip .busyline {background:url(../images/manage/icon.png) no-repeat 0 -798px;}
.cstip .leaveline {background:url(../images/manage/icon.png) no-repeat 0 -765px;}*/
/*.tree-subnavcs .nonline {background:url(../images/manage/icon.png) no-repeat 0 -732px;}
.tree-subnavcs .busyline {background:url(../images/manage/icon.png) no-repeat 0 -798px;}
.tree-subnavcs .leaveline {background:url(../images/manage/icon.png) no-repeat 0 -765px;}
.tree-subnavcs .defaultline {background:url(../images/manage/icon.png) no-repeat 0 -702px;}*/
/*.tree-subcs{padding:5px 0 0 8px}
.tree-subcs div {padding-bottom:5px}
.tree-subcs span {display:inline-block;width:16px;height:16px;padding:0 0 2px 8px;vertical-align:top}
.tree-subcs .onlineicon {background:url(../images/manage/icon.png) no-repeat 0 -702px;}
.tree-subcs .nonline {background:url(../images/manage/icon.png) no-repeat 0 -732px;}
.tree-subcs .busyline {background:url(../images/manage/icon.png) no-repeat 0 -798px;}
.tree-subcs .leaveline {background:url(../images/manage/icon.png) no-repeat 0 -765px;}
.openarr {display:inline-block;height:10px;background:url(../images/manage/icon.png) no-repeat 0 -630px;padding-left:14px;color:#333}
.closearr,.tree-subcs .closearr {background-position:2px -674px;width:auto;padding-left:14px}
.tree-subcs .noneicon {background:none}*/
/*.foter {display:inline-block;color:#333;}
.foter:hover {background-color:#c2dcf2;color:#333}
.foter:active {background-color:#c2dcf2;}
.foteron {background-color:#c2dcf2;}
.foteron:hover {background-color:#c2dcf2;}*/
/*.tree-subnavcs a {display:inline-block;color:#333;padding-left:3px;}
.tree-subnavcs a:hover ,.tree-subcs .tree-subcs a:hover {background-color:#c2dcf2;color:#333}
.tree-subnavcs a:active,.tree-subcs .tree-subcs a:active {background-color:#c2dcf2;}*/
/*.opencs:hover,.closecs:hover  {color:#333}*/
.timelytxt {
  position: absolute;
  left: 0;
  bottom: 134px;
  background: #fffcd9;
  width: 100%;
  z-index: 100; }

.timelytxt p {
  padding: 5px; }

.browseSpan {
  font-family: inherit !important;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
  display: inline-block;
  zoom: 1;
  cursor: pointer;
  overflow: hidden;
  vertical-align: middle; }

.browseBtn {
  vertical-align: baseline !important;
  margin: 0 !important;
  width: 70px;
  height: 22px;
  border: 0px; }

.browseInput {
  position: absolute;
  opacity: 0;
  right: 0;
  top: 0;
  cursor: pointer; }

/*.grayed {color:#99adbf;cursor:default;}
.grayed:hover {background:none;color:#99adbf;background:url(../images/manage/btn.png) no-repeat 0 -615px;}*/
.facegrey,
.facegrey:hover {
  background-position: 0 -154px;
  cursor: default; }

/*.cslist-shift {border:1px solid #ced4d9;height:326px;margin-bottom:10px}*/
/*.cslist-shift .tree-subnavcs a {width:342px}*/
/*.autoshift {height:117px}*/
/*.loading-cen {text-align:center;padding:30px 15px}*/
/*.divert {padding:20px 0 0 20px;text-align:center;}
.divert span,.divert select {float:left;margin-right:5px}
.divert select {width:170px;height:22px;}
.diverttext {width:228px;height:70px;margin:0 0 3px 0;border:1px solid #ccc;padding:2px}*/
/*.bacth-shift {float:right;margin-left:10px}*/
/*.w350 {width:350px}
.w210 {width:210px}*/
/*.warntipec {color:#333;margin-right:10px}
.autobtn {display:inline-block;padding-right:10px;background:url(../images/manage/btn.png) no-repeat scroll right -678px;height:22px;line-height:22px;margin-left:30px}
.autobtn span {display:inline-block;padding-left:10px;background:url(../images/manage/btn.png) no-repeat scroll left -678px;height:22px;}*/
/*.h24 {height:24px}
.mr30 {margin-right:30px}
.mt0 {margin-top:0}*/
.posr {
  position: relative; }

/*.placeholder-re {color:#333;width:407px}
.placeholder-re a {color:#006dcc;text-decoration:underline}*/
.fo {
  float: none; }

.autoreset {
  position: static;
  border: 0 none;
  box-shadow: 0 0 0 #fff; }

.autoreset h3 {
  padding: 5px 0; }

.login-item .cues {
  float: none;
  width: auto;
  text-align: left;
  clear: both;
  padding-bottom: 4px;
  display: block; }

.cues strong {
  font-weight: bold; }

.cues span {
  color: #999; }

.cuess span {
  color: #999 !important; }

.w402 {
  width: 402px;
  height: 48px; }

.en {
  margin-left: 10px; }

.fos {
  float: none;
  height: 44px;
  margin-bottom: 10px; }

.cueitem .login-entry {
  padding: 5px 48px; }

.login-item .cuef {
  width: auto;
  text-align: left; }

.nickname {
  margin: -12px 0 0 7px; }

.nickname a {
  color: #006dcc;
  text-decoration: underline;
  margin-right: 20px; }

.cueplus {
  margin: -5px 15px 0 0; }

.w93 {
  width: 93px; }

.chat-col .cus-exitbtn {
  margin: 15px 10px 0 0; }

.nicktor {
  margin-top: 5px; }

.grayoutbtn {
  background-position: 0 -713px;
  color: #999;
  cursor: default; }

.diapage {
  width: auto;
  border: none; }

.diapage-inner {
  width: 318px;
  margin: 0 auto; }

.centermar {
  margin: 260px auto; }

.centermar-suspend {
  margin: 160px auto; }

.cstip .nosearchs {
  background: none;
  padding: 3px 0;
  text-align: center; }

.cstip .nosearchs:hover {
  background: #fff;
  cursor: default; }

.role-list {
  padding: 18px 35px; }

.role-list li {
  float: left;
  margin-right: 50px; }

.role-list label {
  margin-left: 5px; }

.rolecheck {
  width: 680px; }

.rolecheck p {
  float: left;
  width: 145px;
  margin: 5px 22px 5px 0; }

.rolecheck label {
  margin-left: 8px; }

.loginbtnag {
  width: 80px;
  height: 26px;
  background-position: 0 -748px;
  border: 0 none;
  font-size: 12px;
  cursor: pointer;
  line-height: 26px;
  margin: 20px 0 0 0;
  outline: none;
  font-family: simsun; }

.loginbtnag:hover {
  background-position: 0 -748px; }

.rolentry {
  padding: 7px 25px; }

.roletable td {
  padding: 10px; }

.mar15 {
  margin-right: 15px;
  margin-top: 10px; }

.mar20 {
  margin-right: 15px;
  margin-top: 20px; }

.marspace {
  margin-top: -2px; }

.marnone {
  margin: 5px 0 0 10px; }

.btngrey,
.btngrey:hover {
  background-position: 0 -781px;
  color: #888;
  cursor: default; }

.marginone {
  margin: 0; }

.w250 {
  width: 250px;
  margin-right: 20px; }

.w250 p {
  height: auto; }

.guestcoler p {
  padding-bottom: 10px; }

.divert .errorstip {
  text-align: left; }

.pos {
  position: relative; }

.posa {
  position: absolute;
  left: 20px;
  top: 20px;
  float: none; }

.forfront {
  float: none;
  position: relative;
  left: 390px; }

.padredo {
  padding-bottom: 5px; }

.paderss {
  margin-bottom: 18px;
  border: 1px solid #C5E6B8; }

.pathtip {
  background-color: #FFF2F2;
  color: #E64D00;
  font-weight: bold;
  padding: 7px 12px;
  border: 1px solid #FFCCCC;
  margin-bottom: 18px; }

.blockcol {
  display: block; }

.widsetting {
  float: left;
  width: 428px; }

.w260 {
  width: 260px; }

.flie {
  float: left;
  width: 135px;
  text-align: right;
  padding-top: 3px; }

.login-item .cuef strong {
  font-weight: bold; }

.padre {
  padding: 7px 30px; }

.w510 {
  width: 510px; }

.login-item .posr label {
  float: none;
  width: 407px;
  padding: 0;
  text-align: left; }

.login-item .plusman {
  text-align: left;
  width: auto; }

.plustime {
  margin-right: 30px; }

.client-again {
  width: 400px; }

.client-again span {
  float: left;
  width: 340px; }

.textplus {
  width: 402px;
  height: 148px;
  line-height: 18px; }

.textpluse {
  width: 402px;
  height: 78px;
  line-height: 18px;
  padding: 2px; }

.sendfailed {
  color: #a5a5a5; }

.comeinfo {
  background-color: #99cfff; }

.comebg {
  background-color: #fff9b6; }

.statusing span {
  float: left; }

.downicon {
  background: url(../images/manage/down.png) no-repeat;
  width: 19px;
  height: 19px;
  margin: 0 0 0 5px;
  cursor: pointer; }

.chat-table .th-background {
  height: 30px;
  line-height: 30px; }

/*.traigle-down {background-position:right -181px}
.traigle-down:active {background-position:right -203px;}
.traigle-up {background-position:right -273px;}
.traigle-up:active {background-position:right -294px;}*/
/*.fontlink {float:left;margin:2px 0 0 15px;color:#006dcc;}*/
/*访客评价*/
.deterpadredo {
  width: 278px; }

.deterpadredo label {
  width: 250px; }

.deterpadredo input {
  float: left;
  margin-top: 2px;
  *margin-top: -3px;
  *margin-left: -3px; }

/*.detablegrey {background-position:0 -851px;cursor:default;color:#999}
.detablegreys {background-position:-52px -877px;cursor:default;color:#999}*/
.erroreport {
  background: url(../images/manage/sign.png) no-repeat 0 0;
  padding: 12px 0 0 76px;
  height: 41px;
  font-size: 14px; }

.reporter {
  padding: 380px 100px 0;
  margin: 0 auto;
  width: 400px; }

.shoutip {
  background-color: #FFF2F2;
  color: #E64D00;
  font-weight: bold;
  padding: 7px 12px;
  border: 1px solid #FFCCCC; }

.btmno {
  border-bottom: none; }

.backswop {
  position: fixed;
  left: 42px;
  bottom: 60px;
  color: #006dcc;
  text-decoration: underline; }

.chatleft {
  left: 30px;
  top: 28px; }

.deliver {
  background: #edf4fa;
  bottom: 179px;
  _bottom: 180px; }

.deliverin {
  padding: 3px 0;
  height: 25px;
  position: absolute;
  background: #edf4fa;
  left: 0;
  top: 14px;
  z-index: 1;
  width: 100%;
  border-top: 1px solid #e6edf2; }

.deliverin div {
  padding: 2px 0 0 10px; }

.deliverin .loadgraph {
  float: left;
  width: 200px;
  margin: 2px 0 0 20px;
  height: 12px;
  border-color: #669ccc;
  padding: 0; }

.deliverin .loadprogress {
  height: 12px;
  background: #85c0f3; }

.deindex {
  z-index: 2; }

.skimover {
  width: 34%;
  border: 1px solid #bfbfbf;
  height: 20px;
  line-height: 20px;
  background: #ffffff; }

.glance {
  margin-left: 10px;
  width: 70px;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  background: url(../images/manage/btnre.png) no-repeat 0 0;
  text-align: center;
  cursor: pointer;
  border: none; }

.glance:hover {
  background: url(../images/manage/btnre.png) no-repeat 0 -22px; }

.glance:active {
  background: url(../images/manage/btnre.png) no-repeat 0 -44px; }

.glancegrey,
.glancegrey:hover {
  background: url(../images/manage/btnre.png) no-repeat 0 -66px;
  cursor: default;
  color: #BFBAB6; }

.sendsuc {
  color: #808080; }

.sendsuc a {
  margin-right: 10px; }

.ordered {
  color: #808080; }

.foreigntxt .acceptedgrey {
  color: #808080;
  cursor: default; }

.glancefile {
  width: 70px;
  margin: 0 0 0 10px;
  height: 22px;
  line-height: 22px;
  background: url(../images/manage/flashsbtn.png) no-repeat 0 0;
  text-align: center;
  border: none;
  cursor: pointer;
  font-family: simsun; }

/*  批量上传按钮 */
.h40 {
  height: 40px; }

.h97 {
  height: 97px; }

.visitor-adaptergrey,
.visitor-adaptergrey:hover {
  background-position: 0 -330px;
  cursor: default; }

.questionbox {
  background: #f7fbff;
  padding: 20px;
  height: 623px;
  overflow-y: auto;
  overflow-x: hidden; }

.questionlist {
  padding-top: 10px; }

.questionlist li {
  float: left;
  width: 40%;
  padding-bottom: 5px; }

.questionlist a,
.stop-visitor,
.chanel-stop-visitor {
  color: #006dcc;
  text-decoration: underline; }

.stop-visitor,
.chanel-stop-visitor {
  white-space: nowrap; }

.questionlist a:hover,
.stop-visitor:hover,
.chanel-stop-visitor:hover {
  text-decoration: none;
  cursor: pointer; }

.stop-visitor-ing,
.stop-visitor-ing:hover {
  color: #999;
  cursor: default;
  text-decoration: none;
  white-space: nowrap; }

.glancere {
  width: 70px;
  margin: 0 0 0 10px;
  height: 22px;
  line-height: 22px;
  background: url(../images/manage/flashsbtn-e.png) no-repeat 0 0;
  text-align: center;
  border: none;
  cursor: pointer;
  font-family: simsun; }

.interception {
  width: 166px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.login-item .color9 {
  cursor: default; }

.checknums {
  float: left; }

.padnone {
  padding-top: 0; }

.automa .entryon {
  padding-top: 7px; }

.login-lookres {
  float: left;
  width: 45%; }

.w341 {
  width: 341px; }

.batch-innerer .visitor-form .operating-area {
  float: none; }

.batch-innerer .visitor-form .marbtn {
  margin-top: 15px; }

.login-form .batchalltip .login-entry,
.batchalltip .login-entry {
  padding: 0;
  margin: 10px 0 0 0; }

.login-form .batchalltip label,
.batchalltip label {
  display: none; }

.batch-inner .login-form .login-errorall {
  width: 396px; }

.batch-inner .login-form .login-errorall p,
.batch-inner .login-errorall p {
  padding: 0 0 0 22px;
  border: none; }

.auto-answer .automa p {
  margin: 5px 0 4px; }

.expandwid {
  cursor: pointer; }

.paditem label {
  padding-top: 0; }

.btn-noeval {
  width: 68px;
  height: 24px;
  background-position: 0 -946px; }

.btn-noeval:hover {
  background-position: 0 -970px; }

.btn-noeval:active {
  background-position: 0 -994px; }

.btn-disable {
  width: 68px;
  height: 24px;
  cursor: default;
  background-position: 0 -1018px;
  color: #BFBAB6; }

.btn-disable:hover {
  background-position: 0 -1018px; }

.traigle-all {
  background: url(../images/manage/ticon.png) no-repeat right 11px;
  height: 23px;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
  padding: 0 11px 0 0;
  text-decoration: none;
  line-height: 33px; }

.traigle-all:hover {
  background-position: right -12px; }

.w165 {
  width: 165px; }

.loginagain {
  margin-top: 6px; }

.guestradio {
  margin-right: 5px; }

.guest-bothere {
  margin-bottom: 15px; }

.w225 {
  width: 225px; }

.w173 {
  width: 173px; }

.timecenter {
  text-align: center; }

.visitoragain {
  padding: 10px 30px; }

.client-entry span {
  float: left;
  padding-top: 3px;
  width: 157px; }

.client-again .client-entry span {
  float: left;
  width: 340px; }

.repairer {
  float: left;
  width: 120px;
  padding-top: 3px; }

.loginrepair {
  float: left;
  width: 400px;
  padding-top: 3px; }

.loginrepaire {
  float: left;
  width: 400px; }

.repaur {
  margin: 0; }

.lastbor {
  border-top: 2px solid #e6e6e6;
  margin: 20px 10px 0; }

.login-item .lastbor label {
  width: 90px; }

.w188 {
  width: 188px; }

.w309 {
  width: 309px; }

.dialogassess {
  background: none repeat scroll 0 0 #EBF6FF;
  border-top: 1px solid #CFEBFF;
  left: 0;
  padding: 3px 0;
  position: absolute;
  width: 100%;
  z-index: 1;
  bottom: -44px; }

.theme-forms {
  padding: 5px 10px; }

.themm-assess {
  width: 50%;
  margin-bottom: 10px; }

.themeselect {
  width: 80%;
  border: 1px solid #adc5d9;
  height: 22px; }

.themearea {
  width: 89%;
  border: 1px solid #adc5d9;
  height: 50px;
  padding: 2px 4px; }

.w38 {
  width: 38px;
  text-align: right; }

.martheme {
  margin-top: 10px; }

.martheme .glance {
  margin-right: 10px;
  margin-left: 0; }

.theme-forms .login-entry {
  padding: 0; }

.theme-forms .operating-area {
  float: none; }

.theme-forms .errorstip {
  margin: 2px 0 0 38px; }

.pad10 {
  padding: 0 10px; }

.fontselect {
  border: 1px solid #b3c2d9;
  background: #ffffff url(../images/manage/font-arrow.png) no-repeat right top;
  padding: 0 20px 0 5px;
  cursor: pointer;
  width: 133px;
  height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 103; }

.fontselect:hover {
  border-color: #33a0ff;
  background: #ffffff url(../images/manage/font-arrow2.png) no-repeat right top; }

.fontall {
  position: absolute;
  left: 0;
  top: 19px;
  width: 158px;
  height: 100px;
  border: 1px solid #b3c2d9;
  background: #ffffff;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 102; }

.fontall li {
  padding: 2px 5px;
  width: 131px;
  height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.fontall li:hover,
.fontall .fontoncolor {
  background: #d9edff;
  cursor: pointer; }

.fontall li:active {
  background-color: #60b4fe; }

.maright5 {
  margin-right: 5px; }

.maright12 {
  margin-right: 12px; }

.w30 {
  width: 30px; }

.w55 {
  width: 55px; }

.w55 li {
  width: 28px; }

.fontbold {
  width: 24px;
  height: 21px;
  background: url(../images/manage/font.png) no-repeat 0 0; }

.fontbold:hover {
  background-position: 0 -22px; }

.fontbold:active,
.fontboldon,
.fontboldon:hover {
  background-position: 0 -44px; }

/*  fontboldon 为B的点击状态与当前状态  */
.fontunderline {
  width: 24px;
  height: 21px;
  background: url(../images/manage/font.png) no-repeat 0 -66px; }

.fontunderline:hover {
  background-position: 0 -88px; }

.fontunderline:active,
.fontunderlineon,
.fontunderlineon:hover {
  background-position: 0 -110px; }

/*  fontunderlineon 为U的点击状态与当前状态  */
.fontitlic {
  width: 24px;
  height: 21px;
  background: url(../images/manage/font.png) no-repeat 0 -132px; }

.fontitlic:hover {
  background-position: 0 -154px; }

.fontitlic:active,
.fontitlicon,
.fontitlicon:hover {
  background-position: 0 -176px; }

/*  fontitlicon 为I的点击状态与当前状态  */
.fontcolor {
  width: 24px;
  height: 21px;
  background: url(../images/manage/font.png) no-repeat 0 -198px; }

.fontcolor:hover {
  background-position: 0 -220px; }

.fontcolor:active,
.fontcoloron,
.fontcoloron:hover {
  background-position: 0 -242px; }

/*  fontcoloron 为色调的点击状态与当前状态  */
.color-wrapzone {
  border: 1px solid #8ab8e6;
  width: 129px;
  height: 106px;
  position: absolute;
  left: 0;
  bottom: 27px;
  padding: 0 5px 10px 10px;
  _width: 131px; }

/*访客*/
.color-region {
  width: 129px;
  height: 106px;
  background-color: #ffffff;
  zoom: 1;
  _width: 131px; }

.color-region li {
  float: left;
  margin: 10px 5px 0 0;
  position: relative;
  width: 11px;
  height: 11px;
  display: inline;
  font-size: 0;
  line-height: 0; }

.color-region a {
  float: left;
  width: 10px;
  height: 10px;
  border: 1px solid #a6a6a6;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0; }

.color-region span {
  float: left;
  width: 10px;
  height: 10px;
  font-size: 0;
  line-height: 0;
  cursor: pointer; }

.color-region a:hover {
  border-color: #007ae6;
  width: 12px;
  height: 12px;
  left: -2px;
  top: -2px;
  padding: 1px; }

.color-region a:hover span {
  width: 12px;
  height: 12px; }

.color-region a:active,
.color-region a.currentcolor {
  border-color: #007ae6;
  width: 12px;
  height: 12px;
  left: -2px;
  top: -2px;
  padding: 1px; }

.color-region a:active span,
.color-region a.currentcolor span {
  width: 12px;
  height: 12px; }

/*.cusbuttons {width:210px;margin:20px auto 0;text-align:center;}
.cusbuttons  .cus-submit {margin:0 10px;display:inline;}*/
.zindex {
  z-index: 102; }

.colorbase1 {
  background-color: #000000; }

.colorbase2 {
  background-color: #993300; }

.colorbase3 {
  background-color: #333300; }

.colorbase4 {
  background-color: #003300; }

.colorbase5 {
  background-color: #003366; }

.colorbase6 {
  background-color: #000080; }

.colorbase7 {
  background-color: #333399; }

.colorbase8 {
  background-color: #333333; }

.colorbase9 {
  background-color: #800000; }

.colorbase10 {
  background-color: #ff6600; }

.colorbase11 {
  background-color: #808000; }

.colorbase12 {
  background-color: #008000; }

.colorbase13 {
  background-color: #008080; }

.colorbase14 {
  background-color: #0000ff; }

.colorbase15 {
  background-color: #666699; }

.colorbase16 {
  background-color: #808080; }

.colorbase17 {
  background-color: #ff0000; }

.colorbase18 {
  background-color: #ff9900; }

.colorbase19 {
  background-color: #99cc00; }

.colorbase20 {
  background-color: #339966; }

.colorbase21 {
  background-color: #33cccc; }

.colorbase22 {
  background-color: #3366ff; }

.colorbase23 {
  background-color: #800080; }

.colorbase24 {
  background-color: #999999; }

.colorbase25 {
  background-color: #ff00ff; }

.colorbase26 {
  background-color: #ffcc00; }

.colorbase27 {
  background-color: #ffff00; }

.colorbase28 {
  background-color: #01ffff; }

.colorbase29 {
  background-color: #18e0f3; }

.colorbase30 {
  background-color: #00ccff; }

.colorbase31 {
  background-color: #993366; }

.colorbase32 {
  background-color: #c0c0c0; }

.colorbase33 {
  background-color: #ff99cc; }

.colorbase34 {
  background-color: #ffcc99; }

.colorbase35 {
  background-color: #ffff99; }

.colorbase36 {
  background-color: #ccffcc; }

.colorbase37 {
  background-color: #ccffff; }

.colorbase38 {
  background-color: #99ccff; }

.colorbase39 {
  background-color: #cc99ff; }

.colorbase40 {
  background-color: #ffffff; }

.w550 {
  width: 550px; }

.w650 {
  width: 650px; }

.w672 {
  width: 672px; }

.w518 {
  width: 518px;
  padding: 10px 15px; }

.screentshot-title {
  padding-bottom: 10px; }

.screenshot-wrap {
  width: 518px;
  height: 388px;
  border: 1px solid #adbecc;
  overflow: scroll; }

.screenshot-zone {
  width: 501px;
  height: 371px;
  background-color: #ffffff;
  text-align: center;
  display: table-cell;
  vertical-align: middle; }

.screenshot-zone img {
  vertical-align: middle; }

.screenbtns {
  width: 518px;
  text-align: center;
  margin-top: 15px; }

.screenbtns .visitor-btn {
  float: none; }

.w290 {
  width: 290px; }

.w335 {
  width: 335px; }

/*  第三次迭代  */
.open-visitors {
  padding: 25px 0 0 25px; }

.open-visitors .open-label {
  margin-left: 10px; }

.legender {
  padding-top: 5px;
  color: #666666; }

.open-visitors .login-infotit {
  margin: 20px 0 10px;
  background-position: 90px 9px; }

.language-switch li {
  float: left;
  border: 1px solid #5ca5e6;
  background-color: #cee1f2;
  margin-right: 8px;
  padding: 1px 16px;
  cursor: pointer; }

.language-switch .onthis {
  border: 1px solid #5ca5e6;
  background-color: #5ca5e6;
  color: #ffffff; }

.open-visitors .welcomelan {
  background-position: 52px 9px; }

.w652 {
  width: 652px; }

.open-visitors .welcomelanre {
  background-position: 64px 9px; }

.infotitable {
  margin-right: 50px; }

.infotitable th,
.infotitable td {
  padding: 6px 0; }

.infotitable .center {
  text-align: center; }

.spacemar {
  margin: 10px 0 0 0;
  width: 528px; }

.infotitable .autocheck {
  margin-right: 6px; }

.autochecksubitem {
  margin-left: 25px; }

.spacemar .visitor-innerer {
  padding: 10px 10px 20px;
  width: 506px; }

.open-visitors .backposition {
  background-position: 125px 9px; }

.open-visitors .backposition .open-label {
  margin-left: 8px;
  font-weight: normal;
  color: #333333; }

.checkcol-input {
  margin-right: 6px; }

.w120 {
  width: 120px; }

.w620 {
  width: 620px; }

.w620 .checkcol {
  width: 120px; }

.recorden-mar {
  margin: 10px 20px 20px 0;
  width: 45%; }

.grayedzone,
.grayedzone .spacemar {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default; }

.open-visitorspad {
  padding-top: 0; }

.color80,
.foreigntxt .color80 {
  color: #808080;
  cursor: default; }

.color80 a {
  color: #808080; }

.color80 .resendmsg,
.color80 .resendmsg:hover {
  color: #006dcc; }

.color80 .color80,
.color80 .color80:hover {
  color: #808080; }

.padingtop30 {
  padding-top: 30px; }

.login-item .template-name {
  width: auto;
  text-align: left; }

.template-zone {
  width: 800px;
  margin: 30px 0 0 40px;
  border: 1px solid #475767; }

.height514 {
  height: 514px; }

/* .sidebar-hide 的 z-index 原来是101，开发截图控件提示框的时候调成了100，不知道会不会有样式问题 */
.sidebar-hide {
  width: 7px;
  height: 155px;
  position: absolute;
  right: 213px;
  _right: 212px;
  top: 50%;
  margin-top: -70px;
  background: url(../images/manage/btn.png) no-repeat 0 -1345px;
  cursor: pointer;
  z-index: 100; }

.sidebar-show {
  width: 7px;
  height: 155px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -70px;
  background: url(../images/manage/btn.png) no-repeat -113px -1345px;
  cursor: pointer;
  z-index: 101; }

.dialogue-prompt {
  border: 2px solid #ffffff;
  padding: 5px 7px;
  position: relative; }

.dialogue-prompt p {
  line-height: 24px; }

.dialogue-prompt-current {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e5eef6;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: pointer; }

.dialogue-prompter {
  position: absolute;
  left: 40%;
  top: 48%;
  text-align: center;
  background-color: #547b9e;
  color: #ffffff;
  width: 90px;
  height: 24px;
  line-height: 24px;
  cursor: pointer; }

.dialogue-prompt-click {
  border-color: #ff6767; }

/* 点击对话提示语选项的时候，对应部分加红框  */
.dialogue-info {
  padding: 30px 10px; }

.dialogue-banner {
  display: block;
  margin-top: 10px; }

.dialogue-prompt .dialogue-banner2 {
  display: block;
  margin-bottom: 10px; }

.set-language {
  line-height: 50px;
  padding-left: 20px; }

.paddingres {
  padding: 10px 20px 5px; }

.addlogo {
  position: relative;
  width: 180px;
  height: 240px; }

.addlogo img {
  display: block;
  width: 180px;
  height: 240px; }

.addlink-top {
  border-top: 1px solid #ddebfa;
  margin-top: 14px;
  padding: 5px 0 0;
  width: 180px;
  /*height:80px;*/ }

.addlink {
  width: 180px;
  /*height:80px;*/
  position: relative; }

.addlink a {
  display: block;
  text-align: left;
  color: #006dcc;
  text-decoration: underline;
  line-height: 22px;
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.addlink a:hover {
  text-decoration: none; }

.addlink-click {
  border: 2px solid #ff6767;
  position: relative;
  left: -2px;
  top: -2px; }

.heightauto {
  height: auto; }

.addlogo-click {
  border: 2px solid #ff6767;
  position: relative;
  left: -2px;
  top: -2px; }

.addlink-current {
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 80px;
  background-color: #e5eef6;
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer; }

.addlink-zone {
  position: absolute;
  left: 33%;
  top: 35%;
  text-align: center;
  background-color: #547b9e;
  color: #ffffff;
  width: 65px;
  height: 24px;
  line-height: 24px;
  cursor: pointer; }

.w220 {
  width: 220px; }

.add-prompt-current {
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 240px;
  background-color: #e5eef6;
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer; }

.add-prompter {
  position: absolute;
  left: 33%;
  top: 45%;
  text-align: center;
  background-color: #547b9e;
  color: #ffffff;
  width: 65px;
  height: 24px;
  line-height: 24px;
  cursor: pointer; }

.operating-zone {
  width: 800px;
  border: 1px solid #dae0e6;
  background-color: #f2f6fa;
  margin: 20px 0 0 40px; }

.scheme {
  width: 800px;
  height: 49px;
  border-bottom: 1px solid #dae0e6; }

.scheme li {
  float: left;
  width: 133.3px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font: normal 18px/50px \5FAE\8F6F\96C5\9ED1;
  cursor: pointer;
  color: #4c7599; }

.scheme .currentitem {
  background: url(../images/add/current.png) no-repeat -12px;
  color: #ffffff;
  height: 50px; }

.business-columns {
  padding: 15px 30px; }

.w158 {
  width: 158px; }

.login-item .open-label-res {
  float: none;
  width: auto;
  color: #333333; }

.business-columns-title {
  color: #999999;
  padding-bottom: 10px; }

.business-columns-title strong {
  color: #4c7599;
  font-weight: bold;
  margin-right: 3px; }

.business-columns-title input {
  margin: 0 6px 0 20px; }

.business-columns-title label {
  color: #333; }

.recorden-mar-zone {
  margin: 15px 20px 20px 40px;
  width: 742px; }

.colorblock {
  padding: 45px 0 45px 25px; }

.colorblock li {
  float: left;
  margin-right: 10px;
  padding: 3px;
  border: 2px solid #F2F6FA;
  font-size: 0;
  line-height: 0;
  cursor: pointer; }

.colorblock span {
  float: left;
  width: 30px;
  height: 30px;
  background: #73b0e6;
  font-size: 0;
  line-height: 0; }

.colorblock li:hover,
.colorblock .coloronthis {
  border-color: #4c7599; }

.colorblock .coloronhover,
.colorblock .coloronhover:hover {
  border-color: #f2f6fa; }

.colorblock .color39 {
  background: #398fe5; }

.colorblock .color00 {
  background: #00a1ec; }

.colorblock .colore6 {
  background: #e64545; }

.colorblock .colorf1 {
  background: #f15228; }

.colorblock .colorff8 {
  background: #ff8466; }

.colorblock .colorff {
  background: #ff7800; }

.colorblock .colorf5 {
  background: #f5ab00; }

.colorblock .colorff0 {
  background: #fff000; }

.colorblock .color09 {
  background: #009f95; }

.colorblock .color90 {
  background: #90c41f; }

.colorblock .color87 {
  background: #8757a0; }

.colorblock .colorf6 {
  background: #ff66b8; }

.colorblock .colora6 {
  background: #a6a6a6; }

.skin-type-div {
  margin: 5px 20px 0 25px; }
  .skin-type-div .operating-area {
    margin-top: 3px; }

.lef5 {
  padding-left: 5px; }

.w120 {
  width: 120px; }

.pointzone {
  padding: 30px 0 10px 30px; }

.point-title {
  font-weight: bold;
  color: #4c7599;
  margin-right: 10px;
  padding-top: 2px; }

.pointer-area {
  padding: 15px 0;
  overflow: hidden;
  margin-right: -50px; }

.pointer-area em {
  font-family: simsun;
  color: #f00; }

.pointer-area .cues {
  display: block;
  padding-bottom: 6px; }

.pointer-area .cues strong {
  font-weight: normal; }

.w356 {
  width: 356px;
  margin-right: 35px; }

.w350 {
  width: 350px; }

.w300 {
  width: 300px; }

.textlinks {
  padding: 20px; }

.mostfor {
  font-weight: normal;
  color: #999999;
  margin-left: 10px;
  line-height: 22px; }

.textlink-pad {
  padding: 10px 0;
  margin-right: 15px; }

.textlink-pad label {
  display: inline-block;
  padding-top: 3px; }

.w294 {
  width: 294px; }

.textlink-btn {
  float: none;
  margin-left: 0;
  margin-top: 8px; }

.w400 {
  width: 400px; }

.textlink-btner {
  float: none;
  margin-left: 30px;
  margin-top: 0; }

.marginspace {
  margin-right: 90px; }

.padtop10 {
  padding-top: 10px; }

.visitor-headertit {
  width: 800px;
  background-color: #73b0e6;
  border-bottom: 1px solid #73b0e6;
  height: 33px;
  line-height: 33px; }

.cus-content .visitor-headertit-click {
  border-bottom: none;
  border: 2px solid #ff6767;
  height: 29px;
  line-height: 29px;
  width: 796px; }

.headertit-current {
  position: absolute;
  left: -2px;
  top: -2px;
  border: 2px solid #ff6767;
  width: 796px;
  height: 29px;
  background-color: #e5eef6;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: pointer; }

.headertiter {
  position: absolute;
  left: 45%;
  top: 2px;
  text-align: center;
  background-color: #547b9e;
  color: #ffffff;
  width: 70px;
  height: 24px;
  line-height: 24px;
  cursor: pointer; }

.visitor-headertit p {
  padding-left: 10px; }

.chat-table-check a {
  color: #006dcc;
  margin-right: 16px;
  text-decoration: underline; }

.chat-table-check a:hover {
  text-decoration: none; }

.chat-table-check th {
  padding: 7px 9px; }

.adjust-position {
  position: relative;
  z-index: 102;
  height: 28px; }

.dialogassess-res {
  background: none repeat scroll 0 0 #edf4fa;
  border-top: 1px solid #e6edf2;
  left: 0;
  padding: 3px 0;
  position: absolute;
  width: 100%;
  z-index: 1; }

.hauto {
  height: auto; }

.uploadzone {
  width: 510px;
  border: 2px solid #acbfd0;
  margin: 100px auto;
  box-shadow: 2px 2px 2px #c7c7c7;
  padding: 10px 20px 20px;
  background: #fff; }

.uploadzone h2 {
  font-weight: bold;
  position: relative;
  padding-bottom: 10px; }

.autoclose-res {
  right: 0;
  top: 2px; }

.upload-img {
  width: 506px;
  height: 378px;
  border: 2px solid #acbfd0;
  background-color: #f2f2f2;
  text-align: center;
  display: table-cell;
  vertical-align: middle; }

.upload-img img {
  vertical-align: middle;
  max-width: 506px;
  max-height: 378px; }

.marbtn20 {
  margin-top: 20px; }

.padright {
  padding-right: 2px; }

.w200 {
  width: 200px; }

.independent {
  width: 802px;
  border: 2px solid #acbfd0;
  margin: 100px auto;
  box-shadow: 2px 2px 2px #c7c7c7;
  position: relative; }

.independent .template-zone {
  margin: 0; }

.autoclose-reser {
  right: 0;
  top: 0;
  z-index: 1000; }

.padlerino {
  padding-left: 0;
  padding-right: 0; }

.padlerinoer {
  padding-left: 40px; }

.addpad10 {
  padding-top: 10px; }

.addpicture {
  width: 180px;
  height: 290px;
  margin-top: 10px;
  position: relative; }

.addpicture-click {
  position: relative;
  left: -2px;
  top: -2px;
  border: 2px solid #ff6767; }

.addpicture-current {
  position: absolute;
  left: 0;
  top: 0;
  width: 180px;
  height: 290px;
  background-color: #e5eef6;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: pointer; }

.addpicture-zone {
  position: absolute;
  left: 33%;
  top: 45%;
  text-align: center;
  background-color: #547b9e;
  color: #ffffff;
  width: 65px;
  height: 24px;
  line-height: 24px;
  cursor: pointer; }

.addpicture img {
  margin-bottom: 8px; }

/* 产品推荐 */
.addProductRecommend {
  width: 240px;
  height: 426px;
  margin-top: 10px;
  position: relative; }

.addProductRecommend-iframe {
  width: 100%;
  height: 100%;
  border: 0; }

.addProductRecommend-click {
  position: relative;
  left: -2px;
  top: -2px;
  border: 2px solid #ff6767; }

.addProductRecommend-current {
  position: absolute;
  left: 0;
  top: 0;
  width: 240px;
  height: 426px;
  background-color: #e5eef6;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: pointer; }

.addProductRecommend-zone {
  position: absolute;
  left: 33%;
  top: 45%;
  text-align: center;
  background-color: #547b9e;
  color: #ffffff;
  width: 65px;
  height: 24px;
  line-height: 24px;
  cursor: pointer; }

.productRecommendForbid {
  color: #e64d00;
  background: url(../images/manage/self-ico.png) no-repeat left 3px;
  font-size: 12px;
  font-weight: normal;
  padding: 0 0 0 18px;
  margin-bottom: 5px; }

.spacemar-re {
  margin: 10px 0; }

.visitor-innerer .login-errorall {
  width: 400px; }

.visitor-innerer-e .login-form .login-errorall,
.visitor-innerer-e .login-errorall {
  width: 438px; }

.checkzones .checkcol {
  width: 158px; }

.height22 {
  height: 22px; }

.strunzone-col {
  clear: both;
  width: 100%;
  padding-top: 10px; }

.nicknamer {
  margin-left: 7px;
  text-decoration: underline;
  color: #006dcc; }

.upload-btns {
  float: right;
  width: 68px;
  height: 24px;
  background: url(../images/manage/upload.png) no-repeat 0 0;
  cursor: pointer;
  margin-left: 10px;
  font-family: simsun; }

.upload-btns:hover {
  background-position: 0 -24px; }

.upload-btns:active {
  background-position: 0 -48px; }

.upload-btnsgrey,
.upload-btnsgrey:hover {
  background-position: 0 -72px;
  cursor: default; }

.upload-btns-new {
  float: right;
  width: 68px;
  height: 24px;
  cursor: pointer;
  margin-left: 10px;
  font-family: simsun; }

.plus-diare {
  width: 113px;
  padding-left: 8px; }

.plus-diare:hover {
  background-position: 0 -1108px; }

.visitor-font {
  width: 27px;
  background: url(../images/manage/iconag.png) no-repeat 0 0;
  margin-right: 12px; }

.visitor-font:hover {
  width: 27px;
  background: url(../images/manage/iconag.png) no-repeat 0 -22px; }

.visitor-font:active {
  background: url(../images/manage/iconag.png) no-repeat 0 -44px; }

.visitor-fonton {
  background-position: 0 -44px; }

.visitor-fontgrey,
.visitor-fontgrey:hover {
  width: 27px;
  background: url(../images/manage/iconag.png) no-repeat 0 -66px;
  cursor: default; }

.w284 {
  width: 284px; }

.w278 {
  width: 278px; }

.addlink-topre {
  padding-top: 10px; }

.clearboth-zone {
  padding: 10px 30px; }

.clearboth {
  clear: both;
  margin-bottom: 20px; }

.entermargin {
  margin-left: 12px; }

.open-visitors .login-infotiter {
  background-position: 60px 9px; }

.iconszone {
  width: 840px;
  height: 200px;
  border: 1px solid #bfbfbf;
  clear: both;
  margin-top: 20px;
  padding: 13px;
  overflow-x: hidden;
  overflow-y: auto; }

/*213*/
.greyfonts {
  color: #b3b3b3;
  cursor: default;
  margin-right: 10px; }

.lerimargins {
  width: 66px;
  height: 20px;
  border: 1px solid #cccccc; }

.preview-zone {
  margin-right: 100px; }

.preview-zone p {
  padding-bottom: 10px; }

.choose-cates {
  padding: 12px 0 10px; }

.operatearea {
  width: 267px;
  height: 198px;
  border: 1px solid #cccccc;
  overflow-x: hidden;
  overflow-y: auto; }

.spacezones {
  margin-right: 34px; }

.spacezones-zone {
  padding-top: 72px;
  width: 68px;
  margin-right: 34px; }

.btn-noevalme {
  width: 68px;
  height: 24px;
  background: url(../images/manage/btn.png) no-repeat 0 -946px;
  border: 0 none;
  margin-bottom: 14px;
  cursor: pointer; }

.btn-noevalme:hover {
  background-position: 0 -970px; }

.btn-noevalme:active {
  background-position: 0 -994px; }

.btn-noevaldisable,
.btn-noevaldisable:hover {
  width: 68px;
  height: 24px;
  cursor: default;
  background-position: 0 -1018px;
  color: #BFBAB6; }

.onlinetalk-list {
  margin-right: -20px; }

.onlinetalks {
  width: 110px;
  height: 200px;
  margin-right: 9px;
  margin-bottom: 13px;
  cursor: pointer;
  position: relative; }

.onlinetalks div {
  position: absolute;
  width: 108px;
  height: 198px;
  border: 1px solid #e6e6e6;
  background-color: #f7f7f7;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  position: static; }

.onlinetalks img {
  max-width: 108px;
  max-height: 198px;
  vertical-align: middle;
  position: static; }

.onlinetalks:hover div,
.online-current div {
  border: 2px solid #478ecc;
  left: -2px; }

.preview-zoner {
  padding: 30px 50px; }

.w694 {
  width: 694px;
  height: 193px; }

.onlinetalks-re {
  width: 90px;
  height: 90px; }

.onlinetalks-re div {
  width: 88px;
  height: 88px;
  border: 1px solid #e6e6e6;
  background-color: #f7f7f7;
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  position: static; }

.onlinetalks-re div img {
  vertical-align: middle;
  position: static;
  max-width: 88px;
  max-height: 88px; }

.onlinetalks-re:hover div,
.online-current div {
  border: 2px solid #478ecc;
  left: -2px; }

.btn-noevalmeto {
  margin-bottom: 0;
  text-align: center;
  line-height: 24px; }

.custom-mar {
  margin-bottom: 20px; }

.chat-subtable-re {
  height: 250px;
  overflow-x: hidden;
  overflow-y: auto; }

.chat-subtable-re tr:hover,
.chat-subtable-re tr:active {
  background: #e7e7e7;
  cursor: pointer; }

.chat-subtable-re tr.tablecurrent {
  background: #cbe9fe;
  cursor: pointer; }

.currently-selected {
  margin-left: 20px; }

.currently-zone {
  width: 425px;
  margin-right: 120px; }

.currently-zone p {
  line-height: 24px;
  padding-bottom: 3px; }

.currently-zone textarea {
  width: 415px;
  height: 215px;
  border: 1px solid #cdcdcd;
  margin-bottom: 15px;
  padding: 3px; }

.maright30 {
  margin-right: 30px; }

.currently-zone .preview-tit {
  padding-bottom: 20px; }

.cues .prompt-settingser {
  color: #333; }

.profesion-list a {
  display: block;
  padding: 4px 5px 4px; }

.profesion-list a:hover {
  background: #e7e7e7;
  color: #333; }

.profesion-list .onthiser {
  background: #60a9f4;
  color: #fff; }

.questionbox-re {
  background: #fff;
  height: 300px; }

.questionbox-re li {
  margin-right: 50px; }

.template-zone-re {
  margin: 0 0 20px 0; }

.cueitem-re .cues {
  float: left;
  margin-right: 10px;
  padding-top: 1px; }

.cueitem-re .login-entry {
  padding: 5px 40px; }

.cueitem-re .cues .prompt-settingser {
  color: #4c7599;
  font-weight: bold; }

.marbtm12 {
  margin-bottom: 12px; }

.login-item .colorbk {
  color: #000000; }

.draglister {
  margin-top: 20px; }

.draglister li {
  float: left; }

.draglister a {
  float: left;
  padding: 2px 10px;
  background: #dae7f2;
  margin: 0 19px 14px 0;
  color: #006dcc;
  border: 1px solid #dae7f2; }

.draglister a:hover,
.draglister .draglist-on {
  border-color: #7aa6cc; }

.setcol {
  width: 100px; }

.questionbox-re .draglister li {
  margin-right: 0; }

.kefuwrap {
  width: 100%;
  height: auto;
  background: url(../images/icon/preview/focustech-0.png) repeat-x; }

.app-top {
  width: 100%;
  height: 405px;
  background: url(../images/icon/preview/focustech-1.png) no-repeat center top; }

.app-main {
  width: 100%;
  height: 297px;
  background: url(../images/icon/preview/focustech-2.png) no-repeat center top;
  margin: 82px 0; }

.app-footer {
  width: 100%;
  height: 46px;
  background: #a3b9cc; }

.app-footer-inner {
  width: 100%;
  height: 46px;
  background: url(../images/icon/preview/focustech-3.png) no-repeat center top; }

.app-main-se {
  width: 832px;
  margin: 100px auto;
  text-align: center; }

.app-main-se .app-floatingicon-set {
  text-align: center;
  background: none;
  margin: 0 auto;
  width: auto; }

.app-setingbtn {
  background: #ff3c00;
  border-radius: 14px;
  padding: 5px;
  width: 100px;
  color: #fff;
  text-align: center;
  margin: 58px auto 0; }

.upload-btns-repair {
  float: none; }

.side-list .expendarr {
  background: url(../images/data/ex.png) no-repeat left 9px;
  padding-left: 15px; }

.side-list .stoparr {
  background: url(../images/data/ri.png) no-repeat left 9px;
  padding-left: 15px; }

.side-list ul a {
  padding-left: 0; }

.ml10 {
  margin-left: 15px;
  margin-top: 3px;
  margin-bottom: 30px; }

.binding-cate {
  padding: 7px 58px; }

.mt10 {
  margin-top: 10px; }

.ml21 {
  margin-left: 21px; }

.custom-select {
  height: 22px;
  width: 260px; }

.w190 {
  width: 190px !important; }

.mart36 {
  margin-top: 36px; }

.client-entry .padt6 {
  padding-top: 6px; }

.maredo {
  margin: 0 0 0 30px; }

.display-pad {
  display: inline-block;
  padding-top: 3px; }

.display-mar {
  display: inline-block;
  margin-top: 3px; }

.w139 {
  width: 139px; }

.borderc {
  border: 1px solid #cccccc; }

.marr15 {
  margin-right: 15px; }

.login-select2 option {
  width: 190px; }

.mart39 {
  margin-top: 39px; }

.w656 {
  width: 656px; }

.data-select {
  border: 1px solid #cccccc;
  padding: 2px 5px;
  width: 150px;
  margin-right: 15px; }

.data-select-zone {
  padding: 0;
  background: #fff url(../images/data/select.png) no-repeat right top;
  padding: 2px 0 2px 5px;
  width: 200px; }

.data-tables-son .padtb20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.tree-data-redo {
  position: absolute;
  height: 110px;
  overflow-y: auto;
  background: #fff;
  width: 185px;
  overflow-x: hidden;
  left: -1px;
  top: 22px;
  border: 1px solid #ccc; }

.tree-data-redo .tree-zare {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 175px; }

.w168 {
  width: 168px; }

.w153 {
  width: 153px; }

.w142 {
  width: 142px; }

.w127 {
  width: 127px; }

.tree-data-redo .w117 {
  width: 117px; }

.chat-lister input {
  margin-right: 4px; }

.w70 {
  width: 70px; }

.chat-table-check .chat-lister a {
  text-decoration: none; }

.service-pending {
  margin-top: -15px;
  font-weight: bold;
  padding-left: 15px; }

.batch-pend {
  width: 230px;
  padding: 20px 0 0; }

.pend-padd {
  padding: 0 20px 10px; }

.w232 {
  width: 232px; }

.web-txt {
  padding: 0;
  margin: 0; }

.web-txt td {
  padding: 7px 0; }

.member-informations h5 {
  padding: 20px 20px 10px;
  font-weight: bold;
  color: #4c7599; }

.bsot {
  margin: 0 4px; }

.guestcoler-space {
  padding: 10px 0 0 22px; }

.noposr {
  position: static; }

.height-fix {
  height: 32px; }

.login-btn:active {
  -ms-background-position-x: 1px;
  -ms-background-position-y: -47px; }

.service-page .page-btn:active {
  -ms-background-position-x: 1px;
  -ms-background-position-y: 1px; }

.cus-submit:active {
  -ms-background-position-x: 1px;
  -ms-background-position-y: -115px; }

.cus-submit-nolink:active {
  -ms-background-position-x: 1px;
  -ms-background-position-y: -145px; }

.loginbtnag:active {
  -ms-background-position-x: 1px;
  -ms-background-position-y: -747px; }

.lang-new:active {
  -ms-background-position-x: 1px;
  -ms-background-position-y: -145px; }

.visitor-btn:active {
  -ms-background-position-x: 1px;
  -ms-background-position-y: -497px; }

.btngrey:active {
  -ms-background-position-x: 1px;
  -ms-background-position-y: -780px; }

.visitor-btn:active {
  -ms-background-position-x: 1px;
  -ms-background-position-y: -497px; }

.btn-noeval:active {
  -ms-background-position-x: 1px;
  -ms-background-position-y: -189px; }

.btndisbale:active {
  -ms-background-position-x: -48px;
  -ms-background-position-y: -497px; }

/***提示语****/
/*
.cue-words{
  padding:5px 12px;
  line-height:34px;
  background:#fff9e5;
  border:1px solid #edd78e;
  -webkit-border-radius: 2px;
  display:inline;

}*/
/***内嵌满意度****/
.satisfaction {
  position: relative;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #f2f4f7;
  bottom: 0;
  border-top: 1px solid #e3e7ec; }

.satisfaction-grid {
  margin-left: 15px; }

/*.notsatisfact{
	position:absolute;
	top:0;
	left:0;}*/
.satisfaction-grid:before,
.grid:after {
  content: "";
  display: table; }

.cf:before,
.cf:after {
  content: "";
  display: table; }

.cf:after {
  clear: both; }

.satisfaction p {
  margin: 16px 0 13px; }

.radio-list {
  margin-bottom: 22px;
  zoom: 1; }

.checkbox-list {
  margin-bottom: 6px;
  zoom: 1;
  max-width: 578px;
  /*_width:600px;*/ }

.radio-list li,
.checkbox-list li {
  float: left;
  *white-space: nowrap; }

.radio-list li {
  padding-bottom: 5px; }

.long-li {
  width: 270px; }

.radio-list-labelen {
  margin: 0 18px 0 6px; }

.radio-list-labelcn {
  margin: 0 40px 0 6px;
  display: inline; }

.checkbox-list-labelen {
  margin: 0 0 0 6px; }

.checkbox-list-labelcn {
  margin: 0 15px 0 6px;
  *margin: 0 5px 0 6px; }

.checkbox-list li {
  padding-bottom: 15px;
  padding-right: 20px;
  white-space: nowrap; }

.evaluate {
  position: relative;
  padding-bottom: 20px; }

.evaluate input {
  border: 1px solid #cccccc;
  width: 51%;
  _width: 290px;
  padding-left: 5px;
  height: 20px;
  _margin-right: 10px; }

/*213*/
/*214*/
.evaluate button {
  margin-left: 9px;
  _margin: 0 10px 0 0; }

.evaluate-error {
  position: absolute;
  bottom: 1px;
  left: 0;
  font-size: 12px;
  color: #f00;
  background: url(../images/manage/self-ico.png) no-repeat left 3px;
  padding-left: 18px;
  white-space: nowrap; }

/***弹出满意度****/
.batch1 {
  width: 373px;
  border: 1px solid #475767;
  position: relative; }

.batch-innerer1 {
  padding: 25px 20px;
  width: 331px; }

.batch-innerer1 p {
  border-bottom: none;
  padding: 15px 0 5px; }

.batch-innerer1 textarea {
  width: 323px;
  border: 1px solid #adbecc;
  height: 53px;
  background-color: #fff;
  margin-bottom: 5px;
  padding: 3px;
  overflow-x: hidden;
  overflow-y: auto; }

.marbtn1 {
  margin-top: 12px; }

.deterpadre1 label {
  display: inline-block;
  margin: 0 0 3px 4px;
  cursor: pointer; }

.deterpadre1 input {
  float: left;
  margin-top: 2px;
  *margin-top: -3px; }

.deterpadre1 label {
  cursor: pointer;
  float: left;
  margin-bottom: 5px;
  margin-left: 5px;
  display: inline; }

.deterpadre1 {
  width: 300px; }

.font-arial {
  font-family: Arial; }

.visitor-satis {
  float: left;
  width: 27px;
  height: 22px;
  margin-right: 12px;
  background: url(../images/manage/iconag.png) no-repeat 0 -440px; }

.visitor-satis:hover {
  background-position: 0 -462px; }

.visitor-satison,
.visitor-satis:active {
  background-position: 0 -484px; }

/*  被选中样式  */
.visitor-satisgrey,
.visitor-satisgrey:hover {
  background-position: 0 -506px;
  cursor: default; }

/*访客阻止，加入黑名单*/
/*
.stop-table th {
  border-top:0;
  padding:10px 0;
}
.stop-table th,.stop-table td{
  padding:10px 0;
  text-align:center;}
.stop-table td a{
  margin-right:10px;}*/
/*内嵌访客信息*/
.visitor-info {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #f2f4f7;
  border-top: 1px solid #e3e7ec;
  z-index: 100; }

.visitor-info-inner {
  padding: 15px 0 15px 5px; }

.visitor-info-inner p {
  padding: 0 10px 15px; }

.info-item {
  width: 352px;
  overflow: hidden;
  float: left;
  height: 48px;
  position: relative;
  z-index: 1; }

.info-item label {
  float: left;
  display: block;
  width: 65px;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  text-align: right; }

.info-item label em {
  font-family: simsun;
  color: #f00;
  margin-right: 5px; }

.info-item input,
.info-item select {
  padding: 0 5px;
  width: 250px;
  height: 30px;
  border: 1px solid #ccc;
  line-height: 20px; }

.info-item-tel input {
  float: left; }

.info-item .select-box {
  width: 170px;
  *width: 160px;
  float: left; }

.select-box select {
  padding-left: 0; }

.info-item select {
  height: 22px;
  width: 60px; }

.info-item .s-input {
  width: 35px;
  margin-right: 5px; }

.info-item .m-input {
  width: 143px; }

.info-item .errorstip {
  margin-left: 85px;
  z-index: 99; }

.visitor-info-btn {
  position: relative;
  margin-left: 73px;
  margin-top: 0px; }

/*213*/
.visitor-info-btn .glance {
  _height: 23px;
  _margin-top: -1px; }

.visitor-info-btn .visitor-info-error {
  left: 200px; }

.visitor-info-error {
  position: absolute;
  left: 10px;
  bottom: 6px;
  font-size: 12px;
  color: #f00;
  background: url(../images/manage/self-ico.png) no-repeat left 3px;
  padding-left: 18px;
  white-space: nowrap; }

/*内嵌访客信息EN*/
.visitor-en .info-item {
  width: 100%;
  /*min-height: 23px;
  height: auto !important;
  height: 40px;
  padding-bottom: 10px;
  _padding-bottom: 5px;*/ }

.visitor-en {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 330px;
  z-index: 99;
  position: relative; }

/*217*/
* html div.visitor-en {
  height: expression(this.scrollHeight>329?"330px":"auto"); }

/*217*/
.visitor-en .info-item label {
  width: 140px; }

.visitor-en .info-item .errorstip {
  width: 100%;
  margin-left: 140px; }

.visitor-en .info-item input,
.visitor-info-inner-en .info-item select {
  display: block;
  float: left;
  padding-left: 5px;
  width: 380px;
  height: 20px;
  border: 1px solid #ccc;
  line-height: 20px; }

/*217*/
.visitor-en .info-item select {
  width: 150px; }

.visitor-en .info-item .s-input {
  width: 88px; }

/*217*/
.visitor-en .info-item .m-input {
  width: 180px; }

/*217*/
.visitor-en .visitor-info-btn {
  float: right;
  margin-right: 17px;
  _margin-right: 9px; }

/*214*/
/*内嵌访客信息 suspend*/
.suspend {
  background: #ffffff;
  border-top: 0;
  /*213*/
  /*内嵌访客信息EN*/
  /*217*/
  /*217*/
  /*217*/
  /*217*/
  /*217*/
  /*214*/ }
  .suspend .visitor-info-inner {
    padding: 15px 0 15px 5px; }
  .suspend .visitor-info-inner p {
    padding: 0 10px 15px; }
  .suspend .info-item {
    width: 100%;
    overflow: hidden;
    float: left;
    height: 40px;
    position: relative;
    z-index: 1; }
  .suspend .info-item label {
    float: left;
    display: block;
    width: 65px;
    padding: 0 20px;
    height: 22px;
    line-height: 22px;
    text-align: left; }
  .suspend .info-item label em {
    font-family: simsun;
    color: #f00;
    margin-right: 5px; }
  .suspend .info-item input,
  .suspend .info-item select {
    float: left;
    padding-left: 5px;
    width: 170px;
    *width: 160px;
    height: 20px;
    border: 1px solid #ccc;
    line-height: 20px; }
  .suspend .info-item .select-box {
    width: 170px;
    *width: 160px;
    float: left; }
  .suspend .select-box select {
    padding-left: 0; }
  .suspend .info-item select {
    height: 22px;
    width: 60px; }
  .suspend .info-item .s-input {
    width: 35px;
    margin-right: 5px; }
  .suspend .info-item .m-input {
    width: 76px;
    *width: 66px; }
  .suspend .info-item .errorstip {
    margin-left: 20px;
    width: 160px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 99; }
  .suspend .visitor-info-btn {
    position: relative;
    margin-left: 15px;
    margin-top: 0px; }
  .suspend .visitor-info-btn .glance {
    _height: 23px;
    _margin-top: -1px; }
  .suspend .visitor-info-btn .visitor-info-error {
    left: 170px; }
  .suspend .visitor-info-error {
    position: absolute;
    left: 10px;
    bottom: 2px;
    font-size: 12px;
    color: #f00;
    background: url(../images/manage/self-ico.png) no-repeat left 3px;
    padding-left: 18px;
    white-space: nowrap; }
  .suspend .visitor-en .info-item {
    width: 100%;
    /*min-height: 23px;
    height: auto !important;
    height: 40px;
    padding-bottom: 10px;
    _padding-bottom: 5px;*/ }
  .suspend .visitor-en {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 370px;
    z-index: 99;
    position: relative; }
  .suspend * html div.visitor-en {
    height: expression(this.scrollHeight>369?"370px":"auto"); }
  .suspend .visitor-en .info-item {
    width: 100%;
    overflow: hidden;
    float: left;
    height: 60px;
    position: relative;
    z-index: 1; }
  .suspend .visitor-en .info-item label {
    width: 100%; }
  .suspend .visitor-en .info-item .errorstip {
    width: 90%;
    margin-left: 20px; }
  .suspend .visitor-en .info-item input,
  .suspend .visitor-info-inner-en .info-item select {
    display: block;
    float: left;
    padding-left: 5px;
    width: 250px;
    height: 20px;
    border: 1px solid #ccc;
    line-height: 20px;
    margin-left: 20px; }
  .suspend .visitor-en .info-item select {
    width: 150px;
    margin-left: 20px; }
  .suspend .visitor-en .info-item .s-input:nth-of-type(1) {
    margin-left: 20px; }
  .suspend .visitor-en .info-item .s-input {
    width: 88px;
    margin: 0 5px 0 0; }
  .suspend .visitor-en .info-item .m-input {
    width: 150px;
    margin: 0; }
  .suspend .visitor-en .visitor-info-btn {
    float: right;
    margin-right: 17px;
    _margin-right: 9px; }

/* 留言表单 */
.leave_message {
  padding: 0 10px;
  background: #f4f7fc;
  position: relative; }
  .leave_message .leave-message-close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../images/icon/common/close_16.png) no-repeat;
    cursor: pointer; }
  .leave_message p {
    padding-left: 20px;
    margin-bottom: 15px; }
  .leave_message .info-item-textarea {
    width: 100%;
    height: 88px; }
    .leave_message .info-item-textarea textarea {
      width: 591px;
      height: 50px;
      padding: 10px;
      border: 1px solid #ccc; }
  .leave_message .glance {
    width: 80px;
    height: 32px;
    line-height: 32px;
    background: #1C82FF;
    color: #fff;
    text-align: center;
    border-radius: 4px; }
    .leave_message .glance:hover {
      opacity: .9;
      background: #1C82FF; }
  .leave_message .btn-default {
    background: #fff;
    border: 1px solid #eee;
    color: #333; }
    .leave_message .btn-default:hover {
      background: #fff; }

.leave-alpha {
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  top: 0;
  left: 0; }

.virtual-service-alpha {
  position: absolute;
  width: 100%;
  height: 130px;
  left: 0;
  bottom: 0;
  z-index: 101; }

.leave-message-tips {
  position: fixed;
  left: 50%;
  top: 45%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  padding: 5px 10px;
  margin-left: -222px;
  display: none;
  z-index: 2; }

/*关闭提示*/
.close-tit {
  position: absolute;
  top: 5px;
  left: 15px;
  font-weight: bold; }

.batchw .batch-pd {
  padding: 45px 15px 10px; }

.c-btn-wrap {
  padding-top: 9px;
  border-top: 1px solid #fff; }

/*内嵌欢迎语快捷键*/
.welcome-k {
  background: #ebf6ff;
  border-top: 1px solid #cfebff;
  max-height: 111px;
  overflow-x: hidden;
  overflow-y: auto; }

p.welcome-key {
  height: 14px;
  margin-left: 11px;
  padding: 4px 0 4px 23px;
  background: url(../images/manage/file.png) no-repeat left;
  line-height: 14px;
  cursor: pointer; }

p.welcome-key-robot {
  padding-left: 0px;
  background: none; }

p.welcome-key-robot:hover {
  background: #cfebff; }

.welcome-key span {
  display: block;
  float: left; }

.welcome-key .welcome-words {
  width: 20%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.welcome-key-robot .welcome-words {
  width: 70%; }

.welcome-key .keys {
  width: 70%;
  margin-left: 37px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/*ocs- confirm*/
.batchww {
  width: 372px; }

.batchww .batch-pd {
  padding: 45px 15px 10px; }

.batchww .sure-tips {
  width: 251px;
  padding-left: 94px;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
  *display: block;
  *font-size: 83px;
  *font-family: Arial;
  *line-height: 24px;
  position: relative; }

.batchww .tips-ask {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  left: 20px;
  background: url(../images/manage/btn.png) no-repeat 0px -1257px; }

.batchww .tips-warning {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  left: 20px;
  background: url(../images/manage/btn.png) no-repeat 0px -1167px; }

.batchww .sure-tips span {
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  vertical-align: middle; }

.bitch-ie6-img-width {
  _display: block;
  _width: 300px;
  _overflow: hidden; }

.btn-a {
  padding-top: 0;
  line-height: 24px; }

.btn-a:hover {
  color: #333; }

.btn-a:active {
  -ms-background-position-x: 0px;
  -ms-background-position-y: -994px; }

.submit-failed {
  height: 22px;
  line-height: 22px;
  background: url(../images/manage/self-ico.png) no-repeat 0px 5px;
  padding-left: 18px;
  color: #e64d00; }

.visitor-lang {
  display: block;
  width: 45px;
  height: 22px;
  margin-right: 12px;
  background: url(../images/manage/iconag.png) no-repeat 0 -700px; }

.visitor-lang:hover,
.visitor-langon {
  background-position: 0 -722px; }

.visitor-lang-gray,
.visitor-lang-gray:hover {
  background-position: 0 -744px; }

.visitor-lang.visitor-lang-en {
  background-position: 0 -766px; }

.visitor-lang.visitor-lang-en:hover,
.visitor-langon.visitor-lang-en {
  background-position: 0 -788px; }

.visitor-lang-gray.visitor-lang-en,
.visitor-lang-gray.visitor-lang-en:hover {
  background-position: 0 -810px; }

/*访客语言*/
.langsub {
  position: absolute;
  border: 1px solid #5C7499;
  left: 246px;
  top: 25px;
  width: 98px;
  padding: 1px; }

/*访客*/
.chat-top-tip {
  position: relative;
  height: 30px;
  background: #f0f9ff;
  color: #465059;
  padding-left: 10px;
  font-size: 12px;
  line-height: 30px; }

.chat-top-tip a {
  color: #006DCC;
  text-decoration: underline; }

.chat-top-tip a:hover {
  color: #1792FF; }

.chat-top-tip .cn {
  display: inline-block;
  height: 30px;
  width: 54px;
  vertical-align: top;
  *vertical-align: middle;
  background: url(../images/manage/change-lang.gif) no-repeat;
  cursor: pointer;
  text-indent: -9999em; }

.chat-top-tip .cn:hover {
  background-position: 0 -30px; }

.chat-top-tip .chat-tip-close {
  position: absolute;
  right: 10px;
  top: 7px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/manage/btn.png) no-repeat -108px -73px;
  cursor: pointer; }

/*.w285 {
  width: 285px;
}

.h57 {
  height: 57px
}

.ml20 {
  margin-left: 20px;
}

.boss-ul {
  position: absolute;
  top: 23px;
  left: -1px;
  border: 1px solid #ccc;
  background: #fff;
  width: 152px;
  z-index: 9999;
  max-height: 190px;
  overflow-y: auto;
}

.boss-ul a:hover {
  background: #ddecf8;
}*/
/*.cover-wrap{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.3;
  z-index: 9999;
}

.cover-wrap .loading{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72px;
  height: 72px;
  margin: -36px 0 0 -36px;
  padding: 0;
  background: url(../images/manage/loading.gif) no-repeat;
  z-index: 10000;

}*/
/*.w235{
  width: 235px;
}

.w174{
  width: 174px;
}

.area-customer-informaction {
  float: right;
  width: 14.9%;
  background: #fff;
  border: 1px solid #aabdcf;
  border-left: 0;
}*/
/*.ocs-sound{
  margin-left: 0;
}

.audio-content {
  background: url("../images/manage/sound-wrap.png") no-repeat;
  height: 24px;
  width: 220px;
  line-height: 24px;
}

.audio-content span {
  display: inline-block;
  font-size: 0;
}*/
/*.audio-toggle{
  margin: 8px 0 0 14px;
  width: 8px;
  height: 8px;
  cursor: pointer;
}

.audio-stop {
  background-color: #459be6;
}

.audio-start{
  margin-left: 18px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #459be6;
}*/
/* 占用比例*/
/*
.audio-recent-wrap {
  position: relative;
  margin-left: 15px;
  margin-right: 10px;
  margin-bottom: 3px;
  height: 2px;
  width: 108px;
  background-color: #cdd9e2;
}

.audio-recent-wrap span{
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  background: #459be6;
}

.audio-content .audio-time {
  font-size: 12px;
}

.audio-loading, .audio-net-error{
  margin-left: 15px;
}*/
/* 与访客的对话记录，下拉框 */
/*
.lihover {
  background-color: #8DE;
}

.lihidden {
  display: none;
}

a.customer-or-user-message-view:visited {
  color: #551A8B;
}*/
/*访客端机器人*/
.robot-tips {
  color: #989494;
  font-size: 13px;
  display: inline-block;
  padding-right: 6px; }

.robot-msg-wrap {
  margin-top: 7px; }

.robot-select {
  padding-left: 16px;
  display: inline-block;
  cursor: pointer;
  color: #006dcc;
  font-size: 12px; }
  .robot-select:hover {
    color: #1792FF; }

.robot-sft {
  background: url("../images/manage/ai-eval-sft.png") no-repeat left;
  margin-right: 8px; }

.robot-not-sft {
  background: url("../images/manage/ai-eval-not-sft.png") no-repeat left; }

/* 访客faq */
#faqPushLi {
  position: relative; }

.faq-push-title-p {
  font-size: 18px;
  color: #000000; }

.faq-push-content-a {
  font-size: 14px;
  color: #006DCC;
  margin: 0 0 8px 12px; }

.faqPushDiv {
  margin-bottom: 10px;
  list-style-type: none; }

.faq-push-content-li {
  list-style-type: none; }

/* 气泡模式 */
.faq-push-bubble {
  border-radius: 5px;
  background-color: #f7f7f7;
  margin: 6px; }
  .faq-push-bubble .faqPushDiv {
    padding: 6px; }
  .faq-push-bubble .ocs-icon-question {
    background: url(../images/custom/icon-question.png) no-repeat center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
    background-size: contain; }
  .faq-push-bubble li {
    margin-left: 8px; }

/* 访客端截图控件提示框 */
.screen-capture-box {
  position: absolute;
  height: auto;
  left: 248px;
  bottom: 29px;
  border: 1px solid #5c98cc;
  background-color: #ffffff;
  padding: 18px 10px;
  z-index: 1000; }

.screen-capture-box-tip {
  background: #fff;
  width: 200px;
  font-family: Arial;
  font-size: 15px;
  font-weight: normal;
  z-index: 1000; }

.z-index-1000 {
  z-index: 1000; }

.chat-area-bd {
  font-size: 14px;
  color: #313131;
  /* 系统提示 */
  /* 头像尺寸 */
  /* 机器人 */
  /* 文件气泡 */
  /* 对话窗口的气泡 */
  /* 客服端气泡样式调整 */
  /* 客服端气泡样式调整 */ }
  .chat-area-bd a {
    color: #006DCC; }
  .chat-area-bd a:hover {
    color: #1792FF; }
  .chat-area-bd .msg-system {
    position: relative;
    margin: 10px auto;
    max-width: 65%;
    text-align: center;
    font-size: 12px;
    color: #999;
    clear: both; }
  .chat-area-bd .msg-system-trans {
    position: relative;
    cursor: pointer;
    margin: 10px 45px;
    max-width: 65%;
    font-size: 12px;
    color: #999;
    clear: both; }
  .chat-area-bd .msg-system-his {
    margin-top: 20px; }
    .chat-area-bd .msg-system-his .line {
      position: absolute;
      top: 8px;
      width: 40px;
      border-top: 1px solid #e6e6e6; }
    .chat-area-bd .msg-system-his .line-left {
      left: 55px; }
    .chat-area-bd .msg-system-his .line-right {
      right: 55px; }
  .chat-area-bd .ocs-split-line {
    position: relative;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    color: #999;
    margin: auto;
    line-height: 16px; }
    .chat-area-bd .ocs-split-line .ocs-split-dot {
      display: inline-block;
      width: 5px;
      height: 5px;
      line-height: 16px;
      background: #999;
      border-radius: 50%;
      margin-left: 3px;
      margin-right: 3px; }
  .chat-area-bd .ocs-split-line::before,
  .chat-area-bd .ocs-split-line::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    position: absolute;
    background: #999;
    top: 50%; }
  .chat-area-bd .ocs-split-line::before {
    margin-left: -10px;
    transform: translateX(-100%); }
  .chat-area-bd .ocs-split-line::after {
    margin-left: 10px; }
  .chat-area-bd .msg-pre {
    display: inline-block;
    width: 240px;
    padding: 10px 14px;
    margin: 10px 0;
    border: 1px solid #e6e6e6;
    background-color: #f2f2f2; }
    .chat-area-bd .msg-pre dt {
      margin-bottom: 3px; }
  .chat-area-bd .msg {
    /*  消息间隔  */
    margin: 0 0;
    /*  机器人特殊样式  */ }
    .chat-area-bd .msg .content {
      position: relative;
      display: inline-block;
      min-width: 4px;
      min-height: 21px;
      padding: 10px;
      line-height: 150%;
      border-radius: 5px;
      word-wrap: break-word;
      word-break: break-all;
      /* ”联系人工客服“按钮 */
      /* 历史消息中的转人工文案：置灰、不可点（由 prependMsg 去掉 .to-human-service 并加 .to-human-service-history） */ }
      .chat-area-bd .msg .content img {
        max-width: 300px;
        cursor: pointer;
        vertical-align: middle; }
      .chat-area-bd .msg .content .msg-status,
      .chat-area-bd .msg .content .msg-operate {
        position: absolute; }
        .chat-area-bd .msg .content .msg-status .iconfont,
        .chat-area-bd .msg .content .msg-operate .iconfont {
          font-size: 24px; }
        .chat-area-bd .msg .content .msg-status .iconfont-delete,
        .chat-area-bd .msg .content .msg-operate .iconfont-delete {
          color: #f42; }
      .chat-area-bd .msg .content .transfer {
        min-width: 210px;
        max-width: 280px; }
        .chat-area-bd .msg .content .transfer dt {
          width: 100%;
          height: 60px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-size: 14px;
          font-weight: bold; }
        .chat-area-bd .msg .content .transfer dd {
          padding-left: 28px;
          text-align: right;
          margin-top: 5px; }
        .chat-area-bd .msg .content .transfer img {
          max-width: 60px;
          border-radius: 50%; }
        .chat-area-bd .msg .content .transfer .iconfont-user {
          padding: 3px;
          margin-right: 5px;
          border: 2px solid #666;
          border-radius: 50%;
          background-color: #fff;
          font-size: 24px; }
      .chat-area-bd .msg .content .to-human-service-a {
        color: #006DCC;
        cursor: pointer; }
        .chat-area-bd .msg .content .to-human-service-a:hover {
          color: #1792FF; }
      .chat-area-bd .msg .content .to-human-service-history {
        color: #B7BABD !important;
        cursor: default !important;
        pointer-events: none; }
        .chat-area-bd .msg .content .to-human-service-history:hover {
          color: #B7BABD !important; }
    .chat-area-bd .msg .robot-content {
      max-width: 100%;
      /* 机器人加载动画特效-开始 */
      /* 兼容 chrome 火狐 IE10(IE9不支持animation) */
      /* 机器人加载动画特效-结束 */ }
      .chat-area-bd .msg .robot-content img {
        max-width: 100%; }
      .chat-area-bd .msg .robot-content .server-side-typing-bounce > div {
        margin: 0 2px;
        width: 10px;
        height: 10px;
        background-color: #727272;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: typing-bouncedelay 1.4s infinite ease-in-out both;
        animation: typing-bouncedelay 1.4s infinite ease-in-out both; }
      .chat-area-bd .msg .robot-content .server-side-typing-bounce .bounce1 {
        -webkit-animation-delay: -.32s;
        animation-delay: -0.32s; }
      .chat-area-bd .msg .robot-content .server-side-typing-bounce .bounce2 {
        -webkit-animation-delay: -.16s;
        animation-delay: -0.16s; }
@-webkit-keyframes typing-bouncedelay {
  0%,
        80%,
        100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }
@keyframes typing-bouncedelay {
  0%,
        80%,
        100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
      .chat-area-bd .msg .robot-content .robot-animation-content {
        width: 1px;
        height: 1px;
        overflow: hidden; }
  .chat-area-bd .msg-in {
    padding-left: 50px;
    text-align: left;
    clear: left;
    margin-right: 80px; }
    .chat-area-bd .msg-in .avatar, .chat-area-bd .msg-in .avatar-robot,
    .chat-area-bd .msg-in .avatar-robot {
      float: left;
      margin-left: -54px; }
      .chat-area-bd .msg-in .avatar .msg-head-service, .chat-area-bd .msg-in .avatar-robot .msg-head-service,
      .chat-area-bd .msg-in .avatar-robot .msg-head-service {
        width: 40px;
        height: 40px;
        background: url(../images/custom/head_service_40.png) no-repeat;
        background-color: #79BAF2; }
      .chat-area-bd .msg-in .avatar .msg-head-robot, .chat-area-bd .msg-in .avatar-robot .msg-head-robot, .chat-area-bd .msg-in .avatar .msg-head-robot-buyer, .chat-area-bd .msg-in .avatar-robot .msg-head-robot-buyer, .chat-area-bd .msg-in .avatar .msg-head-robot-ai, .chat-area-bd .msg-in .avatar-robot .msg-head-robot-ai,
      .chat-area-bd .msg-in .avatar-robot .msg-head-robot,
      .chat-area-bd .msg-in .avatar-robot .msg-head-robot-buyer,
      .chat-area-bd .msg-in .avatar-robot .msg-head-robot-ai {
        width: 40px;
        height: 40px;
        background: url(../images/custom/head_robot_40_new.png) no-repeat;
        background-color: #79BAF2;
        background-size: contain; }
      .chat-area-bd .msg-in .avatar .msg-head-robot-buyer, .chat-area-bd .msg-in .avatar-robot .msg-head-robot-buyer,
      .chat-area-bd .msg-in .avatar-robot .msg-head-robot-buyer {
        background-image: url(../images/custom/buyer_service_head_2025.png); }
      .chat-area-bd .msg-in .avatar .msg-head-robot-ai, .chat-area-bd .msg-in .avatar-robot .msg-head-robot-ai,
      .chat-area-bd .msg-in .avatar-robot .msg-head-robot-ai {
        background-image: url(../images/custom/buyer_service_head_ai_2025.png); }
      .chat-area-bd .msg-in .avatar .msg-head-service-personal, .chat-area-bd .msg-in .avatar-robot .msg-head-service-personal,
      .chat-area-bd .msg-in .avatar-robot .msg-head-service-personal {
        width: 40px;
        height: 40px;
        background-size: 100% 100% !important; }
      .chat-area-bd .msg-in .avatar .msg-head-xyz, .chat-area-bd .msg-in .avatar-robot .msg-head-xyz,
      .chat-area-bd .msg-in .avatar-robot .msg-head-xyz {
        width: 40px;
        height: 40px;
        background: url(../images/custom/head_xyz_40.png) no-repeat; }
      .chat-area-bd .msg-in .avatar .msg-head-micen, .chat-area-bd .msg-in .avatar-robot .msg-head-micen, .chat-area-bd .msg-in .avatar .msg-head-micen-buyer, .chat-area-bd .msg-in .avatar-robot .msg-head-micen-buyer,
      .chat-area-bd .msg-in .avatar-robot .msg-head-micen,
      .chat-area-bd .msg-in .avatar-robot .msg-head-micen-buyer {
        width: 40px;
        height: 40px;
        background: url(../images/custom/head_micen_40_new.png) no-repeat;
        background-size: contain; }
      .chat-area-bd .msg-in .avatar .msg-head-micen-buyer, .chat-area-bd .msg-in .avatar-robot .msg-head-micen-buyer,
      .chat-area-bd .msg-in .avatar-robot .msg-head-micen-buyer {
        background-repeat: no-repeat;
        background-image: url(../images/custom/buyer_service_head_2025.png);
        background-size: contain; }
      .chat-area-bd .msg-in .avatar .msg-head-robot-xyz, .chat-area-bd .msg-in .avatar-robot .msg-head-robot-xyz,
      .chat-area-bd .msg-in .avatar-robot .msg-head-robot-xyz {
        width: 40px;
        height: 40px;
        background: url(../images/custom/head_robot_xyz_3_40.png) no-repeat; }
      .chat-area-bd .msg-in .avatar .msg-head-robot-abiz, .chat-area-bd .msg-in .avatar-robot .msg-head-robot-abiz,
      .chat-area-bd .msg-in .avatar-robot .msg-head-robot-abiz {
        width: 40px;
        height: 40px;
        background: url(../images/custom/head_robot_abiz_3_40.png) no-repeat;
        background-size: auto 100%; }
    .chat-area-bd .msg-in .avatar-robot .msg-head-robot, .chat-area-bd .msg-in .avatar-robot .msg-head-robot-buyer, .chat-area-bd .msg-in .avatar-robot .msg-head-robot-ai {
      background-color: transparent !important; }
    .chat-area-bd .msg-in .content {
      display: inline-block;
      background-color: #f2f2f2; }
      .chat-area-bd .msg-in .content:before {
        position: absolute;
        top: 13px;
        left: -16px;
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        line-height: 0;
        font-size: 0;
        border-style: dashed;
        border-color: transparent;
        border-width: 8px;
        border-right: 8px solid #f2f2f2; }
      .chat-area-bd .msg-in .content .msg-status {
        bottom: 17px;
        right: -30px; }
      .chat-area-bd .msg-in .content .msg-operate {
        bottom: -22px;
        left: 200px; }
        .chat-area-bd .msg-in .content .msg-operate a.webtm-msg-mark {
          width: auto;
          bottom: 2px;
          left: -200px;
          cursor: pointer;
          position: absolute; }
        .chat-area-bd .msg-in .content .msg-operate .msg-mark-grey {
          color: #999; }
          .chat-area-bd .msg-in .content .msg-operate .msg-mark-grey:hover {
            color: #999; }
  .chat-area-bd .msg-out {
    padding-right: 50px;
    text-align: right;
    clear: right;
    margin-left: 80px; }
    .chat-area-bd .msg-out .avatar, .chat-area-bd .msg-out .avatar-robot {
      float: right;
      margin-right: -54px; }
      .chat-area-bd .msg-out .avatar .msg-head-custom, .chat-area-bd .msg-out .avatar-robot .msg-head-custom {
        background-color: #79BAF2; }
      .chat-area-bd .msg-out .avatar .msg-head-custom-default, .chat-area-bd .msg-out .avatar-robot .msg-head-custom-default {
        width: 40px;
        height: 40px;
        background: url(../images/custom/head_custom_40.png) no-repeat;
        background-color: #79BAF2; }
      .chat-area-bd .msg-out .avatar .msg-head-custom-xyz, .chat-area-bd .msg-out .avatar-robot .msg-head-custom-xyz {
        width: 40px;
        height: 40px;
        background: url(../images/custom/head_custom_xyz_40.png) no-repeat; }
    .chat-area-bd .msg-out .content {
      color: #fff;
      background-color: #79BAF2;
      text-align: left; }
      .chat-area-bd .msg-out .content:after {
        position: absolute;
        top: 13px;
        right: -16px;
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        line-height: 0;
        font-size: 0;
        border-style: dashed;
        border-color: transparent;
        border-width: 8px;
        border-left: 8px solid #79BAF2; }
    .chat-area-bd .msg-out .msg-failed {
      margin-top: 5px;
      font-size: 12px;
      text-align: left; }
      .chat-area-bd .msg-out .msg-failed .iconfont-information {
        color: #f7411a;
        vertical-align: -1px; }
    .chat-area-bd .msg-out .msg-status {
      bottom: 8px;
      left: -30px; }
      .chat-area-bd .msg-out .msg-status .webtm-msg-resend:hover {
        border: 1px solid #79BAF2;
        margin-bottom: -1px;
        margin-left: -1px; }
      .chat-area-bd .msg-out .msg-status a.webtm-msg-resend {
        width: 57px;
        bottom: 2px;
        left: -30px;
        cursor: pointer;
        position: absolute; }
      .chat-area-bd .msg-out .msg-status .webtm-msg-sensitive {
        width: 200px;
        bottom: 2px;
        left: -175px;
        position: absolute;
        color: red; }
      .chat-area-bd .msg-out .msg-status .webtm-msg-sensitive-en {
        width: 270px;
        bottom: 2px;
        left: -245px;
        position: absolute;
        color: red; }
  .chat-area-bd .ocs-system-content-box {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    padding: 4px 9px;
    border-radius: 6px;
    text-align: left;
    background-color: #f2f2f2;
    color: #999999;
    word-wrap: break-word;
    word-break: keep-all;
    line-height: 1.4;
    overflow: hidden;
    position: relative; }
    .chat-area-bd .ocs-system-content-box .whats-app-switch {
      position: absolute;
      right: 10px;
      top: 22px;
      color: #006dcc;
      cursor: pointer;
      z-index: 1;
      display: none; }
  .chat-area-bd .whats-app-content {
    height: 40px; }
  .chat-area-bd .whatsapp-switch {
    height: auto; }
    .chat-area-bd .whatsapp-switch .whats-app-switch {
      top: auto;
      bottom: 2px; }
  .chat-area-bd .whatsapp-msg {
    padding-right: 15px; }
    .chat-area-bd .whatsapp-msg a {
      word-break: break-all; }
  .chat-area-bd .avatar, .chat-area-bd .avatar-robot {
    position: relative;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle; }
    .chat-area-bd .avatar img, .chat-area-bd .avatar-robot img {
      width: 100%;
      height: 100%;
      text-align: center; }
  .chat-area-bd .avatar-robot {
    border-radius: 0; }
  .chat-area-bd .robot-msg-wrap-bubble {
    border-top: 1px solid #E2E2E2;
    padding-top: 5px; }
  .chat-area-bd .robot-sft-bubble {
    width: 80px;
    margin-left: 40px;
    border-right: 1px solid #E2E2E2; }
  .chat-area-bd .robot-not-sft-bubble {
    margin-left: 40px; }
  .chat-area-bd .msg-file-wrap, .chat-area-bd .msg-file-wrap-suspend {
    background-color: #fff;
    color: #000;
    font-size: 14px;
    width: 290px;
    padding: 5px; }
    .chat-area-bd .msg-file-wrap .msg-file-download, .chat-area-bd .msg-file-wrap-suspend .msg-file-download {
      border-top: 1px solid #E2E2E2;
      margin-top: 5px;
      padding: 5px 5px 0 0;
      text-align: right; }
      .chat-area-bd .msg-file-wrap .msg-file-download .file-statue, .chat-area-bd .msg-file-wrap-suspend .msg-file-download .file-statue {
        float: left; }
    .chat-area-bd .msg-file-wrap .prod-bd, .chat-area-bd .msg-file-wrap-suspend .prod-bd {
      padding-left: 50px;
      overflow: hidden; }
      .chat-area-bd .msg-file-wrap .prod-bd .prod-pic-wrap, .chat-area-bd .msg-file-wrap-suspend .prod-bd .prod-pic-wrap {
        float: left;
        display: table;
        width: 40px;
        margin-left: -50px; }
        .chat-area-bd .msg-file-wrap .prod-bd .prod-pic-wrap .prod-pic, .chat-area-bd .msg-file-wrap-suspend .prod-bd .prod-pic-wrap .prod-pic {
          display: table-cell;
          vertical-align: middle; }
          .chat-area-bd .msg-file-wrap .prod-bd .prod-pic-wrap .prod-pic img, .chat-area-bd .msg-file-wrap-suspend .prod-bd .prod-pic-wrap .prod-pic img {
            width: 100%;
            cursor: default; }
    .chat-area-bd .msg-file-wrap .prod-info, .chat-area-bd .msg-file-wrap-suspend .prod-info {
      float: left;
      width: 100%; }
      .chat-area-bd .msg-file-wrap .prod-info dt, .chat-area-bd .msg-file-wrap-suspend .prod-info dt {
        line-height: 18px; }
        .chat-area-bd .msg-file-wrap .prod-info dt .prod-name, .chat-area-bd .msg-file-wrap-suspend .prod-info dt .prod-name {
          display: inline-block; }
      .chat-area-bd .msg-file-wrap .prod-info dd .prod-price, .chat-area-bd .msg-file-wrap-suspend .prod-info dd .prod-price {
        display: inline-block;
        margin-top: 1px; }
  .chat-area-bd .msg-file-wrap-suspend {
    width: 224px; }
  .chat-area-bd .dialogue-prompt-skin-1 .prompt-zh {
    font-family: Microsoft YaHei; }
  .chat-area-bd .dialogue-prompt-skin-1 .prompt-en {
    font-family: Arial; }
  .chat-area-bd .avatar-by-service {
    border: 2px solid #F7F7F7;
    border-radius: 0%; }
    .chat-area-bd .avatar-by-service .msg-head-robot-by-service {
      width: 40px;
      height: 40px;
      background: url(../images/service/head_robot_40_new.png) no-repeat;
      background-size: contain; }
    .chat-area-bd .avatar-by-service .msg-head-custom-by-service {
      width: 40px;
      height: 40px;
      background: url(../images/service/head_custom_40.png) no-repeat; }
    .chat-area-bd .avatar-by-service .msg-head-service-by-service {
      width: 40px;
      height: 40px;
      background: url(../images/service/head_micen_40_new.png) no-repeat;
      background-size: contain; }
    .chat-area-bd .avatar-by-service .msg-head-personal {
      width: 40px;
      height: 40px;
      background-size: 100% 100% !important; }
    .chat-area-bd .avatar-by-service .msg-head-xyz-by-service {
      width: 40px;
      height: 40px;
      background: url(../images/custom/head_xyz_40.png) no-repeat; }
    .chat-area-bd .avatar-by-service .msg-head-micen-by-service {
      width: 40px;
      height: 40px;
      background: url(../images/custom/head_micen_40.png) no-repeat; }
  .chat-area-bd .msg-out .content-by-service {
    background-color: #439CE7; }
    .chat-area-bd .msg-out .content-by-service:after {
      border-left: 8px solid #439CE7; }
    .chat-area-bd .msg-out .content-by-service .open-url-by-browser {
      color: #fff;
      text-decoration: underline; }
      .chat-area-bd .msg-out .content-by-service .open-url-by-browser:hover {
        color: lightskyblue; }
    .chat-area-bd .msg-out .content-by-service .robot-msg-item {
      color: #fff; }
      .chat-area-bd .msg-out .content-by-service .robot-msg-item:hover {
        color: lightskyblue; }
  .chat-area-bd .msg-in .content-by-service {
    background-color: #EDEDED; }
    .chat-area-bd .msg-in .content-by-service:before {
      border-right: 8px solid #EDEDED; }
    .chat-area-bd .msg-in .content-by-service .open-url-by-browser {
      text-decoration: underline; }
  .chat-area-bd .ocs-system-content-box-by-service {
    background-color: #EDEDED; }

/* 访客留言窗口样式 */
.leave-message-position {
  margin: 40px auto;
  position: relative; }

.leave-message-bubble, .leave-message-bubble-suspend {
  width: 510px;
  border: 2px solid #73b0e6;
  font-family: Microsoft YaHei;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4);
  font-size: 14px;
  padding-bottom: 25px; }
  .leave-message-bubble .leave-message-title, .leave-message-bubble-suspend .leave-message-title {
    height: 34px;
    line-height: 34px;
    color: #fff;
    background-color: #73b0e6;
    padding: 0 0 0 10px; }
  .leave-message-bubble .leave-message-tip, .leave-message-bubble-suspend .leave-message-tip {
    margin: 20px; }
  .leave-message-bubble .leave-message-tip-success, .leave-message-bubble-suspend .leave-message-tip-success {
    text-align: center; }
    .leave-message-bubble .leave-message-tip-success .layui-btn, .leave-message-bubble-suspend .leave-message-tip-success .layui-btn {
      margin: 50px 0 0 0; }
  .leave-message-bubble .leave-message-form, .leave-message-bubble-suspend .leave-message-form {
    font-size: 14px;
    margin: 0 25px;
    background-color: #fff; }
  .leave-message-bubble .leave-message-close, .leave-message-bubble-suspend .leave-message-close {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/custom/close15.png) no-repeat;
    cursor: pointer; }
  .leave-message-bubble #leave-msg-check-code, .leave-message-bubble-suspend #leave-msg-check-code {
    cursor: pointer;
    vertical-align: top; }

.leave-message-bubble-suspend {
  width: 410px;
  height: 454px;
  margin: 0px auto;
  border: 0px solid #73b0e6;
  overflow: hidden; }

.english-font {
  font-family: Arial; }
  .english-font .visitor-entry label {
    width: 106px;
    margin-right: 8px; }

.leave-message-bubble-suspend .visitor-entry label {
  width: 84px; }

.leave-message-bubble-suspend.english-font .visitor-entry label {
  width: 72px; }

/* 访客评价窗口样式 */
.custom-evaluate-bubble {
  width: 373px;
  border: 2px solid #73b0e6;
  background-color: #fff;
  font-family: Microsoft YaHei;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.4);
  font-size: 14px;
  padding-bottom: 25px; }
  .custom-evaluate-bubble .evaluate-title {
    color: #fff;
    background-color: #73b0e6;
    padding-left: 10px;
    padding-top: 7px;
    height: 33px; }
  .custom-evaluate-bubble .evaluate-form {
    margin: 0 25px;
    background-color: #fff; }
  .custom-evaluate-bubble .evaluate-close {
    position: absolute;
    right: 10px;
    top: 14px;
    display: block;
    width: 15px;
    height: 15px;
    background: url(../images/custom/close15.png) no-repeat;
    cursor: pointer; }
  .custom-evaluate-bubble .evaluate-close-ie6 {
    background: url(../images/manage/autoclose.png) no-repeat center; }
  .custom-evaluate-bubble textarea {
    width: 323px;
    border: 1px solid #adbecc;
    height: 53px;
    background-color: #fff;
    margin-bottom: 5px;
    padding: 3px;
    overflow-x: hidden;
    overflow-y: auto; }
  .custom-evaluate-bubble .evaluate-sub-title {
    margin: 3px 0; }
  .custom-evaluate-bubble .clearfix input {
    margin-top: 4px; }
  .custom-evaluate-bubble .evaluate-glance-div {
    text-align: right; }
  .custom-evaluate-bubble .ocs-confirm-content {
    margin: 20px 0; }

.prev-img-max-height {
  max-width: 323px;
  cursor: pointer; }

/* 机器人回答流程引导及保单列表展示 */
.robot-guidance-parent {
  background-color: #fff;
  min-width: 348px;
  max-width: 600px;
  font-size: 12px; }
  .robot-guidance-parent .robot-guidance-title {
    padding: 4.5px 10px;
    background-color: #FAFAFA;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #f2f2f2;
    color: #333; }
  .robot-guidance-parent .robot-guidance-orderInfo {
    padding: 4.5px 10px; }
    .robot-guidance-parent .robot-guidance-orderInfo:hover {
      background-color: #F5F5F5; }
    .robot-guidance-parent .robot-guidance-orderInfo .robot-guidance-orderIdLeft {
      color: #999; }
    .robot-guidance-parent .robot-guidance-orderInfo .robot-guidance-orderId {
      color: #666; }
    .robot-guidance-parent .robot-guidance-orderInfo .robot-guidance-orderCreateTime {
      float: right;
      color: #999; }
    .robot-guidance-parent .robot-guidance-orderInfo .robot-guidance-policyInfo {
      cursor: pointer;
      border: 1px solid #F5F5F5;
      border-radius: 8px;
      padding: 4.5px 10px;
      margin: 5px 0;
      color: #999;
      line-height: 23px; }
      .robot-guidance-parent .robot-guidance-orderInfo .robot-guidance-policyInfo .robot-guidance-policyName {
        font-size: 13px;
        font-weight: bold;
        color: #333; }
      .robot-guidance-parent .robot-guidance-orderInfo .robot-guidance-policyInfo .robot-guidance-policyStatus {
        float: right;
        margin-right: 9px; }
      .robot-guidance-parent .robot-guidance-orderInfo .robot-guidance-policyInfo .robot-guidance-policyPrice {
        color: #E66666; }
    .robot-guidance-parent .robot-guidance-orderInfo .robot-guidance-policyInfo-second {
      margin-top: 10px; }
    .robot-guidance-parent .robot-guidance-orderInfo .robot-guidance-policyNum {
      display: inline-block;
      color: #333; }
    .robot-guidance-parent .robot-guidance-orderInfo .robot-guidance-payRealAmt-group {
      float: right; }
      .robot-guidance-parent .robot-guidance-orderInfo .robot-guidance-payRealAmt-group .robot-guidance-payRealAmtLeft {
        color: #333; }
      .robot-guidance-parent .robot-guidance-orderInfo .robot-guidance-payRealAmt-group .robot-guidance-payRealAmt {
        color: #E66666; }
    .robot-guidance-parent .robot-guidance-orderInfo .robot-guidance-orderStatus {
      float: right;
      color: #999; }
  .robot-guidance-parent .robot-guidance-orderInfo-split {
    height: 5px;
    background-color: #FAFAFA;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2; }
  .robot-guidance-parent .robot-guidance-more {
    text-align: center;
    font-size: 14px; }
  .robot-guidance-parent .robot-guidance-orderInfo-maxTip {
    text-align: center;
    background-color: #f2f2f2;
    color: #999;
    padding: 5px; }
  .robot-guidance-parent .robot-guidance-not-above {
    padding: 0 0 3.5px 10px; }
    .robot-guidance-parent .robot-guidance-not-above .robot-guidance-not-above-a {
      color: #006DCC; }
      .robot-guidance-parent .robot-guidance-not-above .robot-guidance-not-above-a:hover {
        color: #1792FF; }
    .robot-guidance-parent .robot-guidance-not-above .robot-guidance-not-above-a-disable {
      color: #989494;
      cursor: default; }
  .robot-guidance-parent .robot-guidance-hide {
    display: none; }
  .robot-guidance-parent .robot-footprint-title {
    padding: 4.5px 10px;
    font-weight: bold;
    font-size: 12px;
    color: #333;
    min-width: 354px; }
  .robot-guidance-parent .robot-footprint-list {
    padding-bottom: 1px; }
    .robot-guidance-parent .robot-footprint-list .robot-footprint-itemInfo {
      padding: 9px 10px;
      border: 1px solid #F0F0F0;
      border-radius: 4px;
      margin: 0 6px 6px 6px;
      line-height: 20px; }
      .robot-guidance-parent .robot-footprint-list .robot-footprint-itemInfo img {
        cursor: default !important; }
  .robot-guidance-parent .robot-footprint-suggestQuestions {
    padding-bottom: 10px; }
    .robot-guidance-parent .robot-footprint-suggestQuestions .robot-footprint-radius {
      display: inline-block;
      width: 6px;
      height: 6px;
      background-color: #006DCC;
      border-radius: 50%;
      margin-left: 8px; }
    .robot-guidance-parent .robot-footprint-suggestQuestions .robot-footprint-content {
      display: inline-block;
      margin-left: 10px;
      max-width: 330px;
      vertical-align: text-top; }

#productCard .robot-footprint-itemInfo {
  width: 356px;
  margin: auto;
  padding: 9px 10px;
  border: 1px solid #F0F0F0;
  border-radius: 4px;
  background: #FFFFFF; }

.robot-footprint-itemInfo,
.custom-footprint-card {
  font-size: 12px; }
  .robot-footprint-itemInfo .left-div,
  .custom-footprint-card .left-div {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 72px;
    height: 72px; }
    .robot-footprint-itemInfo .left-div img,
    .custom-footprint-card .left-div img {
      max-width: 72px;
      max-height: 72px; }
  .robot-footprint-itemInfo .middle-div,
  .custom-footprint-card .middle-div {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
    margin-left: 8px;
    width: 190px; }
    .robot-footprint-itemInfo .middle-div div,
    .custom-footprint-card .middle-div div {
      width: 190px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      word-wrap: normal;
      word-break: normal; }
    .robot-footprint-itemInfo .middle-div .prodName,
    .custom-footprint-card .middle-div .prodName {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.85);
      line-height: 20px;
      font-weight: bold;
      font-family: "PingFang SC-Medium"; }
    .robot-footprint-itemInfo .middle-div .prodFeature,
    .custom-footprint-card .middle-div .prodFeature {
      margin-top: 6px;
      height: 24px;
      white-space: normal;
      max-width: 190px; }
      .robot-footprint-itemInfo .middle-div .prodFeature .prodFeatureItem,
      .custom-footprint-card .middle-div .prodFeature .prodFeatureItem {
        display: inline-block;
        font-family: "PingFang SC-Regular";
        font-size: 12px;
        color: #FF4B0F;
        letter-spacing: 0;
        text-align: center;
        line-height: 18px;
        padding: 2px 4px;
        border: 1px solid #FF7038;
        border-radius: 2px;
        margin: 0 4px 0 0;
        width: auto;
        max-width: 180px; }
    .robot-footprint-itemInfo .middle-div .period,
    .custom-footprint-card .middle-div .period {
      color: #999; }
    .robot-footprint-itemInfo .middle-div .period.priceEmpty,
    .custom-footprint-card .middle-div .period.priceEmpty {
      margin-top: 18px; }
    .robot-footprint-itemInfo .middle-div .insuredAge,
    .custom-footprint-card .middle-div .insuredAge {
      color: #999;
      margin-top: -3px; }
    .robot-footprint-itemInfo .middle-div .insuredAge.priceEmpty,
    .custom-footprint-card .middle-div .insuredAge.priceEmpty {
      margin-top: 0; }
    .robot-footprint-itemInfo .middle-div .price,
    .custom-footprint-card .middle-div .price {
      color: #FF4B0F;
      font-family: "DINAlternate-Bold";
      font-size: 12px;
      letter-spacing: 0;
      line-height: 18px;
      margin-top: 12px; }
      .robot-footprint-itemInfo .middle-div .price span:nth-child(1),
      .custom-footprint-card .middle-div .price span:nth-child(1) {
        font-family: "PingFang SC-Regular"; }
      .robot-footprint-itemInfo .middle-div .price span:nth-child(2),
      .custom-footprint-card .middle-div .price span:nth-child(2) {
        margin-left: 4px;
        font-weight: bold; }
      .robot-footprint-itemInfo .middle-div .price span:nth-child(3),
      .custom-footprint-card .middle-div .price span:nth-child(3) {
        font-family: "PingFang SC-Regular";
        color: rgba(0, 0, 0, 0.45);
        margin-left: 4px; }
  .robot-footprint-itemInfo .right-div,
  .custom-footprint-card .right-div {
    display: inline-block;
    vertical-align: top; }
    .robot-footprint-itemInfo .right-div .robot-footprint-itemInfo-btn,
    .custom-footprint-card .right-div .robot-footprint-itemInfo-btn {
      outline: none;
      cursor: pointer;
      width: 56px;
      height: 24px;
      line-height: 24px;
      background: #FF4B0F;
      border-radius: 25px;
      margin-top: 27px;
      text-align: center;
      border: 0;
      color: #FFFFFF;
      box-sizing: border-box; }

.custom-footprint-card {
  background-color: #fff;
  padding: 4px 8px 3px 8px;
  line-height: 21px;
  cursor: pointer;
  min-width: 282px; }
  .custom-footprint-card .right-div {
    display: none; }

#robot-guidance-bubble-div .custom-evaluate-bubble {
  padding: 0;
  border: 1px solid #fff;
  width: 390px; }
  #robot-guidance-bubble-div .custom-evaluate-bubble .evaluate-close {
    top: 9px;
    background: url(../images/custom/close_black.png) no-repeat; }
  #robot-guidance-bubble-div .custom-evaluate-bubble .robot-footprint-title {
    font-size: 13px; }
#robot-guidance-bubble-div .robot-guidance-orderInfo-list,
#robot-guidance-bubble-div .robot-footprint-list {
  max-height: 500px;
  overflow-y: auto; }
#robot-guidance-bubble-div .robot-guidance-not-above {
  padding: 5px 10px;
  border-top: 1px solid #F5F5F5; }
#robot-guidance-bubble-div .robot-footprint-title {
  background-color: #FAFAFA;
  border-bottom: 1px solid #f2f2f2; }

/* 客服邀请访客填写联系信 */
.custom-contact-letter-bubble {
  width: 480px; }
  .custom-contact-letter-bubble .evaluate-title {
    text-align: center; }
  .custom-contact-letter-bubble .evaluate-form {
    text-align: center;
    margin: 0 15px; }
    .custom-contact-letter-bubble .evaluate-form table {
      margin: 6px auto; }
      .custom-contact-letter-bubble .evaluate-form table tr {
        vertical-align: top;
        max-width: 493px; }
      .custom-contact-letter-bubble .evaluate-form table td {
        text-align: right; }
    .custom-contact-letter-bubble .evaluate-form .login-title {
      max-width: 91px;
      min-width: 50px;
      margin-top: 1px;
      margin-right: 7px;
      text-align: right;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block; }
      .custom-contact-letter-bubble .evaluate-form .login-title em {
        font-family: simsun;
        color: #ff0000; }
    .custom-contact-letter-bubble .evaluate-form .login-textarea {
      height: 55px;
      width: 317px;
      margin: 0 0 6px 0; }
    .custom-contact-letter-bubble .evaluate-form .login-input {
      width: 320px;
      margin-bottom: 6px; }
    .custom-contact-letter-bubble .evaluate-form .errorstip {
      text-align: left;
      margin-top: -4px;
      margin-bottom: 2px; }
    .custom-contact-letter-bubble .evaluate-form .evaluate-glance-div {
      text-align: center; }
      .custom-contact-letter-bubble .evaluate-form .evaluate-glance-div .submit-failed {
        text-align: left;
        margin-left: 100px; }
      .custom-contact-letter-bubble .evaluate-form .evaluate-glance-div .glance {
        margin-left: 0; }
    .custom-contact-letter-bubble .evaluate-form ul li {
      margin-top: 6px; }
    .custom-contact-letter-bubble .evaluate-form ul .login-title {
      width: 91px;
      height: 24px;
      vertical-align: top; }
    .custom-contact-letter-bubble .evaluate-form ul .login-textarea {
      margin: 0; }
    .custom-contact-letter-bubble .evaluate-form ul .login-input {
      margin-bottom: 0; }
    .custom-contact-letter-bubble .evaluate-form ul .errorstip {
      margin: 0 0 0 103px; }
    .custom-contact-letter-bubble .evaluate-form .align-center {
      text-align: center;
      padding-bottom: 6px; }
    .custom-contact-letter-bubble .evaluate-form .align-left {
      text-align: left; }
    .custom-contact-letter-bubble .evaluate-form .word-break-div {
      word-break: break-all; }
    .custom-contact-letter-bubble .evaluate-form img {
      max-width: 450px !important;
      max-height: 450px !important;
      cursor: default !important; }

/* 添加“查看更多消息”，登录访客支持历史消息同步 */
#hasMoreHistoryMsg {
  text-align: center;
  display: none; }
  #hasMoreHistoryMsg .load-more-history {
    cursor: default;
    color: #999999;
    font-size: 14px;
    line-height: 26px;
    height: 29px; }
  #hasMoreHistoryMsg .load-more-history-a {
    cursor: pointer;
    color: #006DCC; }
    #hasMoreHistoryMsg .load-more-history-a:hover {
      color: #1792FF; }
  #hasMoreHistoryMsg .load-more-history-ing {
    display: inline-block;
    background: url(../images/custom/loading.gif) no-repeat;
    width: 24px;
    height: 24px; }

/* 邮箱自动补全 */
.jquery-auto-email {
  /* li下文字 */ }
  .jquery-auto-email ul.autoul {
    /* 下拉菜单 */
    width: 323px;
    margin: 0;
    margin-top: -5px;
    padding: 0px;
    color: #666;
    border: 1px solid #666;
    border-top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    background-color: #fff;
    z-index: 1001; }
    .jquery-auto-email ul.autoul li {
      margin: 0; }
  .jquery-auto-email ul.autoul li.autoli {
    /* 下拉菜单li */
    height: 30px;
    display: block;
    list-style-type: none;
    text-align: left;
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    /*当对象内文本溢出时显示省略标记*/
    text-overflow: ellipsis; }
  .jquery-auto-email .lihover {
    /* 下拉菜单li高亮样式 */
    background-color: #eee; }
  .jquery-auto-email span {
    padding-right: 2px; }
  .jquery-auto-email .showli {
    display: block; }

#ocsAlertBubbleView {
  padding-bottom: 20px; }

/* 默认隐藏的样式 */
.my-common-hide {
  display: none; }

/* 滚动条样式 */
.webkit-scrollbar-style ::-webkit-scrollbar {
  width: 8px;
  height: 8px; }
.webkit-scrollbar-style ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #D8D8D8; }
.webkit-scrollbar-style ::-webkit-scrollbar-track {
  background-color: transparent; }

::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.3); }

::-webkit-scrollbar-track {
  background-color: transparent; }

@media screen and (max-width: 1024px) {
  .info-item {
    width: 50%;
    padding-left: 85px;
    box-sizing: border-box; }
    .info-item label {
      margin-left: -85px; }
    .info-item .errorstip {
      margin-left: 0; }
    .info-item input,
    .info-item select {
      width: 100%;
      box-sizing: border-box; }
    .info-item .m-input {
      width: 60%; }

  .info-item-code {
    padding-right: 70px; }
    .info-item-code img {
      float: right;
      margin-right: -70px; }

  .leave_message .info-item-textarea textarea {
    width: 100%;
    height: 70px;
    box-sizing: border-box; } }

/*# sourceMappingURL=chat-style.css.map */