* {
     margin: 0;
     padding: 0;
     font-size: 12px;
 }
 
 body {
     margin: 0 auto;
     text-align: center;
 }
 
 .layout {
     margin: auto;
     position: relative;
     border: 1px solid #2e597b;
     width: 690px;
 }
 
 .top {
     height: 68px;
     width: 100%;
     position: relative;
     background: url(../images/top_bg.gif) repeat-x;
 }
 
 .main {
     position: relative;
     width: 100%;
     height: 342px;
     color: #636363;
 }
 
 .main .left,
 .main .leave-msg,
 .main .opinion {
     position: absolute;
     top: 2px;
     left: 2px;
     bottom: 2px;
     width: 535px;
     /**width:530px;
        border:1px solid #CCCCCC;**/
 }
 
 .main .leave-msg,
 .main .opinion {
     height: 336px;
 }
 
 .main .leave-msg form {
     padding-top: 15px;
 }
 
 .leave-msg-btn {
     width: 78px;
     height: 28px;
     background: url(../images/leave_bg.gif) no-repeat;
     cursor: hand;
     line-height: 28px;
     text-align: center;
     float: left;
 }
 
 .main .leave-msg textarea {
     overflow: auto;
 }
 
 .main .leave-msg .success {
     display: none;
     padding-top: 100px;
 }
 
 .main .leave-msg .success td {
     font-family: Arial, Helvetica, sans-serif;
     color: 6054A8;
     font-size: 14px;
     font-weight: bold;
     line-height: 24px;
     padding-left: 10px;
 }
 
 .main .leave-msg tr {
     line-height: 22px;
 }
 
 .main .left .msg-info {
     position: relative;
     width: 100%;
     height: 202px;
     overflow-y: hidden;
 }
 
 #chatDiv {
     width: 100%;
     height: 100%;
     text-align: left;
     word-break: break-all;
     overflow-y: auto;
     line-height: 18px;
 }
 
 #chatDiv div {
     margin-left: 10px;
     margin-top: 2px;
 }
 
 #emotLayer {
     display: none;
     position: absolute;
     z-index: 80;
     width: 309px;
     height: 105px;
     left: 2px;
     bottom: 2px;
     overflow: hidden;
 }
 
 #transFileLayer {
     display: none;
     position: absolute;
     z-index: 80;
     width: 400px;
     height: 27px;
     left: 2px;
     bottom: 2px;
     border: 1px solid #CCCCCC;
     background-color: #ffffff;
 }
 
 .main .left .msg-toolbar {
     width: 100%;
     height: 31px;
     background: url(../images/toolbar.gif) repeat-x;
 }
 
 .msg-toolbar div {
     cursor: pointer;
     display: inline;
     float: left;
     width: 22px;
     height: 22px;
     margin: 4px 0px 0px 5px;
     overflow: hidden;
     background: url(../images/onLMbg.png) no-repeat;
 }
 
 .msg-toolbar div.font {
     background-position: -334px -39px;
 }
 
 .msg-toolbar div.fontF {
     background-position: 0px -232px;
 }
 
 .msg-toolbar div.face {
     background-position: -334px -70px;
 }
 
 .msg-toolbar div.faceF {
     background-position: -26px -232px;
 }
 
 .msg-toolbar div.file {
     background-position: -335px -102px;
 }
 
 .msg-toolbar div.fileF {
     background-position: -52px -232px;
 }
 
 .msg-toolbar div.screen {
     background-position: -335px -141px;
 }
 
 .msg-toolbar div.screenF {
     background-position: -78px -232px;
 }
 
 .msg-toolbar div.heart {
     background-position: -333px -176px;
 }
 
 .msg-toolbar div.heartF {
     background-position: -105px -232px;
 }
 
 .main .left .msg-send {
     width: 100%;
     height: 99px;
     position: relative;
 }
 
 .main .left .msg-send textarea {
     width: 100%;
     height: 90px;
     overflow-y: auto;
     overflow-x: hidden;
     border: 0px;
     padding-left: 10px;
     padding-top: 10px;
 }
 
 .sent-btn {
     position: absolute;
     right: 20px;
     bottom: 10px;
     height: 28px;
     overflow: hidden;
 }
 
 .sent-btn .btn1 {
     float: left;
     height: 100%;
     width: 65px;
     background: url(../images/send.gif) no-repeat center center;
 }
 
 .sent-btn .btn2 {
     float: left;
     width: 25px;
     height: 100%;
     background: url(../images/sendR.gif) no-repeat center center;
 }
 
 .sent-m {
     position: absolute;
     right: 20px;
     bottom: 40px;
     width: 120px;
     overflow: hidden;
     border: 1px solid #CCCCCC;
     display: none;
 }
 
 .sent-m .active {
     background: url(../images/pagination_prev.gif) no-repeat right center;
 }
 
 .sent-m div {
     cursor: hand;
     padding: 1px;
     padding-right: 20px;
     height: 20px;
     line-height: 20px;
     text-align: right;
 }
 
 .main .right {
     position: absolute;
     width: 150px;
     top: 2px;
     right: 2px;
     bottom: 2px;
 }
 
 .main .right .customerInfo {
     width: 100%;
     height: 202px;
     /**border:1px solid #CCCCCC;*/
 }
 
 .main .right .ad {
     width: 100%;
     height: 200px;
     padding-top: 4px;
     text-align: center;
     cursor: hand;
 }
 
 .main .right .ad img {
     border: 0px;
     width: 150px;
     height: 200px;
 }
 
 .main .right .ad2 {
     width: 100%;
     height: 130px;
 }
 
 .main .right .ad2 img {
     border: 0px;
     width: 150px;
     height: 130px;
 }
 
 .main .right .ad3 {
     width: 100%;
     height: 200px;
 }
 
 .main .right .ad3 img {
     border: 0px;
     width: 150px;
     height: 200px;
 }
 
 .main .right .ad4 {
     width: 100%;
     height: 130px;
 }
 
 .main .right .ad4 img {
     border: 0px;
     width: 150px;
     height: 130px;
 }
 
 .main .right .ad5 {
     width: 100%;
     height: 338px;
 }
 
 .main .right .ad5 img {
     border: 0px;
     width: 150px;
     height: 338px;
 }
 
 .logo1 {
     width: 235px;
     height: 55px;
     position: absolute;
     cursor: hand;
     top: 5px;
     left: 2px;
     background: url(../images/logo.jpg) no-repeat center center;
 }
 
 .tabs {
     position: absolute;
     right: 0px;
     bottom: 0px;
     color: #ff0;
 }
 
 .tabs div {
     width: 100px;
     float: left;
     height: 28px;
     line-height: 28px;
     font-weight: bold;
     text-align: center;
     cursor: hand;
 }
 
 .tabs .active {
     background: #fff;
     color: #c22423;
     border: none;
 }
 
 .tabs .inactive {
     padding-top: 2px;
     background: url("/js/webchat/images/interface_05.png") 0 0 no-repeat transparent;
     color: #fff;
     border: none;
 }
 
 .end-chat {
     cursor: hand;
     position: absolute;
     right: 5px;
     top: 5px;
     width: 72px;
     height: 14px;
     background: url(../images/end_chat.png) no-repeat center center;
 }
 
 .evtMsg {
     color: black;
 }
 
 .vstTag {
     font-size: 11px;
     font-family: "courier new", courier, monospace;
     color: red;
 }
 
 .vstText {
     font-size: 12px;
     font-family: "times new roman", times, serif;
     text-indent: 24px;
     color: red;
 }
 
 .vstName {}
 
 .svcTag {
     font-size: 11px;
     font-family: "courier new", courier, monospace;
     color: blue;
 }
 
 .svcText {
     font-size: 12px;
     font-family: "times new roman", times, serif;
     text-indent: 24px;
     color: blue;
 }
 
 .svcName {}
 
 .createTime {
     font-size: 11px;
     font-family: "times new roman", times, serif;
     color: #996633;
 }
 
 .menu {
     color: #a1a1a1;
 }
 
 .otherService {
     list-style: disc;
     color: black;
     padding-left: 24px;
 }
 
 .otherService a {
     text-decoration: none;
     display: inline-block;
     cursor: pointer;
     width: 100%;
     height: 20px;
     color: #636363;
 }
 
 .otherService a:hover {
     text-decoration: underline;
     color: #999900;
 }
 
 #transFileLayer2 {
     height: 27px;
     bottom: 0px;
     border: 1px solid #CCCCCC;
     background-color: #ffffff;
     vertical-align: middle;
 }
 
 * {
     padding: 0px;
     margin: 0px;
     font-size: 12px;
 }
 
 body {
     background: #fafafa;
 }
 
 .notEmpty {
     color: #DF3031;
     padding: 0 4px;
 }
 
 table {
     width: 100%;
 }
 
 .tdHead {
     width: 238px;
     vertical-align: top;
     text-align: right !important;
     font-size: 16px;
     color: #000000;
     letter-spacing: 0;
     line-height: 40px;
 }
 
 .tip {
     padding-left: 10px;
     font-size: 11px;
     color: #999999;
 }
 
 #customerName {
     color: red;
 }
 
 .top_header {
     height: 100px;
     line-height: 100px;
     border-bottom: 1px #c9c9c9 solid;
     margin-bottom: 40px;
 }
 
 .main_container {
     width: 1200px;
     height: 850px;
     margin: 0 auto;
     background: #FFFFFF;
     border: 1px solid #DADADA;
     box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.09);
 }
 
 .center-box {
     width: 1000px;
     height: 100%;
     margin: 0 auto;
 }
 
 .bottom {
     width: 1200px;
     margin: 0 auto;
     border-top: 1px solid #d8d8d8;
     min-height: 100px;
     margin-top: 25px;
 }
 
 .logo-box {
     width: 1200px;
     margin: 0 auto;
     height: 100%;
     text-align: left;
 }
 
 .logo_1 {
     margin-top: 26px;
     padding: 0;
     border: 0;
     background: none;
 }
 
 .title {
     font-family: PingFangSC-Regular;
     font-size: 22px;
     color: #1D1D1D;
     letter-spacing: 0;
     text-align: center;
     padding-top: 30px;
     width: 146px;
     margin: 0 auto;
     background: #fff;
     position: relative;
     z-index: 100;
 }
 
 .line {
     height: 1px;
     border-top: 1px solid #DADADA;
     position: relative;
     top: 48px;
     z-index: 1;
 }
 
 .info {
     font-family: PingFangSC-Regular;
     font-size: 16px;
     color: #1D1D1D;
     letter-spacing: 0;
     line-height: 24px;
     text-align: left;
     margin: 30px 0;
 }
 
 #name,
 #phone,
 #email,
 #subject {
     height: 40px;
     line-height: 40px;
     width: 480px;
     border: 1px solid #999999;
     padding: 0 5px;
     background: #fff;
 }
 
 #message {
     height: 160px;
     width: 480px;
     width: 486px\9;
     border: 1px solid #999999;
     padding: 8px 5px;
     font-size: 12.55px;
     background: #fff;
 }
 
 .tips {
     font-size: 12px;
     color: #999999;
     letter-spacing: 0;
     line-height: 24px;
 }
 
 .padding_15 {
     padding-bottom: 15px;
 }
 
 .leave-msg-btn_1 {
     width: 160px;
     height: 48px;
     line-height: 48px;
     text-align: center;
     background: #4A90E2;
     border-radius: 2px;
     letter-spacing: 2px;
     color: #fff;
     font-size: 18px;
     cursor: pointer;
 }
 
 .bottom {
     text-align: left;
     font-size: 13px;
     line-height: 16px;
     color: #555555;
     padding-top: 38px;
 }
 
 .company_info {
     line-height: 22px;
 }
 
 .company_info a {
     color: #4A90E2;
 }
 
 .right_info {
     font-size: 12px;
     color: #B0B0B0;
     margin-top: 20px;
 }
 
 .info-logo {
     margin-top: 105px;
 }
 
 .info-word {
     font-family: PingFangSC-Regular;
     font-size: 30px;
     color: #1D1D1D;
     letter-spacing: 0;
     line-height: 80px;
 }
 
 .info-tips {
     font-family: PingFangSC-Regular;
     font-size: 16px;
     color: #1D1D1D;
     letter-spacing: 0;
     line-height: 24px;
     margin-top: 10px;
 }
 
 .error_info {
     color: #DF3031;
     margin-left: 5px;
 }
 
 .red_border {
     border-color: #DF3031 !important;
 }
 
 #message_info {
     display: inline;
     vertical-align: top;
 }
 
 .main_container table td {
     text-align: left;
 }