12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879 |
- .share_back {
- z-index: 1000;
- position:fixed;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- background: rgba(245,245,245,0.8);
- }
- .share {
- width:600rpx;
- height: 890rpx;
- margin: 160rpx auto;
- border-radius: 40rpx;
- background: #fff;
- position: fixed;
- top: 0;
- right: 75rpx;
- z-index: 10000;
- }
- .share_head {
- height: 280rpx;
- background: #6b223e;
- color: #fff;
- text-align: center;
- border-radius: 40rpx 40rpx 0 0;
- }
- .share_head image {
- width: 105rpx;
- height: 105rpx;
- margin: 65rpx 0 10rpx 0;
- }
- .share_body {
- padding: 55rpx 60rpx 45rpx;
- }
- .title {
- font-size: 30rpx;
- color: #333;
- line-height: 48rpx;
- margin-bottom: 35rpx;
- }
- .content {
- font-size: 26rpx;
- color: #666;
- line-height: 48rpx;
- }
- .button {
- margin:45rpx 0 0 0 ;
- }
- .button > button {
- display: inline-block;
- width: 220rpx;
- height: 70rpx;
- line-height: 70rpx;
- border: 1px solid #6b223e;
- text-align: center;
- font-size: 26rpx;
- border-radius: 0;
- margin: 0;
- }
- .button > button.backList {
- color: #6b223e;
- margin-right: 35rpx;
- background: #fff;
- }
- .button > button.toShare {
- background: #6b223e;
- color: #fff;
- }
|