.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;}