/*头部定位*/
.top_ding{cursor: pointer}
.dw_text{
	margin-left: 5px;
	padding-right: 10px;
}

.qqBox .context{ background: #fff; }
.qqBox{
 	visibility:hidden;
	box-shadow: rgba(100, 100, 100, 0.3) 12px 12px 24px, rgba(100, 100, 100, 0.1) -5px -5px 15px;
	width: 650px;
	height: 500px;
	position: fixed;
	bottom: 0;
	right: 60px;
	/*display: -webkit-box;*/
	-webkit-box-orient: vertical;
	border-radius: 10px;
	overflow: hidden;
	z-index: 1000000;
}
.qqBox .conLeft .close{
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
	background: #767676;
	position: absolute;
	color: #fff;
	font-size: 11px;
	top: 50%;
	margin-top: -8px;
	right: 6px;
	cursor: pointer;
	display:none;
}
.qqBox .conLeft .close:hover{
	background:red;
}
.qqBox .BoxHead{
	width: 100%;
	height: 52px;
	background: #e95f30;
	position: relative;
	cursor: move;
}
.qqBox .closeBox{ width: 15px; height: 15px; background: url("../image/close.png") center no-repeat; border-radius: 50px; position: absolute; right: 22px; top: 17px; cursor: pointer;}
.qqBox .addUser{
	display: inline-block;
	width: 320px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px;
}
.qqBox .headImg{
	width: 115px;
	height: 35px;
	border-radius: 50%;
	margin: 11px 0 0 10px;
	float: left;
}
.qqBox .internetName{
	width: auto;
	line-height: 48px;
	color: white;
	padding-top: 4px;
	font-size: 12px;
	float: left;
}
.qqBox .context{
	width: 648px;
	/*-webkit-box-flex: 1;*/
	/*display: -webkit-box;*/
	/*-webkit-box-orient: horizontal;*/
	border-left: 1px solid #ebedec;
	border-right: 1px solid #ebedec;
	border-bottom: 1px solid #ebedec;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.qqBox .clear{ zoom: normal; overflow: hidden;}
.qqBox .conLeft{
	width: 200px;
	height:447px;
	overflow: auto;
	background: #f5f5f5;
	float: left;
}
.qqBox .conLeft::-webkit-scrollbar{
	width: 0;
}
.qqBox .conLeft::-moz-scrollbar{
	width: 0;
}

.qqBox .conLeft ul{
	list-style: none;
	margin: 0;
	padding: 0;
	height:447px;
 /* overflow-y: scroll; */
}
.qqBox .conLeft li{
	position: relative;
	width: 100%;
	height: 52px;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}
.qqBox .conLeft li .liLeft{
	width:30%;
	height: 100%;
}
.qqBox .liRight{ position: absolute; top: 0; left: 64px;}
.qqBox .conLeft li:hover .close{ display:block;}
.qqBox .conLeft li:hover{ background:#E7F6FE;}
.qqBox .liLeft img{
	margin: 10px;
	border-radius: 50%;
}
.qqBox .liRight span{
	display:block;
	font-size: 16px;
	height: 31px;
	line-height: 31px;
	cursor:default;
	overflow: hidden;
	width: 105px;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.qqBox .liRight span:last-child{
	font-size: 12px;
	color: #767676;
	line-height:15px;
	overflow: hidden;
	margin-top: 17px;
}
.qqBox .conRight{
	/*-webkit-box-flex: 1;*/
	/*display: -webkit-box;*/
	/*-webkit-box-orient: vertical;*/
	width: 446px;
	float: right;
}
.qqBox .Righthead{
	width: 100%;
	height: 42px;
	border-bottom: 1px solid #ebedec;
}
.qqBox .headName{
	width: auto;
	height: 100%;
	line-height: 42px;
	margin-left: 20px;
	font-family: "微软雅黑";
	font-size: 18px;
	float: left;
}
.qqBox .headConfig{
	width: 20%;
	float: right;
	height: 100%;

}
.qqBox .headConfig ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}
.qqBox .headConfig li{
	margin:10px 5px;
}
.qqBox .RightCont{
	/*-webkit-box-flex: 1;*/
	height: 300px;
	position: relative;
	/*background: #ebebec;*/
	/*overflow-y:auto;*/
	position: relative;
}
.qqBox .RightCont .await{
	position: fixed;
	left: 0;
	bottom: 0;
}

.qqBox .RightCont ul,.historyList ul{
	list-style: none;
	margin: 0;
	padding: 0;
	/*margin-top: 42px;*/
	height: 250px;
	overflow: auto;
}
.qqBox .RightCont li,.historyList li{
	width: 100%;
	height: 50px;
	/*display: -webkit-box;
	-webkit-box-orient: horizontal;*/
	display: inline-table;
	margin-top: 10px;
}
.qqBox .nesHead{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	margin-left:15px ;
	float: left;
}
.qqBox .nesHead img{
	width: 44px;
	height: 44px;
	border-radius: 50%;
}
.qqBox .news{
	max-width: 250px;
	background: #CDD7E5;
	padding:5px 20px;
	margin: 4px;
	line-height: 25px;
	font-size: 14px;
	border-radius:10px;
	margin-left: 10px;
	position: relative;
	float: left;
	word-wrap: break-word;
	color: #535353;
}
.qqBox .news .jiao{
	position: absolute;
	left: -7px;
	top: 10px;
}
.qqBox .news .Expr{
	width: 50px;
	height: 30px;
	margin: 5px;
}
.qqBox .news img[src^="http"]{
	max-width: 120px;

}
.qqBox .answerHead{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	margin-left:5px ;
	float: right;
	margin-right: 15px;
}
.qqBox .answerHead img{
	width: 44px;
	height: 44px;
	border-radius: 50%;
}
.qqBox .answers{
	max-width: 250px;
	background: #eeeeee;
	padding:5px 20px;
	margin: 4px;
	line-height: 30px;
	font-size: 14px;
	border-radius:10px;
	margin-left: 10px;
	position: relative;
	float: right;
	background: #CDD7E5;
	word-wrap: break-word;
	color: #535353;

}
.qqBox .answers img[src^="http"]{
	max-width: 120px;
	max-height: 120px;
}
.qqBox .answers .jiao{
	position: absolute;
	right: -7px;
	top: 10px;
}
.qqBox .RightFoot{
	width: 100%;
	height: 118px;
	border-top: 1px solid #ebedec;
	position: relative;
}
.qqBox .emjon{
	width: 360px;
	height: 200px;
	border: 1px solid #ccc;
	position: absolute;
	left:0;
	top:-190px;
	display: none;
	background: #fff;
}
.qqBox .emjon ul{
	list-style: none;
	margin:0;
}
.qqBox .emjon ul li{
	width: 50px;
	height: 30px;
	margin: 5px;
	float: left;

}
.qqBox .emjon ul li:hover{
	box-shadow:5px 5px 5px #888888;
	transform: scale(1.2);

}
.qqBox .emjon ul li img{
	width: 100%;
	height: 100%;

}
.qqBox .footTop{
	position: relative;
	width: 100%;
	height: auto;
}
.qqBox .footTop ul{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
}
.qqBox .footTop li{
	margin: 5px 10px;
	cursor: pointer;
	width: 30px;
	float: left;
}
.qqBox .sendBtn{
	width: 68px;
	height: 25px;
	background: #e95f30;
	border-radius: 4px;
	border: none;
	position: absolute;
	bottom: -20px;
	right: 10px;
	color: white;
	cursor: pointer;
}
.qqBox #dope{
	height: 67px !important;
}
.qqBox .bg{
	background: #E7F6FE;
}
.qqBox .user ul li{ width: 100px; height: 50px; background: #0188fb; color: #fff; text-align: center; line-height: 50px; margin-top: 5px;}
.qqBox .conLeft li i{ display: none; position: absolute; width: 20px; height: 20px; border-radius: 50%; background: #ff0000; left: 45px; top: 10px; font-size: 12px;
	color: #fff; text-align: center; line-height: 20px; overflow: hidden;}
#myEmotBox{
	position: absolute;
	width: 315px;
	height: 155px;
	border: 1px solid #ccc;
	background: #fff;
	bottom: 30px;
	overflow-y: scroll;
}
#myEmotBox span{
	cursor: pointer;
	display: inline-block;
	width: 32px;
	height: 32px;
	border-right: #eee 1px solid;
	border-bottom: #eee 1px solid;
}
/* 表情切换触发按钮样式 */
.qqBox .wsdk-emot-trigger {
	text-align: center;
}
.qqBox .wsdk-emot-trigger .wsdk-emot-trigger-item {
	display: inline-block;
	width: 8px;
	height: 8px;
	overflow: hidden;
	border-radius: 100%;
	margin-right: 8px;
	*zoom: 1;
	*display: inline;
	background: #ccc;
}
.qqBox .wsdk-emot-trigger .wsdk-active {
	background: #f00;
}
.qqBox .wsdk-emot{
	width: 30px;
}
.qqBox .inputBox{
	position:relative;
}
#imgPre{
	position: absolute;
	top: 0px;
	display: inline-block;
}
.qqBox .imgbig{
	margin-left: 452px;
}
.mask{ background: #000; opacity: 0.8; width: 650px; height: 500px; position: absolute; left: 50%; top: 50%;
	margin-left: -325px; margin-top: -250px; z-index: 100; display: none;
}
.qqBox .imgCloce{ width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #fff; cursor: pointer; position: absolute;
	right: 10px; top: 10px; border-radius: 50%;
}
.qqBox .imgCloce:hover{ background: #FF4100;}
.qqBox .showImg{ display: none; position: absolute; left: 50%; top: 50%; width: 650px; height: 500px; margin-left: -325px; margin-top: -250px; z-index: 101; text-align: center;}
.qqBox .showImg img{ max-width: 600px; height: auto; position: absolute;}
.qqBox .timeTitle{ font-size: 12px; color: #7b7a7a; text-align: center; padding: 5px 0;}
.qqBox .messageImgWH{ width: 25px;}
.qqBox .newsList{ display: none;}
#getHistory{ float: right; width: 50px; font-size: 12px; color: #4f4e4e;}
.qqBox .showHistory{  width: 650px; height: 500px; background: #fff; position: absolute; z-index: 3; top: 0; bottom: 0; right: -650px;}
.qqBox .showHistory_top{ height: 50px; line-height: 50px; border-bottom: 1px solid #ebedec; color: #88939b; position: relative; text-align: center;}
.qqBox .showHistory_top span{ width: 68px; height: 30px; line-height: 30px; background-color: #f5f5f5; color: #88939b; font-size: 12px; border: 1px solid #ced4d9;
	position: absolute; left: 15px; top: 8px; cursor: pointer; text-align: center; border-radius: 5px;}
.qqBox .showHistory_center{ height: 450px; padding: 0 5px; overflow-y: auto;}
.qqBox .history_bt{ font-size: 12px; color: #88939b; text-align: center;}
.qqBox .history_center{ font-size: 12px;}
.qqBox .addAudio{ height: 50px; min-width: 250px; padding: 10px;}
/*.oppositeName{ color: #9097a0; font-size: 12px; padding-left: 10px; margin: 10px 0;}*/
/*.mySendName{ color: #9097a0; font-size: 12px; padding-right: 10px; text-align: right; margin: 10px 0;}*/
#conChi{
	color: #9097a0;
	font-size: 16px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #ebedec;
	/*position: fixed;*/
	display: block;
	background: #fff;
	/*width: 419px;*/
	z-index: 1;
}
.qqBox .deletBox{
	position: absolute;
	right: 22px;
	top: 18px;
	font-size: 20px;
	cursor: pointer;
	color: #fff;
}
#conChi img{ border-radius: 50%; width: 30px; vertical-align: -7px; margin-right: 10px;}
.qqBox .audioBt{ font-size: 12px; color: #88939b;}
.qqBox .noHistory{ font-size: 14px; color: #88939b; text-align: center;}
.NoContacts{ width: 139px; height: 89px; margin: 92px auto 0; display: none;}
/*弹框*/
.mece{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 998;
	background: #000000;/*改的*/
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.3;/*改的*/
}
.inquiry-tracking_1{
	width: 470px;
	padding-bottom: 30px;
	position: fixed;
	left: 50%;
	top: 15%;
	margin-left: -235px;
	background: #FFFFFF;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	-khtml-opacity: 1;
	opacity: 1 !important;
	z-index: 999;
	box-shadow: 5px 5px 15px rgba(100,100,100,.1), -5px -5px 15px rgba(100,100,100,.1);
}
.askprice-track_1{
	width: auto;
	margin-left: -352px;
}
.vessel{
	width: 500px!important;/*改的*/
}
.vessel h6 {
	font-size: 17px;
	color: #333333;
	text-align: left;
	font-weight: bold;
	text-indent: 1em;/*改的*/
	height: 50px;/*改的*/
	line-height: 50px;/*改的*/
	background: #f5f5f5;
}
.vessel h6 .closed-inquiry_1{
	display: block;
	width: 40px;
	height: 40px;
	/*background: url(../images/askPrice/gary_close01.png) no-repeat center center;*/
	background: url(../../resources/themes/images/askPrice/gary_close01.png) no-repeat center center;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}
.dredge{
	background: #ff4200;
	display: block;
	width: 78px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff!important;
	font-size: 14px;
	float: left;/*改的*/
}
.latish{/*改的*/
	float: left;
	margin-left: 10px;
	line-height: 30px;
	color: #ff4200;
	font-size: 14px;
}
.conte{/*改的*/
	width: 85%;
	height: 30px;
	margin: auto;
	text-align: center;
}
.conte p{
	font-size: 14px;
}
.april-kf-sy{
	line-height: 14px;
}
.april-kf-sy img{
	position: absolute;
	left: 10px;
}
.april-kf-sy .addUser{
	padding-left: 42px;
}
.april-kf-sy .phoneNum_monday{
	padding-left: 33px;
}