.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%; 
    background: url(../images/mobile-2.jpg) 0% 0% / 100% 100% no-repeat;
} 
.rightNav{ padding: 45px;}
.panel .rightNav li ul { display: none; line-height: 2rem; color: #fff; font-size: 0.75rem; }
.panel .rightNav li { margin-bottom: 1.5rem; text-align: center; }
.panel .rightNav li a { display: block; line-height: 2rem; color: #fff; 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; 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; }