@keyframes shake{0%{box-shadow:0 0 10px 5px transparent;transform:rotate(0)}1%{box-shadow:0 0 10px 5px #0003;transform:rotate(-4deg)}1.5%{box-shadow:0 0 10px 5px transparent;transform:rotate(0)}2%{box-shadow:0 0 10px 5px #0003;transform:rotate(4deg)}2.5%{box-shadow:0 0 10px 5px transparent;transform:rotate(0)}3%{box-shadow:0 0 10px 5px #0003;transform:rotate(-4deg)}3.5%{box-shadow:0 0 10px 5px transparent;transform:rotate(0)}4%{box-shadow:0 0 10px 5px #0003;transform:rotate(4deg)}5%{box-shadow:0 0 10px 5px transparent;transform:rotate(0)}to{box-shadow:0 0 10px 5px transparent;transform:rotate(0)}}:root{--headerHeight:85px}@media screen and (max-width:768px){:root{--headerHeight:60px}}.blogMain{margin-top:calc(0px - var(--headerHeight))}.blogMain .iframe_box{height:500px;position:relative;width:100%}@media screen and (max-width:768px){.blogMain .iframe_box{pointer-events:none}}.blogMain .content{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80%}@media screen and (min-width:1601px){.blogMain .content .deg{width:81px}}@media screen and (max-width:1600px){.blogMain .content .deg{width:62px}}.blogMain .content .title{color:#fff;font-family:HelveticaNeue;font-style:normal;font-weight:700;line-height:39px;margin-top:4%}@media screen and (min-width:1601px){.blogMain .content .title{font-size:32px}}@media screen and (max-width:1600px){.blogMain .content .title{font-size:26px}}.blogMain .blogContent{display:flex;justify-content:space-between;margin:60px auto 0;width:-moz-fit-content;width:fit-content}@media screen and (max-width:768px){.blogMain .blogContent{margin-top:10px}}.blogMain .blogContent .blogContentLeft{margin-right:34px;padding-bottom:60px;width:880px}@media screen and (max-width:768px){.blogMain .blogContent .blogContentLeft{margin:20px;width:100%}.blogMain .blogContent .blogContentRight{display:none}}.blogMain .blogContent .blogContentRight .recommendBox{background:#fff;border-radius:8px;box-shadow:0 2px 11px #c5c5c580;box-sizing:border-box;margin-bottom:30px;padding:20px;width:300px}.blogMain .blogContent .blogContentRight .recommendBox .recommendBoxTitle{color:#222;font-family:HelveticaNeue;font-size:16px;font-style:normal;font-weight:600;line-height:19px;margin-bottom:20px;text-align:left}.blogMain .blogContent .blogContentRight .recommendBox .recommendItem{background:#f4f4f4;border-radius:8px;color:#4e4e4e;cursor:pointer;font-family:HelveticaNeue;font-size:14px;font-style:normal;line-height:16px;margin-bottom:12px;padding:20px;position:relative;text-align:left}.blogMain .blogContent .blogContentRight .recommendBox .recommendItem:before{background:linear-gradient(135deg,#a565ff,#3546ff);border-radius:0 2px 2px 0;content:"";display:block;height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:4px}.blogMain .blogContent .blogContentRight .recommendBox .recommendItem:hover{background:#fff;box-shadow:0 2px 11px #c5c5c580}.blogMain .blogContent .blogContentRight .recommendBox .recommendItem:hover:before{height:calc(100% - 30px)}