*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{width:100%;height:100%}body{width:100%;height:100%;background-color:#aa3434;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body .warp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:873px;margin-top:100px}body .warp .logo{width:240px;height:56px}body .warp .content{margin-top:60px;position:relative;width:100%;background-color:#fff;border-radius:20px;padding:40px}body .warp .content:before{position:absolute;left:44px;top:-60px;content:"";width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid #fff;border-left:22px solid transparent;border-right:22px solid transparent}body .warp .content .title{font-size:24px;color:#242424}body .warp .content .p{margin-top:20px;padding-left:20px;font-size:16px;color:#242424;position:relative;line-height:22px}body .warp .content .p:before{content:"";width:5px;height:5px;border-radius:100%;background-color:#00000080;position:absolute;left:0;top:8px}body .warp .content .p span{cursor:pointer;color:#bf0000;text-decoration:underline}@media(max-width:768px){body .warp{padding:20px;width:100%;margin-top:20px;display:block}body .warp .logo{height:32px;width:auto}body .warp .content{margin-top:14px;padding:17px;border-radius:10px}body .warp .content:before{border:none;width:21px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAMCAYAAAAUNi9wAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACfSURBVHgB7ZPJDYMwEEXHHVBCOohLSAnpIOkkpZAOEiqgBOhg6AA6+HzLHHxCLLbhwJOefLA0m2ZELuJiZCcAHnye9E4tLYLvlna0on9jzCC5cQXSGuso6U1y4BJtKDBE6VtSwgR2ShSDj6SAgV+0R1waxFwF1z3SodTKHhiggD+AHGxbBfirVuSlxNJVgL/qL45DMTdd+An+cB4UwYRH2QeXmetoT/AAAAAASUVORK5CYII=) no-repeat;top:-6px;background-size:100%}body .warp .content .p{font-weight:400;font-size:14px;color:#232c41;line-height:20px;margin-top:12px;padding-left:10px}body .warp .content .p:before{width:5px;height:5px}body .warp .content .title{font-weight:600;font-size:16px;color:#be0000;margin-left:19px;position:relative}body .warp .content .title:before{content:"";width:14px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEtSURBVHgBvZWLEcFAFEVvUkFKiA6UgEboABWgAiUoQQWCCpRAB9KAz91YRiRv8zaSnBmT+Ozeuc+xAE/2wDgBrnycj7yHJ4HPhxkWP7ILYvtSyg16Q161e4Tw4AYsv8IM0R1YwwN1Q9bqs91J2GTIlgcoUDdk2NbxnrqlKpDtpsiP8pf+DphBQeVIS0TByK5LsnIfVAJVNiwRRUIlkDPQiBJ6/NbYcMI1A9QNdIniWLOuFagQRcIpUCiEGVFU1pXB0S64R6QO9BBFQhSoEOgrioQkUCGwjigSZQLlAv8QRaIgUPAVVjhRGiJ3An0aNiCKhBFo8X6SNbTtztodhLPUyfsvLGtoR9kqD9sy4Jc6YfoGHcDQeZC8RhmjG1Iz0gjdkYYc55w3F7RPypGuno1ZVhJuJtZ+AAAAAElFTkSuQmCC) no-repeat;top:6px;left:-19px;background-size:100%;position:absolute}}