.znwd-box{margin:0 auto;box-shadow: 0 3px 3px 3px #dde2ef;border-radius: 0.3rem;border:1px solid #ccc;}
.clearfix{clear:both;zoom:1}
.znwd-box .chat-title{border-bottom:1px solid #ccc;background:#fff;height:6rem;line-height:6rem;color:#333;position:relative;border-radius: 0.3rem;}



.znwd-box .logo-icon{position:absolute;width:5rem;height:5rem; border-radius:50%;left:2rem;z-index:1;top: 1.5rem;}
.znwd-box .logo-icon img{width:100%;display:block}
.znwd-box .logo-name{font-size:1.6rem;padding-left:9rem;line-height:6rem;font-weight:700;color:#487bc5}

.znwd-head-link{width:31rem;border-right:0!important;border-left:1px solid #ccc;margin-bottom: 0;}
.znwd-head-link li{float:left;padding:1rem 0;width:15rem;cursor:pointer;}
.znwd-head-link li a{display:block;padding-left:24px}
.znwd-head-link .znwd-head-img{float:left;width:4rem; height: 4rem;font-size: 3rem; background:#2d75d1; margin-right:1rem; color: #fff;text-align: center;border-radius: 4rem;line-height: 4rem;}
.znwd-head-link .znwd-head-txt{float:right;width:8rem;height:4rem;line-height:2rem;}
.znwd-head-link .znwd-head-txt p{font-size:1.4rem;color:#487bc5;line-height:2.5rem;font-weight:800;margin: 0;}
.znwd-head-link .znwd-head-txt span{font-size:1rem;color:#999;line-height:1.5rem;}


.znwd-box .chat-center{height:44rem}
.znwd-box .chat{width:50rem;height:30rem;background:#f5f8fa}
.index-cont{display:inline-block;width:50rem;position:relative;}
.f-l{float:left}
.index-srk{background-color:#eef7fe;border:1px solid #d2e9fb;overflow: auto;height:32rem;padding:20px}
.index-srk dl{margin-bottom:30px}
.index-srk dl.l dt{float:left;margin-right:20px}
.index-srk dl dt{display:inline-block;width:6rem}
.index-srk dl dt span{width:3rem; height:3rem;font-size:3rem;padding: 1rem; background:#2d75d1; color: #fff;text-align: center;border-radius: 5rem;line-height:5rem;font-weight: normal;}
.srtj textarea{width:100%;height:6rem;padding:1.5rem;font-size:1rem;line-height: 2rem; color:#333;border:none;border-left:1px solid #d2e9fb;border-bottom:1px solid #d2e9fb;border-right:1px solid #d2e9fb}
.srtj p{display:inline-block;font-size:1rem;color:#666}
.srtj .znbtn{margin-right:10px;margin-top:10px;float:right;width:10rem;height:2.5rem;line-height: 2.5rem; background:#487bc5;border:none;border-radius:5px;font-size:1.4rem;color:#fff;text-align:center;cursor:pointer;padding: 0;}
.srtj p span{color:#ff8c00}

.znwd-box .question{width:31rem;float:right;overflow:hidden;border-left:1px solid #ccc;height:44rem}
.znwd-box .question-title{height:5rem;background:#fff;line-height:5rem;font-size:1.2rem;text-align:center;border-bottom:1px solid #ccc;font-weight: bold;}
.znwd-box .question-title span{color:#2d75d1;font-size: 1.4rem;font-weight: normal;margin: 0.3rem 0.5rem 0 0}
.znwd-box .question-ul{overflow:hidden;padding:1rem 2rem;background-color:#fff}
.znwd-box .question-ul li{line-height: 2rem;margin: 0 auto;width: 96%;}
.znwd-box .question-ul .question-name{font-size:1.2rem;color:#333;cursor:pointer}

.index-srk dl dd{display:inline-block;width:35rem;padding:25px;background:#ddf0ff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;position:relative;font-size:1rem;line-height: 1.5rem; color:#333;-moz-box-shadow:3px 3px 10px #f2f2f2;-webkit-box-shadow:3px 3px 10px #f2f2f2;box-shadow:3px 3px 10px #f2f2f2}
.index-srk dl dd i{display:inline-block;width:13px;height:15px;position:absolute;top:20px;left:-11px;background:url(../images/2017fgwznwd-index-left.png) no-repeat}
.index-srk dl dd a{color:#005ddb}
.zwlist em{color:red;font-style:normal}
.post-box{display:inline-block;width:100%;height:100%;background:rgb(0,0,0,0.5);position:fixed;top:0;left:0;z-index:1000;display:none}
.post-box .tc-box{display:inline-block;width:70%;height:100%;background:#fff;position:fixed;top:0;right:-62%;z-index:10000;overflow:auto}
.post-box .tc-box .gl-btn{display:inline-block;width:70px;height:70px;background:url(../images/2017fgwznwd-bg-close.png) no-repeat center center;border:1px solid #fff;-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;-o-border-radius:35px;border-radius:35px;position:fixed;left:42%;top:50%;margin-top:-35px;cursor:pointer}
.post-box .close-btn{display:inline-block;width:70px;height:70px;background:url(../images/2017fgwznwd-bg-close.png) no-repeat center center;border:1px solid #fff;-webkit-border-radius:35px;-moz-border-radius:35px;-ms-border-radius:35px;-o-border-radius:35px;border-radius:35px;position:absolute;left:142%;top:50%;margin-top:-35px;cursor:pointer}
.srtj .clearfix p{padding-left:17px}
.index-srk dl dd.rt_dl{float:right}
.index-srk dl dd i.rt_i{-webkit-transform:rotate(180deg);left:35rem}

/*ÖÇÄÜÎÊ´ðÌáʾ¿ò*/
.trigger-box { position: absolute; bottom: 180px; left: 20px; right: 20px; background-color: #fff; border: 1px solid #eee; min-height: 32px; padding: 5px 20px; border-radius: 5px; }
.trigger-box li { font-size: 14px; color: #555; height: 32px; line-height: 32px; border-bottom: 1px dashed #eee; cursor: pointer; padding: 0 8px; }
.trigger-box li em { font-style: normal; color: #f00; font-weight: bold; }
.trigger-box li i { font-style: normal; color: #f00; font-weight: bold; }
.trigger-box li:hover { background-color: #F5F6D3; }
.tablist a i{font-style:normal !important;font-weight:normal !important;color: #FF5B24 !important;font-weight: bold !important;margin: 0;padding: 0;}