@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'YouYuan';
	src: url('fonts/youyuan.woff');
	src: url('fonts/youyuan.woff?#iefix') format('embedded-opentype'),
		 url('fonts/youyuan.otf') format('truetype');
	font-weight: normal;
    font-style: normal;
}
/*-----------------------------------左侧菜单-----------------------------------------------*//**/
#categorys{ width: 196px; height: 432px; background: #fff; position: absolute; left: 0; top: 0; z-index: 102;}
#categorys.hide-cate-menu{ height: 38px;}
#categorys .nav-tit{ display: none; color: #FFF; font-size: 14px; text-align: center; width: 180px; height: 60px; line-height: 60px; margin: 0 auto; border-radius: 40px 0 0 0; 
					 background-color:#fd3e1a;
					 /*background-image: -moz-linear-gradient( 35deg, rgb(254,59,65) 0%, rgb(230,2,17) 100%); background-image: -webkit-linear-gradient( 35deg, rgb(254,59,65) 0%, rgb(230,2,17) 100%); background-image: -ms-linear-gradient( 35deg, rgb(254,59,65) 0%, rgb(230,2,17) 100%);*/ 
					 box-shadow: inset 0px 1px 0px 0px rgba(125, 49, 49, 0.1),inset 0.777px -0.629px 0px 0px rgba(255, 215, 215, 0.2); position: absolute; left: 0; right: 0; top: -34px; z-index: 100;}
#categorys.hide-cate-menu .nav-tit{ text-indent: 0; width: 100%; height: 38px; line-height: 38px; border-radius: 0; top: 0;}
#categorys .nav-tit .icon{ vertical-align: -1px; width: 20px; height: 14px; margin-right: 10px; background-position: -150px -620px;}
#categorys #nav-menu-list{ width: 196px; height:494px; position:absolute; top: 0; left:0; z-index:9999; display:block;}
#categorys.hide-cate-menu #nav-menu-list{ display:none; top: 38px;}
#categorys .cate-menu { width: 100%; height: 528px; position: relative;}
#categorys .cate-menu .p-content{ height: 100%;}
#categorys .cate-menu .category-inner-con{height: 0; margin: 0 auto; position: relative; z-index: 100;}
#categorys .cate-menu .nav-bg{ display: none; background-color: #FFF; height: 494px; left: 0; position: absolute; top: 0; width: 208px; z-index: 10; /*opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80);*/}
#categorys .cate-menu .nav-con{height: 0;}
#categorys .cate-menu .nav-con .normal-nav{background-color: transparent; position: relative; height: 433px; overflow-x: hidden; overflow-y: auto; z-index: 11;}
#categorys .cate-menu .nav-con .normal-nav::-webkit-scrollbar-track-piece{background: #fff;}
#categorys .cate-menu .nav-con .normal-nav::-webkit-scrollbar {width: 3px;}
#categorys .cate-menu .nav-con .normal-nav::-webkit-scrollbar-thumb {background: #ccc; border-radius: 10px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item{color: #000; font-size: 14px; height: 58px; line-height: 29px; padding:6px 10px 0 10px; /*box-shadow: 0px -1px 0px 0px rgba(214, 214, 214, 0.2);*/ position: relative;}
#categorys .cate-menu .nav-con .normal-nav .nav-item:nth-of-type(8){ border-bottom: none;}
#categorys .cate-menu .nav-con .normal-nav .nav-item a{color: #000; height: 22px; line-height:22px; overflow:hidden;}
#categorys .cate-menu .nav-con .normal-nav .nav-item a:hover{text-decoration:none;}
#categorys .cate-menu .nav-con .normal-nav .nav-item .arrow{ background:url(../images/nav_arrow.png); width:16px; height:16px; margin-top:-6px; position: absolute; right: 10px; top:50%; display:block;}
#categorys .cate-menu .nav-con .normal-nav .nav-item.selected,
#categorys .cate-menu .nav-con .normal-nav .nav-item:hover{ background-color:#00A0E9;}
#categorys .cate-menu .nav-con .normal-nav .nav-item a:hover{ color:#4D83EA;}
#categorys .cate-menu .nav-con .normal-nav .nav-item.selected a,
#categorys .cate-menu .nav-con .normal-nav .nav-item:hover a{ color:#FFF;}
#categorys .cate-menu .nav-con .normal-nav .nav-item .icon-nav{ display:inline-block; display: none; vertical-align:middle; width:18px; height:18px; margin-right:6px; background:url(../images/icon.png) -1px 0 no-repeat; filter:gray;}
#categorys .cate-menu .nav-con .normal-nav .nav-item:nth-child(2) .icon-nav{ background-position:-1px -26px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item:nth-child(3) .icon-nav{ background-position:-1px -52px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item:nth-child(4) .icon-nav{ background-position:-1px -78px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item:nth-child(5) .icon-nav{ background-position:-1px -104px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item:nth-child(6) .icon-nav{ background-position:-1px -130px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item.selected .icon-nav{ background-position:-30px 0;}
#categorys .cate-menu .nav-con .normal-nav .nav-item:nth-child(2).selected .icon-nav{ background-position:-30px -26px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item:nth-child(3).selected .icon-nav{ background-position:-30px -52px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item:nth-child(4).selected .icon-nav{ background-position:-30px -78px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item:nth-child(5).selected .icon-nav{ background-position:-30px -104px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item:nth-child(6).selected .icon-nav{ background-position:-30px -130px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item h3{ color: #fff; font-size: 14px; overflow:hidden; padding-right:20px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item p{ word-break:break-all; height:30px; overflow:hidden;}
#categorys .cate-menu .nav-con .normal-nav .nav-item p a{ display:inline-block; color: #000; font-size:12px; margin-right:10px;}
#categorys .cate-menu .nav-con .normal-nav .nav-item.selected:after{ content:''; position:absolute; right:-8px; top:30px; border-top:8px dashed transparent;  border-bottom:8px dashed transparent; border-left:8px solid #4D83EA;}
#categorys .cate-menu .nav-con .normal-nav .nav-item.selected a:hover{ text-decoration:underline;}
#categorys .category-tab-content{ height: 433px; overflow: hidden; }
/*菜单展开*/
#categorys .cate-menu .content-con{ font-size:12px; height: 494px; line-height:20px; left: 0; position: absolute; top: 0; z-index: 1;}
#categorys .cate-menu .content-con .pannel-con{ height: 100%; width: 100%; position:relative; left:0; top:-1px;}
#categorys .cate-menu .content-con .pannel-con.selected{display: block;}
#categorys .cate-menu .content-con .pannel-con div.opacity98{ background:#FFF;/*url(../images/pannel-con-bg.png) repeat;*/}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel{display: none;position: absolute; top: 0; left: 200px; height: 431px;z-index: 5; width:1000px;overflow: hidden;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel.show{display: block; left: 206px; border:1px solid #D8D8D8;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .left-part{ float: left; width: 650px; height: 100%; padding: 0 20px; overflow: auto;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part{ width: 288px; height:462px; background-color:#fff; float: right;overflow: hidden;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .list-con{ display: table; overflow: hidden; width: 100%;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .list-item{ display: table-row; vertical-align: top; padding-bottom: 10px;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .title{ display: table-cell; color: #333; font-size: 14px; vertical-align:top; white-space: nowrap; text-align: right; line-height:28px; overflow: hidden;  padding: 10px 20px; margin-right:-1px; background-color: #FFF; position: relative;width:60px}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .title a{color:#333; font-weight:700;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .label-list{ display: table-cell; vertical-align:top; line-height:28px; padding: 10px 0; border-bottom: 1px dotted #E8E8E8; position:relative;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .grid1{/*min-height: 25px;*/ overflow: hidden; margin-left: -6px;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .grid2{min-height: 33px; overflow: hidden;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .label-list a{font-size: 13px; display: inline-block; white-space: nowrap; /*background:url(../images/ico-short-line.jpg) left center no-repeat;*/ padding: 0 4px; color: #999;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .label-list a:hover{text-decoration: underline; color:#3778E8;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .label-list .highlight{color: #d01f47;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-list{ width:300px; margin:0 auto;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-top{ border-bottom:1px solid #d3d3d3; padding-bottom:10px;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-top h3{ font-weight:700; line-height:30px;} 
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-top h3 a{ color:#999;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-label-list a{ color:#999; margin-bottom:5px; padding-right:5px; display: inline-block;float: left;white-space: nowrap;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-ct{ border-bottom:1px solid #d3d3d3; padding-bottom:15px;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-ct a{ float:left; display:block; width:85px; height:30px; margin-top:15px; text-align:center;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-bottom{ margin-top:0;}
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-bottom a{ display: block; }
#categorys .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-bottom a img{ width: 100%;}

/*-----------------------------------左侧菜单-----------------------------------------------*/ /**/
#categorys2{ width: 190px; height:462px; position: absolute; left: 0; top: 0; z-index: 102;}
#categorys2.hide-cate-menu{display:none; height: 38px;}
#categorys2 .nav-tit{ color: #FFF; font-size: 16px; height: 38px; line-height: 38px; text-indent: 20px; background-color: #2261D3; position: absolute; left: 0; right: 0; top: -38px; z-index: 100;}
#categorys2.hide-cate-menu .nav-tit{ top: 0;}
#categorys2 .nav-tit .icon{ vertical-align: -1px; width: 20px; height: 14px; margin-right: 10px; background-position: -150px -620px;}
#categorys2 #nav-menu-list2{ width: 190px; height:494px; position:absolute; top:0; left:0; z-index:9999; display:block;}
#categorys2.hide-cate-menu #nav-menu-list2{ display:none; top: 38px;}
#categorys2 .cate-menu { width: 100%; position: relative;}
#categorys2 .cate-menu .p-content{ height: 100%;}
#categorys2 .cate-menu .category-inner-con{height: 0; margin: 0 auto; position: relative; z-index: 100;}
#categorys2 .cate-menu .nav-bg{ display: none; background-color: #FFF; height: 494px; left: 0; position: absolute; top: 0; width: 208px; z-index: 10; /*opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80);*/}
#categorys2 .cate-menu .nav-con{height: 0;}
#categorys2 .cate-menu .nav-con .normal-nav{background-color: transparent; position: relative; height:518px; overflow: hidden; z-index: 11;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item{color: #BAB9B5; font-size: 14px; height: 58px; line-height: 29px; padding:6px 10px 0 10px; border-bottom: 1px solid #3D2525; position: relative;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item:nth-of-type(n+7){ border-bottom: none;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item a{color: #BAB9B5; height: 22px; line-height:22px; overflow:hidden;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item a:hover{text-decoration:none;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item .arrow{ background:url(../images/nav_arrow.png); width:10px; height:16px; margin-top:-6px; position: absolute; right: 10px; top:50%; display:block;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item.selected,
#categorys2 .cate-menu .nav-con .normal-nav .nav-item:hover{ background-color:#fc4b44;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item a:hover{ color:#4D83EA;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item.selected a,
#categorys2 .cate-menu .nav-con .normal-nav .nav-item:hover a{ color:#FFF;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item .icon-nav{ display:inline-block; display: none; vertical-align:middle; width:18px; height:18px; margin-right:6px; background:url(../images/icon.png) -1px 0 no-repeat; filter:gray;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item:nth-child(2) .icon-nav{ background-position:-1px -26px;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item:nth-child(3) .icon-nav{ background-position:-1px -52px;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item:nth-child(4) .icon-nav{ background-position:-1px -78px;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item:nth-child(5) .icon-nav{ background-position:-1px -104px;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item:nth-child(6) .icon-nav{ background-position:-1px -130px;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item.selected .icon-nav{ background-position:-30px 0;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item:nth-child(2).selected .icon-nav{ background-position:-30px -26px;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item:nth-child(3).selected .icon-nav{ background-position:-30px -52px;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item:nth-child(4).selected .icon-nav{ background-position:-30px -78px;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item:nth-child(5).selected .icon-nav{ background-position:-30px -104px;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item:nth-child(6).selected .icon-nav{ background-position:-30px -130px;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item h3{ color:#333; font-size:16px; overflow:hidden; padding-right:20px;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item p{ word-break:break-all; height:30px; overflow:hidden;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item p a{ display:inline-block; color:#BAB9B5; font-size:14px; margin-right:10px;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item.selected:after{ content:''; position:absolute; right:-8px; top:30px; border-top:8px dashed transparent;  border-bottom:8px dashed transparent; border-left:8px solid #4D83EA;}
#categorys2 .cate-menu .nav-con .normal-nav .nav-item.selected a:hover{ text-decoration:underline;}
#categorys2 .category-tab-content{ height: 518px; overflow: hidden; background-color: #1C0203;}
/*菜单展开2*/
#categorys2 .cate-menu .content-con{ font-size:12px; height: 494px; line-height:20px; left: 0; position: absolute; top: 0; z-index: 1;}
#categorys2 .cate-menu .content-con .pannel-con{ height: 100%; width: 100%; position:relative; left:0; top:-1px;}
#categorys2 .cate-menu .content-con .pannel-con.selected{display: block;}
#categorys2 .cate-menu .content-con .pannel-con div.opacity98{ background:#FFF;/*url(../images/pannel-con-bg.png) repeat;*/}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel{display: none;position: absolute;top: 0; left: 200px; height: 518px;z-index: 5; width:1008px;overflow: hidden;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel.show{display: block; left: 200px; border:1px solid #D8D8D8;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .left-part{ float: left; width: 650px; height: 100%; padding: 0 20px; overflow: auto;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .right-part{ width: 288px; height:462px; background-color:#fff; float: right;overflow: hidden;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .list-con{ display: table; overflow: hidden; width: 100%;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .list-item{ display: table-row; vertical-align: top; padding-bottom: 10px;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .title{ display: table-cell; color: #333; font-size: 14px; vertical-align:top; white-space: nowrap; text-align: right; line-height:28px; overflow: hidden;  padding: 10px 20px; margin-right:-1px; background-color: #FFF; position: relative;width:60px}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .title a{color:#333; font-weight:700;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .label-list{ display: table-cell; vertical-align:top; line-height:28px; padding: 10px 0; border-bottom: 1px dotted #E8E8E8; position:relative;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .grid1{/*min-height: 25px;*/ overflow: hidden; margin-left: -6px;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .grid2{min-height: 33px; overflow: hidden;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .label-list a{font-size: 13px; display: inline-block; white-space: nowrap; /*background:url(../images/ico-short-line.jpg) left center no-repeat;*/ padding: 0 4px; color: #999;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .label-list a:hover{text-decoration: underline; color:#3778E8;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .label-list .highlight{color: #d01f47;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-list{ width:300px; margin:0 auto;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-top{ border-bottom:1px solid #d3d3d3; padding-bottom:10px;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-top h3{ font-weight:700; line-height:30px;} 
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-top h3 a{ color:#999;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .right-label-list a{ color:#999; margin-bottom:5px; padding-right:5px; display: inline-block;float: left;white-space: nowrap;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-ct{ border-bottom:1px solid #d3d3d3; padding-bottom:15px;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-ct a{ float:left; display:block; width:85px; height:30px; margin-top:15px; text-align:center;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-bottom{ margin-top:0;}
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-bottom a{ display: block; }
#categorys2 .cate-menu .content-con .pannel-con .hot-word-pannel .right-part-bottom a img{ width: 100%;}

/*-----------------------------------banner-----------------------------------------------*//**/
.cate-menu { width:100%; height:432px;}
.banner-wrap{ width:100%; height:432px; overflow:hidden; background:#f6f6f6 url(../images/loading.gif) center center no-repeat; position: absolute; z-index: 1;}
.banner-con{ width:1920px; height:432px; overflow: hidden; margin-left: -960px; position: absolute; left: 50%; z-index: 0;}
.banner-con .banner-slider{ height:432px;}
.button-previous{ display: none; background:none;}
.button-next{ background:none;}
/*图片轮播*/
#slider { height: 432px;}
#slider li a{ display:block; width:100%; height:100%; position:relative; z-index:2;}
#slider .nav-link{ background-color:#7C7C7C;}
#slider .nav-link.active{ background-color:#EF3D12;}
.nav-link{ margin-right:2px;}

.banner-txt{ width: 200px; height: 552px; overflow:hidden; border-top: 2px solid #2c2c2c; background-color:#FFF; position:absolute; top:0; right:0; z-index:10;}
.banner-txt-top{ text-align: center; margin-bottom: 16px;}
.banner-avatar img{ width:52px; height:52px; border-radius:50%;}
.banner-avatar-txt{ color: #8c8e8e; font-size: 12px; margin-top: 16px;}
.banner-avatar-txt .top{ color: #3f4243; font-size: 16px; margin-top: 16px;}
.banner-avatar-txt .welcome{ color: #3f4243; font-size: 14px; margin-top: 20px;}
.banner-avatar-txt .login{ margin-top: 12px;}
.banner-txt-info{ height: 194px; padding:30px 10px;}
.banner-txt-info h3{ font-size:16px; margin-bottom:20px;}
.banner-txt-info .banner-txt-btn{ display:inline-block; color: #fff; font-size:14px; text-align:center; width: 180px; height:30px; line-height:30px; margin-right: 10px; margin-bottom:4px; border-radius: 5px; background-color: #fd3e1a; cursor:pointer;}
.banner-txt-info .banner-txt-btn:hover{ text-decoration: underline;}
.banner-txt-info .banner-txt-link{ font-family:"宋体";}
.banner-txt-news-tab{ color: #333; font-size:14px; height:16px; line-height:16px; padding-left:14px; padding-bottom: 16px; position:relative;}
.banner-txt-news-tab .tab{ display:inline-block; color:#333; line-height:30px; margin-right:28px; margin-top: 6px;}
.banner-txt-news-tab .tab:hover{ text-decoration:none;}
.banner-txt-news-tab .more{ color:#666; position:absolute; right:10px; z-index:1;}
.banner-txt-news-con{ color: #666; font-size: 12px; height: 90px; padding:5px 14px; border-bottom:1px solid #E0E0E0;}
.banner-txt-news-con li{ height: 22px; line-height:22px; overflow: hidden;}
.banner-txt-news-con li a{ color: #666;}
.banner-txt-news-con li a:hover{ text-decoration: underline;}
.banner-txt-nav{ font-size:12px; overflow: hidden;}
.banner-txt-nav .nav-title{ color: #cf9f8b; font-size: 16px; text-align: center; height: 52px; line-height: 52px; border-bottom: 1px solid #f5f5f5;}
.banner-txt-nav .nav-title .fr{ color: #666; font-size: 14px;}
.banner-txt-nav li{ padding: 18px 8px; border-bottom: 1px solid #f5f5f5;}
.banner-txt-nav li:last-of-type{ border-bottom: none;}
.banner-txt-nav li a{ display:block; width:100%; height:100%;}
.banner-txt-nav li a:hover{ text-decoration:none;} 
.banner-txt-nav li .ico{ float: left; width:32px; height:32px; margin-top: 10px; margin-right: 10px; background-image:url(../images/banner-txt-nav.png); background-position:0 -2px; background-repeat:no-repeat; transition:transform 0.3s;}
.banner-txt-nav li:hover .ico{ transform-origin:center bottom; transform:translateY(-4px);}
.banner-txt-nav li .ico.ico02{ background-position:-73px -1px;}
.banner-txt-nav li .ico.ico03{ background-position:-140px -1px;}
.banner-txt-nav li h3{ color: #3f4243;}
.banner-txt-nav li p{ color: #8c8e8e; margin-top: 12px;}
.banner-txt-ban{ padding:10px 30px; position:relative;}
.banner-txt-ban:hover .ico-hand{}
.banner-txt-ban .ico-hand{ display:block; width:27px; height:37px; margin-left:30px; background:url(../images/bg.png) 0 -543px no-repeat; position:absolute; left:50%; top:100px; z-index:1;}
.banner-txt-ban .layer{ position:absolute; left:0; top:0; z-index:1; transition:all 0.3s;}
.banner-txt-ban:hover .layer{ transform: scale(.9,.9);}
.banner-txt-ban h3{ font-size:14px; width:100%; height:24px; line-height:24px; overflow:hidden; margin-bottom:4px;}
.banner-txt-ban .hot{ display:inline-block; width:24px; height:16px; margin-left:10px; background:url(../images/bg.png) no-repeat -70px -653px;}
.banner-txt-ban .banner-txt-ban-slide{ position:relative;}
.banner-txt-ban .banner-txt-ban-slide ul{ width:182px; height:158px; overflow:hidden;}
.banner-txt-ban .banner-txt-ban-slide img{ width:182px; height:134px;}
.banner-txt-ban .banner-txt-ban-slide .banner-txt-ban-control{ width:8px; height:14px; margin-top:5px; background:url(../images/bg.png) no-repeat -170px -670px; position:absolute; left:-18px; top:50%; z-index:1; cursor:pointer;}
.banner-txt-ban .banner-txt-ban-slide .banner-txt-ban-control:hover{ background-position:-160px -670px;}
.banner-txt-ban .banner-txt-ban-slide .banner-txt-ban-control.right{ background-position:-170px -653px; left:auto; right:-18px;}
.banner-txt-ban .banner-txt-ban-slide .banner-txt-ban-control.right:hover{ background-position:-160px -653px;}
.banner-txt-bottom .btn{ display: inline-block; vertical-align: middle; color: #999; text-align: center; width: 48%; height: 38px; line-height: 38px;}
.banner-txt-bottom .btn:hover{ color: #333;}
.banner-txt-bottom .btn i{ display: inline-block; vertical-align: middle; margin-right: 10px; background: url(../images/bg.png) no-repeat;}
.banner-txt-bottom .btn i.icon-service{ width: 16px; height: 16px; background-position: -170px -440px;}
.banner-txt-bottom .btn i.icon-message{ width: 18px; height: 15px; background-position: -200px -440px;}

/*左侧导航*/
#scroll-nav{ width: 76px; overflow:hidden; padding: 10px; border-radius: 5px; background-color: #fff; box-shadow: 0px 7px 9px 0px rgba(150, 150, 150, 0.1); position:absolute; left:-205px; top:108px; z-index:9999; font-size:14px;}
#scroll-nav.fixed{ position: fixed; top: 20px; left: 50px; z-index: 9999;}
#scroll-nav ul{ margin-bottom: 10px;}
#scroll-nav ul li{ margin-bottom: 8px;}
#scroll-nav ul li a,#scroll_menu .BackToTop{ line-height:16px; display:block; color:#F0370C; font-size:14px; text-align:center; }
/*#scroll-nav ul li:first-child a{ color: #333;}*/
#scroll-nav ul li a{ color: #b5b5b5; font-weight:bold; min-height:16px; padding: 12px 6px;  border-radius: 5px; background:#fff; position:relative; cursor: pointer; transition:all 0.3s;}
#scroll-nav ul li a:hover{ color: #fff; text-decoration:none; background-color: #f4242d;}
#scroll-nav ul li.cur a{ color: #fff; background: #fd3e1a; cursor: default;}
#scroll-nav .top{ display: none; color: #fff; font-size: 18px; text-align: center; line-height: 50px; border-bottom: 1px solid #F4F4F4; background: #2261D3; cursor: default;}
#scroll-nav .to-top{ color: #b5b5b5; text-align: center; height: 30px; line-height: 30px; cursor: pointer;}
#scroll-nav .to-top .icon{ display: block; width: 0; height: 0; margin: 0 auto; border-left: 6px dashed transparent; border-right: 6px dashed transparent; border-bottom: 6px solid #b5b5b5; background: none;}

/*右侧导航*/
#scroll-nav-right{ display: none; width:84px; overflow:hidden; position:absolute; right:-205px; top:108px; z-index:9999; font-size:14px;}
#scroll-nav-right.fixed{ position: fixed; top: 20px; right: 50px; z-index: 9999;}
#scroll-nav-right ul li{ position: relative; background:#fff;}
#scroll-nav-right ul li a,#scroll_menu .BackToTop{ line-height:16px; display:block; color:#F0370C; font-size:14px; text-align:center; }
#scroll-nav-right ul li:first-child a{ color: #333;}
#scroll-nav-right ul li a{ color: #666; font-weight:bold; min-height:16px; padding-top: 54px; padding-bottom: 16px; border-bottom:1px solid #F5F5F5; position:relative; cursor: pointer; transition:all 0.3s;}
#scroll-nav-right ul li:nth-child(3) a{ padding-top: 60px;}
#scroll-nav-right ul li:hover a{ color: #2261d3; text-decoration:none;}
#scroll-nav-right ul li.cur a{ color: #fff; background: #FA6A62; cursor: default;}
#scroll-nav-right ul li a::after{ content: ''; background: url(../Images/icon-scroll-nav-right.png) no-repeat; position: absolute; top: 16px; left: 50%; z-index: 1;}
#scroll-nav-right ul li:nth-child(1) a::after{ width: 24px; height: 24px; margin-left: -12px; background-position: -13px -8px;}
#scroll-nav-right ul li:nth-child(1) a:hover::after{ background-position: -65px -8px;}
#scroll-nav-right ul li:nth-child(2) a::after{ width: 24px; height: 26px; margin-left: -12px; background-position: -13px -94px;}
#scroll-nav-right ul li:nth-child(2) a:hover::after{ background-position: -65px -94px;}
#scroll-nav-right ul li:nth-child(3) a::after{ width: 32px; height: 32px; margin-left: -12px; background-position: -11px -181px;}
#scroll-nav-right ul li:nth-child(3) a:hover::after{ background-position: -63px -181px;}
#scroll-nav-right ul li:nth-child(4) a::after{ width: 24px; height: 24px; margin-left: -12px; background-position: -12px -279px;}
#scroll-nav-right ul li:nth-child(4) a:hover::after{ background-position: -64px -279px;}
#scroll-nav-right .top{ color: #fff; font-size: 14px; text-align: center; line-height: 18px; padding: 6px 0 10px 0; border-bottom: 1px solid #F4F4F4; background: #2261D3; cursor: default;}
#scroll-nav-right .to-top{ display: none; text-align: center; height: 40px; line-height: 40px; background-color:#969696; cursor: pointer;}
#scroll-nav-right .to-top .icon{ width: 26px; height: 22px; background: url(../Images/ico.png) -39px -40px;}

/*栏目*/
.channel-con {/* overflow:hidden;*/}
.channel-con .channel-box{ margin-top:40px;}
.channel-con .main-box{ padding-bottom: 68px;}
.channel-con .module-title{ color: #333; font-size: 24px; height: 50px; line-height: 50px; position: relative;}
.channel-con .module-title .tit{ display:inline-block; *zoom:1; font-size: 24px; position: relative;}
/*.channel-con .module-title .tit::before, .channel-con .module-title .tit::after{ content: ''; width: 196px; border-bottom: 1px solid #343434; position: absolute; top: 50%; z-index: 1;}*/
.channel-con .module-title .tit::before{ left: -230px;}
.channel-con .module-title .tit::after{ right: -230px;}
.channel-con .module-title.t3 .tit{ padding: 0 10px;}
.channel-con .module-title .en{ color: #8d8d8d; font-size:12px; padding-left:10px;}
.channel-con .module-title i{ display: none; color:#000; font-family:Arial; font-size: 40px; font-weight: bold;text-align:center; width:auto; height:100%; margin-right:12px;}
.channel-con .module-title .m-icon{ color:#FFF; font-size:12px; text-indent:24px; line-height:22px; margin-top:8px; margin-right:10px;}
.channel-con .module-title .more{ float: right; font-size:16px; padding-right: 10px;}
.channel-con .module-title .more::after{ content: ''; margin-top: -5px; border-top: 5px dashed transparent; border-bottom: 5px dashed transparent; border-left: 5px solid #333; position: absolute; right: 0; top: 50%; z-index: 1;}
.channel-con .module-mtitle{color: #333; font-size: 18px; font-weight: 700; width:100%; height: 40px; line-height: 40px; margin-bottom:15px; border-bottom:1px solid #E5E5E5;}
.channel-con .module-mtitle i{ width:88px; height:29px; background:url(../images/title.png) no-repeat; float:left;}
.channel-con .module-mtitle i::after{ display:block; width:88px; height:39px; content:''; border-bottom:2px solid #D7421E;}
.channel-con .module-ttitle{color: #333; font-size: 24px; text-align:center; width:100%; line-height: 40px; margin-bottom:30px;}
.channel-con .module-ttitle h1{ display:inline-block; *display:inline; *zoom:1; color:#444; font-size:30px; border-bottom:1px solid #CACACA;}
.channel-con .module-ttitle h1 .en{ color:#EF3D12; font-family:Arial; font-size:24px; margin-left:10px;}
.channel-con .module-ttitle h3{ color:#888; font-size:14px; line-height:26px;}
.channel-con .module-title strong{ color:#e6063c; font-size:24px; font-weight:normal; background-position:32px -25px; padding-right: 20px;}
.channel-con .module-title em{ font-size:18px; font-weight:normal; color:#999;}
.channel-con .module-title .title-decoration { font-size:14px; color:#999; font-family:Arial; font-weight:normal; }
.channel-con .slide-btn{ margin-top: -15px; position: absolute; left: 0; top: 50%; z-index: 100;}
.channel-con .slide-btn.next{ left: auto; right: 0;}
.channel-con .slide-btn .btn{ display:inline-block; *zoom:1; color:#B0B0B0; font-family:Helvetica; font-weight:bold; font-size:16px; text-align:center; vertical-align:middle; width:30px; height:30px; line-height:30px; border-radius: 50%; background: #fff url(../Images/ban-larw.png) center center no-repeat; cursor:pointer; filter: hue-rotate(203deg);}
.channel-con .slide-btn .btn.next{ background-image: url(../Images/ban-rarw.png);}
.channel-con .slide-btn .btn.prevStop,.channel-con .slide-btn .btn.nextStop{ cursor:default; filter: grayscale(100%);}
.channel-con .fp-sub-slide .slide-btn .btn{ width: 16px; height: 30px; border-radius: 0; background-image: none; background-color: rgba(0, 0, 0, .5);}
.channel-con .fp-sub-slide .slide-btn .btn::after{ content: ''; display: inline-block; width: 8px; height: 8px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-45deg);}
.channel-con .fp-sub-slide .slide-btn.next .btn::after{ transform: rotate(135deg) translate(2px, 3px);}
.channel-con .fp-sub-slide .slide-btn.prevStop .btn,
.channel-con .fp-sub-slide .slide-btn.nextStop .btn{ background-color: #999;}
.channel-con .module-body { width: 100%;}
.channel-con .order-process{ text-align:center;}
.channel-con .box-show{ padding-top:46px;}

.channel-con .box-show .sgood_list{ width:1230px;}
.channel-con .box-show .sgood_list li{ float:left; width:180px; overflow:hidden; text-align: center; margin-right:24px;}
.channel-con .box-show .sgood_list li.last{ margin-right:0;}
.channel-con .box-show .sgood_list li a{ width:180px; height: 180px;line-height: 180px; display: block; font-size: 0;overflow: hidden; text-align: center; position:relative;}
.channel-con .box-show .sgood_list li a img { max-width: 180px; vertical-align: middle;}
.channel-con .box-show .sgood_list li a span { display: inline-block; font-size: 0; height: 100%;line-height: 0; overflow: hidden; vertical-align: middle; width: 0;}
.channel-con .box-show .sgood_list li p{ color:#666;}
.channel-con .box-show .sgood_list .sales{ display:block; color:#FFF; font-size:12px; text-align:left; text-indent:1em; width:100%; height:30px; line-height:30px;  background:url(../images/grad01.png) repeat-x; position:absolute; left:0; bottom:0; z-index:1;}
.channel-con .box-show .sgood_list .gcon{ height:38px; line-height:18px; padding:6px; border:1px solid #E8E8ED; background-color:#FFF;}
.channel-con .box-show .sgood_list .gprice{ color:#d7421e;}

.channel-con .fp-left{ width:220px;}
.channel-con .fp-wrap{/* overflow:hidden;*/ position: relative;}
.channel-con .fp-floor{ overflow: hidden; margin-top:30px;}
.channel-con .floor-nav { display: none; position: absolute; right: 0; bottom: 0; width:880px; height:30px; overflow:hidden;}
.channel-con .floor-nav-tab{ float:right; text-align: right; margin-right:-22px;height:30px;overflow:hidden;}
.channel-con .floor-nav-tab li{ display:inline-block; height:30px; line-height:30px;}
.channel-con .floor-nav-tab li a{ font-size:20px; text-decoration:none; margin-right:22px; display:block; color:#333;}
.channel-con .floor-nav-tab li.selected a{ color:#248EF5;}
.channel-con .floor-nav-tab li a:hover{ color:#248EF5;}
.channel-con .fp-con-left{ float: left; width: 228px; height:618px; position:relative; z-index:2;}
.channel-con .fp-con-left.wide{ width: 936px; height: 462px;}
.channel-con .fp-con-left a{ display: block; height: 100%;}
.channel-con .fp-con-left a:hover{ opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity=85); transition:all .3s;}
.channel-con .fp-con-left img{ display: block; width: 100%; height: 100%;}
.channel-con .fp-con-left .link{ position: absolute; left: 20px; top: 40px; z-index: 1000;}
.channel-con .fp-con-left .link .item{ color: #65A4DE; display: inline-block; vertical-align: top; padding: 4px 10px; margin-right: 16px; margin-bottom: 12px; border: 1px solid #65A4DE; border-radius: 30px;}
.channel-con .fp-con-left .link .item:hover{ color: #fff; background-color: #65A4DE;}
.channel-con .fp-floor:nth-child(2) .fp-con-left .link .item{ color: #6B6ECA; border-color: #6B6ECA;}
.channel-con .fp-floor:nth-child(2) .fp-con-left .link .item:hover{ color: #fff; background-color: #6B6ECA;}
.channel-con .fp-floor:nth-child(n + 2) .fp-con-left .link .item{ color: #000; border-color: #000;}
.channel-con .fp-floor:nth-child(n + 2) .fp-con-left .link .item:hover{ color: #fff; background-color: #000;}
.channel-con .fp-con-list{ padding-top:291px;}
.channel-con .fp-con-list a{ float:left; width:93px; padding-left:12px; color:#fff; font-size:13px; height:25px; line-height:25px; overflow:hidden;}
.channel-con .fp-con-right{ float: right; width: 962px; height: 618px; overflow: hidden; position:relative;}
.channel-con .fp-con-right.small{ width: 262px; height: 458px; border: 2px solid #f8695b; border-left: none;}
.channel-con .fp-floor:nth-of-type(5) .fp-con-right.small{ border-color: #282828;}
.channel-con .fp-con-right .floor-nav-con { width:102%;}
.channel-con .fp-con-right .floor-nav-con.small { float: left; width:595px; margin-right: 10px;}
.channel-con .fp-con-right .floor-nav-con.small:nth-child(2n){ margin-right: 0;}
.channel-con .fp-con-right .floor-nav-title{ font-size: 30px; width: 1118px; padding: 20px; padding-left: 64px; margin: 62px 0 20px 0; background-color: #D9EAF4; position: relative;}
.channel-con .fp-con-right .floor-nav-title::after{ content: ''; width: 22px; height: 25px; margin-top: -12px; background: url(../Images/ico.png) -38px -80px no-repeat; position: absolute; left: 20px; top: 50%; z-index: 1;}
.channel-con .fp-con-right .floor-nav-title.color02{ background-color: #E5E8F1;}
.channel-con .fp-con-right .floor-nav-title.color03{ background-color: #F6E2E3;}
.channel-con .fp-con-right .floor-nav-title.color04{ background-color: #EEE5F6;}
.channel-con .fp-con-right .floor-nav-title.color05{ background-color: #D9EAF4;}
.channel-con .fp-con-right .floor-nav-title.color06{ background-color: #E5DAD6;}
.channel-con .fp-con-right .floor-nav-title.color07{ background-color: #DAE9EC;}
.channel-con .fp-con-right .floor-nav-con.small .floor-nav-title{ width: auto;}
.channel-con .fp-con-right .floor-nav-con.small ul{ width: 102%;}
.channel-con .fp-con-right .floor-nav-list{ float: left; width: 962px; height: 619px; border: 1px solid #f4f4f4;}
.channel-con .fp-con-right .floor-nav-list li{ width: 227px; height: 301px; margin-right: 16px; margin-bottom: 16px; float:left; background-color:#FFF; position:relative;}
.channel-con .fp-con-right .floor-nav-list li:nth-of-type(4n+4){ margin-right: 0;}
.channel-con .fp-con-right .floor-nav-list.middle li{ width: 232px;}
.channel-con .fp-con-right .floor-nav-list.small li{ width: 191px; height: 220px;}
.channel-con .fp-con-right .floor-nav-list li img{ background-color:#f6f6f6; transition: transform .3s;}
.channel-con .fp-con-right .floor-nav-list li:hover img{ opacity: .75;}
.channel-con .fp-con-right .floor-nav-list li.big{ width: 596px; height: 223px;}
.channel-con .fp-con-right .floor-nav-list li.big img{ width: 100%; height: 100%;}
.channel-con .fp-con-right .floor-nav-list.middle li.big{ width: 474px; height: 223px;}
.channel-con .fp-con-right .floor-nav-list.small li.big{ width: 393px; height: 220px;}
.channel-con .fp-con-right .floor-nav-list li.hbig img{ width: 100%; height: 100%;}
.channel-con .fp-con-right .floor-nav-list.middle li.hbig{ width: 232px; height: 456px;}
.channel-con .fp-con-right .floor-nav-tab li.more a i{ display:inline-block; *zoom:1; vertical-align:0; width:17px; height:17px; line-height:17px; background:url(../images/bg.png) -37px -508px no-repeat;}
.channel-con .fp-con-right .floor-nav-tab li.more a:hover{ color:#FFC040;}
.channel-con .fp-con-right .floor-nav-tab li.more a:hover i{ background-position:-54px -508px;}
.channel-con .fp-con-right .floor-nav-list.list1 li{ width:277.6px; height:220px;}
.channel-con .fp-con-right .floor-nav-list.list3 li{ height:162px;}
.channel-con .fp-con-right .floor-nav-list li .li-goods-top{ width: 195px; height: 195px; padding-top: 16px; line-height: 134px; margin: 0 auto; display: block; font-size: 0;overflow: hidden; text-align: center; position: relative;}
.channel-con .fp-con-right .floor-nav-list.list1 li .li-goods-top{ width:277px; height:190px;}
.channel-con .fp-con-right .floor-nav-list.list3 li .li-goods-top{ height:136px;}
.channel-con .fp-con-right .floor-nav-list li .li-goods-top img { vertical-align: middle; width:100%;}
.channel-con .fp-con-right .floor-nav-list li .li-goods-top span { display: inline-block; font-size: 0; height: 100%;line-height: 0; overflow: hidden; vertical-align: middle; width: 0;}
.channel-con .fp-con-right .floor-nav-list li .li-goods-top .diy{ display: block; width: 49px; height: 38px; background: url(../images/list-diy.png) no-repeat; position: absolute; right: 0; top: 0; z-index: 10;}
.channel-con .fp-con-right .floor-nav-list li .li-goods-info{ display: block; font-size:14px; padding: 10px;}
.channel-con .fp-con-right .floor-nav-list li:hover .li-goods-info{ bottom: 0;} 
.channel-con .fp-con-right .floor-nav-list.list3 li .li-goods-info{ padding-top:10px;}
.channel-con .fp-con-right .floor-nav-list li .li-goods-tit{ display: block; overflow: hidden; margin-bottom: 0;white-space:nowrap;text-overflow:ellipsis;}
.channel-con .fp-con-right .floor-nav-list.list3 li .li-goods-tit{ height:24px; line-height:24px; }
.channel-con .fp-con-right .floor-nav-list li .li-goods-tit a{ color:#555; font-size: 14px;}
.channel-con .fp-con-right .floor-nav-list li .li-goods-btn{ color: #999; margin-top: 10px;}
.channel-con .fp-con-right .floor-nav-list li .li-goods-price{ color:#888; font-size:14px; text-decoration: line-through;}
.channel-con .fp-con-right .floor-nav-list li .li-goods-price a{ color:#e6063c; font-weight:bold;}
.channel-con .fp-con-right .floor-nav-list li .li-goods-bprice{ color:#e61226; font-size:14px; line-height: 30px;}
.channel-con .fp-con-right .floor-nav-list li a.btn-price-view{ display: inline-block; color:#666; font-weight:normal; font-size:14px; text-align: center; height:24px; line-height:24px; padding: 0 14px; margin-top: 8px; border-radius:14px; background-color:#ececec;}
.channel-con .fp-con-right .floor-nav-list li a.btn-price-view:hover{ color: #FFF; background-color: #3778E8;}
.floor-cus-list li a.btn-price-view:hover{ background-color:#F6E9E3;}
.channel-con .fp-con-right .floor-nav-list li:hover .li-goods-buy{ opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.channel-con .fp-con-right .floor-nav-list li .li-goods-buy{ color:#FFF; text-align:left; width:100%; height:34px; text-indent:18px; line-height:34px; position:absolute; left:0; bottom:0; z-index:1; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.channel-con .fp-con-right .floor-nav-list li .li-goods-buy b{ width:100%; height:100%; background-color:#000; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); position:absolute; left:0; top:0; z-index:-1;}
.channel-con .fp-con-right .floor-nav-list li .li-goods-buy .btn_buy{ text-indent:0; text-decoration:none; height:22px; line-height:22px; padding:0 10px; margin-right:16px; border-radius:10px; background-color:#D7451E; position:absolute; top:6px; right:0; z-index:1;}
.channel-con .fp-con-right .floor-nav-list li .li-goods-buy .btn_buy:hover{ background-color:#C13E1B;}
.channel-con .fp-con-right .floor-nav-list li a.btn_view{ float:right; color:#FFF; font-weight:normal; font-size:12px; text-indent:0; text-decoration:none; height:24px; line-height:24px; padding:0 10px; border-radius:10px; background-color:#A2C390;}
.channel-con .fp-con-right .floor-nav-list li a.btn_view:hover{ background-color:#94BA7F;}
.channel-con .fp-con-right .floor-cat-list{ float: left; width: 164px; height: 378px; padding: 40px 22px; background-color: #f4f4f4;}
.channel-con .fp-con-right .floor-cat-list .link-con{ height: 106px; overflow: hidden;}
.channel-con .fp-con-right .floor-cat-list .link-con a{ display: inline-block; vertical-align: middle; text-align: center; width: 56px; height: 26px; line-height: 26px; overflow: hidden; padding: 0 10px; margin-bottom: 12px; border-radius: 13px; background-color: #fff;}
.channel-con .fp-con-right .floor-cat-list .link-con a:hover{ color: #e61226;}
.channel-con .fp-con-right .floor-cat-list .link-ad{ margin-top: 80px;}
.channel-con .fp-con-right .floor-cat-list .link-ad .top{ padding-left: 30px;}
.channel-con .fp-con-right .floor-cat-list .link-ad .top .title{ color: #e00700; margin-bottom: 6px; position: relative;}
.channel-con .fp-con-right .floor-cat-list .link-ad .top .title a{ color: #e00700;}
.channel-con .fp-con-right .floor-cat-list .link-ad .top .title::after{ content: '＞'; color: #888; text-indent: 5px; width: 22px; height: 22px; line-height: 22px; border-radius: 50%; background-color: #fff; position: absolute; left: -30px; top: 0; z-index: 1;}
.channel-con .fp-con-right .floor-cat-list .link-ad .pic{ width: 120px; height: 120px; padding-left: 30px; margin-top: 30px;}
.channel-con .fp-con-right .floor-cat-list .link-ad .pic img{ width: 100%; height: 100%;}
.channel-con .fp-adv-img{ width:100%; height:90px; margin-top:20px;}

.channel-con .fp-con-right .floor-pro-list{ padding: 10px;}
.channel-con .fp-con-right .floor-pro-list li{ float: left; width: 118px; height: 190px; margin-right: 8px; margin-bottom: 10px; background-color: #fff; box-shadow: 0px 11px 21px 0px rgba(224, 4, 16, 0.1);}
.channel-con .fp-con-right .floor-pro-list li:hover{ box-shadow: 0 0 2px #ccc;}
.channel-con .fp-con-right .floor-pro-list li:nth-of-type(2n + 2){ margin-right: 0;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-top{ width: 100%; height: 118px; line-height: 118px; margin: 0 auto; display: block; font-size: 0;overflow: hidden; text-align: center; position: relative;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-top img { vertical-align: middle; width:100%; height: 100%;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-top span { display: inline-block; font-size: 0; height: 100%;line-height: 0; overflow: hidden; vertical-align: middle; width: 0;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-top .diy{ display: block; width: 49px; height: 38px; background: url(../images/list-diy.png) no-repeat; position: absolute; right: 0; top: 0; z-index: 10;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-info{ font-size:14px; text-align: center; padding: 10px; margin-top: 0; position: relative; z-index: 2;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-tit{ display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-tit a{ color: #555; font-size: 12px;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-btn{ color: #999; margin-top: 10px;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-price{ color:#888; font-size:14px; text-decoration: line-through;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-price a{ color:#e6063c; font-weight:bold;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-bprice{ color:#e61226; font-size:14px; line-height: 30px;}
.channel-con .fp-con-right .floor-pro-list li a.btn-price-view{ display: inline-block; color:#666; font-weight:normal; font-size:14px; text-align: center; height:24px; line-height:24px; padding: 0 14px; margin-top: 8px; border-radius:14px; background-color:#ececec;}
.channel-con .fp-con-right .floor-pro-list li a.btn-price-view:hover{ color: #FFF; background-color: #3778E8;}
.floor-cus-list li a.btn-price-view:hover{ background-color:#F6E9E3;}
.channel-con .fp-con-right .floor-pro-list li:hover .li-goods-buy{ opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.channel-con .fp-con-right .floor-pro-list li .li-goods-buy{ color:#FFF; text-align:left; width:100%; height:34px; text-indent:18px; line-height:34px; position:absolute; left:0; bottom:0; z-index:1; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-buy b{ width:100%; height:100%; background-color:#000; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); position:absolute; left:0; top:0; z-index:-1;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-buy .btn_buy{ text-indent:0; text-decoration:none; height:22px; line-height:22px; padding:0 10px; margin-right:16px; border-radius:10px; background-color:#D7451E; position:absolute; top:6px; right:0; z-index:1;}
.channel-con .fp-con-right .floor-pro-list li .li-goods-buy .btn_buy:hover{ background-color:#C13E1B;}
.channel-con .fp-con-right .floor-pro-list li a.btn_view{ float:right; color:#FFF; font-weight:normal; font-size:12px; text-indent:0; text-decoration:none; height:24px; line-height:24px; padding:0 10px; border-radius:10px; background-color:#A2C390;}
.channel-con .fp-con-right .floor-pro-more{ font-size: 12px; text-align: center;}
.channel-con .fp-con-right .floor-pro-more a{ padding-right: 10px; position: relative;}
.channel-con .fp-con-right .floor-pro-more a::after{ content: ''; margin-top: -5px; border-top: 5px dashed transparent; border-bottom: 5px dashed transparent; border-left: 5px solid #333; position: absolute; right: 0; top: 50%; z-index: 1;}
.channel-con .fp-con-right .floor-pro-more a:hover{ text-decoration: underline;}

.fp-slide{ width: 940px; height: 346px; margin-bottom: 4px; background-color: #f4f4f4;}
.fp-slide .hd{ display: none;}
.channel-con .fp-con-left .fp-slide img{ height: 346px;}
.fp-sub-slide{ width: 940px; height: 112px; overflow: hidden; position: relative;}
.fp-sub-slide ul{ width: 3000px;}
.fp-sub-slide li{ float: left; width: 231px; height: 112px; margin-right: 6px;}
.fp-sub-slide li.on{ opacity: .6;}
.channel-con .fp-sub-slide .slide-btn{ left: 10px;}
.channel-con .fp-sub-slide .slide-btn.next{ left: auto; right: 10px;}

/*分类导航*/
.i-cat-banner{ display: none; height: 172px; margin-top: 22px;}
.i-cat-banner .banner{ width: 1261px; height: 172px; margin-left: -630px; background: url(../images/banner-sf-goods.png) center top no-repeat; position: absolute; left: 50%; z-index: 1;}
.i-cat-link{ display: none; font-size:14px; padding: 12px; background-color: #e61326;}
.i-cat-link .cat-link-item{ float:left; text-align:center; width:285px; height:301px; overflow: hidden; margin-right: 12px;}
.i-cat-link .cat-link-item:hover{ opacity:0.95; -moz-opacity:0.95; filter:alpha(opacity=95);}
.i-cat-link .cat-link-item:last-child{ margin-right: 0;}
.i-cat-link .cat-link-item .title{ color: #fff; font-size: 24px; text-align: center; height: 71px; line-height: 71px; border-radius: 6px 6px 0 0; background-color: #ab011e;}
.i-cat-link .cat-link-item .pic{ height: 232px;}
.i-cat-link .cat-link-item a{ color:#40475A; display:block; height: 100%;}
.i-cat-link .cat-link-item i{ display:block; width:84px; height:84px; margin:0 auto; margin-bottom:26px; background:url(../images/diy-link.png) 0 0 no-repeat; transition:all .3s;}
.i-cat-link .cat-link-item a:hover i{ transform:rotate(360deg);}
.i-cat-link .cat-link-item img{ width: 100%; height: 100%;}


/*热品商品楼层*/
#cus-module-con{ height: 394px; margin-top: 16px;}
#cus-module-con .left{ float: left; width: 836px; position: relative;}
#cus-module-con .right{ float: right; width: 348px; height: 100%; border: 1px solid #f4f4f4; position: relative;}
#cus-module-con .module-title{ display: block; color: #fff; background-color: #00A0E9;}
#cus-module-con .module-title .more{ float: right; font-size: 12px; margin-right: 10px;}
#cus-module-con .module-title a.more{ color: #fff; padding-right: 10px; position: relative;}
#cus-module-con .module-title a.more::after{ content: ''; margin-top: -5px; border-top: 5px dashed transparent; border-bottom: 5px dashed transparent; border-left: 5px solid #fff; position: absolute; right: 0; top: 50%; z-index: 1;}
#cus-module-con .module-con{ width: 740px; height: 266px; overflow: hidden; padding: 50px 0; margin: 0 auto;}
.floor-cus-list{ width:3000%; overflow:hidden; margin-bottom: -10px;}
.floor-cus-list.left{ float: left; width: 293px; margin-right: 10px;}
.floor-cus-list.right{ float: left; width: 913px;}
.floor-cus-list li{text-align:center; width: 154px; height: 250px; margin-right: 38px; float:left; border: 1px solid #eee; background-color:#FFF; position:relative;}
.floor-cus-list li:hover{ opacity: .95;}
.floor-cus-list li.hbig{ height: 378px; margin-right:10px; margin-bottom: 0;}
.floor-cus-list.right li:nth-child(4){ width: 495px;}
.floor-cus-list.right li:nth-child(5){ width: 394px;}
.floor-cus-list li .li-goods-top{ width: 100%; height: 154px; margin: 0 auto; display: block; font-size: 0;overflow: hidden; text-align: center;}
.floor-cus-list li .li-goods-top img { vertical-align: middle; width:100%; height: 100%;}
.floor-cus-list li .li-goods-top span { display: inline-block; font-size: 0; height: 100%;line-height: 0; overflow: hidden; vertical-align: middle; width: 0;}
.floor-cus-list li .li-goods-info{ font-size:13px; text-align: left; padding: 20px 6px 0 6px;}
.floor-cus-list li .li-goods-tit{ display: block; font-size:14px; text-align: center; margin-bottom: 14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.floor-cus-list li .li-goods-tit a{ color:#222; }
.floor-cus-list li .li-goods-btn{ margin-top: 10px;}
.floor-cus-list li .li-goods-price{ color:#888; font-size:12px; text-decoration: line-through;}
.floor-cus-list li .li-goods-bprice{ color:#f30213; font-size:16px; margin-right: 10px;}
.floor-cus-list li a.btn-price-view{ display: block; color:#FF5400; font-weight:normal; font-size:14px; text-align: center; height:36px; line-height:36px; border: 1px dashed #ff5656; border-radius:3px; background-color:#FCF8F6;}
.floor-cus-list li a.btn-price-view:hover{ background-color:#F6E9E3;}

.floor-hot-list{ padding-top: 30px;}
.floor-hot-list li{ height: 88px; margin-bottom: 12px; background-color:#FFF; position:relative;}
.floor-hot-list li:hover{ opacity: .95;}
.floor-hot-list li .li-goods-order{ float: left; width: 30px; height: 40px; margin: 20px 16px; background: url(../Images/hot-order.png) center top no-repeat;}
.floor-hot-list li:nth-of-type(2) .li-goods-order{ background-position: center -100px;}
.floor-hot-list li:nth-of-type(3) .li-goods-order{ background-position: center -200px;}
.floor-hot-list li .li-goods-top{ float: left; width: 86px; height: 86px; margin: 0 auto; border: 1px solid #f4f4f4; display: block; font-size: 0;overflow: hidden; text-align: center;}
.floor-hot-list li .li-goods-top img { vertical-align: middle; width:100%; height: 100%;}
.floor-hot-list li .li-goods-top span { display: inline-block; font-size: 0; height: 100%;line-height: 0; overflow: hidden; vertical-align: middle; width: 0;}
.floor-hot-list li .li-goods-info{ float: left; font-size:13px; text-align: left; width: 170px; padding: 10px 6px 0 20px;}
.floor-hot-list li .li-goods-tit{ display: block; font-size:14px; margin-bottom: 14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.floor-hot-list li .li-goods-tit a{ color:#222; }
.floor-hot-list li .li-goods-btn{ margin-top: 6px;}
.floor-hot-list li .li-goods-price{ color:#888; font-size:12px; text-decoration: line-through;}
.floor-hot-list li .li-goods-bprice{ color:#f30213; font-size:16px; margin-right: 10px;}
.floor-hot-list li .li-goods-tip{ color: #fff; font-size:12px; padding: 0 2px; background-color: #333; position: relative;}
.floor-hot-list li .li-goods-tip::after{ content: ''; border-left: 6px dashed transparent; border-right: 6px dashed transparent; border-top: 6px solid #333; position: absolute; left: -3px; top: 0; z-index: 1;} 
.floor-hot-list li a.btn-price-view{ display: block; color:#FF5400; font-weight:normal; font-size:14px; text-align: center; height:36px; line-height:36px; border: 1px dashed #ff5656; border-radius:3px; background-color:#FCF8F6;}
.floor-hot-list li a.btn-price-view:hover{ background-color:#F6E9E3;}

/*浮动广告*/
.float-ad{ display: none; width:100%; overflow:hidden; position:relative;}
.float-ad-img{ margin-left:-960px; position:relative; left:50%; top:0; z-index:1;}
.float-ad-close{ display:block; color:#000; font-family:serif; font-size:22px; text-align: center; width:22px; height:22px; line-height: 22px; border-radius: 50%; background-color: #f5f5f5; position:absolute; right:62px; top:6px; z-index:2; cursor:pointer; transform: rotate(45deg); user-select:none;}

/*广告*/
.index-ad-box {
	margin-top: 16px;
}

	.index-ad-box ul {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 1260px;
	}

	.index-ad-box li {
		height: 166px;
		margin-right: 16px;
	}

	.index-ad-box li:first-child {
		width: 228px;
	}

	.index-ad-box li:last-child {
		margin-right: 0;
	}

		.index-ad-box li .ad-photo {
			width: 308px;
			height: 166px;
			object-fit: cover;
		}