.buy-room-tpl-dialog .el-dialog__header{background:#f9fafb;border-bottom:1px solid rgba(0,0,0,.04);margin:0}.buy-room-tpl-dialog .header{align-items:center;display:flex;justify-content:space-between;margin-top:-8px}.buy-room-tpl-dialog .header h2{color:#2d2d2d;font-size:18px;font-weight:700}.buy-room-tpl-dialog .header .chat-button{color:#6a6a6a;margin-right:30px}.buy-room-tpl-dialog .tpl-info .cover{border-radius:10px;overflow:hidden}.buy-room-tpl-dialog .tpl-info h1{color:#000;font-size:20px;font-weight:400;line-height:1;margin:0 0 20px;padding:10px 0 0}.buy-room-tpl-dialog .tpl-info .info{align-items:center;display:flex;margin:0 0 20px}.buy-room-tpl-dialog .price{color:#b2b2b2;font-size:16px;margin:0 30px 0 0}.buy-room-tpl-dialog .price span{color:#fa6400;font-size:18px;padding:0 0 0 5px}.buy-room-tpl-dialog .tips{align-items:center;color:#d25b55;display:flex;font-size:14px}.buy-room-tpl-dialog .tips i{margin-right:3px}.buy-room-tpl-dialog .buy .buy-title{display:flex;justify-content:space-between;margin:0 0 10px}.buy-room-tpl-dialog .buy .vip{color:#000;font-size:16px}.buy-room-tpl-dialog .buy span{color:#b2b2b2;font-size:14px}.buy-room-tpl-dialog .buy ul{display:flex;list-style:none;margin:0 0 20px -10px;padding:0}.buy-room-tpl-dialog .buy ul li{align-items:center;background:#fff;border:2px solid #e4e4e4;border-radius:5px;color:#223242;cursor:pointer;display:flex;flex-direction:column;height:70px;justify-content:center;margin:0 0 0 10px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.buy-room-tpl-dialog .buy ul li .title{font-size:16px;line-height:1;margin-bottom:5px}.buy-room-tpl-dialog .buy ul li .price{font-size:20px;line-height:1}.buy-room-tpl-dialog .buy ul li .icon{height:40px;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease;visibility:hidden;width:40px}.buy-room-tpl-dialog .buy ul li .bg{background:#5085fb;height:40px;position:absolute;right:-20px;top:-20px;transform:rotate(45deg);width:40px}.buy-room-tpl-dialog .buy ul li .check{color:#fff;font-size:12px;left:25px;position:absolute;top:3px}.buy-room-tpl-dialog .buy ul li.free .title{margin:0}.buy-room-tpl-dialog .buy ul li.green{background:#cedcfc}.buy-room-tpl-dialog .buy ul li.pro{background:#272f40}.buy-room-tpl-dialog .buy ul li.pro .price,.buy-room-tpl-dialog .buy ul li.pro .title{-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:-webkit-linear-gradient(left,#fdf8d8,#edb293)}.buy-room-tpl-dialog .buy ul li.selected,.buy-room-tpl-dialog .buy ul li:hover{border-color:#5085fb}.buy-room-tpl-dialog .buy ul li.selected .icon,.buy-room-tpl-dialog .buy ul li:hover .icon{opacity:1;visibility:visible}.buy-room-tpl-dialog .buy .select-info{position:relative}.buy-room-tpl-dialog .buy .select-info:before{border:10px solid transparent;border-bottom-color:#eaf1fd;content:"";font-size:0;height:0;left:60px;line-height:0;position:absolute;top:-20px;width:0}.buy-room-tpl-dialog .buy .select-info .inner{background:#eaf1fd;border-radius:5px;color:#000;overflow:hidden;padding:20px}.buy-room-tpl-dialog .pay{display:flex;justify-content:flex-start}.buy-room-tpl-dialog .pay .pay-code{margin:0 20px 0 0;width:150px}.buy-room-tpl-dialog .pay .pay-code img{display:block;height:auto;width:150px}.buy-room-tpl-dialog .pay .pay-intro pay-tpl{color:#000;font-size:16px;margin:0 0 15px}.buy-room-tpl-dialog .pay .pay-way{color:#b2b2b2;font-size:12px}.buy-room-tpl-dialog .pay .pay-agreement{font-size:12px}.buy-room-tpl-dialog .pay .pay-agreement h3{font-size:12px;font-weight:700;margin:0 0 10px}.buy-room-tpl-dialog .pay .pay-agreement p{margin:0 0 5px}.buy-room-tpl-dialog .footer{align-items:center;display:flex;justify-content:space-between}.buy-room-tpl-dialog .el-dialog__body{padding:20px}.buy-room-tpl-dialog .el-dialog__footer{border-top:1px solid rgba(0,0,0,.04)}.menu li[data-v-47fe537a]{cursor:pointer}.pagebar[data-v-47fe537a]{display:flex;justify-content:center}