/* height: -moz-calc(100% - 60px);height: -webkit-calc(100% - 60px);height: calc(100% - 60px); */
* { margin: 0px; padding: 0px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; height: 100%; }

body { height: 100%; margin: 0 auto; width: 100%; max-width: 1920px; overflow-x: hidden; font-family: 'Microsoft YaHei'; font-size: 14px; font-size: 1.4rem; color: black; }

a { color: #222; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; }

ol, ul, li { list-style: none; }

img { border: 0px solid #ccc; }

table, embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

input[type=search]::-ms-clear{display: none;}  /*清除IE下的 search 叉号*/
input[type=text]::-ms-clear{display: none;}  /*清除IE下的 text 叉号*/
 /* //针对Chrome浏览器 */
input::-webkit-search-cancel-button{display: none;}  /*清除谷歌浏览器下的 search 叉号*/


textarea { resize: none; }

button { border: none; background: none; cursor: pointer; }

em, i { font-style: normal; }

button,input,select{border: none;}
button:focus,input:focus,select:focus{outline: none;}
select option{border: none;}

::-webkit-input-placeholder { color: #999999; }
::-moz-placeholder { color: #999999; }
:-moz-placeholder { color: #999999; }
:-ms-input-placeholder { color: #999999; }

/* .c-xx start */

.c-nomr { margin-right: 0 !important; }

.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.vcb{display: inline-block;vertical-align: middle;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb40{margin-bottom: 40px;}

.color999{color: #999;}
.colorAAA{color: #AAA;}

.fs12{font-size: 12px;}

.dialogs{display: none;}


/* 查看图片弹窗 */
.layui-layer-showImg{width: 80%;height: 80%;max-width: 700px;max-height: 700px;}
.layui-layer-showImg .layui-layer-title {background-color: unset;border: 0;position: absolute;top: 0;width: 100%;}
.layui-layer-iframe.layui-layer-showImg iframe{height: 100% !important;}
.layui-layer-showImg .layui-layer-content{width: 100%; height: 100%;}


/*聊天*/
* { touch-action: none; }
.chat{position:relative;width: 50px;display: block; height: 50px;right: 0px;left: unset}
.chat { position: fixed; *position: absolute; z-index: 9; right: 95px; bottom: 80px; width: 50px; height: 50px; background: url("../images_chat/chat.png") no-repeat center;  line-height: 0; font-size: 0; }

#chat{position: fixed; z-index: 9; cursor: pointer;right: 0px}
#chatbigBox{position: fixed; z-index: 9; right: 50px; bottom: 0px;  line-height:1.4; font-size: 14px;}
#chatBox.active{overflow:hidden;width: 290px;box-shadow:0px 0px 5px 2px rgba(81, 91, 96, 0.5); z-index: 99999999;height: 430px;transition: all 0s;bottom: 50px}
.flex{display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}
#chatBox{width:0px;box-shadow:0px 0px 5px 2px rgba(81, 91, 96, 0);position: absolute;right:0px;bottom:0px;z-index: 99999999;height: 0;transition: all 0s;overflow: hidden}
#chatBox .chatTop{height: 35px;line-height: 35px;color: #fff;background-color:#005FB2;padding: 0 5px;box-sizing: border-box }
#chatBox .chatTop img{float: right;}
#chatBox .chatTop .down{display: block;width:15px;height:10px;margin-top: 12px;cursor: pointer}
#chatBox #chats{overflow-y: auto}
#chatBox .chatCont{height:300px;background-color:#F0F3F4;text-align: center;color: #999;padding : 10px ;box-sizing: border-box;border-bottom: 1px solid #D9D9D9;}
#chatBox .chatCont .chatRt{text-align: right; padding: 5px;box-sizing: border-box;display: block; word-wrap: break-word;}
#chatBox .chatCont .chatLt{text-align: left; padding: 5px;box-sizing: border-box;display: block; word-wrap: break-word;}
#chatBox .chatCont .chatRt p{background-color: #005FB2;padding: 5px;box-sizing: border-box;display: inline-block;border-radius:8px 8px 0 8px;color: #fff; word-wrap: break-word; text-align: justify; }
#chatBox .chatCont .chatLt p{background-color: #fff;padding: 5px;box-sizing: border-box;display: inline-block;border-radius:8px 8px 8px 0;color: #333; word-wrap: break-word; text-align: justify; }
#chatBox .chatInput{height: 100px;background-color: #fff}
#chatBox .chatInput textarea{display: block;height: 70px;line-height: 1.4;width: 100%;padding: 5px;box-sizing: border-box}
#chatBox .toolBox{padding: 0 5px}
#chatBox .toolBox .chaticon{display: inline-block;width: 25px;cursor: pointer}
.scrollbarBox::-webkit-scrollbar {/*滚动条整体样式*/
  width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
  scrollbar-arrow-color:red;
}
.scrollbarBox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #c1c1c1;
  box-shadow: inset 0 0 5px #c1c1c1;
  background: #c1c1c1;
  scrollbar-arrow-color:red;
}
.scrollbarBox::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,95,178,0);
  box-shadow: inset 0 0 5px rgba(0,95,178,0);
  border-radius: 0;
  background: rgba(0,95,178,0);
}

@media screen and (max-width: 767px) {
  #chatbigBox{right: 0}
  /*#chat{right: 20px}*/
  #chatBox{right: 10px}
}