html,body{ padding:0; margin:0; background-color: #e8e9ea; min-width: 1180px; } @keyframes show { 0% {opacity: 0} 100% {opacity: 1} } .hide{ display: none; } ul,li,dl,dd{ padding:0; margin:0; } a{ text-decoration: none; color: #333; } a:hover{ color: #00b527; } span.w5{ display: inline-block; width: 5px; } span.w10{ display: inline-block; width: 10px; } span.w15{ display: inline-block; width: 15px; } span.w25{ display: inline-block; width: 25px; } span.vline{ font-size: 12px; color: #eee; display: inline-block; padding:0 5px; text-align: center; } hr{ size: 1; color: #eee; height: 1px; border:none; border-top: 1px dotted #e9d2d2; } .pull-left{ float: left; } .pull-right{ float: right; } .clearfix{ clear: both; } .text-center{ text-align: center; } .text-right{ text-align: right; } .text-color-gray{ color: #aaa; } .text-color-black{ color: #333; } .text-color-red{ color: #f00; } .text-color-orange{ color: #f60; } .text-color-yellow{ color: #fc0; } .font-size-12{ font-size: 12px; } .font-size-14{ font-size: 14px; } .font-size-16{ font-size: 16px; } .font-size-18{ font-size: 18px; } .font-size-20{ font-size: 20px; font-weight: 200; } .font-size-24{ font-size: 24px; font-weight: 200; } .height10{ height: 10px; } .height20{ height: 20px; } .height50{ height: 50px; } .c{ width: 1182px; margin:0 auto; } .missui-row:after,.missui-row:before{content:'';display:block;clear:both}.missui-col-lg1,.missui-col-lg10,.missui-col-lg11,.missui-col-lg12,.missui-col-lg2,.missui-col-lg3,.missui-col-lg4,.missui-col-lg5,.missui-col-lg6,.missui-col-lg7,.missui-col-lg8,.missui-col-lg9,.missui-col-md1,.missui-col-md10,.missui-col-md11,.missui-col-md12,.missui-col-md2,.missui-col-md3,.missui-col-md4,.missui-col-md5,.missui-col-md6,.missui-col-md7,.missui-col-md8,.missui-col-md9,.missui-col-sm1,.missui-col-sm10,.missui-col-sm11,.missui-col-sm12,.missui-col-sm2,.missui-col-sm3,.missui-col-sm4,.missui-col-sm5,.missui-col-sm6,.missui-col-sm7,.missui-col-sm8,.missui-col-sm9,.missui-col-xs1,.missui-col-xs10,.missui-col-xs11,.missui-col-xs12,.missui-col-xs2,.missui-col-xs3,.missui-col-xs4,.missui-col-xs5,.missui-col-xs6,.missui-col-xs7,.missui-col-xs8,.missui-col-xs9{position:relative;display:block;box-sizing:border-box}.missui-col-xs1,.missui-col-xs10,.missui-col-xs11,.missui-col-xs12,.missui-col-xs2,.missui-col-xs3,.missui-col-xs4,.missui-col-xs5,.missui-col-xs6,.missui-col-xs7,.missui-col-xs8,.missui-col-xs9{float:left}.missui-col-xs1{width:8.33333333%}.missui-col-xs2{width:16.66666667%}.missui-col-xs3{width:25%}.missui-col-xs4{width:33.33333333%}.missui-col-xs5{width:41.66666667%}.missui-col-xs6{width:50%}.missui-col-xs7{width:58.33333333%}.missui-col-xs8{width:66.66666667%}.missui-col-xs9{width:75%}.missui-col-xs10{width:83.33333333%}.missui-col-xs11{width:91.66666667%}.missui-col-xs12{width:100%}.missui-col-xs-offset1{margin-left:8.33333333%}.missui-col-xs-offset2{margin-left:16.66666667%}.missui-col-xs-offset3{margin-left:25%}.missui-col-xs-offset4{margin-left:33.33333333%}.missui-col-xs-offset5{margin-left:41.66666667%}.missui-col-xs-offset6{margin-left:50%}.missui-col-xs-offset7{margin-left:58.33333333%}.missui-col-xs-offset8{margin-left:66.66666667%}.missui-col-xs-offset9{margin-left:75%}.missui-col-xs-offset10{margin-left:83.33333333%}.missui-col-xs-offset11{margin-left:91.66666667%}.missui-col-xs-offset12{margin-left:100%}@media screen and (max-width:768px){.missui-hide-xs{display:none!important}.missui-show-xs-block{display:block!important}.missui-show-xs-inline{display:inline!important}.missui-show-xs-inline-block{display:inline-block!important}}@media screen and (min-width:768px){.missui-container{width:750px}.missui-hide-sm{display:none!important}.missui-show-sm-block{display:block!important}.missui-show-sm-inline{display:inline!important}.missui-show-sm-inline-block{display:inline-block!important}.missui-col-sm1,.missui-col-sm10,.missui-col-sm11,.missui-col-sm12,.missui-col-sm2,.missui-col-sm3,.missui-col-sm4,.missui-col-sm5,.missui-col-sm6,.missui-col-sm7,.missui-col-sm8,.missui-col-sm9{float:left}.missui-col-sm1{width:8.33333333%}.missui-col-sm2{width:16.66666667%}.missui-col-sm3{width:25%}.missui-col-sm4{width:33.33333333%}.missui-col-sm5{width:41.66666667%}.missui-col-sm6{width:50%}.missui-col-sm7{width:58.33333333%}.missui-col-sm8{width:66.66666667%}.missui-col-sm9{width:75%}.missui-col-sm10{width:83.33333333%}.missui-col-sm11{width:91.66666667%}.missui-col-sm12{width:100%}.missui-col-sm-offset1{margin-left:8.33333333%}.missui-col-sm-offset2{margin-left:16.66666667%}.missui-col-sm-offset3{margin-left:25%}.missui-col-sm-offset4{margin-left:33.33333333%}.missui-col-sm-offset5{margin-left:41.66666667%}.missui-col-sm-offset6{margin-left:50%}.missui-col-sm-offset7{margin-left:58.33333333%}.missui-col-sm-offset8{margin-left:66.66666667%}.missui-col-sm-offset9{margin-left:75%}.missui-col-sm-offset10{margin-left:83.33333333%}.missui-col-sm-offset11{margin-left:91.66666667%}.missui-col-sm-offset12{margin-left:100%}}@media screen and (min-width:992px){.missui-container{width:970px}.missui-hide-md{display:none!important}.missui-show-md-block{display:block!important}.missui-show-md-inline{display:inline!important}.missui-show-md-inline-block{display:inline-block!important}.missui-col-md1,.missui-col-md10,.missui-col-md11,.missui-col-md12,.missui-col-md2,.missui-col-md3,.missui-col-md4,.missui-col-md5,.missui-col-md6,.missui-col-md7,.missui-col-md8,.missui-col-md9{float:left}.missui-col-md1{width:8.33333333%}.missui-col-md2{width:16.66666667%}.missui-col-md3{width:25%}.missui-col-md4{width:33.33333333%}.missui-col-md5{width:41.66666667%}.missui-col-md6{width:50%}.missui-col-md7{width:58.33333333%}.missui-col-md8{width:66.66666667%}.missui-col-md9{width:75%}.missui-col-md10{width:83.33333333%}.missui-col-md11{width:91.66666667%}.missui-col-md12{width:100%}.missui-col-md-offset1{margin-left:8.33333333%}.missui-col-md-offset2{margin-left:16.66666667%}.missui-col-md-offset3{margin-left:25%}.missui-col-md-offset4{margin-left:33.33333333%}.missui-col-md-offset5{margin-left:41.66666667%}.missui-col-md-offset6{margin-left:50%}.missui-col-md-offset7{margin-left:58.33333333%}.missui-col-md-offset8{margin-left:66.66666667%}.missui-col-md-offset9{margin-left:75%}.missui-col-md-offset10{margin-left:83.33333333%}.missui-col-md-offset11{margin-left:91.66666667%}.missui-col-md-offset12{margin-left:100%}}@media screen and (min-width:1200px){.missui-container{width:1170px}.missui-hide-lg{display:none!important}.missui-show-lg-block{display:block!important}.missui-show-lg-inline{display:inline!important}.missui-show-lg-inline-block{display:inline-block!important}.missui-col-lg1,.missui-col-lg10,.missui-col-lg11,.missui-col-lg12,.missui-col-lg2,.missui-col-lg3,.missui-col-lg4,.missui-col-lg5,.missui-col-lg6,.missui-col-lg7,.missui-col-lg8,.missui-col-lg9{float:left}.missui-col-lg1{width:8.33333333%}.missui-col-lg2{width:16.66666667%}.missui-col-lg3{width:25%}.missui-col-lg4{width:33.33333333%}.missui-col-lg5{width:41.66666667%}.missui-col-lg6{width:50%}.missui-col-lg7{width:58.33333333%}.missui-col-lg8{width:66.66666667%}.missui-col-lg9{width:75%}.missui-col-lg10{width:83.33333333%}.missui-col-lg11{width:91.66666667%}.missui-col-lg12{width:100%}.missui-col-lg-offset1{margin-left:8.33333333%}.missui-col-lg-offset2{margin-left:16.66666667%}.missui-col-lg-offset3{margin-left:25%}.missui-col-lg-offset4{margin-left:33.33333333%}.missui-col-lg-offset5{margin-left:41.66666667%}.missui-col-lg-offset6{margin-left:50%}.missui-col-lg-offset7{margin-left:58.33333333%}.missui-col-lg-offset8{margin-left:66.66666667%}.missui-col-lg-offset9{margin-left:75%}.missui-col-lg-offset10{margin-left:83.33333333%}.missui-col-lg-offset11{margin-left:91.66666667%}.missui-col-lg-offset12{margin-left:100%}}.missui-col-space1{margin:-.5px}.missui-col-space1>*{padding:.5px}.missui-col-space3{margin:-1.5px}.missui-col-space3>*{padding:1.5px}.missui-col-space5{margin:-2.5px}.missui-col-space5>*{padding:2.5px}.missui-col-space8{margin:-3.5px}.missui-col-space8>*{padding:3.5px}.missui-col-space10{margin:-5px}.missui-col-space10>*{padding:5px}.missui-col-space12{margin:-6px}.missui-col-space12>*{padding:6px}.missui-col-space15{margin:-7.5px}.missui-col-space15>*{padding:7.5px}.missui-col-space18{margin:-9px}.missui-col-space18>*{padding:9px}.missui-col-space20{margin:-10px}.missui-col-space20>*{padding:10px}.missui-col-space22{margin:-11px}.missui-col-space22>*{padding:11px}.missui-col-space25{margin:-12.5px}.missui-col-space25>*{padding:12.5px}.missui-col-space30{margin:-15px}.missui-col-space30>*{padding:15px} .pb{ position: relative; width: 100%; height: 480px; background:#fff; } .top{ height: 40px; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.01); line-height: 36px; } .header{ /*padding:10px;*/ /*background:rgba(255,255,255,0.5);*/ box-shadow: 0 0 5px rgba(0,0,0,0.03); z-index: 999; position: relative; background: #fefefe; } .header-logo{ padding:10px; } .header-menu ul{ /*padding-top: 10px;*/ } .header-menu ul:before{ } .header-menu ul li{ display: inline-block; position: relative; min-height: 78px; padding-top: 15px; margin: 0; } .header-menu ul li:after{ content: ''; width: 1px; height: 100%; position: absolute; background: #eee; left: -3px; top: 0; display: inline-block; } .header-menu ul li.this a, .header-menu ul li.this a i{ color: #00b527 } .header-menu ul li.this:before{ content: ''; width: 100%; height: 3px; position: absolute; background: #00b527; left: 0; bottom: 0; display: inline-block; } .header-menu a{ font-size: 14px; text-decoration: none; color: #333; line-height: 24px; display: inline-block; position: relative; width: 96px; text-align: center; } .header-menu a:hover, .header-menu a:hover i{ color: #00b527; } .header-menu li span.more{ width: 0px; height: 0px; display: inline-block; position: absolute; border:4px; border-color: #00b527 transparent transparent transparent; border-style: solid; top: 37px; right: 5px; } .header-menu li i{ display: inline-block; width: 96px; text-align: center; font-size: 30px; color: #aaa } .header-menu li:hover span.more{ border-color: transparent transparent #00b527 transparent; top: 34px; } .header-menu li .submenu{ display: none; opacity: 0; background-color: #fff; box-shadow: 3px 5px 10px rgba(0,0,0,0.03); width: 158px; padding:0 1px; position: absolute; border-top:2px solid #00b527; top: 80px; left:-35px; z-index: 9999; border-radius: 4px; } .header-menu li .submenu:after{ content: ''; width: 0px; height: 0px; display: inline-block; position: absolute; border:10px; border-color: transparent transparent #00b527 transparent; border-style: solid; top: -20px; left: 45%; } .header-menu li:hover .submenu{ animation:show 1s; opacity: 1; display: inline-block; } .header-menu li .submenu dd{ padding: 0; line-height: 20px; text-align: center; padding:0; border-bottom: 1px solid #f3f3f3; } .header-menu li .submenu dd a{ line-height: 48px; } .header-menu li .submenu dd:hover{ background-color: #fefefe; } .header-menu li .submenu dd a:hover{ color: #f60; } .break-navi{ padding:15px 0; /*border-bottom: 1px solid #eee; */ /*background: #fff;*/ border-radius: 0 0 5px 5px; z-index: 1; position: relative; } .break-navi a, .break-navi .vline, .break-navi span{ margin:0 5px; display: inline-block; text-align: center; padding: 0; } .box{ } .box-head{ /*border-bottom: 1px solid #e3f2f6;*/ font-size: 20px; padding: 10px 0; font-weight: 200; position: relative; } .box-head:before, .box-head:after{ content: ''; width: 42%; height: 1px; position: absolute; top: 20px; border-bottom: 2px dotted #b6aad8; display: inline-block; } .box-head:before{ right: 0; } .box-head:after{ left: 0; } .box-head i{ font-size: 24px; margin-right: 10px; vertical-align: underline; } .box .box-body{ padding-top: 20px; } .feature{ display: inline-block; height: 210px; width: 100%; overflow: hidden; background:linear-gradient(45deg, #f3f7fb 0%, #f6f2f3 50%,#fefaf9 100%); box-shadow: 5px 5px 12px rgba(0,0,0,0.01); } .case{ display: inline-block; height: 135px; width: 100%; overflow: hidden; background:linear-gradient(45deg, #f3f7fb 0%, #f6f2f3 50%,#fefaf9 100%); box-shadow: 5px 5px 12px rgba(0,0,0,0.01); } .case img, .feature img{ width: 100%; } .goods{ display: inline-block; height: 240px; width: 100%; overflow: hidden; background:linear-gradient(45deg, #f3f7fb 0%, #f6f2f3 50%,#fefaf9 100%); box-shadow: 5px 5px 12px rgba(0,0,0,0.01); } .missui-col-md4 .goods{ height: 380px; overflow: hidden; } .goods img{ width: 100%; } .article-box{ padding:10px; background: #fff; box-shadow: 5px 5px 12px rgba(0,0,0,0.01); } .article-box:hover, .goods:hover, .case:hover, .feature:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,0.05); } .goods a{ display: inline-block; width: 100%; height: 100%; position: relative; } .goods a div.goods_name{ position: absolute; bottom: 0; width: calc(100% - 30px); height: 42px; line-height: 42px; background: #fff; /*text-align: center;*/ padding: 0 15px; font-size: 12px; color: #000; } .missui-col-md4 .goods a div.goods_name{ font-size: 14px; height: 100px; } .foot{ line-height: 180%; background: #fefefe; box-shadow: 5px 5px 12px rgba(0,0,0,0.01); background: #393a3b; color: #fff; } .foot h4{ font-size: 14px; line-height: 160%; padding:35px 0 0 0; margin: 0; padding-bottom: 10px; position: relative; text-indent: 10px; } .foot dl{ padding: 5px 0 0 10px; } .foot dl dd{ font-size: 12px; padding: 2px 0; } .foot a{color: #999;} .links{ padding: 10px 0; border-top: 1px solid #e3f2f6; } .links a{ margin:0 5px; } .font-icon{ display: inline-block; width: 102px; height: 32px; line-height: 64px; margin:0 5px; text-indent: 999999px; overflow: hidden; background:url('../img/ico_footer.png') no-repeat; } .font-icon .font-icon1{ background-position: 0 0; } .font-icon2{ background-position: -104px 0; } .font-icon3{ background-position: 0 -34px; } .font-icon4{ background-position: -104px -34px; } .font-icon5{ background-position: 0 -66px; } .font-icon6{ background-position: -104px -66px; } .article .article_img{ width: 64px; display: inline-block; vertical-align: middle; height: 64px; } .article .article_img img{ width: 64px; } .article .article_meta{ display: inline-block; width: 280px; height: 64px; line-height: 20px; vertical-align: middle; padding-left: 5px; overflow: hidden; } .posts .article{ border-bottom: 1px dotted #eee; padding: 20px 10px; height: 100px; } .posts .article:hover{ background: #fefefe; } .posts .article .article_img{ width: 120px; display: inline-block; vertical-align: middle; } .posts .article .article_img img{ width: 120px; } .posts .article .article_meta{ display: inline-block; width: 600px; line-height: 20px; vertical-align: top; padding-left: 5px; overflow: auto; height: auto; } .pagebox.white{ background: #fff; } .padding-bottom-20{ padding-bottom: 20px; } .padding-top-20{ padding-top: 20px; } .page-main{ width: 800px; } .page-side{ width: 360px; } blockquote{ border-left: 3px solid #d4caae; padding:20px; background: #f6f2e7; border-radius: 2px; margin:20px 0; } .g_cate{ position: absolute;; bottom: 0; width: calc(100% - 40px); height: 44px; padding: 12px 7px; border-top: 1px dotted #eee; line-height: 12px; } .g_cate a{ font-size: 12px; display: inline-block; width: auto; height: 20px; padding: 3px 4px; background: #ffab26; color: #fff; border-radius: 3px; line-height: 20px; } .g_cate a:hover{ background: #00cfe8; } /*page*/ .page_detail{ position: relative; } .sidebar{ width: 230px; padding-top: 20px; } .sidebarname{ background: #304697 linear-gradient(to right, #415fcd 0%,#304697 100%); padding:20px 30px; color: #fff; text-align: center; font-size: 20px; } .pagebody{ width: 920px; min-height: 500px; } .pagename{ padding:10px 20px; border-bottom: 1px solid #eee; position: relative; color: #00a762; } .pagename:before{ position: absolute; width: 3px; height: 40%; background: #00a762; content: ''; display: inline-block; left: 0; top: 20px; } .page_pic{ height: 180px; background: linear-gradient(to right, #f3f7fb 0%, #f6f2f3 50%,#fefaf9 100%); position: relative; } .pages{ padding:0px; border-left: 1px solid #e7eeff; border-right: 1px solid #e7eeff; } .pages dd{ padding: 15px 15px 15px 15px; background: #fff; font-size: 16px; border-bottom: 1px solid #e7eeff; text-align: center; position: relative; } .pages dd:hover{ background: #f9fbff; } .pages dd.this{ color: #304697; background: #f9fbff; } .pages dd.this:after{ content: ''; width: 4px; height: 92%; position: absolute; right: 2px; top: 2px; background: #c0e8d7; display: inline-block; } .pages dd a{ color: #888; } .pages dd.this a{ color: #00a662; } .goods_album{ width: 480px; } .goods_meta{ width: 660px; padding-right: 20px; } .album_thumb{ text-align: center; background: #fefefe; border:1px solid #eee; padding:7px 0 3px 0; } .album_thumb img{ margin:0 2px; padding: 2px; border:2px solid #eee; cursor: pointer; display: inline-block; } .album_thumb img.this, .album_thumb img:hover{ border-color: #f90; } .goods_meta p{ background: #f6f2e7; padding:10px; color: #333; } .goods_meta_list dd{ padding:10px 0; } .goods_meta_list dd label{ display: inline-block; width: 80px; } .choose_s{ font-size: 12px; color: #333; padding:6px 8px; display: inline-block; border:1px solid #ccc; cursor: pointer; border-radius: 2px; } .choose_s:hover{ border-color: #aaa; } .choose_s.this{ background: #f00; color: #fff; border-color: #f00; opacity: .7; } .c_number{ border:none; background-color: none; width: 30px; text-align: center; font-size:14px; color:#f00; } .s_number i{ cursor: pointer; } .view_more, .buy, .post_msg, .cart{ font-size: 14px; color: #fff; padding:10px 20px; border:none; cursor: pointer; opacity: .7; border-radius: 2px; margin-right: 10px; outline: none; } .view_more{ background: #787878; } .buy{ background: #f00; } .post_msg{ background: #0391f5; } .cart{ background: #ffa300; } .view_more:hover, .buy:hover, .post_msg:hover, .cart:hover{ opacity: 1; color: #fff; } .relate-goods{ width: 200px; } .goods-content{ width: 950px; min-height: 1020px; } .relate-goods-item{ padding:5px 10px; } .relate-goods-item img{ margin-top: 5px; } .relate-goods-item-meta{ line-height: 16px; display: inline-block; max-width: 120px; padding-left: 10px; } .relate-goods .relate-goods-item:last-child{ border:none; } .tab-head{ height: 42px; border-bottom: 1px solid #eee; } .tab-head .tab-item{ font-size: 14px; line-height: 42px; display: inline-block; padding:0 20px; cursor: pointer; } .tab-head .tab-item.this{ color: #f30; position: relative; } .tab-head .tab-item.this:after{ content: ''; display: inline-block; width: 100%; height: 3px; background: #f30; bottom: -1px; left:0; position: absolute; } .tabs-box{ padding: 20px; } .comments dd{ border-bottom: 1px dotted #eee; padding:10px 0; } .comments-pic{ width: 48px; } .comments-meta{ width: 680px; padding-left:20px; } .comments-star{ width: 120px; padding-top: 20px; } .comments-star i{ color: #f00; opacity: 0.7; text-align: right; float: left; } .comments-album img{ margin:5px 3px; } .comments-album img:hover{ box-shadow: 0 0 3px rgba(255,0,0,0.2); } .pagebox-head{ padding:15px 15px; border-bottom: 1px dotted #eee; font-size: 16px; font-weight: 200; } .pagebox-head i{ font-size: 12px; color: #999; } .pagebox-body{ padding:15px; } .list-style-a, .list-style-a li{ list-style: none; padding: 0; margin:0; } .list-style-a li{ font-size: 14px; padding:10px 0 10px 15px; border-bottom: 1px dotted #eee; position: relative; } .list-style-a li:before{ content: ''; position: absolute; display: inline-block; width: 5px; height: 5px; background: #aaa; left: 0; top: 18px; } .list-style-b, .list-style-b li{ list-style: none; padding: 0; margin:0; } .list-style-b li{ font-size: 14px; padding:10px 0; border-bottom: 1px dotted #eee; position: relative; line-height: 120%; } .post-cate{ padding: 10px 10px 10px 10px; border-bottom: 1px dotted #ccc; } .post-cate a{ margin:0 10px; font-size: 14px; font-weight: 200; } .post-cate a.this{ color: #ec6400; } .posts{ padding:20px; } .post-detail img{ max-width: 100%; } .post-detail ul, .post-detail dl{ margin-left:30px; } .input-search{ border:1px solid #ccc; outline: none; height: 20px; line-height: 18px; text-indent: 5px; background: #fefefe; border-radius: 2px; } .button-search{ background: #ff8000 linear-gradient(to right, #ff0078 0%, #ff0000 50%,#ff3300 100%); border:none; padding: 0 10px; margin-right: 0; color: #fff; height: 24px; line-height: 24px; outline: none; cursor: pointer; border-radius: 2px; } .goods_categories{ padding: 0; margin: 0; } .goods_categories dd{ padding: .5rem .75rem; margin: 0; font-size: .7rem; display: inline-block; } .goods_categories dd.active{ background: #f00; } .goods_categories dd.active a{ color: #fff; } a.more-jia{ background: #00be00; color: #fff; display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; } a.more-jia:hover{ background: #69e500; } .pagesubmenu{ position: absolute; bottom: 0; width: 100%; background: rgb(0,0,0,0.6); height: 42px; } .pagesubmenu dl{ display: inline-block; width: 100%; } .pagesubmenu dl dd{ display: inline-block; text-align: center; font-size: 14px; line-height: 42px; float: left; position: relative; } .pagesubmenu dl dd:after{ position: relative; content: ''; right: 0; top: 0; width: 1px; height: 100%; border-right: 1px dotted rgba(200,255,200,.5); position: absolute; display: inline-block; } .pagesubmenu dl dd a{ color: #fff; } .pagesubmenu dl dd a:hover{ color: #c9ffda; } .pagesubmenu dl dd.this{ background: #00b527; } .sbox{ border: 1px solid #e7eeff; } .sbox .sbox-head{ padding:10px; border-bottom: 1px solid #e7eeff; font-size: 14px; background: #f9fbff; } .sbox .sbox-body{ padding:10px; font-size: 12px; line-height: 180%; }