* { margin: 0; padding: 0; box-sizing: border-box } body { background: #FFFFFF; font-family: Microsoft YaHei, 微软雅黑, simhei; font-size: 18px; color:#333; } .weixin-share-helper { width: 218px; height: 400px; position: absolute; top: 50%; left: 50%; margin-top: -200px; margin-left: -109px; text-align: center; } .weixin-share-helper .subtitle { display: block; width: 110px; height: 110px; background: url("../img/logo.png") no-repeat; background-size: contain; margin: 0 auto; text-indent: -9999px; } .weixin-share-helper .share-view { display: block; font-size: 18px; color:#333; margin: 5px auto; text-decoration: underline; } .weixin-share-helper .share-step { margin: 40px auto 0px auto; overflow: hidden; } .weixin-share-helper .share-step .share-step-tag { display: block; width: 30px; height: 30px; border: 2px solid #000; border-radius: 50%; font-weight: bold; float: left; margin-right: 10px; padding: 4px 3px 3px 2px; font-size: 14px; } .weixin-share-helper .share-step .share-step-notify { display: block; line-height: 30px; vertical-align: middle; float: left; } .weixin-share-helper .share-step .share-step1 { width: 30px; float: left; margin-top: 2px; margin-left: 4px; } .weixin-share-helper .share-step .share-step2 { width: 160px; margin: 15px 5px 0 30px; }