ody,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
footer,
header,
menu,
nav,
section {
	margin: 0;
	padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}
a {
	color: #536D8A;
	text-decoration: none;
	background: transparent
}

a:focus {
	outline: thin dotted
}

a:active,a:hover {
	outline: 0
}

a:link,a:visited,ins {
	text-decoration: none
}

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not([controls]) {
	display: none;
	height: 0
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	vertical-align: middle;
	font-weight: 400
}

button:focus,
input:focus,
select:focus,
textarea:focus {
	outline: 0
}

button,
input {
	line-height: normal
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
	cursor: pointer
}

button[disabled],
input[disabled] {
	cursor: default
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th {
	text-align: inherit
}

caption,
th {
	text-align: left
}

img {
	border: 0
}

img {
	-ms-interpolation-mode: bicubic
}

iframe {
	display: block
}

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

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	*background-color: transparent
}

label {
	position: relative;
	display: inline-block;
	font-weight: 700;
	margin-bottom: .4rem
}

body {
	background-color:#dbdbdb; 
	color: #333;
	font: 12px/150% Arial,Verdana,"微软雅黑";
	font-weight: 400;
    font-family:"Microsoft YaHei",微软雅黑;
}

.fl {
	float: left
}

.fr {
	float: right
}


.red {
	color: red;
	font-weight: 700
}

.clearfix:after {
	content: " .";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0
}

.clearfix {
	*zoom: 1
}









#main {
	position: absolute;
	margin-top: 24px;
	margin-left: auto;
	margin-right: auto;
	left: 30px
}

.main_content {
	width: 961px;
	margin: 0 auto;
	background-color: #FFF;
}

/*头部*/

.header {
	position: relative;
	padding: 9px 0 4px 12px;
	height: 50px;
	background-color:#22983a; 
	border-radius:2px 2px 0 0;
}

.header .logo {
	height: 88px;
	left: 0;
	top: -0px;
	width: 535px;
	position: absolute;
	z-index: 1
}


.header .artificial {
	position: absolute;
	top: 0;
	right: 10px;/*135px;*/
	width: 67px;
	height: 64px;
	cursor: pointer;
	text-align: center;
	line-height: 98px;
	-webkit-user-select: none;
    user-select: none;
}

.header .artificial i {
	display: block;
	width: 38px;
	height: 38px;
	left: 18px;
	top: 10px;
	position: absolute;
	background: url(../images/artificial.png) no-repeat 0 0
}

.header .artificial a {
	color: #FFF;
	font-weight: 400
}

.header .separate-line {
	position: absolute;
	top: 13px;
	right: 113px;
	width: 1px;
	height: 40px;
	background-color: #51a7e5
}

/*左侧聊天框*/

.left-main {
	width: 660px;
	overflow: hidden
}

.left-main .left-main-content .chat-block {
	position: relative;
	padding-top: 16px;
    height: 435px;
	background-color: #F5F5F5;
    top: 0px;
    left: 0px;
}

.chat-block a {
	cursor: pointer
}

/*聊天主框*/

.chat {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #F5F5F5;
}

.chat .content {
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	margin-right: -18px;
	outline: 0
}

@media screen and (max-device-width:1024px) {
	.chat .content {
	}
}

.chat .pane {
	position: absolute;
	padding: 0 2px 0 8px;
	right: 0;
	top: 0;
	bottom: 0;
	visibility: hidden\9;
    opacity: .01;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.chat .pane .slider {
	background: none repeat scroll 0 0 #c5c5c5;
	position: relative;
	margin: 0 1px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	width: 4px
}

.chat:hover .pane,.pane.active,.pane.flashed {
	visibility: visible\9;
	opacity: .99
}

.chat .detail {
	background-color: #eceef2;
	border-bottom: 1px solid #ced9e1
}



/*对话*/


.robot {    
	margin: 0 -10px 20px 10px;
}

.guest { 
	margin: 0 26px 20px 20px
}
 

.msg.time:before, .msg.time:after{
	position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

 .msg-left>.msg-host, .msg-left>.msg-ball:before {
    position:absolute;
    top:0;
    left:0;
}
.msg-right>.msg-host, .msg-right>.msg-ball:before {
    position:absolute;
    top:0;
    right:0;
}
.msg, .msg-ball, .msg-left, .msg-right{
	position:relative;
    z-index:1000
}

.fl, .msg-ball {
    float:left;
}
.fl.left, .msg-ball.left {
    float:left
}
.fl.right, .msg-ball.right {
    float:right
}
.fl.clb, .msg-ball.clb {
    clear:both
}
.fl.cll, .msg-ball.cll {
    clear:left
}
.fl.clr, .msg-ball.clr {
    clear:right
}
.ofhd, .nowrap, .map-item-btns, .msg, .msg-left, .msg-right, .msg-center, .slip, .carousel, .cascade {
    overflow:hidden
}

.msg-host, .msg-audio-btn {
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
 .msg-host.cover, .msg-audio-btn.cover {
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover
}
.msg-host.contain, .msg-audio-btn.contain {
    -webkit-background-size:contain;
    -moz-background-size:contain;
    background-size:contain
}
.msg-host.fix, .msg-audio-btn.fix {
    background-attachment:fixed
}
.msg {
    padding:.3em .3em;
}
.msg-host {
    top:.5em;
    -webkit-border-radius:2em;
    border-radius:2em;
    width:2.5em;
    height:2.5em;
    background-color:#6fbdf3;
    color:#fff;
    overflow:hidden;
    text-align:center;
}
.msg-host>i {
    font-size:2em;
    line-height:1.25
}

.msg-left>.msg-host{
	background-image: url(../images/kf.png)
}
.msg-right>.msg-host{
	background-image: url(../images/yh.png)
}

.msg-ball {
    line-height:1.3;
    padding:.7em 1em;
    margin:.5em 4em;
    border-radius:.4em;
    min-width:2em;
    max-width:100%;
    background-color:#efefef;
}
.msg-ball:before {
    content:"";
    top:.85em !important;
    width:0;
    height:0;
    border-style:solid
}
.msg-ball.link {
    max-width:60%;
    padding:1px
}
.msg-ball.img {
    padding:.2em;
    max-width:60%;
    min-height:2em;
}
.msg-ball.img >img, .msg-ball.img >video {
    max-width:100%;
    max-height:15em;
    vertical-align:bottom
}
.msg-ball.img .img-container >img {
    max-width:100%;
    max-height:15em;
    vertical-align:bottom
}
.msg-ball.audio {
    padding:.2em 1em;
    cursor:pointer;
}
.msg-audio-btn {
    width:2em;
    height:2em;
    background-image:url("../lib/files/images/play_d3902da6d6.gif");
    background-position:center top;
}
.msg-audio-btn.playing {
    background-position:center bottom
}
.msg-anchor {
    color:#50a7dc;
    text-decoration:none;
    word-break:break-all;
    cursor:pointer
}
.msg-left>.msg-host {
    left:.5em
}
.msg-left>.msg-ball {
    float:left;
}
.msg-left>.msg-ball:before {
    left:-.5em;
    border-color:transparent #efefef transparent transparent;
    border-width:.4em .6em .4em 0
}
.msg-right>.msg-host {
    right:.5em
}
.msg-right>.msg-ball {
    float:right;
}
.msg-right>.msg-ball:before {
    right:-.55em;
    border-color:transparent transparent transparent #efefef;
    border-width:.4em 0 .4em .6em
}
.msg-center {
    max-width:25em;
    width:100%;
    margin:0 auto !important;
    border:1px solid #cdcdcd;
    -webkit-box-shadow:1px 1px 5px 0 #cdcdcd;
    box-shadow:1px 1px 5px 0 #cdcdcd
}
.msg.time {
    text-align:center;
    color:#999;
    line-height:0;
    height:1px;
    margin:1.5em 2em;
    overflow:visible;
    padding:0;
}
.msg.time:before, .msg.time:after {
    content:"";
    height:1px;
    background-color:#e9e9e9
}
.msg.time:before {
    right:65% !important
}
.msg.time:after {
    left:65% !important
}
.msg.min .msg-host {
    display:none
}
.msg.min .msg-ball {
    margin:.5em 1em
}

.msg-wrap {
    padding:.5em 0;
}
.msg-wrap input[type='radio']:checked {
    background-color:#72c86b
}
.msg-wrap input[type='text'] {
    padding:.3em .5em;
    width:15em
}
.msg-btn {
    width:5em;
    text-align:center;
    padding:.1em 0;
    font-size:.9em;
    background-color:#72c868;
    color:#fff;
    border-radius:.2em;
    cursor:pointer
}
.msg.hist {
    opacity:.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80)
}
.msg-content {
    width:96%;
    line-height:1.2;
    resize:vertical;
    margin-top:.25em;
    padding:.15em .15em;
    height:50px;
    max-height:150px
}
.pnl-msgs {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    bottom:10em !important;
    border-bottom:1px solid #c9cacb;
    z-index:100000;
    overflow:auto;
    padding:.5em 0 1.5em .3em;
    background:#fff;
}
.msg-banner {
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:1000001;
    padding:.5em 2em .5em .8em;
    color:#333;
    background:#eff;
    background:rgba(232, 255, 255, 0.9);
    -webkit-box-shadow:0 0 5px 2px #dedede;
    box-shadow:0 0 5px 2px #dedede;
}
.msg-banner a {
    color:#50a7dc;
    text-decoration:underline;
    word-break:break-word;
    cursor:pointer;
}
.msg-banner a:hover {
    opacity:.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80)
}
.msg-banner .close {
    padding:.3em;
    position:absolute;
    top:.2em;
    right:.2em;
    cursor:pointer;
    color:#888;
    font-size:1em
}
.msg-host {
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center
}
.msg-ball {
    word-break:break-all;
}
.msg-tel.not-ok {
    border-color:#f00
}
.msg-drag.gray {
    background-color:#888
}
.msg.guest .ic {
    margin:0
}
.msg.worker .msg-ball {
    background-color:#ddf6f8;
}
.msg.worker .msg-ball:before {
    border-color:transparent #ddf6f8 transparent transparent
}
.msg.worker .ic {
    margin:0;
    font-size:2.42em
}
.msg.robot .msg-ball {
    background-color:#fff;
}
.msg.robot .msg-ball:before {
    border-color:transparent #e0f4e0 transparent transparent
}
.msg-title {
    font-size:1.2em;
    line-height:2
}
.msg-form {
    padding:.5em 0;
    margin-top:.5em;
}
.msg-form input {
    padding:.3em;
    font-weight:bold
}
.msg-drag {
    font-size:.9em;
    width:auto;
    height:2em;
    background-color:#85bafb;
    border:1px solid rgba(0, 0, 0, 0.15);
    color:#fff;
    text-align:center;
    line-height:2;
    margin-bottom:.6em;
    position:relative;
}
.msg-drag .drag-thumb {
    display:block;
    width:2em;
    height:2em;
    background-color:#fff;
    cursor:e-resize;
    position:absolute;
    top:0;
    left:0
}
.msg.robot .msg-host {
    background-color:#fff
}
.msg.robot .ic {
    font-size:3em;
    margin:0
}

.msg-ico {
    position:absolute;
    top:.5em;
    left:.5em;
    border-radius:2em;
    width:2.5em;
    height:2.5em;
    background-color:#6fbdf3;
    color:#fff;
    -webkit-box-shadow:0 0 1px 1px #dedede;
    box-shadow:0 0 1px 1px #dedede;
    overflow:hidden
}
.msg-ico>.kh {
    font-size:2em;
    margin:0;
    width:1.25em;
    height:1.25em;
    text-align:center;
    line-height:1.25em
}
.msg-box {
    margin:0 3em;
    min-height:1.5em;
    min-width:3em;
    float:left;
    background-color:#d1ecff;
    border-radius:.5em;
    position:relative;
    color:#262d35;
    padding:.5em;
    text-align:justify
}
.msg-box:before {
    content:"";
    width:1em;
    height:1em;
    background-image:url("./files/images/back_b9531962c7.png");
    -webkit-background-size:contain;
    -moz-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    top:.3em;
    left:-.5em
}
.pnl-send>.msg-ico {
    left:auto;
    right:.5em;
    background-color:#b0bec9;
    color:#f6fbff
}
.pnl-send>.msg-ico>.kh {
    font-size:2.5em;
    margin:0;
    width:1em;
    height:1em
}
.pnl-send>.msg-box {
    float:right;
    background-color:#e9eef1
}
.pnl-send>.msg-box:before {
    background-image:url("./files/images/send_f395b812ca.png");
    left:auto;
    right:-.5em
}
.bg, .msg-host, .msg-audio-btn {
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.bg.cover, .msg-host.cover, .msg-audio-btn.cover {
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover
}
.bg.contain, .msg-host.contain, .msg-audio-btn.contain {
    -webkit-background-size:contain;
    -moz-background-size:contain;
    background-size:contain
}
.bg.fix, .msg-host.fix, .msg-audio-btn.fix {
    background-attachment:fixed
}
.msg {
    overflow:hidden;
}
.msg-host {
    top:.5em;
    -webkit-border-radius:2em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:2em;
    width:36px;
    height:36px;
    background-color:#b3b5b7;
    color:#fff;
    overflow:hidden;
    text-align:center;
    -webkit-box-shadow:0;
    box-shadow:0;
}
.msg-host>i {
    font-size:2.65em;
    line-height:1.25
}
.msg-ball {
    line-height:20px;
    font-size:1em;
    padding:8px 1em;
    margin:.5em 4.2em;
    border-radius:.4em;
    min-width:2em;
    max-width:100%;
    color:#323232;
    background-color:#f0f0f0;
    -webkit-box-shadow:0;
    box-shadow:0;
}
.msg-ball:before {
    content:"";
    top:12px !important;
    width:0;
    height:0;
    border-style:solid
}
.emoji {
    vertical-align:middle
}
.msg-ball.img {
    padding:.2em;
    max-width:100%;
}
.msg-ball.img >img {
    max-width:100%;
    max-height:15em;
    vertical-align:bottom
}
.msg-ball.audio {
    padding:.2em 1em;
    cursor:pointer;
}
.msg-audio-btn {
    width:2em;
    height:2em;
    background-image:url("../lib/files/images/voice/play_d3902da6d6.gif");
    background-position:center top;
}
.msg-audio-btn.playing {
    background-position:center bottom
}
.msg-anchor, .msg-ball .msg-link, .msg-ball a {
    color:#4270f6;
    text-decoration:none;
    word-break:break-word;
    cursor:pointer;
}
.msg-anchor:hover, .msg-ball .msg-link:hover, .msg-ball a:hover {
    opacity:.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80)
}
.msg-ball .seq-num:hover {
    opacity:.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80)
}
.msg-relques {
    margin:0 -1em;
    position:relative;
    padding:5px 1em 1px 1em;
}
.msg-relques.child1 {
    padding:12px 1em 1px 1em
}
.msg-left {
    overflow:hidden;
}
.msg-left>.msg-host {
    left:.5em;
    top:.5em
}
.msg-left>.msg-ball {
    float:left;
}
.msg-left>.msg-ball:before {
    left:-.5em;
    border-color:transparent #f0f0f0 transparent transparent;
    border-width:.4em .6em .4em 0
}
.msg-left:before {
    content:attr(worker);
    display:block;
    color:#848484;
    margin-bottom:-.3em;
    margin-left:4.3em;
    padding-top:.5em
}
.msg-left>.msg-host {
    left:.5em;
    top:.7em;
    background-color:#6fbdf3;
}
.msg-left>.msg-host .ic {
    font-size:2.65em
}
.msg-right {
    overflow:hidden;
}
.msg-right:before {
    content:attr(worker);
    display:block;
    color:#848484;
    margin-bottom:-.3em; 
    padding-top:.5em;
        margin-right: 4.3em;
    text-align: right;
}

.msg-right>.msg-host {
    right:.5em;
    top:.5em
}
.msg-right>.msg-ball {
    float:right;
}
.msg-right>.msg-ball:before {
    right:-.55em;
    border-color:transparent transparent transparent #f0f0f0;
    border-width:.4em 0 .4em .6em
}
.msg-center {
    overflow:hidden;
    max-width:25em;
    width:95%;
    margin:.3em auto !important;
    -webkit-box-shadow:0;
    box-shadow:0
}
.msg.time {
    text-align:center;
    color:#bfbfbf;
    line-height:0;
    height:1px;
    margin:1.2em 2em;
    overflow:visible;
    padding:0;
}
.msg.time:before, .msg.time:after {
    content:"";
    height:0;
    background-color:#e9e9e9;
    display:none
}
.msg.time:before {
    right:75% !important
}
.msg.time:after {
    left:75% !important
}
.msg.min .msg-host {
    display:none
}
.msg.min .msg-ball {
    margin:.5em 1em
}
.msg.unread {
    cursor:pointer;
    color:#3d9ce4;
}
.msg.unread:active {
    color:#7fabcc
}

 .msg-left .msg-ball {
        margin:.5em 3.2em .5em 4.2em
    }
    .msg-right .msg-ball {
        margin:.5em 4.2em .5em 3.2em
    }
    .msg-ball {
        min-width:.7em;
    }
    .msg-anchor, .msg-ball a {
        color:#22983a
    }
    .msg.robot .msg-ball {
        color:#323232;
        background-color:#FFFFFF;
    }
    .msg.robot .msg-ball:before {
        border-color:transparent #FFFFFF transparent transparent
    }
    .msg.worker .msg-ball {
        color:#323232;
        background-color:#ddf6f8;
    }
    .msg.worker .msg-ball:before {
        border-color:transparent #ddf6f8 transparent transparent
    }
    .msg-right .msg-ball {
        color:#323232;
        background-color:#e0f4e0 !important;
    }
    .msg-right .msg-ball:before {
        border-color:transparent transparent transparent #e0f4e0 !important
    }
    .msg {
        padding:.2em 0;
    }
    .msg.time:before {
        background-color:transparent
    }
    .msg.time:after {
        background-color:transparent
    }
    .chat-block a {
    cursor: pointer;
}
 .common-hr {
    height: 1px;
    background-color: #e8e8e8;
    display: block;
    margin: 10px 0;
}
.common-question-bg {
    display: inline-block;
    background-color: #f5f5f5;
    border-radius: 2px;
    padding: 3px 8px;
    margin-top: 6px;    
    margin-left: 6px;
	-webkit-user-select: none;
    user-select: none;
    }




/*输入框*/
.input-block {
	position: relative;
	height: 120px;
	/*border-top: 1px solid #DCDEE4;*/
	border-radius: 0 0 0 2px
}

.input-block .inputL {
	float: left;
	width: 552px;
	height: 120px
}

.input-block .inputM {
	float: left;
	width: 10px;
	_width: 7px;
	height: 120px
}

.input-block .inputR {
	float: left;
	width: 70px;
	height: 120px
}

.input-block .text-type {
	position: absolute;
	padding-left: 8px;
	padding-top: 4px;
	top: 10px;
	left: 12px;
	border: 0 none;
	resize: none;
	font-size: 12px;
	color: #333;
	line-height: 18px;
	word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
	width: 610px;
	height: 54px;
	font-weight: 400
}

.input-block .satisfaction-percent {
	position: absolute;
	bottom: 122px;
	left: 20px;
	display: block;
	background: url(../images/uploadImg1.png) no-repeat;
	width: 28px;
	height: 28px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    cursor:pointer;
}

.input-block .satisfaction-percent:hover {
	background: url(../images/uploadImg.png) no-repeat; 
	bottom: 120px;
}

.input-block .send {
	position: absolute;
	bottom: 14px;
	right: 10px;
 	width: 85px;
	height: 34px;
	cursor: pointer;
	background-color: #22983a;
	display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px
}
.input-block .send span{
	color: white;
	font-style: initial;
	font-weight: bold;
	font-size: 16px;
	-webkit-user-select:none;
	user-select:none;
    
}

.input-block .send:hover {
	
	background-color: #6E9794;
 }

.input-block .send-pressed {
	
}


.retrieval-area {
	width: 560px;
	position: absolute;
	z-index: 999999;
	left: 16px;
	bottom: 105px;
	padding: 10px 7px 14px;
	border: 1px solid #F5F5F5;
	background-color: #fff
}

.retrieval-area .retrieval {
	line-height: 24px
}

.retrieval-area .retrieval:hover {
	color: #22983a;
	background-color: #f5f5f5;
	border-radius: 2px;
	cursor: pointer;
}

.retrieval-area .retrieval a {
	color: #333;
	display: block;
	padding: 2px;
}

.retrieval-area .retrieval a:hover {
	text-decoration: none
}

.retrieval-area .retrieval .retrieval-total {
	color: #909090
}

.retrieval-area .retrieval .txt-green {
	color: #39a434
}

.retrieval-area .hover {
	background-color: #f5f5f5
}
 


.am-form-group {
	margin-bottom: .4rem
}



.input_a {
	display: block;
	width: 96%;
	padding: .3em;
	font-size: 1rem;
	line-height: 1;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-appearance: none
}




/*温馨提示条*/
.tip-alert {
	display: none;
	background-color: rgba(249, 249, 230, .78);
	height: 41px;
	position: absolute;
	width: 660px;
	z-index: 99999;
	text-align: center
}

.tip-alert .tip-alert-mes {
	font-size: 1rem;
	color: #ee7400;
	line-height: 40px;
	-webkit-user-select: none;
    user-select: none;
}

.tip-alert-close {
	position: absolute;
	right: 6px;
	top: 2px;
	font-size: 0.767rem;
	cursor: pointer;
	color: #7B7A7A;
}







/*系统消息*/
.message {
    margin-bottom: 1.25rem; 
    -webkit-animation: goup .5s;
    animation: goup .5s;
}
.message_system {
  text-align: center;
  margin: -.313rem auto 0;
  max-width: 50%;
  font-size: 0;
}
.message_system .content {
  display: inline-block;
  background-color: #CBCBCB;
  font-size: .65rem;
  padding: .513rem .663rem;
  color: #fff;
  border-radius: .063rem;
}
.message .content {
  overflow: hidden;
} 






/*右侧常见问题*/
.right-main {
	width: 300px;
	position: relative;
	background-color: #FFF;
	border-left: 1px dotted #d6d6d6;
	border-radius: 0 0 2px
}
.right-main .online {
    position: absolute;
    top: 50%;
    left: -20px;
    background: red;
    width: 20px;
    text-align: center;
    height: 75px;
    font-size: 12px;
    z-index: 999999;
    cursor: pointer;
}

.right-main .side-nav {
	position: relative;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e3e5e6
}

.right-main .side-nav li {
	width: 300px;
	text-align: center
}

.right-main .side-nav a {
	font-weight: 700;
	color: #333;
	display: block;
	width: 100%;
	font-size: 14px;
}

.right-main .side-nav a:hover {
	TEXT-DECORATION: none
}

.right-main .side-nav li.current a {
    background-color: #fff;
    color: #22983a;
    border-bottom: 1px solid #22983a;
    -webkit-user-select: none;
    user-select: none;
    }

.right-main .side-nav .tab_arrow {
	position: absolute;
	bottom: -1px;
	display: block;
	width: 300px;
	overflow: hidden
}

.title-bar {
	position: relative;
	padding-left: 10px;
	height: 36px;
	line-height: 36px;
	color: #333;
	background-color: #FFF;
	cursor: pointer;
	border-bottom: 1px dotted #d6d6d6; 
	width: 290px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	-webkit-user-select: none;
    user-select: none;
}
.title-bar:hover{
	color: #22983a;
}

.title-bar span{  
}

.triangle-open,.triangle-close {
	position: absolute;
	top: 17px;
	right: 17px;
	border-top: 7px solid #22983a;
	border-left: 6px solid #FFF;
	border-right: 6px solid #FFF;
	width: 0;
	height: 0;
	overflow: hidden
}

.triangle-close {
	top: 15px;
	right: 12px;
	border-top: 6px solid #FFF;
	border-bottom: 6px solid #FFF;
	border-left: 7px solid #C8C8C8
}

.detail {
	padding: 0 12px;
	overflow: hidden
}
.nano {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    }


#consultDiv {
	width: 300px
}

#consultDiv .detail {
	padding: 12px
}

.detail .answer {
	padding: 0 24px 0 1px;
	font-weight: 400;
	display: block
}
.nano .detail {
	background-color: #F5F5F5;
	border-bottom: 1px solid #e6e6e6
}
.nano .content {
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: -18px;
    outline: 0;
}
#navcontent {
    overflow: hidden;
}