You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

241 lines
4.9 KiB
CSS

/* 明信片样式 */
.subPreivew {margin:0; padding:0 10px 10px 10px; background:#f1f1f1;}
.subPreivew h3 { font-size:14px; color:#a31022; margin:0; padding:10px 0;}
.subPreivew img { width:255px;}
#topPostcard {
float:right;
width:650px;
height:5px;
background:#CCC;
}
#rightPostcard {
float:right;
width:5px;
height:660px;
background:#ccc;
}
#mainPostcard {
float:left;
width:643px;
border:#ccc solid 1px;
padding:5px 5px 15px 5px;
margin-top:10px;
}
#mainPostcard h2 {
font-size:14px;
background:#f1f1f1;
padding:10px 0 10px 10px;
margin:0;
color:#a31022;
}
#mainPostcard .receiverInfo {
background:url(https://data.chinahighlights.com/css/images/community/postcard/postcard-underline.png) no-repeat bottom left;
padding-bottom:25px;
margin-bottom:10px;
}
#mainPostcard .receiverpostcode {
position:absolute;
top:70px;
left: 44px;
width: 217px;
height: 37px;
font-size:24px;
padding:8px 0 0 10px;
letter-spacing:20px;
}
#mainPostcard .greeting {
position:absolute;
top:123px;
left: 41px;
width: 220px;
height: 107px;
}
#mainPostcard .receiverAddress {
position:absolute;
top:193px;
left: 288px;
width: 220px;
height: 44px;
}#mainPostcard .receiverName {
position:absolute;
top:245px;
left: 293px;
width: 190px;
height: 30px;
}#mainPostcard .senderAddress {
position:absolute;
top:281px;
left: 284px;
width: 220px;
height: 44px;
}
#mainPostcard .senderName {
position:absolute;
top:325px;
left: 402px;
width: 112px;
height: 25px;
}
#mainPostcard .senderpostcode {
position:absolute;
top:355px;
left: 400px;
width: 109px;
height: 25px;
font-size:14px;
}
#mainPostcard .postmark {
position:absolute;
top:283px;
left: 122px;
width: 79px;
height: 25px;
font-size:12px;
font-weight:bold;
color:#a31022;
text-align:center;
}
#mainPostcard .infoArea {margin-left:25px; margin-top:10px; padding:0 0 5px 5px;}
#mainPostcard .infoStyle {
display:block;
width:50px;
float:left;
margin: 10px 0 0 0;
}
#mainPostcard .infoStyle2 {
padding: 20px 0 0 0;
display:block
}
#mainPostcard .infoStyle3 {
padding: 20px 0 10px 0;
display:block
}
#mainPostcard Input { border:#d1d1d1 solid 1px;margin-left:25px; margin-top:10px; width:250px;}
#mainPostcard Input.upload { border:#d1d1d1 solid 1px;margin:10px 0; width:250px;}
#mainPostcard textarea { border:#d1d1d1 solid 1px;margin-left:25px; margin-top:10px; width:250px;}
#mainPostcard textarea.greetings { width:325px; margin-left:0;margin-top:-10px;}
#mainPostcard select {
border:#d1d1d1 solid 1px;
margin-left:25px;
margin-top:10px;
width:250px;
}
/*兑换成功 Style*/
#thankyou {
float:left;
width: 660px;
}
#thankyou p {
line-height:20px;
margin:10px 0;
}
.submitDone {
width:auto;
background: url(https://data.chinahighlights.com/css/images/bg-thankyou.png) no-repeat;
padding: 30px 10px 30px 80px;
font-size: 22px;
font-weight: bold;
margin: 20px 0 15px 0;
color:#527e0b;
}
.postcardDone {
width:auto;
background: url(https://data.chinahighlights.com/css/images/bg-thankyou-postcard.png) no-repeat;
padding: 40px 10px 30px 90px;
font-size: 22px;
font-weight: bold;
margin: 10px 0 15px 0;
color:#527e0b;
}
.postcardfail {
width:auto;
background: url(https://data.chinahighlights.com/css/images/bg-fail-postcard.png) no-repeat;
padding: 40px 10px 30px 100px;
font-size: 22px;
font-weight: bold;
margin: 20px 0 15px 0;
color:#527e0b;
}
#thankyou #thankyouContent {
margin:10px 0;
padding-left:10px;
}
#thankyou #thankyouContent ul {
margin-left:5px;
}
#thankyou #thankyouContent ul li {
list-style: none;
background:url(https://data.chinahighlights.com/css/images/list-style-thankyou.png) no-repeat left 6px;
padding-left:25px;
line-height:25px;
margin-bottom:10px;
}
#thankyou ul {
margin: 5px 0 5px 8px;
}
#thankyou ul li {
padding-left: 15px;
line-height: 20px;
margin-left: 5px;
margin-bottom: 5px;
list-style-image: url(https://data.chinahighlights.com/pic/arrow-r.GIF);
}
#thankyou ol {
margin-left:10px;
padding-left:5px;
}
#thankyou ol li {
padding-left:0px;
margin-left:5px;
list-style-position:outside;
line-height:18px;
margin-bottom:10px;
text-align: justify;
}
#thankyou .note {
margin: 20px 0 30px 20px;
padding: 8px 5px;
background-color:#f3f5e9;
border: 1px solid #d1d1d1;
font-size: 11px;
}
.qp_wrap {
margin: 10px 0;
font-size:12px;
padding: 5px;
}
.qp_wrap h2 {
font-size: 16px;
font-weight: bold;
border-bottom:1px solid #f1f1f1;
padding-bottom:2px;
margin:0 0 10px 0;
;
}
.qp_wrap form {
font-size: 12px;
}
.qp_wrap label {
font-size: 12px;
}
.rowWrap {
padding-left:5px;
margin: 8px 0 0 0;
}
.rowWrap select {
font-size:11px;
background:#fff;
border:1px solid #d1d1d1;
-moz-border-radius: 4px;
padding:3px;
}
.rowWrap select option {
width: 90px;
padding-left: 5px;
border-bottom:1px dashed #f1f1f1;
}
.greetingPostcard { float:left;}
.greetingPostcard ul { padding:0; list-style:none;}
.greetingPostcard ul li{ margin:0;}
#subContent .topspace{margin-top:15px;}