.jtop{position:relative}.jtop .base-title>i{background-image:-webkit-linear-gradient(180deg,#2977de 2%,#e6ebf1)}.jtop .base-title>i:last-of-type{background-image:-webkit-linear-gradient(20deg,#2977de 2%,#e6ebf1 70%);transform:rotate(180deg)}.jtop .transaction{background:#f7f7f7;height:45px;margin-bottom:10px;text-align:left}.jtop .transaction .swiper-slide .name{font-weight:700;max-width:700px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jtop .transaction .swiper-slide .price{color:tomato}.jtop .transaction .swiper-slide span{margin-right:20px}.jtop .college{background-color:#f7f7f7}.jtop .college .tabs{display:flex;flex-wrap:wrap;justify-content:center;padding-top:20px;position:relative}.jtop .college .tabs .tab-panel{border-bottom:4px solid #ccc;color:#a1adbc;cursor:pointer;font-size:18px;height:43px;line-height:27px;text-align:center;width:400px}.jtop .college .tabs .tab-panel i{font-size:18px}.jtop .college .tabs .tab-panel.active{color:#242536;font-weight:700}.jtop .college .tabs .tab-panel.active i{color:#3c73f4}.jtop .college .tabs .line{--x:0;background-color:#3c73f4;bottom:0;height:4px;left:0;left:var(--x);position:absolute;transition:left .3s cubic-bezier(.645,.045,.355,1);width:400px}.jtop .college .list-container{display:inline-block;overflow:hidden;padding:30px 0}.jtop .college .list-container ul{display:flex;justify-content:flex-start;width:1200px}.jtop .college .list-container ul li{background:linear-gradient(0,#ccc 2px,#ccc 0) no-repeat,linear-gradient(-90deg,#ccc 2px,#ccc 0) no-repeat,linear-gradient(-180deg,#ccc 2px,#ccc 0) no-repeat,linear-gradient(-270deg,#ccc 2px,#ccc 0) no-repeat;background-position:0 0,100% 0,100% 100%,0 100%;background-size:0 2px,2px 0,0 2px,2px 0;display:flex;flex:0 0 20%;height:140px;justify-content:center;margin-bottom:35px;overflow:hidden;position:relative;text-align:center;transition:.3s ease-in}.jtop .college .list-container ul li a.shop{height:140px;width:140px}.jtop .college .list-container ul li a.shop img{background:#fff;border:2px solid #c5deff;border-radius:50%;height:100px;-o-object-fit:contain;object-fit:contain;width:100px}.jtop .college .list-container ul li a.shop div{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#000;display:-webkit-box;margin-top:5px;min-width:0;overflow:hidden;text-overflow:ellipsis}.jtop .college .list-container ul li a.site{color:#000;margin-top:45px;transition:all .5s ease}.jtop .college .list-container ul li a.site img{margin-bottom:10px}.jtop .college .list-container ul li .container{background:#00008b;bottom:-40px;font-size:0;position:absolute;width:calc(100% - 4px)}.jtop .college .list-container ul li .container a{color:#fff;cursor:pointer;display:inline-block;font-size:14px;padding:4px 0;width:50%}.jtop .college .list-container ul li .container a:hover{background:#5cadff}.jtop .college .list-container ul li:hover{background-size:100% 2px,2px 100%,100% 2px,2px 100%}.jtop .college .list-container ul li:hover a.site{color:#000;margin-top:30px}.jtop .college .list-container ul li:hover .container{bottom:2px;left:2px}.jtop .user-wrapper{background:#f6f9fc}.jtop .user-wrapper .list-container{display:inline-block;overflow:hidden;padding:30px 0}.jtop .user-wrapper .list-container ul{display:flex;justify-content:flex-start}.jtop .user-wrapper .list-container ul li{background:#fff;border:1px solid #eee;border-radius:2px;cursor:pointer;margin-bottom:10px;margin-right:20px;padding:20px 0;position:relative;text-align:center;transition:.3s ease-in;width:200px}.jtop .user-wrapper .list-container ul li:not(:last-child){margin-right:1.4%}.jtop .user-wrapper .list-container ul li .navItemImg{border:2px solid #d2d9e3;border-radius:50%;box-sizing:border-box;height:130px;margin:0 auto;text-align:center;width:130px}.jtop .user-wrapper .list-container ul li .navItemImg img{border-radius:50%;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.jtop .user-wrapper .list-container ul li .navItemText{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#000;display:inline-block;display:-webkit-box;font-size:18px;height:50px;line-height:1.4;margin:20px 10px;min-width:0;overflow:hidden;text-overflow:ellipsis}.jtop .user-wrapper .list-container ul li:hover .navItemText{color:#579af3}.jtop .user-wrapper .list-container ul li:hover .btn-wrapper{bottom:5px}.jtop .user-wrapper .list-container ul li .btn-wrapper{bottom:-40px;font-size:0;padding:0 5px;position:absolute;width:100%}.jtop .user-wrapper .list-container ul li .btn-wrapper a{background:#00008b;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin-right:8px;padding:4px 0;width:45%}.jtop .user-wrapper .list-container ul li .btn-wrapper a:hover{background:#5cadff}.jtop .recommandgoods .list-container{background:#fff;display:inline-block;overflow:hidden;padding:30px 0}.jtop .recommandgoods .list-container ul{display:flex;justify-content:flex-start}.jtop .recommandgoods .list-container ul li{margin-right:10px;text-align:center;width:200px}.jtop .recommandgoods .list-container ul li img{height:150px;margin-bottom:30px;width:150px}.jtop .recommandgoods .list-container ul li p{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#000;display:inline-block;display:-webkit-box;font-weight:700;height:44px;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis}.jtop .recommandgoods .list-container ul li p span{display:inline-block;text-align:left}.jtop .recommandgoods .list-container ul li p:hover{color:#579af3}.jtop .focusAreas{padding-bottom:30px}.jtop .focusAreas .focusAreasCenter{height:100%;margin:0 auto;width:1200px}.jtop .focusAreas .focusAreasCenter .nav{background:#fff;display:flex;justify-content:flex-start}.jtop .focusAreas .focusAreasCenter .nav .navBox{border:1px solid #f7f7f7;cursor:pointer;padding:20px 0;text-align:center;width:24%}.jtop .focusAreas .focusAreasCenter .nav .navBox:not(:last-child){margin-right:1%}.jtop .focusAreas .focusAreasCenter .nav .navBox:hover{box-shadow:0 6px 20px 2px rgba(0,0,0,.06)}.jtop .focusAreas .focusAreasCenter .nav .navBox .navItemImg{background-color:#eaecf0;border:2px solid #d2d9e3;border-radius:50%;box-sizing:border-box;height:130px;line-height:130px;margin:0 auto;text-align:center;width:130px}.jtop .focusAreas .focusAreasCenter .nav .navBox.active .navItemImg,.jtop .focusAreas .focusAreasCenter .nav .navBox:hover .navItemImg{background-color:#b8d6ff;border:2px solid #fff}.jtop .focusAreas .focusAreasCenter .nav .navBox.active .navItemText,.jtop .focusAreas .focusAreasCenter .nav .navBox:hover .navItemText{color:#579af3}.jtop .focusAreas .focusAreasCenter .nav .navBox .navItemText{color:#000;font:20px SourceHanSansCN-Medium;line-height:4}.jtop .focusAreas .focusAreasCenter .list-content{background:#fff;padding:10px 0}.jtop .focusAreas .focusAreasCenter .list-content .infor-wrapper{background-color:#fff;margin:15px auto;width:1200px}.jtop .focusAreas .focusAreasCenter .list-content .infor-wrapper .classify-box{background:#fff;border:1px solid #f7f7f7;margin:0 0 10px}.jtop .focusAreas .focusAreasCenter .list-content .infor-wrapper .classify-box .title{text-align:center}.jtop .focusAreas .focusAreasCenter .list-content .infor-wrapper .classify-box .title span{color:#999;font-size:12px;line-height:40px;margin:0 20px 0 10px}.jtop .focusAreas .focusAreasCenter .list-content .infor-wrapper .classify-box ul li{display:inline-block;line-height:40px;margin:0 20px 0 0}.jtop .focusAreas .focusAreasCenter .list-content .infor-wrapper .classify-box ul li a{color:#666;display:block;font-size:12px}.jtop .focusAreas .focusAreasCenter .list-content .infor-wrapper .classify-box ul li a:hover{color:#4285f4}.jtop .focusAreas .focusAreasCenter .list-content .infor-wrapper .classify-box ul li.active a{color:#4285f4;font-size:12px;font-weight:700}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide{align-self:flex-end;background:#fff;position:relative;width:300px}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div{border:1px solid #f7f7f7;cursor:pointer;margin:5px;overflow:hidden;padding:10px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);vertical-align:middle}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div:hover{border-color:#579af3}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div .img-wrapper{height:220px;margin:0 auto;overflow:hidden;width:220px}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div .img-wrapper img{display:block;height:100%;margin:0 auto;-o-object-fit:contain;object-fit:contain;transition:all .4s linear;width:100%}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div .img-wrapper img:hover{transform:scale(1.2)}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div p{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;font-weight:700;height:55px;min-width:0;overflow:hidden;padding:10px 0;text-overflow:ellipsis}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div .tag{color:#fff;display:inline-block;padding:0 12px}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div .tag:first-of-type{background:#3c73f4}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div .tag.tag-02{background:#4dd7c6}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div .tag.tag-07{background:#4daaff}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div .tag.tag-04{background:#ffbc4d}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div .tag.jtop{background:#ff8282}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div dl dd,.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div dl dt{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div dl dt{color:#999;-moz-text-align-last:justify;text-align-last:justify;width:70px}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div dl dd{max-width:180px}.jtop .focusAreas .focusAreasCenter .list-content .swiper-wrapper .swiper-slide>div dl .price{color:tomato;font-weight:700}.jtop .focusAreas .focusAreasCenter .list-content .swiper-button-next,.jtop .focusAreas .focusAreasCenter .list-content .swiper-button-prev{background:rgba(0,0,0,.65);text-align:center}.jtop .focusAreas .focusAreasCenter .list-content .swiper-button-next i,.jtop .focusAreas .focusAreasCenter .list-content .swiper-button-prev i{color:#fff;line-height:44px}.jtop .focusAreas .focusAreasCenter .list-content .swiper-button-next:after,.jtop .focusAreas .focusAreasCenter .list-content .swiper-button-prev:after{content:""}.jtop .focusAreas .focusAreasCenter .list-content .swiper-button-prev{left:0}.jtop .focusAreas .focusAreasCenter .list-content .swiper-button-next{right:0}.jtop .publishButton{display:inline-block;left:10px;position:fixed;top:50%}.jtop .publishButton img{height:200px;-o-object-fit:contain;object-fit:contain;width:200px}.x-enter{margin-left:100px;opacity:0}.x-enter-active{animation:animat 1s;opacity:0}.x-enter-to{margin-left:0;opacity:1}.x-move{transition:all .3s}.x-leave{opacity:0}.x-leave-active{transition:all 1s ease-in}.x-leave-to{left:-100%}@keyframes animat{0%{margin-left:100px;opacity:0}to{margin-left:0;opacity:1}}.banner,.imageStyle{width:100%}.base-title{align-items:center;display:flex;justify-content:center;padding:30px 0 10px;position:relative;text-align:center}.base-title>i{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:-webkit-linear-gradient(180deg,#c2d2e7 2%,#e6ebf1);display:inline-block;padding:0 10px}.base-title>i:last-of-type{background-image:-webkit-linear-gradient(20deg,#c2d2e7 2%,#e6ebf1 70%);transform:rotate(180deg)}.base-title .title-ZH{color:#000;display:block;font-size:24px}.base-title .title-EN{display:block;font-size:14px}.base-title a{color:#666;position:absolute;right:20px;top:50%}.base-title a:hover{color:#579af3}