| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- * {
- 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;
- }
|
