div.module.news-cate .mgi-box.articles {
  padding: 20px 2% 0 0;
}
div.module.news-cate .mgi-box.review {
  padding: 20px 0 0 2%;
}
div.mgi-wrap .view-all {
  text-align: left;
}
div.mgi-wrap .other-links li a {
  margin: 0px;
}
div.mgi-wrap .mgi-box .item-wrap .item-image:before {
  content: ""; 
  position: absolute; 
  bottom: 0; 
  left: 0; 
  width: 100%; 
  height: 50%; 
  z-index: 1; 
  background: -webkit-linear-gradient(to top, rgb(226, 54, 189) , transparent);
  background: -o-linear-gradient(to top, rgb(226, 54, 189) , transparent);
  background: -moz-linear-gradient(to top, rgb(226, 54, 189) , transparent);
  background: linear-gradient(to top, rgb(226, 54, 189) , transparent);
  opacity: 1; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
}
div.mgi-wrap .mgi-box .item-wrap .item-image:after {
  content: '\A';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(to top, rgb(3, 6, 95) , transparent);
  background: -o-linear-gradient(to top, rgb(3, 6, 95) , transparent);
  background: -moz-linear-gradient(to top, rgb(3, 6, 95) , transparent);
  background: linear-gradient(to top, rgb(3, 6, 95) , transparent);
  opacity: .2;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate {
  text-align: center;
  height: 100px;
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100 {
  float: none;
  display: inline-block;
  background-color: rgba(204,204,204,0.1);
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100:after {
  background-color: rgba(0, 0, 0, 0.4);
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100 > span {
  width: 2.5em;
  line-height: 2.8em;
  font-size: 0.4em;
  color: #ffffff;
  font-weight: bold;
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .rate-description.no-rate {
  font-size: 18px;
  color: #fff;
  margin-top: -17px;
  text-shadow: 0 0 15px #000;
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small {
  font-size: 60px;
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.red .bar, div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.red .fill {
  border-color: #e14938;
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-author-box {
  float: right;
  position: relative;
  z-index: 40;
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-author-box .item-author a {
  cursor: pointer;
  color: #fff;
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-created-date span.item-date, div.mgi-wrap .mgi-box .item-wrap .itemText .item-author-box span.item-author {
  color: #fff;
  font-size: 11px;
  margin-right: 10px;
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-info {
  color: #fff;
  text-align: left;
  font-size: 11px;
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-info a {
  color: #fff;
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-info i, div.mgi-wrap .mgi-box .item-wrap .itemText .item-created-date i, div.mgi-wrap .mgi-box .item-wrap .itemText .item-author-box i {
  margin: 0 5px 0 0;
}


div.mgi-wrap .mgi-box .title-link-wrap ul.other-links li .item-created-date {
  float: right;
}
div.mgi-wrap .mgi-box .title-link-wrap ul.other-links li .item-created-date .item-date {
  color: #999;
  font-size: 11px;
  margin-right: 10px;
}
div.mgi-wrap .mgi-box .title-link-wrap ul.other-links li .item-info {
  text-align: left;
}
div.mgi-wrap .mgi-box .title-link-wrap ul.other-links li .item-info i {
  margin: 0 5px 0 0;
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-info  span{
	float: left;
	width: 50px;
}
div.mgi-wrap .mgi-box .item-wrap .itemText .item-info  span.item-visit{
	width: 50px;
}
div.mgi-wrap .mgi-box .title-link-wrap ul.other-links li .item-info  span{
	width: 45px;
	float: left;
}
div.mgi-wrap .mgi-box .title-link-wrap ul.other-links li .item-info  span.item-visit{
	width: 50px;
}
div.mgi-wrap .mgi-box .title-link-wrap ul.other-links li .item-info  span.item-comment{
	margin-left: 15px;
}
div.mgi-wrap .mgi-box .title-link-wrap ul.other-links li .item-info .item-comment i {
  color: #24971e;
}
div.mgi-wrap .mgi-box .title-link-wrap ul.other-links li .item-info .item-visit i {
  color: #48a5ea;
}
div.mgi-wrap .mgi-box .title-link-wrap ul.other-links li .item-info .item-like i {
  color: #e14938;
}


@media (max-width:1198px){
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		margin-top: 9%;
	}
}

@media (max-width:977px){
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		margin-top: 28%;
	}
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		font-size: 38px;
	}
}

@media (max-width:765px){
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		margin-top: 1%;
	}
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		font-size: 60px;
	}
}

@media (max-width:633px){
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		margin-top: 11%;
	}
}

@media (max-width:567px){
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		margin-top: 21%;
	}
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		font-size: 38px;
	}
}

@media (max-width:500px){
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		margin-top: 31%;
	}
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		font-size: 31px;
	}
	div.module.news-cate .mgi-box {
		width: 98%;
	}
}
@media (max-width:470px){
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-title a,div.mgi-wrap .mgi-box .item-wrap .itemText .item-created-date span.item-date, div.mgi-wrap .mgi-box .item-wrap .itemText .item-author-box span.item-author,div.mgi-wrap .mgi-box .item-wrap .itemText .item-author-box .item-author a{
		font-size: 10px;
	}
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-info{
		font-size: 8px;
	}
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		margin-top: 43%;
	}
}
@media (max-width:389px){
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		margin-top: 7%;
	}
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		font-size: 60px;
	}
}
@media (max-width:293px){
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		margin-top: 17%;
	}
	div.mgi-wrap .mgi-box .item-wrap .itemText .item-rate .c100.small{
		font-size: 45px;
	}
}