/*li {
	display: inline-block;
	list-style: none;
	margin-right: 7px;
}*/
 
#header {
	margin-top: 8px;
	/*background: #F5F5F5;*/
}
#header-bottom {
	
}
#header-nav-middle {
	background-color: #222;
	border-color: #080808;

}

#header-nav-middle .container-fluid {
	padding: 0
}

#bs-example-navbar-collapse-1 {
	margin-left: 150px;
}

.header-bottom {
	height: auto;
}

.clear-float {
	clear: both;
}

#mycarousel {
	width: 80%;
	float: left;
	margin-left: 1%;
/*	display: inline;
	overflow: hidden;
	position: relative;*/
}

.sort {
	width: 19%;
	height: auto;
	float: left;
	/*position: relative;*/
	/*margin-right: 5%;*/
}

.sort-channel {

}

.sort-detail {
	/*float: left;*/
	position: absolute;
	z-index: 10;
	top: 0px;
	/*left: 218px;*/
	left: 102%;
	background: white;
	width: 300px;
	display: none;
	/*float: left;*/
	padding: 5px;
	border:1px solid gray;

	border-radius: 3px;

}

.sort-channel-list>li {
	list-style: none;
	padding: 10px 30px;
}

.list-group-item>a{
	color: black;
	text-decoration: none;
}

/*.dl-horizontal dt {
	text-align: left !important;
	width: auto !important;
}

.dl-horizontal dd {
	text-align: left !important;
	width: auto !important;
	margin-left: 0;
}*/

.dl-hor {
	/*border-top: none;*/
	float: left;
	clear: both;
	margin: 10px 10px 10px 5px;
}

.dl-hor>dt {
	float: left;
	margin-right: 18px;
}

.dl-hor>dd {
	float: left;
}

.dl-hor>dd>a {
	margin-right: 8px;
}

.dl-hor>dt>a {
	color: red;
}

.hd>h2 {
	border-left: 3px solid black;
	padding-left: 10px;
}

.data>ul {
	padding: 0 15px;
	margin-bottom: 0 !important;
}

.data>ul>li {
	list-style: none;
	float: left;
	margin: 2px 9px;
	position: relative;
}

.hd>hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

.content {
	margin: 23px 8px;
}

.module {
	border-bottom: 1px solid #EEE;
	margin-top: 6px;
}

p.text-right {
	margin-right: 5px;
	margin-bottom: 3px;
	margin-top: 3px;
	font-size: 16px;
}

p.text-right>a {
	color: black;
	text-decoration: none;
}

p.text-right>a:hover {
	color: orange;
}

div.text-right {
	margin-right: 5px;
}

.text-right>b {
	color: #f40;
	font-size: 15px;
}

.like-button {
	font-size: 15px !important;
	position: absolute !important;
	z-index: 10 !important;
	left: 70% !important;
	top: 60% !important;
}

/*.like-button2 {
	font-size: 15px !important;
	position: absolute !important;
	z-index: 10 !important;
	left: 80% !important;
	top: 70% !important;
	display: none !important;
}*/

.dropdown-menu {
	top: 75% !important;
}

.login-out {
	color: red !important;
}
.navbar{
	margin-bottom: 5px!important;
}

.navbar-nav>li>a {
	color: #d4c8bb !important;
}

.navbar-nav>li>a:hover{
	color: #e83038 !important;
}

.logo-word {
	font-family:chiller;
	font-size:25px;
	color:#dad5d5 !important;
}

.log-word:hover {
	color:red !important;
}

.to-big:hover {
    transition:transform .8s cubic-bezier(0.23, 1, 0.32, 1), box-shadow .8s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow:0 0 20px rgba(0, 0, 0, 0.3);
    transform:scale(1.05);
    z-index:2;
}







/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4450615 */
  src: url('//at.alicdn.com/t/c/font_4450615_ofd65jzl1b.woff2?t=1709441319223') format('woff2'),
       url('//at.alicdn.com/t/c/font_4450615_ofd65jzl1b.woff?t=1709441319223') format('woff'),
       url('//at.alicdn.com/t/c/font_4450615_ofd65jzl1b.ttf?t=1709441319223') format('truetype');
}


body { background:#fff!important}

.navbar-header { position: relative; top: 0}

#header { background:#f5f5f5; margin:0}
#header .nav-pills li a { color: #222}
#header .nav-pills li a:hover { background:none}
#header .nav-pills .dropdown-menu { border-radius: 0; border: none }





.login, .shop_menu, .templatemo-content-container{ width: 1200px!important; margin: 0 auto!important;}




#header .row { background:white; margin:0!important}
#header .header-bottom {width: 1200px!important; margin: 0 auto!important; padding: 0 0 13px 0}
.container { width: 100%!important; margin:0!important; padding: 0!important;}
.content{width: 1200px!important; margin: 0 auto!important}
#header-nav{background-color: #222; padding: 3px 0; border-top: 1px solid rgba(0,0,0, .07)}
#header-nav-middle{ border-radius:0!important; background:none!important; width: 1200px!important; margin: 0 auto!important; border: none!important}
.logo-word {font-size:20px!important; color:#ffffff!important}
.navbar-form .form-group { overflow:hidden; border-radius:100px; border: 1px solid rgba(255, 255, 255, .5)}
.navbar-form .form-group input { background: none!important; border: none; outline: none; color: white}
.navbar-form .btn {border-radius: 100px; background: none!important; color: white; border: 1px solid rgba(255, 255, 255, .5)}
.navbar-nav>li>a { color: #fff!important; font-weight:bold; font-size:16px!important}
.navbar-nav>li>a:hover { color:#39bf3e!important}

.marque-box { background:none}
.home-marquee { width:1200px!important; margin:0 auto; display:block; padding: 3px 0}
.home-marquee p { padding: 0; margin: 0}

/* .nav>li>a { padding: 6px 15px!important} */

.header-bottom .sort { background:white; min-height:300px}
.header-bottom .sort .list-group { margin:0}
.header-bottom .sort .list-group-item:first-child { border-radius: 0}
.header-bottom .sort .list-group-item { border: none; border-bottom:1px solid rgba(0,0,0, .07); margin:0; padding:11px 0; position:relative}
.header-bottom .sort .list-group-item:after{ content: '>'; color: rgba(0,0,0, .7); font-size:16px; font-family:simsun; position:absolute; right:10px; top: 10px; font-weight:bold}
.header-bottom .sort .list-group-item:before{ content: '\e627'; font-size:30px; position:absolute; left:10px; top: 6px; opacity:.1; color:#39bf3e; font-family:iconfont}
.header-bottom .sort .list-group-item:last-child {border-bottom: none}
.header-bottom .sort .list-group-item > a { font-weight:bold; letter-spacing:6px; display:block; padding:0 40px}

.sort-detail { left: 100%; border: none; box-shadow: 0 0 8px rgba(0,0,0, .2); border-radius: 0; min-height:300px}

.header-bottom .sort .list-group-item:nth-child(1) .sort-detail { top: 0}
.header-bottom .sort .list-group-item:nth-child(2) .sort-detail { top: -43px}
.header-bottom .sort .list-group-item:nth-child(3) .sort-detail { top: -86px}
.header-bottom .sort .list-group-item:nth-child(4) .sort-detail { top: -129px}
.header-bottom .sort .list-group-item:nth-child(5) .sort-detail { top: -172px}
.header-bottom .sort .list-group-item:nth-child(6) .sort-detail { top: -215px}
.header-bottom .sort .list-group-item:nth-child(7) .sort-detail { top: -258px}
.header-bottom .sort .sort-detail .dl-hor .col { color: #222}

.nav-pills>li>a:hover { background: none!important;}

#main.homePage { padding-bottom: 20px!important}
.homePage .module .hd h2{ border: none; padding: 0; font-size:16px; font-weight:bold}
.homePage .module hr { display:none}
.homePage .module .bd .data ul { overflow:hidden; zoom:1; padding: 0}
.homePage .module .bd .data li { width: 19.6%; background: white; margin: 0.5% 0.5% 0 0; padding-bottom:5px}
.homePage .module .bd .data li:nth-child(5n) { margin-right: 0; overflow:hidden}
.homePage .module .bd .data .to-big,.homePage .module .bd .data .to-big a { display:block; width:100%; height: 260px; overflow:hidden}
.homePage .module .bd .data .to-big a img { display:none}
.homePage .module .bd .data .to-big a:hover { box-shadow: none}
.homePage .module .bd .data .to-big a { background-position:center; background-size:cover}
.homePage .module .bd .data .text-right { text-align:left!important; padding: 5px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.homePage .module .bd .data .text-right:nth-child(3) { padding: 0 10px; margin: -3px 0 0 0}

.homePage #mycarousel .item { background-position:center; background-size:cover; height:300px}
.homePage #mycarousel .item img { display:none}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background: none!important;}
.navbar-nav .dropdown-menu { border: none!important; top: 98%!important; border-radius: 8px; overflow: hidden;}


/* 登录 */
.login { background-color: white; margin-top: 20px!important; padding: 80px 0 80px 20px;}
.login .row { margin: 0!important;}
.login .row .col-md-6 img { margin: 0!important; width: 550px!important; height: auto!important;}
.login .row .form-login { margin-top: 10%}



.shop_menu_2 .main-detail-nav { margin-left: 0!important; padding-bottom: 5px;}
.main-detail-nav>li { padding-right: 5px}
.main-detail-nav>li.br-active { color: #45b035!important}
.templatemo-content-container { margin-top: 20px!important}
.templatemo-content-container .panel { border: none!important}
.templatemo-content-container .panel table, .templatemo-content-container .panel table tr, .templatemo-content-container .panel table td { border: none!important; background: none!important}



.templatemo-content-container .panel table tr:nth-child(2n) {  background: rgba(0,0,0, .03)!important }
.templatemo-content-container .panel table tr:hover { background: rgba(0,0,0, .04)!important}
.templatemo-content-container .panel table tr td { padding: 10px 16px 10px 0; text-align: right!important}
.templatemo-content-container .panel table tr td, .templatemo-content-container .panel table tr td span,.templatemo-content-container .panel table tr td a { line-height: 22px}
.templatemo-content-container .panel table tr td:nth-child(2) { text-align: right!important}
.templatemo-content-container .panel table tr td:nth-child(1) { text-align: left!important}
.templatemo-content-container .panel table tr td:nth-child(1) a, .templatemo-content-container .panel table tr td:nth-child(1) span { font-weight: bold; padding-left: 16px; position: relative}
.templatemo-content-container .panel table tr td:nth-child(1) a:before {}
.templatemo-content-container .panel table tr td .templatemo-edit-btn { border: none; padding: 2px 15px; background: #45b035; color: white!important}



#goodsinfo thead tr {
	background: rgba(0, 0, 0, 0.3)!important;
}
#goodsinfo thead tr td a {
	color: white!important
}

.about-us-container .content {
	font-size: 14px;
	text-align: left;
	padding: 30px 0;
	word-wrap: break-word;
}




























.custom-pagination { background: white!important; text-align: center; padding: 30px 0 }
.custom-pagination span, .custom-pagination a{ background: #f4f4f5!important; border-radius: 4px; margin: 0 3px; white-space: no-wrap; padding: 5px 8px; color: #606266}
.custom-pagination a:hover { background: #45b035!important; color: white!important}
.custom-pagination span { opacity: .5}