* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
	-webkit-overflow-scrolling: touch;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

html,
body {
	height: 100%;
	width: 100%;
	overflow: hidden;
	font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* font-family: "新細明體", "mingliu", "taipei", "微軟正黑體", "Verdana", "Geneva", "Tahoma", "sans-serif", "Helvetica", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Tahoma", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei" */
}

.main-content {
	/*display: none;*/
	width: 100%;
	height: 100%;
	background-color: #f0f6f6;
	overflow: hidden;
}

.chat-page {
	width: 100%;
	height: 100%;
	background-color: #f0f6f6;
}

.chat-header {
	width: 100%;
	height: 40px;
	/*background: url('../img/button/top.png') no-repeat;*/
	background-color: #C6242E;
	z-index: 199;
	/*border-radius: 12px 12px 0px 0px;*/
}

.logonbox {
	width: 120px;
	height: 40px;
	float: left;
	line-height: 40px;
	color: white;
	margin-left: 20px;
}

.logonbox p {
	font-size: 15px;
}

.butAgree {
	cursor: pointer;
	width: 108px;
	height: 36px;
	color: white;
	float: left;
	margin-left: 80px;
	font-size: 18px;
	background: url('../img/button/load.png') no-repeat;
}

.butAgree1 {
	cursor: default;
	width: 108px;
	height: 36px;
	line-height: 36px;
	color: white;
	margin-left: 80px;
	font-size: 18px;
	/* background: url('../img/button/load.png') no-repeat; */
	background: url('../img/button/refuse.png') no-repeat;
}

.butRefuse {
	cursor: pointer;
	width: 108px;
	height: 36px;
	margin-left: calc(50% - 150px);
	float: left;
	color: black;
	font-size: 18px;
	background: url('../img/button/refuse.png') no-repeat;
}

.fileLoading {
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: url(../img/button/fileLoading.gif) center center no-repeat;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -34px;
	transform: translate(0%, -50%);
}

.appclass {
	height: calc(100vh - 160px) !important;
}

.safaclass {
	margin-top: 30px;
}

.apptreatyDiv {
	position: absolute;
	bottom: 60px;
	height: 40px !important;
}

.butRefuse1 {
	cursor: pointer;
	width: 108px;
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	background: url('../img/button/refuse.png') no-repeat;
}

.colorRefuse {
	background: url('../img/button/notAgree.png') no-repeat;
}

.inputMsg {
	width: 200px;
	line-height: 42px;
	float: left;
	color: #fff;
	font-size: 13px;
	margin-left: 50px;
	display: none;
}

.head-right {
	float: right;
	width: 37px;
	height: 38px;
}

.lobibox-fast {
	background-color: white;
	border-radius: 0px !important;
}

.lobibox-fast .lobibox-header {
	width: 100%;
	border-left: 40px solid #7c878e;
	background-color: #b51a25 !important;
	height: 4px;
	padding: 0px !important;
	border-radius: 0px !important;
}

.lobibox-fast img {
	display: none;
}

.lobibox-fast .lobibox-body-text-wrapper {
	width: 100% !important;
}

.lobibox-fast .lobibox-footer {
	border-radius: 0px !important;
}

.video-lobbox-no {
	background-color: #b51a25;
	border-radius: 5px !important;
	border-width: 0px;
	border-style: outset;
	border-color: #b51a25 !important;
	border-width: 1.5px !important;
	color: #FFFFFF;
	font-weight: bold;

}

.video-lobbox-yes {
	background-color: white;
	border-radius: 5px !important;
	border-width: 0px;
	border-style: outset;
	border-color: #b51a25 !important;
	border-width: 1.5px !important;
	color: #b51a25;
	font-weight: bold;

}

.video-lobbox-no:hover {
	background: #711a20;
	border: 1.5px solid #711a20 !important;

}

.video-lobbox-yes:hover {
	color: #711a20;
	border: 1.5px solid #711a20 !important;
}

.closebox {
	cursor: pointer;
	background: url(../img/head/close.png) center center no-repeat;
	display: none;
}

.hide-box {
	background: url(../img/head/hide.png) center center no-repeat;
	display: none;
}

.closebox:hover {
	/* background: url(../img/head/close-s.png) center center no-repeat; */
}

.hide-box:hover {
	background: url(../img/head/hide-s.png) center center no-repeat;
}

/*.ding-box{
	background: url(../img/head/zhiding.png) center center no-repeat;
}*/
.his-st {
	color: #519AF9;
	width: 100%;
	line-height: 30px;
	text-align: center;
	display: block;
}

.msg-content {
	width: 100%;
	height: calc(100% - 190px);
	background-color: #eaeaea;
	/* border-bottom: 1px solid #e7ebec; */
	box-sizing: border-box;
}

.msg-bottom {
	width: 100%;
	height: 150px;
	background-color: #f0f6f6;
	border-radius: 12px;
	position: absolute;
	bottom: 0;
	z-index: 199;
	display: none;
}

.msg-bottom .chat-tools {
	height: 38px;
	padding-left: 18px;
	background-color: #f0f6f6;
}

.listMessageSend {
	cursor: pointer;
	color: #3b73d0;
}

.msg-bottom .chat-tools div {
	float: left;
	height: 37px;
	width: 30px;
	display: none;

}

.msg-bottom .chat-tools input {
	pointer-events: none;
}

.downloadwphone {
	float: right;
	width: 40px;
	height: 28px;
	color: #fff;
	margin-top: 3px;
	margin-right: 35px;
	padding-left: 15px;
	cursor: pointer;
	display: none;
}

.commonQuestions {
	font-size: 14px !important;
}

.language {
	font-size: 15px;
	line-height: 40px;
	cursor: pointer;
	color: #000000;
	/* display: none; */
}
.languageMsg{
	padding: 0 5px;
	color: #3b73d0;
}

.language:hover {
	/* color: #fff; */
}

.languageBox{
	display: none;
	padding: 0 10px;
}

.chat-tools .tools-face {
	background: url(../img/tools/biaoqing.png) center center no-repeat;
}

.chat-tools .tools-cut {
	background: url(../img/tools/jietu.png) center center no-repeat;
}

.chat-tools .tools-judge {
	background: url(../img/tools/pingjia.png) center center no-repeat;
}

.chat-tools .tools-upload {
	background: url(../img/tools/wenjian.png) center center no-repeat;
	margin-left: 12px;
}

.chat-tools .tools-Lmsg {
	background: url(../img/tools/image.png) center center no-repeat;
	margin-left: 12px;
}

.chat-tools .tools-code {
	background: url(../img/tools/erweima.png) center center no-repeat;
}

.chat-tools .tools-face:active {
	background: url(../img/tools/biaoqing-s.png) center center no-repeat;
}

.chat-tools .tools-cut:hover {
	background: url(../img/tools/jietu-s.png) center center no-repeat;
}

.chat-tools .tools-judge:hover {
	background: url(../img/tools/pingjia-s.png) center center no-repeat;
}

/* .chat-tools .tools-upload:active {
  background: url(../img/tools/wenjian-s.png) center center no-repeat;
} */

.chat-tools .tools-code:hover {
	background: url(../img/tools/erweima-s.png) center center no-repeat;
}

.chat-tools .tools-back {
	background: url(../img/tools/qiehui.png) center center no-repeat;
}

.chat-tools .tools-back:hover {
	background: url(../img/tools/qiehui-s.png) center center no-repeat;
}

.chat-tools .tools-video {
	background: url(../img/tools/video.png) center center no-repeat;
	margin-left: 12px;
}

.chat-tools .tools-call {
	background: url(../img/tools/call.png) center center no-repeat;
}

.chat-tools .tools-video:hover {
	background: url(../img/tools/video-s.png) center center no-repeat;
}

.chat-tools .tools-agent {
	background: url(../img/tools/toagent.png) center center no-repeat;
}

.chat-tools .tools-agent:hover {
	background: url(../img/tools/toagent-s.png) center center no-repeat;
}

.msg-bottom .input {
	width: 80%;
	height: 80%;
	border: none;
	outline: none;
	padding: 4px 12px;
	box-sizing: border-box;
	background: #f0f6f6;
}

.msg-send-box {
	height: calc(100% - 41px);
}

.msg-bottom .btnbox {
	right: 20px;
	bottom: 50px;
	border-radius: 8px;
	position: absolute;
	line-height: 37px;
	text-align: center;
}

.msg-bottom .btnbox .btn-v {
	width: 100px;
	height: 37px;
	outline: none;
	font-size: 14px;
	color: #666666;
	background-color: white;
	cursor: pointer;
}

.quter-gry-btn {
	background-color: #fdfefe;
	border: 1px solid #dce4e4;
	color: #a8b5b5;
	border-radius: 10px;
	cursor: pointer;
}

.blue-btn {
	border-radius: 15px;
	background-color: #1891ff;
	color: #fff;
	border: none;
	outline: none;
}

.gry-btn {
	border-radius: 15px;
	background-color: #cdd0d9;
	color: #66696c;
	border: none;
	outline: none;
}

.hollow-redBtn {
	background: url(../img/button/solve.png) center center no-repeat;
}

.solvebtn {
	background: url(../img/button/solve.png) no-repeat;
	background-size: 100px 24px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	color: white;
}

.unsolvebtn {
	background: url(../img/button/unsolve.png) no-repeat;
	background-size: cover;
	;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	color: #b51a25;
}

.cai {
	background: url(../img/button/zan.png) no-repeat;
}

/* .hollow-btn:hover {
  border: 1px solid red;
  border-radius: 8px 8px 8px 8px;
} */

.active-hollow-btn {
	background-color: #cee1fb;
}

.hollow-gry-btn {
	border-radius: 15px;
	color: #7f7f7f;
	border: 1px solid #d5d5d7;
	background-color: #fff;
	outline: none;
	padding: 4px 8px;
	margin: 10px;
}

.active-hollow-gry-btn {
	color: #519af9;
	border: 1px solid #519af9;
}


.lista {
	display: block;
	/* margin-bottom: 10px; */
	text-decoration: underline;
	color: #3b73d0;
	font-size: 14px;
	line-height: 20px;
	word-break: break-word;
}

.listb {
	/* margin-bottom: 10px; */
	text-decoration: underline;
	color: #3b73d0;
	font-size: 14px;
	line-height: 20px;
	margin-left: 15px;
}

/*.msg-bottom .btnbox .btn-v:active{
	background-color:#488de8 ;
}*/
.facebox {
	position: absolute;
	left: 15px;
	bottom: 110px;
	width: 350px;
	height: 175px;
	background: #fff;
	border: 2px solid #ddd;
	border-radius: 5px;
	z-index: 999;
	display: none;
}

@media screen and (max-width: 768px) {
	.facebox {
		position: absolute;
		left: 50%;
		bottom: 110px;
		width: 350px;
		height: 175px;
		background: #fff;
		border: 2px solid #ddd;
		border-radius: 5px;
		z-index: 999;
		display: none;
		margin-left: -177px;
	}
}

.facelist {
	float: left;
	width: 350px;
	height: 175px
}

.facelist li {
	float: left;
	width: 35px;
	padding: 6px;
	margin: -1px 0 0 -1px;
	height: 35px;
	cursor: pointer;
	box-sizing: border-box;
}

.facelist li:hover {
	background: #FCFFEF;
	border: 1px solid #f80;
	position: relative;
	z-index: 1000
}

.erCode-container {
	position: absolute;
	bottom: 110px;
	width: 136px;
	height: 50px;
	left: 45px;
	box-shadow: 0px 0px 4px #919296;
	cursor: pointer;
	z-index: 999;
}

.erCode-container .wechat-ercode,
.app-ercode {
	height: 25px;
	line-height: 25px;
	text-align: center;
}

.wechat-ercode-selected {
	background: #33b0b4;
	color: #fff;
}

.app-white {
	background: #fff;
}

.qrcode-content {
	position: absolute;
	bottom: 110px;
	left: 50px;
	height: 100px;
	width: 100px;
	display: none;
	box-shadow: 0px 0px 4px #8c909d;
	padding: 5px;
	background: #fff;
	z-index: 999;
}

.timebar-left {
	text-align: left;
	line-height: 22px
}

.timebar-right {
	margin: 0 22px 0px;
	text-align: right;
	line-height: 22px;
	color: #39AB6B
}

.mesgdiv {
	position: relative;
	width: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0 0 5px
}

.font-username {
	font-size: 12px;
	color: #bebebe;
	padding-left: 22px;
}

.mesgleft .sysmesgbox {
	float: left
}

.mesgleft .userpic {
	float: left;
	margin: 10px 6px 0 10px;
}

.mesgleft .mesgbox {
	float: left;
	background: #fff;
	border-radius: 0px 8px 8px 8px;
}

.mesgleft .picbox,
.mesgright .picbox {
	display: inline-block;
	padding: 5px;
}

.mesgleft .picbox img,
.mesgright .picbox img {
	max-width: 100px;
	max-height: 150px;
	float: left;
	cursor: pointer;
}

.mesgleft .arrow {
	display: block;
	line-height: 1.231;
	overflow: hidden;
	height: 20px;
	width: 11px;
	font-size: 20px;
	position: absolute;
	top: 0px;
	left: -4px;
	background: url(../images/arr2.jpg) no-repeat;
	z-index: -1
}

.mesgright .userpic {
	float: right;
	margin: 0 22px 0 12px
}

.mesgright .mesgbox {
	float: right;
	/*background: #2b6095;*/
	border-radius: 8px 0px 8px 8px;
	background: #999999;
	max-width: 360px;
}

.mesgright .arrow {
	display: block;
	line-height: 1.231;
	overflow: hidden;
	height: 20px;
	width: 11px;
	font-size: 20px;
	position: absolute;
	top: 0px;
	right: -4px;
	background: url(../images/arr1.jpg) no-repeat;
	z-index: -1
}

.mesgbox {
	min-height: 20px;
	min-width: 15px;
	margin-bottom: 20px;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*opera或ie9*/
	z-index: 1;
	position: relative;
	behavior: url(./resources/js/PIE.htc)
}

.mesgcon {
	/* float: left; */
	width: 100%;
	word-break: break-all;
	min-height: 30px;
	padding: 10px;
	/* color: white; */
}
.mesgcon2 {
	padding: 0px;
}
.mesgcon font {
	color: blue;
	cursor: pointer;
}

.mesgcon font:hover {
	color: red;
}

.mesgcon1 {
	float: left;
	width: 102%;
	margin-left: -2%;
	word-break: break-all;
	line-height: 34px;
	height: 34px;
	background: url(../img/button/common.png) no-repeat;
	background-size: 120%;
}

.mesgcon1 p {
	display: block;
	margin-left: 10px;
	color: #000;
	font-size: 12px;
	letter-spacing: 1px;
	word-break: break-word;
}

.mesgcon p {
	display: block;
	/* margin: 14px; */
	/* color: white; */
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 1px;
	word-break: normal;
	word-wrap: break-word;

}
.mesgcon span {
	/* margin: 14px; */
	/* color: white; */
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 1px;
	word-break: normal;
	word-wrap: break-word;

}

.mesgcon img,video {
	width: 100%;
}

#scroLeft {
	overflow: scroll;
	height: 100%;
	width: 100%;
}

.mesgicon {
	width: 10px;
	height: 10px;
	/* float: right; */
	position: absolute;
	right: 15px;
	background: url('../img/button/clientChat.png') no-repeat;
}

.msgIconLeft {
	width: 10px;
	height: 10px;
	/* float: right; */
	position: absolute;
	left: 52px;
	background: url('../img/button/agentIcon.png') no-repeat;
}

#netError,
#netRestoration {
	height: 40px;
	line-height: 25px;
	background: #fff;
	position: absolute;
	top: 30px;
	left: 50%;
	width: 180px;
	margin-left: -75px;
	padding: 6px 10px;
	border-radius: 4px;
	z-index: 99999;
	text-align: center;
	display: none;
}

/* 图片放大 */
.chat-page #enlarge-img {
	width: 100%;
	overflow: hidden;
	height: 100%;
	position: absolute;
	max-height: 100%;
	top: 50%;
	left: 50%;
	z-index: 600;
	transform: translate(-50%, -50%);
	/*display: none;*/
}

.chat-page #enlarge-img img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	z-index: 600px;
	transform: translate(-50%, -50%);
}



/*机器人电赞评价*/
.mesgleft .judge-box {
	/* width: 100%;
	text-align: center;
	float: left; */
	position: absolute;
    left: 100.5%;
	bottom: 0;
}

.mesgleft .judge-box a {
	margin-right: 20px;
}

.judge-box-a {
	text-align: center;
	padding-bottom: 10px;
}

.robot-good {
	padding-right: 20px;
	background: url(../img/judge/good.png) right no-repeat;
}

.robot-bad {
	padding-right: 20px;
	background: url(../img/judge/bad.png) right no-repeat;
}

.robot-good-s {
	padding-right: 20px;
	background: url(../img/judge/good-s.png) right no-repeat;
}

.robot-bad-s {
	padding-right: 20px;
	background: url(../img/judge/bad-s.png) right no-repeat;
}

.agent-judge {
	width: 128px;
	height: 38px;
	display: block;
	border: 1px solid #dce8e8;
	background-color: #fff;
	text-align: center;
	vertical-align: center;
	padding-top: 10px;
	box-sizing: border-box;
	text-decoration: none;
}

/*模* 态*/
.modal-page {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.11;
	top: 0;
	z-index: 0;
	/*display: none;*/
}

.login-box {
	position: absolute;
	width: 300px;
	height: auto;
	z-index: 999;
	background: #fff;
	top: 125px;
	left: 50%;
	margin-left: -120px;
	text-align: center;
	border-radius: 8px;
	box-shadow: 0px 0px 4px #919296;
	display: none;
}

.login-box h3 {
	margin: 16px auto 14px;
	font-size: 16px;
	color: #484848;
}

.login-box .head-tips {
	margin: 18px auto 20px 14px;
	text-align: left;
}

.login-box .tips {
	width: 90%;
	margin: auto;
	font-size: 12px;
	color: #676767;
}

.login-box .button-holder {
	height: 145px;
	overflow: auto;
	;
	position: relative;
}

.login-box-bottom button {
	display: inline-block;
	margin: 0;
}

.login-box-bottom {
	margin-bottom: 20px;
}

/*留言*/
.lmsg-page,
.judge-page,
.history-Lmsg,
.judge-success-page,
.treaty-page,
.load-page,
.video-page,
.unsigned-Lmsg-page,
.aspirations-page {
	position: absolute;
	top: 40px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 199;
	/* min-height: 500px; */
	/* min-width: 380px; */
	font-size: 12px;
	color: #585858;
	overflow: hidden;
	text-align: center;
}

.aspirations-page {
	display: none;
	height: calc(100% - 30px);
}

.background-page {
	position: absolute;
	top: 40px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 250;
	min-height: 500px;
	min-width: 380px;
	font-size: 12px;
	color: #585858;
	overflow: hidden;
	text-align: center;
}

.lmsg-page .Lmsg-head,
.unsigned-Lmsg-page .unsigned-lmsg-head {
	width: 80%;
	margin: 42px auto;
	line-height: 22px;
}

.lmsg-page .Lmsg-content,
.unsigned-Lmsg-page .unsigned-Lmsg-content,
.unsigned-Lmsg-bottom {
	margin: auto;
	width: 80%;
}

.lmsg-page .Lmsg-content p {
	margin: 8px;
}

.lmsg-page .Lmsg-content p a {
	color: #8f69fd;
	text-decoration: underline;
	cursor: pointer;
}

.Lmsg-content textarea,
.unsigned-Lmsg-content textarea {
	width: 96%;
	height: 140px;
	border-radius: 3px;
	border-color: #d0e2e2;
}

.Lmsg-bottom,
.unsigned-Lmsg-bottom {
	width: 80%;
	margin: 35px auto;
	text-align: center;
}

.normal-btn-size {
	width: 110px;
	height: 30px;
	margin: 0 13px;
}

.disable {
	pointer-events: none;
	color: black;
	background: url('../img/button/refuse.png') no-repeat;
}

.undisable {
	background: url('../img/button/load.png') no-repeat;
}

.small-btn-size {
	width: 92px;
	height: 28px;
	margin: 0 13px;
}

.solveImg {
	height: 20px;
	margin-top: 2px;
}

.solveFont {
	float: right;
	margin-right: 15px;
}

.robot-judge-btn {
	width: 45px;
	height: 24px;
	margin: 5px 0;
	cursor: pointer;
	border-radius: 6px;
	box-sizing: border-box;
	display: inline-block;
}

.toAgentBtn {
	outline: none;
	border: 1px solid #dce7e7;
	background-color: #fff;
	width: 80px;
	height: 28px;
}

.solveTipContent {
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #F5F5F5;
}

/*未登录留言*/
.unsigned-Lmsg-content p {
	margin-bottom: 8px;
}

.un-lmsg-name,
.un-lmsg-email {
	height: 30px;
	border: 1px solid #D0e2e2;
	width: 84%;
}

.un-lmsg-name:focus,
.un-lmsg-email:focus,
.unsigned-Lmsg-content textarea:focus {
	outline: none;
	border: 1px solid #41d2d7;
}

.input-group {
	margin-bottom: 22px;
}

/*历史留言*/
.history-Lmsg .his-lmg-title {
	width: 80%;
	font-size: 12px;
	color: #585858;
	margin: 12px auto;
	font-weight: bolder;
}

.Lmsg-list-box {
	width: 90%;
	height: 230px;
	margin: 10px auto;
	border: 1px solid #D0E2E2;
}

.Lmsg-list-box .list-head {
	height: 34px;
	background: #edf0f5;
}

.Lmsg-list-box .list-head div {
	float: left;
	line-height: 34px;
	color: #4d5965;
	font-weight: bolder;
	text-align: center;
}

.Lmsg-list-box .list-content {
	height: 30px;
	border-bottom: 1px solid #eeeeee;
	cursor: default;
}

.Lmsg-list-box .list-content div {
	display: inline-block;
	line-height: 32px;
	text-align: center;
	color: #7b8084;
}

.Lmsg-list-box .list-date {
	width: 28%;
}

.Lmsg-list-box .list-time {
	width: 18%;
}

.Lmsg-list-box .list-que {
	width: 38%;
}

.Lmsg-list-box .history-detail {
	width: 15%;
}

.history-detail a {
	font-size: 12px;
	color: #8f69fd;
}

.history-detail a:hover {
	text-decoration: underline;
}

.detail-Lmsg {
	box-sizing: border-box;
	width: 90%;
	height: 160px;
	border: 1px solid #D0E2E2;
	margin: auto;
	padding-left: 10px;
}

.history-Lmsg-bottom {
	width: 80%;
	margin: 20px auto;
	text-align: center;
}

.detail-Lmsg .p-b {
	font-weight: bolder;
	color: #4d5a62;
	margin: 13px 0 13px 0px;
}

.detail-Lmsg a {
	color: #505962;
	padding-left: 15px;
	line-height: 20px;
}

.content-list {
	height: 195px;
	overflow: scroll;
}

/*评价*/
.judge-page,
.load-page,
.judge-success-page {
	text-align: center;
	display: none;
}

.judge-page p,
.judge-success-page p {
	font-size: 16px;
	color: #474747;
	margin: 50px 0 27px 0;
}

.loadpageP1 {
	margin-top: 70px;
	font-size: 18px;
	color: #222222;
	font-weight: bold;
}

.loadpageP2 {
	margin-top: 80px;
	margin-left: 26px;
	color: #222222;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
}

.loadpageP3 {
	margin-top: 50px;
	margin-left: 26px;
	color: #b51a25;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}

.judge-page .star-rating {
	width: 200px;
	margin: auto;
}

.judge-page .star-rating ul {
	padding-left: 0;
	overflow: hidden;
}

.judge-page .star-rating ul li {
	float: left;
	list-style: none;
	width: 40px;
	height: 30px;
	background: url(../img/judge/star.png) no-repeat;
}

.judge-page .star-rating ul li a {
	display: block;
	width: 100%;
	padding-top: 30px;
	overflow: hidden;
}

.judge-page .star-rating ul li.light {
	background-position: 0 -35px;
}

.judge-page .solution-box {
	margin: 42px auto 35px;
}

.judge-page .unsolved-box {
	margin-bottom: 25px;
}

.judge-page .unsolved-btn {
	width: 80%;
	margin: auto;
}

.area-div textarea {
	width: 312px;
	height: 100px;
	border-radius: 3px;
}

/*judge success*/
.judge-success-page img {
	margin: 40px auto 62px;
}

#info-select table {}

#info-select table tr {
	height: 40px;
}

#info-select table tr input,
select {
	width: 160px;
	height: 30px;
	border: 1px solid #c1c3c2;
	border-radius: 3px;
	padding-left: 5px;
}

#info-box {
	width: 272px;
	height: 260px;
	display: none;
}

.info-input {
	margin-bottom: 10px;
}

.login-box-bottom button {
	display: inline-block;
	margin: 0;
}

#info-box .login-box-bottom {
	margin-bottom: 20px;
	margin-top: 10px;
}

.protocol-box {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent: 2em;
	font-size: 16px;
}

.protocol-box .header {
	position: relative;
	width: 100%;
	height: 40px;
	background-color: #5a6cba;
	color: #fff;
}

.protocol-box .header .back {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
}

.protocol-box .header .title {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 130px;
	text-align: center;
}

.protocol-box p {
	width: 90vw;
	margin: 5vw;
}




/*==========满意度==========*/
.judeg-radio-box {
	width: 100%;
	height: 35px;
	padding-left: 0px;
}

.judeg-radio-box input {
	-webkit-appearance: radio
}

.judeg-radio-box .choose {
	position: relative;
	font-size: 14px;
	/*height:60px;*/
	line-height: 22px;
	float: left;
	padding-left: 20px;
	padding-bottom: 14px;
}

.judeg-radio-box .choose span {
	/*padding-left:10px;*/
}

.judeg-radio-box .choose .radio {
	position: relative;
	display: inline-block;
	font-weight: 400;
	color: #0c4757;
	padding-left: 16px;
	cursor: pointer;
}

.judeg-radio-box .choose .radio input {
	position: absolute;
	left: -9999px;
}

.judeg-radio-box .choose .radio i {
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 10px;
	height: 10px;
	outline: 0;
	border: 2px solid #18AEA5;
	background: #ffffff;
	border-radius: 50%;
	transition: border-color .3s;
	-webkit-transition: border-color .3s;
}

.judeg-radio-box .choose .radio input+i:after {
	position: absolute;
	content: '';
	top: 2px;
	left: 2px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #18AEA5;
	opacity: 0;
	transition: opacity .1s;
	-webkit-transition: opacity .1s;
}

.judeg-radio-box .choose .radio input:checked+i:after {
	opacity: 1;
}

#judgeButton {
	background: #fff;
	border-radius: 20px;
	color: #333;
	padding: 6px 20px;
	border: none;
	outline: none;
	margin-left: 40%;
	border: 1px solid #DADADA;
}


#blackCon {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000;
	opacity: 0.3;
	z-index: 9999;
	display: none;
}

.noservice {
	display: none;
	width: 100%;
	height: 100%;
	text-align: center;
}

.noservice .header {
	position: relative;
	width: 100%;
	height: 40px;
	background-color: #5a6cba;
	color: #fff;
}

.noservice .header .back {
	display: none;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
}

.noservice .header .title {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.noservice .header .history {
	display: none;
	position: absolute;
	width: 70px;
	height: 40px;
	line-height: 40px;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

.noservice .bg {
	width: 70vw;
	margin-top: 40vw;
}

.noservice .noservice-text {
	margin-top: 10px;
	width: 150px;
	display: inline-block;
}

/*已解决未解决*/
.solve-btn-box {
	/* width: 50%;
	overflow: auto;
	position: relative;
	display: inline-block; */
}

video.video {
	object-fit: contain;
}

.treaty-page {
	width: 100%;
	height: calc(100% - 40px);
}

#iframeBox {
	height: calc(100% - 76px) !important;
	width: 100%;
}

#treatyDiv {
	width: 100%;
	display: block;
	/* position: absolute; */
	bottom: 0;
	left: 0;
	right: 0;
	/* background: #0760B3; */
	padding: 0 20px !important;
	height: 76px !important;
	line-height: 76px !important;
	box-sizing: border-box;
}

#treatyDiv div {
	display: inline-block;
	margin-top: 30px;
}

#video {
	height: 70vh;
	width: 100%;
}

.agentMsg {
	min-width: 15px !important;
}

#audio {
	/* width: 480px; */
}

.audioOrVideo {
	min-width: 220px !important;
	width: 100% !important;
}

.voice {
	min-width: 350px;
	max-width: 360px;
}

@media screen and (min-width: 100px) {
	.mesgleft .mesgbox {
		max-width: 70%;
		/* min-width: 70%; */
	}

	.voice {
		min-width: 70% !important;
		max-width: 70% !important;
	}

	.solve-btn-box {
		width: 50%;
	}

	#audio {
		width: 98%;
	}
}

@media screen and (min-width: 500px) {
	.mesgleft .mesgbox {
		min-width: 350px;
		max-width: 360px;
	}

	.voice {
		min-width: 480px !important;
		max-width: 480px !important;
	}

	.solve-btn-box {
		width: 35%;
	}

	#audio {
		width: 480px;
	}


	/* 	.protocol {
		height: 30px;
		display: none;
	}

	.protocol a {
		color: #3B73D0;
		text-decoration: none;
		vertical-align: middle;
	} */
}

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

.messageTip {
	margin: 0 14px 14px;
}

.background-page {
	display: none;
}

.background-page div {
	position: absolute;
	top: 50%;
	margin-top: -60px;
	left: 0;
	right: 0;
	font-size: 16px;
	text-align: center;
}

.readbox {
	display: inline-block;
	/* display: none; */
	float: right;
	height: 50px;
	line-height: 50px;
	color: #666666;
	padding: 0 5px;
	font-size: 12px;
}

.blockContent p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: 58px;
}

.wholeContent {
	display: none;
}

.foldBtn {
	color: #3b73d0;
	cursor: pointer;
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
	border-top: 1px dashed #3b73d0;
}

.retractContent {
	float: left;
	width: 100%;
	text-align: right;
	padding: 10px 0 0 0;
	background-color: #eaeaea;
	color: #3b73d0;
	cursor: pointer;
	display: none;
}

.timeBar {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	display: none;
}

/* modalAlert */
.modalAlert {
	border-radius: 10px;
	overflow: hidden;
	border: none !important;
	background-color: #FFFFFF !important;
	width: 300px !important;
	left: 50% !important;
	top: 50% !important;
	margin-left: -150px;
	margin-top: -64px;
}

@media screen and (min-width: 640px) {
	.modalAlert {
		width: 400px !important;
		left: 50% !important;
	}
}

.modalAlert .lobibox-header {
	background-color: #FFFFFF !important;
	padding: 0 !important;
}

.modalAlert img {
	display: none;
}

.modalAlert .lobibox-body-text-wrapper {
	width: 100% !important;
}

.modalAlert .lobibox-footer {
	background-color: #F00000 !important;
}

.modalAlert .lobibox-btn {
	color: #FFFFFF !important;
	background-color: #F00000 !important;
	border-color: #F00000 !important;
	cursor: pointer;
}

.modalAlert .lobibox-btn:hover,
.modalAlert .lobibox-btn:focus,
.modalAlert .lobibox-btn.focus,
.modalAlert .lobibox-btn:active,
.modalAlert .lobibox-btn.active,
.open>.dropdown-toggle.modalAlert .lobibox-btn {
	color: #FFFFFF !important;
	background-color: #F00000 !important;
	border-color: #F00000 !important;
}

.nicescroll-rails:nth-of-type(2) {
	right: 0;
}

#iframe_eform{
	width: 100%;
	height: 95%;
	text-align: center;
	background-color: #FFFFFF;
	position: absolute;
	top: 40px;
	bottom: 0px;
	z-index: 200;
	display: none;
}


#click-download{
	color: blue;
	cursor: pointer;
}

.list-box a.listButton{
	background-color: #c8242f;
    color: #fff;
	min-height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
	text-decoration:none;
	border-radius: 8px;
	display: block;
	word-break: break-word;
}
.list-box {
	 letter-spacing: 1px;
	 line-height: 19px;
}
.list-box img,video{
	width: 100%;
}

.inlineBlock{
	display: inline-block;
}
.transferAgent{
	margin-bottom: -10px;
}
#loadBox {
	width: 100%;
	text-align: right;
	padding-right: 30px;
}
.wrapperFlex{
	display: flex;
	justify-content: center;
	align-items: center;
}
/*验证码样式*/
.code div:first-child{
	color: #9e1a1a;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 20px;
}
.code input{
	width: 200px;
	height: 29px;
	box-sizing: border-box ;
	border: 1px solid black;
}
.code #c1{
	vertical-align: middle;
	box-sizing: border-box;
	cursor: pointer;
}
.code .leftBar, .rightBar{
	float: left;
}
.code .leftBar{
	margin-right: 80px;
}
.code .rightBar div:first-child{
	height: 45px;
}
.code .change{
	display: block;
	color: #2E79B4;
	margin-left: 50px;
	margin-top: 10px;
	text-decoration: underline;
	cursor: pointer;
}
.code .errorTips{
	color: #9e1a1a;
	margin-top: 10px;
}
.code #btn{
	cursor: default;
	width: 108px;
	height: 36px;
	line-height: 36px;
	color: white;
	text-align: center;
	font-size: 18px;
 	background: url(../img/button/load.png) no-repeat;
}