/*
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:768px){/* TABLET */
.sidebar{position:fixed;z-index:3;bottom:60px;right:20px;width:50px;font-size:12px;}
	.sidebar ul{}
	.sidebar li{position:relative;border-bottom:2px solid transparent;color:#fff;}
		.sidebar li a{color:#fff;}
		.sidebar li i{display:block;position:relative;z-index:2;font-style:normal;text-align:center;background:#bd1d23;padding:5px 0;cursor:pointer;}
		.sidebar li i span{display:block;}
		.sidebar li i span:nth-of-type(1){font-size:30px;line-height:30px;}
		.sidebar li section{position:absolute;z-index:-1;top:50%;transform:translateY(-50%);left:72px;transition:all ease-out 0.3s;border-right:2px solid transparent;opacity:0;}
		.sidebar li section.sidebartel dl{background:#bd1d23;padding:15px;border-right:2px solid transparent;box-sizing:content-box;width:160px;}
		.sidebar li section.sidebartel dd{font-weight:bold;font-size:18px;line-height:25px;font-family:'iconfont';}
		.sidebar li section.sidebartel dd a{}
		.sidebar li section.sidebarqrcode dl{display:inline-block;text-align:center;padding:5px;background:#bd1d23;margin:1px 0;}
		.sidebar li section.sidebarqrcode dd{margin-bottom:5px;}
		.sidebar li section.sidebarqrcode dd img{width:100px;}
		.sidebar li:hover section.sidebartel{z-index:1;left:-194px;opacity:1;}
		.sidebar li:hover section.sidebarqrcode{z-index:1;left:-112px;opacity:1;}
}
@media (max-width:767px){/* MOBILE */
.sidebar{position:fixed;z-index:3;right:0;bottom:0;left:0;}
	.sidebar ul{position:relative;}
	.sidebar li{float:left;width:25%;}
		.sidebar li i{display:block;z-index:2;font-style:normal;text-align:center;background:#bd1d23;color:#fff;padding:5px 0;cursor:pointer;}
		.sidebar li i span{display:block;}
		.sidebar li i span:nth-of-type(1){font-size:30px;line-height:30px;}
		.sidebar li section{position:absolute;z-index:-1;bottom:-60px;left:50%;transform:translateX(-50%);transition:all ease-out 0.3s;opacity:0;white-space:nowrap;}
		.sidebar li section.sidebartel dl{background:#bd1d23;color:#fff;padding:15px;box-sizing:content-box;}
		.sidebar li section.sidebartel dd{font-size:22px;font-weight:bold;line-height:30px;font-family:'iconfont';}
		.sidebar li section.sidebartel dd a{color:#fff;}
		.sidebar li section.sidebarqrcode dl{display:inline-block;text-align:center;padding:5px;background:#bd1d23;color:#fff;}
		.sidebar li section.sidebarqrcode dd{margin-bottom:5px;}
		.sidebar li section.sidebarqrcode dd img{width:100px;}
		.sidebar li:hover section.sidebartel{bottom:62px;opacity:1;}
		.sidebar li:hover section.sidebarqrcode{bottom:62px;opacity:1;}
}