*{margin:0; padding:0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
html,body {height:100%; *overflow:hidden;background:#e2e5ea; /* 消除IE7下的横向滚动条 */}
table {border-collapse:collapse;border-spacing: 0; }
table th{border-top:1px solid black;border-left:1px solid black;border-right:1px solid black; }
table td{border:1px solid black}
body{
  color:#6b7780;
  font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
.header ,.im-message-warp ,.foot {width:100%;position:absolute;font-size:14px}
.header {z-index:2;position:relative;text-align:center;top:0;height:60px;line-height:60px;font-size:14px;color:#fff;}
.header h4 {font-size: 18px;font-weight: normal;}
.header h1{position: absolute;left:10px;top:0}
.im-message-warp {scroll-behavior: smooth ;border-bottom:1px solid #E5E5E5;left:50%;margin-left:-490px;width:980px;background:white; top:110px; bottom:152px;height:auto;overflow-y:auto;overflow-x:hidden}
.im-message-warp a{
  color:#07c5ba;
  text-decoration: underline;
}
.im-message-warp a[download]{
  display: block;
}
.im-message-warp a:active{
  color:blue;
}
.foot {width:980px;margin-left: -490px;left:50%;bottom:0px;}
.inner{background:white;height:150px;padding:1px;position: relative}
.inner input[type=button]{
  border: 0px solid white;
  width: 25px;
  height: 25px;
  display: inline-block;
  background: url(../images/icon_type.png) -27px 0 no-repeat;
  float: left;
  margin-left: 10px;
}
.inner input[type=button]:hover{
  background-position: -25px -25px;
}
.send-textarea {
  color:#6b7780;
  display: block;
  height: 60px;
  border: none;
  resize: none;
  outline: 0;
  width:90%;
  margin:0;
  padding:0 0 0 18px;
  font-size:14px;
  overflow-y: scroll;
  overflow-x: hidden;
  outline: none;
}

.send-btn {
  z-index: 2;
  cursor: pointer;
  width: 90px;
  height: 32px;
  outline: 0;
  font-size:14px;
  color: white;
  border: none;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  background: none;
}
.im-title {color: #6b7780;text-indent:20px;font-size:14px;text-align:left;height:50px;line-height: 50px;top:60px;left:50%;margin-left:-490px;width:980px;position:absolute;background:white;border-bottom:1px solid #cbd3dd;z-index: 1}
.fr{float: right}
.fl{float: left}


.header-img{
  position: absolute;
  top: 0px;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #07c5ba;
  overflow: hidden;
}
.header-img img {
  width: 50px;
  height: 50px;
}
.message{position:relative}
.user-message .header-img {
  right: 20px
}
.agent-message .header-img {left: 20px;}

/*.user-message .ico-triangle {*/
  /*background: #cbf4f9*/
/*}*/
.agent-message .ico-triangle {
  background: #f5f8fa;
}
.question-list a{
  text-decoration: none;
  background-color: #ffffff;
  display: inline-block;
  border-radius: 5px;
  margin: 10px 10px 0 0;
  padding: 5px;
  cursor: pointer;
}
.question-list{
  margin-bottom: 10px;
}
.solve-box{
  text-align: right;
}
.solve-img{
  width: 14px;
  height: 14px;
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.unsolve-img{
  width: 14px;
  height: 14px;
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.common-btn{
  z-index: 100;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  width: 66px;
  margin-top: 10px;
  outline: 0;
  font-size:12px;
  border-radius: 5px;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
}
.solve-btn{
  margin-left: 10px;
  color: white;
  border: none;
  background: #07c5ba;
}
.unsolve-btn{
  color: #07c5ba;
  border: 1px solid #07c5ba;
  background: #ffffff;
}
.unable-btn{
  opacity: 0.5;
}
.user-message .ico-triangle:before {
  right: 60px;
  border-width: 10px 0 10px 10px;
  /*border-color: transparent transparent transparent #cbf4f9*/
}
.ico-triangle {
  display: inline-block;
  *display:inline;
  *zoom:1;
  line-height: 23px;
  margin: 0;
  padding: 10px 15px;
  border-radius: 5px;
  word-break: break-all;
  word-wrap: break-word;
  position: relative;
}
.message-warp{
  margin-top:20px;
  margin-bottom: 20px;
}

.chat-msg-cont {
  padding: 3px 80px;
}
.date-time {
  margin-bottom: 5px;
  color: #b2c2cc;
  font-size: 14px;
  text-align: center;
}
.message_tip{
  text-align:center;
}
.message_tip p{
  font-size:12px;
  width:500px;
  background: rgb(187,10,48) !important;
  border-radius: 5px;
  margin:20px auto;
  padding:10px 0;
  color: white !important;
}
.message_tip p:hover{
  cursor: pointer;
}
.message_tip span:hover{
  cursor: pointer;
}
#webimLogoId{
  vertical-align:middle;
}

/*big photo show star*/
.mskeLayBg {
  position: fixed;
  background: rgba(0,0,0,.8);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.mskelayBox {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.mskelayBox img{
  max-width: 80%;
  max-height: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: block;
}
.mskeClaose{
  position: fixed;
  top: 30px;
  right: 60px;
  border-radius: 50%;
  border: 1px solid #d0d9e5;
  z-index: 20;
}
.mskeClaose{
  width: 50px;
  height: 50px;
  background: url('../images/icon_close_01.png') no-repeat center center;
  cursor: pointer;
}


.mskeClaose:hover{
    border-color:#07c5ba ;
}

.msKeimgBox2 {
  height: auto;
}
/*big photo show end*/

.send-textarea span{
 /* //display:none;*/
}
.ico-triangle span{
  /*display:none;*/
}

.send-textarea[placeholder]:empty:before {
  content: attr(placeholder);
  color: #555;
}
.send-textarea[placeholder]:focus{
  border-color: #999;
}
.send-textarea[placeholder]:focus:before {
  content:none;
}
.send-textarea img{
  max-width: 100px;
  max-height: 100px;
}
.content_icon{
  display: none;
}

.ico-triangle img{
  max-width:200px;
  max-height:200px;
  min-width: 10px;
  min-height: 10px;
  cursor: pointer;
}
img#product-news-img-old {
  max-width: 11vw;
}
.ico-triangle .img-status{
  position:absolute;
  top:127px;
  right:221px;
  z-index:10000;
}

.inner .upload-btn{
  position: relative;
  font-size: 30px;
}
.inner .transfer-man{
  float:right;
  padding-top: 10px;
  padding-right: 10px;
}
.inner .transfer-man span{
  cursor: pointer;
  display: none;
}

.inner .upload-btn input[type=file]{
  Z-INDEX: 2147483583;
  POSITION: absolute;
  left:0px;
  top:0px;
  width: 30px;
  height: 30px;
  filter:alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity: 0;
  opacity: 0;
  font-size: 0;
  cursor: pointer;
  overflow:hidden;
}
#form_upload_frame_01 input[type=file]{
  filter:alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity: 0;
  opacity: 0;
}

.inner input[type=file]{
  filter:alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity: 0;
  opacity: 0;
}


.btnTransferMan {
  display: none;
  cursor: pointer;
  color:#6b7780;
  font-size: 14px;
  position: absolute;
  top: 5px;
  right: 10px;
  height: 30px;
  line-height: 30px;
  padding:0 0 0 30px;
}
.web-toolbar{
  position: relative;
  display: flex;
  flex-direction: row;
}
.web-toolbar i{
  display: block;
  margin-right: 5px;
  width: 30px;
  height: 30px;
}
.btnTransferMan i {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25px;
  height: 25px;
  overflow: hidden;
  font-size: 30px;
}
.qq-face {
  cursor: pointer;
  overflow: hidden;
  font-size: 30px;
}
.leaveWords,.satisfication_survey{
  width: 30px;
  height:25px;
  overflow: hidden;
  font-size: 30px;
}

.leaveWords:hover, .survey_hover:hover{
  cursor: pointer;
  color:#07c5ba;
}
.leave-message-tip p{
  font-size:12px;
  text-align: center;
  width:500px;
  border-radius: 5px;
  margin:20px auto;
  padding:10px 0;
  background: rgb(187,10,48) !important;
  color: #07c5ba;
}
.face_panel {
  position:absolute;
  width:385px;
  padding:5px 0 5px 3px;
  top:-192px;
  left:-3px;
  background:#f7f7f7;
  border-radius:10px;
  z-index: 3;
}

.face_panel li{
  float:left;
  padding:5px;
  cursor:pointer;
  list-style-type: none;
}

.face_panel li img{
  vertical-align: middle;
}

.agent-message .ico-triangle:after{
  width: 0px;
  height: 0px;
  position: absolute;
  top: 15px;
  left: -12px;
  content: "";
  border-width: 5px 8px 5px 5px ;
  border-color: transparent #f5f8fa transparent transparent;
  border-style: solid;
}
.user-message .ico-triangle:after{
  width: 0px;
  height: 0px;
  position: absolute;
  top: 15px;
  right: -12px;
  content: "";
  border-width: 5px 5px 5px 8px;
  /*border-color: transparent transparent transparent #cbf4f9;*/
  border-style: solid;
}

#face_panel :after {
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: -23px;
  left: 0;
  content: "";
  border-width: 15px 15px 15px 15px;
  border-color: #f7f7f7 transparent transparent transparent;
  border-style: solid;
}

.guestSurveyBox{
  background:#f5f8fa;
  padding:0 20px 16px;
  border-radius:5px;

}

.guestSurveyTitle{
  margin:0 0 5px;padding: 0 0 8px;
  text-align:center;font-size:14px;color:#6b7780
}
.guestSurveyTitle span{position: relative;  top: 12px;background:#f5f8fa;  padding: 0 10px;}
.guestSurveyTitle i {display: block;border-bottom: 1px solid #e2e2e2}

.guestSurveyOption{*zoom:1;overflow:hidden;}
.guestSurveyOption li{
  margin: 10px 0 10px 60px;
  color:#868e9a;
  border-radius: 10px;
  text-align:center;list-style: none;display:inline-block;
  width:70px;height:70px;font-size:14px;
  cursor: pointer;
  position:relative;
}
.guestSurveyOption .active{
  color: #F50537;
  border: 1px solid #F50537;
  background:transparent;
}
.guestSurveyOption .active .dface{
  background-position-y: 0;
}
.guestSurveyOption .active .dface:after{
  width: 20px;
  height: 20px;
  position: absolute;
  background:url(/onlineTalk/assets/images/icon_mark_ok.png) 0 80px;
  right: -5px;
  top: -5px;
  content: "";
}
.dface{
  background:url(/onlineTalk/assets/images/icon_face.png) 0 90px;
  display:block;
  width:40px;height:40px;
  margin:5px auto;
}
.middle_face{
  background-position-x: -40px;
}
.low_face{
  background-position-x:40px;
}
.guestSurveyText {
  display: flex;
  flex-direction: column;
}
.guestSurveyText textarea:focus{
  border-color:#F50537
}
.guestSurveyText textarea::placeholder {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0,0,0,0.25);
  text-align: left;
  line-height: 24px;
  font-weight: 400;
}
.guestSurveyText textarea {
  /* outline: none;
  border:1px solid #cbd3dd;
  font-size: 14px;
  resize: none;
  display: block;
  width:450px;
  margin:0 auto 15px;
  padding:5px;
  -webkit-appearance: none;
  overflow-y: auto;
  overflow-x: hidden;
  color:#6b7780; */

  outline: none;
  border: 1px solid #cbd3dd;
  font-size: 14px;
  resize: none;
  display: block;
  width: 100%;
  margin: 0 auto 15px;
  line-height: 32px;
  padding: 8px 12px;
  -webkit-appearance: none;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  font-family: PingFangSC-Regular;
  color: #000000;
  font-weight: 400;
}

/* .saveSurvey {
  color: #FFF;
  width:100px;
  margin:0 auto;
  display: block;
  text-align: center;
  line-height:32px;
  border:none;
  font-size:14px;
  border-radius: 5px;
  cursor: pointer;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
} */
.satisfaction_pos {
  /* margin-left: 180px */
}


/*客户留言*/
.leaveWordsBox{
  width: 400px;
  border: 1px solid black;
  padding: 24px;
  border-radius: 9px;
  box-sizing: border-box;
}
select#leaveWordsClassify{
  width: 100%;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: black;
  text-align: left;
  line-height: 24px;
  font-weight: 400;
  padding: 8px 12px;
  height: 40px;
  margin-bottom: 10px;
}
.leaveWordsTitle{
  margin:0 0 14px;padding: 0 0 8px;
  text-align:center;font-size:14px;color:#6b7780
}
.leaveWordsTitle span{position: relative;  top: 12px; padding: 0 10px;}
.leaveWordsTitle i {display: block;border-bottom: 1px solid #e2e2e2}
.leaveWordsText textarea:focus{
  /* border-color:#07c5ba */
}
.leaveWordsText textarea{
  outline: none;
  border:1px solid #cbd3dd;
  font-size: 14px;
  resize: none;
  display: block;
  width:100%;
  margin:10px auto 10px;
  line-height: 32px;
  padding: 8px 12px;
  -webkit-appearance: none;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  font-family: PingFangSC-Regular;
  color: #000000;
  font-weight: 400;
}
.leaveWordsText textarea::placeholder {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0,0,0,0.25);
  text-align: left;
  line-height: 24px;
  font-weight: 400;
}
.leaveWordsText input::placeholder{
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0,0,0,0.25);
  text-align: left;
  line-height: 24px;
  font-weight: 400;
}
.leaveWordsFiles{
  border: 1px solid #cbd3dd;
  margin: 10px auto 15px;
  padding: 10px;
}
.leaveWordsText input{
  height: 40px;
  outline: none;
  border:1px solid #cbd3dd;
  font-size: 14px;
  resize: none;
  display: block;
  line-height: 30px;
  width:100%;
  margin:10px auto 10px;
  padding: 8px 12px;
  -webkit-appearance: none;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  font-family: PingFangSC-Regular;
  color: #000000;
  font-weight: 400;
}
.leaveWordsFail{
  color:red;
  margin-top: 8px;
}
@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ball-beat > div {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
  animation: ball-beat 0.7s 0s infinite linear;
}

.ball-beat > div:nth-child(2n-1) {
  -webkit-animation-delay: 0.35s !important;
  animation-delay: 0.35s !important;
}
#loading{
  position:absolute;
  width:100px;
  left:50%;
  margin-left:-30px;
  top:40%;
}
/* .saveSurvey:hover{
  background:   #03aba1;
} */
.im-message-warp a{
  color:#07c5ba;
  text-decoration: underline;
}
.im-message-warp a:active{
   color:blue;
}
/*机器人欢迎语样式*/
.ico-triangle .welcomeword-alter{
  display: block;
  color:#9ba8ba;
  font-size: 13px;
}
.white .header{
  color:black
}
.message_tip .quene_tip_query {
  text-decoration: underline;
}
.satisfication_survey {
  left: 120px;
}

.cike-copy-right{
  display: none;
  position: fixed;
  left: 0;
  bottom: 5px;
  width: 100%;
  text-align: center;
}
.cike-copy-right .logo{
  position: relative;
}
.cike-copy-right .logo .icon-cike{
  font-size: 18px;
  position: absolute;
  left: -20px;
  top: -3px;
}
#webim .w-e-toolbar{display: none}

.adv-close{width:60px;height:30px;line-height: 30px}
.com-advs{width:100%;height:220px;overflow:hidden;position:relative;background:#ececec;display: none}
.com-advs ul li{cursor:pointer;font-size:0;vertical-align:bottom;overflow:hidden;float:left;list-style:none;overflow:hidden}
.com-advs ol{position:absolute;right:0;bottom:20px;;z-index:10;list-style:none;height:21px}
.com-advs ol li{width:15px;background:white;border:1px solid #74A8ED;border-radius:10px;color:#74A8ED;cursor:pointer;float:left;font:12px Arial;height:15px;margin:2px 3px;text-align:center;}
.com-advs ol li.on{height:19px;width:19px;background:#74A8ED;border:1px solid #EEEEEE;color:#FFFFFF;font-size:16px;font-weight:bold;line-height:19px;margin:0 3px;}

.advs .im-message-warp,.advs .foot ,.advs .im-title{width:760px;}
#ad_areas_wrap{display:none;height:100%;width:1000px;background:white;position: absolute;left:50%;top:60px;margin-left: -490px;}
.advs #ad_areas_wrap{display: block}
.ad_areas{padding:5px;border-left:1px solid #cbd3dd;height:98%;position: absolute;right:0;top:0;width:220px;background: white}

/* .message-warp .product-news{  display: block;  width: 350px;  color: #6b7780;  text-decoration: none;  }
.message-warp .product-news:active{  color: #6b7780;  }
.product-news .product-news-img{  width: 100%;  height: 100%;  }
.product-news .product-news-content{ margin-top: 0px; }
.product-news .product-news-title{  height: 40px;  margin-bottom: 15px;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; text-overflow: ellipsis; }
.product-news .product-news-description{  height: 20px; }

.product-news .product-news-img-old{  float: left;  width: 80px;  height: 80px;  }
.product-news .product-news-content-old{  height: 100%;  padding-left: 100px;  }
.product-news .product-news-title-old{  height: 40px;  margin-bottom: 15px;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; text-overflow: ellipsis; }
.product-news .product-news-description-old{  height: 20px;  overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap; font-weight: 800; color: #ff0000; } */
.product-news {
  text-decoration: none;
  display: block;
}
.product-news-img-old {
  width: 66px;
}
.product-news-content-old {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-around;
}
.product-news-title-old {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 500;
  width: 24vw;
}
.product-news-description-old {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  margin-right: 16px;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #989898;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
  width: 11vw;
  margin-top: 8px;
}

/*语音样式*/
.voice {
  width: 200px;
  height: 25px;
  background: url("/onlineTalk/assets/images/talking.png") no-repeat;
  background-size:25px;
  cursor: pointer;
}
.voice-gif{
  background: url("/onlineTalk/assets/images/talking.gif") no-repeat;
  background-size:25px;
}
.voice-unread {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 232px;
  top: 0;
  border: 5px solid #ff6868;
  border-radius: 10px;
}
.receipt-message{
  position: absolute;
  top: 0;
  left: -35px;
  padding: 8px 15px;
  height:25px;
}
.out-message{
  background: url("../../assets/images/loading_pic.gif") no-repeat right bottom;
}
.send-msg-failed, .send-msg-submit_fail,.send-msg-submit_success{
  background: url("../../assets/images/icon_send_fail.png") no-repeat right bottom;
}
input::-webkit-input-placeholder {
   color: #aab2bd;
   font-size: 12px;
   font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
textarea::-webkit-input-placeholder {
  color: #aab2bd;
  font-size: 12px;
  font-family: "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif;
}
/*文件下载样式*/
.downLoadFile-wrap{
  min-height: 70px;
}
.downLoadFileIcon{
  float: left;
  height: 70px;
  width: 70px;
  background: url("../../assets/images/icon-txt.png")  no-repeat center center;
}
.downLoadFileName{
  float: left;
  max-width: 200px;
  padding-left: 10px;
  padding-top: 10px;
}
.downLoadFileName>p{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 200px;
  line-height: 18px;
  word-wrap: break-word;
}
.downLoadFileIconImg{
  background: url("../../assets/images/icon-txt.png")  no-repeat center center;
}
.downLoadFileIconRar{
  background: url("../../assets/images/icon-zip.png")  no-repeat center center;
}
.downLoadFileIconDoc{
  background: url("../../assets/images/icon-word.png")  no-repeat center center;
}
.downLoadFileIconExcel{
  background: url("../../assets/images/icon-excel.png")  no-repeat center center;
}
.downLoadFileIconPpt{
  background: url("../../assets/images/icon-ppt.png")  no-repeat center center;
}
.downLoadFileIconPdf{
  background: url("../../assets/images/icon-pdf.png")  no-repeat center center;
}
/*风险提醒*/
#risk-warn{
  position: relative;
  width: 100%;
  margin-top: 55px;
  padding-bottom: 25px;
  box-sizing: border-box;
  display: none;
  background-size: 100% 100%;
}
.englishRisk{
  padding-top: 30px;
  background: url("../../assets/images/englishRisk.png") center center no-repeat;
}
.chineseRisk{
  padding-top: 35px;
  background: url("../../assets/images/englishRisk.png") center center no-repeat;
}
#risk-warn>.cover-line{
  position: absolute;
  top: -60px;
  left: -39px;
  width: 120%;
  height: 50px;
  background: #fff;
  border-bottom: 1px solid #cbd3dd;
}
#risk-warn>h4{
margin-left: 22px;
font-size: 16px;
line-height: 30px;
color: rgb(255,110,109);
padding-left: 30px;
background: url("../../assets/images/icon_send_fail.png")  no-repeat 0px center;
}
#risk-warn>.warn-content{
padding:4px 22px;
font-size: 14px;
line-height: 16px;
text-align:justify;
word-break:break-all;
}
#risk-warn>.chineseRiskContent{
  line-height: 18px;
}
/*星级样式*/
.guestSurveyBox {
  background: white;
  /* padding: 0 20px 16px;
  border-radius: 5px; */
  border: 1px solid black;
  padding: 24px;
  border-radius: 9px;
  box-sizing: border-box;
}
.guestSurveyTitle{
  margin:0 0 5px;padding: 0 0 8px;
  text-align:center;font-size:14px;color:#6b7780
}
#guestSurveyBox .ul_star{
  display:flex;
  flex-direction: row;
  justify-content: center;
  padding-left:0px;
  margin:0px;
}
#guestSurveyBox .ul_star li{
  list-style:none;
}
.img_style{
  width:25px;
  height:25px;
  margin-right:15px;
}
.img_style_last{
  width:25px;
  height:25px;
  margin-right:0px;
}
.centerClass{
  text-align:center;
  margin:0px;
  font-size:14px;
}
.ul_button{
  display:block;
  margin:10px 0px;
  width:100%;
  overflow:hidden;
  padding-left:0px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.ul_button .li_button{
  list-style:none;
  display:block;
  width:45%;
  float:left;
  height:25px;
  line-height:25px;
  text-align:center;
  margin-right:10%;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  margin-bottom:10px;
  overflow:hidden;
}
.ul_button .li_button:nth-child(odd){
  margin-right:0px;
}
.li_button{
  border:1px solid #ccc;
  border-radius:5px;
  cursor: pointer;
}
.hideTextarea{
  display:none!important;
}
.ul_box5{
  display:block;
}
.ul_box4{
   display:none;
 }
.ul_box3{
  display:none;
}
.ul_box2{
  display:none;
}
.ul_box1{
  display:none;
}
.click-color{
  border-color: #F50537;
  color:#F50537;
}
.top_p{
  display:block;
  text-align:center;
  margin-bottom:8px;
}
.curStyle{
  cursor: pointer;
}