@charset "utf-8";
/* CSS Document */
/*时间人数开始*/

.time{ width:100%; height:170px; margin:0 auto }
.time_content{ width:100%;margin:0 auto;}

.time_right{ width:100%; width:1298px;   height:150px;}
.wrapper { width: 100%; height:90px;  display:flex!important; flex-direction:row; margin-top:60px}
.wrapper1{ width:25%; height:90px; background:url(../images/line3.jpg) no-repeat right center; flex:1}


.counter { color:#008e3b; border-radius: 5px;}

.time1{ width:54%; margin-bottom:15px;  text-align:left; float:left; margin-left:12%; position:relative}
.time1 h2{  font-size:52px; font-family:BEBAS; margin:0; color:#000; text-align:left; float:left}
.timex{ width:100%; height:30px; color:#666666; font-size:16px; text-align:left;float:left; line-height:26px; margin-top:15px }
.picd{ float:left; margin-right:5%; width:25%; margin-top:30px}
.time1 i{  font-style:normal; font-size:16px; color:#666666; float:left; margin-top:20px; margin-left:10px}






/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:550px){  

.time1 h2 {
    font-size:30px;
    font-family: BEBAS;
    margin: 0;
    color: #01479e;
    text-align: left;
    float: left;
}


.wrapper{flex-wrap: wrap }

.wrapper1 {
    width: 50%; flex:none; height:110px}



.time{ margin-bottom:120px}

.time1 i {
    font-style: normal;
    font-size: 14px;
    color: #666666;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}


.timex {
    width: 100%;
    height: 30px;
    color: #666666;
    font-size: 14px;
    text-align: left;
    float: left; line-height:23px
}


.time1 i {
    font-style: normal;
    font-size: 14px;
    color: #666666;
    float: left;
    margin-top: 0px;
    margin-left: 10px;
}

.wrapper {
    width: 100%;
    height: 250px;
    display: flex!important;
    flex-direction: row;
    margin-top: 0px;
}
.wrapper1 {
    width: 100%;
    flex: none;
    height: 110px;
}.picd {
    float: left;
    margin-right: 0;
    width: 15%!important;
    margin-top: 0px;
    margin-left: 0%;
}.wrapper1 .time1 {
    width: 47%!important;
    margin-bottom: 15px;
    text-align: left;
    float: left;
    margin-left: 7%;
    position: relative;
}
.timex{ margin-top:0}
}