body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img ,iframe { margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
input,button,textarea,option { font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style: none; border: 0px; }
img{ border: 0px; }
.clearfixDiv{ font: 0px/0px serif; display: block; clear: both; }
body{ font-size:12px; font-family: "PingFang SC", Helvetica, "Microsoft YaHei", Arial, "sans-serif"; color: #333; position: relative; }
html{ -webkit-text-size-adjust: none; }
input{ outline: none; }
textarea{ resize: none; }
body:nth-of-type(1) input:focus,textarea:focus{ outline: none; }
.HeaderS { position: absolute; height: 111px; top: 0; left: 0; width: 100%; background: url(../image/top.jpg) no-repeat 95% 0; }
.MTKFIMontop{ width: auto; height: 111px; margin: 0px auto; padding: 0px 60px 0 61px; position: relative; }
.MTKFIMontop ul{ display: block; position: absolute; top: 8px; left: 61px; z-index: 1; width: 315px; }
.MTKFIMontop ul li{ display: block; float: left; padding: 0 10px; width: 57px; }
.MTKFIMontop ul li a{ display: block; width: 57px; float: left; font: normal 14px "\5b8b\4f53"; text-decoration: none; color: #333; text-align:center; }
.MTKFIMontop ul li a.tell{ width: 57px; height: 57px; background: url(../image/vip.png) no-repeat 0 0; margin-bottom: 3px; }
.MTKFIMontop ul li a.client{ width: 57px; height: 57px; background: url(../image/vip.png) no-repeat -67px 0; margin-bottom: 3px; }
.MTKFIMontop ul li a.order{ width: 57px; height: 57px; background: url(../image/vip.png) no-repeat -134px 0; margin-bottom: 3px; }
.MTKFIMontop ul li a.system{ width: 57px; height: 57px; background: url(../image/vip.png) no-repeat -199px 0; margin-bottom: 3px; }
.MTKFIMontop ul li a.record{ width: 57px; height: 57px; background: url(../image/vip.png) no-repeat 0px -394px; margin-bottom: 3px; }
.MTKFIMontop ul li a.down{ width: 57px; height: 57px; background: url(../image/vip.png) no-repeat 0px -462px; margin-bottom: 3px; }
.MTKFIMontop p{ display: block; line-height: 33px; text-align: right; position: absolute; color: #333; top: 7px; right: 131px; padding: 0px 32px 0 0; background: url(../image/vip.png) no-repeat 100% -213px; }
.MTKFIMontop p a{ text-decoration: underline; color: #ff6600; font: normal 12px "Tahoma"; }
.MTKFIMontop a.exit{ display: block; position: absolute; top: 15px; right: 73px; line-height: 16px; text-decoration: none; color: #333; text-indent: 20px; background: url(../image/vip.png) no-repeat -72px -72px; }
.MTKFIMontop a.exit:hover{ text-decoration: underline; color: #ff6600; }
.MTKFIMontop strong{ display: block; position: absolute; top: 86px; left: 61px; font: bold 14px/25px "\5b8b\4f53"; color: #2e6fc5; padding: 0px 10px; background: #edf5ff; border-radius: 2px 2px 0 0; }
.MTKFIMontop input{ width: 258px; height: 33px; border: 0px; display: block; position: absolute; top: 69px; left: 511px; font: normal 14px/33px "\5b8b\4f53"; padding: 0px 0 0 10px; color: #333; background: #fff; filter: alpha(opacity=70); opacity: 0.7; }
.MTKFIMontop button{ width: 53px; height: 33px; display: block; border: 0px; position: absolute; top: 69px; left: 770px; cursor: pointer; background: url(../image/vip.png) no-repeat 0 -65px; }
/* .wrapper { height: 100%; overflow: auto; } */
.MTKFIMonleft{ width: 160px; padding: 0px 0 0 60px; float: left; height: auto; background: url(../image/leftbg.jpg) repeat-y 100% 0; margin: 117px 0 0 0; position: relative; }
.MTKFIMonleft p{ width: 160px; height: 27px; line-height: 27px; display: block; float: left; text-indent: 10px; color: #666666; background: url(../image/vip.png) no-repeat 0 -185px; }
.MTKFIMonleft p b{ font: normal 12px "Tahoma"; color: #2e6fc5; }
.MTKFIMonleft ul{ width: 136px; display: block; float: left; padding: 8px 10px 9px 14px; overflow-y: auto; overflow-x: hidden; position: relative; }
.MTKFIMonleft ul li{ width: 136px; height: 24px; font: normal 12px/24px "Tahoma"; display: block; position: relative; float: left; text-indent: 30px; background: url(../image/vip.png) no-repeat -226px -98px; }
.MTKFIMonleft ul li.visitor{ background: url(../image/vip.png) no-repeat -226px -121px; }
.MTKFIMonleft ul li a{ text-decoration: none; color: #666666; }
.MTKFIMonleft ul li a:hover{ text-decoration: underline; color: #ff6600; }
.MTKFIMonleft ul li em{ display: none; position: absolute; width: 23px; height: 11px; left: -10px; background: url(../image/vip.png) no-repeat -64px -423px; }
.MTKFIMonleft ul li.newmessage em{ display: block; }
.MTKFIMonleft ul li a.del{ display: block; position: absolute; left: -3px; top: 8px; width: 7px; height: 7px; cursor: pointer; background: url(../image/vip.png) no-repeat -130px -404px; }
.leftbottom{ width: 160px; height: 1px; display: block; position: absolute; right: 0px; bottom: 0px; border-bottom: 1px solid #c8daf0; overflow: hidden; z-index: 999; }
.onright{ padding: 0 60px 0 6px; margin: 117px 0 0 0; overflow: hidden; }
.notice{ border: 1px solid #fec573; height: 25px; line-height: 25px; position: relative; text-indent: 33px; background: #fffef0 url(../image/vip.png) no-repeat -230px -71px; }
.notice a{ text-decoration: none; color: #555555; }
.notice b{ font: normal 12px/25px "Tahoma"; color: #bbbbbb; margin-left: 10px; }
.notice a:hover{ text-decoration: underline; color: #ff6600; }
.notice a.close{ display: block; position: absolute; width: 12px; height: 12px; top: 7px; right: 6px; background: url(../image/vip.png) no-repeat -38px -115px; }
.recordbox{ border: 1px solid #c8daf0; height: 20px; padding: 8px 0; position: relative; background: #fff; }
.recordbox ul{ display: block; position: absolute; top: 8px; right: 10px; }
.recordbox ul li{ display: block; float: left; line-height: 20px; color: #666666; padding: 0px 0 0 8px; }
.recordbox ul li select{ width: 94px; font-size: 12px; color: #444444; }
.recordbox ul li input{ width: 190px; height: 18px; border: 1px solid #7f9db9; line-height: 18px; text-indent: 8px; color: #666666; }
.recordbox ul li button{ width: 61px; height: 20px; border: 0; cursor: pointer; float: left; background: url(../image/vip.png) no-repeat -62px -397px; }
dl.now{ border: 1px solid #c8daf0; height: 25px; margin-top: 6px; position: relative; }
dl.now dt{ display: block; position: absolute; font: normal 12px/25px "\5b8b\4f53"; color: #666666; text-indent: 19px; }
dl.now dd{ display: block; position: absolute; right: 10px; font: normal 12px/25px "\5b8b\4f53"; color: #2e6fc5; text-align: right; }
dl.now dd b{ font: normal 12px/25px "Tahoma"; margin: 0px 12px; color: #888888; }
dl.now dt b{ margin: 0 5px; color: #ff6600; }
.righttop{ border-left: 1px solid #c8daf0; border-right: 1px solid #c8daf0; overflow-y: auto; background: #FFFFFF; padding: 7px 18px; }
.righttop dl{ display: block; padding: 5px 0; }
.righttop dl dt{ display: block; line-height: 18px; color: #666666; }
.righttop dl dt b{ font: normal 12px/18px "Tahoma"; margin-left: 13px; }
.righttop dl dd{ display: block; font: normal 12px/18px "Tahoma"; color: #2e6fc5; }
.righttop dl.reply dd{ color: #ff6600; }
.righttop dl dd img{
	max-width: 300px;_width: 300px; overflow: hidden; width: expression(this.width > 300 ? 300 : true);
}
.photo{ border: 1px solid #c8daf0; background: #edf5ff; display: block; height: 26px; }
.photo dt{ display: block; float: left; padding-left: 10px; height: 26px; }
.photo dd{ display: block; float: right; height: 26px; }
.photo ul{ display: block; float: left; height: 26px; }
.photo ul li{ display: block; float: left; }
.photo ul li a{ display: block; float: left; width: 28px; height: 26px; background: url(../image/vip.png) no-repeat 3px -147px; }
.photo ul li a.ico1{ background: url(../image/vip.png) no-repeat -26px -147px; }
.photo ul li a.ico2{ background: url(../image/vip.png) no-repeat -56px -147px; }
.photo ul li a.ico3{ background: url(../image/vip.png) no-repeat -85px -147px; }
.photo ul li a.ico4{ background: url(../image/vip.png) no-repeat -113px -147px; }
.photo ul li a.ico5{ background: url(../image/vip.png) no-repeat -143px -147px; }
.photo ul li a.ico6{ background: url(../image/editor.gif) no-repeat 2px -18px; }
.photo ul li a.ico7{ background: url(../image/editor.gif) no-repeat 2px -38px; }
.photo ul li a.ico8{ background: url(../image/editor.gif) no-repeat 2px -77px; }
.photo ul li a:hover{ width: 26px; border-left: 1px solid #c8daf0; border-right: 1px solid #c8daf0; background: #fff url(../image/vip.png) no-repeat 2px -147px; }
.photo ul li a.ico1:hover{ width: 26px; border-left: 1px solid #c8daf0; border-right: 1px solid #c8daf0; background: #fff url(../image/vip.png) no-repeat -27px -147px; }
.photo ul li a.ico2:hover{ width: 26px; border-left: 1px solid #c8daf0; border-right: 1px solid #c8daf0; background: #fff url(../image/vip.png) no-repeat -57px -147px; }
.photo ul li a.ico3:hover{ width: 26px; border-left: 1px solid #c8daf0; border-right: 1px solid #c8daf0; background: #fff url(../image/vip.png) no-repeat -86px -147px; }
.photo ul li a.ico4:hover{ width: 26px; border-left: 1px solid #c8daf0; border-right: 1px solid #c8daf0; background: #fff url(../image/vip.png) no-repeat -114px -147px; }
.photo ul li a.ico5:hover{ width: 26px; border-left: 1px solid #c8daf0; border-right: 1px solid #c8daf0; background: #fff url(../image/vip.png) no-repeat -144px -147px; }
.photo ul li a.ico6:hover{ width: 26px; border-left: 1px solid #c8daf0; border-right: 1px solid #c8daf0; background: #fff url(../image/editor.gif) no-repeat 1px -18px; }
.photo ul li a.ico7:hover{ width: 26px; border-left: 1px solid #c8daf0; border-right: 1px solid #c8daf0; background: #fff url(../image/editor.gif) no-repeat 1px -38px; }
.photo ul li a.ico8:hover{ width: 26px; border-left: 1px solid #c8daf0; border-right: 1px solid #c8daf0; background: #fff url(../image/editor.gif) no-repeat 1px -77px; }
.photo dd a.over{ display: block; width: 85px; float: right; line-height: 26px; border-left: 1px solid #c8daf0; text-decoration: none; color: #656565; text-indent: 28px; background: #fff url(../image/vip.png) no-repeat -231px -172px; }
.photo dd a.over:hover{ color: #d6802c; background: #fefadc url(../image/vip.png) no-repeat -231px -148px; }
.rightbot{ border: 1px solid #c8daf0; border-top: 0px; background: #fff; padding: 0px 0px; }
.rightbot dl{ display: block; height: 210px; }
.rightbot dl dt{ padding: 8px 12px; }
.rightbot dl dt textarea{ display: block; font: normal 12px/18px "Tahoma"; color: #666; overflow-y: auto; height: 75px; width: 99%; border: 0px; }
.rightbot dl dd{ padding: 0px 12px; height: 42px; }
.rightbot dl dd button{ display: block; border: 0px; cursor: pointer; width: 91px; height: 31px; float: right;}
.rightbot #btnSend{ display: block; border: 0px; cursor: pointer; width: 91px; height: 31px; float: right; background: url(../image/vip.png) no-repeat -72px -106px; }
.leftset{ width: 130px; border: 1px solid #c8daf0; border-bottom: 0px; border-radius: 3px 3px 0 0; padding: 6px 14px; }
.leftset a{ display: block; height: 30px; font: normal 14px/30px "\5b8b\4f53"; text-align: center; text-decoration: none; color: #fff; margin: 8px 0px 0 0; background: url(../image/vip.png) no-repeat 0 -282px; }
.leftset a:hover,.leftset a.hot{ font: bold 14px/30px "\5b8b\4f53"; background: url(../image/vip.png) no-repeat 0 -320px; }
dl.rightsettop{ border: 1px solid #c8daf0; height: 25px; }
dl.rightsettop dt{ display: block; float: left; font: normal 12px/25px "\5b8b\4f53"; color: #333333; text-indent: 19px; }
dl.rightsettop dd{ display: block; float: right; font: normal 12px/25px "\5b8b\4f53"; color: #2e6fc5; text-align: right; }
dl.rightsettop dd b{ font: normal 12px/25px "Tahoma"; display: inline-block; margin-right: 10px; color: #999999; background: url(../image/vip.png) no-repeat -238px -270px; text-indent: 25px; }
.rightsetbot{ border-left: 1px solid #c8daf0; border-right: 1px solid #c8daf0; background: #fff; height: 45px; }
.rightsetbot dl{ display: block; }
.rightsetbot dl dt{ display: block; float: left; width: 100px; text-align: right; font: normal 14px/45px "\5b8b\4f53"; color: #666666; }
.rightsetbot dl dd{ display: block; float: left; width: 500px; }
.rightsetbot dl dd input{ float: left; width: 355px; height: 25px; border: 1px solid #c8c8c8; margin-top: 9px; background: #fff; color: #d888; padding: 0px 0 0 10px; font: normal 14px/25px "Tahoma"; }
.rightsetbot dl dd button{float: left; height: 27px; margin-top: 9px;width: 53px; cursor: pointer; border: 0px;margin-left: 9px;}
.rightsetbot dl dd input:hover,.rightsetbot dl dd textarea:hover{ border: 1px solid #6c9ee1; color: #666666; }
.rightsetbot dl dd textarea{ float: left; width: 355px; height: 100px; border: 1px solid #c8c8c8; margin-top: 9px; background: #fff; color: #d9d9d9; padding: 5px 0 0 10px; overflow: hidden; font: normal 14px/25px "Tahoma"; }
.setbutton{ border: 1px solid #c8daf0; border-top: 0px; background: #fff; height: 50px; }
.setbutton button{ width: 93px; height: 33px; cursor: pointer; border: 0px; margin-left: 100px; background: url(../image/vip.png) no-repeat 0 -358px; }
.dialog{ border-left: 1px solid #c8daf0; border-right: 1px solid #c8daf0; background: #fff; height: 200px; }
.dialog dl{ display: block; padding: 20px 0 0 0; }
.dialog dl dt{ display: block; float: left; width: 263px; padding: 0px 15px 0 18px; }
.dialog dl dd{ display: block; float: left; width: 263px; padding: 0px 15px 0 18px; }
.dialog dl dt span{ display: block; font: normal 14px/25px "\5b8b\4f53"; color: #666; }
.dialog dl dt textarea{ width: 263px; height: 100px; border: 1px solid #c8c8c8; background: #fff; color: #666666; padding: 5px 0 0 10px; overflow: hidden; font: normal 12px/25px "Tahoma"; }
.dialog dl dd span{ display: block; font: normal 14px/25px "\5b8b\4f53"; color: #666; }
.dialog dl dd textarea{ width: 263px; height: 100px; border: 1px solid #c8c8c8; background: #fff; color: #666666; padding: 5px 0 0 10px; overflow: hidden; font: normal 12px/25px "Tahoma"; }
.digbutton{ border: 1px solid #c8daf0; border-top: 0px; background: #fff; height: 50px; }
.digbutton button{ width: 93px; height: 33px; cursor: pointer; border: 0px; margin: 0px 0 0 260px; background: url(../image/vip.png) no-repeat 0 -358px; }
.online{ width: 96px; height: 168px; background: url(../image/online.png) no-repeat; display: none; position: fixed; _position: absolute; overflow: visible; z-index: 99999; top: 0px; _top: expression(documentElement.scrollTop + documentElement.clientHeight/2-84); }
.online a{ width: 96px; height: 168px; display: block; float: left; cursor: pointer; }
/* .offline{ width: 96px; height: 168px; background: url(../images/offline.png) no-repeat; display: none; position: fixed; _position: absolute; overflow: visible; z-index: 99999; top: 0px; _top: expression(documentElement.scrollTop + documentElement.clientHeight/2-84); }
.offline a{ width: 96px; height: 168px; display: block; float: left; cursor: pointer; } */
/* gkzhan 金黄色框 */
.offline{ width: 360px;background: url(../image/offLine_new.png) no-repeat; display: none; position: fixed; _position: absolute; overflow: visible; z-index: 99999; top: 0px; _top: expression(documentElement.scrollTop + documentElement.clientHeight/2-84); }
.offline a{ width: 184px; height: 50px; display: block; cursor: pointer; position: absolute;top: 0;right: 0}

.freeonline{ width: 96px; height: 178px; background: url(../image/freeonline.png) no-repeat; display: none; position: fixed; _position: absolute; overflow: visible; z-index: 99999; top: 0px; _top: expression(documentElement.scrollTop + documentElement.clientHeight/2-84); }
.freeonline a{ width: 96px; height: 178px; display: block; float: left; cursor: pointer; }
.freeonline a strong{ position: absolute;bottom: 0;color: #333;font: normal 12px/14px "microsoft yahei";}
.freeoffline{ width: 96px; height: 178px; background: url(../image/freeoffline.png) no-repeat; display: none; position: fixed; _position: absolute; overflow: visible; z-index: 99999; top: 0px; _top: expression(documentElement.scrollTop + documentElement.clientHeight/2-84); }
.freeoffline a{ width: 96px; height: 178px; display: block; float: left; cursor: pointer; }
.freeoffline a strong{ position: absolute;bottom: 0;color: #333;font: normal 12px/14px "microsoft yahei";}
/* .MTKFIMcustom{ width: 359px; height: 140px; background: url(../images/custom.png) no-repeat; display: none; position: fixed; _position: absolute; overflow: visible; z-index: 99999; top: 0px; _top: expression(documentElement.scrollTop + documentElement.clientHeight/2-70); }
.MTKFIMcustombox{ width: 359px; height: 140px; position: relative; } */
/* gkzhan 金黄色框 */
.MTKFIMcustom{ width: 400px; height: 170px; background: url(../image/custom2.png) no-repeat; display: none; position: fixed; _position: absolute; overflow: visible; z-index: 99999; top: 0px; _top: expression(documentElement.scrollTop + documentElement.clientHeight/2-70); }
.MTKFIMcustombox{ width: 400px; height: 170px; position: relative; }

.MTKFIMcustombox p{ position: absolute; width: 220px; top: 40px; left: 123px; line-height: 18px; color: #333333; filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1); text-shadow: 1px 1px 0px #fff; }
.MTKFIMcustombox p b{ display: block; font-weight: normal; color: #2e6ec6; }
/* .MTKFIMcustombox a.accept{ width: 67px; height: 25px; display: block; position: absolute; top: 99px; left: 207px; }
.MTKFIMcustombox a.next{ width: 55px; height: 25px; display: block; position: absolute; top: 99px; left: 284px; } */
/* gkzhan 金黄色框 */
.MTKFIMcustombox a.accept{ width: 75px; height: 28px;display: block;position: absolute;top: 127px;left: 221px; }
.MTKFIMcustombox a.next{ width: 75px; height: 28px; display: block; position: absolute; top: 127px; left: 306px; }

.ViewMore{ font-size: 12px; text-align: center; color: rgb(153,153,153); }
.ViewMore a{ text-decoration: none; color: #ff6600; }
.ViewMore a:hover{ text-decoration: underline; color: #333; }
.dialogimgbox{ position: relative; }
.dialogimg1{ width: 85px; height: 65px; position: absolute; border: 1px solid #c8daf0; background: #fff; z-index: 994; top: -94px; left: 11px; }
.dialogimg2{ width: 140px; height: 230px; position: absolute; border: 1px solid #c8daf0; background: #fff; z-index: 995; top: -259px; left: 39px; }
.dialogimg3{ width: 40px; height: 160px; position: absolute; border: 1px solid #c8daf0; background: #fff; z-index: 996; top: -190px; left: 67px; }
.dialogimg4{ width: 97px; height: 60px; position: absolute; border: 1px solid #c8daf0; background: #fff; z-index: 997; top: -90px; left: 93px; }
.dialogimg5{ height: 50px; padding: 5px; position: absolute; border: 1px solid #c8daf0; background: #fff; z-index: 998; top: -89px; left: 123px; }
.dialogimg6{ width: 175px; height: 75px; padding: 5px; position: absolute; border: 1px solid #c8daf0; background: #fff; z-index: 999; top: -114px; left: 150px; }
.dialogimg7{  }
.dialogimg8{ height: 50px; padding: 5px; position: absolute; border: 1px solid #c8daf0; background: #fff; z-index: 998; top: -89px; left: 210px; }
.dialogimg1 ul li,.dialogimg2 ul li,.dialogimg3 ul li{ line-height: 18px; text-indent: 5px; display: block; }
.dialogimg1 ul li a,.dialogimg2 ul li a,.dialogimg3 ul li a{ text-decoration: none; color: #333; text-indent: 5px; }
.dialogimg1 ul li a.bold{ font-weight: bold; }
.dialogimg1 ul li a.italic{ font-style: italic; }
.dialogimg1 ul li a.decoration{ text-decoration: underline; }
.dialogimg1 ul li a:hover,.dialogimg2 ul li a:hover,.dialogimg3 ul li a:hover{ text-decoration: underline; color: #ff6600; }
/* Pagination
----------------------------------*/
.tn-pagination { padding: 5px 0 5px; }
.tn-pagination .tn-page-number, .tn-pagination .tn-page-thumb { padding: 2px 5px; border-style: solid; border-width: 1px; }
.tn-pagination span { border-color: #ddd; color: #999; }
.tn-pagination a { border-color: #cce0ec; }
.tn-pagination a:hover { border-color: #0065a2; background: #f2f7fa; text-decoration: none; }
.tn-pagination .tn-page-first, .tn-pagination .tn-page-prev { margin-right: 5px; }
.tn-pagination .tn-page-next, .tn-pagination .tn-page-last { margin-left: 5px; }
.tn-pagination span.tn-selected { border-color: #0065a2; background: #0065a2; color: #fff; font-weight: bold; }
.tn-pagination .tn-page-results { padding: 10px; }
.success{ width: 714px; background: #f2f2f2; margin: 20px auto 0; padding: 5px; box-shadow: 0 0 5px rgba(64, 64, 64, 0.5); border-radius: 2px; behavior: url(http://chat.chem17.com/Content/css/PIE.htc); }
.sucessbox{ width: 712px; float: left; border: 1px solid #d7d7d7; background: #fff; }
.sucesstitle{ width: 712px; height: 41px; float: left; position: relative; border-bottom: 1px solid #d7d7d7; background: url(../image/public.png) repeat-x 0 -822px; }
.sucesstitle h1{ display: block; font: bold 14px/41px "\5b8b\4f53"; position: absolute; left: 14px; color: #5f5f5f; text-shadow: 0 1px 1px #fff; }
.sucesstitle a.close{ display: block; position: absolute; top: 12px; right: 12px; width: 18px; height: 18px; background: url(../image/public.png) no-repeat 100% -588px; }
.sucessmain{ width: 640px; float: left; padding: 10px 36px 20px 36px; }
.sucessmaintop{ width: 397px; height: 122px; float: left; font: normal 12px/20px "Tahoma"; color: #7d7a7a; padding: 0px 0 0 123px; border-bottom: 1px solid #dee3e6; background: url(../image/addbg.png) no-repeat 0 -657px; }
.sucessmaintop p{ display: block; color: #333; font: normal 24px/50px "Microsoft Yahei","simhei"; }
.sucessmainbot{ width: 640px; float: left; padding: 39px 0 0 0px; text-align: center; }
.sucessmainbot a.gobutton{ display: inline-block; width: 126px; height: 54px; padding-left: 59px; text-decoration: none; color: #fff; font: normal 18px/52px "Microsoft Yahei","simhei"; background: url(../image/addbg.png) no-repeat 0 -321px; vertical-align: middle; }
.sucessmainbot a.manage{ display: inline-block; height: 54px; text-decoration: underline; color: #ff6600; padding: 0px 0 0 16px; font: normal 12px/54px "\5b8b\4f53"; vertical-align: middle; }
.sucessmainbot a:hover{ text-decoration: none; color: #333; }
.sucessmainbot a.closebt{ display: inline-block; width: 86px; height: 26px; background: url(../image/public.png) no-repeat -34px -676px; }
.noticetitle{ width: 640px; float: left; font: normal 24px/50px "Microsoft Yahei","simhei"; color: #333; text-align: center; }
.noticetime{ width: 640px; float: left; font: normal 12px/30px "Tahoma","\5b8b\4f53"; color: gray; text-align: center; }
.noticecontent{ width: 640px; height: 250px; float: left; font: normal 14px/26px "Tahoma","\5b8b\4f53"; color: #333; margin-top: 10px; overflow: auto; }
#ReplyDetail{width: 375px;height: 155px;position: relative;float: right;border: 1px solid #c8daf0;background: #fff;z-index: 999;top: -160px;left: 150px;font-size: 12px;overflow:scroll;overflow-x:hidden;}
#ReplyDetail p{line-height:18px}
.blue_bg{ background: #eff6ff;color: #3671b7; }
.quickReplyDiv a{color:#576b95;text-decoration: none}
/*#dialogHtml, p, img { width: 100%;}*/
#dialogHtml { width: 640px;height: 300px;float: left;font: normal 14px/26px "Tahoma","\5b8b\4f53";color: #333;margin-top: 10px;overflow: auto;}
/* 长 */
.online2{ width: 315px;height: 44px !important;background: url(../image/offLine_new.png) no-repeat; display: none; position: fixed; _position: absolute; overflow: visible; z-index: 99999; top: 0px; _top: expression(documentElement.scrollTop + documentElement.clientHeight/2-84); }
.online2 a{ width: 160px;  height: 44px !important; display: block; cursor: pointer; position: absolute;top: 0;right: 0}
.offline2{ width: 315px;height: 44px !important;background: url(../image/offLine_new.png) no-repeat; display: none; position: fixed; _position: absolute; overflow: visible; z-index: 99999; top: 0px; _top: expression(documentElement.scrollTop + documentElement.clientHeight/2-84); }
.offline2 a{ width: 160px;  height: 44px !important; display: block; cursor: pointer; position: absolute;top: 0;right: 0}
/* 短 */
.online {
	width: 171px;
	background: url(../image/offLine_new_small2.png) no-repeat;
	display: none;
	position: fixed;
	_position: absolute;
	overflow: visible;
	z-index: 99999;
	top: 0px;
	_top: expression(documentElement.scrollTop + documentElement.clientHeight/2-84);
	background-size: contain;
}
.online a{ width: 157px; height: 50px; display: block; cursor: pointer; position: absolute;top: 0;right: 0}
.offline{ width: 171px;background: url(../image/offLine_new_small2.png) no-repeat; display: none; position: fixed; _position: absolute; overflow: visible; z-index: 99999; top: 0px; _top: expression(documentElement.scrollTop + documentElement.clientHeight/2-84); }
.offline a{ width: 157px; height: 50px; display: block; cursor: pointer; position: absolute;top: 0;right: 0}

.onlineM {
	width: 114px;
	background: url(../image/offline_new_small3.png) no-repeat;
	display: none;
	position: fixed;
	_position: absolute;
	overflow: visible;
	z-index: 99999;
	top: 0px;
	_top: expression(documentElement.scrollTop + documentElement.clientHeight/2-84);
	background-size: cover;
}
.onlineM a{ width: 104px; height: 33px; display: block; cursor: pointer; position: absolute;top: 0;right: 0}
.offlineM{ width: 114px;background: url(../image/offline_new_small3.png) no-repeat;background-size: cover; display: none; position: fixed; _position: absolute; overflow: visible; z-index: 99999; top: 0px; _top: expression(documentElement.scrollTop + documentElement.clientHeight/2-84); }
.offlineM a{ width: 104px; height: 33px; display: block; cursor: pointer; position: absolute;top: 0;right: 0}

.customer-service{
	position:fixed;
	z-index: 100000;
	left: 0;
	top: 0;
	right: 0;
	bottom:0;
	background-color: rgba(0,0,0,0.4);
}
.customer-service-body{
	width: 75%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	background-color: rgba(255,255,255);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 10px 15px 0px rgba(78, 78, 78, 0.35);
}
.customer-service-body .Closed{
	width: 12px;
	height: 12px;
	position:absolute;
	top: 11px;
	right: 11px;
	background:url('../image/Closed.png') no-repeat 0 0;
	background-size: cover;
}
.customer-service-body .body-title{
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background-image: -moz-linear-gradient( 0deg, rgb(250,215,18) 0%, rgb(246,164,42) 50%, rgb(249,132,128) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(250,215,18) 0%, rgb(246,164,42) 50%, rgb(249,132,128) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(250,215,18) 0%, rgb(246,164,42) 50%, rgb(249,132,128) 100%);
}
.customer-service-body .body-content{
	height: 120px;
	position:relative;
	padding: 10px 0 0 90px;
}
.customer-service-body .body-content p{
	font-size: 15px;
	line-height: 2;
	text-align: center;
	padding: 0 20px;
}
.customer-service-body .body-content p b{
	font-weight: 400;
	color: #999;
}
.customer-service-body .body-content p a{
	display: block;
	text-decoration: none;
	font-weight: 700;
	color: #fff;
	border-radius: 16px;
	background-image: -moz-linear-gradient( 0deg, rgb(249,203,22) 0%, rgb(255,44,34) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(249,203,22) 0%, rgb(255,44,34) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(249,203,22) 0%, rgb(255,44,34) 100%);
    box-shadow: 0px 7px 9px 0px rgba(151, 21, 0, 0.25);
	margin-top: 10px;
}
.customer-service-body .body-content .service-img{
	width: 120px;
	height: 115px;
	position:absolute;
	left: 0;
	bottom:0;
	background:url('../image/customer-service.png') no-repeat 0 0;
	background-size: cover;
}
.M-XWT-LEFT{
	position:fixed;
	z-index: 99999;
	top: 0px;
	left: 0px;
	height: 34px;
	line-height: 34px;
	color: #ffffff;
	font-size: 14px;
	border-radius: 4px;
	cursor: pointer;
	padding: 0 10px;
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.3);
	background-image:-moz-linear-gradient(0deg,rgb(142,131,241)0%,rgb(86,104,238)100%);
	background-image:-webkit-linear-gradient(0deg,rgb(142,131,241)0%,rgb(86,104,238)100%);
	background-image:-ms-linear-gradient(0deg,rgb(142,131,241)0%,rgb(86,104,238)100%);
}
.M-XWT-LEFT::before{
	content:'';
	width: 40px;
	height: 34px;
	border-radius: 0 10px 10px 0;
	background-color:rgba(225,225,225,0.1);
	position:absolute;
	left: 0;
	top: 0;
}
.M-XWT-LEFT svg{
	width: 20px;
	height: 20px;
	vertical-align: top;
	margin: 7px 8px 0 0;
	color: #ffffff;
	fill: #ffffff;
	-webkit-animation: tada 1.5s ease infinite;
	animation: tada 1.5s ease infinite;
}
.M-XWT-LEFT .st0{
	display: none;
	fill:#D4D2F9;
}
.M-XWT-LEFT .st1{
	fill:#FFFFFF;
}


@keyframes tada {
	from {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	10%,
	20% {
		-webkit-transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);
		transform: scale3d(.95,.95,.95) rotate3d(0,0,1,-10deg);
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1,1,1) rotate3d(0,0,1,10deg);
		transform: scale3d(1,1,1) rotate3d(0,0,1,10deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: rotate3d(0,0,1,-10deg);
		transform: rotate3d(0,0,1,-10deg);
	}

	to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}
}