@import url(https://fonts.googleapis.com/css2?family=Momo+Trust+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Righteous&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:muse;src:url(/static/media/muse.c6bc5939ec9e9da31a71.ttf)}:root{--lucky:gold}body,button,input{font-family:muse}a{text-decoration:none}body{background:#fff;background:var(--back);display:flex;flex-direction:column;overflow-x:hidden;scroll-behavior:smooth}.my,.my .top{display:flex;flex-direction:column;width:100%}.my .top,.my .top nav{background:#fff;background:var(--back)}.my .top nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:19px;padding:9px 0;position:relative;width:100%}.my .top nav .floatnavlogo{background:#ff4545;background:var(--theme);border-radius:80%;bottom:-51px;height:242px;left:-45px;position:absolute;width:242px;z-index:0}.my .top nav .logo{color:#fff;color:var(--back);font-family:Momo Trust Display,sans-serif;font-size:29px;font-weight:700;letter-spacing:1px;margin-left:19px;text-decoration:none;z-index:1}.my .top nav .link{align-items:center;display:flex}.my .top nav .link a{color:#333;color:var(--color);cursor:pointer;font-size:18px;margin:2px 23px;text-decoration:none;transition:.4s}.my .top nav .link a:hover{color:#ff4545;color:var(--theme)}.my .top nav .btn{align-items:center;display:flex;margin-right:15px}.my .top nav .btn button{align-items:center;background:none;border:none;color:#333;color:var(--color);cursor:pointer;display:flex;font-size:23px;margin:0 5px;outline:none;padding:7px}.my .top nav .btn .menu,.navback{display:none}.navback{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.my .top .t{align-items:flex-start;display:flex;justify-content:space-evenly;margin:63px auto 0;max-width:1250px;width:98%}.my .top .t .left{display:flex;flex-direction:column;width:51%}.my .top .t .left .bar{background:#ff4545;background:var(--theme);height:8px;margin-bottom:3px;width:51%}.my .top .t .left h1{color:#333;color:var(--color);display:flex;font-family:Righteous,sans-serif;font-size:52px;margin:0;width:100%}.my .top .t .left h1 .scroll{border-radius:9px;color:#ff4545;color:var(--theme);font-size:49px;margin:0 0 0 3px;padding:2px 12px}.my .top .t .left h1 .scroll i{margin-right:9px}.my .top .t .left p{color:#333;color:var(--color);font-size:19px;margin:5px 0}.my .top .t .left .bu{align-items:center;display:flex;margin-top:42px}.my .top .t .left .bu a{border:3px solid #ff4545;border:3px solid var(--theme);border-radius:51px;box-shadow:0 0 0 #fec1958c;cursor:pointer;font-family:Sofia Sans,sans-serif;font-size:22px;padding:14px 25px;position:relative;text-decoration:none;transition:all .3s ease-in-out}.my .top .t .left .bu a .star-1{filter:drop-shadow(0 0 0 #fffdef6b);height:auto;left:20%;position:absolute;top:20%;transition:all 1s cubic-bezier(.05,.83,.43,.96);width:25px;z-index:-5}.my .top .t .left .bu a .star-2{left:45%;top:45%;width:15px}.my .top .t .left .bu a .star-2,.my .top .t .left .bu a .star-3{filter:drop-shadow(0 0 0 #fffdef6b);height:auto;position:absolute;transition:all 1s cubic-bezier(0,.4,0,1.01);z-index:-5}.my .top .t .left .bu a .star-3{left:40%;top:40%;width:5px}.my .top .t .left .bu a .star-4{left:40%;top:20%;transition:all .8s cubic-bezier(0,.4,0,1.01);width:8px}.my .top .t .left .bu a .star-4,.my .top .t .left .bu a .star-5{filter:drop-shadow(0 0 0 #fffdef6b);height:auto;position:absolute;z-index:-5}.my .top .t .left .bu a .star-5{left:45%;top:25%;transition:all .6s cubic-bezier(0,.4,0,1.01);width:15px}.my .top .t .left .bu a .star-6{filter:drop-shadow(0 0 0 #fffdef6b);height:auto;left:50%;position:absolute;top:5%;transition:all .8s ease;width:5px;z-index:-5}.my .top .t .left .bu a:first-child:hover{background:#0000;box-shadow:0 0 25px #ff45454d;color:#ff4545;color:var(--theme)}.my .top .t .left .bu a:first-child:hover .star-1{filter:drop-shadow(0 0 10px #fffdef6b);height:auto;left:-12%;position:absolute;top:-55%;width:25px;z-index:2}.my .top .t .left .bu a:first-child:hover .star-2{filter:drop-shadow(0 0 10px #fffdef6b);height:auto;left:11%;position:absolute;top:-11%;width:15px;z-index:2}.my .top .t .left .bu a:first-child:hover .star-3{filter:drop-shadow(0 0 10px #fffdef6b);height:auto;left:25%;position:absolute;top:91%;width:14px;z-index:2}.my .top .t .left .bu a:first-child:hover .star-4{filter:drop-shadow(0 0 10px #fffdef6b);height:auto;left:80%;position:absolute;top:51%;width:10px;z-index:2}.my .top .t .left .bu a:first-child:hover .star-5{filter:drop-shadow(0 0 10px #fffdef6b);height:auto;left:104%;position:absolute;top:25%;width:15px;z-index:2}.my .top .t .left .bu a:first-child:hover .star-6{filter:drop-shadow(0 0 10px #fffdef6b);height:auto;left:60%;position:absolute;top:-9%;width:10px;z-index:2}.fil0{fill:#ff4545;fill:var(--theme)}.my .top .t .left .bu a i{margin-right:5px;z-index:2}.my .top .t .left .bu a:first-child{background:#ff4545;background:var(--theme);color:#fff;color:var(--back);margin-right:9px}.my .top .t .left .bu a:nth-child(2){background:none;background-color:initial;border:3px solid #ff4545;border:3px solid var(--theme);color:#ff4545;color:var(--theme);cursor:pointer;margin-left:9px;overflow:hidden;padding:14px 25px;position:relative;transition:.3s cubic-bezier(.83,0,.17,1);&>i,&>span{color:#ff4545;color:var(--theme);position:relative;transition:color .7s cubic-bezier(.83,0,.17,1);z-index:1}}.my .top .t .left .bu a:nth-child(2):after{background-color:#ff4545;background-color:var(--theme);content:"";height:calc(300% + 1em);inset:50%;position:absolute;rotate:30deg;transition:1s cubic-bezier(.83,0,.17,1);translate:-50% -50%;width:0}.my .top .t .left .bu a:nth-child(2):hover{&>i,&>span{color:#fff;color:var(--back)}&:after{width:calc(120% + 1em)}}.my .top .t .left .bu a:nth-child(2):active{filter:brightness(.9);scale:.98}.my .top .t .right{align-items:center;display:flex;justify-content:center;position:relative;width:42%}.my .top .t .right img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;width:91%}.my .top .t .right .circle{background:#ff4545;background:var(--theme);border-radius:50%;bottom:23px;height:151px;position:absolute;right:29px;width:151px}.my .service{align-items:center;background:#ffb6a748;display:flex;flex-direction:column;margin-top:45px;padding:78px 0;width:100%}.my .service h1{color:#333;color:var(--color);font-size:39px;margin:2px}.my .service .hr{align-items:flex-start;display:flex;justify-content:space-evenly;margin-top:19px;width:100%}.my .service .hr .item{align-items:center;background:#fff;background:var(--back);border-radius:4px;box-shadow:1px 2px 15px rgba(0,0,0,.274);display:flex;flex:1 1;flex-direction:column;margin:9px;padding:24px 0}.my .service .hr .item i{color:#ff4545;color:var(--theme);font-size:55px;margin-top:5px}.my .service .hr .item h2{color:#333;color:var(--color);font-size:27px;margin:2px}.my .service .hr .item p{color:#333;color:var(--color);font-size:19px;margin:5px 15px}.my .what{margin:78px 0;padding:9px 0;width:100%}.my .what,.what .loader-wrapper{align-items:center;display:flex;justify-content:center}.what .loader-wrapper{color:#fff;font-family:Poppins,sans-serif;font-size:1.6em;font-weight:600;height:150px;margin:23px 145px;position:relative;scale:2;-webkit-user-select:none;user-select:none;width:auto}.what .loader{background-color:initial;-webkit-mask:repeating-linear-gradient(90deg,#0000,#0000 6px,#000 7px,#000 8px);mask:repeating-linear-gradient(90deg,#0000,#0000 6px,#000 7px,#000 8px);z-index:1}.what .loader,.what .loader:after{height:100%;left:0;position:absolute;top:0;width:100%}.what .loader:after{animation:transform-animation 2s infinite alternate,opacity-animation 4s infinite;animation-timing-function:cubic-bezier(.6,.8,.5,1);background-image:radial-gradient(circle at 50% 50%,#ff0 0,#0000 50%),radial-gradient(circle at 45% 45%,red 0,#0000 45%),radial-gradient(circle at 55% 55%,#0ff 0,#0000 45%),radial-gradient(circle at 45% 55%,#0f0 0,#0000 45%),radial-gradient(circle at 55% 45%,#00f 0,#0000 45%);content:"";-webkit-mask:radial-gradient(circle at 50% 50%,#0000 0,#0000 10%,#000 25%);mask:radial-gradient(circle at 50% 50%,#0000 0,#0000 10%,#000 25%)}@keyframes transform-animation{0%{transform:translate(-55%)}to{transform:translate(55%)}}@keyframes opacity-animation{0%,to{opacity:0}15%{opacity:1}65%{opacity:0}}.what .loader-letter{animation:loader-letter-anim 4s linear infinite;color:#333;color:var(--color);display:inline-block;font-size:45px;opacity:0;z-index:2}.what .loader-letter:first-child{animation-delay:.1s}.what .loader-letter:nth-child(2){animation-delay:.205s}.what .loader-letter:nth-child(3){animation-delay:.31s}.what .loader-letter:nth-child(4){animation-delay:.415s;margin-right:17px}.what .loader-letter:nth-child(5){animation-delay:.521s}.what .loader-letter:nth-child(6){animation-delay:.626s}.what .loader-letter:nth-child(7){animation-delay:.731s}.what .loader-letter:nth-child(8){animation-delay:.837s}.what .loader-letter:nth-child(9){animation-delay:.942s}.what .loader-letter:nth-child(10){animation-delay:1.047s}@keyframes loader-letter-anim{0%{opacity:0}5%{opacity:1;text-shadow:0 0 4px #fff;transform:scale(1.1) translateY(-2px)}20%{opacity:.2}to{opacity:0}}.what .text{margin-left:63px;max-width:450px;width:98%}.what .text h1{font-size:35px;margin:7px 7px 12px}.what .text h1,.what .text p{color:#333;color:var(--color)}.what .text p{font-size:19px;margin:7px}.what .text .lang{display:flex;flex-wrap:wrap;margin-top:19px;width:100%}.what .text .lang i{font-size:69px;margin:5px}.what .text .lang i:first-child{color:#e5532d}.what .text .lang i:nth-child(2){color:#2d53e5}.what .text .lang i:nth-child(3){color:#8c19fe}.what .text .lang i:nth-child(4){color:#f7e025}.what .text .lang i:nth-child(5){color:#3ebff8}.what .text .lang i:nth-child(6){color:#66dbfb}.what .text .lang i:nth-child(7){color:#87cf30}.what .text .lang i:nth-child(8){color:#25bdfd}.about{align-items:center;display:flex;justify-content:center;margin:51px 0;padding:36px 0;width:100%}.about .left{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;margin-right:15px;max-width:400px}.about .left .item{align-items:center;border-left:5px solid #ff4545;border-left:5px solid var(--theme);color:#333;color:var(--color);display:flex;padding:11px 17px}.about .left .item i{font-size:36px;margin-right:15px}.about .left .item h2{font-size:21px;margin:5px}.about .left .dot{background:#ff4545;background:var(--theme);border-radius:50%;height:5.2px;margin:4px 0;width:5.2px}.about .right{flex:1 1;margin-left:15px;max-width:515px}.about .right h1{color:#333;color:var(--color);font-size:39px;margin:9px 15px 15px}.about .right p{color:#333;color:var(--color);font-size:18px;margin:9px 15px}.about .right .li{align-items:flex-start;display:flex;justify-content:space-evenly;margin:36px auto 15px;width:98%}.about .right .li .ii{align-items:center;display:flex;flex-direction:column;margin:0 9px;padding:0 5px}.about .right .li .ii h2{align-items:center;color:#333;color:var(--color);display:flex;font-size:32px;margin:1px}.about .right .li .ii h2 i{color:#ff4545;color:var(--theme);font-size:27px;margin-left:7px}.about .right .li .ii span{color:#333;color:var(--color);font-size:16px;margin:1px;word-break:break-all}.proj{align-items:center;display:flex;flex-direction:column;margin-top:24px;padding:29px 0;width:100%}.proj h1{border-bottom:4px solid #333;border-bottom:4px solid var(--color);color:#333;color:var(--color);font-size:42px;margin:9px;padding:5px 9px 7px}.proj .i{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin-top:9px;width:100%}.proj .i .item{background:#fff;background:var(--back);border:1px solid hsla(0,0%,50%,.192);border-radius:14px;box-shadow:1px 3px 14px hsla(0,0%,47%,.162);display:flex;flex-direction:column;margin:14px;transform:scale(1);transition:.2s;width:369px}.proj .i .item:hover{transform:scale(1.03)}.proj .i .item img{border-radius:14px;margin:9px auto 2px;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;width:96%}.proj .i .item span{border:1px solid #ff4545;border:1px solid var(--theme);border-radius:6px;color:#ff4545;color:var(--theme);font-size:15px;margin:5px 0 0 15px;padding:2px 8px;width:-webkit-max-content;width:max-content}.proj .i .item h2{color:#333;color:var(--color);font-size:26px;margin:0 15px}.proj .i .item .bottom{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-top:8px;width:100%}.proj .i .item .bottom p{align-items:center;color:#333;color:var(--color);display:flex;font-size:15px;margin:0 15px}.proj .i .item .bottom p i{margin-right:5px}.proj .i .item .bottom a{background:#4169e1;border-radius:8px;color:#fff;color:var(--back);font-size:17px;margin-right:12px;padding:11px 29px;text-decoration:none}.contact{align-items:center;display:flex;justify-content:center;margin-top:24px;padding:24px 0;width:100%}.contact .left{align-items:flex-end;display:flex;flex-direction:column;max-width:424px;width:98%}.contact .left h1{font-size:36px;width:92%}.contact .left h1,.contact .left p{color:#333;color:var(--color);flex:1 1;margin:7px 15px}.contact .left p{font-size:18.5px}.contact .left img{float:right;margin-right:9px;object-fit:contain;object-position:center;transform:rotate(-36deg);-webkit-user-select:none;user-select:none;width:123px}.contact .right{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(2,1fr);margin:0 5px 0 63px;max-width:591px;width:98%}.contact .right .item{align-items:center;background:#fff;background:var(--back);border:2px solid gray;border-radius:9px;display:flex;padding:9px 0;transform:scale(1);transition:.2s}.contact .right .item:hover{transform:scale(1.04)}.contact .right .item i{font-size:33px;margin-left:15px}.contact .right .item h2{display:flex;flex-direction:column;font-size:23px;margin:0 11px}.contact .right .item h2 span{font-size:17px;font-weight:400;word-break:break-all}.luckynav{align-items:center;display:flex;justify-content:space-between;padding:5px 0}.luckynav h1{color:gold;color:var(--lucky);font-size:24px;margin:2px 2px 2px 11px}.luckynav .navbtn{align-items:center;display:flex;margin-right:7px}.luckynav .navbtn button{background:none;border:none;color:#333;color:var(--color);cursor:pointer;font-size:15px;margin-right:5px;outline:none;padding:7px 14px;position:relative}.luckynav .navbtn .active{color:gold;color:var(--lucky)}.luckynav .navbtn .active:before{background:gold;background:var(--lucky);border-top-left-radius:7px;border-top-right-radius:7px;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.luckytop{align-items:center;display:flex;flex-direction:column;height:291px;justify-content:center;margin:0 auto;max-width:691px;position:relative;width:100%}.luckytop h1{color:gold;color:var(--lucky);font-size:27px;margin:5px;z-index:2}.luckytop .search{align-items:center;background:#fff;background:var(--back);border:1px solid hsla(0,0%,50%,.205);border-radius:51px;display:flex;margin-bottom:2px;margin-top:9px;max-width:591px;padding:3px 0;width:95%;z-index:2}.luckytop .search i{color:#333;color:var(--color);font-size:19px;margin-left:15px}.luckytop .search input{background:none;border:none;color:#333;color:var(--color);font-size:18px;margin-left:3px;margin-right:5px;outline:none;padding:7px 11px;width:100%}.luckytop .search button{background:#ff4545;border:none;border-radius:51px;color:#fff;color:var(--back);cursor:pointer;font-size:14.5px;margin-right:4px;outline:none;padding:8px 18px;transform:scale(1);transition:.4s}.luckytop .search button:active{transform:scale(.9)}.luckytop .circle{bottom:0;height:199px;right:0;width:199px}.luckytop .circle,.luckytop .circle2{background:radial-gradient(rgba(255,217,0,.381) 10%,#0000 70%);position:absolute}.luckytop .circle2{height:121px;left:0;top:0;width:121px}.luckytop .add{color:#333;color:var(--color);cursor:pointer;font-size:18px;padding:9.5px;position:absolute;right:15px;top:9px}.lang,.luckytop .add{align-items:center;background:#fff;background:var(--back);border:1px solid hsla(0,0%,50%,.205);border-radius:51px;display:flex}.lang{margin-bottom:9px;margin-top:2px;padding:4px;z-index:2}.lang button{align-items:center;background:none;border:none;border-radius:51px;color:#333;color:var(--color);cursor:pointer;display:flex;font-size:14px;justify-content:center;outline:none;padding:8px 19px}.lang .active{background:gold;background:var(--lucky);color:#fff;color:var(--back)}.luckylist{align-items:center;margin:0 auto;max-width:639px;width:100%}.luckylist,.luckylist .item{display:flex;flex-direction:column}.luckylist .item{border:1px solid hsla(0,0%,50%,.205);border-radius:12px;margin:3px 0;position:relative;width:96%}.luckylist .item .color{background:#9acd32;border-radius:7px;height:25px;position:absolute;right:11px;top:9px;width:35px}.luckylist .item .num{color:gold;color:var(--lucky);font-size:25px;margin:9px 36px 0 14px}.luckylist .item .des{color:#333;color:var(--color);font-size:16px;margin:1px 14px 12px}.pop{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3}.pop .div{background:#fff;background:var(--back);border:1px solid hsla(0,0%,50%,.205);border-radius:15px;display:flex;flex-direction:column;max-width:555px;position:relative;width:96%}.pop .div .close{align-items:center;background:none;border:none;color:#333;color:var(--color);cursor:pointer;display:flex;font-size:19px;outline:none;padding:5px;position:absolute;right:11px;top:11px}.pop .div h1{color:gold;color:var(--lucky);font-size:27px;margin:15px 17px 5px}.pop .div .bar{display:flex;width:100%}.pop .div .bar .i{display:flex;flex:1 1;flex-direction:column}.pop .div .bar .i label{color:#333;color:var(--color);font-size:15px;margin-left:5px}.pop .div .bar .i input{border:1px solid hsla(0,0%,50%,.205);flex:1 1;font-size:17px;padding:5px 8px}.pop .div .bar .i input,.pop .div .bar .i select{background:#fff;background:var(--back);border-radius:7px;margin:0 5px;outline:none}.pop .div .bar .i select{border:1px solid hsla(0,0%,50%,.205);color:#333;color:var(--color);cursor:pointer;font-size:16px;padding:8px}.pop .div .submit{background:gold;background:var(--lucky);border:none;border-radius:8px;color:#fff;color:var(--back);cursor:pointer;font-size:17px;margin:6px;outline:none;padding:8px 0}@media(max-width:1266px){.my .top nav .logo{font-size:28px}.my .top nav .link a{font-size:17.5px;margin:2px 19px}.my .top nav .btn button{font-size:22px}.my .top .t .left{width:56%}.my .top .t .left h1,.my .top .t .left h1 .scroll{font-size:39px}.my .top .t .left .bu a{font-size:20px}.my .top .t .right{width:40%}.my .top .t .right .circle{height:149px;width:149px}.my .service{padding:75px 0}.my .service h1{font-size:38px}.my .service .hr .item i{font-size:53px}.my .service .hr .item h2{font-size:26px}.my .service .hr .item p{font-size:18.5px}.what .loader-letter{font-size:39px}.my .what{margin:72px 0}.what .text h1{font-size:34px}.what .text p{font-size:18.5px}.what .text .lang i{font-size:68px}.about .left .item i{font-size:35px;margin-right:12px}.about .left .item h2{font-size:20px}.about .right h1{font-size:38px}.about .right p{font-size:17.5px}.about .right .li .ii h2{font-size:32px}.about .right .li .ii h2 i{font-size:26px}.about .right .li .ii span{font-size:15.5px}.proj h1{font-size:39px}.proj .i .item span{font-size:14.5px}.proj .i .item h2{font-size:25px}.proj .i .item .bottom p{font-size:14.5px}.proj .i .item .bottom a{font-size:16px}}@media(max-width:1111px){.my .top nav .floatnavlogo{bottom:-45px;left:-45px}.my .top nav .logo{font-size:27px}.my .top nav .link a{font-size:17.2px;margin:2px 17px}.my .top nav .btn button{font-size:22px}.my .top .t .left{width:56%}.my .top .t .left h1,.my .top .t .left h1 .scroll{font-size:46px}.my .top .t .left .bu{margin-top:39px}.my .top .t .left .bu a{font-size:19px}.my .top .t .right{width:39%}.my .top .t .right .circle{height:135px;width:135px}.my .service{padding:72px 0}.my .service h1{font-size:36px}.my .service .hr .item i{font-size:52px}.my .service .hr .item h2{font-size:24px}.my .service .hr .item p{font-size:18px}.what .loader-letter{font-size:32px}.my .what{margin:69px 0}.what .text h1{font-size:33px}.what .text p{font-size:18px}.what .text .lang i{font-size:63px}.about{margin:42px 0}.about .left .item i{font-size:34px;margin-right:12px}.about .left .item h2{font-size:19px}.about .right h1{font-size:36px}.about .right p{font-size:17.3px}.about .right .li .ii h2{font-size:30.5px}.about .right .li .ii h2 i{font-size:24px}.about .right .li .ii span{font-size:15.2px}.proj h1{font-size:36px}.proj .i .item span{font-size:14.2px}.proj .i .item h2{font-size:24px}.proj .i .item .bottom p{font-size:14.2px}.proj .i .item .bottom a{font-size:15.5px}.contact .left h1{font-size:34px}.contact .left p{font-size:18px}.contact .left img{width:115px}.contact .right{margin-left:45px;max-width:563px}.contact .right .item{padding:8px 0}.contact .right .item i{font-size:32px}.contact .right .item h2{font-size:21px}.contact .right .item h2 span{font-size:16.5px}}@media(max-width:988px){.my .top nav .floatnavlogo{bottom:-36px;left:-45px}.my .top nav .logo{font-size:26px}.my .top nav .link a{font-size:17.1px;margin:2px 16px}.my .top nav .btn button{font-size:21px}.my .top .t .left{width:58%}.my .top .t .left h1,.my .top .t .left h1 .scroll{font-size:42px}.my .top .t .left .bu{margin-top:32px}.my .top .t .left .bu a{font-size:18.2px}.my .top .t .right{width:39%}.my .top .t .right .circle{height:115px;width:115px}.my .service{padding:51px 0}.my .service .hr{flex-wrap:wrap}.my .service .hr .item{margin:8px;min-width:324px}.my .service h1{font-size:32px}.my .service .hr .item i{font-size:52px}.my .service .hr .item h2{font-size:24px}.my .service .hr .item p{font-size:18px}.what .loader-letter{font-size:30.5px}.my .what{margin:59px 0}.what .text h1{font-size:32px}.what .text p{font-size:17.5px}.what .text .lang i{font-size:59px}.about{margin:39px 0}.about .left .item{padding:10px 15px}.about .left .item i{font-size:33px;margin-right:11px}.about .left .item h2{font-size:18.5px}.about .right h1{font-size:32px}.about .right p{font-size:17.1px}.about .right .li{margin-top:29px}.about .right .li .ii h2{font-size:30.2px}.about .right .li .ii h2 i{font-size:24px}.about .right .li .ii span{font-size:15px}.proj{padding:19px 0}.proj h1{font-size:32px}.proj .i .item{margin:11px}.proj .i .item span{font-size:14.1px}.proj .i .item h2{font-size:23px}.proj .i .item .bottom p{font-size:14.1px}.proj .i .item .bottom a{font-size:15.3px}.contact{flex-direction:column}.contact .left img{transform:rotateX(180deg) rotate(-160deg)}.contact .right{margin:19px 0 0}}@media(max-width:888px){.my .top nav .floatnavlogo{bottom:-36px;left:-45px}.my .top nav .logo{font-size:26px}.my .top nav .link a{font-size:17.1px;margin:2px 16px}.my .top nav .btn button{font-size:21px}.my .top .t{align-items:center;flex-direction:column;margin-top:45px}.my .top .t .left{margin:0;max-width:639px;width:98%}.my .top .t .left h1,.my .top .t .left h1 .scroll{font-size:42px}.my .top .t .left .bu{margin-top:32px}.my .top .t .left .bu a{font-size:18.2px}.my .top .t .right{margin:29px 0 0;max-width:424px;width:98%}.my .top .t .right .circle{height:115px;width:115px}.my .service{padding:45px 0}.my .service .hr{flex-wrap:wrap}.my .service .hr .item{margin:7px;min-width:324px}.my .service h1{font-size:30px}.my .service .hr .item i{font-size:51px}.my .service .hr .item h2{font-size:23px}.my .service .hr .item p{font-size:17.5px}.what .loader-letter{font-size:30px}.my .what{flex-direction:column-reverse;margin:51px 0}.what .text{margin:0 0 36px}.what .text h1{font-size:30px}.what .text p{font-size:17.2px}.what .text .lang i{font-size:55px}.about{margin:29px 0}.about .left .item{padding:9px 14px}.about .left .item i{font-size:32px;margin-right:10px}.about .left .item h2{font-size:18.2px}.about .right h1{font-size:30px}.about .right p{font-size:17px}.about .right .li{margin-top:24px}.about .right .li .ii h2{font-size:30px}.about .right .li .ii h2 i{font-size:23px}.about .right .li .ii span{font-size:14.5px}.proj{padding:9px 0}.proj h1{font-size:29px}.proj .i .item{margin:9px;width:351px}.proj .i .item span{font-size:14px}.proj .i .item h2{font-size:22px}.proj .i .item .bottom p{font-size:14px}.proj .i .item .bottom a{font-size:15px;padding:10px 29px}.contact .left h1{font-size:33px}.contact .left p{font-size:17.5px}.contact .left img{width:110px}.contact .right .item{padding:8px 0}.contact .right .item i{font-size:32px}.contact .right .item h2{font-size:20px}.contact .right .item h2 span{font-size:16px}}@media(max-width:777px){.my .top nav .floatnavlogo{bottom:-32px;left:-51px}.my .top nav .logo{font-size:25px}.my .top nav .link{background:#fff;background:var(--back);border-right:1px solid hsla(0,0%,47%,.162);flex-direction:column;height:100%;left:-391px;position:fixed;top:0;transition:.4s;width:232px;z-index:101}.my .top nav .link a{font-size:17.1px;margin:2px 16px;padding:7px;width:91%}.my .top nav .btn button{font-size:21px}.my .top nav .btn .menu{display:flex}.my .top .t{align-items:center;flex-direction:column;margin-top:45px}.my .top .t .left{margin:0;max-width:555px;width:98%}.my .top .t .left h1{font-size:39px}.my .top .t .left h1 .scroll{font-size:38px}.my .top .t .left .bu{margin-top:29px}.my .top .t .left .bu a{font-size:18px}.my .top .t .right{margin:29px 0 0;max-width:424px;width:98%}.my .top .t .right .circle{height:115px;width:115px}.my .service{padding:36px 0}.my .service .hr{flex-wrap:wrap}.my .service .hr .item{margin:6px;min-width:324px}.my .service h1{font-size:29px}.my .service .hr .item i{font-size:48px}.my .service .hr .item h2{font-size:22.5px}.my .service .hr .item p{font-size:17.2px}.what .loader-letter{font-size:30px}.my .what{flex-direction:column-reverse;margin:42px 0}.what .text{margin:0 0 36px}.what .text h1{font-size:29px}.what .text p{font-size:17px}.what .text .lang i{font-size:52px}.about{flex-direction:column-reverse;margin:19px 0}.about .left{margin-top:23px;width:89%}.about .left .item{padding:9px 14px}.about .left .item i{font-size:32px;margin-right:10px}.about .left .item h2{font-size:18px}.about .right h1{font-size:29px}.about .right p{font-size:17px}.about .right .li{margin-top:23px}.about .right .li .ii h2{font-size:29px}.about .right .li .ii h2 i{font-size:22px}.about .right .li .ii span{font-size:14.2px}.proj{padding:9px 0}.proj h1{font-size:27px}.proj .i .item{margin:8px;width:333px}.proj .i .item span{font-size:14px}.proj .i .item h2{font-size:21px}.proj .i .item .bottom p{font-size:14px}.proj .i .item .bottom a{font-size:15px;padding:9px 29px}}@media(max-width:515px){.my .top nav .floatnavlogo{bottom:-32px;left:-51px}.my .top nav .logo{font-size:25px}.my .top nav .link{background:#fff;background:var(--back);border-right:1px solid hsla(0,0%,47%,.162);flex-direction:column;height:100%;left:-391px;position:fixed;top:0;transition:.4s;width:232px;z-index:101}.my .top nav .link a{font-size:17.1px;margin:2px 16px;padding:7px;width:91%}.my .top nav .btn button{font-size:21px}.my .top nav .btn .menu{display:flex}.my .top .t{align-items:center;flex-direction:column;margin-top:45px}.my .top .t .left{margin:0;max-width:555px;width:98%}.my .top .t .left h1,.my .top .t .left h1 .scroll{font-size:34px}.my .top .t .left .bu{margin-top:29px}.my .top .t .left .bu a{font-size:18px}.my .top .t .right{margin:29px 0 0;max-width:424px;width:98%}.my .top .t .right .circle{height:115px;width:115px}.my .service{padding:36px 0}.my .service .hr{flex-wrap:wrap}.my .service .hr .item{margin:6px;min-width:324px}.my .service h1{font-size:29px}.my .service .hr .item i{font-size:48px}.my .service .hr .item h2{font-size:22.5px}.my .service .hr .item p{font-size:17.2px}.what .loader-letter{font-size:26px}.my .what{flex-direction:column-reverse;margin:42px 0}.what .text{margin:0 0 36px}.what .text h1{font-size:29px}.what .text p{font-size:17px}.what .text .lang i{font-size:52px}.about{flex-direction:column-reverse;margin:19px 0}.about .left{margin-top:23px;width:89%}.about .left .item{padding:9px 14px}.about .left .item i{font-size:32px;margin-right:10px}.about .left .item h2{font-size:18px}.about .right h1{font-size:29px}.about .right p{font-size:17px}.about .right .li{margin-top:23px}.about .right .li .ii h2{font-size:29px}.about .right .li .ii h2 i{font-size:22px}.about .right .li .ii span{font-size:14.2px}.proj{padding:9px 0}.proj h1{font-size:27px}.proj .i .item{margin:8px;width:333px}.proj .i .item span{font-size:14px}.proj .i .item h2{font-size:21px}.proj .i .item .bottom p{font-size:14px}.proj .i .item .bottom a{font-size:15px;padding:9px 29px}.contact .left h1{font-size:27px}.contact .left p{font-size:17px}.contact .left img{width:91px}.contact .right{gap:6px}.contact .right .item{padding:8px 0}.contact .right .item i{font-size:32px;margin-left:11px}.contact .right .item h2{font-size:18.5px;margin:0 7px}.contact .right .item h2 span{font-size:15.5px}}:root{--color:#333;--back:#fff;--theme:#ff4545}body{background:#fff1f1;margin:0}nav{background:#fff;background:var(--back);justify-content:space-between;margin:0 auto;max-width:1450px;padding:5px 0}nav,nav .left{align-items:center;display:flex}nav .left{margin-left:15px}nav .left button{background:none;border:none;color:#333;color:var(--color);cursor:pointer;display:flex;font-size:23px;outline:none;padding:4px}nav h1{color:#ff4545;color:var(--theme);font-size:29px;margin:5px 5px 5px 19px;white-space:nowrap}nav .inp{align-items:center;border:3px solid #ff4545;border:3px solid var(--theme);border-radius:51px;display:flex;margin:0 6px;max-width:591px;width:91%}nav .inp i{color:#ff4545;color:var(--theme);font-size:23px;margin:12px 5px 12px 12px}nav .inp input{background:none;border:none;color:#333;color:var(--color);font-size:19px;outline:none;padding:5px;width:100%}nav .acc{align-items:center;display:flex;margin-right:19px}nav .acc button{background:#ff4545;background:var(--theme);border:none;border-radius:51px;color:#fff;color:var(--back);cursor:pointer;font-size:16px;outline:none;padding:14px 24px;transform:scale(1);transition:.4s;white-space:nowrap}nav .acc button:active{transform:scale(.9)}nav .acc .profileimg{border:3px solid #ff4545;border:3px solid var(--theme);border-radius:50%;cursor:pointer;height:45px;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;width:45px}.body{align-items:flex-start;background:#fff;background:var(--back);display:flex;margin:0 auto;max-width:1450px;width:100%}.body .menu{display:flex;flex-direction:column;min-width:324px}.body .menu button{align-items:center;background:none;border:none;color:#333;color:var(--color);cursor:pointer;display:flex;outline:none;padding:9px 0;transform:scale(1);transition:.4s}.body .menu button:active{transform:scale(.9)}.body .menu button i{font-size:24px;margin:5px 5px 5px 15px}.body .menu button p{font-size:18px;margin:5px}.body .menu .active{background:#ff45451f;color:#ff4545;color:var(--theme)}.body .main{display:flex;flex-direction:column;width:100%}.body .main .toptitle{align-items:center;display:flex;justify-content:space-between}.body .main .toptitle h1{color:#ff4545;color:var(--theme);font-size:29px;margin:5px 9px}.body .main .toptitle span{align-items:center;border:2px solid #ff4545;border:2px solid var(--theme);border-radius:51px;color:#ff4545;color:var(--theme);display:flex;font-size:16px;margin-right:9px;padding:5px 15px}.body .main .toptitle span i{margin-right:5px}.body .main .booklist{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin:5px auto;width:98%}.body .main .booklist .item{border-radius:6px;border-bottom-right-radius:19px;border-top-right-radius:19px;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.body .main .booklist .item img{height:324px;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;width:100%}.body .main .booklist .item:hover .des{bottom:0}.body .main .booklist .item .des{background:linear-gradient(#0000 15%,#000);bottom:-60%;left:0;padding-top:51px;position:absolute;transition:.4s;width:100%}.body .main .booklist .item .des h3{color:#fff;font-size:24px;margin:2px 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.body .main .booklist .item .des p{color:#fff;font-size:19px;margin:2px 14px 9px}.searchinp{align-items:center;border:3px solid #ff4545;border:3px solid var(--theme);border-radius:51px;display:flex;display:none;margin:5px auto;max-width:591px;width:95%}.searchinp i{color:#ff4545;color:var(--theme);font-size:19px;margin:11px 5px 11px 11px}.searchinp input{background:none;border:none;color:#333;color:var(--color);font-size:18px;outline:none;padding:5px;width:100%}.bookmain{align-items:flex-start;display:flex;justify-content:space-evenly;margin:9px auto;max-width:1200px;width:100%}.bookmain .thumb{border-radius:9px;height:-webkit-max-content;height:max-content;margin-left:5px;margin-right:19px;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;width:263px}.bookmain .text{display:flex;flex-direction:column;width:98%}.bookmain .text h1{color:#ff4545;color:var(--theme);font-size:36px;margin:5px 9px}.bookmain .text .des{align-items:center;display:flex;margin:0 6px}.bookmain .text .des p{color:#333;color:var(--color);font-size:19px;margin:3px}.bookmain .text .des .dot{background:#333;background:var(--color);border-radius:50%;height:4px;margin:0 9px;width:4px}.bookmain .text .info{color:#333;color:var(--color);flex:1 1;font-size:19px;margin:19px 9px}.bookmain .text .price{color:#07b407;font-size:29px;margin:9px 9px 0}.bookmain .text .star{color:gold;font-size:36px;margin-bottom:15px;margin-left:9px}.bookmain .text .bar,.bookmain .text .star{align-items:center;display:flex}.bookmain .text .bar p{color:#333;color:var(--color);font-size:19px;margin:5px 9px}.bookmain .text .bar p:first-child{min-width:123px}.bookmain .text .btn{align-items:center;display:flex;margin-top:15px;-webkit-user-select:none;user-select:none}.bookmain .text .btn button{border-radius:51px;cursor:pointer;font-size:19px;outline:none;padding:10px 36px;transform:scale(1);transition:.4s}.bookmain .text .btn button:active{transform:scale(.9)}.bookmain .text .btn button:first-child{background:#ff4545;background:var(--theme);border:2px solid #ff4545;border:2px solid var(--theme);color:#fff;color:var(--back);margin-right:15px}.bookmain .text .btn button:nth-child(2){margin-right:14px}.bookmain .text .btn button:nth-child(2),.bookmain .text .btn button:nth-child(3){background:none;border:2px solid #ff4545;border:2px solid var(--theme);color:#ff4545;color:var(--theme)}.bookmain .text .topic{color:#333;color:var(--color);font-size:26px;margin:55px 9px 9px}.bookmain .text .topiccontent{background:#fff;background:var(--back);border-radius:9px;display:flex;flex-direction:column;margin:0 auto;padding-bottom:5px;width:98%}.bookmain .text .topiccontent h4{color:#333;color:var(--color);font-size:24px;margin:15px 16px 5px}.bookmain .text .topiccontent ol{color:#333;color:var(--color);font-size:22px;margin:5px 14px}.bookmain .text .topiccontent hr{border:none;border-top:2px dashed gray;margin:15px auto;width:91%}.pop .downdiv{background:#fff;background:var(--back);border:1px solid #8080806b;border-radius:19px;display:flex;flex-direction:column;max-width:591px;position:relative;width:96%}.pop .downdiv .close{align-items:center;background:none;border:none;color:#333;color:var(--color);cursor:pointer;display:flex;font-size:22px;outline:none;padding:5px;position:absolute;right:14px;top:12px}.pop .downdiv h1{color:#ff4545;color:var(--theme);font-size:26px;margin:14px 14px 5px}.pop .downdiv .des{margin:0 14px 9px}.pop .downdiv .des,.pop .downdiv label{color:#333;color:var(--color);font-size:19px}.pop .downdiv label{align-items:center;cursor:pointer;display:flex;margin:5px 14px 0;-webkit-user-select:none;user-select:none}.pop .downdiv input{background:#fff;background:var(--back);border:1px solid #8080806b;border-radius:9px;color:#333;color:var(--color);font-size:19px;margin:0 14px;outline:none;padding:9px 11px}.pop .downdiv input:focus{border-color:#ff4545;border-color:var(--theme);outline:1px solid #ff4545;outline:1px solid var(--theme)}.pop .downdiv .submit{align-items:center;background:#ff4545;background:var(--theme);border:none;border-radius:9px;color:#fff;color:var(--back);cursor:pointer;display:flex;font-size:16px;height:51px;justify-content:center;margin:9px 14px 12px;outline:none;transform:scale(1);transition:.4s}.pop .downdiv .submit:active{transform:scale(.9)}.pop .downdiv .submit .whiteload{animation:loading 1s infinite;border:4px solid #fff;border-radius:50%;border-top-color:#0000;height:26px;margin-right:9px;width:26px}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pop .downdiv .googlesignin{align-items:center;background:#fff;background:var(--back);border:1px solid #8080806b;border-radius:9px;cursor:pointer;display:flex;justify-content:center;margin:15px auto 23px;outline:none;padding:10px 36px;transform:scale(1);transition:.4s;width:-webkit-max-content;width:max-content}.pop .downdiv .googlesignin:active{transform:scale(.9)}.pop .downdiv .googlesignin img{margin-right:9px;object-fit:contain;object-position:center;width:33px}.pop .downdiv .googlesignin span{color:#333;color:var(--color);font-size:16px;margin:0}.pop .downdiv .citem{align-items:center;display:flex;margin:9px auto;width:91%}.pop .downdiv .citem img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;width:78px}.pop .downdiv .citem .text{display:flex;flex-direction:column;margin-left:15px}.pop .downdiv .citem .text h2{color:#333;color:var(--color);font-size:23px;margin:1px}.pop .downdiv .citem .text p{color:#333;color:var(--color);font-size:16px;margin:1px}.pop .downdiv ul{color:#333;color:var(--color);font-size:19px;margin:5px auto;padding:0;width:89%}.pop .downdiv label input{height:19px;margin:2px 5px;width:19px}.pop .downdiv select{background:none;border:1px solid #8080806b;border-radius:6px;color:#333;color:var(--color);cursor:pointer;font-size:19px;margin:0 15px;padding:8px}.booktop{justify-content:space-between;margin:9px auto;max-width:1450px;width:100%}.booktop,.booktop .search{align-items:center;display:flex}.booktop .search{background:#fff;background:var(--back);border:1px solid #8080806b;border-radius:51px;margin-left:14px;max-width:423px;overflow:hidden;width:91%}.booktop .search i{margin-left:14px}.booktop .search i,.booktop .search input{color:#333;color:var(--color);font-size:19px}.booktop .search input{background:none;border:none;margin:3px 0;outline:none;padding:4px 7px;width:100%}.booktop .btn{align-items:center;display:flex;margin-right:14px}.booktop .btn h1{color:#ff4545;color:var(--theme);font-size:24px;margin:3px 9px 3px 3px}.booktop .btn button{background:none;border:none;color:#333;color:var(--color);cursor:pointer;display:flex;font-size:23px;margin:0 9px;outline:none;padding:4px}.booknav{margin:3px auto;max-width:1450px;overflow-x:scroll;width:100%}.booknav::-webkit-scrollbar{display:none}.booknav button{background:#ff4545;background:var(--theme);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;outline:none;padding:10px 15px;transform:scale(1);transition:.4s}.booknav button:active{transform:scale(.9)}.loadbar{border-radius:9px;height:6px;margin:5px auto;overflow:hidden;position:relative;width:99%}.loadbar:before{animation:loadbar 2s infinite;background:#ff4545;background:var(--theme);border-radius:9px;bottom:0;content:"";height:100%;left:0;position:absolute;width:20%}@keyframes loadbar{0%,to{left:-10%}50%{left:90%}}.booktableover{margin:9px auto;max-width:1450px;overflow-x:scroll;width:100%}.booktableover table{background:#fff;background:var(--back);width:100%}.booktableover table th{background:#ff4545;background:var(--theme);color:#fff;font-size:19px;padding:11px 0}.booktableover table td{color:#333;color:var(--color);font-size:18px;padding:9px 0;text-align:center}.booktableover table td span{border:2px solid #ff4545;border:2px solid var(--theme);border-radius:6px;color:#ff4545;color:var(--theme);font-size:17px;padding:1px 8px}.booktableover table td .buttons{align-items:center;display:flex;justify-content:center}.booktableover table td .buttons button{background:none;border:none;color:#333;color:var(--color);cursor:pointer;display:flex;font-size:19px;outline:none;padding:5px}.booktableover table tr:nth-child(2n){background:#ff45451f}.proback{align-items:flex-start;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000;display:flex;display:none;justify-content:right;right:0;width:100%;z-index:1}.proback,.prodiv{height:100%;position:fixed;top:0}.prodiv{align-items:center;background:#fff;background:var(--back);border-left:1px solid #8080806b;display:flex;flex-direction:column;right:-423px;transition:.4s;width:324px;z-index:2}.prodiv .proimg{border-radius:15px;margin:14px auto 5px;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;width:42%}.prodiv .proname{color:#333;color:var(--color);font-size:26px;margin:5px}.prodiv .item{align-items:center;border:1px solid hsla(0,0%,50%,.185);display:flex;margin:2px auto;width:96%}.prodiv .item i{display:flex;font-size:23px;padding:9px}.prodiv .item p{text-wrap:wrap;color:#333;color:var(--color);font-size:17px;margin:2px 11px;white-space:wrap;word-break:break-all}.prodiv .logout{align-items:center;background:#ff4545;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;margin-top:9px;outline:none;padding:6px 19px;transform:scale(1);transition:.4s}.prodiv .logout:active{transform:scale(.9)}.prodiv .logout i{font-size:22px;margin-right:5px}.prodiv .logout span{font-size:16px;margin:2px}@media(max-width:1295px){.body .menu{min-width:291px}.body .main .booklist .item img{height:291px}}@media(max-width:1159px){.body .main .booklist{grid-template-columns:repeat(3,1fr)}}@media(max-width:1020px){nav h1{font-size:27px}nav .inp i{margin:11px 5px 11px 11px}nav .acc button{padding:12.9px 23px}nav .acc .profileimg{height:44px;width:44px}.body{flex-direction:column}.body .menu{flex-direction:row;overflow-x:scroll}.body .menu::-webkit-scrollbar{display:none}.body .menu button{border-radius:9px;padding:8px 15px 8px 0}.body .menu button i{font-size:23px}.body .menu button p{font-size:17px}.body .main .toptitle h1{font-size:28px}.body .main .booklist{grid-template-columns:repeat(4,1fr)}.body .main .booklist .item .des h3{font-size:21px}.bookmain .thumb{width:230px}.bookmain .text h1{font-size:32px}.bookmain .text .des p{font-size:18px}.bookmain .text .des .dot{margin:0 8px}.bookmain .text .price{font-size:27px;font-size:26px}.bookmain .text .info{font-size:18px;margin:16px 9px}.bookmain .text .star{font-size:35px}.bookmain .text .bar p,.bookmain .text .btn button{font-size:18px}.bookmain .text .topic{font-size:24px}.bookmain .text .topiccontent h4{font-size:22px}.bookmain .text .topiccontent ol{font-size:21px}}@media(max-width:849px){nav h1{font-size:26px}nav .inp i{margin:10px 5px 10px 10px}nav .acc button{font-size:15px;padding:12.9px 23px}nav .acc .profileimg{height:42px;width:42px}.body .menu button{border-radius:9px;padding:7px 15px 7px 0}.body .menu button i{font-size:22px}.body .menu button p{font-size:16px}.body .main .toptitle h1{font-size:26px}.body .main .booklist{grid-template-columns:repeat(3,1fr)}.bookmain .thumb{margin-right:14px;width:199px}.bookmain .text h1{font-size:29px}.bookmain .text .des p{font-size:17px}.bookmain .text .des .dot{margin:0 7px}.bookmain .text .info{font-size:17px;margin:15px 9px}.bookmain .text .star{font-size:33px}.bookmain .text .bar p,.bookmain .text .btn button{font-size:17px}.bookmain .text .topic{font-size:23px}.bookmain .text .topiccontent h4{font-size:21px}.bookmain .text .topiccontent ol{font-size:19px}}@media(max-width:669px){.body .main .booklist{grid-template-columns:repeat(2,1fr)}.body .main .booklist .item img{height:369px}.bookmain{align-items:center;flex-direction:column}.bookmain .thumb{width:187px}.bookmain .text h1{font-size:29px}.bookmain .text .des p{font-size:17px}.bookmain .text .des .dot{margin:0 7px}.bookmain .text .info{font-size:17px;margin:15px 9px}.bookmain .text .star{font-size:33px}.bookmain .text .bar p,.bookmain .text .btn button{font-size:17px}.bookmain .text .topic{font-size:23px}.bookmain .text .topiccontent h4{font-size:21px}.bookmain .text .topiccontent ol{font-size:19px}}@media(max-width:500px){nav h1{font-size:23px;margin-left:14px}nav .inp{display:none}nav .acc{margin-right:12px}nav .acc button{font-size:14px;padding:10px 22px}nav .acc .profileimg{height:39px;width:39px}.body .menu button{border-radius:9px;padding:5px 10px 5px 0}.body .menu button i{font-size:20px;margin-left:11px;margin-right:0}.body .menu button p{font-size:16px}.body .main .toptitle h1{font-size:23px}.body .main .booklist{gap:9px}.body .main .booklist .item img{height:324px}.body .main .booklist .item .des h3{font-size:20px}.searchinp{display:flex}.bookmain .thumb{width:151px}.bookmain .text h1{font-size:24px}.bookmain .text .des p{font-size:15px}.bookmain .text .des .dot{margin:0 6px}.bookmain .text .price{font-size:23px}.bookmain .text .info{font-size:15px;margin:15px 9px}.bookmain .text .star{font-size:29px}.bookmain .text .bar p{font-size:15px}.bookmain .text .bar p:first-child{min-width:99px}.bookmain .text .btn button{font-size:15px}.bookmain .text .btn button:first-child{margin-right:9px}.bookmain .text .topic{font-size:20px;margin-top:39px}.bookmain .text .topiccontent h4{font-size:19px}.bookmain .text .topiccontent ol{font-size:15px}.prodiv{width:315px}.prodiv .proimg{width:39%}.prodiv .proname{font-size:23px}.prodiv .item i{font-size:22px}.prodiv .item p{font-size:15px}.prodiv .logout i{font-size:20px}.prodiv .logout span{font-size:15px}}@media(max-width:429px){.body .main .booklist .item img{height:278px}.body .main .booklist .item .des h3{font-size:19px}.bookmain .thumb{width:136px}}@media(max-width:362px){.body .main .booklist .item img{height:232px}}