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(/uploads/image/rimg/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(/uploads/image/rimg/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(/uploads/image/rimg/loading16.gif) no-repeat center center;}
.glist3 .name{white-space: nowrap;overflow: hidden;}

.cursorl{cursor: url(/uploads/image/rimg/prev.cur),auto;}
.cursorr{cursor: url(/uploads/image/rimg/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;}