/*字体*/
html {font-family: 'Encode Sans Semi Condensed', 'FangSong', 'system-ui', Tahoma, Geneva, Verdana, sans-serif;}
/*按钮点击无Line*/
button{outline:none;}
/*Main*/
* {margin: 0;padding: 0;}
a {cursor: pointer;}
span {cursor: pointer;}
/*Main Nav*/
#MyInfo {border-radius: 4px;border: 1px solid #dedede;position: absolute;top: 0%;left: 100px;height: 100px;cursor: pointer;background-image: linear-gradient(#64FFDC,#FFB4FF,#FFFFFF,#FFB4FF,#64FFDC);}
.Nav {float: left;position: fixed;top: 0%;left: 0;height: 100%em;width: 100px;margin-left: 0;display: block;-moz-transition: margin-left 0.5s;transition: margin-left 0.5s;}
aside ul li {border: 1px solid #dedede;background-color: #ff66aa;border-radius: 8px;list-style-type: none;text-align: center;}
/*Minor Nav*/
.a a {text-decoration: none;}
.sidenav {height: 100%;width: 0;position: fixed;top: 0;right: 0;background-color: #000000cc;overflow-x: hidden;transition: 0.5s;padding-top: 0px;}
.sidenav a {padding: 4px 8px 8px 8px;text-decoration: none;font-size: 16px;color: #f6a;display: block;transition: 0.5s;}
.sidenav a:hover, .offcanvas a:focus{color: #ffffff;}
/*a Nav*/
.anav {height: 100%;width: 0;position: fixed;top: 0;right: 0;background-color: #000000cc;overflow-x: hidden;transition: 0.5s;padding-top: 0px;}
.anav a {padding: 4px 8px 8px 8px;text-decoration: none;font-size: 16px;color: #f6a;display: block;transition: 0.5s;}
.anav a:hover, .offcanvas a:focus{color: #ffffff;}
/*Say Nav*/
.Saynav {height: 100%;width: 0;position: fixed;top: 0;right: 0;background-color: #000000cc;overflow-x: hidden;transition: 0.5s;padding-top: 0px;}
.Saynav a {padding: 4px 8px 8px 8px;text-decoration: none;font-size: 16px;display: block;transition: 0.5s;}
/*Info Nav*/
.Infonav {height: 100%;width: 0;position: fixed;top: 0;right: 0;background-color: #000000cc;overflow-x: hidden;transition: 0.5s;padding-top: 0px;}
.Infonav a {padding: 4px 8px 8px 8px;text-decoration: none;font-size: 16px;color: #f6a;display: block;transition: 0.5s;}
.Infonav a:hover, .offcanvas a:focus{color: #ffffff;}
/*Job Nav*/
.Jobnav {height: 100%;width: 0;position: fixed;top: 0;right: 0;background-color: #000000cc;overflow-x: hidden;transition: 0.5s;padding-top: 0px;}
.Jobnav a {padding: 4px 8px 8px 8px;text-decoration: none;font-size: 16px;color: #f6a;display: block;transition: 0.5s;}
.Jobnav a:hover, .offcanvas a:focus{color: #ffffff;}
/*其他的信息类*/
.neirong{transition: font-size 0.5s ease-out,background-color 0.5s ease-out;}
.neirong:hover{border-radius:8%;transition: background-color 0.5s ease-out;background-color: #ffff96;transition: font-size 0.5s ease-out;font-size: 24;}
.link{transition: font-size 0.5s ease-out,background-color 0.5s ease-out;}
.link:hover{border-radius:8%;transition: background-color 0.5s ease-out;background-color: #66fff8;transition: font-size 0.5s ease-out;font-size: 24;}
.mp3{transition: font-size 0.5s ease-out,background-color 0.5s ease-out;}
.mp3:hover{border-radius:8%;transition: background-color 0.5s ease-out;background-color: #ff8888;transition: font-size 0.5s ease-out;font-size: 20;}
.info{transition: font-size 0.5s ease-out,background-color 0.5s ease-out;}
.info:hover{border-radius:8%;transition: background-color 0.5s ease-out;background-color: #ff8888;transition: font-size 1s ease-out;font-size: 32;color: #000000;}
.img{transition: font-size 0.5s ease-out,background-color 0.5s ease-out;}
.img:hover{border-radius:8%;transition: background-color 0.5s ease-out;background-color: #ff8888;}
/*颜色*/
ColorToColor{background-image: linear-gradient(to right,#00E0FF,#0FD1FF,#1EC2FF,#2DB3FF,#3CA4FF,#4B95FF,#5A86FF,#6977FF,#7868FF,#8760FF,#9660FF,#A560FF,#B460FF,#C360FF,#D260FF,#E160FF,#F060FF);color: transparent;-webkit-background-clip: text;}
ColorToColor::selection{background:rgba(0,255,0,0.7)}
font{text-shadow:4px 4px 5px rgba(255,100,255,0.8)}
font::selection{background:rgba(255,150,255,0.8)}
a::selection{background:rgba(255,150,255,0.8)}
div::selection{background:rgba(255,150,255,0.8)}
time{text-shadow:4px 4px 5px rgba(255,100,255,0.8)}
time::selection{background:rgba(255,150,255,0.8)}
li{text-shadow:4px 4px 5px rgba(255,100,255,0.8)}
li::selection{background:rgba(255,150,255,0.8)}
b::selection{background:rgba(255,150,255,0.8)}
img::selection{background:rgba(250,200,150,0.8)}
br::selection{background:rgba(0,0,0,0)}
/*信息背景色*/
buttom{border-radius: 20px;transition: background-color 0.2s linear;}
buttom:active{border-radius: 20px;transition: background-color 0.2s linear;background-color: rgba(150,70,255,0.8);}
/*定位*/
.closebtn{text-align: center;background-color: #f6a;}
.bottomcenter{position: absolute;bottom: 10px;text-align: center;width: 99%;}
.WeChatCode{position: fixed;right: 310px;top: 10px;width: 200px;}
.page{position: fixed;left: 0px;top: 0px;width: 100%;}
.middle{position: fixed;top: 50%;text-align: center;width: 99%;}
/*二维码*/
.WeChatCode{display: none;}
.WX:hover .WeChatCode{display: block;}
/*音频*/
#mp3 {transition: left 0.5s ease-out;position: absolute;bottom: 10px;left: -260px;}
#mp3:hover {transition: left 0.5s ease-out;position: absolute;bottom: 10px;left: 10px;}
/*media*/
@media (max-width: 7680px){.Nav {font-size: 2.5em;}.sidenav{font-size: 2.5em;}}
@media (max-width: 3840px){.Nav {font-size: 2.0em;}.sidenav{font-size: 2.0em;}}
@media (max-width: 2560px){.Nav {font-size: 1.8em;}.sidenav{font-size: 1.8em;}}
@media (max-width: 1920px){.Nav {font-size: 1.6em;}.sidenav{font-size: 1.6em;}}
@media (max-width: 1600px){.Nav {font-size: 1.5em;}.sidenav{font-size: 1.5em;}}
@media (max-width: 1440px){.Nav {font-size: 1.4em;}.sidenav{font-size: 1.4em;}}
@media (max-width: 1280px){.Nav {font-size: 1.3em;}.sidenav{font-size: 1.3em;}}
@media (max-width: 1024px){.Nav {font-size: 1.2em;}.sidenav{font-size: 1.2em;}}
@media (max-width: 960px){.Nav {font-size: 1.1em;}.sidenav{font-size: 1.1em;}}
@media (max-width: 800px){.Nav {font-size: 1.0em;}.sidenav{font-size: 1.0em;}}