body{color:#333}a{color:#28a3ef;text-decoration:none}a:hover,a:focus{color:#4cb9fc;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.bg-grey{background:#F2F4F6}.bg-white{background:#FFF}.rise{color:#f54346 !important}.fall{color:#14ba71 !important}.m-0{margin:0}.mr-5{margin-right:5px}.mb-5{margin-bottom:5px}.ml-15{margin-left:15px}.mb-15{margin-bottom:15px}.mt-15{margin-top:15px}.mr-15{margin-right:15px}.no-gap{padding-left:0;padding-right:0}.no-padding-left{padding-left:0 !important}.no-padding-right{padding-right:0 !important}.padding-left{padding-left:30px !important}.padding-right{padding-right:30px !important}.bg-gray-100{background:#f3f4f6}.no-border{border:none}.mt-4{margin-top:20px}.mt-6{margin-top:36px}.mt-8{margin-top:48px}.mt-base{margin-top:28px}.mb-0{margin-bottom:0px !important}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.flex-1{flex:1 1 0%}.navbar-cui{z-index:10;height:52px;margin-bottom:0;background:#FFFFFF;box-shadow:0 0 3px 1px rgba(0,0,0,0.1);border:none}.navbar-cui .navbar-brand{height:49px;padding:5px 15px;margin-right:10px}.navbar-cui .navbar-brand img{max-height:40px;vertical-align:top}.navbar-cui .close-btn{display:none;z-index:20;position:fixed;right:18px;top:12px;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;background:#FFF}.navbar-cui .navbar-collapse{background:#FFF}.navbar-cui .navbar-toggle{padding:4px 5px}.navbar-cui ul.navbar-nav{font-size:15px}.navbar-cui ul.navbar-nav>li>a{padding:0 14px;line-height:52px;color:#333}.navbar-cui ul.navbar-nav>li>a:hover,.navbar-cui ul.navbar-nav>li>a:focus{color:#1089d4;background-color:transparent;border-color:transparent}.navbar-cui ul.navbar-nav>li.active>a{color:#28a3ef}.navbar-cui ul.navbar-nav .dropdown-menu{font-size:14px;padding:3px}.navbar-cui ul.navbar-nav .dropdown-menu a{padding:6px 14px}.navbar-cui .navbar-form{margin-top:12px}.navbar-cui ul.navbar-auth>li>a{margin-left:18px;padding:0}.jumbotron-index{position:relative;background:url(../imgs/fullstack.jpg) center center}.jumbotron-index .jumbotron-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.35)}.jumbotron-index .jumbotron-body h2{color:#FFF;font-size:40px;font-weight:600;line-height:1.4}.jumbotron-index .jumbotron-body h2 .typed-cursor,.jumbotron-index .jumbotron-body h2 .project-typed{color:#e8031e}.jumbotron-index .jumbotron-body p.info{margin:20px 0;font-size:22px;color:#FFF;font-weight:200;line-height:1.8}.jumbotron-index .jumbotron-body .cover-img img{border-radius:5px}.jumbotron-v2{padding:25px;border:1px solid #eee}.jumbotron-v2 h1{font-size:24px;margin:0}.jumbotron-v2 h2{font-size:18px;margin-top:20px;font-weight:400;color:#555}.jumbotron-v2 .tags a{margin-right:15px;color:#fff;background:#009AFF;border-radius:5px;padding:8px 15px}.jumbotron-v2 .tags a:hover{background-color:#0084ff;text-decoration:none}.jumbotron-v2 .gossip a{color:#666}.service-header{padding:30px 0;background:url("../imgs/fullstack-page.jpg") no-repeat center;color:white}.service-header .title h2{font-size:32px}.service-header .summary{font-size:16px;margin-top:20px}@media (max-width:767px){.service-header{padding:10px 0}.service-header .title h2{font-size:24px}.service-header .summary{font-size:14px;margin-top:10px}.service-header .info{display:none}}.service-main{margin-bottom:60px}.service-main .service-info h3{font-size:22px}.service-main .service-info p{color:#555}.service-main .service-list{margin-top:10px}.service-main .service-list .service-item{border-radius:5px;border:1px solid #ddd;padding:20px 15px;display:flex;align-items:start;margin-top:20px}.service-main .service-list .service-item .icon{font-size:40px;margin-right:15px;color:#ddd;line-height:1}.service-main .service-list .service-item h4{font-size:18px;margin:0;font-weight:600}.service-main .service-list .service-item .content{color:gray;margin:10px 0}.service-main .service-list .service-item .price{font-size:16px;color:#0284c7}@media (max-width:767px){.service-main{margin-bottom:60px}.service-main .service-info h3{font-size:20px}.service-main .service-list{margin-top:10px}.service-main .service-list .service-item{padding:15px 10px}.service-main .service-list .service-item h4{font-size:16px}.service-main .service-list .service-item .price{font-size:14px}}.box-fund{margin-bottom:20px}.box-fund .fund-list{background:#F2F4F6;padding:20px 20px 10px 20px}.box-fund .fund-list .list-header{overflow:hidden;line-height:1.2;margin-bottom:10px}.box-fund .fund-list .list-header span{border-left:5px solid #41b883;display:inline-block;color:#000;font-size:18px;line-height:22px;padding-left:10px;overflow:hidden;margin:0;float:left}.box-fund .fund-list .list-header a.more{float:right;line-height:22px}.box-fund .fund-list .list-items .item a{width:100%;display:block;padding:10px 0;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.box-fund .fund-list .list-items .item a:hover{color:#4cb9fc;text-decoration:none}.box-fund .fund-list .list-items .item a.red span{background:#fe917b}.box-fund .fund-list .list-items .item a.green span{background:#41b883}.box-fund .fund-list .list-items .item a span{float:left;display:inline-block;vertical-align:middle;height:20px;line-height:20px;padding:0 5px;color:#fff;border-radius:2px;background:#41b883}.box-fund .fund-list .list-items .item a p{display:inline;line-height:20px;margin:0 0 0 10px}.box-fund .fund-sidebar .wechat{padding:20px;border:1px solid #eee;overflow:hidden}.box-fund .fund-sidebar .wechat .info{float:left;margin-top:15px}.box-fund .fund-sidebar .wechat .info h3{margin:0;font-size:20px}.box-fund .fund-sidebar .wechat .info p{margin-top:15px;line-height:1.8;color:#666}.box-fund .fund-sidebar .wechat .qrcode{float:right;text-align:center}.box-fund .fund-sidebar .wechat .qrcode img{width:120px}.box-fund .fund-sidebar .wechat .qrcode p{font-size:12px;color:#999;margin-bottom:0}.section{margin-bottom:30px}.section.section-grey{background:#F2F4F6;padding:30px 0 20px 0}.section .section-title{overflow:hidden;display:flex;justify-content:space-between;align-items:center}.section .section-title .title-label{float:left;margin-bottom:15px;overflow:hidden;font-size:24px}.section .section-title .title-label span{margin-left:20px;color:#9a9a9a;font-size:14px}.section .section-title .title-navs{float:right}.section .section-title .title-navs ul li{font-size:14px;list-style:none;float:left;padding:0 10px}.section .section-title .title-navs ul li a{color:#666;position:relative}.section .section-title .title-navs ul li a:hover{color:#FF6000;text-decoration:none}.section .section-title .title-navs ul li.active a{color:#FF6000;font-weight:600}.section .section-title .title-navs ul li.active a::after{content:'';width:100%;height:2px;position:absolute;background-color:#fe6d00;bottom:-10px;left:0}.section .section-title .title-more a{color:#9a9a9a}.section .section-title .title-more a:hover{color:#03a0d6}.section .section-body .item-box{margin-bottom:20px}.section .section-body .item-box:hover{box-shadow:0 1px 3px #ddd}.section .section-body .item-box:hover .item-img img{transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05)}.section .section-body .item-box .item-img{overflow:hidden}.section .section-body .item-box .item-img img{width:100%;-webkit-backface-visibility:hidden;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.section .section-body .item-box .item-txt{min-height:107px;padding:15px 20px;border:1px solid #eee;overflow:hidden}.section .section-body .item-box .item-txt h3{font-size:15px;margin:0 0 8px 0;line-height:1.4}.section .section-body .item-box .item-txt h3 a{color:#333;font-weight:normal;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section .section-body .item-box .item-txt h3 a:hover{color:#28a3ef;text-decoration:none}.section .section-body .item-box .item-txt .item-info{overflow:hidden;margin-bottom:8px}.section .section-body .item-box .item-txt .item-info p{float:left;margin:0;font-size:12px}.section .section-body .item-box .item-txt .item-info p.item-jobs{margin-left:8px;color:#9a9a9a}.section .section-body .item-box .item-txt .item-cost .cost-price{font-size:16px;color:#e91d00}.section .section-body .item-box .item-txt .item-cost .view-count{color:#9a9a9a}.section .section-body .item-tuwen{padding:20px 20px 20px 35px;background:#fff;border:1px solid #eee;margin-bottom:20px}.section .section-body .item-tuwen:hover{box-shadow:0 1px 3px #ddd}.section .section-body .item-tuwen:hover .tuwen-img img{transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-webkit-transform:scale(1.05, 1.05)}.section .section-body .item-tuwen .tuwen-img{padding:0;overflow:hidden}.section .section-body .item-tuwen .tuwen-img img{max-height:95px;-webkit-backface-visibility:hidden;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}.section .section-body .item-tuwen .tuwen-info h3{margin:0 0 8px 0;font-size:15px;font-weight:normal}.section .section-body .item-tuwen .tuwen-info h3 a{color:#333}.section .section-body .item-tuwen .tuwen-info h3 a:hover{color:#FF6000;text-decoration:none}.section .section-body .item-tuwen .tuwen-info p.info{display:block;margin:0 0 8px 0;font-size:12px;line-height:20px;height:40px;overflow:hidden;color:#999;text-overflow:ellipsis}.section .section-body .item-tuwen .tuwen-info .more{overflow:hidden;color:#999}.section .section-body .item-topic{background:#FFF;border:1px solid #eee;padding:10px 15px;margin-bottom:20px;overflow:hidden;position:relative}.section .section-body .item-topic:hover{box-shadow:0 1px 3px #ddd}.section .section-body .item-topic .avatar{position:absolute;top:12px;width:40px;height:40px;overflow:hidden}.section .section-body .item-topic .avatar img{width:100%}.section .section-body .item-topic .body{width:100%;padding:0 60px 0 55px}.section .section-body .item-topic .body .header{font-size:15px;line-height:22px;margin-bottom:6px}.section .section-body .item-topic .body .header a.topic{color:#777;margin-right:5px}.section .section-body .item-topic .body .header a.title{color:#333}.section .section-body .item-topic .body .info{color:#adaaa8;font-size:13px}.section .section-body .item-topic .body .info a{color:#797776;text-decoration:underline}.section .section-body .item-topic .count{position:absolute;right:20px;top:18px}.section .section-body .item-topic .count .badge{font-weight:normal}.news-box{padding:10px 10px 15px 10px}.news-box .news-title{margin:15px 0 12px 0;overflow:hidden}.news-box .news-title h2{font-size:20px;margin:0}.news-box .news-title .more{line-height:22px}.news-box ul.text{list-style:none;padding:0;margin:0}.news-box ul.text li{padding:12px 0 12px 65px;border-top:1px solid #eee;position:relative}.news-box ul.text li .title{font-size:15px;line-height:28px}.news-box ul.text li .title i{font-size:14px}.news-box ul.text li .title a{color:#333;margin-left:3px}.news-box ul.text li .mate{font-size:12px;color:#999;line-height:22px}.news-box ul.text li .avatar{position:absolute;top:15px;left:5px}.news-box ul.text li .avatar img{width:45px;height:45px;border-radius:2px}.screen{margin-top:5px;overflow:hidden;padding-bottom:30px;box-shadow:0 3px 3px 0 rgba(0,0,0,0.05)}.screen ol.breadcrumb{margin:15px 0;padding:0;font-size:14px;line-height:18px;color:#888;background:transparent}.screen ol.breadcrumb a{color:#888}.screen ol.breadcrumb a.active{color:#333}.screen ol.breadcrumb a:hover{text-decoration:none;color:#4285f4}.screen .goods-box .goods-thumb img{width:100%}.screen .goods-box .goods-info h2{margin:0 0 10px 0;font-size:20px;font-weight:normal;overflow:hidden;text-overflow:ellipsis}.screen .goods-box .goods-info p.text{font-size:14px;line-height:23px;color:#777;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.screen .goods-box .goods-info .property{margin-bottom:15px}.screen .goods-box .goods-info .property .promotion{padding:0 15px;height:38px;line-height:38px;background:#fb6249;color:#fff;font-size:14px}.screen .goods-box .goods-info .property .promotion span.p-tag::after{content:" ";margin:0 15px;border-left:1px solid #fff;opacity:.3}.screen .goods-box .goods-info .property .promotion a{color:yellow;text-decoration:underline}.screen .goods-box .goods-info .property .promotion a:hover{color:#efefef}.screen .goods-box .goods-info .property .items{overflow:hidden;background:#f3f4f4;padding:20px 20px 10px}.screen .goods-box .goods-info .property .items p{width:50%;float:left}.select-area{display:flex;margin-bottom:15px;align-items:center}.select-area .lead{font-size:24px;font-weight:400;color:#fc583d;margin-bottom:0}.select-area .item{border:1px solid #ddd;border-radius:3px;padding:10px 15px 5px 15px;cursor:pointer;margin-right:15px}.select-area .item p{margin:0;padding:0}.select-area .item p.title{margin-bottom:5px;font-size:12px}.select-area .item p.price{display:flex;align-items:center;box-sizing:border-box}.select-area .item p.price span.symbol{font-size:14px}.select-area .item p.price span.sale-price{font-size:22px}.select-area .item.selected{border-color:#fc583d;color:#fc583d}.video{padding:20px 0}.video .video-intro{overflow:hidden;margin-bottom:5px}.video .video-intro h1{font-size:20px;line-height:1.8;margin:0 0 8px 0;font-weight:500}.video .video-intro p{line-height:1.5;color:#999}.video .video-intro p a{color:#666}.video .video-box{width:100%;height:480px;background:#1C1C1C;display:flex;align-items:center;justify-content:center}.video .video-box .player{width:100%;height:100%}.video .video-box .notice h2{font-size:22px;font-weight:normal;line-height:35px;color:#35b558;margin-bottom:20px}.video .video-box .notice p{font-size:14px;color:#ccc}.video .video-box .notice .action{margin-top:30px}.video .video-box .notice .connect{float:left;margin-top:20px;overflow:hidden}.video .video-box .notice .connect h3{line-height:50px;font-size:18px;font-weight:normal;color:#CCC;border-bottom:1px solid #CCC}.video .video-box .notice .connect ul{padding:10px 0;overflow:hidden;display:flex}.video .video-box .notice .connect ul li{margin-right:10px}.video .video-box .notice .connect ul li a{overflow:hidden;display:inline-block}.video .video-box .notice .connect ul li a img{width:150px}.video .video-box .simple-notice{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.video .video-box .simple-notice .inner-box{max-width:500px;background:#000;padding:30px;border-radius:5px}.video .video-box .simple-notice .inner-box h2{font-size:20px;color:#35b558;margin-top:0;margin-bottom:15px}.video .multi-page{border:1px solid #eee;border-radius:5px}.video .multi-page .head{color:#222;padding:10px 16px;font-weight:600;border-bottom:1px solid #eee}.video .multi-page .video-list{padding:5px 8px 8px 8px;height:392px;overflow-y:scroll}.video .multi-page .video-list a.item{display:flex;align-items:center;font-size:14px;color:#212121;padding:8px;transition:all .3s;text-decoration:none}.video .multi-page .video-list a.item:hover{color:#03a0d6}.video .multi-page .video-list a.item.active{color:#03a0d6}.video .multi-page .video-list a.item .page-num{margin-right:8px}.video .multi-page .video-list a.item .title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.video .multi-page .video-list a.item .duration{color:#757575;margin-left:auto}.video-summary{padding-top:30px}.video-summary .summary-info{background:#FFF;border-radius:3px;padding:20px}.video-summary .summary-info ol.breadcrumb{color:#888}.video-summary .summary-info ol.breadcrumb a{color:#888}.video-summary .summary-info ol.breadcrumb a:hover{text-decoration:none;color:#50a7e5}.video-summary .summary-info .main h1{font-size:24px}.layout{padding:30px 0;background:#F1F2F4}.layout .lay-left{overflow:hidden}.layout .lay-right{overflow:hidden}.widget{background:#FFF;border-radius:3px;margin-bottom:20px}.widget .header{padding-left:18px;height:50px;line-height:50px;border-bottom:1px solid #ebeced;font-size:16px;font-weight:bold;color:#333}.widget .header ul.main-nav{border-bottom:none;font-size:16px;font-weight:normal}.widget .header ul.main-nav li a{display:block;height:50px;line-height:35px;margin:0 15px;border:none;background:none;color:#333}.widget .header ul.main-nav li a:hover,.widget .header ul.main-nav li a:focus{color:#50a7e5}.widget .header ul.main-nav li.active>a{border:none;font-weight:bold;color:#50a7e5}.widget .header ul.main-nav li.active>a:after{content:'';position:absolute;left:0;top:auto;bottom:0;right:0;margin:auto;height:2px;width:30px;background-color:#50a7e5}.widget .body{padding:20px;font-size:14px}.widget .body.lecturer .overview{overflow:hidden;margin-bottom:10px}.widget .body.lecturer .overview .thumb{width:100px;height:100px;margin:10px auto}.widget .body.lecturer .overview .thumb img{width:100%}.widget .body.lecturer .overview .main{margin-top:10px}.widget .body.lecturer .overview .main h3{font-size:16px;font-weight:normal;margin:0;text-align:center}.widget .body.lecturer .overview .main h3 a{color:#333}.widget .body.lecturer .overview .main p.title{text-align:center;color:#999;margin:5px 0}.widget .body.lecturer p.intro{line-height:23px;color:#666;text-align:justify}.widget .body ul.tuwen{list-style:none;overflow:hidden;padding:0}.widget .body ul.tuwen li{float:left;width:100%;margin-bottom:20px}.widget .body ul.tuwen li:last-child{margin-bottom:0}.widget .body ul.tuwen li a{color:#333;text-decoration:none}.widget .body ul.tuwen li a:hover p.title{color:#FF6000}.widget .body ul.tuwen li a img{width:100%}.widget .body ul.tuwen li a p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.widget .body ul.tuwen li a p.title{font-size:15px;line-height:28px;margin:5px 0 2px 0}.widget .body ul.tuwen li a p.intro{font-size:12px;color:#999}.widget .body ul.tuwen li a .more{margin-top:5px;color:#999}.widget .body ul.tuwen li a .more .price{color:#fc583d}.widget .body ul.text{list-style:none;margin:0;padding:0}.widget .body ul.text li{position:relative;padding:5px 0 5px 12px;line-height:25px}.widget .body ul.text li:before{box-sizing:border-box;position:absolute;left:0;top:13px;content:"";width:0;height:0;line-height:0;border:4px solid transparent;border-left:4px solid #ccc}.widget .body ul.text li a{color:#666}.widget .body ul.text li a:hover{color:#FF6000}.widget .body ul.tags{list-style:none;margin:-8px;padding:0;overflow:hidden}.widget .body ul.tags li{width:50%;float:left;padding:5px}.widget .body ul.tags li a{display:block;width:100%;text-align:center;padding:5px 0;color:#888;border:1px solid #e9e9e9;white-space:nowrap;overflow:hidden;text-decoration:none}.widget .body ul.tags li a:hover,.widget .body ul.tags li a.active{color:#fff;background:#0da4d3;border-color:#0da4d3}.widget .body .double-row a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px;padding-left:15px;color:#666;position:relative}.widget .body .double-row a:before{content:'';width:5px;height:5px;display:inline-block;background:#ccc;-webkit-border-radius:50%;border-radius:50%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.widget .body.multi-page{padding:10px 20px}.widget .body.multi-page .video-list a.item{display:flex;align-items:center;font-size:13px;color:#212121;margin:5px -5px;padding:5px 5px;border-radius:3px;transition:all .3s;text-decoration:none}.widget .body.multi-page .video-list a.item:hover{background-color:#f4f4f4}.widget .body.multi-page .video-list a.item.active{background-color:white;color:#03a0d6}.widget .body.multi-page .video-list a.item .page-num{margin-right:8px}.widget .body.multi-page .video-list a.item .title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.widget .body.multi-page .video-list a.item .duration{color:#757575;margin-left:auto}.author-card{display:flex;flex-direction:row}.author-card .thumb{flex:0 0 auto;margin-right:20px}.author-card .thumb img{width:85px}.author-card .intro{flex:1;display:flex}.author-card .intro .info{flex:1}.author-card .intro .info h3{margin:5px 0 12px 0;font-size:18px}.author-card .intro .info p{line-height:1.2;color:#666}.author-card .intro .info .meta{border-top:1px dashed #ebeced;padding:8px 0}.author-card .intro .qrcode{flex:0 0 auto;margin-left:15px}.author-card .intro .qrcode .code-cover{padding:5px;border:1px solid #ebeced;border-radius:2px;text-align:center}.author-card .intro .qrcode .code-cover img{width:80px}.author-card .intro .qrcode .code-cover span{display:block;font-size:12px;color:#666}.video-detail{background:#FFF;border-radius:3px}.video-detail ul.main-nav{height:56px;border-bottom:1px solid #ebeced;font-size:16px}.video-detail ul.main-nav li{height:56px;line-height:56px}.video-detail ul.main-nav li a{display:block;height:55px;line-height:40px;margin:0 20px;border:none;background:none;color:#333}.video-detail ul.main-nav li a:hover,.video-detail ul.main-nav li a:focus{color:#50a7e5}.video-detail ul.main-nav li.active>a{border:none;font-weight:bold;color:#50a7e5}.video-detail ul.main-nav li.active>a:after{content:'';position:absolute;left:0;top:auto;bottom:0;right:0;margin:auto;height:2px;width:30px;background-color:#50a7e5}.video-detail .intro{padding:30px;font-size:15px;line-height:28px}.video-detail .intro h2{padding-bottom:12px;font-size:20px;border-bottom:1px solid #efefef;margin:25px 0 20px;line-height:1.4;font-weight:600}.video-detail .intro h3{padding-left:10px;font-size:18px;border-left:4px solid #3ca5f6;margin:25px 0 20px;line-height:1.2;font-weight:600}.video-detail .intro p{margin-bottom:15px;text-align:justify}.video-detail .intro img{max-width:100%;margin:15px auto}.video-detail .intro a{color:#3ca5f6}.video-detail .intro a:hover{color:#4285f4;text-decoration:underline}.video-detail .intro ul,.video-detail .intro ol{padding-left:2em;margin-bottom:20px}.video-detail .intro ul li,.video-detail .intro ol li{display:list-item;line-height:28px;margin-bottom:5px}.video-detail .intro ol{padding-left:3em}.video-detail .intro ol li{list-style:decimal}.video-detail .struct{padding:30px;font-size:14px}.video-detail .struct .overview{color:#555;padding-bottom:6px;border-bottom:1px solid #ebeced}.video-detail .struct ul.loose{list-style:none;overflow:hidden;padding:0}.video-detail .struct ul.loose li{width:100%;float:left;border-bottom:1px solid #ebeced}.video-detail .struct ul.loose li a{display:block;padding:20px 0;overflow:hidden}.video-detail .struct ul.loose li a:hover .detail p.title{color:#3599e1}.video-detail .struct ul.loose li a .number{float:left;width:40px;height:40px;line-height:36px;font-size:16px;text-align:center;border-radius:50%;margin-right:30px;font-weight:bold;border:2px solid #c2e0f6;color:#3599e1}.video-detail .struct ul.loose li a .detail{float:left}.video-detail .struct ul.loose li a .detail p{margin:0}.video-detail .struct ul.loose li a .detail p.title{color:#333;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis}.video-detail .struct ul.loose li a .detail p.duration{color:#999}.video-detail .struct ul.tree{list-style:none;overflow:hidden;padding:0;margin-top:15px}.video-detail .struct ul.tree>li.active ul.list{display:block}.video-detail .struct ul.tree>li:hover{cursor:pointer}.video-detail .struct ul.tree>li .chapter{background:#F4F4F4;overflow:hidden;height:45px;line-height:45px;padding:0 20px}.video-detail .struct ul.tree>li ul.list{list-style:none;overflow:hidden;padding:0;display:none}.video-detail .struct ul.tree>li ul.list li{width:100%;float:left;border-bottom:1px solid #ebeced}.video-detail .struct ul.tree>li ul.list li.active a span.title{color:#3599e1}.video-detail .struct ul.tree>li ul.list li a{display:block;padding:12px 15px}.video-detail .struct ul.tree>li ul.list li a:hover{text-decoration:none}.video-detail .struct ul.tree>li ul.list li a:hover span.title{color:#3599e1}.video-detail .struct ul.tree>li ul.list li a span.title{margin-left:10px;color:#333}.video-detail .struct ul.tree>li ul.list li a span.duration{color:#999}.video-detail .struct ul.tree>li ul.list li p{display:block;padding:12px 15px;margin-bottom:0;cursor:not-allowed}.video-detail .struct ul.tree>li ul.list li p span.title{margin-left:10px;color:#999}.video-detail .struct ul.tree>li ul.list li p span.duration{color:#ccc}.video-detail .discuss{padding:30px;font-size:14px}.post{padding:30px;background:#fff;font-size:14px;border-radius:3px;box-shadow:0 1px 4px 1px rgba(0,0,0,0.05)}.post:hover{box-shadow:0 2px 10px rgba(0,0,0,0.15);transition:all .3s ease 0s}.post ol.breadcrumb{overflow:hidden;padding:12px 20px;margin:-30px -30px 30px -30px;color:#999;border-radius:0;border-bottom:1px solid #ebeced;background:#FFF}.post ol.breadcrumb li{float:left}.post ol.breadcrumb li+:before{content:"/";padding:0 5px;color:#ccc}.post ol.breadcrumb li a{color:#999}.post ol.breadcrumb li a:hover{color:#3ca5f6}.post .post-head{margin-bottom:20px}.post .post-head h1{margin-top:0;margin-bottom:15px;font-size:24px;font-weight:500;line-height:1.4;color:#333}.post .post-head .post-info{color:#999;padding-bottom:10px;font-size:13px}.post .post-head .post-info a{color:#666}.post .post-head .post-info a.nickname{color:#3ca5f6}.post .post-head .post-info a:hover{color:#4285f4;text-decoration:none}.post .post-head .post-info span.dot{margin:0 3px;color:#ccc}.post .post-excerpt{padding:15px;margin-bottom:25px;line-height:1.8;color:#999;background:#fbfbfb;border:1px solid #efefef;border-radius:2px}.post .post-video{position:relative;width:100%;height:0;padding-bottom:66%;margin-bottom:25px}.post .post-video iframe{position:absolute;width:100%;height:100%;left:0;top:0}.post .post-content{font-size:16px;color:#444;line-height:25px}.post .post-content h2{padding-bottom:12px;font-size:20px;border-bottom:1px solid #efefef;margin:30px 0 20px;line-height:1.4;font-weight:700}.post .post-content h3{padding-left:10px;font-size:18px;border-left:4px solid #3ca5f6;margin:30px 0 20px;line-height:1.2;font-weight:700}.post .post-content p{line-height:1.8em;margin-bottom:15px}.post .post-content img{max-width:100%}.post .post-content pre.prettyprint{white-space:pre-wrap;word-wrap:break-word;font-size:14px}.post .post-content a{color:#3ca5f6}.post .post-content a:hover{color:#4285f4;text-decoration:underline}.post .post-content ul,.post .post-content ol{padding-left:2em;margin-bottom:20px}.post .post-content ul li,.post .post-content ol li{margin-bottom:10px;display:list-item;line-height:28px}.post .post-content ol{padding-left:3em}.post .post-content ol li{list-style:decimal}.post .post-content .post-copyright{margin-top:30px;padding:15px;line-height:1.6em;color:#666;border:1px solid #efefef;background:#fbfbfb;border-radius:2px;border-left:4px solid orange}.post .post-content .post-copyright p{margin:0}.post .page-nav{margin:20px -30px 0 -30px;padding:20px 30px 0;border-top:#eee solid 1px;overflow:hidden}.post .page-nav dl{margin-bottom:0}.post .page-nav dl dt{margin-bottom:5px}.post .page-nav dl dd a{color:#666}.post .page-nav dl dd a:hover{color:#333;text-decoration:underline}.post .page-nav a{line-height:25px;text-decoration:none}.post .page-nav a:hover span{border-color:#009AFF;color:#009AFF}.post .page-nav a span{margin-right:12px;padding:3px 8px;font-size:12px;border:1px solid #e3e3e3;color:#4d4d4d}.comment-list{margin-top:20px;background:#FFF;border-radius:3px}.comment-list .comment-header{padding-left:20px;height:50px;line-height:50px;border-bottom:1px solid #ebeced;font-size:16px;font-weight:bold;color:#333}.comment-list .comment-body{padding:20px;overflow:hidden;font-size:14px}.comment-list .comment-body .cell{position:relative;margin-bottom:20px;padding-bottom:20px;overflow:hidden;border-bottom:1px solid #ebeced}.comment-list .comment-body .cell:last-child{border-bottom:none;margin-bottom:0}.comment-list .comment-body .cell .avatar{position:absolute;top:0;left:0}.comment-list .comment-body .cell .avatar img{width:40px;height:40px;border-radius:3px;overflow:hidden}.comment-list .comment-body .cell .main{width:100%;padding-left:55px;float:left}.comment-list .comment-body .cell .main .header{overflow:hidden}.comment-list .comment-body .cell .main .header .user-name{float:left;color:#42a7ff;margin-bottom:10px}.comment-list .comment-body .cell .main .content{overflow:hidden;margin-bottom:5px;line-height:25px}.comment-list .comment-body .cell .main .more{color:#999;font-size:12px}.comment-list .comment-body .cell .main .more span.post-time{margin-right:10px}.comment-list .comment-body .cell .main .sub-cell{margin-top:15px;padding:15px;border:1px solid #efefef;background:#fbfbfb;border-radius:3px}.comment-list .comment-body .cell .main .sub-cell .cell-box{margin-bottom:10px;padding-bottom:10px;overflow:hidden;border-bottom:1px solid #efefef}.comment-list .comment-body .cell .main .sub-cell .cell-box:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-list .comment-body .cell .main .sub-cell .cell-box span.post-time{margin-left:10px;color:#999}.comment-list .comment-form{padding:20px;border-top:1px solid #ebeced}.comment-list .comment-form .form-header{line-height:24px;overflow:hidden;margin:10px 0}.comment-list .comment-form .form-header h3{margin:0;font-size:16px;line-height:24px;font-weight:bold;float:left}.comment-list .comment-form .form-header span{font-size:14px;float:left;margin-left:15px;color:#28a3ef}.comment-list .comment-form .form-submit{margin-top:15px}.jumbotron-page{background:url("../imgs/fullstack-page.jpg") no-repeat center;color:#FFF;margin:0}.jumbotron-page h2.jumbotron-title{margin:0 0 5px 0;text-align:center;font-weight:normal;font-size:32px;letter-spacing:10px}.jumbotron-page p.jumbotron-intro{width:50%;margin:15px auto 0 auto;line-height:24px;text-align:center;font-size:14px;letter-spacing:1px;padding:15px 0 0;position:relative}.jumbotron-page p.jumbotron-intro:before{position:absolute;left:50%;top:0;width:50px;height:2px;margin-left:-25px;background:#e5e5e5;content:""}.archive-list{background:#FFF;overflow:hidden;border-radius:3px}.archive-list .archive-title{padding:15px 20px;border-bottom:1px solid #efefef}.archive-list .archive-title ol.breadcrumb{overflow:hidden;padding:0;margin:0;color:#666;border-radius:0;font-size:14px;background:#FFF}.archive-list .archive-title ol.breadcrumb li{float:left}.archive-list .archive-title ol.breadcrumb li+:before{content:"/";padding:0 5px;color:#ccc}.archive-list .archive-title ol.breadcrumb li a{color:#999}.archive-list .archive-title ol.breadcrumb li a:hover{color:#3ca5f6}.archive-list .archive-title ul.tabs{overflow:hidden;margin:0;padding:0;list-style:none}.archive-list .archive-title ul.tabs li{float:left;margin-right:10px}.archive-list ul.tuwen{margin:0;padding:0;text-decoration:none}.archive-list ul.tuwen li{padding:20px;border-bottom:1px solid #efefef;overflow:hidden;transition:all .3s ease 0s}.archive-list ul.tuwen li:hover{background:#FAFAFA}.archive-list ul.tuwen li .item-img{position:relative;float:left;width:245px;overflow:hidden;transition:box-shadow .3s ease 0s}.archive-list ul.tuwen li .item-img img{width:100%;max-height:153px;vertical-align:top;transition:all .3s ease-out 0s}.archive-list ul.tuwen li .item-img a.item-category{position:absolute;left:10px;top:10px;padding:5px 6px;font-size:12px;color:#fff;background-color:#000;filter:alpha(opacity=60);background:rgba(0,0,0,0.6);border-radius:2px;text-decoration:none}.archive-list ul.tuwen li .item-img a.item-category:hover{background:#4285f4}.archive-list ul.tuwen li .item-content{position:relative;margin-left:265px;min-height:152px}.archive-list ul.tuwen li .item-content h2.item-title{margin:0 0 10px;font-weight:500;font-size:18px;line-height:1.4}.archive-list ul.tuwen li .item-content h2.item-title a{color:#333}.archive-list ul.tuwen li .item-content h2.item-title a:hover{color:#FF6000}.archive-list ul.tuwen li .item-content .item-excerpt{height:50px;line-height:25px;color:#999;font-size:14px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}.archive-list ul.tuwen li .item-content .item-meta{width:100%;margin:0;position:absolute;bottom:10px;color:#999;font-size:13px;font-size:.13rem}.archive-list ul.tuwen li .item-content .item-meta a{color:#999;text-decoration:none}.archive-list ul.tuwen li .item-content .item-meta a:hover{color:#009AFF}.archive-list ul.tuwen li .item-content .item-meta .item-meta-li{display:inline-block;margin-right:15px;vertical-align:top;line-height:30px}.archive-list ul.tuwen li .item-content .item-meta .author{margin-right:30px;display:inline-block}.archive-list ul.tuwen li .item-content .item-meta .author a.avatar{width:30px;height:30px;display:inline-block;margin-right:5px}.archive-list ul.tuwen li .item-content .item-meta .author a.avatar img{width:100%;height:100%;border-radius:50%;background:#f5f5f5;border:1px solid #f5f5f5;vertical-align:top}.archive-list ul.tuwen li.list-thumb .item-content{position:relative;margin-left:0}.archive-list ul.tuwen li.list-thumb .item-content .item-images{display:block;margin-bottom:10px;font-size:0}.archive-list ul.tuwen li.list-thumb .item-content .item-images span{box-sizing:border-box;display:inline-block;width:24.25%;margin-right:1%;height:125px;vertical-align:top;overflow:hidden;transition:all .3s ease-out 0s}.archive-list ul.tuwen li.list-thumb .item-content .item-images span:nth-last-child(1){margin-right:0}.archive-list ul.tuwen li.list-thumb .item-content .item-images span img{vertical-align:middle;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease-out 0s}.archive-list ul.tuwen li.list-thumb .item-excerpt{height:auto}.archive-list ul.tuwen li.list-thumb .item-meta{position:relative;top:0;margin-top:10px}.archive-list ul.text-img{margin:0;padding:0;list-style:none;overflow:hidden}.archive-list ul.text-img li.item{float:left;min-height:140px;position:relative;width:100%;padding:20px;border-bottom:1px solid #f0f0f0;word-wrap:break-word}.archive-list ul.text-img li.item.has-img .content{padding-right:150px}.archive-list ul.text-img li.item .content{float:left}.archive-list ul.text-img li.item .content a.title{display:inherit;margin-bottom:5px;color:#444;font-size:18px;font-weight:700;line-height:1.5}.archive-list ul.text-img li.item .content .abstract{margin:0 0 8px;font-size:13px;line-height:24px;color:#999}.archive-list ul.text-img li.item .content .meta{font-size:12px;font-weight:400;line-height:20px}.archive-list ul.text-img li.item .content .meta a,.archive-list ul.text-img li.item .content .meta span{margin-right:10px;color:#b4b4b4}.archive-list ul.text-img li.item .content .meta a:hover{text-decoration:none;color:#333}.archive-list ul.text-img li.item .wrap-img{position:absolute;top:50%;margin-top:-50px;right:20px;width:125px;height:100px}.archive-list ul.text-img li.item .wrap-img img{width:100%;height:100%;border-radius:4px;border:1px solid #f0f0f0}.archive-list .empty{padding:15px}.archive-list ul.text{padding:20px}.archive-list ul.text li{list-style-type:disc;list-style-position:inside;color:#999;padding:6px 10px 6px 10px;line-height:30px;border-bottom:1px dashed #eee}.archive-list ul.text li span.date{font-size:12px}.archive-list ul.topic{margin:0;padding:0;list-style:none}.archive-list ul.topic li{padding:10px 15px;overflow:hidden;line-height:30px;border-bottom:1px solid #f0f0f0}.archive-list ul.topic li:hover{background:#eee}.archive-list ul.topic li .avatar img{width:30px;height:30px}.archive-list ul.topic li .count{width:70px;text-align:center;color:#666}.archive-list ul.topic li .title span{margin-right:3px}.archive-list ul.topic li .title a{font-size:15px;color:#333;vertical-align:middle;text-decoration:none}.archive-list ul.topic li .title a:hover{color:#188fff}.archive-list ul.topic li .updated-time{color:#999}.archive-list ul.topic li .updated-time a.small-avatar{margin-right:5px;text-decoration:none}.archive-list ul.topic li .updated-time a.small-avatar img{border-radius:3px;height:18px;width:18px;vertical-align:middle}.archive-list ul.topics-list{margin:0;padding:0;list-style:none}.archive-list ul.topics-list li{border-bottom:1px solid #F0F0F0;padding:10px 15px;overflow:hidden;position:relative}.archive-list ul.topics-list li:hover{background:#eee}.archive-list ul.topics-list li .avatar{position:absolute;top:12px;width:40px;height:40px;overflow:hidden}.archive-list ul.topics-list li .avatar img{width:100%}.archive-list ul.topics-list li .body{width:100%;padding:0 45px 0 55px}.archive-list ul.topics-list li .body .header{font-size:15px;line-height:22px;margin-bottom:6px}.archive-list ul.topics-list li .body .header a.topic{color:#777;margin-right:5px}.archive-list ul.topics-list li .body .header a.title{color:#333}.archive-list ul.topics-list li .body .info{color:#adaaa8;font-size:12px}.archive-list ul.topics-list li .body .info a{color:#797776;text-decoration:underline}.archive-list ul.topics-list li .count{position:absolute;right:20px;top:18px}.archive-list ul.topics-list li .count .badge{font-weight:normal}.archive-list .page-nav .pagination{float:left;padding-left:20px}.app-topic-v2{background:#f1f2f4}.app-topic-v2 p{margin:0}.app-topic-v2 .topic-list{margin:30px 0}.app-topic-v2 .topic-list .topic-item{margin-bottom:30px;border-radius:5px;border:1px solid #ddd;background:#fff}.app-topic-v2 .topic-list .topic-item .topic-item-title{background:#1089d4;padding:15px 20px;color:#fff;font-size:16px}.app-topic-v2 .topic-list .topic-item .topic-item-intro{border-bottom:1px solid #ddd;padding:20px}.app-topic-v2 .topic-list .topic-item .topic-item-intro .summary{line-height:1.8}.app-topic-v2 .topic-list .topic-item .topic-item-intro .actions{margin-top:5px}.app-topic-v2 .topic-list .topic-item .topic-item-intro .actions .btn{margin-top:5px}.app-topic-v2 .topic-list .topic-item .course-list{padding:20px 20px 0 20px}.app-topic-v2 .topic-list .topic-item .course-list a{text-decoration:none;color:inherit;display:block}.app-topic-v2 .topic-list .topic-item .course-list .course-item{display:flex;margin-bottom:20px;border-radius:5px;border:1px solid #ddd}.app-topic-v2 .topic-list .topic-item .course-list .course-item .cover{width:220px;flex-shrink:0}@media screen and (max-width:767px){.app-topic-v2 .topic-list .topic-item .course-list .course-item .cover{width:125px}}.app-topic-v2 .topic-list .topic-item .course-list .course-item .content{flex:1;min-width:0;padding:10px 15px;display:flex;flex-direction:column;justify-content:space-between}.app-topic-v2 .topic-list .topic-item .course-list .course-item .content .info .title{margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-topic-v2 .topic-list .topic-item .course-list .course-item .content .actions{display:flex;justify-content:space-between;align-items:center}.app-topic-v2 .topic-list .topic-item .course-list .course-item .content .actions .price{font-size:16px;color:red}.app-topic-v2 .topic-list .topic-item .course-list .course-item .content .actions .btn{color:#fff}.App-topic{background:url('../imgs/topic-bg.png');padding:60px;position:relative}.App-topic h2{text-align:center;font-size:38px;color:#fff;font-weight:normal;letter-spacing:2px}.App-topic .sub-title{text-align:center;color:#fde4bc;font-size:20px;margin-top:25px;margin-bottom:75px}.App-topic .summary{position:absolute;bottom:-70px;left:50%;margin-left:-460px;width:920px;padding:30px 45px;background:#fff;border-radius:5px;box-shadow:0 1px 4px 1px rgba(0,0,0,0.1);display:flex;justify-content:space-between;align-items:center}.App-topic .summary .price span.sale{font-size:28px;color:#fc583d}.App-topic .summary .price span.origin{text-decoration:line-through;margin-left:20px}.App-topic .summary .price p.tips{margin-top:10px}.App-topic-course{width:920px;margin:100px auto}.App-topic-course h3{text-align:center}.App-topic-course ul.course-list{padding:0}.App-topic-course ul.course-list li.course-item{list-style:none;padding:20px;background:#FFFFFF;border:1px solid #E9EEF3;box-shadow:0 8px 16px 0 rgba(208,217,227,0.1);border-radius:8px;margin-top:20px;display:flex}.App-topic-course ul.course-list li.course-item a.img{margin-right:20px}.App-topic-course ul.course-list li.course-item a.img img{border-radius:8px;max-width:300px}.App-topic-course ul.course-list li.course-item .content{width:600px;padding:5px;display:flex;flex-direction:column;justify-content:space-between}.App-topic-course ul.course-list li.course-item .content .info .title{font-size:18px;color:#213249;margin:0}.App-topic-course ul.course-list li.course-item .content .info p.desc{color:#666;margin:10px 0}.App-topic-course ul.course-list li.course-item .content .info .tags{margin-top:15px}.App-topic-course ul.course-list li.course-item .content .action{display:flex;justify-content:space-between;align-items:center}.App-topic-course ul.course-list li.course-item .content .action .price{font-size:24px;color:#fc583d}.App-timeline{padding:20px 30px;border-bottom:1px solid #eee}.App-timeline .Timeline-box{position:relative;padding:3px 0;font-size:15px}.App-timeline .Timeline-box .Timeline-line{position:absolute;left:100px;top:0;bottom:0;width:4px;background-color:#eeeeee}.App-timeline .Timeline-box .Timeline-item{overflow:hidden;line-height:1.8;margin:15px 0}.App-timeline .Timeline-box .Timeline-item.red .Item-date:before{background-color:#F54645}.App-timeline .Timeline-box .Timeline-item.green .Item-date:before{background-color:#008002}.App-timeline .Timeline-box .Timeline-item .Item-date{position:relative;width:120px;float:left;color:#666}.App-timeline .Timeline-box .Timeline-item .Item-date:before{position:absolute;right:11px;top:7px;content:"";width:14px;height:14px;display:block;background-color:#cccccc;border-radius:50%;border:2px solid #ffffff}.App-timeline .Timeline-box .Timeline-item .Item-info{float:left;margin:0}.App-timeline .Timeline-box .Timeline-item .Item-info a{display:block;color:#333;font-size:16px}.App-timeline .Timeline-box .Timeline-item .Item-info p{margin:10px 0 5px 0;line-height:1.2;font-size:13px;color:#999}.App-holds{padding:20px 30px}.App-holds .summary p{margin:0;font-size:13px;color:#999}.App-holds .summary p.price{font-size:24px;color:#666}.App-holds .summary p.price span{position:relative;top:-2px;margin-right:2px}.App-holds .summary p.price small{font-size:.6em}.App-holds .summary p.title{margin-bottom:5px}.App-holds .summary .profit{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:20px}.App-holds .summary .profit p.price{font-size:38px}.App-holds .summary .profit p.price span{top:-4px}.App-holds .summary .item{margin:10px 0}.Holds-panel{margin-top:20px;background:white;border-radius:3px}.Holds-panel .panel-title{padding:15px 20px;font-size:16px;font-weight:600;border-bottom:1px solid #eee}.Holds-panel .panel-body table{margin-bottom:0}.Holds-panel .panel-body table tr td{vertical-align:middle}.Holds-panel .panel-body table tr td b{font-weight:500}.Holds-panel .panel-body table tr th{vertical-align:middle}.Holds-panel .panel-body table p{margin:0}.Holds-panel .panel-body table .cover{cursor:pointer}.Holds-panel .panel-body table .cover .img-box{display:none;background:#ffffff;position:fixed;left:50%;top:50%;z-index:100;margin-left:-310px;margin-top:-370px;padding:20px;border:1px solid #ebeced;border-radius:5px}.Holds-panel .panel-body table .cover .img-box h3{font-size:16px;margin:0 0 10px 0}.Holds-panel .panel-body table .cover:hover{background:#eee}.Holds-panel .panel-body table .cover:hover .img-box{display:block}.App-market{padding:20px 30px}.App-market .item:not(:last-child){margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd}.App-market .item h3{font-size:20px;margin:0 0 15px 0;font-weight:500}.App-market .item h4{font-size:16px;margin-bottom:10px;border-left:3px solid #049EEA;padding-left:8px;font-weight:500}.App-market .item table{margin-bottom:0}.App-market .item-flow{margin-top:20px}.App-market .index-box{border:1px solid #ddd;margin-top:15px}.App-market .index-box .title{background:#66A0DC;text-align:center;color:#ffffff;padding:20px 0;font-size:16px;font-weight:600}.App-market .index-box .title span{font-weight:400;font-size:14px}.App-market .index-box .info{padding:20px 0}.App-market .index-box .info .price{font-size:30px;float:left}.App-market .index-box .info .zdf{float:left;margin-left:10px}.App-market .index-box .detail{border-left:1px solid #ddd;padding-top:19px;padding-bottom:19px}.App-market .index-box .detail .row{margin:0;line-height:1.8}.App-market .index-box .detail .row .col-md-4{padding:0;font-size:13px}.App-market .index-list{overflow:hidden}.App-market .index-list .index-item{border:1px solid #ecebeb}.App-market .index-list .index-item .title{text-align:center;height:35px;line-height:35px;border-bottom:1px solid #ecebeb;font-weight:500}.App-market .index-list .index-item .info{padding:10px}.App-market .index-list .index-item .info p{text-align:center;margin-bottom:0}.App-market .index-list .index-item .info p.num{font-weight:500;font-size:22px;margin-bottom:5px}.App-market .index-list .index-item .info p.current{font-size:16px}.App-market .index-list .index-item .more{text-align:center;border-top:1px solid #ecebeb;padding:5px 0}.App-market .index-list .index-item .more span{display:inline-block;padding:0 4px}.App-market .index-list .index-item .more span.up{color:#f54346}.App-market .index-list .index-item .more span.down{color:#14ba71}.App-market .index-list .index-item .more span em{position:relative;top:-1px;margin-right:2px}.App-market .index-list .index-item .more span em.grey{color:#999}.topics-header{padding:20px 0 10px 0}.topics-header .title{margin:20px 0;overflow:hidden}.topics-header .title h2{margin:0;line-height:28px;font-size:24px;float:left}.topics-header .title span.total{position:relative;top:5px;display:inline-block;line-height:28px;margin-left:20px;color:#999}.topics-header .summary{margin-bottom:20px}.topics-header .summary hr{margin:10px 0}.vip-box{padding:80px 0;background-image:url(../imgs/bg-vip.jpg);background-repeat:no-repeat;background-size:cover}.vip-box .user-info{text-align:center;color:#FFF}.vip-box .user-info .no-login p{margin-top:10px}.vip-box .user-info .avatar img{width:56px;height:56px;border-radius:50%}.vip-box .user-info .info-text p{color:#CCC}.vip-box .items{padding:60px 100px 0 100px}.vip-box .items .item{height:120px;padding:30px;border-radius:4px;background:#fff;position:relative}.vip-box .items .item span.discount{position:absolute;top:0px;left:0px;padding:0 10px;height:20px;line-height:20px;border-radius:4px;border-bottom-left-radius:0;border-top-right-radius:0;background-color:#FE695D;font-size:12px;font-weight:500;color:#fff}.vip-box .items .item .unit-price span.price{font-size:28px;font-weight:normal}.vip-box .items .item .unit-price span.unit{vertical-align:middle}.vip-box .items .item p.desc{margin-top:5px;font-size:12px;color:#999}.vip-box .items .item a.btn-buy{position:absolute;top:44px;right:20px}.login-box{padding:120px 0}.login-box .main-box{width:680px;z-index:100;border-radius:3px;margin:0 auto;background:#FFF;overflow:hidden;box-shadow:0 0 6px 1px rgba(0,0,0,0.15)}.login-box .main-box .box-inner{float:left;width:410px;padding:40px 40px 40px 70px}.login-box .main-box .box-inner .title{line-height:26px;overflow:hidden;margin-bottom:25px}.login-box .main-box .box-inner .title h3{float:left;margin:0;font-size:18px;font-weight:500;border-bottom:2px solid #398dee;cloor:#398dee;padding-bottom:8px}.login-box .main-box .box-inner .title .more{color:#666;margin-top:8px}.login-box .main-box .box-inner .title .more a{color:#398dee}.login-box .main-box .box-inner .login-form{overflow:hidden}.login-box .main-box .box-sidebar{float:left;width:270px;padding:40px 40px 40px 50px}.login-box .main-box .box-sidebar .title{line-height:26px;overflow:hidden;margin-bottom:20px}.login-box .main-box .box-sidebar .title h3{float:left;margin:0;font-size:18px;font-weight:normal}.login-box .main-box .box-sidebar ul.social-list{padding:0;margin-top:30px;list-style:none;overflow:hidden}.login-box .main-box .box-sidebar ul.social-list li{width:100%;float:left;margin-bottom:15px}.login-box .main-box .box-sidebar .ercode img{max-width:100%}.App-auth{padding:100px 0}.App-auth .Auth-box{width:460px;border-radius:3px;margin:0 auto;background:#FFF;overflow:hidden;box-shadow:0 0 6px 1px rgba(0,0,0,0.15)}.App-auth .Auth-box .Auth-tab{overflow:hidden}.App-auth .Auth-box .Auth-tab a{display:block;padding:20px;float:left;width:50%;font-size:16px;text-align:center;color:#333333;background-color:#f5f5f5;transition:all .3s ease}.App-auth .Auth-box .Auth-tab a.active,.App-auth .Auth-box .Auth-tab a:hover{background-color:#fff;text-decoration:none}.App-auth .Auth-box .Auth-main{padding:30px 40px}.App-auth .Auth-box .Auth-more{margin-top:12px}.ucenter{padding:30px 0}.ucenter .post-form{padding:30px;border-radius:3px;background:#FFF}.ucenter .post-form label{font-weight:normal}.ucenter .post-form .side-submit{margin-bottom:20px}.ucenter .post-form .side-item{margin-bottom:20px;border:1px solid #efefef}.ucenter .post-form .side-item .item-title{padding:5px 10px;border-bottom:1px solid #efefef;background:#fafafa}.ucenter .post-form .side-item .item-body{padding:10px}.ucenter .post-form .side-item .item-body p.item-notice{margin:5px 0 0 0;font-size:12px;color:#999}.ucenter .post-form .side-item .item-body .tagsinput{height:60px;margin-bottom:0}.ucenter .post-form .side-item .item-body .tagsinput span{margin-bottom:5px}.ucenter .member-sidebar{padding:20px;border-radius:3px;font-size:15px;background:#FFF}.ucenter .member-sidebar .member-avatar{position:relative;margin:15px auto;width:100px;height:100px;border-radius:50%;overflow:hidden;box-shadow:0 0 1px rgba(0,0,0,0.3)}.ucenter .member-sidebar .member-avatar:hover .edit-avatar{display:block}.ucenter .member-sidebar .member-avatar img{width:100%}.ucenter .member-sidebar .member-avatar .edit-avatar{display:none;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;font-size:38px;line-height:100px;text-align:center;color:#fff;background:rgba(0,0,0,0.5);cursor:pointer}.ucenter .member-sidebar .member-name{text-align:center;font-weight:bold}.ucenter .member-sidebar .member-name a{color:#333}.ucenter .member-sidebar ul.member-nav{margin-top:30px;padding:0;list-style:none}.ucenter .member-sidebar ul.member-nav li.active a{background-color:#f4645f;border-color:#f93e38;color:#FFF}.ucenter .member-sidebar ul.member-nav li.active a:hover{background-color:#f4645f}.ucenter .member-sidebar ul.member-nav li a{padding:8px;display:block;text-align:center;text-decoration:none;color:#555;border-bottom:1px solid #f2f2f2}.ucenter .member-sidebar ul.member-nav li a:hover{background-color:#f5f5f5}.ucenter .member-main{padding:20px;border-radius:3px;font-size:14px;background:#FFF}.ucenter .member-main h3{margin:0 0 20px 0;font-size:18px;font-weight:bold;padding:5px 0 10px 0;border-bottom:1px solid #ddd}.profile{padding:30px 0}.profile ul{overflow:hidden;list-style:none;margin:0;padding:0}.profile .page-nav{margin-top:20px}.profile .user-card{background:#FFF;border-radius:3px;margin-bottom:20px}.profile .user-card .user-info{padding:15px 50px 15px 20px;position:relative;border-bottom:1px solid #efefef}.profile .user-card .user-info a.nick-name{display:block;line-height:28px;margin-bottom:5px;font-size:16px;font-weight:bold;color:#333}.profile .user-card .user-info p.mate{font-size:12px;color:#666;margin:0}.profile .user-card .user-info a.avatar{display:block;width:45px;height:45px;position:absolute;top:20px;right:15px}.profile .user-card .user-info a.avatar img{width:100%}.profile .user-card ul.user-stat{border-bottom:1px solid #efefef;padding:10px 0}.profile .user-card ul.user-stat li{width:33.3%;float:left;text-align:center}.profile .user-card ul.user-stat li p{margin:0;color:#666}.profile .user-card ul.user-stat li p.title{line-height:25px}.profile .user-card ul.user-stat li p.count{font-size:13px;font-weight:bold}.profile .user-card ul.user-count{padding:15px 0}.profile .user-card ul.user-count li{width:50%;float:left;text-align:center}.profile ul.user-nav li{border-bottom:1px solid #f2f2f2}.profile ul.user-nav li.active a{background-color:#f4645f;border-color:#f93e38;color:#FFF}.profile ul.user-nav li.active a:hover{color:#FFF}.profile ul.user-nav li a{display:block;padding:8px;text-align:center;text-decoration:none;color:#555}.profile ul.user-nav li a:hover{color:#f93e38}.profile ul.user-nav li a i{margin-right:5px}.profile ul.article-list{overflow:hidden;display:none}.profile ul.article-list>li{border-bottom:1px dashed #efefef;padding:15px 10px}.profile ul.article-list>li:first-child{padding-top:0}.profile ul.article-list>li a.title{display:block;margin-bottom:8px;line-height:26px;font-size:15px;color:#333;font-weight:bold}.profile ul.article-list>li .mate{color:#666;font-size:13px}.profile ul.discuss-list{overflow:hidden}.profile ul.discuss-list>li{border-bottom:1px dashed #efefef;padding:15px 10px}.profile ul.discuss-list>li:first-child{padding-top:0}.profile ul.discuss-list>li a.title{display:inline-block;margin-bottom:8px;line-height:26px;font-size:15px;color:#333;font-weight:bold}.profile ul.discuss-list>li span.mate{float:left;color:#666;font-size:13px}.profile ul.discuss-list>li .comment-body{overflow:hidden;color:#666}.profile ul.discuss-list>li .comment-body a{float:left;margin-right:10px}.profile ul.discuss-list>li .comment-body p{float:left;display:inline}.error{height:325px;padding:20px;margin:50px auto;background:url('../imgs/error_bg.png') no-repeat center}.error .content h2{font-size:26px;font-weight:normal;color:#444}.error .content p.state{font-size:14px;color:#777;margin:15px 0 40px;line-height:1.8em}.error .search-widget{margin-top:20px}.error .search-widget .search-tag{margin-top:8px;font-size:14px}.error .search-widget .search-tag a{margin-left:8px}.index-partner{margin-bottom:30px;padding:0 15px;overflow:hidden;border:1px solid #EEE}.index-partner .heading{padding:10px 0;border-bottom:1px solid #EEE}.index-partner .heading b{font-size:14px;color:#444;margin-right:20px;padding-left:10px;border-left:3px solid #2089e6}.index-partner .heading span{color:#888;font-size:12px}.index-partner ul{margin:0;padding:0;list-style:none}.index-partner ul.img{margin-right:-12px;margin-top:10px;overflow:hidden}.index-partner ul.img li{float:left;margin:0 12px 12px 0;border:1px solid #efefef}.index-partner ul.img li img{width:146px}.index-partner ul.text{margin:10px -16px 5px 0;overflow:hidden}.index-partner ul.text li{float:left;font-size:12px}.index-partner ul.text li a{display:inline-block;margin:0 15px 10px 0;color:#999}.footer{background:#272425;padding:10px 0 30px 0;font-size:12px}.footer h3{color:#FFFFFF;border-left:3px solid #0084ff;font-size:14px;font-weight:600;padding-left:10px;line-height:14px;margin-bottom:15px}.footer a{color:#939393}.footer a:hover{color:#EEEEEE}.footer span{color:#939393}.footer .friend{margin-top:20px;border-bottom:1px solid #333;padding-bottom:20px}.footer .friend h3{border-left:3px solid #0084ff;font-size:14px;font-weight:600;padding-left:10px;line-height:14px;margin-bottom:15px}.footer .friend ul{margin:0;padding:0}.footer .friend ul li{float:left;margin:5px 10px}.footer .siteinfo{margin-top:15px}.footer .siteinfo ul{margin:0;padding:0}.footer .siteinfo ul li{padding-left:12px;list-style:none;line-height:24px}.footer .siteinfo .img-box{float:left;color:#FFF;margin-right:15px}.footer .siteinfo .img-box:last-child{margin-right:0}.footer .siteinfo .img-box .text{margin-top:5px}.footer .siteinfo .img-box .text p{text-align:center;margin:0;line-height:18px}.copyright{padding:15px 0;background:#161616;color:#DDDDDD}.fixed-im{position:fixed;left:50%;margin-left:600px;bottom:150px;border:1px solid #e8e8e8;background:#FFF;border-radius:3px}.fixed-im .im-item{border-bottom:1px solid #e8e8e8}.fixed-im .im-item .icon{margin:10px 3px 0 3px;font-size:45px;color:#666;display:flex;flex-direction:column}.fixed-im .im-item .icon i{margin:0 auto}.fixed-im .im-item .icon.wechat{color:#FF7955}.fixed-im .im-item .icon.qq{font-size:40px;margin-bottom:5px;color:#FFA956}.fixed-im .im-item .icon.up{margin-top:-2px;color:#696969}.fixed-im .im-item span{color:#666;font-size:12px;display:block;margin-bottom:5px;text-align:center}.fixed-im .im-item a{text-decoration:none;display:block}.fixed-im .im-item:hover .icon.wechat{color:#ED491D}.fixed-im .im-item:hover .icon.qq{color:#FF7C01}.fixed-im .im-item:hover .icon.up{color:#333}.fixed-im .im-item:hover .item-ext{display:block}.fixed-im .im-item .item-ext{position:absolute;right:100%;bottom:0px;padding-right:12px;display:none}.fixed-im .im-item .item-ext .qrcode{background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1);border-radius:5px;overflow:hidden;padding:10px;border:1px solid #e8e8e8}.fixed-im .im-item .item-ext .qrcode .item{width:200px;float:left;overflow:hidden;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #eaeaea}.fixed-im .im-item .item-ext .qrcode .item:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.fixed-im .im-item .item-ext .qrcode .item .item-img{width:80px;float:left}.fixed-im .im-item .item-ext .qrcode .item .item-img img{width:100%}.fixed-im .im-item .item-ext .qrcode .item .item-text{float:left;width:120px;margin-top:10px;font-size:12px;text-align:center}.fixed-im .im-item .item-ext .qrcode .item .item-text p{line-height:1.5em;margin-bottom:6px}.fixed-im .im-item .item-ext .qrcode .item .item-text p:last-child{margin-bottom:0}.fixed-im .im-item .item-ext .qrcode .item .item-text .green{color:#47c333}.fixed-im .im-item .item-ext .qrcode .item .item-text .red{color:#f30}.fixed-menu{position:fixed;left:50%;margin-left:600px;bottom:150px;border:1px solid #e8e8e8;background:#FFF;border-radius:3px}.fixed-menu ul{width:50px;margin:0;padding:0;list-style:none}.fixed-menu ul li{float:left;width:50px;position:relative;cursor:pointer}.fixed-menu ul li:after{content:'';display:block;width:45%;position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);border-top:1px solid #eaeaea}.fixed-menu ul li:last-child:after{display:none}.fixed-menu ul li:hover .ext-box{display:block}.fixed-menu ul li .icon{text-align:center;color:#666;padding:12px 0}.fixed-menu ul li .icon>a{color:#666}.fixed-menu ul li .icon>a:hover,.fixed-menu ul li .icon:hover{color:#ff6000}.fixed-menu ul li .ext-box{position:absolute;right:100%;bottom:0px;padding-right:12px;display:none}.fixed-menu ul li .ext-box .qrcode{background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1);border-radius:5px;overflow:hidden;padding:10px;border:1px solid #e8e8e8}.fixed-menu ul li .ext-box .qrcode .item{width:200px;float:left;overflow:hidden;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #eaeaea}.fixed-menu ul li .ext-box .qrcode .item:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.fixed-menu ul li .ext-box .qrcode .item .item-img{width:80px;float:left}.fixed-menu ul li .ext-box .qrcode .item .item-img img{width:100%}.fixed-menu ul li .ext-box .qrcode .item .item-text{float:left;width:120px;margin-top:10px;font-size:12px;text-align:center}.fixed-menu ul li .ext-box .qrcode .item .item-text p{line-height:1.5em;margin-bottom:6px}.fixed-menu ul li .ext-box .qrcode .item .item-text p:last-child{margin-bottom:0}.fixed-menu ul li .ext-box .qrcode .item .item-text .green{color:#47c333}.fixed-menu ul li .ext-box .qrcode .item .item-text .red{color:#f30}.hero{background:#f2f4f6;padding:30px 0 30px 0}.hero .hero-inner{background:url('../imgs/404.png') no-repeat 100px 50px;background-size:50%;padding:200px 0 0 380px;width:960px;height:520px;margin:0 auto;background-color:#fff;border-radius:5px}.hero p{font-size:15px}.hero .grey{color:#777}.hero img{width:120px;position:relative;left:-6px}.typed-cursor{opacity:1;-webkit-animation:typedjsBlink .7s infinite;animation:typedjsBlink .7s infinite}@keyframes typedjsBlink{50%{opacity:0}}@-webkit-keyframes typedjsBlink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.typed-fade-out{opacity:0;transition:opacity .25s;-webkit-animation:0;animation:0}@media (max-width:767px){.navbar-cui a{color:#CCC}.navbar-cui ul.navbar-nav>li.active>a,.navbar-cui ul.navbar-nav>li>a,.navbar-cui ul.navbar-nav>li>a:focus{line-height:35px;color:#DDD}.navbar-cui ul.dropdown-menu{overflow:hidden;margin-left:10px;font-size:12px !important}.navbar-cui ul.dropdown-menu>li{float:left;margin:0 10px 10px 0}.navbar-cui ul.dropdown-menu>li.divider{display:none}.navbar-cui ul.dropdown-menu>li>a{padding:3px 15px !important;background:none;text-align:center;border-radius:3px;color:#DDD;border:1px solid #DDD}.navbar-cui ul.primary-menu{margin-left:-11px}.navbar-cui .navbar-collapse{position:fixed;top:-2px;width:100%;height:100%;padding:0;background:rgba(0,0,0,0.5)}.navbar-cui .navbar-collapse .navbar-menu{width:230px;padding:20px;height:100%;background:#3c3c44;overflow:hidden}.jumbotron-index{margin-bottom:15px}.jumbotron-index .jumbotron-body h2{font-size:24px;font-weight:600}.jumbotron-index .jumbotron-body p.info{margin:0 0 15px;font-size:16px;font-weight:400;line-height:1.5}.jumbotron-index .jumbotron-body .groups a.btn{margin-bottom:5px;padding:2px 14px}.section{padding:0;margin-bottom:10px}.section .section-title .title-label{font-size:16px;margin-bottom:0}.section .section-title .title-label span{font-size:12px}.section .section-title .title-navs{float:right;max-width:250px;margin-top:5px}.section .section-title .title-navs ul li{font-size:12px;padding:0 5px}.section .section-title .title-navs ul li.active a::after{display:none}.section .section-body .item-box{overflow:hidden;padding:15px 0;margin-bottom:0;border-bottom:1px solid #e4e4e4}.section .section-body .item-box .item-img{width:40%;float:left}.section .section-body .item-box .item-txt{width:60%;min-height:auto;float:left;border:none;padding:0 0 0 10px}.section .section-body .item-box .item-txt h3{font-size:14px;margin-bottom:3px}.section .section-body .item-box .item-txt .item-info{margin-bottom:3px}.section .section-body .item-box .item-txt .item-info p.item-jobs{margin-left:0}.section .section-body .item-tuwen{padding:10px 10px 10px 25px;margin:10px 0 0 0}.section .section-body .item-tuwen .tuwen-img{padding:0;overflow:hidden}.section .section-body .item-tuwen .tuwen-img img{max-height:95px;max-width:100%}.section .section-body .item-tuwen .tuwen-info h3{font-size:14px;margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.section .section-body .item-tuwen .tuwen-info h3 a{color:#333}.section .section-body .item-tuwen .tuwen-info h3 a:hover{color:#FF6000;text-decoration:none}.section .section-body .item-topic{margin:10px 0 0 0}.section .section-body .item-topic .body{height:40px;overflow:hidden}.screen{padding:10px 0}.screen .goods-box .goods-info{margin-top:15px}.screen .goods-box .goods-info h2{font-size:16px;margin:5px 0 3px 0}.screen .goods-box .goods-info p.text{font-size:12px}.screen .goods-box .goods-info .action .col-md-4{margin-bottom:10px}.layout{padding:15px 0}.layout .lay-left{margin:0 -15px 20px -15px}.layout .lay-right{margin:0 -15px}.video-detail ul.main-nav{height:51px;font-size:15px}.video-detail ul.main-nav li{height:50px;line-height:50px}.video-detail ul.main-nav li a{height:50px;line-height:48px;margin:0 8px}.video-detail .intro{padding:20px}.video-detail .struct{padding:15px}.video .video-box{height:210px}.video .video-box .notice{padding:40px;text-align:center}.video .video-box .notice h2{font-size:20px;margin-bottom:10px}.video .video-box .notice .action{margin-top:0}.video .multi-page .video-list{height:165px}.post{padding:30px 20px}.post ol.breadcrumb{margin:-30px -20px 15px -20px}.jumbotron-page h2.jumbotron-title{font-size:24px;letter-spacing:5px}.jumbotron-page p.jumbotron-intro{width:90%;font-size:12px;line-height:20px;margin:10px auto 0 auto}.topics-header{padding:10px 0 10px 0}.topics-header .title{margin:12px 0}.topics-header .title span.total{display:none}.topics-header .summary{margin:0}.archive-list ul.tuwen li{padding:10px 10px 0 10px}.archive-list ul.tuwen li .item-img{width:35%}.archive-list ul.tuwen li .item-img img{max-height:100%}.archive-list ul.tuwen li .item-content{margin-left:40%;min-height:70px}.archive-list ul.tuwen li .item-content h2.item-title{font-size:14px}.archive-list ul.tuwen li .item-content .item-meta{bottom:0}.archive-list ul.tuwen li .item-content .item-meta .author{margin-right:10px}.archive-list ul.text-img li.item.has-img .content{padding-right:0}.archive-list ul.text-img li.item .wrap-img{display:none}.archive-list ul.topic li{line-height:22px}.App-market{padding:20px 15px}.App-market .index-box .info{padding:10px}.App-market .index-box .detail{padding:10px 25px;border:none}.App-timeline{padding:10px 20px}.App-timeline .Timeline-box .Timeline-line{display:none}.App-timeline .Timeline-box .Timeline-item .Item-date:before{display:none}.App-timeline .Timeline-box .Timeline-item .Item-info p{margin:5px 0 0 0}.ucenter{padding:20px 0}.vip-box{padding:60px 0}.vip-box .items{padding:40px 25px 0 25px}.vip-box .items .item{margin-bottom:20px}.login-box{background:none;padding:30px 0}.login-box .main-box{width:100%;padding:0 10px;box-shadow:none}.login-box .main-box .box-inner{width:100%;padding:0}.login-box .main-box .box-sidebar{width:100%;padding:35px 0 0 0}.login-box .main-box .box-sidebar ul.social-list{margin-top:10px}.login-box .main-box .box-sidebar ul.social-list li{margin-bottom:15px}.login-box .main-box .box-sidebar .ercode img{max-width:100%}.App-auth{background:none;padding:30px 0}.App-auth .Auth-box{width:100%}.App-auth .Auth-box .Auth-main{padding:20px}.App-auth .Auth-box .Auth-main img{margin-top:5px}.error{padding:20px 40px;margin:50px auto;background:none}.error .content h2{font-size:22px}.error .content p.state{font-size:14px;line-height:1.5em}.error .search-widget{margin-top:20px}.error .search-widget .search-tag{margin-top:8px;font-size:14px}.error .search-widget .search-tag a{margin-left:8px}.copyright{font-size:12px}.Holds-panel .panel-body table .cover:hover .img-box{display:none}.hero{padding:30px}.hero .hero-inner{background-image:none;padding:80px 50px;width:auto;height:auto}.App-topic{padding:30px 15px}.App-topic h2{font-size:24px}.App-topic .sub-title{font-size:16px;margin-top:15px;margin-bottom:30px}.App-topic .summary{position:relative;left:0;top:0;width:100%;padding:30px;margin:0;flex-direction:column}.App-topic .summary .price span.sale{font-size:22px}.App-topic .summary .price span.origin{text-decoration:line-through;margin-left:20px}.App-topic .summary .price p.tips{margin-top:10px;margin-bottom:20px}.App-topic-course{width:100%;margin:30px auto}.App-topic-course h3{font-size:20px}.App-topic-course ul.course-list{padding:0;display:flex;flex-wrap:wrap}.App-topic-course ul.course-list li.course-item{width:50%;border-radius:0;margin-top:0;border:none;display:flex;flex-direction:column}.App-topic-course ul.course-list li.course-item a.img{margin-right:0}.App-topic-course ul.course-list li.course-item a.img img{width:100%}.App-topic-course ul.course-list li.course-item .content{width:auto;padding:0}.App-topic-course ul.course-list li.course-item .content .info .title{font-size:14px;margin:10px 0}.App-topic-course ul.course-list li.course-item .content .action .price{font-size:14px}.App-topic-course ul.course-list li.course-item .content .action .btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}}.flex{display:flex}.mt-6{margin-top:16px}.w-full{width:100%}.line-clamp-1{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dialog{position:fixed;top:0;left:0;bottom:0;right:0;z-index:10;background:rgba(0,0,0,0.5);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;border:1px solid #eee;border-radius:10px}.dialog .panel{width:380px}.dialog .panel .panel-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.dialog .panel .panel-header span{font-weight:600;font-size:16px}.dialog .panel .panel-body{padding:20px;line-height:1.8}.dialog .panel .panel-body .price{font-size:18px;color:red}.dialog .panel .panel-body .qrcode{margin-top:10px;border:1px solid #eee;text-align:center}.dialog .panel .panel-body .qrcode img{width:200px}.dialog .panel .panel-body .tips{background:#edfbff;border:1px solid #b3dafd;padding:10px 15px;display:flex;align-items:center}.dialog .panel .panel-body .tips .icon{color:#2989eb;width:50px;margin-right:10px}.dialog .panel .panel-body .tips p{line-height:1.5;font-size:16px;margin:0}.dialog .panel .panel-body .tips .text-orange-500{color:#f97316}.sidebox{border:1px solid #eee;border-radius:5px}.sidebox .header{padding:10px 15px;font-weight:600;border-bottom:1px solid #eee}.sidebox .body{padding:15px}@media screen and (max-width:767px){.sidebox{margin-top:20px}}