@charset "utf-8";
/* CSS Document */
/*时间人数开始*/
.videoheart ul li::marker {
    unicode-bidi: none!important;
    font-variant-numeric: none!important;
    text-transform: none!important;
}
.time{ width:100%; height:150px;  }
.time_content{ width:100%;margin:0 auto;}

.time_right{ width:100%;  }
.wrapper { width: 100%; height:90px; float:left;  margin-top:80px; display:none; margin-bottom:90px}
.wrapper1{ width:24%; float:left; height:90px;  border-left:1px solid #dfdfdf;}
.wrapper2{ width:24%; float:left; height:90px;  border-right:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.wrapper3{ width:24%; float:left; height:90px;border-right:1px solid #dfdfdf; }
.wrapper4{ width:24%; float:left; height:90px;}

.counter { color:#018ccf; border-radius: 5px;}

.time1{ width:100%; height:54px; float:left; margin-bottom:15px}
.time1 h2{width:100%; float:left;font-size:55px!important; font-family:Arial, Helvetica, sans-serif; margin:0;}

.time2{ width:100%; height:54px; float:left;margin-bottom:15px}
.time2 h2{ float:left;width:280px; font-size:55px!important; font-family:Arial, Helvetica, sans-serif; margin:0; }

.time3{ width:100%; height:54px; float:left; margin-bottom:15px}
.time3 h2{ width:100%;float:left; font-size:55px!important; font-family:Arial, Helvetica, sans-serif; margin:0;}

.time4{ width:100%; height:54px; float:left;margin-bottom:15px}
.time4 h2{width:100%; float:left; font-size:55px!important; font-family:Arial, Helvetica, sans-serif; margin:0; }

.timex{ width:100%; height:30px; color:#434343; font-size:16px!important; text-align:center;float:left;}

.wrapper2 .timey{ width:148px; margin-left:52px; float:left;}
.wrapper3 .timey{ width:152px; margin-left:48px; float:left;}
.count-title { font-weight: normal; text-align: center; }
.count-text {  font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
/*时间人数结束*/


@media only screen and (max-width:550px) {
.time1 h2 {
    width: 100%;
    float: left;
    font-size: 35px!important;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}
.time3 h2 {
    width: 100%;
    float: left;
    font-size: 35px!important;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}
.time4 h2 {
    width: 100%;
    float: left;
    font-size: 30px!important;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}.time3, .time1,.time4{ height:40px; margin-bottom:0}


.wrapper1,.wrapper2,.wrapper3{ width:32%}

.timex{ font-size:14PX!important; line-height:25px }



.wrapper{ margin:40px 0 10px}



.time {
    width: 100%;
    height: 220px;
}



.wrapper1, .wrapper2, .wrapper3{ width:49%; height:50px; margin-bottom:8%}


}