@charset "utf-8";
body,div,li,ul,ol,dl,dd,dt,span,b,strong,p,h1,h2,h3,h4,h5,input{margin:0;padding:0;}
ul,li,dl,dt,dd,ol{list-style:none;list-style-type:none;}
a img,a,a:hover,a:active,a:visited{text-decoration:none; outline:none;}
body{font-size:12px;}
input,body{ font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');
        
body { font-family: 'Inter', "PingFang SC", sans-serif; background-color: #F8F7F6; }
        
        /* 隐藏滚动条 */
        .scrollbar-hide::-webkit-scrollbar { display: none; }
        .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

        /* 动画类 */
        .animate-in { animation: fadeIn 0.4s ease-out; }
        .animate-zoom { animation: zoomIn 0.3s ease-out; }
        
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        @keyframes zoomIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }

.mypage{ width:auto; height:40px; overflow:hidden; clear:both; text-align:center;  margin:15px auto 0 auto;}
.mypage li{ min-width:32px; height:32px;text-align:center; display:inline-block; line-height:32px; margin-right:4px;}
.mypage li:first-child a,.mypage li:last-child a{box-sizing: border-box;padding: 0 10px;}
.mypage li a{ width:100%; height:32px; text-align:center; line-height:32px; display:block; font-size:14px; color:#666; border:solid 1px #d9d9d9; border-radius:2px;box-sizing: border-box; }
.mypage li a:hover,.mypage li.active a{ background:#01b593; color:#fff; border:solid 1px #01b593; }