html{font-size:10px;}
@media screen and (min-width:350px){html{font-size:11px;}}
@media screen and (min-width:400px){html{font-size:12px;}}
body{font:400 1.4rem/1.5 Helvetica;word-break:break-all;word-wrap:break-word;}
body{margin:auto;width:100%;max-width:768px;min-height:100vh;background:#ffffff;box-shadow:0 0 1.5rem #cccccc;}
/*全灰*/
html2{filter:grayscale(100%);}
/*字体*/
@font-face{font-family:icomoon;font-weight:normal;font-style:normal;font-display:block;src:url('font/icomoon.eot?7ayx4d');src:url('font/icomoon.eot?7ayx4d#iefix') format('embedded-opentype'),url('font/icomoon.ttf?7ayx4d') format('truetype'),url('font/icomoon.woff?7ayx4d') format('woff'),url('font/icomoon.svg?7ayx4d#icon') format('svg');}
/*全局*/
*{margin:0;padding:0;}
a{color:#333333;text-decoration:none;}
a:hover{color:#1162e8;}
ul{list-style:none;}
[readonly="readonly"]{color:#dbdbdb;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #ffffff inset;}
input,select,button,textarea{font-size:1.4rem;font-family:Helvetica;border:none;outline:none;-webkit-appearance:none;}
/*通用*/
.space{width:auto;height:1rem;background:#edf5fa;}
/*页头*/
header{margin-bottom:0.3rem;padding:0.5rem;width:100%;background:#ffffff;position:relative;display:grid;grid-gap:1rem;grid-template:4rem/10rem auto;box-sizing:border-box;box-shadow:0 0 0.3rem 0.1rem rgb(0 0 0 / 10%);}
header .logo{display:flex;flex-direction:column;justify-content:space-around;}
header .logo img{width:100%;max-height:4rem;display:block;object-fit:cover;}
header .user{display:flex;align-items:center;justify-content:flex-end;}
header .user i{padding:0.5rem;font-family:icomoon;font-style:normal;font-size:3rem;background:#d2ebef;color:#ffffff;border-radius:50%;}
header .user i::before{content:"\f901";}
header .user .ava{width:4rem;height:4rem;background:#d2ebef;}
header .user .ava img{width:100%;height:100%;object-fit:cover;}
header .user .msg{top:0;right:0;width:2rem;height:2rem;line-height:2rem;text-align:center;font-size:1rem;color:#ffffff;background:#ff0000;position:absolute;border-radius:50%;overflow:hidden;}
/*页脚*/
footer{margin-top:1.2rem;padding:3rem 2rem;color:rgba(255,255,255,0.7);background:#2d3236;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;}
@media screen and (max-width:700px){footer{padding:2rem 1rem;justify-content:center;}}
footer .left{display:flex;flex-direction:column;align-items:center;}
footer .left a{color:rgba(255,255,255,0.7);}
footer .left a:hover{color:rgba(255,255,255,0.9);}
footer .left ul{display:flex;list-style:none;}
footer .left li{line-height:1.8rem;}
footer .left li:after{padding:0 0.5rem;font-size:1.2rem;opacity:0.8;content:"|";vertical-align:top;}
footer .left li:last-child:after{display:none;}
footer .left p{margin-top:1rem;font-size:1.2rem;}
footer .right{display:flex;gap:1.2rem;align-items:center;}
footer .right a{position:relative;overflow:hidden;}
footer .right a:hover{overflow:visible;}
footer .right i{width:4rem;height:4rem;line-height:4rem;font-size:2rem;text-align:center;display:block;color:rgba(255,255,255,.8);background:rgba(255,255,255,0.1);border-radius:50%;}
footer .right i:hover{color:#ffffff;}
footer .right i:before{position:relative;z-index:1000;}
footer .right i:after{top:0;left:0;width:100%;height:100%;background:#1162e8;position:absolute;border-radius:50%;content:"";opacity:0;transform:scale(0);transition:all 0.5s cubic-bezier(0.3,0,0,1.3) 0s;}
footer .right i:hover:after{opacity:1;transform:scale(1);}
footer .right span{top:-17rem;left:-5.5rem;width:15rem;height:15rem;background:#ffffff;box-shadow:0 0 0.5rem 0.1rem rgba(0,0,0,.3);position:absolute;opacity:0;transition:all 0.2s ease-out 0.1s;z-index:1001;}
footer .right span img{margin:0.5rem;width:14rem;height:14rem;}
footer .right span canvas{margin:0.5rem;width:14rem;height:14rem;position:absolute;}
footer .right span:after{left:50%;bottom:-1.6rem;margin-left:-0.8rem;width:0;height:0;line-height:0;content:"";position:absolute;border:0.8rem solid transparent;border-top-color:#ffffff;}
footer .right a:hover span{top:-16.5rem;opacity:1;}
footer .right .icon-apple{font-family:icomoon;font-style:normal;}
footer .right .icon-apple:before{content:"\f179";}
footer .right .icon-android{font-family:icomoon;font-style:normal;}
footer .right .icon-android:before{content:"\f17b";}
footer .right .icon-wechat{font-family:icomoon;font-style:normal;}
footer .right .icon-wechat:before{content:"\f1d7";}
footer .right .icon-qq{font-family:icomoon;font-style:normal;}
footer .right .icon-qq:before{content:"\f1d6";}
footer .right .icon-weibo{font-family:icomoon;font-style:normal;}
footer .right .icon-weibo:before{content:"\f18a";}
footer .side{position:fixed;z-index:1000;}
footer .side .touch{top:60%;right:1rem;width:5.8rem;height:5.8rem;background:#343434;display:block;position:fixed;border-radius:1rem;opacity:0.3;z-index:1000;}
footer .side .touch:before {top:0.8rem;left:0.8rem;width:4.2rem;height:4.2rem;opacity:0.5;background:rgba(255,255,255,0.6);content:"";display:block;position:absolute;border-radius:100%;box-shadow:0 0 0.2rem rgba(30,30,30,0.5);}
footer .side .touch:after{top:1.2rem;left:1.2rem;width:3.4rem;height:3.4rem;background:rgba(255,255,255,0.6);content:"";display:block;position:absolute;border-radius:100%;box-shadow:0 0 0.2rem rgba(30,30,30,0.5);}
footer .side .touch span{top:1.6rem;left:1.6rem;width:2.6rem;height:2.6rem;background:#ffffff;content:"";display:block;position:absolute;border-radius:100%;box-shadow:0 0 0.2rem rgba(30,30,30,0.5);}
footer .side .panel{top:50%;left:50%;display:none;position:fixed;transform:translate(-50%,-50%);z-index:1000;}
footer .side .panel ul{width:22rem;height:22rem;background:#000000;border-radius:1rem;}
footer .side .panel li{width:4rem;position:absolute;text-align:center;cursor:pointer;}
footer .side .panel li i{font-family:layui-icon;font-size:2rem;font-style:normal;color:#ffffff;}
footer .side .panel li p{color:#f5f5f5;font-size:1rem;}
footer .side .panel li.chat{top:1rem;left:50%;transform:translate(-50%,0%);}
footer .side .panel li.chat i:before{content:"\e626";}
footer .side .panel li.apex{top:50%;right:1rem;transform:translate(0%,-50%);}
footer .side .panel li.apex i:before{content:"\e604";}
footer .side .panel li.home{left:50%;bottom:1rem;transform:translate(-50%,0%);}
footer .side .panel li.home i:before{content:"\e68e";}
footer .side .panel li.user{top:50%;left:1rem;transform:translate(0%,-50%);}
footer .side .panel li.user i:before{content:"\e66f";}
/*主要*/
main{width:auto;background:#edf5fa;display:flex;gap:1rem;flex-direction:column;}
main>h1{display:none;}
/*首页*/
main.site{width:auto;overflow:hidden;}
/*导航*/
main.site nav{width:auto;}
main.site nav .sort{padding:1.5rem 0;background:#ffffff;overflow:hidden;}
main.site nav .sort ul{display:flex;justify-content:space-around;}
main.site nav .sort li{text-align:center;}
main.site nav .sort li h2{color:#666666;font-size:1.4rem;font-weight:normal;}
main.site nav .sort li span{margin:0 auto 0.5rem;display:block;}
main.site nav .sort li span img{width:3.8rem;height:3.8rem;}
main.site nav .menu{padding:1rem 1.5rem;background:#edf5fa;box-sizing:border-box;}
main.site nav .menu ul{display:flex;gap:0.5rem;flex-direction:column;}
main.site nav .menu li{font-size:1.6rem;display:flex;justify-content:space-between;}
main.site nav .find{padding:0 1.2rem;background:#edf5fa;}
main.site nav .find form{padding:0.5rem;background:#ffffff;display:grid;grid-gap:0.5rem;grid-template:3rem/2rem auto 3rem;}
main.site nav .find form a{background:url(images/so.png) no-repeat center;background-size:1.6rem;}
main.site nav .find form input{font-size:1.5rem;}
main.site nav .find form button{background:url(images/find.png) no-repeat center;background-size:3.5rem;}
/*轮播*/
.slide{width:100%;height:31rem;display:flex;}
.slide .layui-carousel{width:100%;height:100%;}
.slide .layui-carousel a{width:100%;height:100%;display:block;}
.slide .layui-carousel a img{width:100%;height:100%;object-fit:cover;}
.slide .layui-carousel h3{bottom:2rem;width:100%;text-align:center;position:absolute;}
.slide .layui-carousel h3 a{color:#ffffff;font-size:1.4rem;font-weight:normal;}
/*动态*/
.world{width:auto;}
.world ul{background:#ffffff;}
.world li{padding:1rem;border-bottom:0.1rem solid rgba(239,239,239,0.8);}
.world li.info{}
.world li.info .title{display:flex;justify-content:space-between;}
.world li.info .title>h3{line-height:2.3rem;font-size:1.6rem;font-weight:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.world li.info .title>.icon{margin-left:0.5rem;}
.world li.info .title>.icon>a{display:block;}
.world li.info .title>.icon>a>img{width:10rem;height:6.9rem;display:block;object-fit:cover;}
.world li.info .image{margin-top:0.8rem;display:grid;grid-gap:calc(0.5%);grid-template:auto/33% 33% 33%;}
.world li.info .image img{width:100%;height:6.9rem;display:block;object-fit:cover;}
.world li.info .video{margin-top:0.8rem;position:relative;}
.world li.info .video img{width:100%;height:20rem;display:block;object-fit:cover;}
.world li.info .video i{top:50%;left:50%;margin:-2rem 0 0 -2rem;width:4rem;height:4rem;line-height:4rem;text-align:center;position:absolute;font-family:icomoon;font-style:normal;font-size:3rem;color:#ffffff;background:rgba(0,0,0,0.6);opacity:0.8;border-radius:50%;}
.world li.info .video i:before{content:"\e90c";}
.world li.info .basic{margin-top:0.8rem;display:flex;justify-content:space-between;align-items:center;column-gap:1rem;}
.world li.info .basic>div{color:#828282;font-size:1.4rem;white-space:nowrap;}
.world li.info .basic>div>span{margin-left:1rem;display:inline-block;}
.world li.info .basic>div>span:first-child{margin-left:0;}
.world li.info .basic>div>span a{color:#828282;}
.world li.info .basic>div>span img{margin-right:0.2rem;width:2.4rem;height:2.4rem;vertical-align:bottom;border-radius:50%;object-fit:cover;}
.world li.info .basic>div>span>i{font-family:icomoon;font-style:normal;margin-right:0.3rem;font-size:1.4rem;color:#828282;}
.world li.info .basic>div>.good{}
.world li.info .basic>div>.good>i:before{content:"\e90b";}
.world li.info .basic>div>.favor{}
.world li.info .basic>div>.favor>i:before{content:"\e90a";}
.world li.info .basic>div>.talk{}
.world li.info .basic>div>.talk>i:before{content:"\e909";}
.world li.info .basic>div>.click{}
.world li.info .basic>div>.click>i:before{content:"\e908";}
/*伙伴*/
.partner{padding:1rem 2rem;background:#ffffff;}
.partner .name{margin-bottom:1rem;height:3rem;line-height:3rem;display:flex;justify-content:space-between;}
.partner .name h5{font-size:1.6rem;font-weight:normal;color:#262626;}
.partner .name span{font-size:1.4rem;text-align:right;color:#828282;}
.partner .name span a{color:#828282;}
.partner .name span a:hover{color:#1162e8;}
.partner .list{width:100%;margin:1.5rem 0 1rem;}
.partner .list ul{display:grid;grid-gap:1rem;grid-template:auto/repeat(7,auto);}
.partner .list li{padding:1rem;border:0.1rem solid #efefef;text-align:center;}
.partner .list li a{display:block;}
.partner .list li img{width:100%;height:4rem;display:block;object-fit:cover;}
@media screen and (min-width:400px){.partner .list ul{grid-template-columns:repeat(4,auto);}}
@media screen and (min-width:500px){.partner .list ul{grid-template-columns:repeat(5,auto);}}
@media screen and (min-width:600px){.partner .list ul{grid-template-columns:repeat(6,auto);}}
@media screen and (min-width:700px){.partner .list ul{grid-template-columns:repeat(7,auto);}}
/*友链*/
.frdlink{padding:1rem 2rem;background:#ffffff;}
.frdlink .name{margin-bottom:1rem;height:3rem;line-height:3rem;display:flex;justify-content:space-between;}
.frdlink .name div{display:flex;gap:1.2rem;}
.frdlink .name h5{font-size:1.6rem;font-weight:normal;color:#262626;}
.frdlink .name span{font-size:1.2rem;color:#5a5a5a;}
.frdlink .name a{color:#828282;font-size:1.4rem;}
.frdlink .name a:hover{color:#1162e8;}
.frdlink .list{display:flex;gap:0.5rem 1.2rem;flex-wrap:wrap;}
.frdlink .list a{color:#828282;}
.frdlink .list a:hover{color:#1162e8;}
/*其他*/
[id^="_"]{display:none !important;}