@charset "utf-8";
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0; background: #E9EAEC; font-family: "\5FAE\8F6F\96C5\9ED1","Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{margin:.67em 0;font-size:2em}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
a{background-color:transparent;text-decoration:none;color:#333}
a:active,a:hover{outline:0;text-decoration:none}
img{border:0;max-width:100%}
ul,li,dl,dt,dd{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0}

.user-con:before{display:none;content: "";position: absolute;top:40px;right:20px;z-index:2;width: 0;height: 0; font-size: 0;border-style: solid; border-width: 5px;border-color: transparent transparent #666 transparent;}
	.avatar{position: absolute;top:0;right:0;height: 50px;width: 50px;text-align: center; cursor: pointer;}
	.avatar img{width: 30px;height: 30px;border-radius: 100%;margin-top: 10px;box-shadow: 1px 1px 2px #000; }
	.logre{cursor: pointer;position: absolute;right: 0;top: 0;width: 50px; height: 50px;background: url(../img/fm-index-icon.png) 16px -170px; }
	.user-sub{visibility:hidden; position: absolute;top: 50px; padding-left:0;font-size:14px; background:#333;color:#fff; border-radius:0 0 3px 3px;box-shadow:1px 1px 2px #000;width: 80px; z-index: 0;
		-webkit-transform-origin: 75px 0;  
		-moz-transform-origin: 75px 0;    
		-o-transform-origin: 75px 0;
		-ms-transform-origin: 75px 0;           
		transform-origin: 75px 0; 
		-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0); transform: scale(0);transition:all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);-moz-transition:all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);-webkit-transition:all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);-o-transition:all 0.3s cubic-bezier(0.31, 0.57, 0.68, 1.36);
	}
	.user-sub li{height:38px;line-height:38px;float:none;background:none;border-top:1px solid #444;border-bottom:1px solid #000;width:auto;padding:0 10px; border-left:0;border-right:0;text-align:center;color: #fff;font-size: 12px;}
	.user-sub li:last-child{border-bottom: 0;}
	.user-sub li a{color:#fff;width:auto;}
.user-con:hover .user-sub{visibility: visible;opacity: 1;-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.user-con:hover:before{display: block;}

@media screen and (min-width:90px){
	.logre{height: 39px;background-position: 15px -175px;}
	.avatar{height: 39px;}
	.avatar img{width: 19px;height: 19px;}
	.user-sub{top:39px;width: 90px;}
	.user-con:before{ top: 29px;}
}
@media screen and (min-width:100px){
	.logre{height:60px;background-position: 13px -163px;}
	.avatar{height: 60px;}
	.avatar img{width: 30px;height: 30px; margin-top:15px; }
	.user-sub{top:60px;width: 100px;}
	.user-con:before{ top: 51px;}
}