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