body,html{height:100%}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-overflow-scrolling:touch}input,input[type=button],input[type=reset],input[type=submit]{resize:none;border:none}a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,article,aside,body,button,dd,details,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,li,menu,nav,ol,p,section,select,table,tbody,td,textarea,th,tr,ul{margin:0;padding:0}body{font:1.2rem/1.5 Microsoft YaHei,PingFang,Arial;color:#333;background-color:#f7f7f7}em,i{font-style:normal}li,ul{list-style-type:none}.clearfix:after{content:"";display:block;visibility:hidden;height:0;clear:both}.clearfix{zoom:1}a{color:#333;font-family:Microsoft YaHei,PingFang,Arial}a,a:hover{text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-family:Microsoft YaHei,PingFang,Arial}img{border:none}input,textarea{font-family:Microsoft YaHei,PingFang,Arial}a:active,a:hover,a:link,a:visited{-webkit-tap-highlight-color:rgba(0,0,0,0)}.hei10{height:1rem}.hei20{height:2rem}.hei30{height:3rem}.hei40{height:4rem}.hei50{height:5rem}.hei60{height:6rem}.hei70{height:7rem}.hei80{height:8rem}.hei90{height:9rem}.hei100{height:10rem}.hei110{height:11rem}.hei120{height:12rem}.hei130{height:13rem}.hei140{height:14rem}.hei150{height:15rem}.hei160{height:16rem}.hei170{height:17rem}.hei180{height:18rem}.hei190{height:19rem}.hei200{height:20rem}body{overflow-x:hidden;letter-spacing:.2rem;background-color:#fff;word-break:break-all;text-align:justify}body a,body span{display:inline-block}body button,body textarea{border:none;outline:none;resize:none}body input{outline:none}body .btn{cursor:pointer}@media (max-height:1000px){.appointment{padding:2rem 0 6rem 0!important}.page-top{margin-bottom:2rem!important}}.appointment{padding:6rem 0;box-sizing:border-box;width:140rem;margin:0 auto}.appointment .page-top{display:flex;align-items:center;margin-bottom:6rem}.appointment .page-top .logo{cursor:pointer}.appointment .page-top .logo .picbox{width:43.8rem;height:8rem;overflow:hidden}.appointment .page-top .logo .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.appointment .page-top .titlebox{font-size:4.2rem;font-weight:700;color:#000;margin-left:3rem;padding-left:3rem;position:relative}.appointment .page-top .titlebox:before{content:"";width:.2rem;height:4.6rem;background:#000;position:absolute;top:50%;left:0;transform:translateY(-50%)}.appointment .contentbox{width:100%;height:auto;background:#fff;border-radius:2rem;display:flex;box-shadow:0 0 5rem 0 rgba(63,101,224,.05);padding:6rem;box-sizing:border-box;position:relative}.appointment .contentbox .left-con{flex:1;height:100%;overflow-y:auto!important}.appointment .contentbox .left-con::-webkit-scrollbar{width:.3rem}.appointment .contentbox .left-con::-webkit-scrollbar-thumb{background:#42b983;border-radius:.2rem}.appointment .contentbox .left-con::-webkit-scrollbar-resizer{background:#42b983}.appointment .contentbox .left-con::-webkit-scrollbar-track-piece{background:#fff;border-radius:.2rem}.appointment .contentbox .left-con .itemlist{width:100%}.appointment .contentbox .left-con .itemlist .item{display:flex;width:100%;margin-bottom:4rem;cursor:pointer}.appointment .contentbox .left-con .itemlist .item:last-child{margin-bottom:0}.appointment .contentbox .left-con .itemlist .item .img{width:10rem;height:10rem;border-radius:50%;margin-right:3rem;flex:none;overflow:hidden}.appointment .contentbox .left-con .itemlist .item .img .picbox{width:100%;height:100%;overflow:hidden}.appointment .contentbox .left-con .itemlist .item .img .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:50%;transition:all .6s}.appointment .contentbox .left-con .itemlist .item .itemtitle .title{display:flex;align-items:flex-end;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:2.8rem;font-weight:700;color:#000;line-height:3.6rem;margin-bottom:1.2rem}.appointment .contentbox .left-con .itemlist .item .itemtitle .title .subtitle{font-size:2rem;font-weight:700;color:#000;line-height:2.8rem;margin-left:.6rem}.appointment .contentbox .left-con .itemlist .item .itemtitle .detail .picbox{width:1.6rem;height:1.6rem;overflow:hidden}.appointment .contentbox .left-con .itemlist .item .itemtitle .detail .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.appointment .contentbox .left-con .itemlist .item .itemtitle .detail .picbox{flex:none;margin-top:.3rem}.appointment .contentbox .left-con .itemlist .item .itemtitle .detail .txt{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:1.6rem;font-weight:400;color:#333;line-height:2.2rem;margin-left:2rem}.appointment .contentbox .left-con .itemlist .item .itemtitle .detail .d1,.appointment .contentbox .left-con .itemlist .item .itemtitle .detail .d2{display:flex;margin-bottom:1.2rem}.appointment .contentbox .left-con .itemlist .item .itemtitle .detail .d3{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:1.6rem;font-weight:400;color:#7389d0;line-height:2rem}.appointment .contentbox .right-con{display:flex;flex-direction:column;justify-content:space-between;width:44rem;height:100%;flex:none;margin-left:6rem}.appointment .contentbox .right-con .taglist{display:flex;flex-wrap:wrap;width:calc(100% + 1.2rem);margin:0 -.6rem;max-height:80rem;overflow:hidden;flex:none}.appointment .contentbox .right-con .taglist .tag{width:14rem;height:4.4rem;background:#fff;border-radius:.4rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:1.6rem;font-weight:400;color:#42b983;line-height:4.4rem;text-align:center;border:.2rem solid #b2c4ff;box-sizing:border-box;margin:0 .5rem 1rem;cursor:pointer;transition:all .3s}.appointment .contentbox .right-con .taglist .tag.active,.appointment .contentbox .right-con .taglist .tag:hover{background:#42b983;color:#fff}.appointment .contentbox .right-con .taglist .tag2{width:auto;height:4.4rem;background:#fff;border-radius:.4rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:1.6rem;font-weight:400;color:#42b983;line-height:4.4rem;text-align:center;box-sizing:border-box;margin:0 .5rem 1rem;cursor:pointer;transition:all .3s}.appointment .contentbox .right-con .taglist .tag2:hover{background:#42b983;color:#fff}.appointment .contentbox .right-con .guide .titlebox{font-size:2.8rem;font-weight:700;color:#000;margin-bottom:4rem}.appointment .contentbox .right-con .guide .times{font-size:1.6rem;font-weight:400;color:#333;line-height:2.6rem;letter-spacing:.1rem;margin-bottom:5rem;white-space:pre-wrap}.appointment .contentbox .right-con .guide .times>div{display:flex;margin-bottom:1rem}.appointment .contentbox .right-con .guide .times .t3 span{color:red}.appointment .contentbox .right-con .guide .times .day{width:10rem;flex:none;display:flex}.appointment .contentbox .right-con .guide .times .day span,.appointment .contentbox .right-con .guide .times .time{flex:1}.appointment .contentbox .right-con .guide .btns .btn{width:100%;height:8rem;background:#42b983;border-radius:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:3rem;box-sizing:border-box}.appointment .contentbox .right-con .guide .btns .btn .txt{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:2rem;font-weight:700;color:#fff;flex:1}.appointment .contentbox .right-con .guide .btns .btn .arrow{flex:none;padding:1rem}.appointment .contentbox .right-con .guide .btns .btn .arrow .picbox{width:1.4rem;height:1rem;overflow:hidden}.appointment .contentbox .right-con .guide .btns .btn .arrow .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.appointment .popup{position:fixed;top:0;left:0;bottom:0;right:0;z-index:999;opacity:0;visibility:hidden}.appointment .popup.active{opacity:1;visibility:visible}.appointment .popup.active .detail-popup{opacity:1}.appointment .popup .shadow{width:100%;height:100%;background:rgba(0,0,0,.8)}.appointment .popup .detail-popup{display:flex;flex-direction:column;justify-content:center;align-items:center;width:120rem;height:80rem;background:#fff;border-radius:2rem;padding:0 6rem 6rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .6s;opacity:0}.appointment .popup .detail-popup .titlebox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:12rem;margin-bottom:4rem;flex:none;position:relative}.appointment .popup .detail-popup .titlebox:after{content:"";width:100%;height:.2rem;background:#eee;position:absolute;bottom:0;left:0}.appointment .popup .detail-popup .titlebox .atitle{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:3.6rem;font-weight:700;color:#000}.appointment .popup .detail-popup .titlebox .close{display:flex;flex-direction:row;justify-content:center;align-items:center;width:4rem;height:4rem;border-radius:2rem;background:#000;color:#fff;overflow:hidden;transition:transform .3s;cursor:pointer}.appointment .popup .detail-popup .titlebox .close .picbox{width:1.6rem;height:1.6rem;overflow:hidden}.appointment .popup .detail-popup .titlebox .close .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.appointment .popup .detail-popup .titlebox .close:hover{transform:rotate(90deg)}.appointment .popup .detail-popup .conbox{flex:1;width:100%;padding:0 3rem 3rem 3rem;box-sizing:border-box;font-size:2rem;font-weight:400;color:#000;overflow-y:auto!important}.appointment .popup .detail-popup .conbox::-webkit-scrollbar{width:.3rem}.appointment .popup .detail-popup .conbox::-webkit-scrollbar-thumb{background:#42b983;border-radius:.2rem}.appointment .popup .detail-popup .conbox::-webkit-scrollbar-resizer{background:#42b983}.appointment .popup .detail-popup .conbox::-webkit-scrollbar-track-piece{background:#fff;border-radius:.2rem}.appointment .popup .detail-popup .conbox p{text-indent:4rem}