html{overflow: overlay;}
.ofh{overflow: hidden;}
.gTopicM{width: 1170px;margin: 0 auto; padding: 20px 0}
.rbTab2{border-bottom-color: #f6f6f6}
.gPhoto{border-radius: 100%; overflow: hidden; font-size: 0;}
.gPhoto img{width:50px;height: 50px;}
.gTopicSend.m .gPhoto img,
.gTopic.m .gPhoto img{width:30px;height: 30px;}
.gTopicSend .inputF{margin-left: 65px;}
.gTopicSend.m .inputF{margin-left: 45px;}
.gInputW{position: relative; border: 1px solid #d9d9d9; padding: 5px;background: #fff}
.gInputW textarea{background: none; width: 100%;border: none;display: block; height: 120px;line-height: 20px; }
.gInputW .angle.r{left: -16px; top: 17px;}
.gTopicSend .funcF{position: relative;}
.gTopicSend.m .gInputW .angle.r{top: 7px;}
.gTopicSend.m .gInputW textarea{height: 20px;}
.gLoading{display: inline-block; width: 16px; height: 16px; background: url(/res/img/loading16.gif) no-repeat center center;}
.gTopicSend .count{font-family: 'Georgia';font-weight: bold;font-size: 22px;}
.gTopicSend.m .count{font-family: inherit;font-weight: inherit;font-size: inherit;}
.gTopicSend .uploadF{vertical-align: top;}
.gUpload {position: relative; overflow: hidden; display: inline-block;color:#0299b9;line-height: 1;}
.gFile{opacity: 0;filter:alpha(opacity=0); position: absolute;bottom:0;right:0;cursor:pointer;font-size:200px;width:1000px;height:1000px;}
.gUpload:hover {color:#00b0d6;}

.gTopicList .tag{border-bottom: 1px solid #f90; line-height: 30px;}
.gTopicGr .noData{text-align: center; line-height: 50px; color: #9b9b9b;}
.gTopicGr .gTopic:last-child{border-bottom: none;padding-bottom: 0}
.gTopic { padding: 15px 0; border-bottom: 1px solid #f2f2f2 }
.gTopic .hover{visibility: hidden; opacity: 0; transition: all .2s;}
.gTopic:hover .hover{visibility: visible; opacity: 1;}
.gTopic .user{text-align: justify;}
.gTopic .to.user{border-left: 1px solid #333; padding-left: 10px; margin: 20px 0; width: 80%;}
.gWithAngle{position: relative;}
.gWithAngle .angle{ display: none; position: absolute; left: 50%; bottom: -6px; margin-left:  -6px;}
.gWithAngle.expand .angle{display: block;}
.gTopic .content { padding: 5px 0 0 60px; }
.gTopic .btns>i { margin: 0 10px; color: #ccc}
.gTopic .reply{background: #f2f2f2;padding: 20px;margin-top: 5px;}
.gLoad{text-align: center; margin: -10px 0;height: 20px;line-height: 20px; }
.gLoad.ing span,
.gLoadM .ing{display: inline-block; background: url(/res/img/loading16.gif) no-repeat 0 center; padding-left: 20px;}
.gLoadM{text-align: center; height: 30px;line-height: 30px; background: #eee;margin-top: 10px; }
.gLoadM .more{display: block;height: 30px;line-height: 30px;}
.gLoadM.m{background: #f8f8f8;margin-top: 0}
.gLoadM.m2{background: none;margin-top: 0}
.gTopic.end{text-align: center;height: 16px;line-height: 16px;}
.gTopic .reply .reply{background: #fff;}
.gTopic.m { border-bottom: 1px solid #e6e6e6 }
.gTopic.m .content { padding: 0 0 0 40px; }
.gTopic.m .hover{visibility: hidden; opacity: 0}
.gTopic.m:hover .hover{visibility: visible; opacity: 1}

.gList4 li{cursor: pointer; float: left; margin-right: 5px; width: 115px;height: 115px; line-height: 115px; text-align: center;background-position: center center;background-repeat: no-repeat;background-size: cover; background-color: #f2f2f2;box-shadow: inset 0 0 0 1px #f2f2f2}

.gBox{padding: 10px 15px 15px; position: absolute;z-index: 99; border-radius: 5px; background: #fff;border:1px solid #ddd;box-shadow:0 0 6px rgba(0,0,0,.2)}
.gBox .quit{position: absolute;right: 5px;top: 3px;}
.gBox .aUp{top: -17px;left: 65px;}
.gBox .aDown{bottom: -17px;left: 50%; margin-left: -8px;}
.gBox .btns{text-align: center; margin-top: 10px;}
.gBox .btns *{margin: 0 5px;}
.gBox .txtTip{white-space: nowrap;}
.gBox.m{padding: 5px 10px;}
.gList3{width: 252px;}
.gList3 ul{margin: -3px;}
.gList3 li{position: relative;text-align: center;font-size: 12px; width: 80px;height: 80px;float: left;margin: 3px;background:#f2f2f2;}
.gList3 li .q{display: none; position: absolute; right: 0;top: 0;font-size: 18px;width: 18px;height: 18px;line-height: 18px; background: rgba(0,0,0,.1);}
.gList3 li:hover .q,
.gList3 li.fail .q {display: inline-block;}
.gList3 li.add{position: relative;overflow: hidden; height: 76px;width: 76px; border: 2px dashed; background: none;font-size: 40px;text-align: center;line-height: 76px;color: #ccc}
.gList3 li.add:hover{color: #f90;}
.gList3 .loading{height: 20px; background: url(/res/img/loading16.gif) no-repeat center center;}
.gList3 .name{white-space: nowrap;overflow: hidden;}

.cursorL{cursor: url(/res/img/prev.cur),auto;}
.cursorR{cursor: url(/res/img/next.cur),auto;}
.picView{position: fixed; left: 0;top: 0;right: 0;bottom: 0; transition: background .3s;overflow: auto; overflow-x: hidden;}
.picView .pic{position: absolute; transition: all .3s;background-position: center center;background-repeat: no-repeat;background-size: cover; }
.picView .btns{position: absolute;z-index: 3; right: 0;top: 0;display: none;padding: 5px;}
.picView .btns>*{display: block; margin-bottom: 5px;}
.picView.in{background: rgba(0,0,0,.8);}
.picView.in .btns{display: block;}

@keyframes slideInUp {
  0% { transform: translateY(10px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}
@keyframes slideInDown {
  0% { transform: translateY(-10px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}
@keyframes slideOutUp {
  100% { transform: translateY(-10px); opacity: 0; }
}
@keyframes slideOutDown {
  100% { transform: translateY(10px); opacity: 0; }
}
.slideInUp { animation:slideInUp .2s; }
.slideInDown { animation:slideInDown .2s; }
.slideOutUp { animation:slideOutUp .2s both; }
.slideOutDown { animation:slideOutDown .2s both; }

.gI2T.suggest{display: none;}
.xLoading{display: none!important;}