@import url("lotusher.base.css");
a:hover,.href:hover{ color:#0056b5;}
body{}
.header{}
.header .header-top{ background: #F6F6F6;}
.header .header-top a{ display: block; float: left; margin-right:2rem; font-size: .875rem; line-height: 2.5rem; height: 2.5rem;}
.header .logo{ float: left; padding: 15px 0;}
.header .logo img{ display: block; height: 60px;}
.header .m-r{ float: right;}
.header .m-r .item{ float: left; margin: 20px; margin-bottom: 0;}
.header .m-r .item i{ display: block; height: 20px;    color: #0056B5;font-size: 18px;}
.header .m-r .item i:before{display: inline-block; height: 20px; text-align: center; width: 100%;}
.header .m-r span{ font-size: 14px; color:#666;}
.header nav{ background: #0056B5;}
.header nav li{ float: left; margin-right: 1px;}
.header nav li a{ display: block; height: 60px; line-height: 60px; font-size: 1.125rem; padding: 0 2.5rem; color:#FFF;}
.header nav li a:hover,
.header nav li.active a{ background: #007AFF;}
@media only screen and (max-width: 767px){
	.header .m-r{display: none;}
	.header nav li{width: 33.33%;margin:0;}
	.header nav li a {padding: 0 1.5rem;}
}
.cat-pos{ padding: 15px 0; text-align: right; }
.cat-pos a,
.cat-pos span{ display: inline-block;color:#6C6C6C;}
.cat-pos span{ padding: 0 10px;}
.cat-pos a:hover{ color:#C81522;}
.sub-nav{ background: #FFF; border: 1px solid #F1F1F1; border-top: none; padding-bottom: 20px; margin-bottom:15px; text-align: center;}
.sub-nav .top-sub-nav{ height: 50px; line-height: 49px; font-size: 16px; font-weight: 100; color:#FFF; background: #C00;}
.sub-nav dl{ padding:0 15px 10px 15px;}
.sub-nav dt{ border-top:1px solid #CCC; font-size: 16px; padding-top: 10px;}
.sub-nav dl:first-child dt{ border-top: none;}
.sub-nav dl a{ display: block; padding: 8px 0; text-align: center; font-size: 16px; line-height: 1.8; color:#00558F; }
.sub-nav a:hover{ color:#C00;}
.sub-nav dd a{ font-size: 14px; line-height: 1.5; padding: 5px 0;}
.major-in{ width: 97%; float: right; padding-bottom: 50px;}
.fullpage-title{ height: 50px; line-height: 50px; font-size: 16px; font-weight: 100; color:#FFF; background: #C00; padding: 0 20px; text-overflow: ellipsis;}

.thumb-tab{ position: relative; width: 100%; height: 0; padding-bottom: 100%;}
.thumb-tab .square{ position: absolute; width: 100%; height: 100%;}
.thumb-tab table{ width: 100%; height: 100%;}
.thumb-tab tr td{ width: 100%; height: 100%; background: #FFF; text-align: center; vertical-align: middle;}
.thumb-tab td img{ display: inline-block; max-width: 100%; max-height: 100%;}

.goods-list{ padding: 5px 0; background:#F1F1F1;}
.goods-list ul{}
.goods-list li{ float: left; width: 50%;}
.goods-list li:nth-child(2n+1){ clear: both;}
.goods-list li a{ display: block; padding: 4px; }
.goods-list li .txt{background: #FFF; padding-bottom: 5px;}
.goods-list li .txt *{ font-weight: 400; font-size: 14px; line-height: 1.7; }
.goods-list li .txt h3{ padding: 10px 5px; border-bottom: 1px dashed #CCC; background: #F8F8F8; color:#000; }
@media only screen and (min-width: 360px) and (max-width: 767px){
}
@media only screen and (max-width: 320px) {
.goods-list li .txt h3{ font-size: 12px;}
} 
.goods-list li .txt div{ padding: 5px;}
.goods-list li:hover{ background: #C81522; color:#FFF;}
@media only screen and (min-width: 510px){
.goods-list li{ width: 33.33333333%;}
.goods-list li:nth-child(2n+1){ clear:none;}
.goods-list li:nth-child(3n+1){ clear: both;}
}
.goods-number{ float: left; border: 1px solid #CCC;}
.goods-number span{ display: block; float: left; width: 26px; height: 26px; text-align: center; line-height: 24px; background: #CCC; font-size: 16px; color:#000; cursor: pointer;}
.goods-number span:hover{ background:#555; color:#FFF;}
.goods-number input{ height: 26px; width: 42px; text-align: center; float: left; border: none;}

.btn{ background: #FFF2E8; border: 1px solid #C81522; float: left; display: block; padding: 8px 20px; font-size: 16px; color:#C81522; cursor: pointer; margin: 5px; }
a.btn,
.btn.hover{cursor: pointer;}
.btn2{ background: #E00; color:#FFF;}
.btn:hover{ background: #C81522; color:#FFF; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px;}
.back{ display: block; width: 80px; height: 36px; line-height: 36px; overflow: hidden; border: 1px solid #DDD; color:#000; font-size: 16px; margin: 20px auto; text-align: center; cursor: pointer; background: #FFF;}
.back:hover{ color:#FFF; border-color:#555; background: #555;}
.pagination li{ display: inline-block;}
.pages{ text-align: center; padding: 30px 0px;}
.pages a,.pages span{ display: inline-block; padding: 5px 8px; border: 1px solid #EEE; font-size: 14px; line-height: 1; margin-left: 2px; color:#000; background: #FFF;}
.pages span{ background: #EEE;}
.pages a:hover{ background: #EEE; color:#000;}
.next-prev-back{ border-top:1px solid #DDD; margin-top:2rem;}
.next-prev-back .back{ float:right;}
.next-prev-back .left{ padding-top: 15px;}
.next-prev-back .left a{ display: block; font-size: 12px; line-height: 2;}
.thumb-tab{ position: relative; width: 100%; height: 0; padding-bottom: 100%;}
.thumb-tab .square{ position: absolute; width: 100%; height: 100%;}
.thumb-tab table{ width: 100%; height: 100%;}
.thumb-tab tr td{ width: 100%; height: 100%; text-align: center; vertical-align: middle;background: #BBB;}
.thumb-tab td img{ display: inline-block; max-width: 100%; max-height: 100%;}

footer{ background: #FFF;}
.footer-btm{clear: both;padding: 20px 0;text-align: center; border-top: 1px solid #EEE;}
.footer-btm *{line-height: 22px;font-size: 12px;color: #848484;}

.custom-service-control{ position: fixed; bottom: 10px; right: 10px;}
.custom-service-control .cs-box{ width: 50px;}
.custom-service-control .cs-box .item{ width: 50px; height: 50px; margin-top: 1px; float: left; position: relative;}
.custom-service-control .cs-box .item .box{ width: 50px; height: 50px; background: #333; float:left; cursor: pointer; position:absolute; top: 0; left: 0; }
.custom-service-control .cs-box .item .box .fa{ display: block; width: 50px; height: 50px; text-align: center; line-height: 50px; float: left; color:#FFF; font-size: 16px;}
.custom-service-control .cs-box .item:hover .box{ background: #F86D0D; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}

footer{
	 background-color: #221815;
    padding: 46px 0;
    width: 100%;
    height: auto;
}

footer .left{max-width: 80%;}
footer .right{max-width: 20%;}
footer .links {
    margin-bottom: 20px;
    max-height: 36px;
    overflow: hidden;
}
footer .links a{
	    display: inline-block;
    padding: 7px 2pc;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    margin-right: 14px;
}
footer .links a:hover {
    border-color: #0056b5;
    background: #0056b5;
}
footer .friends{
	 color: #fff;
	 font-weight: 300;
	 font-size: 14px;
}
footer .friends a{
    color: #fff;
    padding: 0 10px;
    font-weight: 300;
}
footer .friends a:not(:last-child):after {
    content: "|";
    position: relative;
    left: 10px;
}
footer .line {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background-color:#0056b5;
    position: relative;
    margin-top: 30px;
}
footer .left .info {
    margin-top: 30px;
}
footer .left .info .info-detail {
    padding: 13px 0;
}
footer .left .info img {
    width: 20px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
footer .left .info p {
	margin-bottom: 10px;
    line-height: 24px;
    font-weight: 300;
	font-size: 14px;
	color:#fff;
}
footer .right img {
    width: 131px;
    height: 131px;
    display: block;
    margin: 21px auto 10px;
}
footer .right p{
	font-size: 14px;
	color:#fff;
}
.footer-demo1-bottom {
    background-color: #1e202a;
    width: 100%;
    height: 70px;
    position: relative;
}
.footer-demo1-bottom p,.footer-demo1-bottom p a {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    color: #748299;
    line-height: 70px;
}

.footer-demo1-bottom .back-top {
    height: 44px;
    width: 44px;
    background-color: #0056b5;
    border-radius: 3px;
    float: right;
    position: absolute;
    top: 0;
    right: 20px;
	cursor: pointer;

}
.footer-demo1-bottom  .back-top i {
     width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
    display: block;
    margin: 20px auto;
}
@media only screen and (max-width: 767px){
	footer .left {
		max-width: 100%;
	    width: 100%;
		padding:0 2%;
		box-sizing: border-box;
	}
	footer .links a {
	    box-sizing: border-box;
    color: #fff;
    width: 30%;
    padding: 7px 0;
    margin: 0 1%;
}
footer .friends {
    width: 96%;
    margin: 0 auto;
}
footer .right {
        max-width: 100%;
    float: none;
    text-align: center;

}
.footer-demo1-bottom .back-top {
  display: none;
}
.footer-demo1-bottom p {

    line-height: 20px;
}
.footer-demo1-bottom {
   height:auto;
   padding:5px 0;
}
}