.live-good[type=view]{width:535px;height:300px;background-color:#fff;background-size:cover;border-radius:4px;position:relative}.live-good[type=view] .router{display:block;height:calc(100% - 50px)}.live-good[type=item] a{font-size:16px;line-height:44px;padding:0 20px 0 10px}.live-good[type=item] img{width:44px;height:14px}.live-good[type=item] label{flex-shrink:0;width:64px;height:28px;font-size:14px;background:#ffeccd;border-radius:2px;margin-right:8px}.live-good[type=item] label.bgc{color:#fff;background:#ccc}.live-good[type=item]:before{content:"";width:14px;height:14px;background:#fff;border:1px solid #ff9b00;border-radius:100%;position:absolute;top:calc(50% - 7px);left:0}.live-good[type=item].selected a{background:#fff5e5}.live-good[type=item].selected a span{color:#ff9b00}.live-good[type=item].selected:before{border-width:5px}.live-good-bar{width:100%;height:50px;color:#fff;background:rgba(0,0,0,.4);border-radius:0 0 4px 4px;padding:0 10px;position:absolute;bottom:0}.live-good-bar b{font-size:20px;font-weight:500;margin:0 5px}.live-good-bar button{width:90px;font-size:14px!important}.live-good-bar .time{font-size:12px}.live-good-user{max-width:10em}.live-shop{display:flex}.live-shop-list{width:calc(100% - 535px);max-height:300px;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.06);border-radius:4px;padding:18px 20px;overflow-y:auto}.live-shop-list>ul{position:relative}.live-shop-list>ul:before{content:"";width:4px;background:#fff5e5;position:absolute;top:24px;bottom:24px;left:5px}.live-shop-list>ul>li{padding-left:24px;position:relative;z-index:10}.live-shop-list>ul>li+li{margin-top:10px}@media (max-width:1024px){.live-shop{display:flex;flex-direction:column;margin:0 15px}}[page] .m-train .listen{font-size:12px;color:#fff;background-color:rgba(0,0,0,.4);border-radius:10px;padding:2px 7px;pointer-events:none;position:absolute;bottom:10px;right:10px;z-index:10}[page] .m-train>.body{flex:1}[page] .m-train>.body>.tags{margin:0 15px 10px}[page] .m-train>.body>.tags span{display:inline-block;text-align:center;font-size:12px;line-height:24px;color:#666;white-space:nowrap;background-color:#f5f5f5;border-radius:2px;padding:0 6px}[page] .m-train>.body>.tags span:not(:last-child){margin-right:7.5px}[H5Mode] .m-train .listen{border-radius:4px 0 0 0;padding:1px 5px;transform:scale(.8);transform-origin:right bottom;right:0;bottom:0}[H5Mode] .m-train>.body>.tags{margin:5px 10px}[H5Mode] .m-train>.body>.sub [size="16"]{font-size:13px}[H5Mode] .m-train.horizontal>.body .tags{margin:3px 0}[page] .m-user>.cover{border-radius:2px}[page] .m-user .info{flex:1;max-width:100%}[page] .m-user .info>.name{margin:0 6px 0 8px}[page] .m-user .info>.role.off:before{color:#ccc}[page] .m-user.flex .info{width:1px}[page] .concern-button{background:#fff;position:relative}[page] .concern-button.high{background:#fff5e5}[page] .concern-button.vertical{flex-direction:column;line-height:18px}[page] .concern-button.vertical:before{margin:0 0 3px}[page] .concern-button.vertical span{font-size:12px;margin:0}[page] .concern-button[size=big]{font-size:18px}[page] .concern-button>span{white-space:nowrap}[page] .concern-button sup{color:#fff;font-size:12px;line-height:17px;padding:0 2px;background:red;border-radius:100%;transform:scale(.7);margin:-4px -15px 0 0;position:absolute}[H5Mode] .concern-button span{font-size:12px}[H5Mode] .concern-button[size=big]{font-size:26px}[H5Mode] .concern-button.vertical{font-size:20px}[page] .user-card{display:flex;flex-direction:column;padding:40px 20px 0;position:relative}[page] .user-card>.user .cover{border-radius:8px}[page] .user-card>.user .name{font-size:16px;line-height:44px}[page] .user-card>.tags{max-height:156px;align-items:flex-start;flex-wrap:wrap;margin:25px 0;overflow:hidden}[page] .user-card>.tags span{min-width:80px;text-align:center;line-height:32px;color:#999;white-space:nowrap;background-color:#f5f5f5;border-radius:2px;padding:0 10px;margin:0 3.75px 7.5px}[page] .user-card>.intro,[page] .user-card>.tool{height:0;text-align:center;background:#f5f5f5;overflow:hidden;cursor:pointer;position:absolute;left:0;right:0;bottom:0;z-index:10}[page] .user-card:hover .intro{height:200px;transition:height .3s;padding:20px 20px 76px}[page] .user-card:hover .intro p{-webkit-line-clamp:5}[page] .user-card:hover .tool{height:56px;transition:height .2s;transition-delay:.1s}[H5Mode] .user-card{padding:0 10px 15px}[H5Mode] .user-card>.user .name{font-size:15px;line-height:40px}[H5Mode] .user-card:hover .tool,[H5Mode] .user-card>.tool{height:auto;position:static;background:none}[page] .m-request-sim{display:flex;flex-direction:column}[page] .m-request-sim>.title{font-size:18px;font-weight:700;margin:15px 15px 10px}[page] .m-request-sim>.con{flex:1;margin:0 15px}[page] .m-request-sim>.sub{padding:10px 15px 20px}[page] .m-request-sim>.sub label{margin-left:40px}[H5Mode] .m-request-sim>.con{font-size:12px}[H5Mode] .m-request-sim>.sub{font-size:12px;padding:5px 15px 15px}[page] .m-server-sim>.body>.info{margin:-13px 15px 20px}[H5Mode] .m-server-sim.horizontal>.body .info{margin:3px 0 0}[H5Mode] .m-blueprint>.body>.sub [size="16"]{font-size:13px}[page] .m-post{display:flex}[page] .m-post>.cover{border-radius:4px;margin-right:12px}[page] .m-post>.body{flex:1}[page] .m-post>.body>.title{flex:1;font-size:16px;font-weight:700}[page] .m-post>.body>.con{flex:1;font-size:12px;color:#999;margin-top:3px}[page] .m-post>.body>.info .icon-clip{float:right;color:#ff9b00;background:#fff5e5;padding:5px 15px;border-radius:4px;margin-left:5px}[H5Mode] .m-post>.body>.title{font-size:15px;line-height:1.2}[H5Mode] .m-post>.body>.con{display:none}[H5Mode] .m-post>.body>.info .icon-clip{font-size:12px;padding:2px 5px;border-radius:2px;transform:scale(.9)}[page] .m-software{display:flex}[page] .m-software>.cover{border-radius:4px;margin-right:12px}[page] .m-software>.body{display:flex;flex-direction:column}[page] .m-software>.body>.title{font-size:16px;font-weight:700}[page] .m-software>.body>.con{color:#999;margin-top:6px}[H5Mode] .m-software>.body>.con{font-size:12px}[page] .m-auth>.body>.con{margin:-3px 15px 20px}[H5Mode] .m-auth.horizontal>.body .title{flex:0}[H5Mode] .m-auth.horizontal>.body .con{font-size:12px;margin:3px 0}.preload-image[data-v-fb7651da]{position:absolute;top:0;left:0;width:100%;height:100%;display:table;text-align:center}.preload-image .progress[data-v-fb7651da]{display:table-cell;vertical-align:middle}.preload-image .progress p[data-v-fb7651da]{margin:0}.preload-image .progress .tip-str[data-v-fb7651da]{margin-top:.4em}.preload-image .progress .loadingAnimation[data-v-fb7651da]{width:60px;height:60px;background-color:#67cf22;margin:0 auto;animation:rotateToPlane-fb7651da 1.2s ease-in-out infinite}@keyframes rotateToPlane-fb7651da{0%{transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}[page] .toolaffix{flex-direction:column;background:#fff;position:fixed;left:calc(50% - 425px);top:80px;z-index:999}[page] .toolaffix.inframe{left:calc(50% - 600px)}[page] .toolaffix.follow{visibility:hidden;position:absolute}[page] .toolaffix .item{display:flex;justify-content:center;text-align:center;width:100%;height:50px;font-size:20px;background:#fff;border-top:1px solid #d8d8d8;cursor:pointer}[page] .toolaffix .item:first-child{border-top:none}[page] .toolaffix .item:not([disabled]):hover{color:#ff9b00}[page] .toolaffix .item[type=nav]{height:auto;align-items:center;font-size:14px;line-height:18px;padding:12px 1em}[page] .toolaffix .item[type=nav].current,[page] .toolaffix .item[type=nav]:hover{color:#fff!important;background:#ff9b00!important;border-top-color:#ff9b00!important;opacity:1!important}[page] .toolaffix .item[type=nav].current+.item,[page] .toolaffix .item[type=nav]:hover+.item{border-color:#ff9b00!important}[page] .toolaffix .item button{width:100%;height:100%}[H5Mode] .toolaffix{display:none}[page] .index-page .frm-path{height:265px}[page] .index-page .frm-course,[page] .index-page .frm-train{height:292px}[page] .index-page .frm-user{height:322.5px}[page] .index-page .frm-request{height:124px}[page] .index-page .frm-server{height:324px}[page] .index-page .frm-blueprint{height:292px}[page] .index-page .frm-post{height:155px}[page] .index-page .frm-software{height:110px}[page] .index-page .frm-auth{height:273px}[page] .index-page>.frame{padding:20px 0}[page] .index-page>.frame .m-auth>.body>.con{-webkit-line-clamp:3}[page] .index-page>.frame .m-auth.span2auth{width:calc(50% - 10px);color:#fff!important;position:relative}[page] .index-page>.frame .m-auth.span2auth>.body{width:100%;background:rgba(0,0,0,.6);position:absolute;bottom:0;z-index:20}[page] .index-page>.frame-bg{height:70px;background:linear-gradient(180deg,#fafafa,#fff);padding:20px 0;margin-bottom:-20px}[page] .index-page>.frame-bg strong{font-size:24px;margin-right:13px}[page] .index-page>.frame>div{content-visibility:auto;contain-intrinsic-size:auto 300px}[page] .index-page-cate[class]{width:260px;height:360px;padding:15px 0 0 20px;position:relative;z-index:20}[page] .index-page-cate[class] dl{padding:0 5px 5px 0}[page] .index-page-cate[class] .course-cate-sub{width:700px;min-height:360px;max-height:360px}[page] .index-page-banners{display:flex;align-items:center;order:-2;box-shadow:0 2px 10px 0 rgba(0,0,0,.1);border-radius:2px 0 0 2px;position:relative}[page] .index-page-blockchain{font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);padding:10px;margin:0;position:absolute;top:0;right:0;z-index:10}[page] .index-page-blockchain dt{font-size:14px}[page] .index-page-banner{width:940px;height:360px;border-radius:0 2px 2px 0}[page] .index-page-post a,[page] .index-page-software a{padding:15px}[page] .index-page-mostactivity{height:103px;background:url(/img/share/new_gift.png) no-repeat 0 20px;padding:20px 0 10px;margin-top:20px;position:relative}[page] .index-page-mostactivity span{color:#fff;position:absolute;top:52px;left:945px}[page] .index-page-mostactivity span label{min-width:24px;line-height:24px;text-align:center;color:#fff;background:#ff9b00;border-radius:2px;padding:0 2px;margin:0 4px}[page] .index-page-enter{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.06);padding:20px;margin-top:30px!important}[page] .index-page-enter a{white-space:nowrap;border-radius:2px;position:relative}[page] .index-page-enter a img{width:70px;height:70px;margin-right:8px}[page] .index-page-enter a strong{font-size:20px}[page] .index-page-enter a p{font-size:12px;color:#333}[page] .index-page-enter a.upgrade:before{content:"";width:52px;height:22px;background:url(/img/icons/upgrade.png);position:absolute;top:-5px;left:9px}[page] .index-page-users-dress{font-size:12px;line-height:20px;color:#fff;background:#ff9b00;border-radius:2px 0 4px 0;padding:0 7px;position:absolute;right:0;bottom:0}[page] .index-page-advert{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1001}[page] .index-page-advert:last-child{background:rgba(0,0,0,.6)}[page] .index-page-advert-box{position:relative}[page] .index-page-advert-box img{width:740px;height:300px}[page] .index-page-advert-box .icons{width:32px;height:32px;font-size:22px;color:#fff;border:2px solid #fff;border-radius:100%;position:absolute;top:-26px;right:-26px}[page] .index-page-advert-box .ckb{font-size:13px;color:#fff;background:rgba(0,0,0,.2);border-radius:3px;padding-right:5px;position:absolute;left:5px;bottom:5px}[page] .index-page-panda{margin:35px 0}[page] .index-page-activity{position:fixed;right:calc(50% + 620px);bottom:30px;z-index:1000}[page] .index-page-activity .icons{font-size:20px;color:#999;position:absolute;z-index:1}[page] .index-page-affix{transition:opacity .5s;top:calc(50% + 35px)!important}[page] .index-page-affix-item{font-size:12px!important;line-height:32px!important;padding:0!important;border-color:#f5f5f5!important}[page] .index-page-affix.offset{transform:translateY(calc(-50% - 32px))}[H5Mode] .index-page>.frame{padding:0 0 15px}[H5Mode] .index-page>.frame .m-auth>.body>.con{-webkit-line-clamp:2}[H5Mode] .index-page>.frame-bg{padding:15px;margin-bottom:-30px;position:relative;z-index:10}[H5Mode] .index-page>.frame-bg>.frame{flex-direction:row;justify-content:space-between}[H5Mode] .index-page>.frame>div:not(:first-child){margin-top:0!important;position:relative}[H5Mode] .index-page>.frame>div:not(:first-child):before{content:"";width:100%;height:20px;background:linear-gradient(180deg,#fff,#fafafa);position:absolute;top:0}[H5Mode] .index-page-banners{box-shadow:none}[H5Mode] .index-page-blockchain{display:none}[H5Mode] .index-page-banner{width:100%;height:180px;border-radius:0}[H5Mode] .index-page-post a,[H5Mode] .index-page-software a{padding:0}[H5Mode] .index-page-enter{order:-1;padding:10px 5px 0}[H5Mode] .index-page-enter:before{display:none}[H5Mode] .index-page-enter a{width:calc(20% - 2px);flex-direction:column;box-shadow:none;padding:0;margin-top:5px}[H5Mode] .index-page-enter a img{width:40px;height:40px;margin-right:0}[H5Mode] .index-page-enter a strong{font-weight:400;font-size:14px;line-height:40px}[H5Mode] .index-page-enter a p{display:none}[H5Mode] .index-page-mostactivity{height:65px;background:url(/img/share/new_gift_h5.png) no-repeat 0 0/contain;padding:0;margin:15px 15px 0}[H5Mode] .index-page-mostactivity span{top:34px;left:148px}[H5Mode] .index-page-mostactivity span label{min-width:18px;line-height:18px;font-size:12px;padding:0 2px;margin:0 3px}[H5Mode] .index-page-users-pic{width:100px!important;height:100px!important;margin-top:15px}[H5Mode] .index-page-users-dress{line-height:16px}[H5Mode] .index-page-panda{margin:0 15px 15px}[H5Mode] .index-page-advert-box img{width:80%!important;height:auto!important;max-height:80%!important}[H5Mode] .index-page-advert-box .icons{position:fixed!important;top:auto!important;bottom:55px!important;left:calc(50% - 16px)!important}[H5Mode] .index-page-advert-box .ckb{color:#ccc!important;background:none!important;position:fixed!important;bottom:105px!important;left:calc(50% - 45px)!important}