/* 格式化浏览器样式 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option.textarea,submit,button,p,table,tr,th,td,span,a,img,article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video,fieldset{margin:0;padding:0;}
article,aside,audio,canvas,datalist,details,eventsource,figure,figcaption,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video {display:block;margin:0;padding:0;}
body{font-family:Arial, "宋体";font-size:12px;color:#333333;margin:0 auto;padding:0;background:#ffffff;}
table{empty-cells:show;border-collapse:collapse;}
img{border:none;}
ul,ol,li{list-style-type:none;}
caption,td{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
input,select,textarea,button{vertical-align:middle;}
a{color:#666666;text-decoration:none;outline:none;}
a:hover{color:#00a3e7;text-decoration:none;}
ul:after, .clearfix:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}
ul, .clearfix{zoom:1;}

.onlineBox{width:100%;border-color:#0078C3;border-style:solid;border-width:5px 1px 1px;z-index:20001;position:fixed;bottom:10px;right:0;background:#ffffff;}
.onlineHeader{overflow:hidden; zoom:1; height:40px; line-height:40px; padding:0 1em; background:#f6f7f8;}
.onlineHeader h1{background-position:0 0; font-size:150%; float:left;}
.onlineHeader .onlineClose{cursor:pointer;margin-left:5px;float:right; font-size:120%; height:1.5em; line-height:1.5em; padding:0 8px; color:#999; background:#d6dade; border-radius:3px; margin-top:10px;}

.onlineDate{color:#999; text-align:center; font-size:120%; height:2em; line-height:2em; text-shadow:1px 1px 1px #eee;}
.onlineContent{overflow-x:hidden; overflow-y:auto; zoom:1; height:240px;}
.onlineContent dl{font-size:120%; padding:1em; float:left; clear:both;width:100%;}
.onlineContent dt{color:#008aff; height:2em; line-height:2em; text-shadow:1px 1px 1px #eee;}
.onlineContent .onlineMe{text-align:right; float:right;}
.onlineContent .onlineMe dt{color:#080;}
.onlineContent dd{line-height:1.5em; background:#008aff; padding:.5em; color:#fff; border-radius:8px; box-shadow:2px 2px 2px #ccc; margin-bottom:.5em;max-width:70%; float:left; clear:left;word-break: break-all;word-wrap: break-word;}
.onlineContent .onlineMe dd{background:#eee; color:#454545; max-width:70%; float:right; clear:right; text-align:left;}

.onlineSend{border-top: 1px solid #ececec;height: 30px;padding: 10px;}
.onlineText{border: 1px solid #bfbfbf;border-radius: 5px;color: #999;font-size: 14px;height: 30px;width: 80%;text-indent: 5px;}
.onlineButton, .onlineCallBtn{font-size:120%; height:2em; padding:0 1em; border:1px solid #ccc; cursor:pointer; border-radius:5px; background:#eee;}
.onlineButton{margin-left: 2%;width: 16%;}
.onlineCallBtn{width:100%;}

.onlineUser{height:200px;overflow:auto;}
.onlineUser dl{font-size:120%; padding:.6em;}
.onlineUser dt, .onlineUser dd{height:2em; line-height:2em; padding-left:15px;}
.onlineUser dt{background:#f6f7f8; border-left:2px solid #008AFF; padding-left:10px;}
.onlineUser dd, .onlineUser dd a{color:#999; display:block; height:2em;}
.onlineUser .online, .onlineUser .online a{color:#008AFF;}

.onlineFreecall{padding:1em 1em;/* padding:1.5em 1em; */}
.onlineFreecall p{ color:#454545; text-align:center; font-size:120%;}
.onlineFreecall .onlineTips{ color:#666; text-align:left; font-size:14px;}
.onlineFreecall p b{color:#ff9600;}
.onlineForm{text-align:center; margin-top:10px;}
.onlineForm div{margin-bottom:10px;}

.onlineFooter{position:fixed;bottom:10px;right:0;width:100%;z-index:20001;overflow:hidden;}
.onlineFooter .webCttTabUl{background:#ecf0f1;border-top:1px solid #bec3c7;padding-left:10px;list-style-type:none;float:left; font-size:150%; width:100%; text-align:left; color:#3598db; height:32px; line-height:32px; cursor:pointer;}
.onlineFooter li{float:left;}
.onlineFooter .onlineActive{background:#076cc1;}
.webCttTabLI,.webCttTabLIOnline{background: url(online.png) no-repeat;padding-left:20px;}
.webCttTabLI{background-position: 0px 10px;}
.onlineFooter .webCttTabNew{height:31px;line-height:31px; border-top: none;font-size: 14px;font-family: "微软雅黑";background:#000; color:#fff;  }
.webCttTabNew .webCttTabLI{width: 65px;height: 31px;padding-left:40px;background: url(online_new.png) no-repeat;height: 31px;}
.webCttTabLIOnline{background-position: 0px -21px;}
.onlineFooter .webCttTabPanel{overflow:hidden;}
.onlineFooter .webCttTabPanel .webCttTabMin{margin-left:10px;}

/*交谈*/
.onlineChat{width:100%;}

/* 留言 */
.onlineForm table{width:100%; font-size:120%;}
.onlineForm table th, .onlineForm table td{padding:5px 0;}
.onlineForm table th{text-align:left; width:55px;font-weight: normal;}
.onlineForm table th b{color:#f00;}
.onlineTextarea{border:1px solid #bfbfbf; font-size:14px;color: #999;font-size: 14px;text-indent: 5px; height:85px; border-radius:5px; width:100%; word-break:break-all; word-wrap:break-word;}
.onlineSendBtn, .onlineResetBtn{border:0; width:49%; height:43px; border-radius:5px;font-size: 16px;font-family: "微软雅黑";}
.onlineSendBtn{float:left; background:#ff4510; color:#fff;}
.onlineResetBtn{float:right; background:#dbdbdb;}