@charset "utf-8"; @import "data:text/css;base64,QGltcG9ydCB1cmwoJ2h0dHBzOi8vc3RhdGljLmRhb2hhbmd0eC5jb20vc3RhdGljL2Nzcy9mb250LmNzcycpOw=="; 
.flex{display:flex;}
.page, .page-group, body { background: #F6F6F6; } body { max-width: 750px; margin: 0px auto; width: 100%; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } li { list-style: none; } p { margin: 0; } * { padding: 0; margin: 0; font-family: "Helvetica Neue",Helvetica,sans-serif,"microsoft yahei"; } input, textarea { -webkit-appearance: none; } input[type=search] { box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; } .titles { height: 1.5rem; overflow: hidden; position: relative; } .titles h3 { line-height: 1.5rem; color: #333; font-size: 0.7rem; position: relative; padding-left: 0.8rem; font-weight: normal; } .titles h3:before { content: " "; position: absolute; left: 0; top: 0.425rem; height: 0.65rem; width: 0.12rem; background: #24a500; border-radius: 0.5rem; } .titles a { position: absolute; line-height: 1.5rem; right: 0; top: 0; font-size: 0.6rem; color: #e1e1e1; } .loadding { width: 70px; position: absolute; z-index: 98; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); } .loadding span { display: inline-block; width: 8px; height: 100%; border-radius: 4px; background: #ff7438; -webkit-animation: load 1.04s ease infinite; } .loadding span:nth-child(2) { -webkit-animation-delay: 0.13s; } .loadding span:nth-child(3) { -webkit-animation-delay: 0.26s; } .loadding span:nth-child(4) { -webkit-animation-delay: 0.39s; } .loadding span:nth-child(5) { -webkit-animation-delay: 0.52s; } @-webkit-keyframes load { 0%, 100% { height: 10px; background: #33d4bb; } 50% { height: 30px; margin-top: -20px; background: #20c4ab; } } .footer { padding: 0.5rem 0.7rem; } .footer p { margin: 0; text-align: center; font-size: 0.65rem; color: #9e9e9e; margin-top: 0.3rem; } .footer div { text-align: center; } .footer div a { display: inline-block; font-size: 0.65rem; color: #9e9e9e; border-right: 1px solid #d2d2d2; line-height: 0.6rem; padding: 0 0.6rem; } .footer div a:nth-last-child(1) { border-right: 0; } .shade { background: rgba(0, 0, 0, 0.3); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .panel { background: #FFF; padding: 1.5rem 8%; } .panel .rightNav li { margin-bottom: 0.8rem; } .panel .rightNav li a { display: block; line-height: 2rem; color: #333; font-size: 0.75rem; } .panel .rightNav li a img { width: 1.1rem; height: 1.1rem; vertical-align: middle; margin-top: -5px; margin-right: 8px; } .panel .rightNav li .hover { color: #ff0d0d; } .panel .rightNav li:nth-child(2) a img, .panel .rightNav li:nth-child(6) a img { width: 0.95rem; height: 0.95rem; margin-left: 0.075rem; margin-right: calc(0.075rem + 8px); } .panel .indexSet { border-top: 1px solid #F6F6F6; padding: 1rem 0 ; } .panel .indexSet > h3 { line-height: 1.6rem; height: 1.6rem; color: #333; font-size: 0.75rem; font-weight: normal; display: block; margin-bottom: 0.6rem; } .panel .indexSet > .label-switch { display: block; } .left { float: left; } .right { float: right; } .header ~ .content { top: 2.52rem; } .header { height: 2.52rem; background: #FFF; border-bottom: 1px solid #F6F6F6; position: relative; } .header .left { color: #333; width: 11%; height: 2.52rem; line-height: 2.52rem; position: absolute; top: 0; left: 4%; font-size: 0.85rem; } .header h3 { margin: 0px auto; height: 2.52rem; line-height: 2.52rem; font-size: 0.85rem; color: #333; width: 70%; text-align: center; overflow: hidden; font-weight: normal; } .header .right { color: #333; width: 11%; text-align: right; height: 2.52rem; line-height: 2.52rem; position: absolute; top: 0; right: 4%; font-size: 0.95rem; } .preloader:after { background-size: 80%; } .infinite-scroll-preloader { margin-bottom: 0; margin-top: 1rem; font-size: 0.7rem; color: #9e9e9e; }.colorChange{color:#333!important;background:-webkit-linear-gradient(left,#147B96,#E6D205 25%,#147B96 50%,#E6D205 75%,#147B96);color:transparent!important; -webkit-background-clip:text;background-size:200% 100%;animation:masked-animation 1s infinite linear;}@-webkit-keyframes masked-animation {0% {background-position:0 0; }100% {background-position:-100% 0; }}
.softGroup{padding: 0.8rem 5%;padding-bottom: 0.2rem;background: #FFF;margin-top: 0.35rem;}
.softGroup ul{margin-top:0.7rem;}
.softGroup ul li{float:left;margin-right:0.4rem;width:calc((100% - 0.4rem * 1) / 2);margin-bottom:0.8rem;}
.softGroup ul li:nth-child(2n){margin-right:0;}
.softGroup ul li a{display:block;}
.softGroup ul li a>img{display:block;width:1.8rem;height:1.8;border-radius:0.1rem;float:left;}

.softGroup ul li a>div{float:right;margin-left:0.4rem;width:calc((100% - 1.8rem - 0.4rem));padding-top:0.22rem;}
.softGroup ul li a>div h3{font-size:0.65rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height:0.7rem;color:#666;font-weight:normal;}
.softGroup ul li a>div p{font-size:0.55rem;color: #909090;line-height:0.7rem;margin-top:0.2rem;}
.lookMore{display: block;width: 100%;font-size: 0.55rem;color: #9e9e9e;background: #F9F9F9;line-height: 1.4rem;height: 1.4rem;margin-bottom: 0.7rem;text-align: center;border-radius: 0.1rem;}

.add_r font{color: #20c4ab;border: 1px solid #20c4ab;font-size: 0.55rem;display: inline-block;padding: 0px 0.2rem;line-height: 0.9rem;text-align: center;text-indent: 0;margin-right: 0.4rem;vertical-align: middle;border-radius: 0.2rem;}