.nmqchinh{height:50px; position: fixed;bottom: 0px;width: 100%;
}
.qchinh{ position: relative;background:#ddd;bottom: 0px;}
.nmqchinh .qchinh .nm-noidung{position: absolute;width: 100%; text-align: left;font-size: 12px; background:#ddd;opacity: 0;-webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;}
.qchinh .img_ad_nm {padding: 5px 5px 0 5px;vertical-align: middle;display: inline-block;border-radius: 10px;margin-right: 5px;}
.nmqchinh .nm-ndung{display:block;font-size: 11px;color: #7e7d7d;}
a {text-decoration: none;color: #656565;}
.nmqchinh a > div{display: inline-block;vertical-align: middle;width: calc(100% - 110px);max-height: 40px;}
.nmqchinh .qchinh .nm-noidung.showing{opacity: 1;z-index: 2;}
.nm-link {width:21px;display: inline-block;border-radius: 50%;background: #808080;padding: 4px 8px;color: #fff;font-size: 20px;vertical-align: middle;text-align: center;}
.nm-noidung:nth-child(2n){background-color:#09C}
.nm-q300{position: relative;}
.nm-q300 .nm-text{border: 1px solid #c3c3c3;border-top: 0px;border-radius: 0 0 5px 5px;position: absolute;left: 0;bottom:1px;background: rgba(252, 252, 252, 0.83);padding: 11px 0;
font-size: 11px;width: 96%;color: #000;opacity:0; animation-name: fade;  animation-duration: 3s;animation-iteration-count: 1; animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
.nm-q300 .nm-tieude {width: calc(100% - 55px);display: inline-block;vertical-align: middle;text-align: left;margin-right: 5px;}
.nm-q300 .nm-link{background: #34a853;}
.nm-q300 img{border: 1px solid #c3c3c3;}

.nm-q300t{display:inline-block; text-align:left;border:1px solid #4285f4;margin: 0 2px;}
.nm-q300t a {color: #171717;position: absolute;background: #fff;}
.nm-q300t .nm-tieude {min-height: 40px;overflow: hidden;}
.nm-q300t .nm-text p {color: #9f9f9f;font-size: 12px;text-align: justify;margin-top: 20px;}
.nm-q300t .nm-text{padding: 25px 15px 0;}
.nm-q300t .nm-btn span:first-child{margin-top: 4px;float: left;}
.nm-q300t .nm-btn{width: calc(100% - 10px);position: absolute;bottom: 0;left: 0;background: #ececec;padding: 4px 5px;font-size:12px;line-height: 1.5;}
.nm-q300t .nm-link{border-radius:5px; background:#0053f9;font-size: 14px;width: 90px;float: right;height: 20px;}
.nm-q300tp{border: 2px solid #9bd414;width:98%;background: #daf1a4;max-width: 800px;text-align: left;padding: 5px 2px;position: absolute;}
.nm-q300tp .nm-text{width: 60%;display: inline-block;text-align:left;vertical-align: top;padding:0 1%;min-height: 150px;}
.nm-q300tp .img_ad_nm {margin:0 4px}
.nm-q300tp .nm-tieude{color:#000;display: block;max-height: 38px;overflow: hidden;}
.nm-q300tp .nm-text p{font-size: 12px;text-align: justify;}
.nm-q300tp .nm-btn {color: #005f7e;display: block;font-size: 15px;margin-top: 7px;}
.nm-q300tp .nm-link1{text-align: right;display: block;font-size: 12px;color: #4ba0c8;}
.nm-q300t.tt .nm-text{padding: 20px 15px 0;}
.nm-q300t.tt .nm-tieude{display: inline-block;width: calc(100% - 65px);vertical-align: middle;margin-left: 10px;line-height: 1;margin-top: -4px;}
.nm-q300t.tt .nm-tieude p{font-size: 16px;color:#000;margin:0;height: 40px;overflow: hidden;line-height: 1.2;text-align:left}
.nm-q300t.tt .nm-tieude span{display:block;color: #0053f9;font-size: 12px;margin-top: 2px;}
.nm-q300t.tt .img_ad_nm{vertical-align: middle;}
.nm-q300t.tt .nm-btn{text-align: center;}
.nm-q300t.tt .nm-btn span:first-child{float: none;border-radius: 20px;}
.nm-q300.pp .nm-text {font-size: 11px;color: #383030;line-height: 1.2;}
.nm-q300.pp .nm-text > p{text-align: left;margin: -5px 7px 5px;font-weight: 700;height: 16px;overflow: hidden;font-size: 12px;color: #000;line-height: 1.5;}
.nm-q300.pp .nm-tieude{height: 40px;overflow: hidden;}
.nm-q300.pp .nm-link {background: #9510d1;padding: 4px 7px;font-size: 22px;}
@media all and (max-width:700px) and (min-width:400px){
	.nm-q300tp .img_ad_nm{width:calc(35% - 8px)}
	.nm-q300tp .nm-text p {font-size: 11px;height: 26px;overflow: hidden;}
	.nm-q300tp .nm-text{min-height:unset}
	.nm-q300tp .nm-tieude{font-size: 14px;}
	nm-q300tp .nm-btn {font-size: 12px;}
	}
@media all and (max-width:450px){
.nmqchinh .qchinh .nm-noidung{width:100%;}	
.nmqchinh .nm-ndung{display:none}
.nmqchinh .nm-tieude{font-size:11px; color: #7e7d7d}
	.nm-q300tp .nm-text p{display:none}
	}
@media all and (max-width:399px){
	.nm-q300tp .img_ad_nm,.nm-q300tp .nm-text{width:98%; float: none !important; }
	.nm-q300tp .nm-text{min-height:unset;position: absolute;bottom: 0;background: #daf1a4;left: 0px;}
	.nm-q300tp {width: 96%;}
	.nm-q300tp .nm-tieude{max-height:unset}
	}


@-webkit-keyframes fade {
  0% {opacity: 0}

  100% {opacity: 1;}
}

@keyframes fade {
  0% {opacity: 0}

  100% {opacity: 1;}
}