@charset "utf-8";
.m-main {background: #fff;padding: 20px !important;}
.m-myd{border: 1px solid #ddd;}
.m-myd table{border-collapse: collapse;}
.m-myd table td{height: 46px;}
.m-myd thead td{background: #f4f4f4;font-weight: bold;border-bottom: 1px solid #ddd;}
.m-myd table td.bm{text-indent: 40px;}
.m-myd tbody tr{border-bottom: 1px dashed #ddd;}
.m-myd tbody tr:last-child{border-bottom: none;}
.m-myd tbody td.wd{position: relative;}
.m-myd tbody td.wd img{position: absolute;left: 120px;top: 6px;}
.u-progress { width: 50%; height: 14px; background: #f5f5f5;padding: 0; overflow: visible;border-radius: 20px;}
.progressbar { float: left; height: 100%; border-radius: 20px;  position: relative;  animation: animate-positive 2s;background: #1c83d7;}
.u-progress span{  position: absolute; right: -45px;top: -3px;}
.u-myd{width: 15%;}
.u-depart{width: 30%;}
.u-avaverge{width: 40%;}
.u-num{width: 15%;}
/*large pcScreen*/
@media (min-width:1240px) {


}
/*medium pcScreen lg*/
@media screen and (max-width: 1240px) {

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
.m-dtvideo { width: 100%;height: auto;}

}
/*pad md*/
@media screen and (max-width: 991px ){
.u-myd{width: 15%;}
.u-depart{width: 35%;}
.u-avaverge{width: 50%;}
	

}
/*phone sm*/
@media screen and (max-width: 767px) {
.u-myd{width: 25%;}
.u-depart{width: 70%;}
}
/*phone sm*/
@media screen and (max-width: 700px) {
.u-myd img{display: none;}
}