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%;
}