body{margin:0;padding:0;/* padding: 2rem 0 2rem;*/ padding: 0rem 0 2rem;background: #f3f3f3;} /*common*/ .menu{ position: absolute; left: 0; right: 0; top: 2rem; bottom: 2rem; box-sizing: border-box; } .menu li{list-style: none;} .menu img{vertical-align: middle;} .menu a{color: inherit;} .menu i{font-style: normal;} .menu a.btn{display: block;text-decoration: none;} .menu .showmq{font-size: 0.55rem;text-decoration: underline;} .menu .showmq.btn{text-decoration: none;} .menu .box-inline{text-align: center;} .menu .box-inline .btn{display: inline-block;} .menu .fl{float: left;} .menu .fr{float: right;} .menu .tr{text-align: right;} .menu .clearfloat:after{content:"";display:block;clear:both;height:0} /* 导航 */ .menu-left{ flex: 0 0 1.2rem; overflow: hidden; overflow-y: auto; box-sizing: border-box; position: fixed; top: 2.5rem; left: 0rem; width: 4.125rem; background: #ffffff; border-radius:0 0.2rem 0.25rem 0; } .menu-left-li{ line-height: 1.25rem; font-size: 0.55rem; color: #000000; text-align: center; margin: 0.25rem 0; } .menu-left .menu-left-li.on{ background: #ff123f; color: #fff; } .menu-right{ flex: 1; height: 100%; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .menu-right li{ font-size: 0.6rem; } /* 右边内容 */ .menu-right{ width: 11.5rem; float: right; margin-top: 0.5rem; } .content-item{ background: #ffffff; border-radius:0.3rem 0 0 0.3rem; overflow: hidden; margin-bottom: 0.25rem; } .title{ line-height: 1.5rem; margin:0 0.625rem 0.4rem 0.625rem; border-bottom:1px dashed #999999; font-size: 0.6rem; color: #ff123f; } .xtb{ width: 1.2rem; height: 1rem; float: left; background: url(/uploads/image/simages/css_sprites.png) no-repeat -0.25rem 0.1rem; background-size: 1.5rem 16rem; margin-top: 0.2rem; } .xtb_1{ background-position-y: 0rem; } .xtb_2{ background-position-y: -1.1rem; } .xtb_3{ background-position-y: -2.45rem; } .xtb_4{ background-position-y: -3.8rem; } .xtb_5{ background-position-y: -5.1rem; } .xtb_6{ background-position-y: -10.5rem; } .xtb_7{ background: url(/uploads/image/simages/xtb.png) no-repeat; background-size:100% 100%; margin-right: 0.2rem; } .xtb_8{ background-position-y: -6.3rem; } .xtb_9{ background-position-y: -7.8rem; } .xtb_10{ background-position-y: -9.2rem; } .xtb_11{ background-position-y: -12rem; } .xtb_12{ background-position-y: -13.3rem; } .xtb_13{ background-position-y: -14.8rem; } .ul_4,.ul_2,.ul_3,.ul_1{ float: left; margin:0 0 0.5rem 0.5rem; } .ul_1 li{ float: left; width: 3.6rem; font-size: 0.55rem; line-height: 1.2rem; color: #6b6b6b; } .ul_3 li a, .ul_1 li a{ overflow: hidden; display: block; } .ul_2{ float: left; margin:0 0 0.5rem 0.5rem; } .ul_2 li{ float: left; margin:0 0 0.5rem 0rem; } .ul_2 li h3{ margin:0 0rem 0.4rem 0rem; border-bottom:1px solid #f2f2f2; line-height: 1.25rem; width:10.25rem ; font-size: 0.55rem; } .ul_2 li a{ display: block; line-height: 1.2rem; color: #6b6b6b!important; font-size: 0.55rem; } .ul_3 li{ margin-right: 0.65rem; font-size: 0.55rem; line-height: 1.2rem; color: #6b6b6b; float: left; } .ul_4 li{ overflow: hidden; } .ul_4 li a{ display: block; line-height: 1.2rem; float: left; color: #6b6b6b!important; font-size: 0.55rem; margin-right: 0.4rem; } .ul_4 li h3{ margin:0 0rem 0.2rem 0rem; border-bottom:1px solid #f2f2f2; line-height: 1.25rem; width:10.25rem ; float: left; font-size: 0.55rem; } .ul_4 li h3 a{color: #000000!important;} .copyright{ overflow: hidden; float: left; width: 100%; } .menu-right-content{ margin-bottom: 1rem; }