@charset "utf-8";
*html body{behavior:url("/css/hover.htc");}
body{ overflow-x:hidden;  font-family:"Arial","Microsoft YaHei",'微软雅黑'; color:#333;max-width:640px; margin: 0 auto;font-size: 62.5%;}
html,   div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0; font-family:"Arial","Microsoft YaHei",'微软雅黑';}
img{ display:block}
li, ol { list-style:none; }
.cl{ clear:both}
.fl{ float:left}
.fr{ float:right}
.home{min-width:320px; max-width:750px;}
#wrap { width: 100%;  border:0;}


/*-----开始----------*/
html{ height:100%; background: url(../../images/index/bg01.jpg) no-repeat center top; background-size:100% 100%; overflow:hidden}
.logo{width:100px; height:38px; background:url(../../images/index/logo.png) no-repeat center center; background-size:100px 38px; margin:25px 0 0 6%;}
.time{ width:100%; height:100px; background:url(../../images/index/img_01.png) no-repeat center center; background-size:200px 100px; margin-top:10%;}
#uccounter{width:335px; height:110px;margin:0 auto;margin-top:9%; overflow:hidden;position:relative;}
#defaultCountdown { overflow:hidden;}
.countdown_section {display: block; float:left; text-align:center; font-weight:normal; color: #666666; font-size:12px; height:69px; width: 67px; padding-top:17px; background: url(../../images/index/flipbg.png) no-repeat center center; background-size:67px 69px;}
.countdown_amount {font-size:40px; color: #ffffff; line-height:42px;}
#uccounter .sm_time{width:165px; height:23px; line-height:23px; padding-top:6px; text-align:center; color:#fff; font-size:13px; position:absolute; left:3px; bottom:0; background:url(../../images/index/img_02.png) no-repeat left top; background-size:165px 29px;}

.text01{width:100%; text-align:center; font-size:13px; color:#fff; line-height:20px; margin-top:9%;}
.text02{width:100%; text-align:center; font-size:9px; color:#788fbe; line-height:20px; margin-top:16%;}
.btn_warp{ margin:4% 4% 0 4%; display:block; overflow:hidden;}
.btn_warp ul li{ width:33.3333%; float:left}
.btn_warp ul li a{ display:block; margin:0 3px; background:#f96079; color:#fff; line-height:36px; border-radius:4px; font-size:13px; text-align:center; text-decoration:none}
.btn_warp ul li a:hover{background:#f25a73;}
@media (min-width:375px){

.time{margin-top:20%;}
#uccounter{margin-top:12%; }
.text01{ margin-top:12%;}
.text02{ margin-top:25%;}

@media (min-height:812px){

.time{margin-top:30%;}
#uccounter{margin-top:12%; }
.text01{ margin-top:12%;}
.text02{ margin-top:45%;}

@media (min-width:414px){

.text02{ margin-top:35%;}

@media (min-width:420px){
html{ height:100%; background: url(../../images/index/bg02.jpg) no-repeat center top; background-size:100% 100%;overflow:hidden}

.logo{width:150px; height:57px; background:url(../../images/index/logo.png) no-repeat center center; background-size:150px 57px; margin:25px 0 0 16%;}
.time{ width:100%; height:150px; background:url(../../images/index/img_01.png) no-repeat center center; background-size:300px 150px; margin-top:10%;}
#uccounter{width:500px; height:165px;margin:0 auto;margin-top:9%; overflow:hidden;position:relative;}
#defaultCountdown { overflow:hidden;}
.countdown_section {display: block; float:left; text-align:center; font-weight:normal; color: #666666; font-size:12px; height:103px; width:100px; padding-top:25px; background: url(../../images/index/flipbg.png) no-repeat center center; background-size:100px 103px;}
.countdown_amount {font-size:60px; color: #ffffff; line-height:63px;}
#uccounter .sm_time{width:248px; height:35px; line-height:35px; padding-top:9px; text-align:center; color:#fff; font-size:20px; position:absolute; left:3px; bottom:0; background:url(../../images/index/img_02.png) no-repeat left top; background-size:248px 44px;}

.text01{width:100%; text-align:center; font-size:20px; color:#fff; line-height:20px; margin-top:9%;}
.text02{width:100%; text-align:center; font-size:12px; color:#788fbe; line-height:20px; margin-top:16%;}
.btn_warp{ margin:4% 16% 0 16%; display:block; overflow:hidden;}
.btn_warp ul li{ width:33.3333%; float:left}
.btn_warp ul li a{ display:block; margin:0 5px; background:#f96079; color:#fff; line-height:54px; border-radius:6px; font-size:20px; text-align:center; text-decoration:none}
.btn_warp ul li a:hover{background:#f25a73;}