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}.appointment{padding:2rem 0;box-sizing:border-box;height:100vh;width:140rem;margin:0 auto}.appointment .page-top{padding-left:3rem;margin-bottom:2rem;height:11rem;background:hsla(0,0%,100%,.5);border-radius:0 0 0 0;display:flex;align-items:center}.appointment .page-top .logo{display:flex;align-items:center;cursor:pointer}.appointment .page-top .logo .picbox{width:43.8rem;height:11rem;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{width:4rem;height:4rem;background:none;border-radius:none;width:23.6rem;height:5.6rem;text-align:center;font-family:Alimama ShuHeiTi;font-weight:700;font-size:2.6rem;color:#3f65e0;text-align:left;font-style:normal;text-transform:none;background:#bcddff;border-radius:5rem 5rem 5rem 5rem;margin-left:2rem;display:flex;justify-content:center;align-items:center}.appointment .contentbox{display:flex;width:100%;height:calc(100% - 15rem);box-shadow:0 0 5rem 0 rgba(63,101,224,.05);box-sizing:border-box;position:relative}.appointment .contentbox::-webkit-scrollbar{width:.3rem}.appointment .contentbox::-webkit-scrollbar-thumb{background:#3f65e0;border-radius:.2rem}.appointment .contentbox::-webkit-scrollbar-resizer{background:#3f65e0}.appointment .contentbox::-webkit-scrollbar-track-piece{background:#fff;border-radius:.2rem}.appointment .contentbox .left-con{width:100%;height:100%;background:hsla(0,0%,100%,.5);border-radius:2.4rem;border:.2rem solid #fff;padding:2.5rem 2.5rem;flex:1;height:auto;overflow-y:auto!important}.appointment .contentbox .left-con .searchbar{flex:none;display:flex;align-items:center;margin-bottom:2rem}.appointment .contentbox .left-con .searchbar .input{width:20rem;height:7rem;background:#d8ebff;border-radius:1.2rem;border:.2rem solid #3f65e0;display:flex;align-items:center;margin-right:3rem;padding:0 2rem;box-sizing:border-box}.appointment .contentbox .left-con .searchbar .input:last-child{width:100%}.appointment .contentbox .left-con .searchbar .input .icon{margin-right:1rem;flex:none}.appointment .contentbox .left-con .searchbar .input .icon .picbox{width:2rem;height:2rem;overflow:hidden}.appointment .contentbox .left-con .searchbar .input .icon .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.appointment .contentbox .left-con .searchbar .input .search{font-size:2.2rem;font-weight:700;color:#333;font-family:Alimama ShuHeiTi;text-align:left;font-style:normal;text-transform:none}.appointment .contentbox .left-con .searchbar .input input::placeholder{font-size:2rem;font-weight:400;color:#333;font-family:Alimama ShuHeiTi;text-align:left;font-style:normal;text-transform:none}.appointment .contentbox .left-con .searchbar .input input{font-size:2rem;font-weight:400;color:#333;flex:1;height:100%;background-color:transparent}.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:#333;font-family:Alimama ShuHeiTi;text-align:left;font-style:normal;text-transform:none;line-height:3.6rem;margin-bottom:1.2rem}.appointment .contentbox .left-con .itemlist .item .itemtitle .title .subtitle{font-size:1.8rem;font-weight:700;color:#3f65e0;line-height:2rem;margin-left:.6rem;padding:.5rem 1rem;font-family:Alimama ShuHeiTi;text-align:left;font-style:normal;text-transform:none;background:#bcddff;border-radius:5rem 5rem 5rem 5rem;justify-content:center;align-items:center}.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:2.2rem;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;font-size:2.2rem;color:#333;font-family:PingFangSC,PingFang SC;font-weight:400;text-align:left;font-style:normal;text-transform:none}.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:2rem;color:#6280e1;line-height:2rem;font-family:PingFangSC,PingFang SC;font-weight:400;text-align:left;font-style:normal;text-transform:none}.appointment .contentbox .right-con{display:flex;flex-direction:column;justify-content:space-between;width:60rem;height:100%;flex:none;margin-left:2rem}.appointment .contentbox .right-con .right-top-con{flex:1;width:100%;height:auto;background:hsla(0,0%,100%,.5);border-radius:2.4rem;border:.2rem solid #fff;padding:2.5rem 0 .5rem 0}.appointment .contentbox .right-con .right-top-con .taglist{display:flex;flex-wrap:wrap;max-height:80rem;overflow:hidden;flex:none}.appointment .contentbox .right-con .right-top-con .taglist .tag{width:16rem;height:4.4rem;background:#fff;border-radius:1.2rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:2.2rem;font-weight:400;color:#3f65e0;line-height:4.4rem;text-align:center;border:.2rem solid #b2c4ff;box-sizing:border-box;margin:1rem 1.5rem;cursor:pointer;transition:all .3s}.appointment .contentbox .right-con .right-top-con .taglist .tag.active,.appointment .contentbox .right-con .right-top-con .taglist .tag:hover{background:#3f65e0;color:#fff}.appointment .contentbox .right-con .right-top-con .taglist .tag:first-child{margin-left:3rem}.appointment .contentbox .right-con .right-top-con .taglist .tag2s{display:flex;flex-wrap:wrap;height:calc(100vh - 81rem)!important;overflow-y:auto!important;margin-left:2rem;margin-right:2rem}.appointment .contentbox .right-con .right-top-con .taglist .tag2s .tag2{width:auto;height:4rem;background:#bcddff;border-radius:2rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:1.8rem;font-weight:400;color:#3f65e0;text-align:center;border:.2rem solid #b2c4ff;box-sizing:border-box;margin:.5rem .5rem;padding:.5rem;cursor:pointer;transition:all .3s}.appointment .contentbox .right-con .right-top-con .guide{margin:1rem}.appointment .contentbox .right-con .right-top-con .guide .titlebox{font-size:2.6rem;font-weight:700;color:#333;font-family:Alimama ShuHeiTi}.appointment .contentbox .right-con .right-top-con .guide .times{font-size:2.2rem;font-weight:400;color:#333;line-height:3rem;letter-spacing:.1rem;white-space:pre-wrap}.appointment .contentbox .right-con .right-top-con .guide .times>div{display:flex;margin-bottom:1rem}.appointment .contentbox .right-con .right-top-con .guide .times .t3 span{color:red}.appointment .contentbox .right-con .right-top-con .guide .times .day{width:10rem;flex:none;display:flex}.appointment .contentbox .right-con .right-top-con .guide .times .day span,.appointment .contentbox .right-con .right-top-con .guide .times .time{flex:1}.appointment .contentbox .right-con .right-bottom-con{padding-top:.5rem;flex:1}.appointment .contentbox .right-con .right-bottom-con .btns .btn{width:100%;height:8rem;background:#3f65e0;border-radius:1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-size:cover!important;background-position:50%!important;background-repeat:no-repeat!important;margin-bottom:1rem;padding:3rem;box-sizing:border-box}.appointment .contentbox .right-con .right-bottom-con .btns .btn .txt{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:2.6rem;font-weight:700;color:#fff;flex:1}.appointment .contentbox .right-con .right-bottom-con .btns .btn .arrow{flex:none;padding:1rem}.appointment .contentbox .right-con .right-bottom-con .btns .btn .arrow .picbox{width:1.4rem;height:1rem;overflow:hidden}.appointment .contentbox .right-con .right-bottom-con .btns .btn .arrow .picbox .pic{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:50%;transition:all .6s}.appointment .contentbox .right-con .right-bottom-con .btns .btn:last-child{margin-bottom:1rem}.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:#3f65e0;border-radius:.2rem}.appointment .popup .detail-popup .conbox::-webkit-scrollbar-resizer{background:#3f65e0}.appointment .popup .detail-popup .conbox::-webkit-scrollbar-track-piece{background:#fff;border-radius:.2rem}.appointment .popup .detail-popup .conbox p{text-indent:4rem}