/*

ResetCss-20210901Up 

*/

body,blockquote,dd,dialog,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,input[type="checkbox"],input[type="radio"],input[type="range"],legend,menu,ol,p,pre,ul{margin:0;}

button,dialog,fieldset,input,td,th,textarea,menu,ol,option,ul{padding:0;}

button,dialog,fieldset,input,td,th,textarea,iframe,select,table{border:0;}

/* 去除外边距-去除内边距 */

ul,ol{list-style:none;}

/* 去除列表符号 */

table{border-collapse:collapse;border-spacing:0;}

/* 设置表格 */

q:before,q:after{content:'';}

/* 给引用加上引号，较少用到该标签 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,textarea{display:block;}

/* 设置元素模式，应该是html5的新元素在旧的浏览器中显示问题 */

input,textarea,select{outline:none;box-sizing:border-box;}

/* 设置表单元素获得焦点去除虚线框 */

fieldset,img,input,button{border:none;}

/* 去除边框 */

hr{border:none;height:1px;}

/* 设置水平线样式，较少用到该标签 */

button{cursor:pointer;}

/* 设置鼠标移到按钮上为手型 */



input,select{vertical-align:middle;} 

/* 设置对齐 */

address,cite,dfn,em,var{font-style:normal;}

/* 设置字重为普通 */

code,kbd,pre,samp,tt{font-family:inherit;font-size:100%;}

button,input,select,textarea{font-family:inherit;font-size:100%;}

/* 设置字体及字号 */

small{font-size:12px;}

/* 设置字号，较少用到该标签 */

a{text-decoration:none;outline:none;transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;}

/* 设置链接默认样式 */

li,img{transition:all ease-out 0.3s;-webkit-transition:all ease-out 0.3s;}

/* 自定义动画 */

object{max-width:100%;}

/* 设置最大宽度 */

ul:after{content:'';display:table;clear:both;}

/* 自定义清除浮动 */



@font-face{font-family:'sysfont';src:url('../fonts/sysfont.ttf') format('truetype');}

@font-face{font-family:'RobotoCondensed';src:url('../fonts/RobotoCondensed.ttf') format('truetype');}



@keyframes mctranslate{0% {transform:translate(0,0);}50%{transform:translate(10px,10px);}100%{transform:translate(0,0);}}

@keyframes mctranslatex{0% {transform:translateX(-5px);}50%{transform:translateX(5px);}100%{transform:translateX(-5px);}}

@keyframes mctranslatey{0% {transform:translateY(0);}50%{transform:translateY(10px);}100%{transform:translateY(0);}}

@keyframes mcscale{0% {transform:scale(1);}50%{transform:scale(0.8);}100%{transform:scale(1);}}

@keyframes mcscalex{0% {transform:scaleX(1);}50%{transform:scaleX(0);}100%{transform:scaleX(1);}}

@keyframes mcscaley{0% {transform:scaleY(1);}50%{transform:scaleY(1.05);}100%{transform:scaleY(1);}}

@keyframes mcrotate{0% {transform:rotate(0);}50%{transform:rotate(180deg);}100%{transform:rotate(360deg);}}

@keyframes mcrotatex{0% {transform:rotateX(0);}50%{transform:rotateX(180deg);}100%{transform:rotateX(360deg);}}

@keyframes mcrotatey{0% {transform:rotateY(0);}50%{transform:rotateY(180deg);}100%{transform:rotateY(360deg);}}

@keyframes mcrotatez{0% {transform:rotateZ(0);}50%{transform:rotateZ(180deg);}100%{transform:rotateZ(360deg);}}

@keyframes mcskew{0% {transform:skew(0,0);}50%{transform:skew(180deg,180deg);}100%{transform:skew(360deg,360deg);}}

@keyframes mcskewx{0% {transform:skewX(0);}50%{transform:skewX(180deg);}100%{transform:skewX(360deg);}}

@keyframes mcskewy{0% {transform:skewY(0);}50%{transform:skewY(180deg);}100%{transform:skewY(360deg);}}

@keyframes mcopacity{0% {opacity:0.5;}50%{opacity:1;}100%{opacity:0.5;}}

/*

animation:xxx 3s infinite ease-in-out;-webkit-animation:xxx 3s infinite ease-in-out;

*/



.icon{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden;} /* js iconfont */



@media (min-width:1025px){/* DESKTOPS */

.sidebar{position:fixed;z-index:2;right:0;top:50%;}
	.sidebar div{background:#fefefe;margin-bottom:2px;cursor:pointer;transition:all 0.3s ease-out 0s;}
		.sidebar div a{display:block;}
		.sidebar div i{display:block;width:60px;font-size:30px;line-height:40px;height:40px;text-align:center;}
		.sidebar div span{display:block;font-size:12px;}
			.sidebarchat,.sidebarlink,.sidebartop{width:60px;height:60px;padding:5px;text-align:center;}
			.sidebarchat:hover,.sidebartel:hover,.sidebarlink:hover,.sidebartop:hover{background:#d6000f;color:#fff;}
			.sidebarchat a:hover{color:#fff;}
			.sidebar div.sidebarchat,.sidebar div.sidebartel,.sidebar div.sidebarlink{padding:10px 5px;height:50px;position:relative;}
			.sidebar div.sidebarchat a:hover{animation:none;}
			.sidebar div.sidebarchat i,.sidebar div.sidebartel i,.sidebar div.sidebarlink i{position:absolute;top:5px;left:5px;}
			.sidebar div.sidebarchat span,.sidebar div.sidebartel span,.sidebar div.sidebarlink span{position:absolute;display:block;text-align:center;width:60px;bottom:5px;left:5px;}			
			.sidebar div.sidebarchat dl,.sidebar div.sidebartel dl{position:absolute;z-index:-1;top:0;right:-208px;white-space:nowrap;transition:all ease-out 0.3s;}
			.sidebar div.sidebarlink dl{position:absolute;z-index:-1;bottom:0;right:-190px;transition:all ease-out 0.3s;width:150px;color:#333;text-align:center;}
			.sidebar div.sidebarchat dl{width:140px;text-align:center;}
			.sidebar div.sidebartel dl{width:260px;text-align:center;}
			.sidebar div.sidebarlink dl{overflow:hidden;}
			.sidebar div.sidebarchat dt,.sidebar div.sidebartel dt a{font-size:30px;line-height:70px;background:#d6000f;margin:0 0 2px;color:#fff;}
			.sidebar div.sidebartel dt a:hover{color:#fff;}
			.sidebar div.sidebarlink dt{float:left;width:150px;box-sizing:border-box;margin:0 0 2px;}
			.sidebar div.sidebarlink dt figure{padding:5px;background:#fff;font-size:12px;width:140px;}
			.sidebar div.sidebarlink dt img{height:134px;}
			.sidebar div.sidebarchat dd,.sidebar div.sidebartel dd{line-height:34px;background:#d6000f;}
			.sidebar div.sidebarchat:hover dl,.sidebar div.sidebartel:hover dl,.sidebar div.sidebarlink:hover dl{right:72px;}

}

@media (max-width:1024px){/* MOBILE */


.sidebar{position:fixed;z-index:9;right:0;left:0;bottom:0;}
	.sidebar div{float:left;background:#d6000f;cursor:pointer;width:25%;}
		.sidebar div a{display:block;color:#fff;}
		.sidebar div i{display:inline-block;width:100%;font-size:24px;height:30px;line-height:30px;text-align:center;color:#fff;}
		.sidebar div i img{height:30px;}
		.sidebar div span{display:block;color:#fff;}
			.sidebarchat,.sidebarlink,.sidebartop{width:60px;text-align:center;padding:5px 0;position:relative;}
			
			.sidebarchat:hover,.sidebartel:hover,.sidebarlink:hover,.sidebartop:hover{background:#d6000f;}
			.sidebar div.sidebartel{padding:5px 0;height:50px;position:relative;}
			.sidebar div.sidebartel i{position:absolute;top:5px;left:0;color:#fff;}
			.sidebar div.sidebartel span{position:absolute;display:inline-block;width:100%;bottom:5px;left:0;text-align:center;color:#fff;}
			.sidebar div.sidebarchat dl{position:absolute;z-index:2;bottom:-61px;left:0;white-space:nowrap;transition:all ease-out 0.3s;font-weight:bold;}
			.sidebar div.sidebartel dl{position:absolute;z-index:2;bottom:-154px;left:0;white-space:nowrap;transition:all ease-out 0.3s;font-weight:bold;}
			.sidebar div.sidebarlink dl{position:absolute;z-index:2;bottom:-111px;left:50%;white-space:nowrap;transition:all ease-out 0.3s;font-weight:bold;text-align:center;transform:translateX(-50%);}
			.sidebar div.sidebarlink dt{float:left;margin:0 1px;}
			.sidebar div.sidebarlink dl figure{background:#fff;padding:5px;color:#333;}
			.sidebar div.sidebarlink dl figure img{height:80px;}
			.sidebar div.sidebarchat dl{width:100px;text-align:center;}
			.sidebar div.sidebartel dl{text-align:center;}
			.sidebar div.sidebarchat dt,.sidebar div.sidebartel dt{font-size:14px;background:#d6000f;padding:5px;margin-bottom:1px;white-space:nowrap;}
			.sidebar div.sidebarchat dd,.sidebar div.sidebartel dd{font-size:14px;background:#d6000f;padding:5px;}
			.sidebar div.sidebarchat:hover dl,.sidebar div.sidebartel:hover dl,.sidebar div.sidebarlink:hover dl{bottom:61px;}
}