﻿
.ui-tooltip{padding: 6px;font-size: 12px;line-height: 100%;position: absolute;z-index: 9999;max-width: 300px;-webkit-box-shadow: 0 0 5px #aaa;box-shadow: 0 0 5px #aaa;background: #fff;}
body .ui-tooltip{border-width: 2px;}
.login_box{clear: both;/*width: 250px;*/}
.login_button{background:url(../images/login_button.png) no-repeat transparent;width: 120px;height: 40px;line-height:40px;cursor:pointer;display:inline-block;display:-moz-inline-stack;zoom:1; *display:inline;}
.login_icon_qq{background-position: 0px 0px;margin-right:20px;}
.login_icon_sina{background-position: 0px -45px;}
.login_icon_wechat{background-position: 0px -1093px;}
.lang_button{width: 20px;height: 20px;line-height: 20px;padding-right: 5px;cursor:pointer;display:inline-block;display:-moz-inline-stack;zoom:1; *display:inline;}
.os_show{display: block;padding-left: 10px;margin-bottom: 20px;margin-left: 5px;border-left: 2px solid gray;}
.os_float_button{background:url(../images/share_button.png) no-repeat transparent;width: 32px;height: 32px;line-height: 32px;padding-right: 5px;cursor:pointer;display:inline-block;display:-moz-inline-stack;zoom:1; *display:inline;}
.float_icon_top{background-position: 0px -840px;}
.float_icon_comment{background-position: 0px -882px;}
#open_social_float_button{position: fixed;bottom: 38px;width: 35px;height: 90px;margin-left: -70px;display: none;}

#mobile_nav{position:fixed;top:0;right:0;display:none;width:100%}
#mobile_nav div{width:100%;height:40px;color:#fff;text-align:right;font-size:18px;line-height:40px;margin-top:5px}
#mobile_nav div.open{width:100%;background:rgba(1,1,1,.8);text-align:right}
#mobile_nav ul{display:none;padding-bottom:40px;width:100%;background:rgba(1,1,1,.8)}
#mobile_nav li{display:block;overflow:hidden;height:40px;vertical-align:top;text-align:center;font-size:16px;line-height:40px}
#mobile_nav a, #mobile_nav a:hover{color:#fff}
#mobile_nav .navicon{margin-right:10px}
.navicon{position:relative;display:inline-block;width:30px;height:5px;background-color:#eee}
.navicon:after,.navicon:before{position:absolute;display:block;width:30px;height:5px;background:#eee;content:'';-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform}
.navicon:before{margin-top:-10px}
.navicon:after{margin-top:10px}
#mobile_nav div.open .navicon{background:rgba(1,1,1,.8)}
#mobile_nav div.open .navicon:before{margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#mobile_nav div.open .navicon:after{margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#mobile_nav div.open .navicon:after,#mobile_nav div.open .navicon:before{position:absolute;display:block;width:30px;height:5px;background:#eee;content:'';-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:margin,-webkit-transform;transition-property:margin,-webkit-transform;transition-property:margin,transform;transition-property:margin,transform,-webkit-transform}
@media screen and (max-width:640px){
#mobile_nav{z-index:99999;display:block;margin-bottom:30px}
.pages {margin-left:5px}
.pages .pageinfo{display:none}
}
