.page-layout{color:#3f434b;padding-top:56px;padding-left:230px;position:relative;background:#fff;min-height:100vh;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.page-layout .page-header{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;z-index:99;position:fixed;left:230px;right:0;top:0;height:56px;background-color:#fff;border-left:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding-left:15px;padding-right:30px}
.page-layout .page-header .menuBtn{background:url(../images/menu.png) no-repeat center center/22px auto;width:50px;height:50px;position:relative;left:-15px;z-index:30}
.page-layout .page-header .hd-tools{display:flex;align-items:center}
.page-layout .page-header .hd-tools .item{display:flex;align-items:center}
.page-layout .page-header .hd-tools .item span{color:#3f434b;font-size:18px;margin-left:5px}
.page-layout .page-header .hd-tools .item+.item{margin-left:16px}
.page-layout .page-header .hd-tools .share{margin-left:58px;display:block;width:25px;height:25px;background:#e9f1fd url(../images/share.png) no-repeat center center/12px auto;border-radius:50%;position:relative}
.page-layout .page-header .hd-tools .share:after{content:'';width:1px;height:16px;background:#e5e7eb;position:absolute;left:-29px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.page-layout .page-side{z-index:99;position:fixed;left:0;top:0;height:100vh;overflow-y:auto;background-color:#f7faff;width:230px;padding:23px 10px;display:flex;flex-direction:column;justify-content:space-between;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.page-layout .page-side .logo{display:flex;height:52px;align-items:center;justify-content:center;margin-bottom:32px}
.page-layout .page-side .logo img{display:block;max-height:100%}
.page-layout .page-side .nav .item{margin-bottom:15px}
.page-layout .page-side .nav .item a{display:flex;align-items:center;padding:0 14px;height:42px;border-radius:6px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.page-layout .page-side .nav .item a .icon{width:20px;height:20px;margin-right:15px;flex:0 0 20px}
.page-layout .page-side .nav .item a .icon img{display:block;max-height:100%}
.page-layout .page-side .nav .item a span{color:#3f434b;font-size:16px}
.page-layout .page-side .nav .item a:hover{background:#e9eef5}
.page-layout .page-side .nav .item.active a{background:#e9eef5}
.page-layout .page-side .nav .line{width:185px;height:1px;background:#e5e7eb;margin:15px auto}
.page-layout .page-side .btn{width:185px;height:42px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin:0 auto}
.page-layout .page-side .btn img{display:block;width:18px;margin-right:12px}
.page-layout .page-side .btn span{font-size:16px;color:#fff}
.page-layout .page-side .btn+.btn{margin-top:10px}
.page-layout .page-side .btn.contact{background:linear-gradient(-90deg,#209cff,#68e0cf)}
.page-layout .page-side .btn.vip{background:linear-gradient(-90deg,#f6bf9f,#db8ade)}
.page-layout .page-side .userinfo{cursor:pointer;padding-top:20px;margin:20px 13px 0;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center}
.page-layout .page-side .userinfo .face{width:50px;height:50px;border-radius:50%;margin-right:20px}
.page-layout .page-side .userinfo .face img{display:block;width:100%;height:100%;object-fit:cover}
.page-layout .page-side .userinfo span{color:#3f434b;font-size:16px}
.page-layout.toggle{padding-left:100px}
.page-layout.toggle .page-header{left:100px}
.page-layout.toggle .page-side{width:100px}
.page-layout .page-side .logo .toggle-img{display:none}
.page-layout.toggle .page-side .logo .normal-img{display:none}
.page-layout.toggle .page-side .logo .toggle-img{display:block}
.page-layout.toggle .page-side .btn span,.page-layout.toggle .page-side .nav .item a span,.page-layout.toggle .page-side .userinfo span{display:none;white-space:nowrap}
.page-layout.toggle .page-side .btn{width:50px}
.page-layout.toggle .page-side .btn img{margin-right:0}
.page-layout.toggle .page-side .userinfo .face{margin-right:0}
.page-layout.toggle .page-side .nav .item a{width:50px;height:50px;margin:0 auto}
.page-layout.toggle .page-side .nav .item a .icon{display:flex;align-items:center;justify-content:center;margin:0;width:20px;height:20px;flex:0 0 20px}
.ban-swiper{overflow:hidden;position:relative}
.ban-swiper img{display:block;width:100%}
.ban-swiper .swiper-slide{position:relative}
.ban-swiper .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:.5;border-radius:50%;margin:0 5px;text-align:center}
.ban-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px;height:10px;background:#fff;border-radius:5px;opacity:1}
.search-box{max-width:780px;width:90%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden}
.search-box h3{font-weight:700;font-size:42px;color:#fff;margin-bottom:30px;text-align:center}
.search-box .inp{width:100%;height:46px;border-radius:23px;border:none;background:#fff url(../images/search.svg) no-repeat left 20px center/17px auto;padding-left:48px;font-size:16px}
.search-box input::-webkit-input-placeholder{color:#999}
.search-box input::-moz-placeholder{color:#999}
.search-box input:-moz-placeholder{color:#999}
.search-box input:-ms-input-placeholder{color:#999}
.search-box .swiper-pagination{bottom:34px;width:100%}
.index-section1{padding:60px 0 120px}
.index-section1 .row+.row{margin-top:90px}
.index-section1 .row:nth-child(even){flex-direction:row-reverse}
.index-section1 .row:nth-child(even) .text{margin-right:0;margin-left:95px}
.index-section1 .row{display:flex;align-items:center}
.index-section1 .row .text{flex:1;margin-right:95px;position:relative}
.index-section1 .row .text:after{content:'';background:url(../images/star.png) no-repeat center center/100% auto;width:93px;height:108px;position:absolute;left:105px;top:-40px}
.index-section1 .row .text .icon{width:60px;height:60px;background:linear-gradient(-90deg,#f78a9e,#f56f87,#fe988b);box-shadow:0 19px 32px 0 rgba(0,0,0,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}
.index-section1 .row .text .icon img{display:block;max-width:60%}
.index-section1 .row .text h3{font-size:32px;color:#3f434b;font-weight:700;padding-bottom:20px;background:url(../images/t-line.png) no-repeat bottom 10px left/247px auto}
.index-section1 .row .text p{color:#3f434b;font-size:16px;margin-bottom:50px}
.index-section1 .row .pic{flex:0 0 560px;box-shadow:0 6px 35px 0 rgba(0,0,0,.1);position:relative}
.index-section1 .row .pic:after{content:'';width:80px;height:80px;background:#fd928a;opacity:.6;border-radius:50%;position:absolute;left:-40px;bottom:-40px;z-index:1}
.index-section1 .row .pic img{border-radius:15px;display:block;width:100%;position:relative;z-index:2}
.index-section3,.index-section4{padding-bottom:100px}
.index-section3 .title,.index-section4 .title{display:flex;align-items:center;position:relative;left:-25px}
.index-section3 .title img,.index-section4 .title img{width:83px;height:79px;display:block;position:relative;top:20px}
.index-section3 .title h3,.index-section4 .title h3{color:#3f434b;font-size:32px}
.index-section4 .title img{width:80px;height:76px;box-shadow:none;position:relative;top:16px;margin-right:0}
.index-section2{padding-bottom:100px}
.index-section2 .title{display:flex;align-items:center}
.index-section2 .title img{width:35px;height:35px;margin-right:15px;display:block}
.index-section2 .title h3{color:#3f434b;font-size:32px}
.g-btn{width:120px;height:42px;background:linear-gradient(-90deg,#209cff,#68e0cf);box-shadow:0 13px 35px 0 rgba(196,145,145,.4);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}
.g-btn:hover{color:#fff}
.course-list{overflow:hidden;padding-top:40px;margin:0 -15px -30px;padding-left:15px;padding-right:15px}
.course-list .item{float:left;width:33.3%;margin-bottom:30px}
.course-list .item .inner{margin:0 15px;background:#fff;box-shadow:0 6px 30px 0 rgba(0,0,0,.15);border-radius:25px;padding:30px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.course-list .item .inner .pic{display:block;overflow:hidden;border-radius:12px;position:relative}
.course-list .item .inner .pic img{display:block;width:100%}
.course-list .item .inner .pic .type{position:absolute;top:0;left:0;width:80px;height:30px;background:linear-gradient(-90deg,#f78a9e,#f56f87,#fe988b);box-shadow:0 19px 32px 0 rgba(0,0,0,.15);border-radius:12px 0 12px 0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#f7faff}
.course-list .item .inner .text{margin-top:25px}
.course-list .item .inner .text h3 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3f434b;font-size:24px;font-weight:700}
.course-list .item .inner .text p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3f434b;font-size:16px;margin:10px 0 5px}
.course-list .item .inner .text span{color:#f5706d;font-size:24px;font-weight:700}
.course-list .item .inner:hover{box-shadow:0 6px 30px 0 rgba(0,0,0,.2)}
.coach-list{overflow:hidden;margin:30px -15px 0}
.coach-list .item{float:left;width:33.3%}
.coach-list .item .inner{margin:0 15px}
.coach-list .item .inner .pic{overflow:hidden;border-radius:20px}
.coach-list .item .inner .pic img{display:block;width:100%}
.coach-list .item .inner .text .top{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #e5e5e5}
.coach-list .item .inner .text .top .left{line-height:1;display:flex;align-items:flex-end;color:#3f434b}
.coach-list .item .inner .text .top .left .name{font-size:22px;font-weight:700}
.coach-list .item .inner .text .top .left .post{font-size:14px;margin-left:20px;position:relative;top:-2px}
.coach-list .item .inner .text .top .price{color:#f5706d;font-size:20px;font-weight:700}
.coach-list .item .inner .text .bot .tags{display:flex;margin:10px 0}
.coach-list .item .inner .text .bot .tags .tag{padding:2px 10px;background:#f2f3f7;border-radius:6px;color:#3f434b;font-size:16px;margin-right:10px}
.coach-list .item .inner .text .bot .desc{color:#666;font-size:13px;line-height:22px;overflow:hidden;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:25px}
.coach-list .item .inner .g-btn{box-shadow:none}
.evaluation-list{overflow:hidden;margin:30px -15px 0}
.evaluation-list .item{float:left;width:33.3%}
.evaluation-list .item .inner{margin:0 15px}
.evaluation-list .item .inner .pic{
    display: block;
    position: relative;
    padding-top: 68.42%;
    overflow:hidden;border-radius:25px}
.evaluation-list .item .inner .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.evaluation-list .item .inner .text{margin:25px 0}
.evaluation-list .item .inner .text h3 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3f434b;font-size:20px}
.evaluation-list .item .inner .text .info{display:flex;align-items:center;justify-content:space-between}
.evaluation-list .item .inner .text .info .left{display:flex;align-items:center;font-size:16px;color:#3f434b}
.evaluation-list .item .inner .text .info .left em{color:#f6756f}
.evaluation-list .item .inner .text .info .price{display:flex;align-items:center}
.evaluation-list .item .inner .text .info .price .real{color:#f6756f;font-size:24px;font-weight:700}
.evaluation-list .item .inner .text .info .price .real em{font-weight:400;font-size:16px}
.evaluation-list .item .inner .text .info .price .old{margin-left:6px;color:#acacac;font-size:16px;text-decoration:line-through}
.evaluation-list .item .inner .g-btn{box-shadow:none}
.index-section5{padding-bottom:100px}
.faq{position:relative;width:100%;background:#f7faff;border:1px solid #ccc;border-radius:36px;padding:60px 70px}
.faq .icon{background:url(../images/faq.png) no-repeat center center/contain;width:131px;height:127px;position:absolute;top:-46px;right:-48px}
.faq .title{text-align:center;font-size:32px;font-weight:700;position:relative;padding-bottom:13px;margin-bottom:25px}
.faq .title:After{content:'';background:url(../images/t-line2.png) no-repeat center center/contain;width:182px;height:25px;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.faq .faq-list{display:flex;flex-wrap:wrap;margin-bottom:-46px}
.faq .faq-list .item{flex:0 0 50%;margin-bottom:46px;padding-right:50px}
.faq .faq-list .item h3{font-size:20px;margin-bottom:10px}
.faq .faq-list .item p{font-size:16px}
.copyright{border-top:1px solid #e5e7eb;height:56px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;color:#3f434b}
.copyright span{margin: 0 10px}
.page-chat{height:calc(100vh - 112px);position:relative;display:flex}
.page-chat .side{flex:0 0 230px;border:1px solid #e5e7eb;border-top:none;border-bottom:none;display:flex;flex-direction:column;justify-content:space-between}
.page-chat .side .top{padding:18px}
.page-chat .side .top .g-btn{width:100%;box-shadow:none;height:38px;cursor:pointer}
.page-chat .side .top .date{margin:15px 0 20px;color:#3f434b;font-size:14px;opacity:.6}
.page-chat .side .top .list{overflow-y:auto;max-height:calc(100vh - 170px - 200px)}
.page-chat .side .top .list .item.active{background:rgba(229,231,235,.5)}
.page-chat .side .top .list .item{cursor:pointer;border-radius:6px;margin-bottom:10px;display:flex;padding-right:10px;padding-left:5px;height:38px;justify-content:space-between;align-items:center}
.page-chat .side .top .list .item .l{display:flex;flex:1;width:0;margin-right:10px}
.page-chat .side .top .list .item .l i{display:block;background:url(../images/msg.svg) no-repeat center center/contain;width:20px;height:20px;margin-right:5px}
.page-chat .side .top .list .item .l p{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-chat .side .top .list .item .r{display:flex;align-items:center}
.page-chat .side .top .list .item .r .edit{width:12px;height:12px;cursor:pointer;background:url(../images/edit.svg) no-repeat center center/contain}
.page-chat .side .top .list .item .r .del{width:12px;height:14px;margin-left:6px;cursor:pointer;background:url(../images/del.svg) no-repeat center center/contain}
.page-chat .side .bot{padding:17px 20px;border-top:1px solid #e5e7eb}
.page-chat .side .bot .row{display:flex;font-size:14px;align-items:center;margin-bottom:5px}
.page-chat .side .bot .row .blue{color:#229ffe}
.page-chat .side .bot .row .red{color:#f47088}
.page-chat .side .bot .row img{width:16px;height:16px;opacity:.6;margin-right:10px}
.page-chat .side .bot .clear{display:flex;margin-top:10px;cursor:pointer;align-items:center;justify-content:center;height:31px;background:#f7faff;border:1px solid #d2d2d4;border-radius:5px;font-size:14px}
.page-chat .side .bot .clear i{display:block;width:12px;height:14px;background:url(../images/del-b.svg) no-repeat center center/contain;margin-right:10px}
.page-chat .content{position:relative;flex:1}
.chat-wrap{height:calc(100vh - 285px);overflow-y:auto;padding:20px 0}
.chat-row{display:flex;align-items:flex-start;margin-bottom:30px}
.chat-row .face{flex:0 0 42px;width:42px;height:42px;border-radius:5px;overflow:hidden}
.chat-row .face img{display:block;width:100%;height:100%;object-fit:cover}
.chat-row .con{display:flex;flex-direction:column;align-items:flex-start}
.chat-row .con .date{color:#20223c;font-size:13px;opacity:.5;margin-bottom:5px}
.chat-row .con .text{width:auto;padding:15px;font-size:13px;line-height:20px;background:#f2f3f5;border-radius:5px}
.chat-row .con .text p{white-space:normal}
.chat-row.mine{flex-direction:row-reverse}
.chat-row.mine .face{margin-left:10px}
.chat-row.mine .con{align-items:flex-end}
.chat-row.mine .con .text{background:rgba(244,112,136,.2)}
.chat-row.mine .date{text-align:right}
.chat-row.robot .con:hover .copy{opacity:1}
.chat-row.robot .con{position:relative}
.chat-row.robot .con .copy{opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute;width:28px;height:28px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 16px 0 rgba(0,0,0,.15);border-radius:4px;right:0;bottom:30px;cursor:pointer}
.chat-row.robot .con .copy i{display:block;width:14px;height:14px;opacity:.5;background:url(../images/copy.svg) no-repeat center center/contain}
.chat-row.robot .face{margin-right:10px}
.chat-bot{margin-top:20px}
.chat-bot .btn-group{display:flex;align-items:center;margin-bottom:15px}
.chat-bot .btn-group .box{margin-right:10px;position:relative;padding:0 6px;height:30px;background:#fff;border:1px solid #e5e7eb;border-radius:5px;display:flex;align-items:center;overflow:hidden;cursor:pointer}
.chat-bot .btn-group .box .name{font-size:13px;margin-right:8px;white-space:nowrap}
.switch{width:32px;height:16px;background:#fff;border:1px solid #cccfd5;border-radius:7px;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.switch:after{content:'';width:16px;height:16px;background:#fff;border:1px solid #bcbec4;box-shadow:0 1px 3px 0 rgba(0,0,0,.15);border-radius:50%;position:absolute;left:-1px;top:-1px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.chat-bot .btn-group .box input{position:absolute;left:-99999px}
input:checked+.switch{background-color:#f47088;border-color:#f47088}
input:checked+.switch:after{left:17px;width:14px;height:14px;top:0;border:1px solid #f47088}
.border-btn{cursor:pointer;padding:0 10px;height:30px;background:#fff;border:1px solid #e5e7eb;border-radius:5px;display:flex;align-items:center}
.border-btn i{display:block;width:15px;height:15px;opacity:.5;margin-right:6px}
.border-btn i img{display:block;width:100%}
.border-btn span{font-size:13px;white-space:nowrap}
.input-box{display:flex}
.input-box .input{flex:1;background:#fff;border:1px solid #e5e7eb;box-shadow:0 3px 26px 0 rgba(12,29,54,.1);border-radius:6px;height:60px;position:relative}
.input-box .input input{position:absolute;width:100%;height:100%;top:0;left:0;background:0 0;border:none;padding-left:16px;padding-right:150px;font-size:13px}
.input-box .input textarea {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: 0 0;
    border: none;
    padding-left: 16px;
    padding-right: 150px;
    padding-top: 10px;
    font-size: 13px;
}
.input-box .input .send{display:flex;align-items:center;position:absolute;right:15px;top:0;height:100%}
.input-box .input .send .btn{width:24px;cursor:pointer;margin-right:10px}
.input-box .input .send .btn img{display:block;width:100%}
.input-box .input .send .count{font-size:13px;color:#20223c;opacity:.5}
.input-box .input .send .count .js-input-length{display:inline-block;text-align:right;min-width:20px}
.input-box .tips-box{flex:0 0 110px;cursor:pointer;margin-left:10px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 3px 26px 0 rgba(12,29,54,.1);border-radius:6px;display:flex;align-items:center;justify-content:center}
.input-box .tips-box img{display:block;width:16px;margin-right:5px}
.input-box .tips-box span{font-size:13px;color:#20223c}
.ti-text-container.active-container.ti-cursor.done:after{display:none}
.prompt-pop{display:none;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:100%;max-width:940px;bottom:90px;background:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.1);border-radius:6px;padding:25px 20px}
.prompt-pop .title{display:flex;align-items:center;font-size:16px;margin-bottom:20px}
.prompt-pop .title img{display:block;width:16px;margin-right:5px}
.prompt-pop .title h3{color:#3f434b}
.prompt-pop .title span{color:#9e9e9e;margin:0 5px}
.prompt-pop .search{position:relative}
.prompt-pop .search input{display:block;width:100%;height:32px;background:#f2f3f5;border-radius:16px;border:none;padding-left:20px;padding-right:50px}
.prompt-pop .search i{display:block;background:url(../images/search.svg) no-repeat center center/contain;position:absolute;right:10px;top:0;height:100%;width:20px}
.prompt-pop .type-list{margin:17px 0;display:flex}
.prompt-pop .type-list .item{min-width:30px;padding:0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;height:30px;font-size:14px;margin-right:10px}
.prompt-pop .type-list .item.active{background:#ffe8e8;border-radius:5px}
.prompt-pop .prompt-list-wrap{height:calc(100vh - 460px);overflow-y:auto;overflow-x:hidden;padding:20px 10px}
.prompt-pop .prompt-list.show{display:block}
.prompt-pop .prompt-list{display:none;overflow:hidden;margin:-20px -20px -60px}
.prompt-pop .prompt-list .item{float:left;width:20%;margin-bottom:20px}
.prompt-pop .prompt-list .item .inner{margin:0 10px;background:#fff;border:1px solid #c8c8c8;border-radius:5px;padding:15px;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.prompt-pop .prompt-list .item .inner .title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:5px}
.prompt-pop .prompt-list .item .inner .title h3{color:#3f434b;font-size:15px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prompt-pop .prompt-list .item .inner .title img{display:block;width:18px}
.prompt-pop .prompt-list .item .inner .desc{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;font-size:13px;opacity:.6}
.prompt-pop .prompt-list .item .inner:hover,.prompt-pop .prompt-list .item.active .inner{border:1px solid #f57588;box-shadow:0 1px 8px 0 rgba(192,66,66,.3)}
.draw-page{position:relative;display:flex}
.draw-page .side{flex:0 0 360px;border:1px solid #e5e7eb;border-top:none;border-bottom:none;padding:20px}
.draw-page .side .tab{border-bottom:1px solid #e5e7eb;display:flex}
.draw-page .side .tab .item{color:#3f434b;font-size:14px;font-weight:700;opacity:.6;padding-bottom:8px;cursor:pointer}
.draw-page .side .tab .item+.item{margin-left:30px}
.draw-page .side .tab .item.active{opacity:1;position:relative}
.draw-page .side .tab .item.active:after{content:'';width:100%;height:2px;background-color:#f47087;position:absolute;bottom:0;left:0}
.draw-page .side .con.show{display:block}
.draw-page .side .con{display:none;height:calc(100vh - 187px);overflow-y:auto;margin-top:15px;padding:20px 15px;background:#f3f5f7;border-radius:6px}
.draw-page .side .con .box+.box{margin-top:20px}
.draw-page .side .con .box .title{display:flex;align-items:center;margin-bottom:10px}
.draw-page .side .con .box .title span{font-size:13px;margin-right:8px}
.draw-page .side .con .box .title .tips:hover .pop-text{opacity:1;pointer-events:auto}
.draw-page .side .con .box .title .tips{position:relative}
.draw-page .side .con .box .title .tips i{display:block;width:16px;height:16px;background:url(../images/tan.svg) no-repeat center center/contain}
.draw-page .side .con .box .title .tips .pop-text{opacity:0;pointer-events:none;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute;bottom:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;background:#000;border-radius:4px;padding:3px 10px;color:#fff;font-size:13px}
.draw-page .side .con .box textarea{display:block;width:100%;height:97px;background:#fff;border:1px solid #d2d5dc;border-radius:6px;padding:12px;font-size:12px;resize:none}
.draw-page .side .con .remain .top{font-weight:700;font-size:14px;margin:30px 0 15px}
.draw-page .side .con .remain .top em{color:#f47087}
.draw-page .side .con .remain .bot p{font-size:13px}
.draw-page .content{position:relative;flex:1;padding-top:40px}
.draw-page .content .pic{
    display:flex;align-items:center;justify-content:center;flex-wrap:wrap;



}
.draw-page .content .pic .box{flex:0 1 50%}
.draw-page .content .pic .box:nth-child(1),.draw-page .content .pic .box:nth-child(3){display:flex;justify-content:flex-end}
/*.draw-page .content .pic img{cursor:pointer;display:block;max-height:calc(50vh - 150px)}*/
.draw-page .content .bottom{margin-top:40px}
.draw-page .content .bottom .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.draw-page .content .bottom .title h3{font-size:13px}
.draw-page .content .bottom .input{display:flex}
.draw-page .content .bottom .input input{flex:1;height:48px;background:#f3f3f3;border-radius:6px;padding:0 20px;font-size:13px;border:none;margin-right:10px}
.draw-page .content .bottom .input textarea{flex:1;height:48px;background:#f3f3f3;border-radius:6px;padding:10px 20px;font-size:13px;border:none;margin-right:10px}



.draw-page .content .bottom .input .submit{width:100px;height:48px;background:linear-gradient(-90deg,#209cff,#68e0cf);border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer}
.size-list{display:flex;justify-content:space-between}
.size-list .item{flex:0 0 52px;background:#fff;border:2px solid #cacfd5;border-radius:6px;text-align:center;cursor:pointer;padding:10px 0 8px}
.size-list .item .rect{width:26px;height:26px;margin:0 auto 5px;position:relative}
.size-list .item .rect:after{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:2px solid #cacfd5;border-radius:3px}
.size-list .item span{font-size:13px}
.size-list .item.active{border:2px solid #f47087}
.size-list .item.active span{color:#f47087}
.size-list .item.active .rect:afteR{border:2px solid #f47087}
.size-list .item1 .rect:after{width:26px;height:26px}
.size-list .item2 .rect:after{width:26px;height:19px}
.size-list .item3 .rect:after{width:18px;height:26px}
.size-list .item4 .rect:after{width:26px;height:15px}
.size-list .item5 .rect:after{width:15px;height:24px}
.style-list{display:flex;flex-wrap:wrap;margin:0 -5px -14px;height:240px;overflow-y:auto}
.style-list .item.def .pic{padding-top:100%;background-color:#3f434b}
.style-list .item.def .pic img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.style-list .item{flex:0 0 calc(33.3% - 10px);margin:0 5px 14px;cursor:pointer}
.style-list .item .pic{display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden;margin-bottom:10px;position:relative}
.style-list .item .pic:after{content:'';pointer-events:none;opacity:0;border-radius:6px;position:absolute;width:100%;height:100%;top:0;left:0}
.style-list .item .pic img{display:block}
.style-list .item span{display:block;text-align:center;font-size:12px}
.style-list .item.active .pic:after{opacity:1;border:2px solid #f47087}
.drop_area{display:block;width:100%;min-height:160px;background:#fff;border:1px dashed #d2d5dc;border-radius:10px;position:relative;overflow:hidden}
.drop_area .upload-area{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}
.drop_area .upload-area i{display:block;background:url(../images/upload.png) no-repeat center center/contain;width:40px;height:40px;margin:0 auto 20px}
.drop_area .upload-area p{font-size:13px;text-align:center}
.drop_area .img-responsive{display:block;width:100%}
.slider{position:relative;display:flex;align-items:center}
.slider .number{font-size:13px;margin-left:14px;display:flex;align-items:center}
.rangeslider,.rangeslider__fill{width:100%;height:4px;background:#d2d5dc;border-radius:2px}
.rangeslider__fill{background:#f47087}
.rangeslider__handle{background:#f47087;cursor:pointer;display:inline-block;width:12px;height:12px;position:absolute;top:2px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.pic-big-pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.pic-big-pop .mask{display:block;width:100%;height:100%;background:#000;opacity:.8}
.pic-big-pop .con{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:flex;align-items:flex-start}
.pic-big-pop .con .pic{flex:0 1 760px;margin-right:12px}
.pic-big-pop .con .pic img{display:block;max-height:80vh}
.pic-big-pop .con .tools{display:flex;align-items:center}
.pic-big-pop .con .tools .btn+.btn{margin-left:15px}
.pic-big-pop .con .tools .btn{cursor:pointer}
.pic-big-pop .con .tools .btn i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#000;border-radius:50%;margin:0 auto 10px;opacity:.5}
.pic-big-pop .con .tools .btn i img{display:block;width:14px}
.pic-big-pop .con .tools .btn span{display:block;text-align:center;font-size:13px;color:#fff}
.gallery-page{height:calc(100vh - 112px);padding:20px 24px;position:relative}
.gallery-page:after{content:'';pointer-events:none;position:absolute;left:0;bottom:0;width:100%;height:100px;background:linear-gradient(to top,#fff 0,rgba(255,255,255,0) 100%)}
.gallery-page .search{width:420px;height:48px;background:#f2f3f5;border-radius:24px;position:relative;margin-bottom:16px}
.gallery-page .search .input{position:absolute;width:100%;height:100%;top:0;left:0;border:none;background:url(../images/search.svg) no-repeat left 17px center/18px auto;padding-left:40px;font-size:16px;padding-right:80px}
.gallery-page .search .submit{width:65px;height:34px;background:linear-gradient(-90deg,#209cff,#68e0cf);border-radius:17px;position:absolute;top:50%;margin-top:-17px;right:8px;font-size:14px;color:#f2f3f5;border:none}
.gallery-list-wrap{height:calc(100% - 48px);overflow-y:auto}
.gallery-list .item{margin:0 7px 14px;width:calc(16.6% - 14px);position:relative;overflow:hidden;border-radius:10px}
.gallery-list .item .pic img{display:block;width:100%}
.gallery-list .item .text{position:absolute;bottom:0;left:0;width:100%;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%)}
.gallery-list .item .text .title{font-size:14px;color:#fff}
.gallery-list .item .text .views{margin-left:5px;background:url(../images/views.svg) no-repeat left center/17px auto;font-size:12px;color:#fff;opacity:.7;padding-left:24px}
.evaluation-page{height:calc(100vh - 112px);padding:30px 0 48px;overflow-y:auto}
.evaluation-page .evaluation-list-wrap{margin-top:30px}
.evaluation-page .evaluation-list-wrap .evaluation-list{margin-top:0}
.evaluation-page .evaluation-list-wrap .evaluation-list .item{margin-bottom:50px}
.evaluation-page .evaluation-list-wrap .evaluation-list.show{display:block}
.loading{width:45px;height:45px;margin:30px auto 0}
.tab-row{display:flex;align-items:flex-start}
.tab-row .label{font-weight:700;font-size:16px;line-height: 30px}
.tab-row .tab{display:flex;flex-wrap:wrap}
.tab-row .tab .item{height:30px;border-radius:3px;padding:0px 5px;font-size:16px;margin-right:10px;cursor:pointer}
.tab-row .tab .item.active{background:#f5706d;color:#fff}
.tab-row .tab .item input{
    display: none;
}
.evaluation-page.ovya{overflow-y:auto}
::-webkit-scrollbar{width:4px;height:2px}
::-webkit-scrollbar-track{background:#fff}
::-webkit-scrollbar-thumb{background:rgba(244,112,135,.5);border-radius:2px}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(244,112,135,.5)}
.recommend .title{display:flex;align-items:center;margin-bottom:20px}
.recommend .title img{display:block;width:20px;margin-right:8px}
.recommend .title h3{font-size:18px}
.recommend .evaluation-list{margin-top:0}
.evaluation{margin-bottom:40px}
.evaluation .title{display:flex;align-items:center;margin-bottom:20px}
.evaluation .title img{display:block;width:28px;margin-right:12px}
.evaluation .title h3{font-size:24px;}
.evaluation .desc{font-size:18px;}

.evaluation .content{background:rgba(233,238,245,.6);box-shadow:0 15px 38px 0 rgba(0,0,0,.1);border-radius:20px}
.evaluation .progress{padding:30px 40px}
.evaluation .progress .line{position:relative;height:6px;background:rgba(63,67,75,.2);border-radius:3px;overflow:hidden}
.evaluation .progress .line .cur{position:absolute;left:0;top:0;height:100%;background:#f57286;border-radius:3px}
.evaluation .question-mod{background:#fff;border-radius:20px;padding:30px 40px 48px}
.evaluation .question-mod .qus{font-size:24px;opacity:.8;margin-bottom:20px;color:#f57286;font-weight:700;}
.evaluation .question-mod .ans-list{margin-bottom:40px}
.evaluation .question-mod .ans-list .item{cursor:pointer;background:rgba(233,238,245,.5);border-radius:6px;padding:10px 15px;font-size:18px;font-weight:400}
.evaluation .question-mod .ans-list .item+.item{margin-top:15px}
.evaluation .question-mod .ans-list .item.active{background:linear-gradient(-90deg,#f6bf9f,#db8ade);color:#fff}
.evaluation .question-mod .btn-group{display:flex;align-items:center;justify-content:center}
.evaluation .question-mod .btn-group .btn{cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;margin:0 30px;width:160px;height:46px;background:#fff;box-shadow:0 5px 25px 0 rgba(0,0,0,.1);border-radius:23px;display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;overflow:hidden}
.evaluation .question-mod .btn-group .btn span{position:relative;z-index:2}
.evaluation .question-mod .btn-group .btn:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:linear-gradient(-90deg,#209cff,#68e0cf)}
.evaluation .question-mod .btn-group .btn:hover{color:#fff}
.evaluation .question-mod .btn-group .btn:hover:after{opacity:1}
.evaluation .pay{background:rgba(255,255,255,.6);box-shadow:0 2px 38px 0 rgba(0,0,0,.1);border-radius:20px;padding:50px 0 80px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.evaluation .pay .desc{font-size:16px;margin-bottom:30px}
.evaluation .pay .desc span{color:#f6756f}
.evaluation .pay .pay-box{width:600px;height:220px;background:#fff;border:1px dashed #ccc;border-radius:15px;display:flex;align-items:center;justify-content:center}
.evaluation .pay .pay-box .qr{overflow:hidden;width:100px;margin-right:24px}
.evaluation .pay .pay-box .qr img{display:block}
.evaluation .pay .pay-box .text{flex:0 0 auto;line-height:1}
.evaluation .pay .pay-box .text .p1{font-size:16px}
.evaluation .pay .pay-box .text .p1 span{color:#f6756f;font-size:30px;font-weight:700}
.evaluation .pay .pay-box .text .p2{display:flex;align-items:center;margin:10px 0;font-size:13px}
.evaluation .pay .pay-box .text .p2 img{display:block;width:20px;margin-right:5px}
.evaluation .pay .pay-box .text .p3{font-size:13px;opacity:.6}
.coaching-page.det{min-height:calc(100vh - 112px)}
.coaching-page{padding:30px 0 60px;overflow-y:auto}
.coaching-page .coach-list .item{margin-bottom:50px}
.coaching-page .detail-info{display:flex;padding-bottom:30px;border-bottom:1px solid #e5eaf1}
.coaching-page .detail-info .pic{flex:0 0 276px;margin-right:30px}
.coaching-page .detail-info .pic img{display:block;width:100%}
.coaching-page .detail-info .text{flex:1}
.coaching-page .detail-info .text .name{font-weight:700;font-size:24px;margin-bottom:30px}
.coaching-page .detail-info .text .info .row+.row{border-top:1px solid #e5eaf1}
.coaching-page .detail-info .text .info .row{padding:15px 0;line-height:1;display:flex;align-items:flex-start}
.coaching-page .detail-info .text .info .row .label{display:flex;align-items:center;flex:0 0 150px}
.coaching-page .detail-info .text .info .row .label img{display:block;width:18px;margin-right:5px}
.coaching-page .detail-info .text .info .row .con{font-size:16px;font-weight:700}
.coaching-page .detail-info .text .info .row .con p{font-size:13px;opacity:.7;margin-top:8px}
.coaching-page .detail-info .text .info .g-btn{box-shadow:none;width:200px;height:50px;font-size:20px;margin-top:10px}
.coaching-page .detail-desc{display:flex;align-items:flex-start}
.coaching-page .detail-desc .left{position:sticky;top:0;padding-right:20px;flex:0 0 273px;margin-top:30px}
.coaching-page .detail-desc .left:after{content:'';position:absolute;background-color:#e5eaf1;right:25px;top:7px;bottom:7px;width:1px}
.coaching-page .detail-desc .left .item+.item{margin-top:20px}
.coaching-page .detail-desc .left .item{color:#3c3b3b;text-align:right;font-weight:700;cursor:pointer;position:relative;padding-right:22px;z-index:2}
.coaching-page .detail-desc .left .item:after{content:'';width:11px;height:11px;background:#65686c;border-radius:50%;position:absolute;right:0;top:50%;margin-top:-5px}
.coaching-page .detail-desc .left .item.active{color:#f6756f}
.coaching-page .detail-desc .left .item.active:after{background:#f6756f}
.coaching-page .detail-desc .right{flex:1;border-left:1px solid #e5eaf1;padding-top:30px;padding-left:35px}
.coaching-page .detail-desc .right .title{display:inline-block;font-size:16px;position:relative;margin-bottom:20px}
.coaching-page .detail-desc .right .title h3{position:relative;z-index:2}
.coaching-page .detail-desc .right .title:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:7px;background:linear-gradient(-90deg,#f6bf9f,#db8ade);z-index:1}
.coaching-page .detail-desc .right .box{margin-bottom:45px;display:none}
.coaching-page .detail-desc .right .box.show{display:block}
.coaching-page .detail-desc .right .box p{font-size:15px;opacity:.9}
.coaching-page .detail-desc .right .tags{display:flex;flex-wrap:wrap;margin-bottom:23px}
.coaching-page .detail-desc .right .tags .tag{margin-right:18px;font-size:13px;padding:0 13px;height:26px;background:#e9eef5;border-radius:13px;line-height:26px}
.coaching-page .detail-desc .right .booking{background:#fff;border:1px solid #e9eef5;border-radius:10px;padding:36px}
.coaching-page .detail-desc .right .booking .row{display:flex;margin-bottom:15px;align-items:center}
.coaching-page .detail-desc .right .booking .row .label{font-size:15px;opacity:.9;margin-right:10px;flex:0 0 75px}
.coaching-page .detail-desc .right .booking .row .con{flex:0 0 338px}
.coaching-page .detail-desc .right .booking .row .con .input,.coaching-page .detail-desc .right .booking .row .con .time,.coaching-page .detail-desc .right .booking .row .con select{height:37px;background:#fff;border:1px solid #d7d9de;border-radius:6px;font-size:15px;padding:0 12px;display:block;width:100%}
.coaching-page .detail-desc .right .booking .row .con select{background:#fff url(../images/xiala.svg) no-repeat right 12px center/10px auto !important;}
.coaching-page .detail-desc .right .booking .row .con .time{width:162px}
.coaching-page .detail-desc .right .booking .row .con.df{display:flex;align-items:center;color:#d7d9de;justify-content:space-between}
.coaching-page .detail-desc .right .booking .row .g-btn{width:160px;height:42px;box-shadow:none;margin-top:35px}
.coaching-page .detail-desc .right .booking .tips{font-size:13px;padding-left:85px}
.coaching-page .detail-desc .right .booking .g-btn{cursor:pointer}
.educate-page{height:calc(100vh - 112px);padding:30px 0 60px;overflow-y:auto}
.educate-page .course-list-wrap{margin-top:30px}
.educate-page .course-list-wrap .course-list{margin-top:0;margin-bottom:30px}
.educate-page .course-list-wrap .course-list.show{display:block}
.educate-page .detail-info{display:flex;padding-bottom:30px;border-bottom:1px solid #e5eaf1}
.educate-page .detail-info .pic{flex:0 0 376px;margin-right:30px}
.educate-page .detail-info .pic img{display:block;width:100%}
.educate-page .detail-info .text{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.educate-page .detail-info .text h3{font-size:24px;margin-bottom:5px}
.educate-page .detail-info .text p{font-size:16px}

.operate{
    display: flex;
}
.js-see{
    margin-left: 0px;
    width: 80px !important;
    background: none;
    border: 1px solid #209cff;
    color: #1fae9d !important;
}
.educate-page .detail-info .text .price{color:#ee5b75;font-size:24px;font-weight:700;margin-bottom:10px}
.educate-page .detail-info .text .g-btn{cursor:pointer;width:160px;height:46px;color:#fff;box-shadow:none}

.educate-page .detail-desc{display:flex}
.educate-page .detail-desc .left-wrap{flex:0 0 374px;padding-right:20px;padding-top:20px;border-right:1px solid #e5e7eb}
.educate-page .detail-desc .left-wrap .title{font-size:16px;font-weight:700;margin-bottom:10px}
.educate-page .detail-desc .left-wrap .list{background-color:#f8f9fa}
.educate-page .detail-desc .left-wrap .item+.item{border-top:1px solid #e5e7eb}
.educate-page .detail-desc .left-wrap .item{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:25px 35px 20px 20px}
.educate-page .detail-desc .left-wrap .item .left{display:flex;align-items:flex-start;flex:1;margin-right:10px}
.educate-page .detail-desc .left-wrap .item .left .num{font-weight:700;font-size:14px;margin-right:16px}
.educate-page .detail-desc .left-wrap .item .left .text h3{font-weight:400;font-size:14px}
.educate-page .detail-desc .left-wrap .item .left .text p{font-size:12px;color:#666}
.educate-page .detail-desc .left-wrap .item .lock{background:url(../images/lock.svg) no-repeat center center/contain;width:20px;height:20px}
.educate-page .detail-desc .right-wrap{flex:1;padding-top:30px;padding-left:30px;}
.educate-page .detail-desc .right-wrap img{max-width:100%; height:auto;}
.filter .tab-row+.tab-row{padding-top:10px;border-top:1px solid #e5e7eb}
.filter .tab-row{height:45px;overflow:hidden;position:relative}
.filter .tab-row .arrow{position:absolute;right:0;top:17px;background:url(../images/xiala.svg) no-repeat center center/contain;width:13px;opacity:.6;height:10px;cursor:pointer}
.filter .tab-row.active{height:auto}
.filter .tab-row.active .arrow{transform:rotate(180deg)}
.filter .haveArrow{padding-right:10px}
.filter .label{align-items:center;display:flex;white-space:nowrap}
.filter .label span{color:#adadad;font-weight:400;font-size:13px;margin-right:10px}
.filter .item{margin-bottom:10px}
.vip-page{padding-top:130px;padding-bottom:100px;min-height:calc(100vh - 112px);background:url(../images/color-bg.jpg) no-repeat center center/cover}
.vip-page .tab{width:268px;height:42px;background:linear-gradient(139deg,#d0dbe6,#e7eaf1,#e4e8ef);border-radius:21px;margin:0 auto 30px;display:flex}
.vip-page .tab .item{border-radius:21px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#42464e;font-size:16px;flex:0 0 50%}
.vip-page .tab .item.active{background:#f57286;color:#fff}
.vip-page .vip-group.show{display:flex}
.vip-page .vip-group{display:none}
.vip-page .vip-group .item{flex:0 0 342px;margin:0 15px;background:url(../images/border.png) no-repeat center center/100% 100%;border-radius:15px;padding:0 30px;position:relative}
.vip-page .vip-group .item .rec-tags{position:absolute;right:0;top:0;background:url(../images/rec-bg.png) no-repeat center center/contain;width:79px;height:79px}
.vip-page .vip-group .item .top{padding:25px 0 20px;border-bottom:1px solid #d9d9d9;text-align:center}
.vip-page .vip-group .item .top .tit{font-size:20px;font-weight:700}
.vip-page .vip-group .item .top .price{display:flex;align-items:flex-end;line-height:1;justify-content:center;margin:10px 0}
.vip-page .vip-group .item .top .price .new{font-weight:700;color:#f57286;font-size:36px}
.vip-page .vip-group .item .top .price .old{font-size:18px;opacity:.7;text-decoration: line-through;}
.vip-page .vip-group .item .top p{font-size:16px;margin-bottom:5px}
.vip-page .vip-group .item .top span{width:102px;height:26px;background:rgba(245,114,134,.2);border-radius:13px;display:flex;align-items:center;color:#f57286;justify-content:center;margin:0 auto;font-size:14px}
.vip-page .vip-group .item .top span i{display:block;background:url(../images/jiesheng.png) no-repeat center center/contain;width:15px;height:15px;margin-right:6px}
.vip-page .vip-group .item .bot{margin-top:15px;padding-bottom:30px}
.vip-page .vip-group .item .bot h3{font-size:16px;font-weight:700}
.vip-page .vip-group .item .bot ul{margin-bottom:10px}
.vip-page .vip-group .item .bot ul li{font-size:14px;position:relative;padding-left:18px;margin-top:10px}
.vip-page .vip-group .item .bot ul li:after{content:'';width:10px;height:10px;background:#f57286;border:2px solid #f47087;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-5px}
.vip-page .vip-group .item .bot .g-btn{box-shadow:none;width:100%;height:42px}
.buy-pop,.login-pop,.mobile-pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}
.buy-pop .mask,.login-pop .mask,.mobile-pop .mask{display:block;width:100%;height:100%;background:#000;opacity:.7}
.buy-pop .con,.login-pop .con,.mobile-pop .con{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:320px;height:320px;background:#fff;border-radius:15px;padding-top:46px}
.buy-pop .con .close,.login-pop .con .close,.mobile-pop .con .close{position:absolute;right:20px;top:20px;width:18px;height:18px;cursor:pointer;background:url(../images/close-g.svg) no-repeat center center/contain;opacity:.3}
.buy-pop .con .tit,.login-pop .con .tit,.mobile-pop .con .tit{display:flex;align-items:center;justify-content:center;font-size:16px;color:#000}
.buy-pop .con .tit img,.login-pop .con .tit img,.mobile-pop .con .tit img{display:block;width:20px;margin-right:8px}
.buy-pop .con .qr,.login-pop .con .qr,.mobile-pop .con .qr{margin:20px auto 30px;width:150px;box-shadow:0 3px 16px 0 rgba(0,0,0,.15);border-radius:10px;background-color:#fff;padding:10px}
.buy-pop .con .qr img,.login-pop .con .qr img,.mobile-pop .con .qr img{display:block;width:100%}
.buy-pop .con p,.login-pop .con p,.mobile-pop .con p{font-size:13px;text-align:center;color:#000}
.buy-pop .con a,.login-pop .con a,.mobile-pop .con a{position:absolute;bottom:0;left:0;width:100%;height:40px;display:flex;align-items:center;justify-content:center;background:#fafafa;border-radius:0 0 18px 18px;color:#999}
.withdrawals-pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.withdrawals-pop .mask{display:block;width:100%;height:100%;background:#000;opacity:.7}
.withdrawals-pop .con{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px;background:#fff;border-radius:15px}
.withdrawals-pop .con .title{height:47px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding-left:24px;padding-right:14px}
.withdrawals-pop .con .title h3{font-size:16px;color:#000;opacity:.8}
.withdrawals-pop .con .title .close{background:url(../images/close-g.svg) no-repeat center center/contain;width:18px;height:18px;opacity:.3;cursor:pointer}
.withdrawals-pop .con .wrap{padding:30px 40px}
.withdrawals-pop .con .wrap .item+.item{margin-top:15px}
.withdrawals-pop .con .wrap .item{display:flex;align-items:flex-start}
.withdrawals-pop .con .wrap .item .label{flex:0 0 100px;height:37px;line-height:37px;color:#000;font-size:14px;margin-right:10px}
.withdrawals-pop .con .wrap .item .form-con{flex:1}
.withdrawals-pop .con .wrap .item .form-con input{width:100%;height:37px;background:#fff;border:1px solid #e5e7eb;border-radius:5px;padding:0 10px;font-size:14px}
.withdrawals-pop .con .wrap .item .form-con input.read{background:#f6f8f9}
.withdrawals-pop .con .wrap .item .form-con .error{color:#f57286;font-size:12px;margin-top:4px}
.withdrawals-pop .con .wrap .item .form-con .upload{width:101px;height:101px;background:#f6f8f9;border:1px solid #e5e7eb;border-radius:5px;position:relative;overflow:hidden}
.withdrawals-pop .con .wrap .item .form-con .upload input{position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer;opacity:0;z-index:2}
.withdrawals-pop .con .wrap .item .form-con .upload img{display:block;width:100%;height:100%;object-fit:contain}
.withdrawals-pop .con .wrap .item .form-con .g-btn{box-shadow:none;width:125px;height:36px}
.login-pop .con,.mobile-pop .con{width:500px;height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:0}
.login-pop .con .tit,.mobile-pop .con .tit{font-weight:700;font-size:18px}
.login-pop .con .qr,.mobile-pop .con .qr{width:190px;height:190px}
.login-pop .con p,.mobile-pop .con p{font-size:14px;color:#999}
.mobile-pop .con-wp{max-width:340px;margin:0 auto}
.mobile-pop .mobile-row{display:flex;margin:30px auto 0}
.mobile-pop .mobile-row input,.mobile-pop .mobile-row select{height:40px;border:1px solid #e3e3e3;border-radius:5px;background-color:#fff;text-align:center}
.mobile-pop .mobile-row select{text-align:left;font-size:14px;color:#333;flex:0 0 117px;padding-left:30px;margin-right:2px;background:url(../images/xiala.svg) no-repeat right 7px center/10px auto}
.mobile-pop .mobile-row input{flex:1;font-size:14px;text-align:center}
.mobile-pop .slide-validation{margin:20px auto 10px;height:34px;position:relative}
.mobile-pop .slide-validation>div{box-shadow:none!important}
.mobile-pop .slide-validation .sliding-block{height:100%!important}
.mobile-pop .code-row{display:flex;margin-bottom:20px}
.mobile-pop .code-row input{width:230px;height:40px;border:1px solid #e3e3e3;border-radius:5px;margin-right:10px;padding-left:10px;font-size:14px}
.mobile-pop .code-row .send-code{width:100px;height:40px;border:1px solid #0aa9eb;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#0aa9eb;font-size:14px;cursor:pointer}
.mobile-pop .code-row .send-code.disabled{pointer-events:none}
.mobile-pop .g-btn{width:340px;margin:0 auto;box-shadow:none;cursor:pointer}
.mobile-pop .tips{font-size:12px;margin-top:24px;color:#b6b6b6}
.mobile-pop .tips span{color:#f6733a}
.g-btn.gray{opacity:.6;background:linear-gradient(90deg,#e2e3e7,#c8cbd3,#c7c8cb,#c8cbd2);pointer-events:none}
.mine-page{min-height:calc(100vh - 112px);padding:30px 0;position:relative}
.mine-page .mine-nav{display:flex;border-bottom:1px solid #e5e7eb;margin-bottom:30px}
.mine-page .mine-nav .item{padding-bottom:10px;position:relative;display:flex;align-items:center}
.mine-page .mine-nav .item:after{content:'';width:100%;position:absolute;bottom:0;left:0;height:2px;background:#f57286;opacity:0}
.mine-page .mine-nav .item .icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:8px}
.mine-page .mine-nav .item .icon img{max-height:100%}
.mine-page .mine-nav .item .icon .def{display:block}
.mine-page .mine-nav .item .icon .active{display:none}
.mine-page .mine-nav .item span{font-size:18px}
.mine-page .mine-nav .item.active:after{opacity:1}
.mine-page .mine-nav .item.active .icon .active{display:block}
.mine-page .mine-nav .item.active .icon .def{display:none}
.mine-page .mine-nav .item.active span{color:#f57286}
.mine-page .mine-nav .item+.item{margin-left:50px}
.mine-page .mine-box{background:#fff;border:1px solid #e5e7eb;border-radius:10px}
.mine-page .userinfo{padding:37px 47px}
.mine-page .userinfo .avatar{margin-bottom:26px}
.mine-page .userinfo .avatar .face{width:100px;height:100px;border-radius:50%;overflow:hidden;position:relative;margin-bottom:11px;cursor:pointer}
.mine-page .userinfo .avatar .face input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}
.mine-page .userinfo .avatar .face img{display:block;width:100%}
.mine-page .userinfo .avatar .face span{width:40px;height:21px;background:rgba(0,0,0,.5);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;position:absolute;left:50%;margin-left:-20px;bottom:12px}
.mine-page .userinfo .avatar .tips{font-size:12px;color:#474d50;opacity:.6}
.mine-page .userinfo .form .row{display:flex}
.mine-page .userinfo .form .row .item{flex:0 0 436px;margin-right:28px;margin-bottom:24px}
.mine-page .userinfo .form .row .item .label{font-size:15px;margin-bottom:10px}
.mine-page .userinfo .form .row .item .label em{color:#f33636}
.mine-page .userinfo .form .row .item .con{height:47px;background:#fafbfc;border:1px solid #e5e7eb;border-radius:6px;position:relative}
.mine-page .userinfo .form .row .item .con input,.mine-page .userinfo .form .row .item .con select{position:absolute;width:100%;height:100%;top:0;left:0;border:none;background:0 0;padding:0 14px;font-size:16px;color:rgba(71,77,80,.8)}
.mine-page .userinfo .form .row .item .con select{background:url(../images/xiala.svg) no-repeat right 12px center/10px auto}
.mine-page .userinfo .form .row .item .con input::-webkit-input-placeholder{color:rgba(71,77,80,.6)}
.mine-page .userinfo .form .row .item .con input::-moz-placeholder{color:rgba(71,77,80,.6)}
.mine-page .userinfo .form .row .item .con input:-moz-placeholder{color:rgba(71,77,80,.6)}
.mine-page .userinfo .form .row .item .con input:-ms-input-placeholder{color:rgba(71,77,80,.6)}
.mine-page .userinfo .form .g-btn{box-shadow:none}
.mine-page .account{border:1px solid #e5e7eb;border-radius:10px}
.mine-page .account .item{padding:20px;display:flex;align-items:center;position:relative}
.mine-page .account .item .g-btn{box-shadow:none;width:102px;height:42px;position:absolute;top:50%;margin-top:-21px;right:20px}
.mine-page .account .item .icon{width:50px;height:50px;margin-right:13px}
.mine-page .account .item .icon img{display:block;width:100%}
.mine-page .account .item .text{color:#676b6e;font-size:14px}
.mine-page .account .item .text .color{color:#847e99}
.mine-page .account .item+.item{border-top:1px solid #e5e7eb}
.mine-page .mine-table{color:#5e656f;font-size:16px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}
.mine-page .mine-table .th{height:43px;display:flex;background:#fcfcfc;border-bottom:1px solid #e5e7eb}
.mine-page .mine-table .th .col{height:100%;display:flex;align-items:center;padding-left:20px;flex:auto}
.mine-page .mine-table .th .col+.col{border-left:1px solid #e5e7eb}
.mine-page .mine-table .row{display:flex}
.mine-page .mine-table .tr .col{padding:15px 20px}
.mine-page .mine-table .empty{font-size:16px;color:#5e656f;opacity:.7;padding:15px 20px;height:92px}
.mine-page .gallery-list-wrap{height:calc(100vh - 240px);overflow-y:auto}
.mine-page .gallery-list .item{width:calc(20% - 14px)}
.mine-page .gallery-list .item .text{position:static;background:0 0;display:block;padding:10px 0 0}
.mine-page .gallery-list .item .text .title{color:#5e656f;font-size:16px;font-weight:700}
.mine-page .gallery-list .item .text .date{color:#5e656f;font-size:13px}
.mine-page .white-mask{position:absolute;bottom:25px;left:0;width:100%;height:100px;background:linear-gradient(to top,#fff 0,rgba(255,255,255,0) 100%)}
.mine-page .desc{color:#5e656f;font-size:16px}
.mine-page .desc h3{font-size:16px;color:#f57286}
.mine-page .desc span{color:#f57286}
.mine-page .invite{padding:24px 30px;color:#5e656f;font-size:16px}
.mine-page .invite .link{margin:20px 0;display:flex;font-size:14px;color:#53565d}
.mine-page .invite .link span{width:86px;height:37px;background:#fff;border:1px solid #e5e7eb;border-radius:5px 0 0 5px;display:flex;align-items:center;justify-content:center}
.mine-page .invite .link p{height:37px;display:flex;align-items:center;justify-content:center;padding-left:14px;padding-right:40px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}
.mine-page .invite .link .copy{cursor:pointer;width:51px;height:37px;background:#fff url(../images/copy2.svg) no-repeat center center/20px auto;border:1px solid #e5e7eb;border-radius:0 5px 5px 0}
.mine-page .invite .download{color:#3f434b;font-size:16px;margin-bottom:20px}
.mine-page .invite .download a{color:#0084ff}
.mine-page .purse{margin:25px 0;width:338px;padding:0 30px;height:100px;background:rgba(233,238,245,.6);border-radius:10px;display:flex;align-items:center;justify-content:center}
.mine-page .purse img{width:40px;display:block}
.mine-page .purse .txt{margin-left:13px;margin-right:35px;line-height:1}
.mine-page .purse .txt p{font-size:14px;margin-bottom:5px}
.mine-page .purse .txt span{font-weight:700;font-size:24px;color:#f57286}
.mine-page .purse .g-btn{box-shadow:none}
.mine-page .data-list{display:flex;margin-bottom:30px}
.mine-page .data-list .col{flex:0 0 210px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.mine-page .data-list .col span{font-size:24px;color:#f57286}
.mine-page .data-list .col p{font-size:13px;color:#60636a}
.mine-page .data-list .col+.col{border-left:1px solid #e5e7eb}
.mine-page .data-list .col:first-child{flex:0 0 auto;padding-right:70px}
.page-layout .page-header .menuBtn{cursor:pointer}
.ban-swiper .swiper-slide{width:100%!important;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ban-swiper .swiper-slide a{display:block;width:100%}
.page-side-mask{display:none;cursor:pointer}
.prompt-pop .type-list{flex-wrap:wrap}
.tab-row .tab .item{line-height:30px}
.coaching-page .detail-desc .right .tags .tag{margin-bottom:5px}
.mine-table-wrap{overflow-x:auto}
.chat-bot .wp2{position:relative;padding-top:30px}
.selected{position:absolute;top:0;left:0;border-radius:5px;background-color:#f57286;color:#fff;padding:0 10px;display:flex;align-items:center;opacity:0;pointer-events:none}
.selected.show{opacity:1;pointer-events:auto}
.selected .close{background:url(../images/close.svg) no-repeat center center/contain;opacity:.5;width:10px;height:10px;cursor:pointer;margin-left:10px}
.mine-page .gallery-list .item .text .title{display:flex;justify-content:space-between;align-items:center}
.mine-page .gallery-list .item .text .title label input{position:absolute;left:-9999px}
.mine-page .gallery-list .item .text .title label{position:relative;overflow:hidden;display:flex}
.title-pop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}
.title-pop .mask{display:block;width:100%;height:100%;background:#000;opacity:.7}
.title-pop .con{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;width:400px;border-radius:20px}
.title-pop .title{height:47px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding-left:24px;padding-right:14px}
.title-pop input{display:block;width:90%;height:40px;padding:0 10px;background-color:#fff;border:1px solid #e5e7eb;margin:20px auto 30px}
.title-pop h3{font-size:16px;color:#000;opacity:.8}
.title-pop .close{background:url(../images/close-g.svg) no-repeat center center/contain;width:18px;height:18px;opacity:.3;cursor:pointer}
.title-pop .btn-group{display:flex;align-items:center;justify-content:flex-end;width:90%;margin:0 auto 20px}
.title-pop .btn-group .g-btn{box-shadow:none;margin-right:10px;cursor:pointer}
.title-pop .btn-group .cancel{cursor:pointer;width:120px;height:42px;display:flex;align-items:center;justify-content:center;background-color:#eee;color:#333;font-size:16px;border-radius:6px}
.mob-txt{display:none}

.gallery-list-wrap .pic{
    cursor: pointer;
}

.mobile-nav{position:fixed;bottom:0;left:0;right:0;
z-index:50;
border-top:1px solid #f1f1f1; background:#fff;box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);}
.mobile-nav li{float:left;width:33.33%}
.mobile-nav li+li{border-left:1px solid #f1f1f1}
.mobile-nav li a{display:block;font-size:16px;line-height:50px;text-align:center;background-color:#fff}
.mobile-nav .mobile-sub{padding-bottom:6px;position:absolute;right:0;bottom:100%;width:120px;z-index:10;display:none}
.mobile-nav .mobile-sub .mobile-sub-in{padding:6px 0;background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px rgba(0,0,0,.1);border-radius:5px;max-height:216px;overflow-y:auto}
.mobile-nav .mobile-sub a{padding:8px 18px;font-size:14px;line-height:1.2;text-align:left}

@media only screen and (min-width:1200px){
    .mobile-avatar,.mobile-login,.mobile-nav{display:none}
}
@media only screen and (max-width:1500px){
.mine-page .userinfo .form .row .item{flex:0 0 45%}
.mine-page .mine-nav .item span{font-size:12px}
.mine-page .mine-nav .item+.item{margin-left:20px}
.mine-page .mine-nav{justify-content:space-between}
.mine-page .data-list .col{flex:0 0 auto;padding:0 50px}
.mine-page .data-list .col:first-child{padding:0 50px}
.mine-page .mine-table,.mine-page .mine-table .empty{font-size:12px}
.vip-page{padding-top:50px}
.vip-page .wp{max-width:none}
.vip-page .vip-group .item{flex:0 1 33.3%}
.filter .tab-row{padding-top:10px}
.wp{max-width:1024px}
.index-section1 .row .pic{flex:0 0 50%}
.course-list .item .inner{padding:10px;border-radius:10px}
.index-section1 .row .text h3{font-size:20px}
.index-section1 .row .text p{font-size:14px}
.course-list .item .inner .text h3 a{font-size:18px}
.course-list .item .inner .text{margin-top:10px}
.course-list .item .inner .text p{margin:5px 0}
.course-list .item .inner .text span{font-size:18px}
.index-section2 .title h3,.index-section3 .title h3,.index-section4 .title h3{font-size:20px}
.index-section2 .title img{width:25px}
.index-section3 .title img,.index-section4 .title img{width:60px;height:auto;top:16px}
.coach-list .item .inner .text .top{display:block;padding:10px 0}
.coach-list .item .inner .text .top .left{margin-bottom:5px}
.coach-list .item .inner .text .top .left .name{font-size:18px}
.coach-list .item .inner .text .top .price{font-size:14px}
.coach-list .item .inner .text .bot .tags{flex-wrap:wrap;margin:5px 0 0}
.coach-list .item .inner .text .bot .tags .tag{font-size:12px;margin-bottom:5px}
.evaluation-list .item .inner .text h3 a{font-size:18px}
.evaluation-list .item .inner .text{margin:10px 0}
.index-section1{padding:50px 0}
.index-section2,.index-section3,.index-section4,.index-section5{padding-bottom:50px}
.faq .title{font-size:20px}
.faq .title:After{height:17px;bottom:3px}
.faq{padding:20px 30px}
.faq .faq-list .item h3{font-size:18px}
.faq .faq-list .item p{font-size:14px}
.page-layout .page-side .nav .item{margin-bottom:5px}
.page-layout .page-side .nav .item a span{font-size:14px}
.page-layout .page-side .nav .item a .icon{width:15px;height:15px;margin-right:10px;flex:0 0 15px}
.page-layout .page-side .logo{margin-bottom:20px}
.search-box h3{font-size:20px}
.page-layout .page-header .hd-tools .item span{font-size:13px}
.wp3{max-width:500px}
.wp2{max-width:600px}
.gallery-list .item,.mine-page .gallery-list .item{width:calc(25% - 14px)}
}
@media only screen and (max-width:1199px){
body{padding-bottom:56px}
.wp{max-width:768px}
.page-layout .page-side{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);position:fixed;top:0;left:0;height:100%;width:230px;z-index:101}
.page-layout{padding-left:0}
.page-layout .page-header{left:0}
.page-layout.open .page-side{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.page-layout.open .page-side-mask{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:#000;opacity:.7}
.prompt-pop .prompt-list .item{width:25%}
}
@media only screen and (max-width:959px){
#img-list,.draw-page .text{
    width:100% !important;
}
.mine-page .data-list .col{flex:0 0 auto;padding:0 30px}
.mine-page .data-list .col:first-child{padding:0 30px}
.vip-page .vip-group .item{flex:0 0 225px;margin:0 5px}
.educate-page .detail-desc .left-wrap{flex:0 0 300px}
.coaching-page .detail-desc .left{flex:0 0 180px}
.gallery-list .item,.mine-page .gallery-list .item{width:calc(33.3% - 14px)}
.wp{padding:0 10px}
.faq .icon{right:0}
.index-section3 .title,.index-section4 .title{left:0}
.page-chat .side{display:none}
.draw-page{flex-direction:column-reverse;height:100%;overflow-y:auto}
.draw-page .content{flex:auto}
.draw-page .side .con{height:auto}
.style-list .item.def .pic{padding-top:0;height:90px}
.style-list .item.def .pic img{position:static;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.style-list .item{flex:0 0 90px}
.educate-page .detail-info .text h3{font-size:20px}
}
@media only screen and (max-width:767px){
    .chat-row.robot .con .copy{
        opacity: 1;
    }
  .coaching-page .tab-row{
      overflow-x: auto;
        width: 100%;
  }
  .tab-row .tab{
        min-width: auto;
  }
    .copyright{flex-direction: column; padding:20px 0 0 0;height:auto}
    .copyright span{display:block;}

.page-layout .page-side .userinfo{
    margin: 16px 15px 30px;
}

.evaluation .question-mod .qus{font-size: 18px;}
.chat-bot{margin-top: -20px;}
.chat-bot .wp2{padding-top: 0px;}
.chat-bot .btn-group{flex-wrap: wrap;}

.chat-bot .btn-group .box{margin-bottom: 5px;}

.pc-txt{display:none}
.mob-txt{display:block}
.pic-big-pop .con{display:block}
.pic-big-pop .con .tools{justify-content:center;margin-top:20px}
.style-list .item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.style-list .item.def .pic{height:calc(100% - 28px)}
.style-list .item.def .pic img{width:auto}
.style-list .item .pic img{display:block;width:100%}
.style-list .item{flex:0 0 calc(33.3% - 10px);width:0}
.title-pop .con{width:90%;border-radius:10px}
.pic-big-pop .con{width:95%}
.mine-page .userinfo{padding:15px}
.mine-page .userinfo .form .row{display:block}
.mine-page .mine-nav{overflow-x:auto}
.mine-page .mine-nav .item span{white-space:nowrap}
.login-pop .con,.mobile-pop .con{width:95%;height:auto;padding:30px 0 50px}
.withdrawals-pop .con{width:95%}
.vip-page{padding-bottom:40px}
.vip-page .vip-group.show{display:block}
.vip-page .vip-group .item{margin:0 0 10px}
.educate-page .detail-info{display:block}
.educate-page .detail-info .pic{margin-right:0;margin-bottom:20px}
.educate-page{height:auto}
.educate-page .detail-desc{flex-direction:column-reverse}
.educate-page .detail-desc .right-wrap{padding:15px;flex:auto}
.educate-page .detail-desc .left-wrap{padding-right:0;}
.educate-page .course-list-wrap{margin-top:0}
.educate-page .course-list-wrap .loading{margin-top:60px}
.coaching-page{padding-bottom:20px}
.coaching-page .detail-desc .right .booking{padding:10px}
.coaching-page .detail-desc .right .booking .row{display:block}
.coaching-page .detail-desc .right .booking .tips{padding-left:0}
.coaching-page .detail-desc .right .booking .row .con .time{width:130px}
.coaching-page .detail-desc .right .booking .row .label{margin-bottom:10px;margin-right:0}
.coaching-page .detail-info{display:block}
.coaching-page .detail-info .pic{width:100%;margin-bottom:20px}
.coaching-page .detail-info .pic img{display:block}
.coaching-page .detail-info .text .name{font-size:18px;margin-bottom:0}
.coaching-page .detail-info .text .info .row .con{font-size:14px}
.coaching-page .detail-info .text .info .g-btn{margin:0 auto}
.coaching-page .detail-desc{display:block}
.coaching-page .detail-desc .left{display:flex;align-items:center;justify-content:space-between;margin:0;top:-20px;padding:20px 0;background-color:#fff;z-index:10}
.coaching-page .detail-desc .left .item{margin-right:0;padding-right:0;cursor:pointer}
.coaching-page .detail-desc .left .item:after{display:none}
.coaching-page .detail-desc .left .item+.item{margin-top:0}
.coaching-page .detail-desc .left:after{display:none}
.coaching-page{padding-top:20px}
.coaching-page .detail-desc .right{padding:0;border-left:none}
.filter .tab-row .arrow{width:30px;height:30px;cursor:pointer;background-position:top center;-webkit-background-size:14px auto;background-size:14px auto}
.filter .tab-row{height:43px}
.tab-row .label,.tab-row .tab .item{font-size:14px;line-height: 30px;}
.recommend .title{margin-bottom:0}
.evaluation .pay{padding:20px}
.evaluation .pay .desc{margin-bottom:20px}
.evaluation .pay .pay-box{width:90%;height:auto;padding:15px;display:block}
.evaluation .pay .pay-box .qr{margin:0 auto 10px}
.evaluation .pay .pay-box .text .p1 span{font-size:20px}
.evaluation .title h3{font-size:18px}
.evaluation .question-mod .ans-list .item{font-size:12px}
.evaluation .question-mod{padding:20px}
.evaluation .question-mod .btn-group .btn{margin:0 15px;font-size:14px}
.evaluation .question-mod .ans-list{margin-bottom:20px}
.evaluation-page{height:auto}
.tab-row .tab .item{margin-bottom:5px}
.evaluation-page .evaluation-list-wrap{margin-top:0}
.loading{position:relative;left:0;z-index:1}
.tab-row .label{white-space:nowrap}
.gallery-page{height:auto}
.gallery-page .search{width:100%}
.gallery-list .item,.mine-page .gallery-list .item{width:calc(100% - 14px)}
.draw-page .content{padding-bottom:40px}
.search-box h3{font-size:14px;margin-bottom:10px}
.search-box .inp{height:30px;font-size:12px}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:4px}
.ban-swiper .swiper-pagination-bullet{width:5px;height:5px}
.ban-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px;height:5px}
.index-section1 .row{display:block}
.index-section1 .row .text{margin-right:0}
.index-section1 .row .text .g-btn{margin:0 auto}
.index-section1 .row .text .icon{width:30px;height:30px;border-radius:5px;margin-bottom:10px}
.index-section1 .row .text h3{z-index:3;position:relative}
.index-section1 .row .text p{margin-bottom:20px}
.index-section1 .row .pic{margin-top:20px}
.index-section1 .row:nth-child(even) .text{margin-left:0}
.index-section1 .row+.row{margin-top:30px}
.coach-list .item,.course-list .item,.evaluation-list .item{float:none;width:100%;margin-bottom:20px}
.coach-list .item .inner,.course-list .item .inner,.evaluation-list .item .inner{margin:0}
.coach-list,.course-list,.evaluation-list{overflow:visible;margin:0 0 -20px;padding:20px 0 0}
.faq .faq-list{display:block;margin-bottom:0}
.faq .faq-list .item{padding-right:0;margin-bottom:20px}
.faq .icon{width:80px}
.index-section1 .row .text:after{width:55px}
.wp2,.wp3{padding:0 25px}
.input-box .input{height:40px}
.selected{left:10px; top: -30px;}
.chat-bot{margin-top:10px}
.chat-wrap{height:calc(100vh - 249px)}
.prompt-pop{bottom:72px}
.prompt-pop .prompt-list .item{width:50%}
.input-box .input .send .count{display:none}
.input-box .input input{padding-right:40px}
.input-box .input .send .btn{margin-right:0}
.input-box .input .send{right:5px}
.input-box .tips-box{flex:0 0 90px}
.mine-page .desc,.mine-page .desc h3{font-size:14px}
.mine-page .invite{padding:15px}
.mine-page .purse{width:100%;padding:0 10px}
.mine-page .purse .txt{margin-right:10px}
.mine-page .data-list .col p,.mine-page .data-list .col span{font-size:12px}
.mine-page .data-list{flex-wrap:wrap}
.mine-page .data-list .col:nth-child(3){border-left:none}
.mine-page .data-list .col,.mine-page .data-list .col:first-child{flex:0 0 50%;padding:10px 0}
.mine-table{width:768px}
.mine-page .invite .link span{width:auto;height:auto;text-align:left;display:block;border:none}
.mine-page .invite .link p{height:auto;border:none;padding:0;display:block;margin:5px 0}
.mine-page .invite .link{display:block;text-align:left}
.mine-page .invite .link .copy{border-radius:0}
.mine-page .invite .download{font-size:14px}
.mine-page{height:auto}
.mine-page .gallery-list-wrap{height:auto}
.mine-page .account .item{display:block}
.mine-page .account .item .g-btn{position:static;margin:0}
.mine-page .account .item .text{margin:10px 0}



    #player-container-id {
        max-width: 95%;
        height: auto;
        min-height: auto;
        min-width: auto;
    }
    .ant-modal-content .video{
        width: 100%;
    }
    .close-video{
        right: 20px;
    }
    .input-box .input textarea{
        padding-right: 25px;
        padding-left: 10px;
    }
    .input-box .tips-box{
        flex: 0 0 80px;
    }
    .wp2-chat{
       padding: 0px 10px;
    }
    #video-popup{
        width:calc(100vw - 16px);
        top: 260px;
    }
    .video-url{
        width:100%;
    }

}

@media only screen and (max-width:360px){
    .page-layout .page-header .menuBtn{
            width: 30px;
            height: 30px;
    }

    .page-layout .page-header{
        padding-right: 15px;
    }

}


.fadeInDown-cus{
    opacity: 0;
    animation: fadeInDown 0.5s linear forwards;

}

.fadeInUp-cus{
    animation: fadeInUp 0.5s linear forwards;
}