::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-track-piece {background-color: transparent;}
body::-webkit-scrollbar-track-piece {background-color: #000000;}
::-webkit-scrollbar-track-piece:no-button {}
::-webkit-scrollbar-thumb {background-color: #444444;border-radius: 3px;}
::-webkit-scrollbar-thumb:hover {background-color: #555555;}
::-webkit-scrollbar-thumb:active {background-color: #666666;}
::-webkit-scrollbar-button:vertical { width: 9px; }
::-webkit-scrollbar-button:horizontal { width: 9px; }
::-webkit-scrollbar-button:vertical:start:decrement { background-color: #444444; }
::-webkit-scrollbar-button:vertical:end:increment { background-color: #444444; }
::-webkit-scrollbar-button:horizontal:start:decrement { background-color: #000000; }
::-webkit-scrollbar-button:horizontal:end:increment { background-color: #000000; }
table,tr,dt,dl,dd,div,ul,li,p,form {padding: 0px; margin: 0px;list-style-type: none;outline-width:0px;outline-color:invert;outline-style:none;border-collapse:collapse;}
html{ margin: 0; padding: 0; word-wrap:break-word;}
ol,ul { list-style: none; }
a{ cursor: pointer; }
/*input,button,a,span,div{behavior: url(../images/ie-css3.htc);}*/
/*动画时间*/
.MsgBox a,
.MsgBox button,
.MsgBox .From label,
.MsgBox .From input,
.MsgBox .From span,
.MsgBox .From textarea,
.MsgBox .From .Value,
.ContentBox *,a,
input,button
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

/*阴影*/
.MsgBox,
.box-shadow{-moz-box-shadow: 0px 0px 10px #000;-webkit-box-shadow: 0px 0px 10px #000;-o-box-shadow: 0px 0px 10px #000;box-shadow: 0px 0px 10px #3aabed;}

/*.ContentBox .ListBox,
.ContentBox .FormBox,*/
.box-shadow{-moz-box-shadow: 0px 0px 3px #ccc;-webkit-box-shadow: 0px 0px 3px #ccc;-o-box-shadow: 0px 0px 3px #ccc;box-shadow: 2px 5px 5px #ccc;}

/*文本阴影*/
.MsgBox .Title,
.MsgBox button,


/*圆角*/
.ContentBox span,
.MsgBox,.MsgBox button,
.border-radius{-moz-border-radius: 4px;-webkit-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}


.ContentBox .FormBox,
.ContentBox .FormBox .Content
{-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}

.NoDate{padding:20px;font-size:14px;text-align:center;font-weight: bold;color:#f87c25;}

.Loading,.MsgBox,.ScreenMask,.OnlineService{position:fixed!important;position:relative;}
.ScreenMask{top:0px; left:0px; display:none; width:100%;height:100%;line-height: 100%; background:rgba(0,0,0,.5); opacity:0.1; filter:alpha(opacity=10);}
.Loading{top:10%;left:10%;padding-left:10px;padding-right: 10px;width:165px;font:16px/40px "微软雅黑";height:40px;text-indent:40px;text-align:left; background:url(../images/loading.gif) 10px center no-repeat;color:#ffffff;z-index:2000;}
.clear{clear:both;}
.clear10{clear:both;display: block;overflow:hidden;width:100%;font-size:0px;height:10px;}

/*MsgBox样式*/
.MsgBox{font:12px/20px "微软雅黑";top:10%;left:30%;background:#ffffff;color:#000;border: 1px solid #aaaaaa;overflow:hidden;}
.MsgBox .clear{clear:both;}
.MsgBox .Line{clear:both;}
.MsgBox .Top{line-height: 40px;height: 40px;overflow:hidden;font-size:18px;font-weight: bold;cursor:move;    background: #e94335;color:#ffffff;border-radius: 5px;}
.MsgBox.NotSelectText{-moz-user-select : none;-webkit-user-select: none;-o-user-select: none;user-select: none;}
.MsgBox .Top .Ico{float:left;display: block;}
.MsgBox .Top .Title{width:auto;float:left;display: block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left:18px;color:#fff;}
.MsgBox .Top .Other{right:10px;display: block;position:absolute;}
.MsgBox .Top .Other .Zoom{float:left;background:url(../images/hx_ico.png) 10000px 10000px no-repeat;margin:10px 0px;width:30px;cursor:pointer;height: 20px;line-height: 20px;}
.MsgBox .Top .Other .Zoom.MaxZoom{background-position:-473px -42px;}
.MsgBox .Top .Other .Zoom.MaxZoom:hover{background-position:-433px -42px;}
.MsgBox .Top .Other .Zoom.MinZoom{background-position:-473px -25px;}
.MsgBox .Top .Other .Zoom.MinZoom:hover{background-position:-433px -25px;}
.MsgBox .Top .Other .Close{float:left;background:url(../images/hx_ico.png) no-repeat -473px -5px;margin:10px 0px;width:30px;cursor:pointer;height: 20px;line-height: 20px;}
.MsgBox .Top .Other .Close:hover{background-position:-433px -5px;}
.MsgBox .Content{padding:5px;}

.MsgBox .Bottom{padding:0 5px;height: 30px;overflow:hidden;text-align: right;}
.MsgBox .Bottom .Error{display:block;float:left;height:30px;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:red;font-size:16px;}
.MsgBox .Bottom .Button {display:block;float:right;}
.MsgBox .Bottom .Button button{display:block;float:left;border:0px;margin-left:5px;padding:0px 10px;cursor: pointer;height:30px;line-height: 30px;text-align:center;color:#fff;background:#e94335;overflow:visible;font-size:16px;font-weight:bold}
.MsgBox .Bottom .Button button:hover{background:#e94335;color:#fff;}
.MsgBox .From{margin:0px;padding:0px;display:block;width:auto;}
.MsgBox .From li{float:left;display:block;min-height:30px;line-height: 30px;border-bottom:#091525 1px solid;vertical-align:top;zoom:1;}
.MsgBox .From li:hover label{background:#e94335;color:#eee;}
.MsgBox .From li:hover input{background:#e94335;color:#fff;}
.MsgBox .From li:hover textarea{background:#e94335;color:#fff;}
.MsgBox .From li:hover .Value{background-color:#e94335;color:#fff;}
.MsgBox .From li:hover span{color:#000;}
.MsgBox .From label{display:block;float:left;height:30px;line-height: 30px;padding:0 5px;background:#fff;color:#000000;}
.MsgBox .From input{display:block;float:left;height:30px;line-height: 30px;padding:0 5px;background:#f2f2f2;width:150px;border:0px;color:#000;font:12px "微软雅黑";}
.MsgBox .From p{width: 95%; float: right; color: #666;}
.MsgBox .From textarea{display:block;float:left;min-height:20px;line-height: 20px;padding:5px;background:#fff;width:150px;border:0px;color:#ccc;font:12px "微软雅黑";}
.MsgBox .From span{display:block;float:left;margin-left:5px;color:#000;}
.MsgBox .From .Tips{clear:both;float:left;display: block;color:#000;min-height:20px;line-height: 20px;padding:5px;}
.MsgBox iframe{display:block;margin:0px;padding:0px;height:auto;}
.MsgBox .img{display:block;margin:0px;padding:0px;height:auto;}
.MsgBox .img1{width:100%;height:100%;float:left;}
.MsgBox.remove{-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0);-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.MsgBox.hide{-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0);-moz-transition: all 0s;-webkit-transition: all 0s;-o-transition: all 0s;transition: all 0s;}
.MsgBox.show{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.MsgBox .Select{float:left;width:110px;height:32px;margin:0px 10px 0px 0px;position:relative;z-index:100;}
.MsgBox .Select .Value{width:auto;height:30px;line-height: 30px;text-align:left;padding:0px 5px;color:#000;border:1px solid #ccc;box-shadow: 0px 0px 5px #ccc;outline:none;font:12px/30px "微软雅黑";background: url(../images/hx_ico.png) #ffffff no-repeat right -58px;cursor: pointer;}
.MsgBox .Select .Value1:hover{background-position:right -82px;}
.MsgBox .Select ul{position:absolute;display:none;width:100%;box-shadow: 0px 0px 5px #ccc;border-bottom:1px solid #ccc;background:#fff;margin:0px;padding:0px;}
.MsgBox .Select ul li{display:block;padding:0px 5px;height:30px;border-left:1px solid #ccc;border-right:1px solid #ccc;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor: pointer;}
.MsgBox .Select ul li:hover{background:#aaa;color:#fff;}
.MsgBox .Select ul li.curr{background:#888;color:#fff;}


/*ListBox样式*/
.ContentBox .ListBox{font-size:14px;width:auto;color:#fff;font:12px "微软雅黑";margin-top:10px;}
.ContentBox .ListBox .Top{padding:0px 15px;margin-top:0px;border-bottom:#cdcdcd 1px solid;line-height:40px;height:40px;background:url(../images/hx_ico.png) right -464px;overflow:hidden;}
.ContentBox .ListBox .Top .Title{float:left;font-size:14px;}
.ContentBox .ListBox .Top .More{float:right;}
.ContentBox .ListBox .Content{margin:0px 0px 0px 0px;overflow-x:auto;}
.ContentBox .ListBox .Bottom{padding:5px;    margin: 0 auto;}

/*Search样式*/
.ContentBox .Search{padding:0px 0px 5px 0px;height:40px;line-height: 40px;position:relative;}
.ContentBox .Search .Form{float:left;width:auto;position:absolute;left:0px;margin-left:0px;}
.ContentBox .Search .Form li{display:inline;}
.ContentBox .Search .Form li input{float:left;background:#fe9a42;margin:0px 10px 0px 0px;width:65px;height:26px;line-height:26px;text-align:left;border:0px;padding:0px 5px;color:#000;outline:none;font:12px/30px "微软雅黑";-moz-border-radius: 0px 4px 4px 0px;-webkit-border-radius: 0px 4px 4px 0px;border-radius: 0px 4px 4px 0px;}
.ContentBox .Search .Form li label{background:#e94335;float:left;margin:0px 0px 0px 0px;height:26px;line-height: 26px;padding:0px 5px; color:#fff;border-right:0px;-moz-border-radius: 4px 0px 0px 4px;;-webkit-border-radius: 4px 0px 0px 4px;;border-radius: 4px 0px 0px 4px;}

.ContentBox .Search .Form li:hover input{}
.ContentBox .Search .Form li:hover .Select ul{}
.ContentBox .Search .Form li:hover .Select ul li{}
.ContentBox .Search .Form li:hover .Select .Value{}
.ContentBox .Search .Form li:hover label{}
.ContentBox .Search .Form .Select{width:90px;}
.ContentBox .Search .Form .Select ul li{display:block;}

/*FormBox样式*/
.ContentBox .FormBox {font-size:14px;width:auto;color:#000;font:12px "微软雅黑";}
.ContentBox .FormBox .Top{padding:0px 15px;margin-top:0px;border-bottom:#cdcdcd 1px solid;line-height:40px;height:40px;background:url(../images/hx_ico.png) right -464px;overflow:hidden;}
.ContentBox .FormBox .Top .Title{float:left;font-size:14px;}
.ContentBox .FormBox .Top .More{float:right;}
.ContentBox .FormBox .Content{clear:both;margin:0px; min-height:500px;}
.ContentBox .FormBox .Content .Tit{padding:0px 10px;width:auto;font-size:14px;font-weight:bold;line-height:40px;height:40px;}
.ContentBox .FormBox .Content .Box{padding:10px;float:left;border-top: 0px solid #000000;}
.ContentBox .FormBox .Content .Box li{display:block;width:100%;float:left;padding:5px 0px;margin-left:5px;line-height:42px;font:12px/30px "微软雅黑";vertical-align:top;zoom:1;}
.ContentBox .FormBox .Content .Box input{float:left;margin:0px 10px 0px 0px;width:150px;height:30px;line-height: 30px;text-align:left;padding:0px 5px;color:#000;border:1px solid #cccccc;background:#FFF;outline:none;font:12px/30px "微软雅黑";-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}


.ContentBox .FormBox .Content .Box div input{float:left;margin:0px 0px 0px 15px;width:30px;height:30px;line-height: 30px;text-align:left;padding:0px 5px;color:#000;border:1px solid #cccccc;background:#FFF;outline:none;font:12px/30px "微软雅黑";-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.ContentBox .FormBox .Content .Box div label{float:left;margin:0px 0px 0px 0px;height:32px;width:auto;text-align:right;line-height: 30px;padding:0px 0px; color:#222;border:0px solid #ccc;border-right:0px;}
.ContentBox .FormBox .Content .Box div img{float:left;margin-left:5px;width:100px;height:30px;}

.ContentBox .FormBox .Content .Box input:hover{border:1px solid #cccccc;box-shadow: 0px 0px 5px #cccccc;}

.ContentBox .FormBox .Content .Box textarea{float:left;margin:0px 10px 0px 0px;height:100px;line-height: 25px;width:300px;padding:5px;color:#000;border:1px solid #ccc;overflow-x:hidden;overflow-y:auto;}
.ContentBox .FormBox .Content .Box label{float:left;margin:0px 0px 0px 0px;height:32px;width:150px;text-align:right;line-height: 30px;padding:0px 10px; color:#222;border:0px solid #ccc;border-right:0px;}
.ContentBox .FormBox .Content .Box img{float:left;margin-left:10px;width:100px;height:30px;}
.ContentBox .FormBox .Content .Box span{display:block;float:left;margin-left:5px;line-height:42px;height:42px;color:#222;}

.ContentBox .FormBox .Content .Box .Select{float:left;width:312px;height:32px;margin:5px 10px 0px 0px;position:relative;z-index:100;}
.ContentBox .FormBox .Content .Box .Select .Value{float:left;width:300px;height:40px;line-height: 40px;text-align:left;padding:0px 5px;color:#fff;border:1px solid #cccccc;background-color:#3f5366;outline:none;font:12px/30px "微软雅黑";-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.ContentBox .FormBox .Content .Box .Select .Value:hover{border:1px solid #cccccc;box-shadow: 0px 0px 5px #cccccc;}
.ContentBox .FormBox .Content .Box .Select ul li{clear:both;padding:0px 5px;margin:0px;width:100%;height:30px;line-height: 30px;}

.ContentBox .FormBox .Content .Tips{color:#222;min-height:20px;line-height: 20px;padding:0px 0px 20px 40px; font-size:16px;overflow:hidden;}

.ContentBox .FormBox .Bottom{padding:5px;height: 30px;overflow:hidden;text-align: right;position:relative;}
.ContentBox .FormBox .Bottom .Button{float:left;width:auto;position:absolute;left:none;right:none; margin-right:20px;}
.ContentBox .FormBox .Bottom .Error{float:right;width:auto;margin-right:5px;height:25px;line-height: 25px;color:red;}


.FormBox .Tit {padding-left: 10px;border-left: 4px solid #e94335;}

.ScreenMask {position: fixed!important;top: 0px;left: 0px;display: none;width: 100%;height: 100%;line-height: 100%;background: rgba(0,0,0,.5);}
	
	
	
/*Button样式*/
.ContentBox .Button{float:left;width:auto;position:absolute;left:0px;margin-right:0px;}
.ContentBox .Button span{display:block;float:left;background:#e94335;margin:0px 0px 0px 5px;height:26px;padding:0px 10px; color:#fff;font:12px/26px "微软雅黑";cursor: pointer;}
.ContentBox .Button span:hover{background:#e94335;}



/*Page样式*/
.ContentBox .Page{padding:0px;height:30px;line-height: 30px;}
.ContentBox .Page .PageInfo{float:left;width:auto;}
.ContentBox .Page .PageInfo span{display:block;float:left;background:#7A91AA;margin:0px 10px 0px 0px;height:30px;padding:0px 10px; color:#eee;font:12px/30px "微软雅黑";cursor: pointer;}
.ContentBox .Page .PageNum{float:right;width:auto;}
.ContentBox .Page .PageNum span{display:block;float:left;background:#e94335;margin:0px 0px 0px 10px;height:30px;padding:0px 10px; color:#eee;font:12px/30px "微软雅黑";cursor: pointer;}
.ContentBox .Page .PageNum span:hover{background:#e94335;}
.ContentBox .Page .PageNum span.curr{background:#e94335;}


/*select美化*/
.ContentBox .Select{float:left;width:110px;height:30px;margin:0px 10px 0px 0px;position:relative;z-index:100;}
.ContentBox .Select .Value{width:auto;height:26px;line-height:26px;text-align:left;padding:0px 5px;color:#000;outline:none;font:12px/26px "微软雅黑";background: url(../images/hx_ico.png) #fe9a42 no-repeat right -76px;cursor: pointer;-moz-border-radius: 0px 4px 4px 0px;-webkit-border-radius: 0px 4px 4px 0px;border-radius: 0px 4px 4px 0px;}
.ContentBox .Select .Value1:hover{background-position:right -82px;}
.ContentBox .Select ul{position:absolute;display:none;max-height:150px;overflow-y:auto;overflow-x:hidden;background:#222222;margin:0px;padding:0px;}
.ContentBox .Select ul li{display:block;padding:0px 5px;height:26px;background:#999;line-height:26px;white-space:nowrap;text-overflow:ellipsis;border:1px solid #B2C9EC;overflow:hidden;cursor: pointer;}
.ContentBox .Select ul li:hover{background:#fff;color:#000;}
.ContentBox .Select ul li.curr{background:#f87c25;color:#000;}

/*Table样式*/
.ContentBox table{width:100%;height:25px;line-height: 25px;color:#000;text-align: left;border-collapse:collapse;}
.ContentBox table thead{text-align: left;}
.ContentBox table thead td{text-align: left;}
.ContentBox table thead th{text-align: left;}
.ContentBox table thead tr{text-align: left;}
.ContentBox table tr{height:25px;line-height: 25px;overflow:hidden;}
.ContentBox table th{padding: 5px;color:#000;cursor: pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;line-height: 30px; font-size:14px}
.ContentBox table td{padding: 5px;color:#3e3e3e;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-left:0px;border-right:0px;font-size:12px;height:25px;line-height: 25px;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ContentBox table tr th.checkbox{background:url(../images/hx_ico.png) #000000 -466px -242px no-repeat;width:30px;}
.ContentBox table tr th.checkbox.curr{background:url(../images/hx_ico.png) #000000 -466px -214px no-repeat;width:30px;}
.ContentBox table tr td.checkbox{background:url(../images/hx_ico.png) -466px -242px no-repeat;width:30px;cursor: pointer;}
.ContentBox table tr td.checkbox.curr{background:url(../images/hx_ico.png) -466px -214px no-repeat;width:30px;}
.ContentBox table tr.curr{background-color: #222222;}
.ContentBox table tr.curr td{color:#f87c25;}
.ContentBox table tr.curr td span{background-color: #f87c25;}
.ContentBox table tr:hover{}
.ContentBox table tr:hover td{color:#e94335;}
.ContentBox table tr:hover td span{background-color: #158a7b;}
.ContentBox table tr td span{display:block;float:right;background:#7A91AA;margin:0px 0px 0px 5px;padding:0px 6px;height:20px;line-height:20px; color:#fff;cursor: pointer;}
.ContentBox table tr td span:hover{background-color: #e94335;}
.ContentBox table tr{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}

.MsgBox .Select{float:left;width:160px;height:30px;margin:0px 0px 0px 0px;position:relative;z-index:100;}
.MsgBox .Select .Value{width:auto;height:30px;line-height: 30px;text-align:left;padding:0px 5px;color:#fff;border:0px solid #ccc;box-shadow: 0px 0px 0px #ccc;outline:none;font:12px/30px "微软雅黑";background: url(../images/hx_ico.png) #e94335 no-repeat right -58px;cursor: pointer;}
.MsgBox .Select .Value:hover{background-color:#e94335;color:#fff;}
.MsgBox .Select .Value.curr{background-color:#e94335;color:#fff;}
.MsgBox .Select ul{position:absolute;display:none;width:100%;max-height:155px;overflow-y:auto;overflow-x:hidden;box-shadow: 0px 0px 0px #ccc;border:0px;background:#e94335;margin:0px;padding:0px;}
.MsgBox .Select ul li{clear:both;width:100%;display:block;padding:0px;text-indent:5px;height:30px;line-height:30px;border-bottom:0px solid #ccc;border-left:0px solid #ccc;border-right:0px solid #ccc;border-top:1px solid #000;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor: pointer;}
.MsgBox .Select ul li:hover{background:#e94335;color:#fff;}
.MsgBox .Select ul li.curr{background:#e94335;color:#fff;}

.MsgBox .Form .Select{float:left;margin:1px 0px 0px 0px;width:160px;height:30px;line-height: 30px;padding:0px;text-align:left;color:#fff;background-color: #e94335;font:12px/1.75 "微软雅黑";height:auto;cursor: pointer;position:relative;background: url(../images/hx_ico.png) #e94335 no-repeat right -58px;}
.MsgBox .Form input{float:left;margin:0px 5px 0px 0px;height:30px;width:150px;text-align:left;padding:0px 5px;color:#fff;font:12px/30px "微软雅黑";background:#e94335;border:none;}
.MsgBox .Form label{float:left;margin:0px 0px 0px 0px;height:30px;line-height: 30px;padding:0px 5px; border-right:0px;background:#e94335;color:#ccc;}
.MsgBox .Form td{border-top:1px solid #none;}
.MsgBox .Form input{margin-top:1px;}
.MsgBox .Form label{margin-top:1px;}







/*MsgTips样式*/
.MsgTips{position:fixed!important; position:absolute;bottom:-200px;left:0; z-index:1000;width:100%; height:auto;float: left;border-top: 3px solid #e94335;color:#fff;font-size:12px;}
.MsgTips .opacity{padding: 20px 0;width:100%; height:100%;background-image:url(../images/opacity-80.png)}
.MsgTips .content{width:980px;margin: 0 auto;padding:10px;height:auto;_height:100px;min-height:52px;}
.MsgTips .title{margin-top:-46px;border: 1px solid #e94335;line-height: 30px;height: 30px;background:#000;padding:0 10px;position:absolute;float:left;font-size:12px;color:#ffffff;}
.MsgTips .logo{margin-top:-86px;border: 1px solid #e94335;line-height: 30px;height: 60px;width: 100px;background:#000;padding:2px;position:absolute;float:left;font-size:12px;color:#e94335;}
.MsgTips .logo img{height: 60px;width: 100px;}
.MsgTips .button{padding:0 10px;float:right;cursor:pointer;margin:0 10px;}
*html .MsgTips,*html .OnlineService{top:expression(offsetParent.scrollTop+offsetParent.clientHeight-100+'px');}



.OnlineService{bottom:0px;right:0; z-index:1000;width:200px;height:40px;line-height:40px;background-image:url(../images/opacity-80.png);color:#fff;font-size:12px;}

.OnlineService .chatwindow {position:absolute;top:0px;left:-501px;width:500px;height:480px;background:#222222;overflow:hidden;border:0px solid #444444;display: none;}
.OnlineService .chatwindow .loadbox{position:absolute;top:0px;left:0px;width:500px;padding:200px 0px;height:80px;line-height:20px;background-image:url(../images/opacity-80.png);text-align: center;overflow:hidden;display: none;}

.OnlineService .chatwindow .HeadBox {height:50px;line-height:50px;cursor:pointer;padding:10px;background:#111111;}
.OnlineService .chatwindow .HeadBox .left{float:left;width:50px;line-height:50px;height:50px;}
.OnlineService .chatwindow .HeadBox .left img{width:50px;height:50px;}
.OnlineService .chatwindow .HeadBox .right{float:left;margin-left:10px;width:390px;height:50px;}
.OnlineService .chatwindow .HeadBox .right h1{float:left;width:390px;line-height:30px;height:30px;font-size:14px;}
.OnlineService .chatwindow .HeadBox .right p{float:left;width:390px;line-height:20px;height:20px;color:#888888;}
.OnlineService .chatwindow .HeadBox .Close{float:left;background:url(../images/hx_ico.png) no-repeat -473px -5px;width:30px;cursor:pointer;height: 20px;line-height: 20px;}
.OnlineService .chatwindow .HeadBox .Close:hover{background-position:-433px -5px;}

.OnlineService .chatwindow .InputBox {height:70px;line-height:70px;cursor:pointer;}
.OnlineService .chatwindow .InputBox .textfield {float:left;width:410px;height:50px;line-height:25px;cursor:text;padding:10px;background:#222222;overflow-y:auto;overflow-x:hidden;border:0px;color:#ffffff;}
.OnlineService .chatwindow .InputBox .btn {float:left;border-left: 1px solid #e94335;width:49px;height:50px;line-height:50px;cursor:pointer;padding:10px;background:#333333;text-align: center;}
.OnlineService .chatwindow .MsgLogBox {height:340px;line-height:20px;background:#151515;overflow-y:auto;overflow-x:hidden;}

.OnlineService .chatwindow .MsgLogBox li{padding:10px;border-bottom: 1px dashed #333333;background:#111111;}

.OnlineService .chatwindow .MsgLogBox .Box {overflow:hidden;}
.OnlineService .chatwindow .MsgLogBox .Box .UserFace{float:left;width:40px;line-height:40px;height:40px;}
.OnlineService .chatwindow .MsgLogBox .Box .UserFace img{width:40px;height:40px;}
.OnlineService .chatwindow .MsgLogBox .Box .Content{width:auto;}
.OnlineService .chatwindow .MsgLogBox .Box .Content .info{padding-left:50px;text-align:left;width:auto;line-height:20px;height:20px;font-size:12px;color:#888888;}
.OnlineService .chatwindow .MsgLogBox .Box .Content .info .name{float:left;}
.OnlineService .chatwindow .MsgLogBox .Box .Content .info .time{float:right;}
.OnlineService .chatwindow .MsgLogBox .Box .Content .msg{padding-left:50px;width:auto;line-height:20px;word-break:break-all;}

.OnlineService .Title {height:20px;line-height:20px;padding:10px;cursor:pointer;}
.OnlineService .Title h1{float:left;width:150px;font-size:14px;}
.OnlineService .Title span{float:right;background:url(../images/hx_ico.png) 10000px 10000px no-repeat;width:30px;cursor:pointer;height: 20px;line-height: 20px;}
.OnlineService .Title span.MaxZoom{background-position:-473px -42px;}
.OnlineService .Title span.MaxZoom:hover{background-position:-433px -42px;}
.OnlineService .Title span.MinZoom{background-position:-473px -25px;}
.OnlineService .Title span.MinZoom:hover{background-position:-433px -25px;}

.OnlineService .Content{width:200px;line-height:20px;}
.OnlineService .Content .Tab{width:200px;line-height:30px;height:30px;overflow:hidden;}
.OnlineService .Content .Tab li{float:left;line-height:30px;height:30px;background:#222222;width:33.33%;text-align: center;cursor: pointer;}
.OnlineService .Content .Tab li:hover{background:#161616;}
.OnlineService .Content .Tab li.curr{background:#111111;color:#f87c25;}
.OnlineService .Content .List{width:180px;line-height:30px;height:390px;background:#111111;overflow:hidden;padding:10px;overflow-y:auto;overflow-x:hidden;}
.OnlineService .Content .List ul{display: none;}
.OnlineService .Content .List li{float:left;width:100%;line-height:40px;height:40px;cursor: pointer;}
.OnlineService .Content .List li:hover{background:#222222;}
.OnlineService .Content .List li .UserFace{float:left;width:40px;line-height:40px;height:40px;}
.OnlineService .Content .List li .UserFace img{width:30px;height:30px;margin:5px;}
.OnlineService .Content .List li .Status{float:left;width:40px;line-height:40px;height:40px;text-align: center;}
.OnlineService .Content .List li .Nickname{float:left;width:83px;line-height:40px;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


div.datepicker{position:relative;font-family:Arial, Helvetica, sans-serif;font-size:12px;width:196px;height:147px;position:absolute;cursor:default;top:0;left:0;display:none;z-index:1000000;}
.datepickerContainer{background:#121212;position:absolute;top:10px;left:10px;}
.datepickerBorderT{position:absolute;left:10px;top:0;right:10px;height:10px;background:url(../images/datepicker/datepicker_t.png);}
.datepickerBorderB{position:absolute;left:10px;bottom:0;right:10px;height:10px;background:url(../images/datepicker/datepicker_b.png);}
.datepickerBorderL{position:absolute;left:0;bottom:10px;top:10px;width:10px;background:url(../images/datepicker/datepicker_l.png);}
.datepickerBorderR{position:absolute;right:0;bottom:10px;top:10px;width:10px;background:url(../images/datepicker/datepicker_r.png);}
.datepickerBorderTL{position:absolute;top:0;left:0;width:10px;height:10px;background:url(../images/datepicker/datepicker_tl.png);}
.datepickerBorderTR{position:absolute;top:0;right:0;width:10px;height:10px;background:url(../images/datepicker/datepicker_tr.png);}
.datepickerBorderBL{position:absolute;bottom:0;left:0;width:10px;height:10px;background:url(../images/datepicker/datepicker_bl.png);}
.datepickerBorderBR{position:absolute;bottom:0;right:0;width:10px;height:10px;background:url(../images/datepicker/datepicker_br.png);}
.datepickerHidden{display:none;}
div.datepicker table{border-collapse:collapse;}
div.datepicker a{color:#eee;text-decoration:none;cursor:default;outline:none;}
div.datepicker table td{text-align:right;padding:0;margin:0;}
div.datepicker th{text-align:center;color:#999;font-weight:normal;}
div.datepicker tbody th{text-align:center;}
div.datepicker tbody a{display:block;}
.datepickerDays a{width:20px;line-height:16px;height:16px;padding-right:2px;}
.datepickerYears a,.datepickerMonths a{width:44px;line-height:36px;height:36px;text-align:center;}
td.datepickerNotInMonth a{color:#666;}
tbody.datepickerDays td.datepickerSelected{background:#e94335;}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected{background:#17384d;}
tbody.datepickerYears td.datepickerSelected,tbody.datepickerMonths td.datepickerSelected{background:#17384d;}
div.datepicker a:hover,div.datepicker a:hover{color:#88c5eb;}
div.datepicker td.datepickerNotInMonth a:hover{color:#999;}
div.datepicker tbody th{text-align:left;}
.datepickerSpace div{width:20px;}
.datepickerGoNext a,.datepickerGoPrev a,.datepickerMonth a{text-align:center;height:20px;line-height:20px;}
.datepickerGoNext a{float:right;width:20px;}
.datepickerGoPrev a{float:left;width:20px;}
.datepickerGoNext a span{color:#e94335;}
.datepickerGoPrev a span{color:#e94335;}

table.datepickerViewDays tbody.datepickerMonths,table.datepickerViewDays tbody.datepickerYears{display:none;}
table.datepickerViewMonths tbody.datepickerDays,table.datepickerViewMonths tbody.datepickerYears,table.datepickerViewMonths tr.datepickerDoW{display:none;}
table.datepickerViewYears tbody.datepickerDays,table.datepickerViewYears tbody.datepickerMonths,table.datepickerViewYears tr.datepickerDoW{display:none;}
td.datepickerDisabled a,td.datepickerDisabled.datepickerNotInMonth a{color:#333;}
td.datepickerDisabled a:hover{color:#333;}
td.datepickerSpecial a{background:#700;}
td.datepickerSpecial.datepickerSelected a{background:#a00;}