*{margin:0;padding:0}img{border:0;vertical-align:top}a{text-decoration:none}li,ul{list-style:none;padding:0;margin:0}body,html{width:100%;height:100%}body{font-size:14px}body.window{font-family:system,-apple-system,blinkmacsystemfont,segoe ui,microsoft yahei,hiragino sans gb,pingfang sc,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol}body.ios{font-family:system,-apple-system,blinkmacsystemfont,segoe ui,pingfang sc,hiragino sans gb,microsoft yahei,helvetica neue,helvetica,arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol}body.android{font-family:noto sanscjk}body.linux{font-family:wenquanyi micro hei}@font-face{font-family:tg-type-regular;src: format("truetype")}.flex_center,.pc_templale_box .pc_template_item .btn_bar,.pc_templale_box .pc_template_item .btn_bar .btn,.pc_templale_box .pc_template_item .btn_bar .guide_btn{display:flex;justify-content:center;align-items:center}.ellipsis,.pc_templale_box .pc_template_item .name_bar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc_templale_box{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;margin-top:30px;box-sizing:border-box}.pc_templale_box .pc_template_item{background:#fff;transition:.3s;box-sizing:border-box}.pc_templale_box .pc_template_item .top_bar{background-image:;height:20px;width:100%;background-size:100%}.pc_templale_box .pc_template_item .pc_template_img_box{width:100%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);height:210px;margin:0;overflow:hidden}.pc_templale_box .pc_template_item .pc_template_img_box .pc_template_img{width:100%;height:auto;position:relative}.pc_templale_box .pc_template_item .pc_template_img_box:hover .pc_template_img{-webkit-animation:scrollimg 4s ease-in-out;animation:scrollimg 4s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.pc_templale_box .pc_template_item .btn_bar{height:60px;border-radius:0 0 4px 4px;display:none}.pc_templale_box .pc_template_item .btn_bar .btn{width:120px;height:36px;border-radius:2px;font-size:14px;cursor:pointer}.pc_templale_box .pc_template_item .btn_bar .btn:not(:last-child){margin-right:12px}.pc_templale_box .pc_template_item .btn_bar .btn.default_btn{background:#fff;border-radius:2px;line-height:36px;text-align:center;color:#3a84fe;box-sizing:border-box;border:1px solid #3a84fe;transition:.3s}.pc_templale_box .pc_template_item .btn_bar .btn.default_btn:hover{background:#e9f1ff}.pc_templale_box .pc_template_item .btn_bar .guide_btn{width:136px;height:36px;border-radius:2px;font-size:14px;cursor:pointer;color:#4a300e;margin-right:12px;background:linear-gradient(90deg,#edcc98,#e8b778);transition:.3s}.pc_templale_box .pc_template_item .btn_bar .guide_btn:hover{background:linear-gradient(90deg,#f1d3a5,#ebbf88)}.pc_templale_box .pc_template_item .name_bar{height:60px;border-radius:0 0 4px 4px;color:#333;width:374px;font-size:14px;text-align:center;box-sizing:border-box;padding:16px 20px 0}.pc_templale_box .pc_template_item:hover{transform:translatey(-10px);box-shadow:0 1px 4px rgba(0,0,0,.08)}.pc_templale_box .pc_template_item:hover .pc_template_img{box-shadow:none}.pc_templale_box .pc_template_item:hover .btn_bar{display:flex}.pc_templale_box .pc_template_item:hover .name_bar{display:none}.pc_templale .pagination_bar{width:1200px;text-align:right;white-space:nowrap;margin:30px auto 50px}@-webkit-keyframes scrollimg{0%{transform:translatey(0)}to{transform:translatey(calc(-100%   210px))}}@keyframes scrollimg{0%{transform:translatey(0)}to{transform:translatey(calc(-100%   210px))}}