*{margin:0;padding:0;font-family: Arial,"Microsoft YaHei";}
img{border:0;}
a{text-decoration:none;}
ul{list-style:none;}
.clear{clear:both;}

body{background:#fcfcfc;}
.batten{width:1000px;margin:0 auto;height:80px;line-height:80px;font-weight:bold;font-size:40px;color:#d2475e;}
.batten h1 a{height:80px;line-height:80px;display:block;font-size:32px;}
.battenNavBox{width:100%;background:#d2475e;}
.battenNavBox .nav{width:1000px;margin:0 auto;height:60px;line-height:60px;font-size:22px;}
.battenNavBox .nav div{width:100px;float:left;text-align:Center;}
.battenNavBox .nav div a{color:#fff;font-size:15px;}
.outContentText{width:1000px;margin:0 auto;padding:10px 15px 45px 15px;background:#fff;}

.battenNavBox1{width:100%;background:#d2475e;}
.battenNavBox1 .nav1{width:100%;margin:0 auto;height:40px;line-height:40px;font-size:22px;}
.battenNavBox1 .nav1 div{width:25%;float:left;text-align:Center;}
.battenNavBox1 .nav1 div a{color:#fff;font-size:15px;}


.battenInfos{width:100%;position:relative;}
.battenInfos .left{position:relative;z-index:2;width:750px;height:160px;background:url('../images/bg11.png');background-size:100% 100%;float:left;}
.battenInfos .left .l1{height:65px;line-height:65px;color:#fff;text-align:Center;}
.battenInfos .left .l1 .l1_1{font-size:30px;}
.battenInfos .left .l1 .l1_2{font-size:26px;}
.battenInfos .left .l1 .l1_3{color:#ffdd55;}
.battenInfos .left .colorList{margin-left:45px;padding-left:40px;width:620px;height:70px;background:url('../images/bg22.png');background-size:100% 100%;}
.battenInfos .left .colorList span{display:inline-block;width:40px;height:40px;text-align:Center;line-height:40px;font-size:21px;color:#fff;border-radius:6px;margin-top:15px;float:left;margin-right:20px;}
.color{background:#ff6666;}
.color01{background:#ff6666;}
.color02{background:#99cc33;}
.color03{background:#333300;}
.color04{background:#ff9966;}
.color05{background:#99ccff;}
.color06{background:#3366cc;}
.color07{background:#cccccc;}
.color08{background:#9933ff;}
.color09{background:#990033;}
.color10{background:#339933;}

.color1{background:#ff6666;}
.color2{background:#99cc33;}
.color3{background:#333300;}
.color4{background:#ff9966;}
.color5{background:#99ccff;}
.color6{background:#3366cc;}
.color7{background:#cccccc;}
.color8{background:#9933ff;}
.color9{background:#990033;}
.color0{background:#339933;}

.battenInfos .otherBg{position:absolute;height:40px;width:200px;top:0;right:200px;background:#ffd480;z-index:1;}
.battenInfos .right{position:relative;z-index:2;width:250px;height:140px;float:right;background:url('../images/bg33.png');background-size:100% 100%;text-align:center;}
.battenInfos .right .r1{margin-top:8px;height:48px;line-height:48px;font-size:22px;color:#000;}
.battenInfos .right .countDown{width:210px;height:50px;line-height:50px;text-align:Center;background:url('../images/bg44.png');background-size:100% 100%;margin-left:20px;font-weight:bold;font-size:36px;color:#fff;}
.battenInfos .right .countDown span{letter-spacing: 10px;}
.battenInfos .right .countDown .minute{padding-left:8px;}

.battenTableBox{width:1000px;margin:20px auto;}
.battenTableTitle{height:50px;width:auto;font-size:23px;color:#683d33;background:#ffd480;}
.battenTableTitle span{display:inline-block;height:32px;line-height:32px;margin-top:9px;margin-left:8px;border-left:8px solid #683d33;padding-left:15px;}

.battenTable{width:100%;border-collapse:collapse;border-spacing:0;background:#fafafa;border-left:1px solid #f2f2f2;border-top:1px solid #939393;font-size:22px;}
.battenTable tr th{border:0 solid #d7d7d7;border-width:0 1px 1px 0;height:46px;background:#dbdbdb;font-size:22px;color:#474747;font-weight:normal;}
.battenTable tr td{border:0 solid #f2f2f2;border-width:0 1px 1px 0;text-align:Center;height:42px;font-size:18px;background:#fff;}
.battenTable tr th:nth-child(1){background:#d7d7d7;}
.battenTable tr td:nth-child(1){background:#fafafa;}
.battenTable tr td span{display:inline-block;font-size:16px;color:#fff;width:30px;height:30px;line-height:30px;text-align:Center;border-radius:6px;}
.footer{width:100%;height:50px;line-height:50px;text-align:Center;color:#fff;font-size:14px;background:#534f50;}

@media screen and (max-width: 500px) {
	.batten,.battenNavBox .nav,.battenInfos .left,.battenTableBox{width:100%;}
	.battenNavBox .nav div{width:20%;}
	.battenNavBox1 .nav1 div a{color:#fff;font-size:12px;}
	.outContentText{width:100%;padding:10px 0 45px 0;}
	.battenInfos .left{height:auto;padding-bottom:20px;}
	.battenInfos .left .l1 .l1_1{font-size:20px;}
	.battenInfos .left .l1 .l1_2{font-size:18px;}
	.battenInfos .otherBg{display:none;}
	.battenInfos .left .colorList{width:90%;margin-left:5%;padding-left:0;height:65px;}
	.battenInfos .left .colorList span{width:16%;margin:15px 2% 0 2%;}
	.battenInfos .right{width:100%;background:#ffd480;border-radius:20px;}
	.battenInfos .right .countDown{width:80%;margin-left:10%;}
}