.zd-body:after{height:0}
.top-box{padding-bottom:3.2rem;background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.top-content{margin-bottom:2.4rem;padding-top:20.8%}

.top-icon-nav{max-width:25%}

.top-icon-box{margin-bottom:2rem}
.top-icon{margin-left:auto;margin-right:auto;margin-bottom:0.7rem;width:2.4rem;height:2.4rem}
.top-join{margin-bottom:2.4rem}
.top-join-club-box{margin-bottom:2rem}
.top-join-club-icon{margin-left:0.4rem}
.top-join-club-list-wrap{padding-left:100%;padding-top:10.13333%}
.top-swiper-box{padding-left:15px}
.top-swiper-box .swiper-slide{width:29.44444%}
.top-swiper-box .swiper-slide:last-child{margin-right:15px}

.list-title-image{height:1.8rem}

.list-title{margin-bottom:2rem}
.list-title-left-icon{margin-right:1rem;width:1.8rem;height:1.8rem}
.list-title-right-icon{margin-left:0.4rem}

.list-1-box{border-top-width:8px;border-top-style:solid;padding-top:2.5rem;padding-bottom:1.5rem}
.list-1-nav-box{border-bottom-width:1px;border-bottom-style:solid}
.list-1-nav{margin-right:2rem;padding-bottom:1rem;cursor:pointer}
.list-1-nav:last-child{margin-right:0}
.list-1-nav-active:after{content:"\20";position:absolute;bottom:0;left:50%;width:1.6rem;height:0.3rem;background-color:#de0422;border-radius:3px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}

.list-1-content-box{padding-top:1.5rem;padding-bottom:1.5rem;height:7rem;border-bottom-width:1px;border-bottom-style:solid}
.list-1-content-box:last-child{border-bottom:none}
.list-1-content-name{left:0;bottom:0;max-width:calc(100% - 11rem);white-space:nowrap}
.list-1-content-author-box{max-width:70%}
.list-1-content-author{margin-right:1rem;max-width:70%}
.list-1-content-image-box{margin-left:2rem;width:9rem;height:7rem;border-radius:2px}

.list-2-box{border-top-width:8px;border-top-style:solid;padding-top:2.5rem;padding-bottom:0.6rem}
.list-2-nav{margin-right:1.4rem;padding:0.6rem 1.4rem;border-radius:20px;cursor:pointer}
.list-2-swiper-box{margin-left:15px}
.list-2-content-box{margin-top:2.4rem;margin-bottom:2.4rem;height:6.4rem}
.list-2-content-image-box{margin-right:1.4rem;width:6.4rem;height:6.4rem;border-radius:4px}
.list-2-content-name{bottom:0}
.list-2-content-name-icon{margin-left:0.4rem;margin-right:0.4rem}
.list-2-swiper-box .swiper-slide{width:81.38889%}
.list-2-swiper-box .swiper-slide:last-child{margin-right:15px}

.list-3-box{border-top-width:8px;border-top-style:solid;padding-top:2.5rem;padding-bottom:0.6rem}
.list-3-content-box{box-sizing:content-box;padding-top:1.5rem;padding-bottom:1.5rem;;height:7rem;border-bottom-width:1px;border-bottom-style:solid}
.list-3-content-box:first-child{padding-top:0.2rem}
.list-3-content-box:last-child{border-bottom:none}
.list-3-content-name{left:0;bottom:0;max-width:calc(100% - 11rem);white-space:nowrap}
.list-3-content-author-box{max-width:70%}
.list-3-content-author{margin-right:1rem;max-width:70%}
.list-3-content-image-box{margin-left:2rem;width:9rem;height:7rem;border-radius:2px}

.list-4-box{border-top-width:8px;border-top-style:solid;padding-top:2.5rem;padding-bottom:3rem}
.list-4-swiper-box{margin-left:15px;margin-bottom:2.4rem}
.list-4-content-image-box{margin-bottom:0.4rem;height:7.2rem;border-width:1px;border-style:solid;border-radius:4px}
.list-4-swiper-box .swiper-slide{width:30%}
.list-4-swiper-box .swiper-slide:last-child{margin-right:15px}
.list-4-content-name{margin-bottom:0.2rem;height:4.4rem}
.list-4-button{padding:0.4rem 2.6rem;border-radius:20px}

.list-5-box{border-top-width:8px;border-top-style:solid;padding-top:2.5rem;padding-bottom:3rem}
.list-5-swiper-box{margin-left:15px}
.list-5-swiper-box .swiper-slide{width:88.88889%}
.list-5-swiper-box .swiper-slide:last-child{margin-right:15px}
.list-5-content-image-box{height:18rem;border-radius:4px}
.list-5-content-image-box:after{content:"\20";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-image:-webkit-linear-gradient(-90deg, rgba(255,255,255,0) 0%, #000 100%);background-image:linear-gradient(180deg, rgba(255,255,255,0) 0%, #000 100%)}
.list-5-content-title{z-index:1;left:1.6rem;right:1.6rem;bottom:1.9rem}

.join-box{background-image:url(https://cdnjs.cls.cn/iav/zd-top.png);background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.join-title{margin-top:5.5rem;margin-bottom:1.4rem}
.join-content{margin-left:2.5rem;margin-right:2.5rem;margin-bottom:2rem}
.join-form-wrap{padding:0.6rem 3rem 3rem;border-top-right-radius:24px;border-top-left-radius:24px}
.join-form{margin-top:2.4rem;margin-bottom:1.2rem;border-bottom-width:1px;border-bottom-style:solid}
.join-form-gap{margin-bottom:1.4rem}
.join-input{padding:0;border:none;outline:none}
.join-input::-webkit-input-placeholder{color:#ccc}
.join-input:-moz-placeholder{color:#ccc;}
.join-input::-moz-placeholder{color:#ccc;}
.join-input:-ms-input-placeholder{color:#ccc}
.join-form-invest-box{border-bottom:none}
.join-form-invest{margin-top:2.4rem;margin-bottom:0.4rem}
.join-textarea{padding:1.4rem;height:16rem;border:none;outline:none;border-radius:8px;resize:none}
.join-textarea::-webkit-input-placeholder{color:#ccc}
.join-textarea:-moz-placeholder{color:#ccc;}
.join-textarea::-moz-placeholder{color:#ccc;}
.join-textarea:-ms-input-placeholder{color:#ccc}
.join-button{margin-top:3rem;height:4.8rem;border-radius:24px}

.global-message{position:fixed;top:50%;left:50%;z-index:10000;padding:1rem 2rem;max-width:380px;border-radius:8px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}