.tutorDetail.app-container.layout-main{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.tutorDetail.app-container.layout-main .main-container{height:calc(100% - 80px)}.tutorDetail.app-container.layout-main .tutor-detail{width:100%;max-width:1600px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tutorDetail.app-container.layout-main .mini-left-product{display:none}.tutorDetail.app-container.layout-main h1,.tutorDetail.app-container.layout-main h2{color:#1684fc;font-size:20px;text-align:left;width:100%;padding:0 16px;margin:0}.tutorDetail.app-container.layout-main .left-product{width:370px;overflow:auto;padding:0 20px}.tutorDetail.app-container.layout-main .left-product.hide-left{display:none}.tutorDetail.app-container.layout-main .left-product .content-list{height:100%;overflow:auto}.tutorDetail.app-container.layout-main .left-product .content-list .content-title{font-size:24px;font-weight:bolder;color:#000;margin-bottom:20px;padding-top:32px}.tutorDetail.app-container.layout-main .left-product .content-list .content-item{padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px}.tutorDetail.app-container.layout-main .left-product .content-list .content-item h2{color:#000;font-size:20px;width:100%;text-align:center}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div{width:100%;min-width:180px;background-color:#fff;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1);transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.12);box-shadow:0 1px 3px rgba(0,0,0,.12);border-radius:15px;overflow:hidden}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div:hover{-webkit-box-shadow:0 4px 8px rgba(0,0,0,.15);box-shadow:0 4px 8px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-img{min-width:100%;min-height:170px;background:var(--bg-color)}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-img img{width:100%}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div.now-content .content-desc .desc-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div.now-content .content-desc .desc-item>span.btn{width:70%;background:red}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div.now-content .content-desc .desc-item>span:first-child{width:100%;color:red;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 12px}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div.now-content .content-desc .desc-item>span:first-child span{color:red}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-title{font-size:18px;margin-bottom:10px}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-desc{color:#666;font-size:14px}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-desc .desc-title{padding:20px 8px;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-desc .desc-title span:first-child{font-size:16px}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-desc .desc-title span:last-child{color:red}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-desc .desc-title span:last-child svg{margin-right:2px}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-desc .desc-title b{color:red;font-size:20px;font-weight:bolder}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-desc .desc-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 12px 12px;margin-bottom:12px}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-desc .desc-item span{font-size:16px;color:#000}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-desc .desc-item .btn{background:#06f;padding:10px 16px;font-size:20px;color:#fff;border-radius:20px;min-width:92px;text-align:center}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-desc .desc-item .btn.is-end{background:#ccc}.tutorDetail.app-container.layout-main .left-product .content-list .content-item>div .content-desc .desc-item .btn:hover{opacity:.8}.tutorDetail.app-container.layout-main .ai-content{-webkit-box-flex:1;-ms-flex:auto;flex:auto;height:calc(100vh - 80px);padding:20px;position:relative;max-width:900px;border-radius:10px}.tutorDetail.app-container.layout-main .ai-content.no-left,.tutorDetail.app-container.layout-main .ai-content.open-content{margin-left:0}.tutorDetail.app-container.layout-main .ai-content .close-btn{position:absolute;top:50%;width:32px;left:-20px;background-color:#fff;padding:12px 4px;cursor:pointer;text-align:center;border-radius:5px}.tutorDetail.app-container.layout-main .ai-content .close-btn.open-btn{left:20px}.tutorDetail.app-container.layout-main .ai-content .ai-desc{padding:16px 0;border:1px solid var(--border-color);background:#fff;height:100%}.tutorDetail.app-container.layout-main .ai-content .ai-desc .h100{height:calc(100% - 40px);overflow:auto}.tutorDetail.app-container.layout-main .ai-content .ai-desc>h1{text-align:center;margin:0!important;padding-bottom:20px}.tutorDetail.app-container.layout-main .ai-content .ai-desc h2{margin-bottom:16px}.tutorDetail.app-container.layout-main .ai-content .ai-desc>div{padding:16px;font-size:14px;color:#222}.tutorDetail.app-container.layout-main .ai-content .ai-desc .center-desc{padding:0 16px;font-size:16px;line-height:24px;font-weight:bolder}.tutorDetail.app-container.layout-main .ai-content .ai-desc .desc-img{text-align:center;width:100%}.tutorDetail.app-container.layout-main .ai-content .ai-desc .desc-img .img-box{width:200px;height:200px;border-radius:100px;overflow:hidden;margin:0 auto;-webkit-box-shadow:0 0 10px #1684fc;box-shadow:0 0 10px #1684fc}.tutorDetail.app-container.layout-main .ai-content .ai-desc .desc-img img{width:100%;display:block}.tutorDetail.app-container.layout-main .ai-content .ai-desc .ai-desc-pre{padding:0 16px}.tutorDetail.app-container.layout-main .ai-content .ai-desc .ai-desc-pre h2{font-size:18px;margin:0 0 16px 0}.tutorDetail.app-container.layout-main .ai-content .ai-desc .ai-desc-pre h3{font-size:16px;color:#1684fc;margin:16px 0}.tutorDetail.app-container.layout-main .ai-content .ai-desc .ai-desc-pre h3 span{color:#1684fc!important}.tutorDetail.app-container.layout-main .ai-content .ai-desc .ai-desc-pre hr{border:none;height:1px;background:var(--border-color)}.tutorDetail.app-container.layout-main .ai-content .ai-desc .ai-desc-pre p{padding:8px 4px;line-height:20px;position:relative;padding-left:15px}.tutorDetail.app-container.layout-main .ai-content .ai-desc .ai-desc-pre p img{width:100%}.tutorDetail.app-container.layout-main .ai-content .ai-desc .ai-desc-pre p:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--text-color)}.tutorDetail.app-container.layout-main .ai-content .ai-desc .ai-desc-pre code{color:#c7254e;background-color:#f9f2f4;padding:2px 4px;border-radius:4px;line-height:24px}.tutorDetail.app-container.layout-main .ai-content h1{margin:16px 0}@media screen and (max-width:1300px){.tutorDetail.app-container.layout-main .tutor-detail{-ms-flex-wrap:wrap;flex-wrap:wrap}.tutorDetail.app-container.layout-main .mini-left-product{display:block}.tutorDetail.app-container.layout-main .left-product{position:relative;width:100%;padding-top:12px;margin-bottom:12px;overflow:hidden}.tutorDetail.app-container.layout-main .left-product .content-list{margin-bottom:4px;padding-bottom:16px}.tutorDetail.app-container.layout-main .left-product .content-list .content-item{padding:0}.tutorDetail.app-container.layout-main .ai-content{margin:10px 0 0 0;padding:0 20px;width:100%;max-width:100%}.tutorDetail.app-container.layout-main .ai-content .ai-desc h2{margin-top:20px}.tutorDetail.app-container.layout-main .mini-hide{display:none}}