weixin-h5/images/style.css

@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr, input, button {margin: 0; padding: 0; border: 0;font-size: 100%;font-family:"微软雅黑",Tahoma, Geneva, sans-serif; font-style: normal; font-weight: normal; list-style:none; color:#666}
html, body{width:100%; height:100%; margin:0; padding:0;}
body{background:#eee; height:100%; width:100%}
img {max-width: 100%; border:0; vertical-align:middle;}
a:link,a:visited,a:hover{text-decoration:none;}
hr{height:0; border:0; border-bottom:1px solid #666;}
button,input,select,txtarea{ vertical-align:middle;}
.none{display:none;}
.clear{clear:both;}
.center{width:92%; margin:0 auto;}

.warp {width: 100%; height: 100%;}
.banner{height: 32%; position: relative; background:url(banner.png) no-repeat center center; background-size:cover}
.banner .sum {position: absolute; right: 10px; bottom: 10px; color: #fff;}

.bar {height: 78px; background: #fff; margin-bottom: 10px;}
.bar li {width: 33%; float: left; padding: 10px 0}
.bar u {display: block; height: 38px; background-size: 38px auto; background-repeat: no-repeat;}
.bar h1 {text-align: center; color: #333; font-size:14px; }

.list-tab {height: 44px; line-height: 44px; background: #fff; border-bottom: 1px solid #eee;}
.list-tab li {width: 49%; float: left; text-align: center; color: #333; border-right: 1px solid #eee}
.list-tab li:last-child {border: none}
.list-tab li.on {color: #ff5500;}

.list-board {background: #fff; margin-bottom: 10px; padding: 10px 0;}
.list-board .pic {width: 40%; float: left; text-align: center}
.list-board .pic img{width: 75%; }
.list-board .info {width: 60%; float: left; padding-top: 10px;}
.list-board .info li{margin-bottom: 6px; font-size: 14px}
.list-board .info h1{font-size: 16px; color: #333;}
.list-board .info b{color: #333; font-weight: normal;}
.list-board .info .btn {float: right; margin-right: 15px; border-radius: 4px; padding: 6px 30px;}


.board {background: #fff; margin-bottom: 10px; padding: 10px 0;}
.board h1 {font-size: 16px; color: #333; margin-bottom: 10px}

.title {border-bottom: 1px solid #ddd; margin-bottom: 10px; color: #333; padding: 8px 0;}
.title h1 {font-size: 18px; color: #333;}

.b-list li{margin-bottom: 6px; font-size: 14px;}
.b-list hr{border: 1px solid #eee; margin: 20px 0}

.b-detail {padding: 10px; font-size:14px}

.board-bar {background: #fff; }
.board-bar li {height: 44px; line-height: 44px; border-bottom: 1px solid #ddd; position: relative;}
.board-bar li:last-child {border: none;}
.board-bar p {display: block; float: left; width: 20%;}
.board-bar b {position: absolute; right: 0; height: 44px; line-height: 44px; min-width: 20px;}
.board-bar input {height: 40px; line-height: 40px;}

.board-bar .more{ background: url(detail-btn.png) no-repeat  right center;  padding-right: 20px; background-size: auto 38%; color: #333}
.board-bar .close {background:url(close-btn.png) no-repeat  right center;  background-size: auto 38%}

.record-list .info{float: left; width: 70%;}
.record-list .info u{font-size: 14px; color: #999; margin-bottom: 8px; display: block;  text-decoration: none}
.record-list .data{float: right; width: 20%; text-align: center; color: #ff5500; font-size: 28px;}
.record-list .data b{display: block; text-align: center; color: #999; font-size: 12px}
.red-packet{background: #ffe6d9; padding: 10px; color: #ff5500; text-align: center}



/*物流信息*/
.logistics {font-size: 14px;}
.logistics h1{color: #333;  margin-bottom: 10px; font-size: 16px;}
.logistics ul{padding-left: 15px;}
.logistics li {margin-bottom: 5px; list-style:disc}
.logistics b {color: #999; margin-right: 10px;}


.sum input{border: none; width: 30px; text-align: center}
.sum a{display:inline-block; height: 24px; width: 24px; background: #eee; text-align: center; font-size: 100%}


.yellow-btn {display: block; text-align: center; background: #ff5500; color: #fff; }
.yellow-line-btn {display: block; text-align: center; border-radius: 5px; border: 1px solid #ff5500; color: #ff5500;}
.register-btn {height: 44px; line-height: 44px; border-radius: 4px}
.foot-btn{position: fixed; bottom: 0; width: 100%; height: 44px; line-height: 44px;}
.c_red {color: #ff0000;}
.c_green {color: #00A70D}
.c_blue {color: #336699}


/*积分活动页*/
.warp {width: 100%; height: 100%; background:url(newyear-scroe-bg.png) no-repeat center center;background-size: cover;}

.head {height: 10%;}
.head .logo {float: left; width: 85px; padding-top: 10px;}
.head .txt{float: right; color: #fffeee; padding-top: 15px;}

.img-title {height: 25%; width: 68%; margin: 0 auto;}

.info {height: 57%; width: 76%; margin: 0 auto; background:url(board.png) no-repeat center center; background-size: contain;}
.info .top {height: 20%; text-indent: -9999px}
.info .txt {height: 33%;  display: table; margin: 0 auto; color: #8b0c0d; font-size: 20px; text-align: center}
.info .ticket {height: 22%; display: table;  margin: 0 auto; color: #fc8109; text-align: center}
.info .ticket b {font-size: 60px; font-weight: bold; color: #fc8109}
.info .btn {height: 15%;  width: 90%; margin: 0 auto; text-align: center}

.foot {height: 8%; text-align: center; color: #fff; font-size: 14px; padding-top: 15px;}


/*活动说明*/
.explain {background: #fff; width: 100%; height: 100%}
.explain-title {border-bottom: 1px solid #ccc; padding: 15px 0 ; text-align: center; font-size: 18px; margin-bottom: 25px; color: #333;}
.explain-content h1{ height: 28px;}
.explain-content div{margin-bottom: 20px; color: #333}

/*close按钮*/
.b-close {position: absolute; right: 10px; top:10px; width: 25px; height: 25px; background: url(close.png) no-repeat}

/*弹窗标题*/
.popup-h1 {padding: 20px; font-size: 18px; color: #ff5701}