@charset "utf-8";
/* CSS Document */

.home_visual_body .content,.topic_visual_body .content,.store_visual_body .content{ padding-left: 40px;}
.homeindex .w1200{    margin-left: 311px;}
/* banner vip start */
.festival_home .content{margin:0 auto;}
.content{ position:relative; z-index:2;}
.visual-item:after{ content: ' '; display: block; clear: both; height: 0; visibility: hidden;}
.festival_home .nav .categorys .categorys-tab-content{ background-color:#333;}
.festival_home .banner-wrapper{ width:100%; position:relative;}
.festival_home .banner-wrapper:after{ content: ' '; display: block; clear: both; height: 0; visibility: hidden;}
.festival_home .banner-wrapper .home-banner{ float:left; width:940px; margin-top: 10px;}
.festival_home .banner-wrapper .home-banner .banner-width{ width:940px;}
.festival_home .vip-outcon{ width:210px; margin:0; float:left;}
.festival_home .vip-outcon .vip-con{ width:100%; height:500px; position:static;margin-left: 30px;}
.festival_home .vip-outcon .userVip-info{ width:100%; height:190px;}
.festival_home .vip-outcon .userVip-info .avatar{ margin:25px auto 10px;}
.festival_home .vip-outcon .userVip-info .login-info{ width:170px;}
.festival_home .vip-outcon .userVip-info .login-info span{ margin-bottom:10px;}
.festival_home .vip-outcon .userVip-info .login-info a{ 
	min-width:80px; 
	height:25px; 
	line-height:25px;
	border:0;
	border-radius: 13px;
    -webkit-box-shadow: 4px 6px 12px 2px rgba(45,45,45,.15);
    -moz-box-shadow: 4px 6px 12px 2px rgba(45,45,45,.15);
    box-shadow: 4px 6px 12px 2px rgba(45,45,45,.15);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	color:#f42424;
}
.festival_home .vip-outcon .userVip-info .login-info .register_button,
.festival_home .vip-outcon .userVip-info .login-info .login-button:hover{ background-color:#f42424; color:#fff;}
.festival_home .vip-outcon .vip-item .tit{ background:none; font-size:14px; padding:10px 0 4px 10px;}
.festival_home .vip-outcon .vip-item .con{ margin:2px 10px; border-top:1px #eee solid; }
.festival_home .vip-outcon .vip-item .con li{ width:100%;}
.festival_home .vip-outcon .vip-item .kj_con{ padding:0; border-top:1px solid #eee;}
.festival_home .vip-outcon .vip-item .kj_con .item{ width:69px;}
.festival_home .vip-outcon .vip-item .kj_con .item i{ display:block;}


.img-browse{background:url(../images/festival_home/record.png);background-size: 32px;height: 32px;width: 32px;margin: 11px auto 2px auto;}
.img-zan{background:url(../images/festival_home/collection.png);background-size: 32px;height: 32px;width: 32px;margin: 11px auto 2px auto;}
.img-order{background:url(../images/festival_home/order.png);background-size: 32px;height: 32px;width: 32px;margin: 11px auto 2px auto;}
.img-password{background:url(../images/festival_home/wallet.png);background-size: 32px;height: 32px;width: 32px;margin: 11px auto 2px auto;}
.img-shares{background:url(../images/festival_home/repair.png);background-size: 32px;height: 32px;width: 32px;margin: 11px auto 2px auto;}
.img-settled{background:url(../images/festival_home/settled.png);background-size: 32px;height: 32px;width: 32px;margin: 11px auto 2px auto;}
/*21-5-12 增加QQ图示*/
.img-tecentqq{background:url(../images/festival_home/tecentqq.png);background-size: 32px;height: 32px;width: 32px;margin: 11px auto 2px auto;}


.banner{ position:relative; width:100%;}
.home-banner,.home-banner .bd{ height:500px; width:100%; display:block; overflow:hidden; margin-left:10px;}
.home-banner .banner-width{ width:1200px; margin:0 auto;}
.home-banner .banner-width a{ width:100%; height:500px; display:block;}
.banner .hd{ text-align:center; position:relative; width:100%;}
.banner .hd ul{ position: absolute;z-index: 1;left: 50%;bottom: 25px;padding: 4px 8px;border-radius: 12px;background-color: hsla(0,0%,100%,.3);font-size:0;}
.banner .hd ul li{ display:inline-block; width:12px; height:12px; background-color:rgba(255,255,255,.4); border-radius:50%; cursor:pointer; margin-right:5px;}
.banner .hd ul li.on{ background-color:rgba(255,255,255,1);}
.banner .hd ul li:last-child{ margin-right:0;}




.vip-outcon{ width:1200px; margin:-500px auto 0; height:0; position:relative;}
.vip-outcon .vip-con{ width:200px; height:440px; position:absolute; top:33px; right:0; z-index:100; background-color:#fff;}
.userVip-info{ width:200px; height:170px; overflow:hidden; position:relative;}
.userVip-info .icon-spin{ width:30px; height:30px; margin:-15px 0 0 -15px;}
.avatar{ width:80px; height:80px; text-align:center; overflow:hidden; border-radius: 50%; margin:10px auto 5px;}
.avatar img{ width:80px; height:80px;}
.login-info{ width:150px; height:75px; text-align:center; font-size:12px; margin:0 auto;}
.login-info span{ display:block; color:#333; line-height:25px; margin-bottom:6px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.login-info a{ display:block; float:left; line-height:22px; width:68px; height:22px; border:1px solid #333; text-align:center;}
.login-info a.login-button{ margin-right:10px;}
.login-info a.login-success{ border-color:#f42424; color:#f42424; float:none; width:108px; margin:0 auto;}
.login-info a:hover,.login-info a.register_button{ border-color:#f42424; color:#f42424;}

.login-info a.login-success:hover{ background-color:#f42424; color:#fff;}




.vip-item{ width:100%; height:auto; position:relative;}
.vip-item .tit{ background-color:#eee; height:24px; line-height:24px; font-weight:bold; color:#555; padding-left:18px;}
.vip-item .tit .tab_head_item{ display:block; float:left; height:14px; line-height:14px; margin:5px 0; position:relative;}
.vip-item .tit .tab_head_item:first-child{ padding-right:10px; border-right:1px solid #ccc; margin-right:12px;}
.vip-item .tit .tab_head_item .news_tab_active{ width:26px; height:1px; background-color:#f42424; display:block; position:absolute; top:18px; left:-1px; display:none;}
.vip-item .tit .tab_head_item.on .news_tab_active{ display:block;}
.vip-item .tit .tab_head_item.on{ color:#f42424;}

.vip-item .con{ margin:10px 18px; line-height:22px; color:#555; height:116px; overflow:hidden;}
.vip-item .con li{ width:164px; height:24px; overflow:hidden;}
.vip-item .con li a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.vip-item .kj_con{ padding:0 9px; overflow:hidden;}
.vip-item .kj_con .item{ float:left; width:60px; text-align:center; padding-bottom:9px;}
.vip-item .kj_con .item .iconfont{ display:block; font-size:18px; height:18px; line-height:18px; margin:15px 0 5px;}
.vip-item .kj_con .item a{ color:#333;}
.vip-item .kj_con .item a:hover{ color:#f42424;}
.vip-item .kj_con .item_1,.vip-item .kj_con .item_2,.vip-item .kj_con .item_4,.vip-item .kj_con .item_5{ border-right:1px solid #eee;}
.vip-item .kj_con .item_4,.vip-item .kj_con .item_5,.vip-item .kj_con .item_6{ border-top:1px solid #eee; padding-bottom:9px;}
/* banner vip end */







/* 首页楼层左侧悬浮导航栏 start */
.lift{ position: fixed;-moz-transform: translate(0,-50%) scale(1,1); -webkit-transform: translate(0,-50%) scale(1,1); -o-transform: translate(0,-50%) scale(1,1); transform: translate(0,-50%) scale(1,1); opacity: 1; filter:alpha(opacity=100); z-index: 100; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s;}
.lift-hide{ transform: translate(0,-50%) scale(0,0); -webkit-transform: translate(0,-50%) scale(0,0); -moz-transform: translate(0,-50%) scale(0,0); -o-transform: translate(0,-50%) scale(0,0); opacity: 0; filter:alpha(opacity=0);}
/* 第一种样式 */
.lift.lift-mode-one .lift{ background-color:#fff;}
.lift.lift-mode-one .lift-item{ position:relative; width:24px; height:36px; line-height:13px; padding:0 6px; overflow:hidden; background-color:rgba(0,0,0,.6); background-color:#333\0; margin-bottom:1px; text-align:center; cursor:pointer; color:#fff;}
.lift.lift-mode-one .lift-item span{ height:36px; display:table-cell; vertical-align:middle;}
.lift.lift-mode-one .lift-item:hover,.lift.lift-mode-one .lift-item-current{ background-color:#f42424; color:#fff;}
.lift.lift-mode-one .lift-item.lift-item-top{ line-height:36px; min-height:30px;}

/* 第二种样式 */
.lift.lift-mode-two .lift-item,
.lift.lift-mode-sthree .lift-item,
.lift.lift-mode-four .lift-item{ width:70px; height:28px; line-height:28px; border:1px solid #e6e6e6; color:#333; text-align:center; margin-bottom:-2px; background-color:#fafafa; cursor:pointer; position:relative;}

.lift.lift-mode-two .lift-item span,
.lift.lift-mode-sthree .lift-item span,
.lift.lift-mode-four .lift-item span{ display:block; width:60px; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.lift.lift-mode-two .lift-item.lift-item-top .iconfont,
.lift.lift-mode-sthree .lift-item.lift-item-top .iconfont,
.lift.lift-mode-four .lift-item.lift-item-top .iconfont{ font-size:12px; width: 10px; display: inline-block;}

.lift.lift-mode-two .lift-item .lift-arrow,
.lift.lift-mode-sthree .lift-item .lift-arrow,
.lift.lift-mode-four .lift-item .lift-arrow{ width:0; height:0; border-width:5px; border-style:solid; border-color:transparent transparent transparent #ff4040; position:absolute; top:8px; right:-11px; display:none;}

.lift.lift-mode-two .lift-item:hover,
.lift.lift-mode-two .lift-item-current{ background-color:#ff4040; color:#fff; border-color:#ff4040;}

.lift.lift-mode-two .lift-item-current .lift-arrow,
.lift.lift-mode-sthree .lift-item-current .lift-arrow,
.lift.lift-mode-four .lift-item-current .lift-arrow{ display:block;}

/* 第三种样式 */
.lift.lift-mode-sthree .lift-item{ width:72px; height:30px; line-height:30px; background-color:#9d9b9b; color:#fff; border:0; border-bottom:1px solid #c7c6c6; margin-bottom:0;}
.lift.lift-mode-sthree .lift-item .lift-arrow{ border-left-color:#392e2e;right:-10px; top:10px;}
.lift.lift-mode-sthree .lift-item:hover,
.lift.lift-mode-sthree .lift-item-current{ background-color:#392e2e; color:#fff;}

/* 第四种样式 */
.lift.lift-mode-four .lift-item{ width:72px; height:30px; line-height:30px; background-color:#fafafa; color:#666; border-color:#e6e6e6;}
.lift.lift-mode-four .lift-item .lift-arrow{ border-left-color:#bbb;right:-10px; top:10px;}
.lift.lift-mode-four .lift-item.lift-item-top{ color:#f42424;}
.lift.lift-mode-four .lift-item:hover,
.lift.lift-mode-four .lift-item-current{ background-color:#bbb; color:#fff; border-color:#bbb;}
/* 首页楼层左侧悬浮导航栏 start */







/* site-nav start */
.site-nav{ background:#eee; margin-bottom:1px;}
.site-nav .w{ height:30px; line-height:30px; color:#8c8c8c;}



.txt-info{ float:left; margin-left:15px;}
.txt-info a.link-login{ padding-right:12px; float:left;}
.txt-info a.link-regist{ color:#8c8c8c; float:left;}
.txt-info a.link-regist:hover{ color:#e23435;}


.dsc-cm{ position:relative; border:1px solid #eee; height:28px; line-height:28px; z-index:1;}




.ui-areamini-content-wrap{ padding:20px 8px 10px 15px; width:420px;}
.ui-areamini-content-wrap .hot{ overflow:hidden;}
.ui-areamini-content-wrap .hot a{ float:left; line-height:20px; padding:0 5px; margin-right:5px;}
.ui-areamini-content-wrap .hot a:hover{ background-color:#f42424; color:#fff;}
.search-first-letter{ overflow:hidden; margin:10px 0 0 3px;}
.search-first-letter a{ font-size: 14px; color: #8c8c8c; float: left; line-height: 16px; padding: 0 3px; margin-right: 1px; font-weight:700;}
.search-first-letter a:hover{ color:#f42424;}





.quick-menu li{ float:left; position:relative;}
.quick-menu li.spacer{ overflow: hidden;margin: 11px 5px 0;width: 1px;height: 10px;background-color: #ccc;}
.quick-menu li a{ color:#8c8c8c; display:block;}
.quick-menu li a:hover{ color:#e23435;}
.quick-menu li .dt{ padding-left:7px; padding-right:7px;}
.quick-menu li .dt .icon-down{ font-size:12px; padding-left:6px;}
.quick-menu li.li_dorpdown{ cursor:pointer; position:relative;}
.quick-menu li.li_dorpdown .dorpdown-layer{ padding:18px 0px; min-width:402px;}


.dorpdown-layer{ display:none; position:absolute; border:1px solid #d2d2d2; background-color:#fff; top:30px; right:0;}
.dorpdown-layer dl{ float:left; padding:0 0 0 20px; border-right:1px solid #efefef; width:85px;}
.dorpdown-layer dl:last-child{ border-right:0;}
.dorpdown-layer dl dt{font-weight: 700;color: #666;}
.dorpdown-layer dl dd{ float:left;}
.dorpdown-layer dl .item{ float:left;width:84px;overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.dorpdown-layer dl.fore2{ width:252px;}
.dorpdown-layer dl.fore1{ width:108px;}

.ihover{ z-index:22; position:relative;}
.ihover .dorpdown-layer{ display:block;}
.ihover .dsc-cm{ padding-bottom: 2px;border-color: #ccc;border-bottom: none;background-color: #fff;}

/* site-nav end */




/* header start */
.header{ background-color:#fff; border-bottom: 3px solid #d0111b; }
.header .w{ height:100px; position:relative; z-index:10;}
.logo{ float:left;}
.logoImg{ float:left; position:relative; margin-right:30px;}
.logoImg a{ display:table-cell; height:100px; vertical-align:middle;}
.logoImg img{ max-width:200px; max-height:100px;}

.dsc-search{ float:left; margin:30px 0 0 78px; width:512px; position:relative;}
.dsc-search .search-form{ float:left;}
.dsc-search .search-text{ width:378px; height:14px; padding:8px; border:2px solid #f42424; outline:0; font-size:12px; float:left; color:#999; border-radius:5px 0 0 5px; }
.dsc-search .button{ border:0; width:70px; height:34px; line-height:34px; background-color:#f42424; color:#fff; font-size:14px; cursor:pointer; float:left; outline:0; border-radius:0 5px 5px 0; }
.dsc-search .button-goods{ margin-right:8px;}
.dsc-search .keyword{ float:left; width:100%;}
.dsc-search .keyword li{ float:left; height:28px; line-height:28px; margin-right:10px;}
.dsc-search .keyword li a{ display:block; color:#999;}
.dsc-search .keyword li a:hover{ color:#e23435;}








.shopCart{ float:right; margin-top:30px;}
.attached-search-container .shopCart{ margin-top:12px;}
.shopCart .shopCart-con{ width:178px; height:33px; line-height:33px; border-color:#d2d2d2; border-radius:5px 5px 0 0; }
.attached-search-container .shopCart .shopCart-con{ width:150px; height:34px; line-height:34px; border:none;}
.shopCart .shopCart-con a{ display:block; color:#f42424;}
.shopCart .shopCart-con .icon-carts{ padding-left:30px; font-size:20px; float:left;}
.shopCart .shopCart-con span{ margin-left:8px;}
.shopCart .shopCart-con .count,.attached-search-container .shopCart-con .count{ min-width:13px; height:13px; line-height:13px; padding:1px; border-radius:50%; background:#f42424; color:#fff; position:absolute; top:6px; left:122px; text-align:center; font-size:12px;}
.attached-search-container .shopCart-con .count{left:40px;top:0px}
.shopCart .dorpdown-layer{ top:35px; width:312px; border-radius:5px 0 5px 5px; }
.shopCart .prompt{ padding:20px 20px 20px 36px;}
.shopCart .prompt .nogoods{ overflow:hidden;}
.shopCart .prompt b{ background:url(../images/cart-nogoods.png) no-repeat; display:block; width:110px; height:68px; float:left;}
.shopCart .prompt span{ float:left; display:block; font-size:12px; color:#8c8c8c; margin:6px 0 0 14px; line-height:25px; width:132px;}
.shopCart .dorpdown-layer .load{ width:108px; height:108px; margin-left:100px;}


.settleup-content{ position:relative; width:100%; z-index:2; background:#fff;}
.settleup-content .mc{ height:auto; max-height:334px; overflow:auto;}
.settleup-content ul{ margin-top:-1px;}
.settleup-content li{ padding:10px; border-top: 1px dashed #ccc; overflow: hidden; line-height: 18px; vertical-align: bottom;}
.settleup-content li:hover{ background-color:#f5f5f5;}
.settleup-content .p-img{ float:left; width:50px; height:50px; border:1px solid #d3d3d3; padding:0; margin-right:8px; font-size:0;}
.settleup-content .p-name{ float:left; width:100px; height:36px; overflow:hidden; margin:5px 8px 0 0;}
.settleup-content .p-number{ float:left; margin-top:9px;}
.settleup-content .p-number .num{ width:23px; height:28px; line-height:28px; border:1px solid #d6d6d6; display:block; float:left; text-align:center;}
.settleup-content .p-number .count{ float:left; height:28px; width:18px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.settleup-content .p-number .count a{ display:block; width:18px; height:14px; border-right:1px solid #d6d6d6; text-align:center;}
.settleup-content .p-number .count .count-add{ border-bottom:1px solid #d6d6d6;}
.settleup-content .p-number .count .iconfont{ font-size:12px; display:block; height:14px;}
.settleup-content .p-oper{ float:right; text-align:center; margin-top:5px;}
.settleup-content .p-oper .price{ font-weight:700;}

.settleup-content .mb{ padding:10px; background-color:#eee; overflow:hidden;}
.settleup-content .p-total{ float:left; line-height:28px; color:#999;}
.settleup-content .btn-cart{ display:block; float:right; width:96px; height:26px; line-height:26px; border:1px solid #f42424; background:#eee; text-align:center; color:#f42424;}
.settleup-content .btn-cart:hover{ background-color:#f42424; color:#fff;}

/* w1390 ping start*/
.header .w1390 .dsc-search{ margin-left:143px; width:690px;}
.header .w1390 .dsc-search .search-text{ width:520px;}

/* w1390 ping end*/




/* header end */







/* nav start*/
.nav{ height:40px; position:relative; z-index:9; background-color:#fff;}
.nav .categorys,.attached-search-container .categorys{ float:left; width:232px; height:40px; position:relative;}
.attached-search-container .categorys{ margin-top:12px; height:34px;}
.nav .categorys .categorys-type,.attached-search-container .categorys .categorys-type{ background-color:#f42424; text-align:center; font-size:0; line-height:40px; border-radius: 10px 10px 0 0;}
.attached-search-container .categorys .categorys-type{ line-height:34px;}
.nav .categorys .categorys-type ,.attached-search-container .categorys .categorys-type { font-size:16px; font-weight:700; color:#fff; display:block; cursor:pointer}


.dsc-zoom{ border-bottom: 2px solid #f42424;}
.dsc-zoom .categorys .categorys-type{ padding-bottom:2px;}

.categorys-tab-content{ height:500px; z-index:30; background-color:#000; background-color:rgba(0,0,0,0.6);}
.categorys-tab-content .categorys-items{ position:relative; height:100%;}
.categorys-tab-content .categorys-item{ cursor:pointer;}
.categorys-tab-content .item-content{ padding:7.2px 16px; float:left; width:200px;}
.categorys-tab-content .item-content .icon-other{ float:left; width:16px; height:16px;}
.categorys-tab-content .item-content .icon-other img{ width:100%;}
.categorys-tab-content .selected .item-content{  background-color:rgba(0,0,0,1);}
.categorys-tab-content .iconfont{ float:left; color:#bfbfbf;}
.categorys-tab-content .categorys-title{ float:left; margin-left:10px; width:173px;}
.categorys-tab-content .categorys-title strong{ display:block; font-weight:normal; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.categorys-tab-content .categorys-title strong { color:#fff; font-size:14px;}
.categorys-tab-content .categorys-title span{ display:block; font-size:0; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.categorys-tab-content .categorys-title span a{ color:#bfbfbf; margin-right:10px; font-size:14px;}
.categorys-tab-content .categorys-title span a:hover,.categorys-tab-content .categorys-title strong a:hover{ color:#e23435;}

.site-mast .categorys-tab-content{ display:none;}
.site-mast:hover .categorys-tab-content{ display:block;}




.categorys-items-layer{ display:none; position:absolute; top:0; left:232px; width:966px; min-height:498px; border:1px solid #fff; background-color: #fff;box-shadow: 0px 0px 3px 2px rgba(0,0,0,.1);-webkit-transition: top .25s ease;transition: top .25s ease;}
.cate-layer-con{ padding:20px 20px 28px 18px;}
.cate-layer-con .lazy{ margin:100px 0 0 360px;}
.cate-layer-left{ float:left; width:704px;}
.cate-layer-rihgt{ float:right; width:200px;}
.cateLayer_items_all{ width:276px; }
.cateLayer_items_all .cate-layer-con{ padding:25px 35px; }








.cate_channel{ overflow:hidden; height:24px; width:100%;}
.cate_channel a,.cate_two_channel a{ float:left; margin-right:10px; padding:0 10px 0 12px; height:24px; line-height:24px; color:#fff; background-color:#5f4f4f;}
.cate_channel .iconfont{ float:none; font-size:12px; margin-left:5px;}

.cate-brand{ margin:auto; font-size:0;}
.cate-brand .img{ overflow:hidden; display:inline-block; width:98px; height:48px; border:1px solid #f9f9f9; text-align:center; margin:-1px -1px 0 0;}
.cate-brand a{ display:table-cell; vertical-align:middle; width:98px; height:48px;}
.cate-brand a img{ width:100%; height:auto;}









.cate_detail{ width:100%; font-size:14px}
.cate_detail dl{ padding-left:80px; position:relative;}  
.cate_detail dt{ overflow:hidden; position:absolute; color:#555; left:0; top:13px; width:75px; text-align:right; font-weight:700; white-space:nowrap; } /*text-overflow: ellipsis;*/
.cate_detail dt .iconfont{ font-size:12px; color:#666; margin-left:6px; float:none;}
.cate_detail dd{ padding:8px 0; overflow:hidden; border-bottom: 1px dashed #d2d2d2; min-height:28px;}
.cate_detail dl:last-child dd{ border-bottom:0;}
.cate_detail dd a{ float: left;margin: 8px 0;padding: 0 10px;height: 12px;border-left: 1px solid #e0e0e0;line-height: 12px;white-space: nowrap;}



.nav .nav-main{ float:left; width:968px; overflow:hidden; height:40px; line-height:40px; }
.nav .nav-main li{ float:left; margin-left:25px; text-align: center; }
.nav .nav-main li a{ font-size:16px; color:#555; display:block; min-width: 78px; }
.nav .nav-main li a:hover,.nav .nav-main li a.curr{ color:#e23435; font-weight:bold; }
/* nav end */



/* 首页项目 start*/
.second-wrapper{ margin-top:20px;}
.second-wrapper .title{ width:100%; height:50px; line-height:50px; border-radius:10px 10px 0 0; }
.second-wrapper .title h5{ float:left; margin-left:15px; color:#fff; font-size:20px;}
.second-wrapper .title .more{ float:right; margin-right:10px; color:#fff;}
.second-wrapper .title .more .iconfont{ font-size:12px; margin-left:5px;}
.lift-channel{ margin-top:30px;}
.lift-channel ul{ width:calc(100% + 10px); width:1210px\0;}
.lift-channel li{ float:left; width:210px; margin:0 10px 10px 0; border:1px solid #D2D2D2; border-radius:6px; padding:10px;}
.lift-channel li:hover{ border-color:#f42424;}
.lift-channel li .p-img{ width:210px; height:210px; text-align: center; }
.lift-channel li .p-name{ font-size:14px;height: 63px; word-break: break-all; text-overflow: ellipsis; margin-top:4px; }  /* white-space: nowrap; overflow:hidden; */
.lift-channel li .p-price { line-height:36px;}
.lift-channel li .p-price .shop-price{ float:left; font-size:16px; color:#f42424;}
.lift-channel li .p-price .original-price{ float:left; margin-left:5px; color:#555;}
/* 首页项目 end */



/* 内页商品列表筛选 start*/
.crumbs-nav{ height:25px; line-height:25px; padding:12px 0;}
.crumbs-nav span{ color:#8c8c8c; float:left;}
.crumbs-nav-item{ float:left; margin-right:7px; position:relative;}
.crumbs-nav-item .arrow{ font-family: simsun;}
.crumbs-nav-item span{ color:#555;}
.crumbs-nav-item .menu-drop{ float:left; margin-right:7px; background-color:#fff;}
.crumbs-nav-item .icon-right{ font-size:12px;}
.cn-goodsName{ width:300px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; color:#8c8c8c;}

.crumbs-nav span.arrow{ margin:0 7px; font-family:sans-serif; color:#8c8c8c;}
.crumbs-nav span.finish{ display:inline-block; width:300px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.full-main-n{ background-color:#f8f8f8;}
.full-main-n .crumbs-nav{ padding:7px 0 8px;}

.menu-drop .trigger{ display:inline-block; padding:0 10px; height:23px; border:1px solid #d2d2d2; cursor:pointer;}
.menu-drop .icon-down{ font-size:12px; margin-left:2px;}

.menu-drop-main{ display:none; width:219px; padding:6px 0 4px 10px; position:absolute; left:0; top:24px; border:1px solid #ddd; background-color:#fff; z-index:10;}
.menu-drop-main li{ float:left; width:68px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 5px 2px 0;}

.menu-drop-open .trigger{ position:relative; z-index:12;}
.menu-drop-open:hover .trigger{ border-color:#f42424; border-bottom-color:#fff;}
.menu-drop-open:hover .bottom{ border-bottom:1px solid #f00;}
.menu-drop-open:hover .menu-drop-main{ border-color:#f42424; display:block;}

/* 内页商品列表筛选 end */








/* 内页商品详情 start*/
.goods-main-layout{ width:100%; min-height:520px; position:relative; z-index:4; overflow:hidden; margin:26px 0 0 0;}
.g-m-detail{ float:left; width:1200px; overflow:hidden;}
.gm-tabbox{ width:1200px; background-color:#fff;}
.gm-tabbox .gm-tab{ padding-left:1px; border-bottom:1px solid #d2d2d2; height:38px;}
.gm-tab li{ float:left; border:1px solid #d2d2d2; margin-left:-1px; height:38px; line-height:38px; border-bottom:0; padding:0 18px; font-weight:bold; cursor:pointer;}
.gm-tab li.curr{ border-top:2px solid #f42424; height:37px; background-color:#fff; color:#f42424;}
.gm-tab-qp-bort{ height:1px; box-shadow:0px 2px 3px 0px rgba(0,0,0,.3); position:absolute; width:1920px; bottom:0; left:0;}
.gm-floors{ overflow:hidden;}
.gm-floors .gm-f-item{ overflow:hidden; height:auto; position:relative; margin-bottom:30px;}
.gm-floors .gm-f-item .table{ padding:0;}
.goods-para-list{ margin-bottom:20px; padding-bottom:20px; overflow:hidden;}
.g-m-detail .extra{ position:absolute; right:0; top:0;}
.g-m-detail .extra .item{ float:right; height:30px; margin-top:3px;}
.g-m-detail .extra .item .si-phone-code{ float:left; margin:3px 20px 0 0;}
.g-m-detail .extra .item .si-phone-code .qrcode-wrap .qrcode_tit .iconfont{ font-size:15px;}
.g-m-detail .extra .item .inner{ float:right;}
.g-m-detail .extra .item .inner .btn{ height:28px; line-height:28px; margin-right:0;}
.gm-f-item .gm-title{ overflow:hidden; border-bottom:1px solid #d2d2d2; margin-bottom:15px; margin-top:30px;}
.gm-f-item .gm-title h3{ font-size:14px; padding-left:8px; border-left:4px solid #f42424; font-weight:bold; line-height:14px; margin-bottom:10px; float:left;}
.gm-f-item .gm-title .gm-f-tab{ float:left; margin-left:20px;}
.gm-f-item .gm-title .gm-f-tab a{ float:left; font-size:14px; line-height:14px; margin-right:30px; cursor:pointer;}
.gm-f-item .gm-title .gm-f-tab a.curr{ color:#f42424;}
.gm-f-item .gm-title .gm-f-tab li{ float:left; font-size:14px; line-height:14px; cursor:pointer;}
.gm-f-item .gm-title .gm-f-tab li.curr a{ color:#f42424;}
.gm-f-details img{ max-width:1200px;}
/*商品配件、组合购买*/
.goods-main-layout .detail-hd-fixed{ position:fixed; top:0; z-index:39; border-bottom:0;}
.goods-main-layout .detail-hd-fixed .gm-tab{ border-bottom:0; float:left;}
.goods-main-layout .detail-hd-fixed .extra{ display:block;}
/* 内页商品详情 end */






/*article start*/


/*side*/
.article-side{ float: left; width: 230px; margin-right: 20px; }
.article-side .article-menu { background: #fff; margin-bottom: 10px; }
.article-side .article-menu .am-t a{ display: block; height: 40px; line-height: 40px; font-size: 16px; background: #333333; color: #fff; text-align: center; font-weight:bold;}
.article-side .article-menu .am-c .menu-item .item-hd{ height: 40px; line-height: 40px; border-bottom: 1px solid #eee; padding: 0 20px; position: relative;}
.article-side .article-menu .am-c .menu-item .item-hd a{ font-size: 14px; font-weight: 700; color: #555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.article-side .article-menu .am-c .menu-item .item-hd .iconfont{ position: absolute; right: 20px; top: 12px; color: #8c8c8c; cursor: pointer; width:16px; height:17px; line-height:17px;}
.article-side .article-menu .am-c .menu-item .item-bd{ border-bottom:1px solid #eee; padding:10px 0;}
.article-side .article-menu .am-c .menu-item .item-bd li{ display: block; line-height: 35px; padding-left: 40px; position: relative; font-size: 14px;}
.article-side .article-menu .am-c .menu-item .item-bd li:before{ content: ""; position: absolute; width: 3px; height: 3px; border: 1px solid #666; border-top-color: transparent; border-left-color: transparent; transform: rotate(-45deg);  left: 24px; top: 16px;}
.article-side .article-menu .am-c .menu-item .item-bd a{ color: #555; display:block;}
.article-side .article-menu .am-c .menu-item .item-bd a:hover,
.article-side .article-menu .am-c .menu-item .item-bd a.current{ color: #f43434; }
/*main*/
.article-main{ float: left;width: 910px; background: #fff; padding: 26px 20px 0; }
.article-main .am-hd{ height: 40px; line-height: 40px; margin-bottom: 12px;}
.article-main .am-hd h2{ float: left; font-size: 21px; padding-left: 20px; max-width:600px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article-main .am-hd .extra{ float: right; color: #8c8c8c; }
.article-main .am-hd .extra span{ max-width:200px; overflow:hidden; float:right; text-overflow:ellipsis; white-space:nowrap;}
.article-main .am-hd .extra a{ color: #8c8c8c; }
.article-main .am-hd .extra a:hover{ color: #f43434; }
.article-main .am-hd .extra > i{ margin: 0 5px; font-size: 12px; }
.article-main .article-words{ border-top: 1px solid #eee; padding: 25px 20px; font-size:14px; line-height:25px; width:870px; overflow:hidden; float:left;}

/*main*/
.article-main2{ float: left;width: 1200px; background: #fff; padding: 26px 20px 0; }
.article-main2 .am-hd2{ height: 40px; line-height: 40px; margin-bottom: 12px;}
.article-main2 .am-hd2 h2{ float: left; font-size: 21px; padding-left: 20px; max-width:600px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article-main2 .am-hd2 .extra2{ float: right; color: #8c8c8c; }
.article-main2 .am-hd2 .extra2 span{ max-width:200px; overflow:hidden; float:right; text-overflow:ellipsis; white-space:nowrap;}
.article-main2 .am-hd2 .extra2 a{ color: #8c8c8c; }
.article-main2 .am-hd2 .extra2 a:hover{ color: #f43434; }
.article-main2 .am-hd2 .extra2 > i{ margin: 0 5px; font-size: 12px; }
.article-main2 .article-words2{ border-top: 1px solid #eee; padding: 25px 20px; font-size:14px; line-height:25px; width:1160px; overflow:hidden; float:left;}








.article-search-hd{ background:url(../images/article_bg.jpg) no-repeat; height:100px;}
.article-search-hd .hd-tit{ float:left; font-size:28px; color:#fff; line-height:100px;}
.article-search-hd .hd-search{ float:left; margin:26px 0 26px 85px;}
.article-search-hd .f-search .text{ width:500px; height:28px; padding:10px 10px 10px 20px; font-size:16px; border-radius:24px 0 0 24px; border:0; float:left;}
.article-search-hd .f-search .ui-btn-submit{ float:left; width:114px; height:48px; line-height:48px; color:#fff; background-color:#f42424; border:0; border-radius:0 24px 24px 0; font-size:16px; outline:0; cursor:pointer; text-align:center;}
.article-search-hd .f-search .iconfont{ font-size:18px; margin-right:3px; vertical-align:middle;}
/*article end*/








/*文章页上一篇，下一篇 样式 strat by yanxin*/
.more_article{ padding:0px 20px 20px 20px; height:45px; line-height:45px; font-size:14px; width:870px; overflow:hidden}
.more_article .art_prev{float:left}
.more_article .art_next{float:right}
/*文章页上一篇，下一篇 样式 end by yanxin*/



.filter-prop-item {
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #d9d9d9;
	font-size:12px;
}
.filter-prop-item ul {margin-bottom: 0;}
.filter-prop-title, .filter-prop-item li {
	color: #666;
	float: left;
	height: 30px;
	padding: 5px;
	line-height: 20px;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}
.filter-prop-item .active {color: #b31e22}
.filter-prop-item a:hover li {color: #b31e22}



.clearfix2:after{clear:both}
.clearfix2:before,.clearfix2:after{content:" ";display:table}


/*新增内容：顶头客服QQ*/
.contact-lan{ float:right; margin-top: 30px;margin-right: 16px; }
.contact-lan .btn-qqs{width: 178px; height: 51px; }
.contact-lan .f-icon-kefu{ width:27px; height:24px; margin-top:4px;}
.contact-lan .topzx{ color:#262626; font-size: 12px; font-weight: bold; }
.contact-lan .btmzx{ font-family: "Hoefler Text", "Liberation Serif", "Times New Roman", "serif"; font-size:13px; color:dodgerblue; border-bottom: 1px solid #eee; text-align: center; }
.contact-lan .btm_a{ padding-left:14px; padding-top:4px; }

/*新增内容：流程*/
.liucheng {
    width: 100%;
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-top: 18px;
    height: 90px;
    overflow: hidden;
}
.liucheng_l {
    width: 214px;
    float: left;
    display: inline;
    text-align: center;
    line-height: 90px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
    background: #eee;
}
.liucheng_r {
    width: 952px;
    float: right;
    background: url(../images/liucheng.png) no-repeat 15px 15px;
    height: 88px;
    position: relative;
}
.liucheng_r ul li {
    float: left;
    display: inline;
    width: 19%;
    text-align: left;
    font-size: 16px;
    color: #666;
    margin-top: 30px;
}
.liucheng_r p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	margin-top:20px;
}

