invite.css
5.64 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
@charset "utf-8";
dialog{margin:0;padding:0;background:none;}
.bold{font-weight: bold;}
.center{text-align: center;}
.relative{position: relative;overflow:hidden;}
.absolute{position: absolute;top:0;left:0;z-index:0;}
.fz9{-webkit-transform:scale(0.75);font-size:9px;-webkit-transform-origin:top left;}
.fz11{-webkit-transform:scale(0.92);font-size:11px;}
.fz13{font-size:13px;}
.fz14{font-size:14px;}
.fz15{font-size:15px;}
.fz16{font-size:16px;}
.fz17{font-size:17px;}
.fz18{font-size:18px;}
.fz19{font-size:19px;}
.fz20{font-size:20px;}
.fz22{font-size:22px;}
.fz37{font-size:37px;}
.mar_top_a{margin-top:14%;}
.mar_top_b{margin-top:4%;}
.mar_top_c{margin-top:40px;}
.mar_top_d{margin-top:20px;}
.c_fe{color:#fef7d8;}
body{background:url(http://static.yohobuy.com/m/v1/img/invite/img_new/all_bg.jpg) repeat-y top center;background-size:cover;}
/* 红包已领完 */
.invite_box{width:100%;min-width:320px;font-family: "Microsoft YaHei";color:#ffffff;padding-bottom:5%;}
.invite_main{text-align: center;letter-spacing: 0.1em;}
.coupon_box{width:72px;height:94px;padding:16px 0 0 120px;background:url(http://static.yohobuy.com/m/v1/img/invite/coupon_bg.png) no-repeat center top;margin:40px auto 0;text-align: left;}
.coupon_box strong{display:inline-block;margin-top:-2px;}
.coupon_box .pirbox{width:80px;height:90px;line-height:90px;font-size:74px;font-weight: bold;font-family:arial;padding-left:16px;left:10px;letter-spacing:-0.07em;text-align: center;overflow:hidden;}
.coupon_box .pirbox em{font-size: 25px;font-weight: normal;font-family:"Microsoft YaHei";top:16px;line-height: normal;}
.coupon_box .count_not{width:100%;height:18px;line-height:18px;top:auto;bottom:10px;text-align: center;overflow:hidden;}
.coupon_box .count_not hr{height:0;border:0;width:30px;margin:10px 6px;border-top:1px solid #e4e4e4;}
.coupon_box.mar_top_a{margin-top:14%;}
.invite_main .hurry_size{line-height: 1.4em;margin-top:30px;}
.invite_main .download_btn{width:205px;height:44px;line-height: 44px;background-color: #ff7800;color:#fef7d8;display:inline-block;margin:40px 0 6px;border-radius: 2px;}
/* 活动细则 */
.invite_main .rule_tit{text-decoration:underline;margin-top: 36px;}
.invite_main ol.rule_con{padding:20px 30px;text-align: left;margin:0;}
.invite_main ol.rule_con li{list-style-type: decimal;list-style-position: inside;padding-bottom:6px;}
/* 邀请小伙伴 */
.coupon_box02{padding-top:26px;height:84px;}
.coupon_box02 .pirbox{top:10px;}
.invite_main .draw_coupon{margin-top: 15px;}
.invite_main .goon{margin:30px 0 6px;}
.invite_main .congratu_coupon{margin-top:34px;}
ul.list_port{display:inline-block;margin-top:30px;}
ul.list_port li{width:60px;float:left;overflow:hidden;}
ul.list_port li .pic{width:40px;height:40px;background-color: #3e7e27;border-radius: 50%;margin:0 10px;}
ul.list_port li .name, ul.list_port li .pon{-webkit-transform:scale(0.84);font-size:10px;}
ul.list_port li .name{height:1.3em;line-height: 1.4em;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
ul.list_port li .pon{color:#ebd518;}
ul.list_firends{margin-top:86px;}
/* 新用户10元领券 */
.invite_main .now_login{margin:6px 0 10px;text-decoration: underline;display:inline-block;}
/* 验证码输入框 */
.code_dialog_box{width:100%;overflow:hidden;position: absolute;left:0;bottom:0;z-index:10;padding-bottom: 20px;background:url(http://static.yohobuy.com/m/v1/img/invite/img_new/all_bg.jpg) no-repeat 0 -300px;background-size:cover;}
.code_dialog{width:246px;overflow:hidden;margin:0 auto;}
.code_dialog h2{line-height:1.6em;}
.code_dialog .line{width:10px;border-top:1px solid #fef7d8;height:0px;overflow:hidden;margin-top:8px;}
.code_dialog .f_input{width:229px;overflow:hidden;margin:0 auto 10px;text-align: left;height:24px;line-height:24px;padding:10px 8px 8px;background:#FFF;border-radius: 2px;}
.code_dialog .f_input input{width:100%;border:0;color:#212121;font-size:16px;}
::-webkit-input-placeholder { /* WebKit browsers */color:#a9a9a9;font-size:14px;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#a9a9a9;font-size:14px;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#a9a9a9;font-size:14px;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#a9a9a9;font-size:14px;}
.code_dialog .f_code{width:133px;position:relative;padding-right:104px;margin-top:6px;}
.code_dialog .f_code a{width:94px;color:#b7ad80;background-color: #fef7d8;line-height:42px;position:absolute;top:0px;right:0px;z-index:1;}
.code_dialog .download_btn{width:100%;color:#fef7d8;margin:8px auto;}
/* 弹窗 */
.w_dialog, .w_dialog .container, .w_dialog .bg{width:100%;height:100%;overflow:hidden;}
.w_dialog{position:fixed;top:0;left:0;z-index:100;display:none;}
.w_dialog .container{display:table;vertical-align: middle;}
.w_dialog .bg{display: table-cell;vertical-align: middle;background:rgba(0, 0, 0, 0.7);}
.w_dialog .con{width:244px;min-height:200px;margin:0 auto;background-color:#f8ffe1;border-radius: 6px;color:#3e7e27;font-family: "Microsoft YaHei";letter-spacing: 0.1em;padding-bottom:15px;}
.w_dialog .con p{line-height:20px;}
.w_dialog .con .btn{width:205px;height:44px;line-height:44px;background-color:#ff7800;color:#fef7d8;position:absolute;left:50%;margin-left:-100px;bottom:24px;border-radius: 2px;}
.w_dialog .con .mtTop01{margin-top:62px;}
.w_dialog .con .mtTop02{margin-top:46px;padding:6px 0;}
.w_dialog .con .mtTop03{margin-top:20px;}
.w_dialog .con .mtTop04{margin-top:8px;}
.w_dialog .con .btnTwo{width:98px;position:static;margin:0;display:inline-block;margin-top:10px;}
/* 引导层 */
.share_tag{width:100%;height:100%;position: fixed;top:0;left:0;z-index:100;overflow:hidden;background:rgba(0,0,0,0.6);display:none;}
/* v4 */
.cgreen{color:#3e7e27;}
.cfe{color:#fef7d8;}
.ts{text-shadow: 0 2px 6px #5b5b59;}