ygoa_app/css/common.css

 .mui-ellipsis-2 {
	padding-left: 20px;background: url(../img/time.png) no-repeat left center; line-height: 14px; margin-top: 14px;
}
 .mui-ellipsis-3 {
	padding-left: 20px;background: url(../img/results.png) no-repeat left center; line-height: 14px; margin-top: 14px;
}
.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .mui-table-view-cell{ height: auto; top: 0;margin: 0;padding: 0;}
.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .mui-table-view-cell .mui-navigate-right{ margin: 0;padding: 0;padding: 15px 15px; }
.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .mui-table-view-cell .mui-navigate-right .imgbox{height: 80px; width:80px; }
.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .mui-table-view-cell .mui-navigate-right .imgbox img{ width: 100%; } 
.mui-table-view .mui-media-object {max-width: 80px;}
.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .mui-table-view-cell .mui-navigate-right .mui-media-body{ 
 word-wrap: break-word;word-break:break-all; margin-top: 15px; font-weight: 500;}

.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .mui-table-view-cell .no-picture{ margin-left: 25px; padding-left: 30px;}
.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .mui-table-view-cell .mui-navigate-right .mui-media-body {font-size: 16px;
	line-height: 16px;
	display: block;
	margin-top: 10px;
	text-overflow: ellipsis
color: #4c4c4c; margin-right: 30px;  margin-top: 15px;}
#newsTitle{  font-size: 22px; color: 333;  line-height: 30px; margin: 0 15px;  text-align: center;}
.mui-action-back {color: #FFFFFF;}
*{margin:0;padding:0;}
html,body { width:100%;}
body{overflow:-Scroll;overflow-x:hidden; 
}
body{ font-family:"microsoft yahei";}

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;}
audio,canvas,progress,video {  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],template {  display: none;}
a {  background-color: transparent;}
a:active,a:hover {  outline: 0;}
abbr[title] {  border-bottom: 1px dotted;}
b,strong {  font-weight: bold;}
dfn {  font-style: italic;}
h1 {  font-size: 2em;  margin: 0.67em 0;}
mark {  background: #ff0;  color: #000;}
small {  font-size: 80%;}
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sup {  top: -0.5em;}
sub {  bottom: -0.25em;}
img {  border: 0;}
svg:not(:root) {  overflow: hidden;}
figure {  margin: 1em 40px;}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
button[disabled],html input[disabled] {  cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {  border: 0;  padding: 0;}
input {  line-height: normal;}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend {  border: 0; /* 1 */
  padding: 0; /* 2 */
}
textarea {  overflow: auto;}
optgroup {  font-weight: bold;}

td,th {  padding: 0;}



table{border-collapse:collapse;border-spacing:0;}
img{border:0}
ul{list-style:none;}

input,textarea,select,option,button{font-family: "microsoft yahei";}
.clear{ clear:both;}
a{text-decoration:none;outline: none;}
a,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,0,0,0); -webkit-appearance: none;}/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */

textarea{resize:none;}/*禁止改变大小*/
/*解决firefox按钮文字难以垂直居中问题*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none;padding:0;
}
input,textarea,select,option,button,form,fieldset{margin:0;padding:0;border-width:1px;outline:none;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}


html{font-size:10px}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}
.top-header{ background-color: #96000c; width: 100%; overflow: hidden; position: relative; display: table;}
.top-header h3{ font-size: 1.6em; padding: 1em; margin: 0 30%;   white-space: nowrap; text-align: center; overflow: hidden; text-overflow: ellipsis; display: block; color: #fff; font-weight: normal; display: table-cell;}
.top-header a:first-child{width: 14%; display: table-cell;  padding:0 4%;vertical-align: middle;}
.top-header a:last-child{ width: 14%; display:table-cell;padding:0 4%; vertical-align: middle;}
.top-header img{ width: 100%;  display: block;} 
body{ background-color: #f2f2f2;}

.wall {
  display: block;
  position: relative;
  margin-top: 10px;
}
.wall-column {
  display: block;
  position: relative;
  width: 50%;
  float: left;
  padding: 0 2%;
  box-sizing: border-box;
}
.article {
  display: block;
  margin: 0 0 8% 0;
  padding: 5%;
  background: white;
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  transition: all 100;
  overflow: hidden;
  position: relative;
}
.article:hover{ transform: scale(1.01);}
.article img {
  display: block;
  width: 100%;
  margin: 0 0 5% 0;
}
.article a{ color: #666;}
.article p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: 1em; line-height: 1.5; margin-bottom: 0;}
.article small{ font-size: 0.8em; color: #666; line-height: 1.2; padding-left: 5px;}
.wall-1-column {width: 80%;}
.article input{ padding:0.4em 0.8em; border-radius: 0.4em; font-size: 0.8em; z-index: 100; background-color: #96000c; 
border: none; position: absolute; bottom: 9%; right: 5%; color: #fff; box-shadow: 0 0 7px #d7d7d7;}
.video-screenshot{width:100%; height:220px; overflow:hidden; margin:0 auto; position: relative;}
.wall-1 { display: block;position: relative;}
.article-1{ width: 95%; margin:0 auto; margin-bottom:3%;}
.article-1 p{ margin-top: 10px;}

.loadingParent{ margin:0 auto; padding-top:20px; padding-bottom: 20px;}
.loadingParent canvas{ display:block; margin:0 auto; }
.Walking-tit{font-size: 18px;}
.Walking-words{font-size:14px; color:#4c4c4c; text-align:center; margin-top:5px;}
.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .Walking-words span{ color:#96000c;line-height: 44px;}
.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .Walking-tit h2{ width: 160px; font-size: 14px; padding-left: 30px;line-height: 44px; margin: 0;}
.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .Walking-tit h3{font-size: 14px; padding-right: 15px;line-height: 44px; margin: 0;}
.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .Walking-tit h3 span{font-size: 14px;line-height: 44px;}
.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .Walking-tit i{ font-size: 18px;line-height: 44px;}
.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .Walking-tit .i{font-size: 20px; color:#96000c;}
.alignment{padding-left: 25px;}
.video-screenshot{ background-color: #000;border-radius: 4px; position:relative;}
.video-screenshot>img{opacity: 0.6; display: block; }
.icon{position: absolute;left: 50%; top: 50%; width: 28px;margin-left: -14px; margin-top: -14px;}
.content{position: absolute;left:50%; top: 44px ; text-align: center; margin-left: -78px;}
.div-list{ margin-top: 111px;}
.mui-scroll-wrapper .mui-scroll .mui-table-view-chevron .Walking-tit{height:44px; line-height: 44px;  font-size:16px; color:#333; 
 padding-left: 20px;}