.detail_content{width:1200px;margin:0 auto}.detail_content_template{width:100%;display:flex;flex-direction:row;margin-top:30px}.template_preview{width:450px;border-radius:20px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.08);margin-right:30px;display:flex;flex-direction:row}.template_preview_hot{height:30px;display:flex;align-items:center;justify-content:center;background:#fc0;font-size:12px;font-weight:400;border-top-left-radius:0;border-top-right-radius:8px;border-bottom-right-radius:8px;border-bottom-left-radius:0;padding:0 10px;margin-top:30px}.iframeBox{width:375px;height:540px;margin-top:30px;margin-left:20px}.previewIframe{width:100%;height:680px;transform-origin:0 0;transform:scale(calc(300 / 375))}.template_preview_hot_img{width:13px;margin-right:5px}.template_info{width:750px;height:600px;border-radius:20px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.08);padding:30px;display:flex;flex-direction:row}.template_info_right{flex:1}.template_info_title{font-size:20px;font-weight:500;color:#333}.discription_info_title_icon{width:48px;height:24px;font-size:14px;text-align:center;line-height:24px;border-radius:4px;background:linear-gradient(90deg,#ffeccf,#f9d5a6)}.template_info_des{margin-top:15px;white-space:pre-line;color:#333;height:320px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.template_info_des::-webkit-scrollbar{display:none}.template_info_tag{display:flex;align-items:center;margin-top:20px;flex-wrap:wrap}.template_info_tag_item{display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #ccc;font-size:14px;font-weight:400;color:#989898;padding:2px 10px;margin-right:10px;margin-top:10px;cursor:pointer}.template_info_tag_item:hover{color:#fc0}.template_info_tag_item:last-child{margin-right:0}.template_info_btn{width:280px;height:50px;border-radius:6px;background:#fc0;display:flex;align-items:center;justify-content:center;margin-top:30px;font-size:16px;font-weight:500;color:#333;cursor:pointer}.template_qrCode_box{margin-left:30px;margin-top:45px}.template_qrCode_box,.template_qrCode_info{display:flex;flex-direction:column;align-items:center}.template_qrCode_info{border-radius:6px;border:1px solid #ebebeb;padding:8px}.template_qrCode_text{margin-top:6px}.template_qrCode_btn,.template_qrCode_text{font-size:14px;font-weight:400;color:#989898}.template_qrCode_btn{width:140px;height:35px;opacity:1;border-radius:6px;border:1px solid #ebebeb;margin-top:14px;display:flex;align-items:center;justify-content:center;cursor:pointer}.recommend_box{width:100%;margin:100px auto}.recommend_box_title{font-size:22px;font-weight:600;color:#333}.recommend_list{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:15px}.detail_page{width:100%;padding-top:80px}