.book-detail-main>.book-content>.container>.book-intro{align-items:center;display:flex;flex-direction:column}@keyframes bookdetailWave{50%{height:120px;left:0;opacity:1;top:-44px;width:120px}to{height:120px;left:0;opacity:0;top:-44px;width:120px}}.book-detail-main>.book-content>.container>.book-read{display:flex;justify-content:center}.book-detail-main>.book-content>.container>.book-read>a{background-color:#3dcfd6;border-radius:3px;color:#fff;display:block;height:32px;line-height:32px;overflow:hidden;position:relative;text-align:center;width:120px}.book-detail-main>.book-content>.container>.book-read>a:hover:before{animation-duration:.6s;animation-name:bookdetailWave;animation-timing-function:linear}.book-detail-main>.book-content>.container>.book-read>a:before{background:-webkit-radial-gradient(center,transparent,#41ebdb);border-radius:50%;content:"";height:0;left:50%;opacity:1;position:absolute;top:50%;transition:all .2s ease-in-out;width:0}.book-detail-main>.book-content>.container>.book-read>a>span{position:relative;z-index:10}@keyframes bookdetail-wave{50%{height:120px;left:0;opacity:1;top:-44px;width:120px}to{height:120px;left:0;opacity:0;top:-44px;width:120px}}.book-detail-main>.book-content>.container>.book-resource{display:flex;justify-content:center}.book-detail-main>.book-content>.container>.book-resource>a{background-color:#3dcfd6;border-radius:3px;color:#fff;display:block;height:32px;line-height:32px;overflow:hidden;position:relative;text-align:center;width:120px}.book-detail-main>.book-content>.container>.book-resource>a:hover:before{animation-duration:.6s;animation-name:bookdetail-wave;animation-timing-function:linear}.book-detail-main>.book-content>.container>.book-resource>a:before{background:-webkit-radial-gradient(center,transparent,#41ebdb);border-radius:50%;content:"";height:0;left:50%;opacity:1;position:absolute;top:50%;transition:all .2s ease-in-out;width:0}.book-detail-main>.book-content>.container>.book-resource>a>span{position:relative;z-index:10}.book-detail-main>.book-content>.container>.book-service{align-items:center;display:flex;flex-direction:column}.book-detail-main>.book-content>.container>.book-buy{align-items:center;display:flex;flex-direction:column}.book-detail-main>.book-content>.container>.book-buy>ul{display:flex;justify-content:space-between;margin-top:50px;width:90%}.book-detail-main>.book-content>.container>.book-buy>ul>li>i{color:#f77;display:block;font-size:40px;margin-bottom:10px;text-align:center}.book-detail-main>.book-content>.container>.book-buy>ul>li>a{background-color:#3ed3da;border-radius:3px;color:#fff;display:block;font-size:14px;height:28px;line-height:28px;overflow:hidden;position:relative;text-align:center;width:90px}.book-detail-main>.book-content>.container>.book-buy>ul>li>a:hover:before{animation-duration:.6s;animation-name:wave;animation-timing-function:linear}.book-detail-main>.book-content>.container>.book-buy>ul>li>a:before{background:-webkit-radial-gradient(center,transparent,#51bbba);border-radius:50%;content:"";height:0;left:50%;opacity:1;position:absolute;top:50%;transition:all .2s ease-in-out;width:0}.book-detail-main>.book-content>.container>.book-buy>ul>li>a>span{position:relative;z-index:10}@media screen and (min-width:576px){.book-detail-main>.book-content>.container>.book-buy>ul{width:80%}}@media screen and (min-width:820px){.book-detail-main>.book-content>.container>.book-buy>ul{width:600px}.book-detail-main>.book-content>.container>.book-buy>ul>li>i{font-size:50px}.book-detail-main>.book-content>.container>.book-buy>ul>li>a{font-size:16px;height:32px;line-height:32px;width:120px}}:root{--bookdetail-header-bg:linear-gradient(to bottom right,#43d497,#11c2fc);--bookdetail-header-h1-bg:linear-gradient(90deg,#fff,#fff);--bookdetail-header-h1-before-bg:#fff;--bookdetail-header-h1-after-bg:#fff;--bookdetail-header-active-text:#fff;--bookdetail-header-circle-border:hsla(0,0%,100%,.5);--bookdetail-main-bg:#f4f7f9;--bookdetail-main-h2-bg:linear-gradient(90deg,#10b6ed,#8ce3ff);--bookdetail-main-h2-triangle-bg:#f2f4f8;--bookdetail-main-p-quote-text:#f45252}html[data-theme=dark]{--bookdetail-header-bg:#181b21;--bookdetail-header-h1-bg:linear-gradient(90deg,#1ca5ed,#12d2af);--bookdetail-header-h1-before-bg:#1ca5ed;--bookdetail-header-h1-after-bg:#12d2af;--bookdetail-header-active-text:#3ed3da;--bookdetail-header-circle-border:rgba(62,211,218,.8);--bookdetail-main-bg:#323740;--bookdetail-main-h2-bg:linear-gradient(90deg,#529de0,#68bfb5);--bookdetail-main-h2-triangle-bg:#323740;--bookdetail-main-p-quote-text:#3ed3da}@keyframes bookdetailCloud{0%{right:-200px}to{right:1600px}}@keyframes bookdetailCircle{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.book-detail-main>.book-header{background:var(--bookdetail-header-bg);display:flex;justify-content:center;overflow:hidden;padding:50px 0 40px;position:relative}.book-detail-main>.book-header>.container{text-align:center;width:90%}.book-detail-main>.book-header>.container>.title{font-family:PingFang SC,Heiti SC,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif}.book-detail-main>.book-header>.container>.title>h1{-webkit-background-clip:text;background-image:var(--bookdetail-header-h1-bg);display:inline-block;font-size:24px;height:60px;line-height:60px;-webkit-text-fill-color:transparent}.book-detail-main>.book-header>.container>.title>p{color:var(--text-white-white);font-size:14px;font-weight:lighter;margin-top:0}.book-detail-main>.book-header>.container>.menu{display:flex;justify-content:space-between;margin-top:50px}.book-detail-main>.book-header>.container>.menu>li{cursor:pointer;height:50px;position:relative;transition:all .15s linear;width:50px}.book-detail-main>.book-header>.container>.menu>li>div:first-child{margin-bottom:2px}.book-detail-main>.book-header>.container>.menu>li>div:first-child>i{color:var(--text-silver-silver);font-size:24px;transition:all .15s linear}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(2){color:var(--text-white-white);font-size:12px;font-weight:lighter;transition:all .15s linear}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3){opacity:0;transition:all .2s linear}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3)>i{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:bookdetailCircle;animation-timing-function:linear;height:70px;left:-11px;position:absolute;top:-11px;width:70px}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3)>i:first-child{border-color:var(--bookdetail-header-circle-border) var(--bookdetail-header-circle-border) transparent transparent;border-radius:50px;border-style:solid;border-width:2px 0 0 2px}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3)>i:first-child:before{background-color:var(--bookdetail-header-circle-border);border-radius:4px;content:"";height:6px;left:6px;position:absolute;top:6px;width:6px}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3)>i:nth-child(2){border-color:transparent transparent var(--bookdetail-header-circle-border) var(--bookdetail-header-circle-border);border-radius:50px;border-style:solid;border-width:0 2px 2px 0}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3)>i:nth-child(2):before{background-color:var(--bookdetail-header-circle-border);border-radius:4px;bottom:6px;content:"";height:6px;position:absolute;right:6px;width:6px}.book-detail-main>.book-header>.container>.menu .active>div:first-child>i,.book-detail-main>.book-header>.container>.menu .active>div:nth-child(2){color:var(--bookdetail-header-active-text)}.book-detail-main>.book-header>.container>.menu .active>div:nth-child(3){opacity:1}.book-detail-main>.book-header>.animation-bg>i{animation-iteration-count:infinite;animation-name:bookdetailCloud;animation-timing-function:linear;background-color:var(--bg-white-black3);border-radius:200px;display:block;height:60px;opacity:.12;position:absolute;right:-200px;transform:scale(.5);width:200px}.book-detail-main>.book-header>.animation-bg>i:before{background-color:var(--bg-white-black3);border-radius:100px;content:"";height:80px;left:10px;position:absolute;top:-15px;transform:rotate(30deg);width:100px}.book-detail-main>.book-header>.animation-bg>i:after{background-color:var(--bg-white-black3);border-radius:120px;content:"";height:120px;left:65px;position:absolute;top:-55px;transform:rotate(30deg);width:120px}.book-detail-main>.book-header>.animation-bg>i:first-child{top:20px}.book-detail-main>.book-header>.animation-bg>i:nth-child(2){top:75px}.book-detail-main>.book-header>.animation-bg>i:nth-child(3){top:130px}.book-detail-main>.book-header>.animation-bg>i:nth-child(4){top:185px}.book-detail-main>.book-header>.animation-bg>i:nth-child(5){top:240px}.book-detail-main>.book-header>.animation-bg>i:nth-child(6){top:295px}.book-detail-main>.book-content{background-color:var(--bookdetail-main-bg);display:flex;justify-content:center;padding:60px 0}.book-detail-main>.book-content>.container{width:85%}.book-detail-main>.book-content>.container>div>h2{background:var(--bookdetail-main-h2-bg);color:var(--text-white-white);font-size:20px;height:32px;line-height:32px;position:relative;text-align:center;width:250px}.book-detail-main>.book-content>.container>div>h2:before{border-color:transparent transparent transparent var(--bookdetail-main-h2-triangle-bg);border-style:solid;border-width:16px;content:"";height:0;left:0;position:absolute;top:0;width:0}.book-detail-main>.book-content>.container>div>h2:after{border-color:transparent var(--bookdetail-main-h2-triangle-bg) transparent transparent;border-style:solid;border-width:16px;content:"";height:0;position:absolute;right:0;top:0;width:0}.book-detail-main>.book-content>.container>div>p{border-radius:5px;margin-top:40px}.book-detail-main>.book-content>.container>div>p>img{width:100%}.book-detail-main>.book-content>.container>div>p.quote{background-color:var(--bg-white-black2);box-shadow:0 0 5px #1c1f2114;color:var(--text-gray-silver);line-height:28px;padding:16px 25px 18px 28px;position:relative;text-align:left;width:100%}.book-detail-main>.book-content>.container>div>p.quote:before{color:var(--bookdetail-main-p-quote-text);content:"";font-size:15px;height:14px;left:5px;position:absolute;top:0;width:14px}.book-detail-main>.book-content>.container>div>p.quote:after{bottom:20px;color:var(--bookdetail-main-p-quote-text);content:"";font-size:15px;height:14px;position:absolute;right:8px;width:14px}.book-detail-main>.book-content>.container>div>p.quote>a{color:#37f;display:inline-block;overflow:hidden;position:relative;text-indent:0;vertical-align:top}.book-detail-main>.book-content>.container>div>p.quote>a:hover span{transform:translateY(-100%)}.book-detail-main>.book-content>.container>div>p.quote>a>span{display:inline-block;position:relative;text-indent:0;transition:all .2s ease}.book-detail-main>.book-content>.container>div>p.quote>a>span:before{color:var(--bookdetail-main-p-quote-text);content:attr(data-hover);left:0;position:absolute;top:100%}@media screen and (min-width:576px){.book-detail-main>.book-header{padding:60px 0 40px}.book-detail-main>.book-header>.container{width:70%}.book-detail-main>.book-header>.container>.title>h1{font-size:26px;position:relative;z-index:10}.book-detail-main>.book-header>.container>.title>h1:before{background-image:linear-gradient(to left,var(--bookdetail-header-h1-before-bg),transparent);content:"";height:2px;left:-120px;position:absolute;top:29px;width:100px}.book-detail-main>.book-header>.container>.title>h1:after{background-image:linear-gradient(to right,var(--bookdetail-header-h1-after-bg),transparent);content:"";height:2px;position:absolute;right:-120px;top:29px;width:100px}.book-detail-main>.book-header>.container>.title>p{font-size:16px;margin-top:20px}.book-detail-main>.book-header>.container>.menu{margin-top:100px}.book-detail-main>.book-header>.container>.menu>li{height:60px;width:60px}.book-detail-main>.book-header>.container>.menu>li>div:first-child>i{font-size:30px}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(2){font-size:14px}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3)>i{height:90px;left:-15px;top:-15px;width:90px}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3)>i:first-child:before{left:7px;top:11px}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3)>i:nth-child(2):before{bottom:11px;right:7px}.book-detail-main>.book-content{padding:80px 0}.book-detail-main>.book-content>.container{width:80%}.book-detail-main>.book-content>.container>div>h2{width:320px}.book-detail-main>.book-content>.container>div>p.quote{line-height:36px;padding:16px 25px 18px 32px}}@media screen and (min-width:820px){.book-detail-main>.book-content>.container>div>p>img{width:auto}}@media screen and (min-width:992px){.book-detail-main>.book-content>.container{width:80%}}@media screen and (min-width:1200px){.book-detail-main>.book-content>.container,.book-detail-main>.book-header>.container{width:800px}}