.book-detail-main>.book-content>.container>.book-intro{display:flex;flex-direction:column;align-items:center}@keyframes bookdetailWave{50%{width:120px;height:120px;top:-44px;left:0;opacity:1}to{width:120px;height:120px;top:-44px;left:0;opacity:0}}.book-detail-main>.book-content>.container>.book-read{display:flex;justify-content:center}.book-detail-main>.book-content>.container>.book-read>a{position:relative;display:block;overflow:hidden;width:120px;height:32px;border-radius:3px;line-height:32px;text-align:center;color:#fff;background-color:#3dcfd6}.book-detail-main>.book-content>.container>.book-read>a:hover:before{animation-name:bookdetailWave;animation-duration:.6s;animation-timing-function:linear}.book-detail-main>.book-content>.container>.book-read>a:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:-webkit-radial-gradient(center,transparent,#41ebdb);opacity:1;transition:all .2s ease-in-out}.book-detail-main>.book-content>.container>.book-read>a>span{position:relative;z-index:10}@keyframes bookdetail-wave{50%{width:120px;height:120px;top:-44px;left:0;opacity:1}to{width:120px;height:120px;top:-44px;left:0;opacity:0}}.book-detail-main>.book-content>.container>.book-resource{display:flex;justify-content:center}.book-detail-main>.book-content>.container>.book-resource>a{position:relative;display:block;overflow:hidden;width:120px;height:32px;border-radius:3px;line-height:32px;text-align:center;color:#fff;background-color:#3dcfd6}.book-detail-main>.book-content>.container>.book-resource>a:hover:before{animation-name:bookdetail-wave;animation-duration:.6s;animation-timing-function:linear}.book-detail-main>.book-content>.container>.book-resource>a:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:-webkit-radial-gradient(center,transparent,#41ebdb);opacity:1;transition:all .2s ease-in-out}.book-detail-main>.book-content>.container>.book-resource>a>span{position:relative;z-index:10}.book-detail-main>.book-content>.container>.book-service{display:flex;flex-direction:column;align-items:center}.book-detail-main>.book-content>.container>.book-buy{display:flex;flex-direction:column;align-items:center}.book-detail-main>.book-content>.container>.book-buy>ul{display:flex;justify-content:space-between;width:90%;margin-top:50px}.book-detail-main>.book-content>.container>.book-buy>ul>li>i{display:block;margin-bottom:10px;font-size:40px;color:#f77;text-align:center}.book-detail-main>.book-content>.container>.book-buy>ul>li>a{position:relative;display:block;overflow:hidden;width:90px;height:28px;line-height:28px;font-size:14px;text-align:center;color:#fff;border-radius:3px;background-color:#3ed3da}.book-detail-main>.book-content>.container>.book-buy>ul>li>a:hover:before{animation-name:wave;animation-duration:.6s;animation-timing-function:linear}.book-detail-main>.book-content>.container>.book-buy>ul>li>a:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:-webkit-radial-gradient(center,transparent,#51bbba);opacity:1;transition:all .2s ease-in-out}.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{width:120px;height:32px;line-height:32px;font-size:16px}}@keyframes bookdetailCloud{0%{right:-200px}to{right:1600px}}@keyframes bookdetailCircle{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.book-detail-main>.book-header{display:flex;justify-content:center;overflow:hidden;position:relative;padding:50px 0 40px;background:var(--bookdetail-header-bg)}.book-detail-main>.book-header>.container{width:90%;text-align:center}.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{display:inline-block;height:60px;line-height:60px;font-size:24px;background-image:var(--bookdetail-header-h1-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.book-detail-main>.book-header>.container>.title>p{margin-top:0;font-size:14px;font-weight:lighter;color:var(--text-white-white)}.book-detail-main>.book-header>.container>.menu{display:flex;justify-content:space-between;margin-top:50px}.book-detail-main>.book-header>.container>.menu>li{position:relative;width:50px;height:50px;cursor:pointer;transition:all .15s linear}.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{font-size:24px;color:var(--text-silver-silver);transition:all .15s linear}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(2){font-size:12px;color:var(--text-white-white);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{position:absolute;top:-11px;left:-11px;width:70px;height:70px;animation-name:bookdetailCircle;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3)>i:first-child{border-width:2px 0 0 2px;border-style:solid;border-color:var(--bookdetail-header-circle-border) var(--bookdetail-header-circle-border) transparent transparent;border-radius:50px}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3)>i:first-child:before{content:"";position:absolute;top:6px;left:6px;width:6px;height:6px;border-radius:4px;background-color:var(--bookdetail-header-circle-border)}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3)>i:nth-child(2){border-width:0 2px 2px 0;border-style:solid;border-color:transparent transparent var(--bookdetail-header-circle-border) var(--bookdetail-header-circle-border);border-radius:50px}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3)>i:nth-child(2):before{content:"";position:absolute;bottom:6px;right:6px;width:6px;height:6px;border-radius:4px;background-color:var(--bookdetail-header-circle-border)}.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{position:absolute;right:-200px;display:block;width:200px;height:60px;border-radius:200px;background-color:var(--bg-white-black3);opacity:.12;transform:scale(.5);animation-name:bookdetailCloud;animation-timing-function:linear;animation-iteration-count:infinite}.book-detail-main>.book-header>.animation-bg>i:before{content:"";position:absolute;top:-15px;left:10px;width:100px;height:80px;border-radius:100px;background-color:var(--bg-white-black3);transform:rotate(30deg)}.book-detail-main>.book-header>.animation-bg>i:after{content:"";position:absolute;top:-55px;left:65px;width:120px;height:120px;border-radius:120px;background-color:var(--bg-white-black3);transform:rotate(30deg)}.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{display:flex;justify-content:center;padding:60px 0;background-color:var(--bookdetail-main-bg)}.book-detail-main>.book-content>.container{width:85%}.book-detail-main>.book-content>.container>div>h2{position:relative;width:250px;height:32px;line-height:32px;text-align:center;font-size:20px;color:var(--text-white-white);background:var(--bookdetail-main-h2-bg)}.book-detail-main>.book-content>.container>div>h2:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-width:16px;border-style:solid;border-color:transparent transparent transparent var(--bookdetail-main-h2-triangle-bg)}.book-detail-main>.book-content>.container>div>h2:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-width:16px;border-style:solid;border-color:transparent var(--bookdetail-main-h2-triangle-bg) transparent transparent}.book-detail-main>.book-content>.container>div>p{margin-top:40px;border-radius:5px}.book-detail-main>.book-content>.container>div>p>img{width:100%}.book-detail-main>.book-content>.container>div>p.quote{position:relative;padding:16px 25px 18px 28px;line-height:28px;text-align:left;width:100%;color:var(--text-gray-silver);background-color:var(--bg-white-black2);box-shadow:0 0 5px #1c1f2114}.book-detail-main>.book-content>.container>div>p.quote:before{content:"";position:absolute;top:0;left:5px;width:14px;height:14px;font-size:15px;color:var(--bookdetail-main-p-quote-text)}.book-detail-main>.book-content>.container>div>p.quote:after{content:"";position:absolute;bottom:20px;right:8px;width:14px;height:14px;font-size:15px;color:var(--bookdetail-main-p-quote-text)}.book-detail-main>.book-content>.container>div>p.quote>a{display:inline-block;position:relative;overflow:hidden;color:#37f;vertical-align:top;text-indent:0}.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{position:relative;display:inline-block;text-indent:0;transition:all .2s ease}.book-detail-main>.book-content>.container>div>p.quote>a>span:before{content:attr(data-hover);position:absolute;top:100%;left:0;color:var(--bookdetail-main-p-quote-text)}@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{z-index:10;position:relative;font-size:26px}.book-detail-main>.book-header>.container>.title>h1:before{content:"";position:absolute;top:29px;left:-120px;width:100px;height:2px;background-image:linear-gradient(to left,var(--bookdetail-header-h1-before-bg),transparent)}.book-detail-main>.book-header>.container>.title>h1:after{content:"";position:absolute;top:29px;right:-120px;width:100px;height:2px;background-image:linear-gradient(to right,var(--bookdetail-header-h1-after-bg),transparent)}.book-detail-main>.book-header>.container>.title>p{margin-top:20px;font-size:16px}.book-detail-main>.book-header>.container>.menu{margin-top:100px}.book-detail-main>.book-header>.container>.menu>li{width:60px;height: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{top:-15px;left:-15px;width:90px;height:90px}.book-detail-main>.book-header>.container>.menu>li>div:nth-child(3)>i:first-child:before{top:11px;left:7px}.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}}