@charset "utf-8";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none; max-width: 300px;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
input,button,select,textarea{outline:none} textarea{resize:none}
/*框架*/
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.clear{ clear: both;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.an{ background:url(../images/an-new.png) no-repeat; _background:url(../images/an.gif) no-repeat;}
.main{ width:614px; border: 1px solid #c4c4c4;}
.mleft{ width: 413px; border-right: 1px solid #eaeaea;}
.mright{ width: 200px; background: #f9f9f9;}
.banner{ display: block; width: 200px; height: 104px; margin-bottom: 10px;}
.banner img{ width: 200px; height: 104px;}

/*标题*/
.mtit{ height: 40px; background: #5487f0;}
.mtit-logo{ display: block; height: 20px; line-height: 18px; padding-left: 34px; font-size: 14px; color: #fff; background:url(../images/logo.png) no-repeat left; margin:10px 0 0 12px;}
.mtit-logo:hover{ text-decoration: none;}
.mtit-left{ padding-left: 8px; line-height: 40px; font-size: 12px; color: #fff;}
.mtit-close{ display: block; width: 11px; height: 11px; margin: 14px 10px 0 0; background-position: 0 -550px;}
.mtit-sq{ display: block; width: 11px; height: 11px; margin: 14px 15px 0 0; background-position: 0 -448px;}

/*交流框*/
.mjl{ height: 321px; padding-top: 12px; overflow: auto; overflow-x: hidden;}
.mjl .mgd{ clear: both; height: 28px; text-align: center; margin-bottom: 12px;}
.mjl .mgd a{ line-height: 28px; color: #999;}
.mjl .mdd{ clear: both; text-align: center; color: #5487f0; margin-bottom: 20px; line-height: 20px;}
.mjl .mlist{ float: left; width: 328px; padding:0 0 0 62px; margin-bottom: 20px;}
.mjl .mlist .mlpic{ width: 40px; top: 0; left: 10px;}
.mjl .mlist .mlpic img{ width: 40px; height: 40px; border-radius: 50%;}
.mjl .mlist .mltit{ line-height: 22px; color: #999; font-size: 12px; margin-bottom: 6px;}
.mjl .mlist .mltxt{ clear: both; display: inline-block; *display: inline; *zoom: 1; background: #f5f4f4; border-radius: 3px; padding: 6px 10px;}
.mjl .mlist .mltxt .ttxt{ line-height: 20px; word-wrap: break-word;  word-break: break-all;  overflow: hidden;}
.mjl .mlist .mltxt .ttxt a{ color: #5487f0;}
.mjl .mlist .mltxt .ttop{ line-height: 32px; font-size: 13px;}
.mjl .mlist .mltxt .ttop .clan{ color: #5487f0;}
.mjl .mlist .mltxt .thyh{ display: block; padding-left: 20px; width: 40px; height: 20px; color: #5487f0; right: 5px; bottom: 6px; background-position: 0 -695px; cursor: pointer;}
.mjl .mlist .mltxt .jiao{ display: block; width: 11px; height: 18px; top: 3px; left: -11px; background-position: 0 0;}

.mjl .ulist{ float: right; width: 328px; padding:0 62px 0 0; margin-bottom: 20px;}
.mjl .ulist .ulpic{ width: 40px; top: 0; right: 10px;}
.mjl .ulist .ulpic img{ width: 40px; height: 40px; border-radius: 50%;}
.mjl .ulist .ultit{ float: right; line-height: 22px; color: #999; font-size: 12px; margin-bottom: 6px;}
.mjl .ulist .ultxt{ float: right; clear: both; display: inline-block; *display: inline; *zoom: 1; background: #0d9cfa; border-radius: 3px; padding: 6px 10px;color: #ffffff;}
.mjl .ulist .ultxt .ttxt{ line-height: 20px;}
.mjl .ulist .ultxt .ttxt a{ color: #ffffff;}
.mjl .ulist .ultxt .jiao{ display: block; width: 11px; height: 18px; top: 3px; right: -11px; background-position: 0 -50px;}

/*输入框*/
.msr{ height: 131px; border-top: 1px solid #a6c0f4;}
.msr .stit{ height: 30px; background: #e3f0fd; margin-bottom: 8px;}
.msr .stit-l{ display: block; margin: 4px 0 0 4px; width: 60px; height: 20px; border: 1px solid #e3f0fd; line-height: 20px; text-align: center; color: #5487f0; font-size: 12px; border-radius: 3px;}
.msr .stit-l:hover{ text-decoration: none; border: 1px solid #b8d0f9;}
.msr .stit-pic{ display: block; width: 14px; height: 14px; margin: 8px 12px 0 0; background-position: 0 -150px;}
.msr .stit-bq{ display: block; width: 14px; height: 14px; margin: 8px 15px 0 0; background-position: 0 -100px;}
.msr .inptxt{ width: 393px; height: 42px; padding: 0 10px; line-height: 20px; font-size: 12px; color: #999; border: 0; overflow: auto; margin-bottom: 8px;}
.msr .hbox{ display: block; width: 92px; height: 30px; background: #5487f0; border-radius: 3px; margin-right: 10px;}
.msr .hbox .han{ display: block; width: 74px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #fff; cursor: pointer;}
.msr .hbox .han:hover{ text-decoration: none; opacity: 0.9;}
.msr .hbox .gd{ width: 16px; height: 30px; border-left: 1px solid #7ea4f3; background-position: 3px -187px; cursor: pointer; z-index: 9;}
.msr .hbox .pop{ display: none; top:25px; left: 75px; width: 126px; height: 40px; border: 1px solid #dadadb; background: #fff;}
.msr .hbox .pop-nr{ height: 20px;cursor: pointer;cursor: hand;}
.msr .hbox .pop-nr .ico{ display: block; width: 20px; height: 20px; background-color: #f7f7f7;}
.msr .hbox .pop-nr p{ line-height: 20px; margin-left: 10px;}
.msr .hbox .pop-nr.on .ico{ background-position: 5px -645px;}

/*模拟滚动条*/
.mCSB_container{ margin-right: 10px !important;}
.mCSB_draggerRail{background: #fff !important;}
.mCSB_dragger_bar{ background: #e2e2e2 !important;}

/*便捷入口*/
.rggtit{ height: 38px; line-height: 38px; font-size: 16px; text-align: center; margin-bottom: 10px;}
.rggtit i{ display: block; overflow: hidden; width: 40px; height: 1px; background: #5487f0; left: 50%; bottom: 0; margin-left: -20px;}
.bjrk{ height: 120px; border-bottom: 1px solid #e5e5e5;}
.bjrk .nr{ text-align: center; margin-bottom: 16px; color: #5487f0; line-height: 12px;}
.bjrk .nr span{ display: block; width: 99px;}
.bjrk .nr a{ color: #5487f0;}
.bjrk .nr .xx{ border-right: 1px solid #e2e2e2;}

/*操作台*/
.czt{ height: 220px; padding-top: 10px;}
.czt .cbox{ margin: 0 20px;}
.czt .cbox .list{ display: block; width: 80px; height: 54px; margin-bottom: 20px;}
.czt .cbox .list .pic01{ display: block; width: 100%; height: 34px; background-position: 29px -250px;}
.czt .cbox .list .pic02{ display: block; width: 100%; height: 34px; background-position: 27px -300px;}
.czt .cbox .list .pic03{ display: block; width: 100%; height: 34px; background-position: 32px -350px;}
.czt .cbox .list .pic04{ display: block; width: 100%; height: 34px; background-position: 27px -400px;}
.czt .cbox .list span{ display: block; text-align: center; line-height: 20px;}
.czt .cbox .list:hover{ color: #5487f0; text-decoration: none;}
.czt .cbox .list.mb0{ margin-bottom: 0;}
.czt .cbox .wx .pop{ display: none; top:-95px; left: 14%; margin-left: -34px; width: 113px; height: 113px; border: 1px solid #dadadb; padding: 4px; background: #fff;}
.czt .cbox .wx .pop img{ width: 113px; height: 113px;}

.mask{ display: none; top: 0; left: 0; width: 413px; height: 465px; background: #000; opacity: 0.4; filter:alpha(opacity=40); z-index: 99;}
/*评价弹框*/
.pjTk{ display: none; width: 413px; background: #fff; top: 124px; left: 0; z-index: 100;}
.pjTk .tit{ height: 54px; background: #f5f5f5; border-bottom: 1px solid #ebebeb;}
.pjTk .tit-l{ line-height: 54px; font-size: 18px; color: #666; margin-left: 18px; padding-left: 22px;}
.pjTk .tit-l i{ display: block; overflow: hidden; width: 5px; height: 26px; background: #5487f0; left: 0; top: 50%; margin-top: -13px;}
.pjTk .tit-r{ display: block; width: 15px; height: 15px; margin: 19px 20px 0 0; background-position: 0 -600px; cursor: pointer;}
.pjTk .cbox{ padding-top: 20px;}
.pjTk .cbox .rad{ height: 18px; padding: 16px 0 16px 88px;}
.pjTk .cbox .rad label{ display: inline-block; margin-right: 20px; line-height: 18px; color: #666; font-size: 14px;}
.pjTk .cbox .rad label.on{ color: #5487f0;}
.pjTk .cbox .pj{ width: 262px; height: 50px; padding: 5px 10px; border: 1px solid #dedfe0; background: #fcfafa; margin: 0 auto 10px;}
.pjTk .cbox .pj .inp{ width: 262px; height: 50px; border: 0; line-height: 18px; font-size: 12px; color: #999; background: none;}
.pjTk .cbox .pj .sl{ line-height: 18px; color: #999;}
.pjTk .cbox .phone{ width: 262px; padding: 5px 10px; border: 1px solid #dedfe0; background: #fcfafa; margin: 0 auto 10px;}
.pjTk .cbox .phone .inp{ width: 262px; height: 24px; border: 0; line-height: 18px; font-size: 12px; color: #999; background: none;}
.pjTk .cbox .hbox{ text-align: center; margin-bottom: 30px;}
.pjTk .cbox .hbox .han{ display: inline-block; width: 114px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; background: #cfcfcf; color: #fff; border-radius: 3px; margin: 0 20px;}
.pjTk .cbox .hbox .han:hover{ text-decoration: none; opacity: 0.9;}
.pjTk .cbox .hbox .han2{ color: #fff; background: #5487f0;}

/*评价弹框-新*/
.maskBg{ display: none; position: absolute; top: 0; left: 0; width: 614px; height: 507px; background: #000; opacity: 0.7; filter:alpha(opacity=70); z-index: 99;}
.pjTkNew{ display: none; position: absolute; top: 50%; left: 50%; margin-left: -147px; width: 494px; background: #fff; z-index: 100;}
.pjTkNew .tit{ height: 54px; background: #f5f5f5; border-bottom: 1px solid #ebebeb;}
.pjTkNew .tit-l{ line-height: 54px; font-size: 18px; color: #666; margin-left: 18px; padding-left: 22px;}
.pjTkNew .tit-l i{ display: block; overflow: hidden; width: 5px; height: 26px; background: #5487f0; left: 0; top: 50%; margin-top: -13px;}
.pjTkNew .tit-r{ display: block; width: 15px; height: 15px; margin: 19px 20px 0 0; background-position: 0 -600px; cursor: pointer;}
.pjTkNew .cbox{ margin-bottom: 30px; padding: 30px 0 0 41px;}
.pjTkNew .cbox .list{ width: 80px; margin-right: 30px; cursor: pointer;}
.pjTkNew .cbox .list-ico{ display: block; width: 80px; height: 80px; margin: 0 auto 16px;}
.pjTkNew .cbox .list-txt{ height: 20px; line-height: 20px; font-size: 14px; color: #213A59; padding-left: 28px;}
.pjTkNew .cbox .list-txt i{ top: 0; left: 0; display: block; width: 20px; height: 20px; background: url(/resource/images/icon_14.png) no-repeat;}
.pjTkNew .cbox .list:hover i{ background: url(/resource/images/icon_13.png) no-repeat;}
.pjTkNew .cbox .list.on .list-txt i{ background: url(/resource/images/icon_12.png) no-repeat;}
.pjTkNew .cbox .list.on:hover .list-txt i{ background: url(/resource/images/icon_12.png) no-repeat;}
.pjTkNew .tag{ display: none; margin: 0 20px 20px; text-align: center;}
.pjTkNew .tag .list{ display: inline-block; *display: inline; *zoom: 1; height: 30px; padding: 0 15px; border: 1px solid #ddd; background: #fbfbfb; line-height: 30px; font-size: 14px; color: #666; margin: 0 5px 10px; border-radius: 16px; cursor: pointer;}
.pjTkNew .tag .list:hover{ border: 1px solid #0090ff; color: #0090ff;}
.pjTkNew .tag .list.on{ color: #fff; border: 1px solid #0090ff; background: #0090ff;}
.pjTkNew .inpbox{ display: none; margin: 0 30px 18px;}
.pjTkNew .inpbox .evabox{ overflow: hidden; border: 1px solid #ddd; padding: 10px 15px 5px; margin-bottom: 12px; background: #fbfbfb;}
.pjTkNew .inpbox .evabox .inptxt{ width: 402px; height: 76px; border: 0; line-height: 22px; font-size: 14px; color: #999; overflow: auto; background: #fbfbfb;}
.pjTkNew .inpbox .evabox .txt{ line-height: 20px; text-align: right; color: #999; font-size: 14px;}
.pjTkNew .inpbox .evabox .txt em{ color: #666;}
.pjTkNew .inpbox .phobox{ display: block; width: 402px; height: 30px; line-height: 30px; font-size: 14px; color: #999; padding: 0 15px; border: 1px solid #ddd; background: #fbfbfb; margin-bottom: 12px;}
.pjTkNew .han{ display: block; width: 146px; height: 44px; text-align: center; line-height: 44px; font-size: 16px; background: #f1f1f1; margin: 0 auto 30px;}
.pjTkNew .hanOn{ color: #fff; background: #0090ff; cursor: pointer;}

/*问题弹框*/
.wtTk{ display: none; width: 413px; border-top: 4px solid #5487f0; background: #fff; top: 124px; left: 0; z-index: 100;}
.wtTk .top{ margin: 20px 20px 26px; height: 70px; border-bottom: 1px solid #e0e0e0; padding-left: 88px; line-height: 70px; font-size: 18px; color: #5487f0; background:url(../images/kf_05.jpg) no-repeat left;}
.wtTk .cbox .han{ display: block; width: 80px; height: 26px; text-align: center; line-height: 26px; font-size: 14px; color: #5487f0; border: 1px solid #98b7f6; border-radius: 3px; margin: 0 0 20px 15px;}
.wtTk .cbox .han:hover{ text-decoration: none; opacity: 0.9;}

/*收起*/
.sqbox{ width: 262px; height: 62px; background: #5487f0; border: 1px solid #c4c4c4; cursor: pointer;}
.sqbox .pic{ width: 40px; height: 40px; border-radius: 50%; margin: 11px 0 0 11px;}
.sqbox .txt{ margin-left: 12px; line-height: 62px; font-size: 14px; color: #fff;}
.sqbox .xk{ display: block; width: 11px; height: 11px; margin: 25px 10px 0 0; background-position: 0 -498px;}


.zz{z-index: 999}

/*标签*/		
.closesmile{width:11px;height:11px; line-height:11px; overflow:hidden;float:right;margin-right:5px;
		background:url(/resource/images/smiles/exp-cpm-close.gif) no-repeat center 2px;display:block; cursor:pointer;}
.smileimgs {width:188px; border:1px solid #86A7F4; background:#fff; padding:0 0 8px 5px;
		-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;float: left;}
.smileimgs img{margin-left:5px;cursor:pointer;}
.smileimgs button{margin-top:3px;}
.smilebox{padding:0!important;display: none;position:absolute;}

.prscrnbtn{background:url("/resource/images/camera_add.png") no-repeat scroll 2px 3px transparent;display: block;width: 18px;height: 24px;margin: 4px 12px 0px 0;}
.comp{display: block;width: 28px;height: 24px;margin: 5px 12px 0px 0;}

/* 截图预览框 */
.lan{display: none;top: 0;left: 0;height: 465px;background: #000;opacity: 0.4;filter: alpha(opacity=40);z-index: 99;}
.pjTk .cbox .pic{width: 373px;max-height: 228px;overflow: hidden;text-align: center;margin: 0 auto 20px;}
#preview{left:90px;top: 40px;display: none;}
#preview img{max-width: 373px;max-height: 228px;}

/** 消息预览框*/
.viewmsg{background-color: #C5D5F6;display: none;}

/*公用提示弹层*/
.zdTc{ display: none; width: 100%; position:absolute; left: 0; top: 50%; z-index: 101;}
.zdTc .txt{ width: 250px; line-height: 30px; font-size: 16px; text-align: center; color: #fff; padding: 10px 20px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7); margin: 0 auto;}