[v-cloak]{display:none}.loading{margin-top:280px;text-align:center;margin-bottom:280px}.continer{width:1200px;margin:60px auto 0;overflow:hidden}.continer .flex-box{background:#fff;margin-bottom:30px;margin-top:52px}.continer .flex-box h2{text-align:center;height:89px;line-height:89px;font-size:24px;font-family:PingFangSC-Semibold, PingFang SC;color:#3C3C43;font-weight:600}.continer .flex-box .tit-box{overflow:hidden}.continer .flex-box .tit-box span{font-size:14px;font-family:PingFangSC-Regular, PingFang SC;font-weight:400;padding:0 19px;color:#636C78;background:#F6F7F9;border-radius:4px;margin-right:12px;cursor:pointer;margin-bottom:18px;height:29px;line-height:29px;float:left}.continer .flex-box .tit-box span.active{color:#FFFFFF;background:#5A2DF5}.continer .flex{display:none;background:#fff;position:fixed;top:60px;width:1200px;z-index:99}.continer .flex h2{text-align:center;height:89px;line-height:89px;font-size:24px;color:#3C3C43;font-family:PingFangSC-Semibold, PingFang SC}.continer .flex .tit-box{overflow:hidden}.continer .flex .tit-box span{font-size:14px;font-family:PingFangSC-Regular, PingFang SC;font-weight:400;padding:0 19px;color:#636C78;background:#F6F7F9;border-radius:4px;margin-right:12px;cursor:pointer;margin-bottom:18px;height:29px;line-height:29px;float:left}.continer .flex .tit-box span.active{color:#FFFFFF;background:#5A2DF5}.continer .content-box{overflow:hidden}.continer .content-box h3{font-size:20px;font-family:PingFangSC-Medium, PingFang SC;font-weight:500;color:#3C3C43;line-height:28px;text-align:center;margin-bottom:22px}.continer .content-box .conten{width:1228px;margin-left:-12px;margin-bottom:58px}.conten ul{overflow:hidden;display:flex;flex-flow:wrap}.conten ul li{display:block;overflow:hidden;width:244px;padding:12px;float:left;box-sizing:border-box}.card{overflow:hidden;height:100%;width:100%;border-radius:4px;cursor:pointer;display:flex;align-items:center;min-height:116px;background:#f7f7f7;position:relative;border:1px solid #EAEAEA}.card .jbalert-box{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:4px;background:linear-gradient(180deg, rgba(0,0,0,0.5) 0%, transparent 100%);box-shadow:0px 2px 10px 0px rgba(0,0,0,0.1);opacity:0}.card:hover .jbalert-box{opacity:1;transition:all .28s}.card img{display:block;width:100%}.card p{height:46px;width:calc(100% - 20px);margin:0 auto;overflow:hidden}.card p a{display:none;text-align:center;font-size:14px;font-family:PingFangSC-Regular, PingFang SC;font-weight:400;color:#3B3946;line-height:20px;margin:12px auto;text-overflow:ellipsis;overflow:hidden;height:20px;white-space:nowrap}.item-vipfree{bottom:10px;right:10px}.item-isnew{top:0 !important;left:0 !important}.card .card-preview{position:absolute;top:10px;display:none;cursor:pointer;text-align:center;background:#FFF;line-height:28px;right:46px;color:#333;font-size:14px;width:30px;height:30px;background:#FFFFFF;border-radius:4px}.card-preview:hover{background:#E1DFEA}.card-preview a{color:#333}.card-preview a .iconfont{display:block;color:#333;font-size:24px;line-height:30px;height:30px;text-align:center}.card-collect{position:absolute;top:10px;display:none;cursor:pointer;text-align:center;width:30px;height:30px;background:#FFFFFF;border-radius:4px;right:10px;background-color:#FFF}.card-collect:hover{background:#E1DFEA}.card-collect .iconfont{color:#333333;height:30px;font-size:16px;line-height:30px}.card-collect .icon-uncollection{color:#333333}.card-collect:hover .icon-collection{color:#E54B4B}.card-collect .icon-collection{color:#E54B4B}.card-findsimilar{display:none}.linklist li a{font-weight:400;color:#6D707F}#linklist li a{font-weight:400;color:#6D707F}.footer{width:1200px;margin:0 auto}