Commit fc66fc2d by yanglang123

第一次提交

parent 457f7fc6
......@@ -29,8 +29,6 @@ for (var i in ifaces) {
}
};
var app = express();
console.log('IP',IP);
console.log( `启动项目访问在: ${IP}:8003/#/shyz/shyz/login, waiting for compile`);
......@@ -64,7 +62,7 @@ app.get("*", function(req, res) {
});
app.listen(8003,[IP, "localhost"], function(err) {
if (err) {
return console.error(err);
return console.error(err,'server.dev.js');
}
console.log(
......
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1">
<title>站点维护中</title>
<style>
body,
html {
width: 100%;
margin: 0;
padding: 0;
}
.site-maintain-container {
max-width: 1200px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.site-maintain-container img {
width: 450px;
height: 341px;
margin-top: 160px;
}
.site-maintain-tip-text {
width: 655px;
text-align: center;
margin: 0 auto;
margin-top: 20px;
font-size: 30px;
font-weight: 500;
color: #666666;
line-height: 42px;
letter-spacing: 1px;
}
@media screen and (max-width: 600px) {
body,
html {
width: 100%;
margin: 0;
padding: 0;
}
.site-maintain-container {
width: 100%;
margin: 0 auto;
text-align: center;
}
.site-maintain-container img {
width: 215px;
height: 171px;
margin-top: 135px;
}
.site-maintain-tip-text {
width: 90%;
text-align: center;
margin: 0 auto;
margin-top: 20px;
font-size: 14px;
font-weight: 500;
color: #999;
line-height: 20px;
letter-spacing: 1px;
word-break: break-all;
}
}
</style>
</head>
<body>
<div class="site-maintain-container">
<img src="https://customproject.oss-cn-shanghai.aliyuncs.com/photo/site_maintenance.png" alt="">
<div class="site-maintain-tip-text">
</div>
</div>
<script>
function getUrlParam(code){
var searchText = window.location.search.split("?")[1].split("&");
var result = "";
for(var i = 0;i<searchText.length;i++){
var arr = searchText[i].split("=");
if(arr[0]==code){
result = arr[1];
break;
}
}
return result;
}
window.onload = function () {
var textDom = document.querySelector(".site-maintain-tip-text");
var text = getUrlParam("text");
textDom.innerHTML = decodeURIComponent(text)||"站点维护中,给您的学习带来不便,敬请谅解";
}
</script>
</body>
</html>
\ No newline at end of file
/*
* author: wei
* time: 2015-01-25
* Techblog: http://www.cnblogs.com/aiweidong/
*
*/
html{overflow: hidden;}
body{margin: 0; background-color: #67ace4; font-family: "\5FAE\8F6F\96C5\9ED1"; _padding-top: 100px;}
::selection{background: none;}
::-moz-selection{background: none;}
#wrap{margin: 100px auto 0; width: 399px;}
#text{text-align: center; padding-top: 20px;}
#text strong{display: inline-block; font-size: 14px; font-weight: normal;}
#text strong *{float: left;}
#text span{width: 128px; height: 29px; background: url(../img/info.png) no-repeat;}
#text a{line-height: 14px; color: #fff; text-decoration: none; padding: 6px 14px; margin: 1px 0 0 10px; border: 1px solid #fff; border-radius: 14px;
user-select: none;
-webkit-user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-webkit-transition: 0.2s ease-out;
}
#text a:hover, #text a:active{background: #fff; color: #000;}
@media screen and (max-width: 414px) {
#wrap, #wrap img, #text span{width: 200px;}
#text span{background-position: center; margin-bottom: 16px;}
#text a:nth-of-type(1){margin-left: 0;}
}
.animate{
animation: 20s animate linear infinite alternate;
-o-animation: 20s animate linear infinite alternate;
-moz-animation: 20s animate linear infinite alternate;
-webkit-animation: 20s animate linear infinite alternate;
}
.below, .above{position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%;}
.below{height: 173px; background: url(../img/below.png) no-repeat;}
.above{height: 149px; background: url(../img/above.png) no-repeat -60px 0;
animation-name: animate-above;
-o-animation-name: animate-above;
-moz-animation-name: animate-above;
-webkit-animation-name: animate-above;
}
@keyframes animate{
0%{background-position: 0 0;}
10%{background-position: -10px 1px;}
20%{background-position: -10px 3px;}
30%{background-position: -20px 1px;}
40%{background-position: -40px 2px;}
50%{background-position: -60px 4px;}
60%{background-position: -40px 2px;}
70%{background-position: -20px 4px;}
80%{background-position: -10px 3px;}
90%{background-position: -10px 1px;}
100%{background-position: 0 0;}
}
@-o-keyframes animate{
0%{background-position: 0 0;}
10%{background-position: -10px 1px;}
20%{background-position: -10px 3px;}
30%{background-position: -20px 1px;}
40%{background-position: -40px 2px;}
50%{background-position: -60px 4px;}
60%{background-position: -40px 2px;}
70%{background-position: -20px 4px;}
80%{background-position: -10px 3px;}
90%{background-position: -10px 1px;}
100%{background-position: 0 0;}
}
@-moz-keyframes animate{
0%{background-position: 0 0;}
10%{background-position: -10px 1px;}
20%{background-position: -10px 3px;}
30%{background-position: -20px 1px;}
40%{background-position: -40px 2px;}
50%{background-position: -60px 4px;}
60%{background-position: -40px 2px;}
70%{background-position: -20px 4px;}
80%{background-position: -10px 3px;}
90%{background-position: -10px 1px;}
100%{background-position: 0 0;}
}
@-webkit-keyframes animate{
0%{background-position: 0 0;}
10%{background-position: -10px 1px;}
20%{background-position: -10px 3px;}
30%{background-position: -20px 1px;}
40%{background-position: -40px 2px;}
50%{background-position: -60px 4px;}
60%{background-position: -40px 2px;}
70%{background-position: -20px 4px;}
80%{background-position: -10px 3px;}
90%{background-position: -10px 1px;}
100%{background-position: 0 0;}
}
@keyframes animate-above{
0%{background-position: -60px 0;}
10%{background-position: -50px 8px;}
20%{background-position: -35px 10px;}
30%{background-position: -20px 10px;}
40%{background-position: -30px 16px;}
50%{background-position: -10px 20px;}
60%{background-position: -20px 20px;}
70%{background-position: -30px 12px;}
80%{background-position: -40px 10px;}
90%{background-position: -50px 10px;}
100%{background-position: -60px 0;}
}
@-o-keyframes animate-above{
0%{background-position: -60px 0;}
10%{background-position: -50px 8px;}
20%{background-position: -35px 10px;}
30%{background-position: -20px 10px;}
40%{background-position: -30px 16px;}
50%{background-position: -10px 20px;}
60%{background-position: -20px 20px;}
70%{background-position: -30px 12px;}
80%{background-position: -40px 10px;}
90%{background-position: -50px 10px;}
100%{background-position: -60px 0;}
}
@-moz-keyframes animate-above{
0%{background-position: -60px 0;}
10%{background-position: -50px 8px;}
20%{background-position: -35px 10px;}
30%{background-position: -20px 10px;}
40%{background-position: -30px 16px;}
50%{background-position: -10px 20px;}
60%{background-position: -20px 20px;}
70%{background-position: -30px 12px;}
80%{background-position: -40px 10px;}
90%{background-position: -50px 10px;}
100%{background-position: -60px 0;}
}
@-webkit-keyframes animate-above{
0%{background-position: -60px 0;}
10%{background-position: -50px 8px;}
20%{background-position: -35px 10px;}
30%{background-position: -20px 10px;}
40%{background-position: -30px 16px;}
50%{background-position: -10px 20px;}
60%{background-position: -20px 20px;}
70%{background-position: -30px 12px;}
80%{background-position: -40px 10px;}
90%{background-position: -50px 10px;}
100%{background-position: -60px 0;}
}
\ No newline at end of file
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
<title>404</title>
<link type="text/css" rel="stylesheet" href="css/404.css" />
<!--[if IE 6]>
<script src="js/png.js"></script>
<script>DD_belatedPNG.fix('*')</script>
<![endif]-->
</head>
<body>
<div id="wrap">
<div>
<img src="img/404.png" alt="404" />
</div>
<div id="text">
<p style="font-size: 30px;color: #fff;">抱歉!页面出错了</p>
</div>
</div>
<div class="animate below"></div>
<div class="animate above"></div>
</body>
</html>
var DD_belatedPNG={ns:"DD_belatedPNG",imgSize:{},delay:10,nodesFixed:0,createVmlNameSpace:function(){if(document.namespaces&&!document.namespaces[this.ns]){document.namespaces.add(this.ns,"urn:schemas-microsoft-com:vml")}},createVmlStyleSheet:function(){var d,c;d=document.createElement("style");d.setAttribute("media","screen");document.documentElement.firstChild.insertBefore(d,document.documentElement.firstChild.firstChild);if(d.styleSheet){d=d.styleSheet;d.addRule(this.ns+"\\:*","{behavior:url(#default#VML)}");d.addRule(this.ns+"\\:shape","position:absolute;");d.addRule("img."+this.ns+"_sizeFinder","behavior:none; border:none; position:absolute; z-index:-1; top:-10000px; visibility:hidden;");this.screenStyleSheet=d;c=document.createElement("style");c.setAttribute("media","print");document.documentElement.firstChild.insertBefore(c,document.documentElement.firstChild.firstChild);c=c.styleSheet;c.addRule(this.ns+"\\:*","{display: none !important;}");c.addRule("img."+this.ns+"_sizeFinder","{display: none !important;}")}},readPropertyChange:function(){var e,f,d;e=event.srcElement;if(!e.vmlInitiated){return}if(event.propertyName.search("background")!=-1||event.propertyName.search("border")!=-1){DD_belatedPNG.applyVML(e)}if(event.propertyName=="style.display"){f=(e.currentStyle.display=="none")?"none":"block";for(d in e.vml){if(e.vml.hasOwnProperty(d)){e.vml[d].shape.style.display=f}}}if(event.propertyName.search("filter")!=-1){DD_belatedPNG.vmlOpacity(e)}},vmlOpacity:function(d){if(d.currentStyle.filter.search("lpha")!=-1){var c=d.currentStyle.filter;c=parseInt(c.substring(c.lastIndexOf("=")+1,c.lastIndexOf(")")),10)/100;d.vml.color.shape.style.filter=d.currentStyle.filter;d.vml.image.fill.opacity=c}},handlePseudoHover:function(b){setTimeout(function(){DD_belatedPNG.applyVML(b)},1)},fix:function(d){if(this.screenStyleSheet){var f,e;f=d.split(",");for(e=0;e<f.length;e++){this.screenStyleSheet.addRule(f[e],"behavior:expression(DD_belatedPNG.fixPng(this))")}}},applyVML:function(b){b.runtimeStyle.cssText="";this.vmlFill(b);this.vmlOffsets(b);this.vmlOpacity(b);if(b.isImg){this.copyImageBorders(b)}},attachHandlers:function(n){var j,h,m,k,a,l;j=this;h={resize:"vmlOffsets",move:"vmlOffsets"};if(n.nodeName=="A"){k={mouseleave:"handlePseudoHover",mouseenter:"handlePseudoHover",focus:"handlePseudoHover",blur:"handlePseudoHover"};for(a in k){if(k.hasOwnProperty(a)){h[a]=k[a]}}}for(l in h){if(h.hasOwnProperty(l)){m=function(){j[h[l]](n)};n.attachEvent("on"+l,m)}}n.attachEvent("onpropertychange",this.readPropertyChange)},giveLayout:function(b){b.style.zoom=1;if(b.currentStyle.position=="static"){b.style.position="relative"}},copyImageBorders:function(e){var f,d;f={borderStyle:true,borderWidth:true,borderColor:true};for(d in f){if(f.hasOwnProperty(d)){e.vml.color.shape.style[d]=e.currentStyle[d]}}},vmlFill:function(l){if(!l.currentStyle){return}else{var k,m,n,i,h,j;k=l.currentStyle}for(i in l.vml){if(l.vml.hasOwnProperty(i)){l.vml[i].shape.style.zIndex=k.zIndex}}l.runtimeStyle.backgroundColor="";l.runtimeStyle.backgroundImage="";m=true;if(k.backgroundImage!="none"||l.isImg){if(!l.isImg){l.vmlBg=k.backgroundImage;l.vmlBg=l.vmlBg.substr(5,l.vmlBg.lastIndexOf('")')-5)}else{l.vmlBg=l.src}n=this;if(!n.imgSize[l.vmlBg]){h=document.createElement("img");n.imgSize[l.vmlBg]=h;h.className=n.ns+"_sizeFinder";h.runtimeStyle.cssText="behavior:none; position:absolute; left:-10000px; top:-10000px; border:none; margin:0; padding:0;";j=function(){this.width=this.offsetWidth;this.height=this.offsetHeight;n.vmlOffsets(l)};h.attachEvent("onload",j);h.src=l.vmlBg;h.removeAttribute("width");h.removeAttribute("height");document.body.insertBefore(h,document.body.firstChild)}l.vml.image.fill.src=l.vmlBg;m=false}l.vml.image.fill.on=!m;l.vml.image.fill.color="none";l.vml.color.shape.style.backgroundColor=k.backgroundColor;l.runtimeStyle.backgroundImage="none";l.runtimeStyle.backgroundColor="transparent"},vmlOffsets:function(c){var s,y,b,o,q,x,p,w,u,t,v;s=c.currentStyle;y={W:c.clientWidth+1,H:c.clientHeight+1,w:this.imgSize[c.vmlBg].width,h:this.imgSize[c.vmlBg].height,L:c.offsetLeft,T:c.offsetTop,bLW:c.clientLeft,bTW:c.clientTop};b=(y.L+y.bLW==1)?1:0;o=function(a,e,f,d,g,h){a.coordsize=d+","+g;a.coordorigin=h+","+h;a.path="m0,0l"+d+",0l"+d+","+g+"l0,"+g+" xe";a.style.width=d+"px";a.style.height=g+"px";a.style.left=e+"px";a.style.top=f+"px"};o(c.vml.color.shape,(y.L+(c.isImg?0:y.bLW)),(y.T+(c.isImg?0:y.bTW)),(y.W-1),(y.H-1),0);o(c.vml.image.shape,(y.L+y.bLW),(y.T+y.bTW),(y.W),(y.H),1);q={X:0,Y:0};if(c.isImg){q.X=parseInt(s.paddingLeft,10)+1;q.Y=parseInt(s.paddingTop,10)+1}else{for(u in q){if(q.hasOwnProperty(u)){this.figurePercentage(q,y,u,s["backgroundPosition"+u])}}}c.vml.image.fill.position=(q.X/y.W)+","+(q.Y/y.H);x=s.backgroundRepeat;p={T:1,R:y.W+b,B:y.H,L:1+b};w={X:{b1:"L",b2:"R",d:"W"},Y:{b1:"T",b2:"B",d:"H"}};if(x!="repeat"||c.isImg){t={T:(q.Y),R:(q.X+y.w),B:(q.Y+y.h),L:(q.X)};if(x.search("repeat-")!=-1){v=x.split("repeat-")[1].toUpperCase();t[w[v].b1]=1;t[w[v].b2]=y[w[v].d]}if(t.B>y.H){t.B=y.H}c.vml.image.shape.style.clip="rect("+t.T+"px "+(t.R+b)+"px "+t.B+"px "+(t.L+b)+"px)"}else{c.vml.image.shape.style.clip="rect("+p.T+"px "+p.R+"px "+p.B+"px "+p.L+"px)"}},figurePercentage:function(j,i,l,g){var h,k;k=true;h=(l=="X");switch(g){case"left":case"top":j[l]=0;break;case"center":j[l]=0.5;break;case"right":case"bottom":j[l]=1;break;default:if(g.search("%")!=-1){j[l]=parseInt(g,10)/100}else{k=false}}j[l]=Math.ceil(k?((i[h?"W":"H"]*j[l])-(i[h?"w":"h"]*j[l])):parseInt(g,10));if(j[l]%2===0){j[l]++}return j[l]},fixPng:function(i){i.style.behavior="none";var l,h,k,e,j;if(i.nodeName=="BODY"||i.nodeName=="TD"||i.nodeName=="TR"){return}i.isImg=false;if(i.nodeName=="IMG"){if(i.src.toLowerCase().search(/\.png$/)!=-1){i.isImg=true;i.style.visibility="hidden"}else{return}}else{if(i.currentStyle.backgroundImage.toLowerCase().search(".png")==-1){return}}l=DD_belatedPNG;i.vml={color:{},image:{}};h={shape:{},fill:{}};for(e in i.vml){if(i.vml.hasOwnProperty(e)){for(j in h){if(h.hasOwnProperty(j)){k=l.ns+":"+j;i.vml[e][j]=document.createElement(k)}}i.vml[e].shape.stroked=false;i.vml[e].shape.appendChild(i.vml[e].fill);i.parentNode.insertBefore(i.vml[e].shape,i)}}i.vml.image.shape.fillcolor="none";i.vml.image.fill.type="tile";i.vml.color.fill.on=false;l.attachHandlers(i);l.giveLayout(i);l.giveLayout(i.offsetParent);i.vmlInitiated=true;l.applyVML(i)}};try{document.execCommand("BackgroundImageCache",false,true)}catch(r){}DD_belatedPNG.createVmlNameSpace();DD_belatedPNG.createVmlStyleSheet();
\ No newline at end of file
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="navigator"></div>
<script>
var dom = document.getElementById("navigator");
dom.innerHTML = navigator.userAgent;
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0" />
<title>test</title>
<!--[if IE 6]>
<script src="js/png.js"></script>
<script>DD_belatedPNG.fix('*')</script>
<![endif]-->
</head>
<body>
<div id="wrap">
<div id="text">
</div>
</div>
<script>
window.onload = function(){
document.getElementById("text").innerHTML = navigator.appVersion;
}
</script>
</body>
</html>
5RmxNR3K378FkfFq
\ No newline at end of file
YUr850FiUNB4YLNm
\ No newline at end of file
gay7vp75Z60gR0ba
\ No newline at end of file
nk60iorRqHdm4blK
\ No newline at end of file
QSXoLT5IbsYqXdGT
\ No newline at end of file
waYkM2UZKrwK7qlZ
\ No newline at end of file
.course-classify-index-container {
width: 100%;
height: 100%;
}
.course-classify-index-container .course-index-header {
width: 100%;
height: 0.88rem;
box-shadow: 0 0 0 0 hsla(0,0%,78%,.5);
border-bottom: 0.02rem solid #c7c7c7;
padding: .14rem .2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.course-classify-index-container .course-index-header .header-search-input {
width: 86%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #f3f3f3;
border-radius: 0.35rem;
position: relative;
}
.course-classify-index-container .course-index-header .header-search-input .header-search-hold {
letter-spacing: 0.03rem;
color: #b7b7b7;
font-size: 0.28rem;
line-height: 0.56rem;
margin-left: 0.8rem;
}
.course-classify-index-container .course-index-header .header-sao-icon {
margin-top: 0.04rem;
line-height: 0.5rem;
display: block;
width: 0.5rem;
margin-left: .2rem;
}
.course-classify-index-container .course-index-header .header-text {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 0.88rem;
line-height: 0.86rem;
font-size: 0.28rem;
color: #333;
padding-left: 0.7rem;
}
.course-classify-index-container .course-index-header .header-right-icon {
position: absolute;
width: 0.32rem;
height: 0.32rem;
top: 0.28rem;
right: 0.3rem;
}
.course-classify-index-container .course-index-carousel {
width: 100%;
padding: 0.2rem;
}
.album-index-item {
width: 100%;
height: 2.6rem;
padding: 0.1rem;
position: relative;
margin: 0.1rem 0;
}
.album-index-item .item-image {
width: 2.4rem;
height: 2.4rem;
position: absolute;
top: 0.1rem;
left: 0.1rem;
border-radius: 0.1rem;
}
.album-index-item .image-shadow-first {
width: 0.14rem;
height: 1.92rem;
top: 0.34rem;
left: 2.5rem;
}
.album-index-item .image-shadow-first,
.album-index-item .image-shadow-second {
position: absolute;
box-sizing: border-box;
border: 0.01rem solid #dcdcdc;
border-left: none;
border-radius: 0 0.06rem 0.06rem 0;
background-color: #f1f2f3;
}
.album-index-item .image-shadow-second {
width: 0.1rem;
height: 1.44rem;
top: 0.58rem;
left: 2.64rem;
}
.album-index-item .tip-item-title {
width: 2.4rem;
height: 2.4rem;
position: absolute;
top: 0.1rem;
left: 0.1rem;
}
.album-index-item .tip-item-title .item-complete-icons {
position: absolute;
bottom: 0.03rem;
right: 0.08rem;
z-index: 1000;
color: #fff;
font-size: .2rem;
}
.album-index-item .course-info-div {
width: 100%;
padding-left: 2.84rem;
}
.album-index-item .course-info-div .info-title {
width: 100%;
height: 0.4rem;
line-height: 0.38rem;
font-size: 0.32rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 0.12rem;
}
.album-index-item .course-info-div .info-rate {
font-size: 0.16rem;
color: #f79a58;
margin-top: 0.22rem;
position: relative;
}
.album-index-item .course-info-div .info-rate span {
font-size: 0.2rem;
position: absolute;
top: 0.02rem;
left: 1.52rem;
}
.album-index-item .course-info-div .info-duration-num {
width: 100%;
height: 0.28rem;
margin-top: 0.16rem;
}
.album-index-item .course-info-div .info-duration-num .info-duration,
.album-index-item .course-info-div .info-duration-num .info-num {
height: 0.28rem;
line-height: 0.28rem;
font-size: 0.2rem;
color: #9b9b9b;
}
.album-index-item .course-info-div .info-duration-num .info-duration {
float: left;
}
.album-index-item .course-info-div .info-duration-num .info-num {
float: right;
}
.album-index-item .course-info-div .overed-block-cancel {
background-color: #e2fef2;
color: #56d39c;
}
.album-index-item .course-info-div .overed-block-cancel,
.album-index-item .course-info-div .overed-block-ok {
width: 1rem;
height: .36rem;
font-size: .24rem;
text-align: center;
line-height: .36rem;
border-radius: .1rem;
margin-top: .16rem;
}
.album-index-item .course-info-div .overed-block-ok {
background-color: #f1f1f9;
color: #999;
}
.album-index-item .course-info-div .album-index-duration {
height: .32rem;
margin-top: .16rem;
width: 100%;
color: #999;
font-size: .24rem;
line-height: .32rem;
}
.album-index-item .course-info-div .icon-index-studyNum {
height: .38rem;
margin-top: .16rem;
width: 100%;
color: #999;
font-size: .32rem;
line-height: .32rem;
}
.daying-list-component {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.daying-list-component .daying-list-component-container {
width: 100%;
}
.course-classify-index-container {
width: 100%;
height: 100%;
}
.course-classify-index-container .course-index-header {
width: 100%;
height: 0.88rem;
box-shadow: 0 0 0 0 hsla(0,0%,78%,.5);
border-bottom: 0.02rem solid #c7c7c7;
padding: .14rem .2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.course-classify-index-container .course-index-header .header-search-input {
width: 86%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #f3f3f3;
border-radius: 0.35rem;
position: relative;
}
.course-classify-index-container .course-index-header .header-search-input .header-search-hold {
letter-spacing: 0.03rem;
color: #b7b7b7;
font-size: 0.28rem;
line-height: 0.56rem;
margin-left: 0.8rem;
}
.course-classify-index-container .course-index-header .header-sao-icon {
margin-top: 0.04rem;
line-height: 0.5rem;
display: block;
width: 0.5rem;
margin-left: .2rem;
}
.course-classify-index-container .course-index-header .header-text {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 0.88rem;
line-height: 0.86rem;
font-size: 0.28rem;
color: #333;
padding-left: 0.7rem;
}
.course-classify-index-container .course-index-header .header-right-icon {
position: absolute;
width: 0.32rem;
height: 0.32rem;
top: 0.28rem;
right: 0.3rem;
}
.course-classify-index-container .course-index-carousel {
width: 100%;
padding: 0.2rem;
}
.album-index-item {
width: 100%;
height: 2.6rem;
padding: 0.1rem;
position: relative;
margin: 0.1rem 0;
}
.album-index-item .item-image {
width: 2.4rem;
height: 2.4rem;
position: absolute;
top: 0.1rem;
left: 0.1rem;
border-radius: 0.1rem;
}
.album-index-item .image-shadow-first {
width: 0.14rem;
height: 1.92rem;
top: 0.34rem;
left: 2.5rem;
}
.album-index-item .image-shadow-first,
.album-index-item .image-shadow-second {
position: absolute;
box-sizing: border-box;
border: 0.01rem solid #dcdcdc;
border-left: none;
border-radius: 0 0.06rem 0.06rem 0;
background-color: #f1f2f3;
}
.album-index-item .image-shadow-second {
width: 0.1rem;
height: 1.44rem;
top: 0.58rem;
left: 2.64rem;
}
.album-index-item .tip-item-title {
width: 2.4rem;
height: 2.4rem;
position: absolute;
top: 0.1rem;
left: 0.1rem;
}
.album-index-item .tip-item-title .item-complete-icons {
position: absolute;
bottom: 0.03rem;
right: 0.08rem;
z-index: 1000;
color: #fff;
font-size: .2rem;
}
.album-index-item .course-info-div {
width: 100%;
padding-left: 2.84rem;
}
.album-index-item .course-info-div .info-title {
width: 100%;
height: 0.4rem;
line-height: 0.38rem;
font-size: 0.32rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 0.12rem;
}
.album-index-item .course-info-div .info-rate {
font-size: 0.16rem;
color: #f79a58;
margin-top: 0.22rem;
position: relative;
}
.album-index-item .course-info-div .info-rate span {
font-size: 0.2rem;
position: absolute;
top: 0.02rem;
left: 1.52rem;
}
.album-index-item .course-info-div .info-duration-num {
width: 100%;
height: 0.28rem;
margin-top: 0.16rem;
}
.album-index-item .course-info-div .info-duration-num .info-duration,
.album-index-item .course-info-div .info-duration-num .info-num {
height: 0.28rem;
line-height: 0.28rem;
font-size: 0.2rem;
color: #9b9b9b;
}
.album-index-item .course-info-div .info-duration-num .info-duration {
float: left;
}
.album-index-item .course-info-div .info-duration-num .info-num {
float: right;
}
.album-index-item .course-info-div .overed-block-cancel {
background-color: #e2fef2;
color: #56d39c;
}
.album-index-item .course-info-div .overed-block-cancel,
.album-index-item .course-info-div .overed-block-ok {
width: 1rem;
height: .36rem;
font-size: .24rem;
text-align: center;
line-height: .36rem;
border-radius: .1rem;
margin-top: .16rem;
}
.album-index-item .course-info-div .overed-block-ok {
background-color: #f1f1f9;
color: #999;
}
.album-index-item .course-info-div .album-index-duration {
height: .32rem;
margin-top: .16rem;
width: 100%;
color: #999;
font-size: .24rem;
line-height: .32rem;
}
.album-index-item .course-info-div .icon-index-studyNum {
height: .38rem;
margin-top: .16rem;
width: 100%;
color: #999;
font-size: .32rem;
line-height: .32rem;
}
.daying-list-component {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.daying-list-component .daying-list-component-container {
width: 100%;
}
.course-classify-index-container {
width: 100%;
height: 100%;
}
.course-classify-index-container .course-index-header {
width: 100%;
height: 0.88rem;
box-shadow: 0 0 0 0 hsla(0,0%,78%,.5);
border-bottom: 0.02rem solid #c7c7c7;
padding: .14rem .2rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.course-classify-index-container .course-index-header .header-search-input {
width: 86%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #f3f3f3;
border-radius: 0.35rem;
position: relative;
}
.course-classify-index-container .course-index-header .header-search-input .header-search-hold {
letter-spacing: 0.03rem;
color: #b7b7b7;
font-size: 0.28rem;
line-height: 0.56rem;
margin-left: 0.8rem;
}
.course-classify-index-container .course-index-header .header-sao-icon {
margin-top: 0.04rem;
line-height: 0.5rem;
display: block;
width: 0.5rem;
margin-left: .2rem;
}
.course-classify-index-container .course-index-header .header-text {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 0.88rem;
line-height: 0.86rem;
font-size: 0.28rem;
color: #333;
padding-left: 0.7rem;
}
.course-classify-index-container .course-index-header .header-right-icon {
position: absolute;
width: 0.32rem;
height: 0.32rem;
top: 0.28rem;
right: 0.3rem;
}
.course-classify-index-container .course-index-carousel {
width: 100%;
padding: 0.2rem;
}
.album-index-item {
width: 100%;
height: 2.6rem;
padding: 0.1rem;
position: relative;
margin: 0.1rem 0;
}
.album-index-item .item-image {
width: 2.4rem;
height: 2.4rem;
position: absolute;
top: 0.1rem;
left: 0.1rem;
border-radius: 0.1rem;
}
.album-index-item .image-shadow-first {
width: 0.14rem;
height: 1.92rem;
top: 0.34rem;
left: 2.5rem;
}
.album-index-item .image-shadow-first,
.album-index-item .image-shadow-second {
position: absolute;
box-sizing: border-box;
border: 0.01rem solid #dcdcdc;
border-left: none;
border-radius: 0 0.06rem 0.06rem 0;
background-color: #f1f2f3;
}
.album-index-item .image-shadow-second {
width: 0.1rem;
height: 1.44rem;
top: 0.58rem;
left: 2.64rem;
}
.album-index-item .tip-item-title {
width: 2.4rem;
height: 2.4rem;
position: absolute;
top: 0.1rem;
left: 0.1rem;
}
.album-index-item .tip-item-title .item-complete-icons {
position: absolute;
bottom: 0.03rem;
right: 0.08rem;
z-index: 1000;
color: #fff;
font-size: .2rem;
}
.album-index-item .course-info-div {
width: 100%;
padding-left: 2.84rem;
}
.album-index-item .course-info-div .info-title {
width: 100%;
height: 0.4rem;
line-height: 0.38rem;
font-size: 0.32rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 0.12rem;
}
.album-index-item .course-info-div .info-rate {
font-size: 0.16rem;
color: #f79a58;
margin-top: 0.22rem;
position: relative;
}
.album-index-item .course-info-div .info-rate span {
font-size: 0.2rem;
position: absolute;
top: 0.02rem;
left: 1.52rem;
}
.album-index-item .course-info-div .info-duration-num {
width: 100%;
height: 0.28rem;
margin-top: 0.16rem;
}
.album-index-item .course-info-div .info-duration-num .info-duration,
.album-index-item .course-info-div .info-duration-num .info-num {
height: 0.28rem;
line-height: 0.28rem;
font-size: 0.2rem;
color: #9b9b9b;
}
.album-index-item .course-info-div .info-duration-num .info-duration {
float: left;
}
.album-index-item .course-info-div .info-duration-num .info-num {
float: right;
}
.album-index-item .course-info-div .overed-block-cancel {
background-color: #e2fef2;
color: #56d39c;
}
.album-index-item .course-info-div .overed-block-cancel,
.album-index-item .course-info-div .overed-block-ok {
width: 1rem;
height: .36rem;
font-size: .24rem;
text-align: center;
line-height: .36rem;
border-radius: .1rem;
margin-top: .16rem;
}
.album-index-item .course-info-div .overed-block-ok {
background-color: #f1f1f9;
color: #999;
}
.album-index-item .course-info-div .album-index-duration {
height: .32rem;
margin-top: .16rem;
width: 100%;
color: #999;
font-size: .24rem;
line-height: .32rem;
}
.album-index-item .course-info-div .icon-index-studyNum {
height: .38rem;
margin-top: .16rem;
width: 100%;
color: #999;
font-size: .32rem;
line-height: .32rem;
}
.daying-list-component {
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.daying-list-component .daying-list-component-container {
width: 100%;
}
.am-tab-bar {
height: 100%;
overflow: hidden;
}
.am-tab-bar-bar {
position: relative;
box-sizing: border-box;
height: 0.5rem;
border-top: 0.01rem solid #ddd;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-property: height bottom;
transition-property: height bottom;
z-index: 100;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
bottom: 0;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
html:not([data-scale]) .am-tab-bar-bar {
border-top: none;
}
html:not([data-scale]) .am-tab-bar-bar:before {
content: "";
position: absolute;
background-color: #ddd;
display: block;
z-index: 1;
top: 0;
right: auto;
bottom: auto;
left: 0;
width: 100%;
height: 1PX;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scaleY(.5);
-ms-transform: scaleY(.5);
transform: scaleY(.5);
}
}
@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx) {
html:not([data-scale]) .am-tab-bar-bar:before {
-webkit-transform: scaleY(.33);
-ms-transform: scaleY(.33);
transform: scaleY(.33);
}
}
.am-tab-bar-bar-hidden-top {
bottom: 0.5rem;
height: 0;
}
.am-tab-bar-bar-hidden-bottom {
bottom: -0.5rem;
height: 0;
}
.am-tab-bar-bar .am-tab-bar-tab {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
width: 100%;
}
.am-tab-bar-bar .am-tab-bar-tab-image {
width: 0.22rem;
height: 0.22rem;
vertical-align: middle;
}
.am-tab-bar-bar .am-tab-bar-tab-title {
font-size: 0.1rem;
margin: 0.03rem 0 0;
line-height: 1;
text-align: center;
}
.am-tab-bar-bar .am-tab-bar-tab-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.am-tab-bar-bar .am-tab-bar-tab-icon .tab-badge :last-child,
.am-tab-bar-bar .am-tab-bar-tab-icon .tab-dot :last-child {
margin-top: 0.04rem;
left: 0.22rem;
}
.am-tab-bar-item {
height: 100%;
}
.am-badge {
position: relative;
display: inline-block;
line-height: 1;
vertical-align: middle;
}
.am-badge-text {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: -0.06rem;
height: 0.18rem;
line-height: 0.18rem;
min-width: 0.09rem;
border-radius: 0.12rem;
padding: 0 0.05rem;
text-align: center;
font-size: 0.12rem;
color: #fff;
background-color: #ff5b05;
white-space: nowrap;
-webkit-transform: translateX(-45%);
-ms-transform: translateX(-45%);
transform: translateX(-45%);
-webkit-transform-origin: -10% center;
-ms-transform-origin: -10% center;
transform-origin: -10% center;
z-index: 10;
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",SimSun,sans-serif;
}
.am-badge-text a {
color: #fff;
}
.am-badge-text p {
margin: 0;
padding: 0;
}
.am-badge-hot .am-badge-text {
background-color: #f96268;
}
.am-badge-dot {
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform-origin: 0 center;
-ms-transform-origin: 0 center;
transform-origin: 0 center;
top: -0.04rem;
height: 0.08rem;
width: 0.08rem;
border-radius: 100%;
background: #ff5b05;
z-index: 10;
}
.am-badge-dot-large {
height: 0.16rem;
width: 0.16rem;
}
.am-badge-not-a-wrapper .am-badge-dot,
.am-badge-not-a-wrapper .am-badge-text {
top: auto;
display: block;
position: relative;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.am-badge-corner {
width: 0.8rem;
padding: 0.08rem;
position: absolute;
right: -0.32rem;
top: 0.08rem;
background-color: #ff5b05;
color: #fff;
white-space: nowrap;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
text-align: center;
font-size: 0.15rem;
}
.am-badge-corner-wrapper {
overflow: hidden;
}
.am-tab-bar {
height: 100%;
overflow: hidden;
}
.am-tab-bar-bar {
position: relative;
box-sizing: border-box;
height: 0.5rem;
border-top: 0.01rem solid #ddd;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-property: height bottom;
transition-property: height bottom;
z-index: 100;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
bottom: 0;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
html:not([data-scale]) .am-tab-bar-bar {
border-top: none;
}
html:not([data-scale]) .am-tab-bar-bar:before {
content: "";
position: absolute;
background-color: #ddd;
display: block;
z-index: 1;
top: 0;
right: auto;
bottom: auto;
left: 0;
width: 100%;
height: 1PX;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scaleY(.5);
-ms-transform: scaleY(.5);
transform: scaleY(.5);
}
}
@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx) {
html:not([data-scale]) .am-tab-bar-bar:before {
-webkit-transform: scaleY(.33);
-ms-transform: scaleY(.33);
transform: scaleY(.33);
}
}
.am-tab-bar-bar-hidden-top {
bottom: 0.5rem;
height: 0;
}
.am-tab-bar-bar-hidden-bottom {
bottom: -0.5rem;
height: 0;
}
.am-tab-bar-bar .am-tab-bar-tab {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
width: 100%;
}
.am-tab-bar-bar .am-tab-bar-tab-image {
width: 0.22rem;
height: 0.22rem;
vertical-align: middle;
}
.am-tab-bar-bar .am-tab-bar-tab-title {
font-size: 0.1rem;
margin: 0.03rem 0 0;
line-height: 1;
text-align: center;
}
.am-tab-bar-bar .am-tab-bar-tab-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.am-tab-bar-bar .am-tab-bar-tab-icon .tab-badge :last-child,
.am-tab-bar-bar .am-tab-bar-tab-icon .tab-dot :last-child {
margin-top: 0.04rem;
left: 0.22rem;
}
.am-tab-bar-item {
height: 100%;
}
.am-badge {
position: relative;
display: inline-block;
line-height: 1;
vertical-align: middle;
}
.am-badge-text {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: -0.06rem;
height: 0.18rem;
line-height: 0.18rem;
min-width: 0.09rem;
border-radius: 0.12rem;
padding: 0 0.05rem;
text-align: center;
font-size: 0.12rem;
color: #fff;
background-color: #ff5b05;
white-space: nowrap;
-webkit-transform: translateX(-45%);
-ms-transform: translateX(-45%);
transform: translateX(-45%);
-webkit-transform-origin: -10% center;
-ms-transform-origin: -10% center;
transform-origin: -10% center;
z-index: 10;
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",SimSun,sans-serif;
}
.am-badge-text a {
color: #fff;
}
.am-badge-text p {
margin: 0;
padding: 0;
}
.am-badge-hot .am-badge-text {
background-color: #f96268;
}
.am-badge-dot {
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform-origin: 0 center;
-ms-transform-origin: 0 center;
transform-origin: 0 center;
top: -0.04rem;
height: 0.08rem;
width: 0.08rem;
border-radius: 100%;
background: #ff5b05;
z-index: 10;
}
.am-badge-dot-large {
height: 0.16rem;
width: 0.16rem;
}
.am-badge-not-a-wrapper .am-badge-dot,
.am-badge-not-a-wrapper .am-badge-text {
top: auto;
display: block;
position: relative;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.am-badge-corner {
width: 0.8rem;
padding: 0.08rem;
position: absolute;
right: -0.32rem;
top: 0.08rem;
background-color: #ff5b05;
color: #fff;
white-space: nowrap;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
text-align: center;
font-size: 0.15rem;
}
.am-badge-corner-wrapper {
overflow: hidden;
}
.am-tab-bar {
height: 100%;
overflow: hidden;
}
.am-tab-bar-bar {
position: relative;
box-sizing: border-box;
height: 0.5rem;
border-top: 0.01rem solid #ddd;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-property: height bottom;
transition-property: height bottom;
z-index: 100;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
bottom: 0;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
html:not([data-scale]) .am-tab-bar-bar {
border-top: none;
}
html:not([data-scale]) .am-tab-bar-bar:before {
content: "";
position: absolute;
background-color: #ddd;
display: block;
z-index: 1;
top: 0;
right: auto;
bottom: auto;
left: 0;
width: 100%;
height: 1PX;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scaleY(.5);
-ms-transform: scaleY(.5);
transform: scaleY(.5);
}
}
@media (-webkit-min-device-pixel-ratio:2) and (-webkit-min-device-pixel-ratio:3),(min-resolution:2dppx) and (min-resolution:3dppx) {
html:not([data-scale]) .am-tab-bar-bar:before {
-webkit-transform: scaleY(.33);
-ms-transform: scaleY(.33);
transform: scaleY(.33);
}
}
.am-tab-bar-bar-hidden-top {
bottom: 0.5rem;
height: 0;
}
.am-tab-bar-bar-hidden-bottom {
bottom: -0.5rem;
height: 0;
}
.am-tab-bar-bar .am-tab-bar-tab {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
width: 100%;
}
.am-tab-bar-bar .am-tab-bar-tab-image {
width: 0.22rem;
height: 0.22rem;
vertical-align: middle;
}
.am-tab-bar-bar .am-tab-bar-tab-title {
font-size: 0.1rem;
margin: 0.03rem 0 0;
line-height: 1;
text-align: center;
}
.am-tab-bar-bar .am-tab-bar-tab-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.am-tab-bar-bar .am-tab-bar-tab-icon .tab-badge :last-child,
.am-tab-bar-bar .am-tab-bar-tab-icon .tab-dot :last-child {
margin-top: 0.04rem;
left: 0.22rem;
}
.am-tab-bar-item {
height: 100%;
}
.am-badge {
position: relative;
display: inline-block;
line-height: 1;
vertical-align: middle;
}
.am-badge-text {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: -0.06rem;
height: 0.18rem;
line-height: 0.18rem;
min-width: 0.09rem;
border-radius: 0.12rem;
padding: 0 0.05rem;
text-align: center;
font-size: 0.12rem;
color: #fff;
background-color: #ff5b05;
white-space: nowrap;
-webkit-transform: translateX(-45%);
-ms-transform: translateX(-45%);
transform: translateX(-45%);
-webkit-transform-origin: -10% center;
-ms-transform-origin: -10% center;
transform-origin: -10% center;
z-index: 10;
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",SimSun,sans-serif;
}
.am-badge-text a {
color: #fff;
}
.am-badge-text p {
margin: 0;
padding: 0;
}
.am-badge-hot .am-badge-text {
background-color: #f96268;
}
.am-badge-dot {
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform-origin: 0 center;
-ms-transform-origin: 0 center;
transform-origin: 0 center;
top: -0.04rem;
height: 0.08rem;
width: 0.08rem;
border-radius: 100%;
background: #ff5b05;
z-index: 10;
}
.am-badge-dot-large {
height: 0.16rem;
width: 0.16rem;
}
.am-badge-not-a-wrapper .am-badge-dot,
.am-badge-not-a-wrapper .am-badge-text {
top: auto;
display: block;
position: relative;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.am-badge-corner {
width: 0.8rem;
padding: 0.08rem;
position: absolute;
right: -0.32rem;
top: 0.08rem;
background-color: #ff5b05;
color: #fff;
white-space: nowrap;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
text-align: center;
font-size: 0.15rem;
}
.am-badge-corner-wrapper {
overflow: hidden;
}
.am-carousel {
position: relative;
}
.am-carousel-wrap {
font-size: 0.18rem;
color: #000;
background: none;
text-align: center;
zoom: 1;
width: 100%;
}
.am-carousel-wrap-dot {
display: inline-block;
zoom: 1;
}
.am-carousel-wrap-dot>span {
display: block;
width: 0.08rem;
height: 0.08rem;
margin: 0 0.03rem;
border-radius: 50%;
background: #ccc;
}
.am-carousel-wrap-dot-active>span {
background: #888;
}
.am-carousel {
position: relative;
}
.am-carousel-wrap {
font-size: 0.18rem;
color: #000;
background: none;
text-align: center;
zoom: 1;
width: 100%;
}
.am-carousel-wrap-dot {
display: inline-block;
zoom: 1;
}
.am-carousel-wrap-dot>span {
display: block;
width: 0.08rem;
height: 0.08rem;
margin: 0 0.03rem;
border-radius: 50%;
background: #ccc;
}
.am-carousel-wrap-dot-active>span {
background: #888;
}
.am-carousel {
position: relative;
}
.am-carousel-wrap {
font-size: 0.18rem;
color: #000;
background: none;
text-align: center;
zoom: 1;
width: 100%;
}
.am-carousel-wrap-dot {
display: inline-block;
zoom: 1;
}
.am-carousel-wrap-dot>span {
display: block;
width: 0.08rem;
height: 0.08rem;
margin: 0 0.03rem;
border-radius: 50%;
background: #ccc;
}
.am-carousel-wrap-dot-active>span {
background: #888;
}
.singleLineOverflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.am-list-header {
padding: 0!important;
}
.load-more {
border: 0;
width: 100%;
height: .7rem;
background-color: #f6f6f6;
color: #999;
font-size: .26rem;
line-height: .7rem;
text-align: center;
}
.tab-box {
width: 100%;
height: 100%;
}
.tab-header-box {
height: 0.46rem;
overflow: hidden;
}
.separator-box {
height: .2rem;
overflow: hidden;
}
.list-view-box {
padding-top: .2rem;
background-color: #f6f6f6;
}
.exam-item-box {
padding: 0 .2rem;
overflow: hidden;
}
.examItem {
width: 100%;
background: #fff;
border-radius: .08rem;
border-radius: .2rem;
padding: .4rem .3rem;
position: relative;
}
.examItem .exam-title {
color: #505050;
font-size: .34rem;
line-height: .4rem;
padding-bottom: .5rem;
}
.examItem .exam-project,
.examItem .exam-time {
color: #9b9b9b;
font-size: .24rem;
line-height: .28rem;
}
.examItem .exam-tag {
position: absolute;
top: 0;
left: 0;
font-size: .2rem;
text-align: center;
border-top-left-radius: .14rem;
border-bottom-right-radius: .14rem;
color: #fff;
padding: 0 .2rem;
}
.examItem .no {
background: #fe3824;
}
.examItem .yes {
background: #47d5b5;
}
.examItem .ing {
background: #e48600;
}
.top-search-div {
width: 100%;
height: 0.44rem;
padding: 0.05rem 0.2rem;
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.top-search-div .top-search-btn {
width: 100%;
height: 100%;
background-color: #f6f6f6;
border-radius: 1rem;
border: 0;
}
.singleLineOverflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.am-list-header {
padding: 0!important;
}
.load-more {
border: 0;
width: 100%;
height: .7rem;
background-color: #f6f6f6;
color: #999;
font-size: .26rem;
line-height: .7rem;
text-align: center;
}
.tab-box {
width: 100%;
height: 100%;
}
.tab-header-box {
height: 0.46rem;
overflow: hidden;
}
.separator-box {
height: .2rem;
overflow: hidden;
}
.list-view-box {
padding-top: .2rem;
background-color: #f6f6f6;
}
.exam-item-box {
padding: 0 .2rem;
overflow: hidden;
}
.examItem {
width: 100%;
background: #fff;
border-radius: .08rem;
border-radius: .2rem;
padding: .4rem .3rem;
position: relative;
}
.examItem .exam-title {
color: #505050;
font-size: .34rem;
line-height: .4rem;
padding-bottom: .5rem;
}
.examItem .exam-project,
.examItem .exam-time {
color: #9b9b9b;
font-size: .24rem;
line-height: .28rem;
}
.examItem .exam-tag {
position: absolute;
top: 0;
left: 0;
font-size: .2rem;
text-align: center;
border-top-left-radius: .14rem;
border-bottom-right-radius: .14rem;
color: #fff;
padding: 0 .2rem;
}
.examItem .no {
background: #fe3824;
}
.examItem .yes {
background: #47d5b5;
}
.examItem .ing {
background: #e48600;
}
.top-search-div {
width: 100%;
height: 0.44rem;
padding: 0.05rem 0.2rem;
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.top-search-div .top-search-btn {
width: 100%;
height: 100%;
background-color: #f6f6f6;
border-radius: 1rem;
border: 0;
}
.singleLineOverflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.am-list-header {
padding: 0!important;
}
.load-more {
border: 0;
width: 100%;
height: .7rem;
background-color: #f6f6f6;
color: #999;
font-size: .26rem;
line-height: .7rem;
text-align: center;
}
.tab-box {
width: 100%;
height: 100%;
}
.tab-header-box {
height: 0.46rem;
overflow: hidden;
}
.separator-box {
height: .2rem;
overflow: hidden;
}
.list-view-box {
padding-top: .2rem;
background-color: #f6f6f6;
}
.exam-item-box {
padding: 0 .2rem;
overflow: hidden;
}
.examItem {
width: 100%;
background: #fff;
border-radius: .08rem;
border-radius: .2rem;
padding: .4rem .3rem;
position: relative;
}
.examItem .exam-title {
color: #505050;
font-size: .34rem;
line-height: .4rem;
padding-bottom: .5rem;
}
.examItem .exam-project,
.examItem .exam-time {
color: #9b9b9b;
font-size: .24rem;
line-height: .28rem;
}
.examItem .exam-tag {
position: absolute;
top: 0;
left: 0;
font-size: .2rem;
text-align: center;
border-top-left-radius: .14rem;
border-bottom-right-radius: .14rem;
color: #fff;
padding: 0 .2rem;
}
.examItem .no {
background: #fe3824;
}
.examItem .yes {
background: #47d5b5;
}
.examItem .ing {
background: #e48600;
}
.top-search-div {
width: 100%;
height: 0.44rem;
padding: 0.05rem 0.2rem;
background-color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.top-search-div .top-search-btn {
width: 100%;
height: 100%;
background-color: #f6f6f6;
border-radius: 1rem;
border: 0;
}
.am-list-footer {
padding: 0!important;
font-size: .28rem;
color: #888;
}
.singleLineOverflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.message-view {
background-color: #efeff4;
}
.message-cell {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: .3rem 0;
background-color: #fff;
padding: .3rem;
height: 1.8rem;
}
.message-cell .message-cell-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
height: .6rem;
margin: auto;
font-size: .3rem;
color: #4a4a4a;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.message-cell .message-cell-title .message-celltitle-title {
width: 70%;
margin: auto;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.message-cell .message-cell-title .message-celltitle-title .reddot {
height: .1rem;
width: .1rem;
border-radius: .05rem;
background-color: #ff3b30;
}
.message-cell .message-cell-title .message-celltitle-time {
width: 30%;
margin: auto;
text-align: right;
font-size: .25rem;
color: #999;
}
.message-cell .message-cell-content {
height: .6rem;
margin: auto;
font-size: .25rem;
color: #999;
}
.news {
background-color: #fff;
}
.news-carousel {
height: 5.5rem;
}
.news-header {
padding: .28rem .26rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.news-header p:first-child {
width: .12rem;
height: .34rem;
background: #4285f4;
border-radius: 2rem;
margin-right: .38rem;
}
.news-header p:nth-child(2) {
color: #030303;
font-size: .36rem;
text-align: left;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.news-header-icon {
font-size: .3rem;
color: #ccc;
width: .8rem;
text-align: right;
}
.news-slider {
display: "block";
position: "relative";
height: 10.06rem;
}
.news-item1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-left: .3rem;
height: .83rem;
border-bottom: .02rem solid #efeff4;
padding-right: .26rem;
}
.news-item1 p:first-child {
font-size: .1rem;
color: #050505;
margin-right: .15rem;
}
.news-item1 p:nth-child(2) {
font-size: .32rem;
color: #050505;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-item1 p:nth-child(3) {
font-size: .24rem;
color: #9b9b9b;
margin-left: .38rem;
}
.news-item2 {
height: 1.64rem;
padding: 0 .32rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.news-item2 div:first-child {
height: 1.64rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
margin-right: .16rem;
border-bottom: .02rem solid #efeff4;
padding: .16rem 0;
}
.news-item2 div:first-child p:first-child {
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: .4rem;
}
.news-item2 div:first-child p:nth-child(2) {
position: absolute;
bottom: .16rem;
color: #d2d2d2;
font-size: .24rem;
}
.news-item2 div:nth-child(2) {
width: 2.2rem;
height: 1.32rem;
background-position: 50%;
background-size: 100%;
border-radius: .16rem;
position: relative;
}
.news-item2 div:nth-child(2) p {
width: .72rem;
height: .26rem;
color: #fff;
text-align: center;
font-size: .2rem;
line-height: .26rem;
border-radius: .14rem 0 .14rem 0;
position: absolute;
top: 0;
left: 0;
background-color: #f5a623;
}
.notice-list {
background-color: #e7e7e7;
padding-bottom: 0;
}
.news-notice {
height: 2.2rem;
background-color: #fff;
border-radius: .3rem;
padding: .5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 .2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news-notice-back {
height: 2.7rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.news-notice>p:first-child {
font-size: .34rem;
color: #505050;
line-height: .4rem;
}
.news-notice div {
color: #9b9b9b;
font-size: .24rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news-details {
padding: .22rem .26rem;
background-color: #fff!important;
}
.news-details>p:first-child {
font-size: .4rem;
line-height: .48rem;
color: #4a4a4a;
margin-bottom: .4rem;
}
.news-details p:nth-child(2) {
font-size: .24rem;
color: #9b9b9b;
padding-bottom: .07rem;
border-bottom: .02rem solid #efeff4;
}
.news-detail-context {
color: #4a4a4a;
font-size: .28rem!important;
line-height: .44rem;
margin-top: 0.4rem;
}
.news-details-content {
padding: 0!important;
}
.news-details-content img {
padding: .24rem;
width: 100%;
}
.news-detail-context>p {
font-size: .25rem!important;
}
.news-details-img {
-ms-grid-column-align: center;
justify-items: center;
}
.ews-details-img img {
position: absolute;
width: 100%;
}
.am-list-footer {
padding: 0!important;
font-size: .28rem;
color: #888;
}
.singleLineOverflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.message-view {
background-color: #efeff4;
}
.message-cell {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: .3rem 0;
background-color: #fff;
padding: .3rem;
height: 1.8rem;
}
.message-cell .message-cell-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
height: .6rem;
margin: auto;
font-size: .3rem;
color: #4a4a4a;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.message-cell .message-cell-title .message-celltitle-title {
width: 70%;
margin: auto;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.message-cell .message-cell-title .message-celltitle-title .reddot {
height: .1rem;
width: .1rem;
border-radius: .05rem;
background-color: #ff3b30;
}
.message-cell .message-cell-title .message-celltitle-time {
width: 30%;
margin: auto;
text-align: right;
font-size: .25rem;
color: #999;
}
.message-cell .message-cell-content {
height: .6rem;
margin: auto;
font-size: .25rem;
color: #999;
}
.news {
background-color: #fff;
}
.news-carousel {
height: 5.5rem;
}
.news-header {
padding: .28rem .26rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.news-header p:first-child {
width: .12rem;
height: .34rem;
background: #4285f4;
border-radius: 2rem;
margin-right: .38rem;
}
.news-header p:nth-child(2) {
color: #030303;
font-size: .36rem;
text-align: left;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.news-header-icon {
font-size: .3rem;
color: #ccc;
width: .8rem;
text-align: right;
}
.news-slider {
display: "block";
position: "relative";
height: 10.06rem;
}
.news-item1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-left: .3rem;
height: .83rem;
border-bottom: .02rem solid #efeff4;
padding-right: .26rem;
}
.news-item1 p:first-child {
font-size: .1rem;
color: #050505;
margin-right: .15rem;
}
.news-item1 p:nth-child(2) {
font-size: .32rem;
color: #050505;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-item1 p:nth-child(3) {
font-size: .24rem;
color: #9b9b9b;
margin-left: .38rem;
}
.news-item2 {
height: 1.64rem;
padding: 0 .32rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.news-item2 div:first-child {
height: 1.64rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
margin-right: .16rem;
border-bottom: .02rem solid #efeff4;
padding: .16rem 0;
}
.news-item2 div:first-child p:first-child {
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: .4rem;
}
.news-item2 div:first-child p:nth-child(2) {
position: absolute;
bottom: .16rem;
color: #d2d2d2;
font-size: .24rem;
}
.news-item2 div:nth-child(2) {
width: 2.2rem;
height: 1.32rem;
background-position: 50%;
background-size: 100%;
border-radius: .16rem;
position: relative;
}
.news-item2 div:nth-child(2) p {
width: .72rem;
height: .26rem;
color: #fff;
text-align: center;
font-size: .2rem;
line-height: .26rem;
border-radius: .14rem 0 .14rem 0;
position: absolute;
top: 0;
left: 0;
background-color: #f5a623;
}
.notice-list {
background-color: #e7e7e7;
padding-bottom: 0;
}
.news-notice {
height: 2.2rem;
background-color: #fff;
border-radius: .3rem;
padding: .5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 .2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news-notice-back {
height: 2.7rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.news-notice>p:first-child {
font-size: .34rem;
color: #505050;
line-height: .4rem;
}
.news-notice div {
color: #9b9b9b;
font-size: .24rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news-details {
padding: .22rem .26rem;
background-color: #fff!important;
}
.news-details>p:first-child {
font-size: .4rem;
line-height: .48rem;
color: #4a4a4a;
margin-bottom: .4rem;
}
.news-details p:nth-child(2) {
font-size: .24rem;
color: #9b9b9b;
padding-bottom: .07rem;
border-bottom: .02rem solid #efeff4;
}
.news-detail-context {
color: #4a4a4a;
font-size: .28rem!important;
line-height: .44rem;
margin-top: 0.4rem;
}
.news-details-content {
padding: 0!important;
}
.news-details-content img {
padding: .24rem;
width: 100%;
}
.news-detail-context>p {
font-size: .25rem!important;
}
.news-details-img {
-ms-grid-column-align: center;
justify-items: center;
}
.ews-details-img img {
position: absolute;
width: 100%;
}
.am-list-footer {
padding: 0!important;
font-size: .28rem;
color: #888;
}
.singleLineOverflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.message-view {
background-color: #efeff4;
}
.message-cell {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: .3rem 0;
background-color: #fff;
padding: .3rem;
height: 1.8rem;
}
.message-cell .message-cell-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
height: .6rem;
margin: auto;
font-size: .3rem;
color: #4a4a4a;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.message-cell .message-cell-title .message-celltitle-title {
width: 70%;
margin: auto;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.message-cell .message-cell-title .message-celltitle-title .reddot {
height: .1rem;
width: .1rem;
border-radius: .05rem;
background-color: #ff3b30;
}
.message-cell .message-cell-title .message-celltitle-time {
width: 30%;
margin: auto;
text-align: right;
font-size: .25rem;
color: #999;
}
.message-cell .message-cell-content {
height: .6rem;
margin: auto;
font-size: .25rem;
color: #999;
}
.news {
background-color: #fff;
}
.news-carousel {
height: 5.5rem;
}
.news-header {
padding: .28rem .26rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.news-header p:first-child {
width: .12rem;
height: .34rem;
background: #4285f4;
border-radius: 2rem;
margin-right: .38rem;
}
.news-header p:nth-child(2) {
color: #030303;
font-size: .36rem;
text-align: left;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.news-header-icon {
font-size: .3rem;
color: #ccc;
width: .8rem;
text-align: right;
}
.news-slider {
display: "block";
position: "relative";
height: 10.06rem;
}
.news-item1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-left: .3rem;
height: .83rem;
border-bottom: .02rem solid #efeff4;
padding-right: .26rem;
}
.news-item1 p:first-child {
font-size: .1rem;
color: #050505;
margin-right: .15rem;
}
.news-item1 p:nth-child(2) {
font-size: .32rem;
color: #050505;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
background-color: #fff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-item1 p:nth-child(3) {
font-size: .24rem;
color: #9b9b9b;
margin-left: .38rem;
}
.news-item2 {
height: 1.64rem;
padding: 0 .32rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.news-item2 div:first-child {
height: 1.64rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
margin-right: .16rem;
border-bottom: .02rem solid #efeff4;
padding: .16rem 0;
}
.news-item2 div:first-child p:first-child {
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: .4rem;
}
.news-item2 div:first-child p:nth-child(2) {
position: absolute;
bottom: .16rem;
color: #d2d2d2;
font-size: .24rem;
}
.news-item2 div:nth-child(2) {
width: 2.2rem;
height: 1.32rem;
background-position: 50%;
background-size: 100%;
border-radius: .16rem;
position: relative;
}
.news-item2 div:nth-child(2) p {
width: .72rem;
height: .26rem;
color: #fff;
text-align: center;
font-size: .2rem;
line-height: .26rem;
border-radius: .14rem 0 .14rem 0;
position: absolute;
top: 0;
left: 0;
background-color: #f5a623;
}
.notice-list {
background-color: #e7e7e7;
padding-bottom: 0;
}
.news-notice {
height: 2.2rem;
background-color: #fff;
border-radius: .3rem;
padding: .5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 .2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news-notice-back {
height: 2.7rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.news-notice>p:first-child {
font-size: .34rem;
color: #505050;
line-height: .4rem;
}
.news-notice div {
color: #9b9b9b;
font-size: .24rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news-details {
padding: .22rem .26rem;
background-color: #fff!important;
}
.news-details>p:first-child {
font-size: .4rem;
line-height: .48rem;
color: #4a4a4a;
margin-bottom: .4rem;
}
.news-details p:nth-child(2) {
font-size: .24rem;
color: #9b9b9b;
padding-bottom: .07rem;
border-bottom: .02rem solid #efeff4;
}
.news-detail-context {
color: #4a4a4a;
font-size: .28rem!important;
line-height: .44rem;
margin-top: 0.4rem;
}
.news-details-content {
padding: 0!important;
}
.news-details-content img {
padding: .24rem;
width: 100%;
}
.news-detail-context>p {
font-size: .25rem!important;
}
.news-details-img {
-ms-grid-column-align: center;
justify-items: center;
}
.ews-details-img img {
position: absolute;
width: 100%;
}
.singleLineOverflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-detail-list-container {
width: 100%;
height: 100%;
}
.share-detail-list-container .share-data-count-container {
width: 100%;
padding: 0.3rem;
position: relative;
}
.share-detail-list-container .share-data-count-container .share-data-count-bg,
.share-detail-list-container .share-data-count-container .share-data-count-bg img {
width: 100%;
}
.share-detail-list-container .share-data-count-container .share-data-count-info {
position: absolute;
left: 0.3rem;
top: 0.3rem;
}
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times {
width: 50%;
display: inline-block;
}
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number .share-data-number,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number .share-data-text,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times .share-data-number,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times .share-data-text {
width: 100%;
text-align: center;
color: #fff;
}
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number .share-data-number,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times .share-data-number {
font-size: 0.56rem;
}
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number .share-data-text,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times .share-data-text {
font-size: 0.24rem;
opacity: .85;
}
.share-detail-list-container .share-data-header-container {
width: 100%;
height: 0.6rem;
padding: 0 0.3rem;
}
.share-detail-list-container .share-data-header-container .share-data-header-title {
width: 2rem;
height: 0.44rem;
line-height: 0.42rem;
font-size: 0.36rem;
color: #333;
float: left;
}
.share-detail-list-container .share-data-header-container .share-data-header-button {
width: 1.32rem;
height: 0.4rem;
line-height: 0.38rem;
border-radius: 0.4rem;
border: 0.01rem solid #4285f4;
float: right;
text-align: center;
font-size: 0.24rem;
color: #4285f4;
}
.singleLineOverflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-data-list-container {
width: 100%;
}
.share-data-list-container .no-more-share-data {
width: 100%;
height: 1rem;
font-size: 0.24rem;
text-align: center;
line-height: 1rem;
color: #929292;
}
.share-data-list-container .share-data-list-title {
width: 100%;
height: 0.64rem;
background-color: #f3f3f3;
padding: 0 0.2rem;
}
.share-data-list-container .share-data-list-title .share-data-list-title-text {
width: 100%;
height: 0.64rem;
line-height: 0.62rem;
font-size: 0.24rem;
color: #949494;
}
.share-data-list-container .share-data-list-single-item-container {
width: 100%;
padding: 0 0.2rem;
height: 1.28rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap {
width: 100%;
height: 1.28rem;
border-bottom: 0.02rem solid #f4f4f4;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-look,
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-promote,
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user {
width: 100%;
height: 1.28rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user {
position: relative;
padding-left: 0.84rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .share-data-list-single-item-user-name {
width: 100%;
height: 1.28rem;
line-height: 1.26rem;
font-size: 0.28rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .share-data-list-single-item-user-name div {
height: auto;
padding-top: 0.25rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .share-data-list-single-item-user-name p {
width: 100%;
height: 0.36rem;
line-height: 0.34rem;
margin-bottom: 0.08rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .share-data-list-single-item-user-name p.tel {
font-size: 0.24rem;
color: #999;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .user-header-image {
width: 0.64rem;
height: 0.64rem;
border-radius: 100%;
position: absolute;
left: 0;
top: 0.32rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-look,
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-promote {
width: 100%;
height: 1.28rem;
line-height: 1.26rem;
font-size: 0.28rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-promote {
position: relative;
padding-right: 0.58rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-promote .promete-right-icon {
width: 0.48rem;
height: 0.48rem;
right: -0.1rem;
top: 0.4rem;
position: absolute;
}
.share-data-list-container .share-data-list-single-item-container .share-data-list-col1,
.share-data-list-container .share-data-list-single-item-container .share-data-list-col2,
.share-data-list-container .share-data-list-single-item-container .share-data-list-col3,
.share-data-list-container .share-data-list-title .share-data-list-col1,
.share-data-list-container .share-data-list-title .share-data-list-col2,
.share-data-list-container .share-data-list-title .share-data-list-col3 {
padding-left: 0.1rem;
display: inline-block;
text-align: left;
vertical-align: bottom;
}
.share-data-list-container .share-data-list-single-item-container .share-data-list-col1,
.share-data-list-container .share-data-list-title .share-data-list-col1 {
width: 45%;
}
.share-data-list-container .share-data-list-single-item-container .share-data-list-col2,
.share-data-list-container .share-data-list-title .share-data-list-col2 {
width: 25%;
}
.share-data-list-container .share-data-list-single-item-container .share-data-list-col3,
.share-data-list-container .share-data-list-title .share-data-list-col3 {
width: 30%;
}
.singleLineOverflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-detail-list-container {
width: 100%;
height: 100%;
}
.share-detail-list-container .share-data-count-container {
width: 100%;
padding: 0.3rem;
position: relative;
}
.share-detail-list-container .share-data-count-container .share-data-count-bg,
.share-detail-list-container .share-data-count-container .share-data-count-bg img {
width: 100%;
}
.share-detail-list-container .share-data-count-container .share-data-count-info {
position: absolute;
left: 0.3rem;
top: 0.3rem;
}
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times {
width: 50%;
display: inline-block;
}
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number .share-data-number,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number .share-data-text,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times .share-data-number,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times .share-data-text {
width: 100%;
text-align: center;
color: #fff;
}
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number .share-data-number,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times .share-data-number {
font-size: 0.56rem;
}
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number .share-data-text,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times .share-data-text {
font-size: 0.24rem;
opacity: .85;
}
.share-detail-list-container .share-data-header-container {
width: 100%;
height: 0.6rem;
padding: 0 0.3rem;
}
.share-detail-list-container .share-data-header-container .share-data-header-title {
width: 2rem;
height: 0.44rem;
line-height: 0.42rem;
font-size: 0.36rem;
color: #333;
float: left;
}
.share-detail-list-container .share-data-header-container .share-data-header-button {
width: 1.32rem;
height: 0.4rem;
line-height: 0.38rem;
border-radius: 0.4rem;
border: 0.01rem solid #4285f4;
float: right;
text-align: center;
font-size: 0.24rem;
color: #4285f4;
}
.singleLineOverflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-data-list-container {
width: 100%;
}
.share-data-list-container .no-more-share-data {
width: 100%;
height: 1rem;
font-size: 0.24rem;
text-align: center;
line-height: 1rem;
color: #929292;
}
.share-data-list-container .share-data-list-title {
width: 100%;
height: 0.64rem;
background-color: #f3f3f3;
padding: 0 0.2rem;
}
.share-data-list-container .share-data-list-title .share-data-list-title-text {
width: 100%;
height: 0.64rem;
line-height: 0.62rem;
font-size: 0.24rem;
color: #949494;
}
.share-data-list-container .share-data-list-single-item-container {
width: 100%;
padding: 0 0.2rem;
height: 1.28rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap {
width: 100%;
height: 1.28rem;
border-bottom: 0.02rem solid #f4f4f4;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-look,
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-promote,
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user {
width: 100%;
height: 1.28rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user {
position: relative;
padding-left: 0.84rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .share-data-list-single-item-user-name {
width: 100%;
height: 1.28rem;
line-height: 1.26rem;
font-size: 0.28rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .share-data-list-single-item-user-name div {
height: auto;
padding-top: 0.25rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .share-data-list-single-item-user-name p {
width: 100%;
height: 0.36rem;
line-height: 0.34rem;
margin-bottom: 0.08rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .share-data-list-single-item-user-name p.tel {
font-size: 0.24rem;
color: #999;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .user-header-image {
width: 0.64rem;
height: 0.64rem;
border-radius: 100%;
position: absolute;
left: 0;
top: 0.32rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-look,
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-promote {
width: 100%;
height: 1.28rem;
line-height: 1.26rem;
font-size: 0.28rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-promote {
position: relative;
padding-right: 0.58rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-promote .promete-right-icon {
width: 0.48rem;
height: 0.48rem;
right: -0.1rem;
top: 0.4rem;
position: absolute;
}
.share-data-list-container .share-data-list-single-item-container .share-data-list-col1,
.share-data-list-container .share-data-list-single-item-container .share-data-list-col2,
.share-data-list-container .share-data-list-single-item-container .share-data-list-col3,
.share-data-list-container .share-data-list-title .share-data-list-col1,
.share-data-list-container .share-data-list-title .share-data-list-col2,
.share-data-list-container .share-data-list-title .share-data-list-col3 {
padding-left: 0.1rem;
display: inline-block;
text-align: left;
vertical-align: bottom;
}
.share-data-list-container .share-data-list-single-item-container .share-data-list-col1,
.share-data-list-container .share-data-list-title .share-data-list-col1 {
width: 45%;
}
.share-data-list-container .share-data-list-single-item-container .share-data-list-col2,
.share-data-list-container .share-data-list-title .share-data-list-col2 {
width: 25%;
}
.share-data-list-container .share-data-list-single-item-container .share-data-list-col3,
.share-data-list-container .share-data-list-title .share-data-list-col3 {
width: 30%;
}
.singleLineOverflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-detail-list-container {
width: 100%;
height: 100%;
}
.share-detail-list-container .share-data-count-container {
width: 100%;
padding: 0.3rem;
position: relative;
}
.share-detail-list-container .share-data-count-container .share-data-count-bg,
.share-detail-list-container .share-data-count-container .share-data-count-bg img {
width: 100%;
}
.share-detail-list-container .share-data-count-container .share-data-count-info {
position: absolute;
left: 0.3rem;
top: 0.3rem;
}
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times {
width: 50%;
display: inline-block;
}
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number .share-data-number,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number .share-data-text,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times .share-data-number,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times .share-data-text {
width: 100%;
text-align: center;
color: #fff;
}
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number .share-data-number,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times .share-data-number {
font-size: 0.56rem;
}
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-number .share-data-text,
.share-detail-list-container .share-data-count-container .share-data-count-info .share-data-people-times .share-data-text {
font-size: 0.24rem;
opacity: .85;
}
.share-detail-list-container .share-data-header-container {
width: 100%;
height: 0.6rem;
padding: 0 0.3rem;
}
.share-detail-list-container .share-data-header-container .share-data-header-title {
width: 2rem;
height: 0.44rem;
line-height: 0.42rem;
font-size: 0.36rem;
color: #333;
float: left;
}
.share-detail-list-container .share-data-header-container .share-data-header-button {
width: 1.32rem;
height: 0.4rem;
line-height: 0.38rem;
border-radius: 0.4rem;
border: 0.01rem solid #4285f4;
float: right;
text-align: center;
font-size: 0.24rem;
color: #4285f4;
}
.singleLineOverflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-data-list-container {
width: 100%;
}
.share-data-list-container .no-more-share-data {
width: 100%;
height: 1rem;
font-size: 0.24rem;
text-align: center;
line-height: 1rem;
color: #929292;
}
.share-data-list-container .share-data-list-title {
width: 100%;
height: 0.64rem;
background-color: #f3f3f3;
padding: 0 0.2rem;
}
.share-data-list-container .share-data-list-title .share-data-list-title-text {
width: 100%;
height: 0.64rem;
line-height: 0.62rem;
font-size: 0.24rem;
color: #949494;
}
.share-data-list-container .share-data-list-single-item-container {
width: 100%;
padding: 0 0.2rem;
height: 1.28rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap {
width: 100%;
height: 1.28rem;
border-bottom: 0.02rem solid #f4f4f4;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-look,
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-promote,
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user {
width: 100%;
height: 1.28rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user {
position: relative;
padding-left: 0.84rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .share-data-list-single-item-user-name {
width: 100%;
height: 1.28rem;
line-height: 1.26rem;
font-size: 0.28rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .share-data-list-single-item-user-name div {
height: auto;
padding-top: 0.25rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .share-data-list-single-item-user-name p {
width: 100%;
height: 0.36rem;
line-height: 0.34rem;
margin-bottom: 0.08rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .share-data-list-single-item-user-name p.tel {
font-size: 0.24rem;
color: #999;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-user .user-header-image {
width: 0.64rem;
height: 0.64rem;
border-radius: 100%;
position: absolute;
left: 0;
top: 0.32rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-look,
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-promote {
width: 100%;
height: 1.28rem;
line-height: 1.26rem;
font-size: 0.28rem;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-promote {
position: relative;
padding-right: 0.58rem;
}
.share-data-list-container .share-data-list-single-item-container .col-wrap .share-data-list-single-item-promote .promete-right-icon {
width: 0.48rem;
height: 0.48rem;
right: -0.1rem;
top: 0.4rem;
position: absolute;
}
.share-data-list-container .share-data-list-single-item-container .share-data-list-col1,
.share-data-list-container .share-data-list-single-item-container .share-data-list-col2,
.share-data-list-container .share-data-list-single-item-container .share-data-list-col3,
.share-data-list-container .share-data-list-title .share-data-list-col1,
.share-data-list-container .share-data-list-title .share-data-list-col2,
.share-data-list-container .share-data-list-title .share-data-list-col3 {
padding-left: 0.1rem;
display: inline-block;
text-align: left;
vertical-align: bottom;
}
.share-data-list-container .share-data-list-single-item-container .share-data-list-col1,
.share-data-list-container .share-data-list-title .share-data-list-col1 {
width: 45%;
}
.share-data-list-container .share-data-list-single-item-container .share-data-list-col2,
.share-data-list-container .share-data-list-title .share-data-list-col2 {
width: 25%;
}
.share-data-list-container .share-data-list-single-item-container .share-data-list-col3,
.share-data-list-container .share-data-list-title .share-data-list-col3 {
width: 30%;
}
.course-my {
height: 100%;
}
.training-container {
font-size: .16rem;
}
.training-container .am-tabs-bar {
position: fixed;
top: 0;
width: 100%;
}
.training-container .one-row .list-row-con {
padding: .2rem 0;
}
.search-icon {
position: fixed;
top: 0;
right: 0;
z-index: 101;
margin: .2rem;
height: .3rem;
width: .3rem;
}
.am-accordion-item {
position: relative;
}
.course-my .am-search {
top: 0;
}
.course-my .am-search,
.course-my .am-tabs-bar {
position: fixed;
left: 0;
width: 100%;
z-index: 1;
}
.course-my .am-tabs-content {
margin-top: .8rem;
}
.list-row {
background-color: #fff;
padding: 0 0 0 .2rem;
font-size: .32rem;
}
.list-row .list-row-view {
height: 2.4rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.list-row .list-row-view .list-row-img,
.list-row .list-row-view .list-row-layer {
width: 2.2rem;
height: 1.32rem;
margin-right: .18rem;
border-radius: .14rem;
}
.list-row .list-row-view .list-row-layer {
background: rgba(0,0,0,.48);
position: absolute;
left: .18rem;
top: auto;
bottom: auto;
}
.list-row .list-row-view .list-row-layer p {
width: 0.75rem;
height: 0.35rem;
text-align: center;
font-size: 0.2rem;
color: #fff;
line-height: 0.35rem;
background-color: #333;
border-bottom-right-radius: .14rem;
border-top-left-radius: .14rem;
}
.list-row .list-row-view .list-row-con {
height: 2.4rem;
border-bottom: 0.02rem solid #e7e7e7;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: .47rem 0!important;
position: relative;
}
.list-row .list-row-view .list-row-con .list-row-num {
color: #929292;
font-size: .24rem;
margin-top: .13rem;
}
.list-row .list-row-view .list-row-con .list-row-num span {
color: #f5a623;
}
.list-row .list-row-view .list-row-con div:first-of-type {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 4.65rem;
color: #4a4a4a;
margin-right: .2rem;
margin-top: 0.09rem;
}
.list-row .list-row-view .list-row-con div:last-child {
color: #929292;
font-size: .24rem;
margin-top: 0.16rem;
}
.list-row .list-row-view .list-row-con1 {
height: 2.4rem;
border-bottom: 0.02rem solid #e7e7e7;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: .58rem 0!important;
position: relative;
}
.list-row .list-row-view .list-row-con1 div:first-of-type {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 4.65rem;
color: #4a4a4a;
margin-right: .2rem;
}
.list-row .list-row-view .list-row-con1 div:last-child {
color: #929292;
font-size: .24rem;
position: absolute;
bottom: .58rem;
}
.course-my {
height: 100%;
}
.training-container {
font-size: .16rem;
}
.training-container .am-tabs-bar {
position: fixed;
top: 0;
width: 100%;
}
.training-container .one-row .list-row-con {
padding: .2rem 0;
}
.search-icon {
position: fixed;
top: 0;
right: 0;
z-index: 101;
margin: .2rem;
height: .3rem;
width: .3rem;
}
.am-accordion-item {
position: relative;
}
.course-my .am-search {
top: 0;
}
.course-my .am-search,
.course-my .am-tabs-bar {
position: fixed;
left: 0;
width: 100%;
z-index: 1;
}
.course-my .am-tabs-content {
margin-top: .8rem;
}
.list-row {
background-color: #fff;
padding: 0 0 0 .2rem;
font-size: .32rem;
}
.list-row .list-row-view {
height: 2.4rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.list-row .list-row-view .list-row-img,
.list-row .list-row-view .list-row-layer {
width: 2.2rem;
height: 1.32rem;
margin-right: .18rem;
border-radius: .14rem;
}
.list-row .list-row-view .list-row-layer {
background: rgba(0,0,0,.48);
position: absolute;
left: .18rem;
top: auto;
bottom: auto;
}
.list-row .list-row-view .list-row-layer p {
width: 0.75rem;
height: 0.35rem;
text-align: center;
font-size: 0.2rem;
color: #fff;
line-height: 0.35rem;
background-color: #333;
border-bottom-right-radius: .14rem;
border-top-left-radius: .14rem;
}
.list-row .list-row-view .list-row-con {
height: 2.4rem;
border-bottom: 0.02rem solid #e7e7e7;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: .47rem 0!important;
position: relative;
}
.list-row .list-row-view .list-row-con .list-row-num {
color: #929292;
font-size: .24rem;
margin-top: .13rem;
}
.list-row .list-row-view .list-row-con .list-row-num span {
color: #f5a623;
}
.list-row .list-row-view .list-row-con div:first-of-type {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 4.65rem;
color: #4a4a4a;
margin-right: .2rem;
margin-top: 0.09rem;
}
.list-row .list-row-view .list-row-con div:last-child {
color: #929292;
font-size: .24rem;
margin-top: 0.16rem;
}
.list-row .list-row-view .list-row-con1 {
height: 2.4rem;
border-bottom: 0.02rem solid #e7e7e7;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: .58rem 0!important;
position: relative;
}
.list-row .list-row-view .list-row-con1 div:first-of-type {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 4.65rem;
color: #4a4a4a;
margin-right: .2rem;
}
.list-row .list-row-view .list-row-con1 div:last-child {
color: #929292;
font-size: .24rem;
position: absolute;
bottom: .58rem;
}
.course-my {
height: 100%;
}
.training-container {
font-size: .16rem;
}
.training-container .am-tabs-bar {
position: fixed;
top: 0;
width: 100%;
}
.training-container .one-row .list-row-con {
padding: .2rem 0;
}
.search-icon {
position: fixed;
top: 0;
right: 0;
z-index: 101;
margin: .2rem;
height: .3rem;
width: .3rem;
}
.am-accordion-item {
position: relative;
}
.course-my .am-search {
top: 0;
}
.course-my .am-search,
.course-my .am-tabs-bar {
position: fixed;
left: 0;
width: 100%;
z-index: 1;
}
.course-my .am-tabs-content {
margin-top: .8rem;
}
.list-row {
background-color: #fff;
padding: 0 0 0 .2rem;
font-size: .32rem;
}
.list-row .list-row-view {
height: 2.4rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.list-row .list-row-view .list-row-img,
.list-row .list-row-view .list-row-layer {
width: 2.2rem;
height: 1.32rem;
margin-right: .18rem;
border-radius: .14rem;
}
.list-row .list-row-view .list-row-layer {
background: rgba(0,0,0,.48);
position: absolute;
left: .18rem;
top: auto;
bottom: auto;
}
.list-row .list-row-view .list-row-layer p {
width: 0.75rem;
height: 0.35rem;
text-align: center;
font-size: 0.2rem;
color: #fff;
line-height: 0.35rem;
background-color: #333;
border-bottom-right-radius: .14rem;
border-top-left-radius: .14rem;
}
.list-row .list-row-view .list-row-con {
height: 2.4rem;
border-bottom: 0.02rem solid #e7e7e7;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: .47rem 0!important;
position: relative;
}
.list-row .list-row-view .list-row-con .list-row-num {
color: #929292;
font-size: .24rem;
margin-top: .13rem;
}
.list-row .list-row-view .list-row-con .list-row-num span {
color: #f5a623;
}
.list-row .list-row-view .list-row-con div:first-of-type {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 4.65rem;
color: #4a4a4a;
margin-right: .2rem;
margin-top: 0.09rem;
}
.list-row .list-row-view .list-row-con div:last-child {
color: #929292;
font-size: .24rem;
margin-top: 0.16rem;
}
.list-row .list-row-view .list-row-con1 {
height: 2.4rem;
border-bottom: 0.02rem solid #e7e7e7;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: .58rem 0!important;
position: relative;
}
.list-row .list-row-view .list-row-con1 div:first-of-type {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 4.65rem;
color: #4a4a4a;
margin-right: .2rem;
}
.list-row .list-row-view .list-row-con1 div:last-child {
color: #929292;
font-size: .24rem;
position: absolute;
bottom: .58rem;
}
.ant-spin {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0,0,0,.65);
font-size: 0.14rem;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum","tnum";
position: absolute;
display: none;
color: #1890ff;
text-align: center;
vertical-align: middle;
opacity: 0;
-webkit-transition: -webkit-transform .3s cubic-bezier(.78,.14,.15,.86);
transition: -webkit-transform .3s cubic-bezier(.78,.14,.15,.86);
transition: transform .3s cubic-bezier(.78,.14,.15,.86);
transition: transform .3s cubic-bezier(.78,.14,.15,.86), -webkit-transform .3s cubic-bezier(.78,.14,.15,.86);
transition: transform .3s cubic-bezier(.78,.14,.15,.86),-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);
}
.ant-spin-spinning {
position: static;
display: inline-block;
opacity: 1;
}
.ant-spin-nested-loading {
position: relative;
}
.ant-spin-nested-loading>div>.ant-spin {
position: absolute;
top: 0;
left: 0;
z-index: 4;
display: block;
width: 100%;
height: 100%;
max-height: 4rem;
}
.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
position: absolute;
top: 50%;
left: 50%;
margin: -0.1rem;
}
.ant-spin-nested-loading>div>.ant-spin .ant-spin-text {
position: absolute;
top: 50%;
width: 100%;
padding-top: 0.05rem;
text-shadow: 0 0.01rem 0.02rem #fff;
}
.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot {
margin-top: -0.2rem;
}
.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot {
margin: -0.07rem;
}
.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text {
padding-top: 0.02rem;
}
.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot {
margin-top: -0.17rem;
}
.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot {
margin: -0.16rem;
}
.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text {
padding-top: 0.11rem;
}
.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot {
margin-top: -0.26rem;
}
.ant-spin-container {
position: relative;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
.ant-spin-container:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: none\9;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s;
content: "";
pointer-events: none;
}
.ant-spin-blur {
clear: both;
overflow: hidden;
opacity: .5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.ant-spin-blur:after {
opacity: .4;
pointer-events: auto;
}
.ant-spin-tip {
color: rgba(0,0,0,.45);
}
.ant-spin-dot {
position: relative;
display: inline-block;
font-size: 0.2rem;
width: 1em;
height: 1em;
}
.ant-spin-dot-item {
position: absolute;
display: block;
width: 0.09rem;
height: 0.09rem;
background-color: #1890ff;
border-radius: 100%;
-webkit-transform: scale(.75);
-ms-transform: scale(.75);
transform: scale(.75);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: .3;
-webkit-animation: antSpinMove 1s linear infinite alternate;
animation: antSpinMove 1s linear infinite alternate;
}
.ant-spin-dot-item:first-child {
top: 0;
left: 0;
}
.ant-spin-dot-item:nth-child(2) {
top: 0;
right: 0;
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
.ant-spin-dot-item:nth-child(3) {
right: 0;
bottom: 0;
-webkit-animation-delay: .8s;
animation-delay: .8s;
}
.ant-spin-dot-item:nth-child(4) {
bottom: 0;
left: 0;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.ant-spin-dot-spin {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: antRotate 1.2s linear infinite;
animation: antRotate 1.2s linear infinite;
}
.ant-spin-sm .ant-spin-dot {
font-size: 0.14rem;
}
.ant-spin-sm .ant-spin-dot i {
width: 0.06rem;
height: 0.06rem;
}
.ant-spin-lg .ant-spin-dot {
font-size: 0.32rem;
}
.ant-spin-lg .ant-spin-dot i {
width: 0.14rem;
height: 0.14rem;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
display: block;
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
.ant-spin-blur {
background: #fff;
opacity: .5;
}
}
@-webkit-keyframes antSpinMove {
to {
opacity: 1;
}
}
@keyframes antSpinMove {
to {
opacity: 1;
}
}
@-webkit-keyframes antRotate {
to {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
}
@keyframes antRotate {
to {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
}
.data-view-page {
width: 100%;
height: 100%;
background-color: #000;
position: relative;
}
.data-view-page .doc-image-list,
.data-view-page .doc-image-list img {
width: 100%;
}
.data-view-page .audio-view,
.data-view-page .only-one,
.data-view-page .video-view {
margin: 0 auto;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%;
height: auto;
}
.data-view-page .audio-view {
width: 80%;
height: 0.6rem;
}
.data-view-page .un-ready,
.data-view-page .un-ready img {
width: 100%;
height: 100%;
}
.ant-spin {
box-sizing: border-box;
margin: 0;
padding: 0;
color: rgba(0,0,0,.65);
font-size: 0.14rem;
font-variant: tabular-nums;
line-height: 1.5;
list-style: none;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum","tnum";
position: absolute;
display: none;
color: #1890ff;
text-align: center;
vertical-align: middle;
opacity: 0;
-webkit-transition: -webkit-transform .3s cubic-bezier(.78,.14,.15,.86);
transition: -webkit-transform .3s cubic-bezier(.78,.14,.15,.86);
transition: transform .3s cubic-bezier(.78,.14,.15,.86);
transition: transform .3s cubic-bezier(.78,.14,.15,.86), -webkit-transform .3s cubic-bezier(.78,.14,.15,.86);
transition: transform .3s cubic-bezier(.78,.14,.15,.86),-webkit-transform .3s cubic-bezier(.78,.14,.15,.86);
}
.ant-spin-spinning {
position: static;
display: inline-block;
opacity: 1;
}
.ant-spin-nested-loading {
position: relative;
}
.ant-spin-nested-loading>div>.ant-spin {
position: absolute;
top: 0;
left: 0;
z-index: 4;
display: block;
width: 100%;
height: 100%;
max-height: 4rem;
}
.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot {
position: absolute;
top: 50%;
left: 50%;
margin: -0.1rem;
}
.ant-spin-nested-loading>div>.ant-spin .ant-spin-text {
position: absolute;
top: 50%;
width: 100%;
padding-top: 0.05rem;
text-shadow: 0 0.01rem 0.02rem #fff;
}
.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot {
margin-top: -0.2rem;
}
.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot {
margin: -0.07rem;
}
.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text {
padding-top: 0.02rem;
}
.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot {
margin-top: -0.17rem;
}
.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot {
margin: -0.16rem;
}
.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text {
padding-top: 0.11rem;
}
.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot {
margin-top: -0.26rem;
}
.ant-spin-container {
position: relative;
-webkit-transition: opacity .3s;
transition: opacity .3s;
}
.ant-spin-container:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: none\9;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s;
content: "";
pointer-events: none;
}
.ant-spin-blur {
clear: both;
overflow: hidden;
opacity: .5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.ant-spin-blur:after {
opacity: .4;
pointer-events: auto;
}
.ant-spin-tip {
color: rgba(0,0,0,.45);
}
.ant-spin-dot {
position: relative;
display: inline-block;
font-size: 0.2rem;
width: 1em;
height: 1em;
}
.ant-spin-dot-item {
position: absolute;
display: block;
width: 0.09rem;
height: 0.09rem;
background-color: #1890ff;
border-radius: 100%;
-webkit-transform: scale(.75);
-ms-transform: scale(.75);
transform: scale(.75);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: .3;
-webkit-animation: antSpinMove 1s linear infinite alternate;
animation: antSpinMove 1s linear infinite alternate;
}
.ant-spin-dot-item:first-child {
top: 0;
left: 0;
}
.ant-spin-dot-item:nth-child(2) {
top: 0;
right: 0;
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
.ant-spin-dot-item:nth-child(3) {
right: 0;
bottom: 0;
-webkit-animation-delay: .8s;
animation-delay: .8s;
}
.ant-spin-dot-item:nth-child(4) {
bottom: 0;
left: 0;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.ant-spin-dot-spin {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: antRotate 1.2s linear infinite;
animation: antRotate 1.2s linear infinite;
}
.ant-spin-sm .ant-spin-dot {
font-size: 0.14rem;
}
.ant-spin-sm .ant-spin-dot i {
width: 0.06rem;
height: 0.06rem;
}
.ant-spin-lg .ant-spin-dot {
font-size: 0.32rem;
}
.ant-spin-lg .ant-spin-dot i {
width: 0.14rem;
height: 0.14rem;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
display: block;
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
.ant-spin-blur {
background: #fff;
opacity: .5;
}
}
@-webkit-keyframes antSpinMove {
to {
opacity: 1;
}
}
@keyframes antSpinMove {
to {
opacity: 1;
}
}
@-webkit-keyframes antRotate {
to {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
}
@keyframes antRotate {
to {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
}
.data-view-page {
width: 100%;
height: 100%;
background-color: #000;
position: relative;
}
.data-view-page .doc-image-list,
.data-view-page .doc-image-list img {
width: 100%;
}
.data-view-page .audio-view,
.data-view-page .only-one,
.data-view-page .video-view {
margin: 0 auto;
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 100%;
height: auto;
}
.data-view-page .audio-view {
width: 80%;
height: 0.6rem;
}
.data-view-page .un-ready,
.data-view-page .un-ready img {
width: 100%;
height: 100%;
}
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment