html,body,div,span{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body,html,.box{height:100%;width:100%}body{font:400 16px/24px "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;letter-spacing:.01em;cursor:default;-webkit-user-select:none;-webkit-font-smoothing:antialiased}.box{position:relative;overflow:hidden}header{position:absolute;height:30px;width:100%}.winControl{position:absolute;right:0;top:0;z-index:99999}.winControl span{display:inline-block;padding:4px 6px;cursor:pointer;line-height:10px}.winControl span:hover{background:#e82b45}[drag]{-webkit-app-region:drag}[noDrag]{-webkit-app-region:no-drag}i{position:relative;z-index:99999;display:inline-block}.icon_close-big{width:18px;height:18px;background-image:url('http://img9.tongzhuo100.com/img/icon/close_big.png')}.icon_close-small{width:13px;height:13px;background-image:url('http://img9.tongzhuo100.com/img/icon/close_small.png');display:inline-block}.icon_tool-fullscreen{width:18px;height:18px;background-image:url('http://img9.tongzhuo100.com/img/icon/full_screen.png')}.icon_tool-bigger{width:20px;height:19px;background-image:url('http://img9.tongzhuo100.com/img/icon/bigger.png')}.icon_tool-smaller{width:20px;height:19px;background-image:url('http://img9.tongzhuo100.com/img/icon/smaller.png')}.icon_tool-rotate{width:17px;height:20px;background-image:url('http://img9.tongzhuo100.com/img/icon/rotate.png')}.icon_tool-prev{width:22px;height:38px;background-image:url('http://img9.tongzhuo100.com/img/icon/prev.png')}.icon_tool-next{width:22px;height:38px;background-image:url('http://img9.tongzhuo100.com/img/icon/next.png')}.rotate0{transform:rotate(0deg);-webkit-transform:rotate(0deg)}.rotate90{transform:rotate(90deg);-webkit-transform:rotate(90deg)}.rotate180{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.rotate270{transform:rotate(270deg);-webkit-transform:rotate(270deg)}.gallery{width:100%;height:100%;background:rgba(0,0,0,0.3)}.gallery .image{position:absolute;margin:0;padding:0;z-index:999;display:none}.gallery .image.active{display:block}.gallery .tool{position:absolute;bottom:4px;width:100%;text-align:center;display:none;z-index:99999}.gallery .toolct{display:inline-block;height:30px;background-color:#6f6965;padding:5px 14px;box-sizing:border-box;border-radius:6px}.gallery .toolct span{margin-right:20px}.gallery .toolct i{display:inline-block;cursor:pointer}.gallery .percentTip{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:100px;height:30px;z-index:9999;text-align:center;line-height:30px;font-size:16px;border-radius:8px;color:#fff;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4F504E',endColorStr='#151313',gradientType='1');background:linear-gradient(315deg,#4f504e,#151313);background:-moz-linear-gradient(315deg,#4f504e,#151313);background:-o-linear-gradient(left,#4f504e,#151313);background:-webkit-gradient(linear,100% 0,100% 0,from(#4f504e),to(#151313))}.gallery .thumbnails{position:absolute;right:1px;bottom:1px;border:1px solid #fff;z-index:99999;border-radius:5px;background-color:rgba(177,177,177,0.5);display:none}.gallery .thumbnails .thumbDrag{position:absolute;top:0;bottom:0;width:100px;height:100px;border:1px solid black;box-sizing:border-box}.gallery .thumbnails .thumbDrag span{width:100%;height:100%;border:1px solid white;display:block;box-sizing:border-box}.gallery .thumbnails .thumbClose{position:absolute;right:1px;top:-2px;cursor:pointer;height:13px}.gallery .thumbnails img{max-width:100%;max-height:100%;margin:auto;display:block;position:absolute;top:0;left:0;right:0;bottom:0}.gallery .oper{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;height:38px;z-index:99999}.gallery .oper i{display:none;cursor:pointer}.gallery .oper span{width:22px;height:38px}.gallery .oper .prev{float:left;margin-left:9px}.gallery .oper .next{float:right;margin-right:9px}.gallery .oper .prev.active i,.gallery .oper .next.active i{display:inline-block}