30 lines
1.9 KiB
CSS
30 lines
1.9 KiB
CSS
|
@charset "UTF-8";
|
||
|
|
*{ margin: 0; padding: 0; list-style: none; border: 0; text-decoration: none;}
|
||
|
|
body{ font-family: "Microsoft YaHei UI"; font-size: 14px; background-image: url("../images/countDownBg.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-size: 100% 100%; background-color: #707174;}
|
||
|
|
|
||
|
|
/* --红色头部区域-- */
|
||
|
|
.headerArea{ height: 56px; background: #b30000; line-height: 56px;}
|
||
|
|
.headerPic{ float: left; margin: 16px 10px 0 20px;}
|
||
|
|
.headerArea h2{ font-size: 16px; font-weight: 600; color: #fff;}
|
||
|
|
|
||
|
|
/* --倒计时区域-- */
|
||
|
|
.countDownBlock{ width: 100%;}
|
||
|
|
.timeNow{ margin: 20px; text-align: right; color: #fff; font-size: 16px;}
|
||
|
|
.countDownArea{ margin: 0 auto; width: 1000px;}
|
||
|
|
.countDownArea h2{ text-align: center; color: #fff; font-weight: 500; font-size: 24px;}
|
||
|
|
.countTable{ margin: 30px auto 25px; width: 1000px;}
|
||
|
|
.countTable td{ padding: 10px 0; color: #eaeaea; font-size: 18px;}
|
||
|
|
.countDownTime{}
|
||
|
|
.countDownTime p{ margin-bottom: 30px; font-size: 20px; color: #fc6;}
|
||
|
|
.showTime{ margin-bottom: 25px; height: 180px;}
|
||
|
|
.showTime span{ display: inline-block; float: left; padding-left: 15px; height:179px; font-size: 100px; letter-spacing: 50px; color: #333; line-height:179px; }
|
||
|
|
.showTime span.timeType01{ width:201px; background: url("../images/timeBg01.png") 0 0 no-repeat;}
|
||
|
|
.showTime i{ display: inline-block; float: left; margin:150px 15px 0 0; font-size: 18px; color: #eaeaea; font-style: normal; vertical-align: bottom;}
|
||
|
|
.countBtn{ float: right; margin: 15px 20px 0 0; width: 150px; height: 40px; line-height: 40px; color: #fff; font-size: 20px; text-align: center; border-radius: 5px;}
|
||
|
|
.countBtn01{ background-color: #999;}
|
||
|
|
.countBtn02{ background-color: #b30000; cursor: pointer;}
|
||
|
|
|
||
|
|
/* --天数3位数的情况-- */
|
||
|
|
.countDownArea.countDownSpe, .countDownSpe .countTable{ width: 1110px;}
|
||
|
|
.countDownSpe .showTime span.timeType01:first-child{ width:310px; background: url("../images/timeBg02.png") 0 0 no-repeat;}
|