@charset "utf-8";
.menu_v16 { margin-bottom:0px;}
.menu_v16 .allmenu .im0l_v16 {display:block;}


.dpn{ display:none;}
.im0l{display: block}
.head-b{margin-bottom:0px;}
#search_tips {margin:78px 0 0 360px;}
/*左右布局*/
.cdx-screen{width:1200px;margin:0px auto;overflow:hidden}
.cdx-screen .right{width:225px;float:right;margin-top:15px;background:#fff;box-shadow: 0px 0px 8px rgba(0,0,0,0.02);overflow:hidden;height:450px;}
.cdx-screen .middle{float:left;margin-left:235px;margin-top:15px;width:725px;overflow:hidden}
/*幻灯广告 THE*/
.l_banner { position:relative;}
.l_banner .hd { position:absolute; width:100%; height:35px; bottom:0; left:0;}
.l_banner .hd li { float:left; width:18.4%; margin-right:2%; background:rgb(0 0 0/.5); line-height:36px; font-size:12px; text-align:center; color:#fff;cursor:pointer;}
.l_banner .hd li:nth-child(5) { margin-right:0;}
.l_banner .hd li.on { background:rgb(255 255 255/.8); color:#f60;}


/*幻灯广告区域*/
.index_banner {width:100%; position:relative; overflow:hidden;height:490px;}
.index_banner .banner_swiper {z-index:0;overflow:hidden;width:100%;position:absolute;top:0;height:490px;}
.index_banner .banner_swiper a { width:100%; height:490px;display: flex;justify-content: center;overflow: hidden;}
.index_banner .banner_swiper a img { width:auto; height:490px;display: block;}
.index_banner .banner_swiper .b_menu { position:absolute;left:0;bottom:10px;z-index:10;width:100%; text-align:center;}
.index_banner .banner_swiper .b_menu ul { display:inline-block;}
.index_banner .banner_swiper .b_menu span { display:block; width:8px; height:8px; margin:0 5px; border-radius:50%; background:rgb(0 0 0/.4); float:left;}
.index_banner .banner_swiper .b_menu span.swiper-pagination-bullet-active { background:#fff;}

.m-screen { z-index:100;}


/*折扣区 THE*/
.hot_box .qc-head { height:60px; background:#fff;}
.hot_box .qc-head .hot_title { float:left; height:60px; line-height:60px; font-size:24px; margin-right:30px;}
.hot_box .qc-head .hot_title:after { content:""; display:block;border-width: 30px 10px;border-style: solid;border-color: #fd2c00 transparent transparent #fd2c00;float: right;}
.hot_box .qc-head .hot_title strong { padding:0 25px 0 20px;display:inline-block;background-image: linear-gradient(90deg, #f60,#fd2c00); float:left; color:#fff;}
.hot_box .qc-head .hot_title strong:before { content:"\e62e"; font-family: 'iconfont';display:block; width:24px; height:24px; line-height: 16px; float:left; margin:18px 8px 0 0;margin: 18px 10px 0 0;
    font-size: 30px;font-weight: 400;}
.hot_box .qc-head .hot_more { height:60px; float:right;display: flex;align-items: center; padding-right:10px;}
.hot_box .qc-head .hot_more a { padding: 8px;line-height: 12px;color: #222;border: 1px solid rgba(0,0,0,.04);border-radius: 14px;font-size: 12px;text-align: center;}
.hot_box .qc-head li { float:left; height:60px; line-height:60px; font-size:16px; color:#999; margin-right:40px;cursor:pointer;}
.hot_box .qc-head li.current span { border-bottom:3px solid #f60; height:50px; line-height:60px; display:inline-block;}

.hot_box .qc-body { overflow:hidden; background:#fff;}
.hot_box .qc-body dd { float:left; width:20%; box-sizing:border-box; padding:15px 25px;}
.hot_box .qc-body dd .image { width:100%; padding:0 15px; box-sizing:border-box;}
.hot_box .qc-body dd .image img { width:100%;}
.hot_box .qc-body dd p { line-height:20px; height:40px; font-size:14px;overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin:8px 0;}
.hot_box .qc-body dd .price { height:30px;display: flex;align-items: center;justify-content: center;}
.hot_box .qc-body dd .price em {float:left; width:30%; height:85%; background:#fff0dc;display: flex;align-items: center;justify-content: center; border-radius:3px; color:#5b3218; font-weight:700; padding-right:5px;}
.hot_box .qc-body dd .price span { width:40%; height:30px; line-height:30px; display:block; float:left; background:#ed2920; text-align:center; position:relative; border-radius:0 3px 3px 0; font-size:18px; color:#fff; font-weight:700; }
.hot_box .qc-body dd .price span i { font-size:12px;}
.hot_box .qc-body dd .price span:before { content:""; display:block;border-width: 15px 5px;border-style: solid;border-color: transparent #ed2920 #ed2920 transparent; position:absolute;left:-10px;}

/*折扣区 END*/


/*广告样式 THE*/
.i_ad_4 { overflow:hidden;}
.i_ad_4 a { float:left; width:290px; display:block; margin-right:13.333333px;}
.i_ad_4 a:nth-child(4n+4) { margin-right:0;}
.i_ad_4 a img { width:100%;}
/*广告样式 THE*/


.hotselling ul .listbox { float:left; margin-right:1%;background:#fff; height:430px; overflow:hidden; border-radius:4px;box-shadow: 0 0 10px rgb(0 0 0 / 3%);}
.hotselling ul .listbox dl { height:350px;}
.hotselling ul .listbox:nth-child(1){ width:30%;}
.hotselling ul .listbox:nth-child(2) { width:48%;}
.hotselling ul .listbox:nth-child(3) { width:20%; margin-right:0;}
.hotselling ul .listbox strong { font-size:22px; display:block; height:50px;line-height:50px;padding: 0 20px; color:#000; margin-top:10px;}
.hotselling ul .listbox strong em { font-size:14px; color:#999;font-weight:400; margin-left:20px;}
.hotselling ul .listbox strong .more { float:right; font-size:14px; display:inline-block; font-weight:400; color:#999;}

.hotselling ul .listbox .rexiao.A1 { overflow:hidden;padding:0 20px 10px 10px;}
.hotselling ul .listbox .rexiao.A1 dd { overflow:hidden; padding:10px 0; display:flex; position:relative;}
.hotselling ul .listbox .rexiao.A1 dd a { flex:1;}
.hotselling ul .listbox .rexiao.A1 dd img { float:left; width:65px; height:65px; border:1px solid #eee; margin-right:20px; margin-left:10px;}
.hotselling ul .listbox .rexiao.A1 dd .text { overflow:hidden;}
.hotselling ul .listbox .rexiao.A1 dd .text h3 { font-size:14px; height:40px; line-height:20px; color:#787878; display:block; font-weight:400;}
.hotselling ul .listbox .rexiao.A1 dd .text .price { font-size:16px; color:#e3211a; height:20px; line-height:20px; margin-top:6px;}
.hotselling ul .listbox .rexiao.A1 dd .text .price i { font-size:12px;}
.hotselling ul .listbox .rexiao.A1 dd em { float:left; width:60px; height:60px;line-height: 54px;position: absolute;left: 0;font-size: 18px; text-align:center; color:#fff;font-family:'Impact';}
.hotselling ul .listbox .rexiao.A1 dd:before { content:"\e933"; display:inline-block; width:60px; height:60px; line-height:60px; text-align:center; font-size:40px; float:left; color:#d3d3d3;font-family: 'iconfont';}
.hotselling ul .listbox .rexiao.A1 dd.bj_1:before { color:#e3211a;}
.hotselling ul .listbox .rexiao.A1 dd.bj_2:before { color:#f8a429;}
.hotselling ul .listbox .rexiao.A1 dd.bj_3:before { color:#e1cf23;}

.hotselling ul .listbox .rexiao.A2 { padding: 0; overflow:hidden;}
.hotselling ul .listbox .rexiao.A2 li a { float:left; width:50%; box-sizing:border-box; padding:10px 20px; position:relative; display:inline-block;}
.hotselling ul .listbox .rexiao.A2 li a h4 { display:block; height:30px; line-height:30px; font-size:14px; color:#333; font-weight:400; padding-right:60px;}
.hotselling ul .listbox .rexiao.A2 li a .region { height:20px; line-height:20px; font-size:12px; color:#999; display:flex;}
.hotselling ul .listbox .rexiao.A2 li a .region p.p_1 { width:55%;}
.hotselling ul .listbox .rexiao.A2 li a .region p.p_2 { width:45%; text-align:right;}
.hotselling ul .listbox .rexiao.A2 li a em { width:60px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff; background:#f29716; display:inline-block;position:absolute; right:20px; top:15px;}

.hotselling ul .listbox .zsthzs { width:100%; box-sizing:border-box; padding:0 20px;}
.hotselling ul .listbox .zsthzs h3 { display:block; font-size:20px; color:#fff; text-align:center;}
.hotselling ul .listbox .zsthzs p { color:#666; text-align:center; font-size:14px; margin-top:30px;}
.hotselling ul .listbox .zsthzs ul { overflow:hidden;}
.hotselling ul .listbox .zsthzs ul li { margin-top:15px;}
.hotselling ul .listbox .zsthzs ul li input { border:none; height:40px; width:100%;outline:none; font-size:14px; background:#f9f9f9; padding:0 10px; color:#999; box-sizing:border-box; border-radius:4px;border:1px solid #ddd;}
.hotselling ul .listbox .zsthzs ul li textarea { border:none; height:90px; width:100%;outline:none; font-size:14px; background:#f9f9f9;padding:0 10px; color:#999; box-sizing:border-box; border-radius:4px; line-height:23px;font-family:"Microsoft YaHei"; border:1px solid #ddd;}
.hotselling ul .listbox .zsthzs ul li button { height:40px; width:100%; background:#4e6ef2; font-size:16px; color:#fff; border-radius:4px;border:none; cursor:pointer;}

.title_box { height:30px; line-height:30px;}
.title_box strong { font-size:24px; color:#000; float:left;margin-right:20px;}
.title_box p { font-size:14px; color:#999;line-height:38px;}



.main_box { padding:24px; background:#fff; overflow:hidden; border-radius:4px;box-shadow: 0 0 10px rgb(0 0 0 / 3%);}
.zyhh_left { margin-top:15px; position:relative;}
.zyhh_left ul li { float:left; width:16.66666666666667%;}
.zyhh_left ul li a { padding:5px; box-sizing:border-box; display:block;}
.zyhh_left ul li .image { width:100%; overflow:hidden;}
.zyhh_left ul li .image img { width:100%; transition: all .3s;}
.zyhh_left ul li:hover .image img { transform: scale(1.05);}
.zyhh_left ul li strong { font-size:14px; display:block; font-weight:400; margin:8px 0;}
.zyhh_left ul li .price { height:26px; line-height:26px; border:1px solid #4e6ef2; border-radius:4px; overflow:hidden;}
.zyhh_left ul li .price span { float:left; text-align:center;font-weight:700;}
.zyhh_left ul li .price span.span_1 { font-size:16px; color:#fff;width:46%; background:#4e6ef2; position:relative;}
.zyhh_left ul li .price span.span_1 em { position:relative;}
.zyhh_left ul li .price span.span_1:before { content:''; display:block; width:22px; height:22px; background:#4e6ef2; position:absolute; right: -9px;top: 2px; border-radius:4px;transform: rotate(45deg);}
.zyhh_left ul li .price span.span_1 i { font-size:12px;}
.zyhh_left ul li .price span.span_2 { font-size:14px; color:#4e6ef2;width:54%;}
.zyhh_left .hd { display:none;}
.zyhh_left:hover .hd { display:block;}
.zyhh_left .hd a { width:26px; height:54px; background:rgb(0 0 0/.4); position:absolute; top:50%;transform: translate(0,-50%);cursor: pointer; transition:all .3s;}
.zyhh_left .hd a:before { content:''; display:block; width:13px; height:13px; position: absolute;transform: rotate(45deg);top: 19px;}
.zyhh_left .hd a.prev { left:5px; border-radius:0 5px 5px 0;}
.zyhh_left .hd a.next { right:0; border-radius:5px 0 0 5px;}
.zyhh_left .hd a.next:before { border-top: 1px solid #fff;border-right: 1px solid #fff;left: 3px;}
.zyhh_left .hd a.prev:before { border-bottom: 1px solid #fff;border-left: 1px solid #fff;left: 8px;}
.zyhh_left .hd a:hover { background:rgb(0 0 0/.8)}

.yxcs_tab { overflow:hidden;}
.yxcs_tab .tab_coord { display: -webkit-box;overflow-x: scroll;-webkit-overflow-scrolling:touch; margin:24px 0;}
.yxcs_tab .tab_coord::-webkit-scrollbar {display: none;}
.yxcs_tab .tab_coord li { margin-right:20px;}
.yxcs_tab .tab_coord li span { display:inline-block; width:120px; height:38px; line-height:38px; box-sizing:border-box; border:1px solid #eee; border-radius:4px; text-align:center; font-size:14px; color:#333;cursor:pointer;}
.yxcs_tab .tab_coord li.on span { background:#4e6ef2; color:#fff; border:1px solid #4e6ef2;}
.yxcs_tab .tab_item { position:relative;}
.yxcs_tab .tab_item .comy_hot li { background:#fff3ee;cursor: pointer;border-radius: 4px;width: 285px;height: 256px;padding: 20px 17px 24px; margin-right:15px; float:left;}
.yxcs_tab .tab_item .comy_hot li .image { width: 64px;height: 64px;background-color: #eee;border-radius: 50%; margin:0 auto 12px; overflow:hidden;}
.yxcs_tab .tab_item .comy_hot li .image img { width: 64px;height: 64px;}
.yxcs_tab .tab_item .comy_hot li p { height: 16px;font-size: 16px;line-height: 16px;color: #333;font-weight: 700;margin-bottom: 24px; text-align:center;}
.yxcs_tab .tab_item .comy_hot li dl { overflow: hidden;margin-bottom: 24px;}
.yxcs_tab .tab_item .comy_hot li dl dd { float:left; width:30%; margin-right:5%; overflow:hidden;}
.yxcs_tab .tab_item .comy_hot li dl dd:nth-child(3) { margin-right:0;}
.yxcs_tab .tab_item .comy_hot li dl dd img { width:100%;transition: all .5s;}
.yxcs_tab .tab_item .comy_hot li dl dd:hover img { transform: scale(1.08);}
.yxcs_tab .tab_item .comy_hot li .anniao a { display: block; background:#4e6ef2;  text-align: center;border-radius: 4px;color: #fff;width: 90px;font-size: 14px;line-height: 32px; margin:0 auto;box-sizing:border-box; font-weight:700;}

/*.floor_main{overflow: hidden;}*/
.floor_main dl{width:590px;float:left;overflow: hidden;position:relative;height:450px;margin-top:20px;border-radius:4px;box-shadow: 0 0 10px rgb(0 0 0 / 3%);}
.floor_main dl .image{position:absolute;top: 0;width:590px;height:210px;}

.floor_main.f_1 dl:nth-child(1) .image { background:#286ab6;}
.floor_main.f_1 dl:nth-child(2) .image { background:#648455;}
.floor_main.f_1 dl:nth-child(3) .image { background:#b62a4f;}
.floor_main.f_1 dl:nth-child(4) .image { background:#ab6953;}
.floor_main.f_1 dl:nth-child(5) .image { background:#65b75a;}
.floor_main.f_1 dl:nth-child(6) .image { background:#e66f2a;}


.floor_main dl .image img{width:210px; height:210px; float:right; margin-right:20px;}
.floor_main dl:nth-child(even) {float:right}
.floor_main dl dt{font-size: 26px;padding:30px;position:relative;}
.floor_main dl dt a{color:white;}
.floor_main dl dd{width:250px;height:95px;padding:0px 30px;overflow:hidden;position:relative;}
.floor_main dl dd a{display: block;border:#f9f9f9 1px solid;line-height: 30px;border-radius: 3px;float:left;width:100px;color:white; text-align:center;font-size:12px;margin:0px 15px 15px 0;padding:0 10px; box-sizing: border-box; background:rgb(255 255 255/.1);}
.floor_main dl dd a:hover{background:rgba(0,0,0,0.1);}

.floor_product { overflow:hidden; margin-top:20px;background:white;padding:0px 16px}
.floor_product ul li { width:25%; background:#fff; float:left; padding:15px; box-sizing:border-box;}
.floor_product ul li:nth-child(4n+4) { margin-right:0;}
.floor_product ul li .pimage { width:100%; display:block; margin:5px auto 0;overflow:hidden; border-radius:5px; border:1px solid #f5f5f5;}
.floor_product ul li img{width:100%;transition: all 0.3s;}
.floor_product ul li:hover img{ transform: scale(1.1);}
.floor_product ul li p { margin:10px 0; line-height:20px; height:40px; font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.floor_product ul li span { font-size:18px; color:#e5242b;}
.floor_product ul li span i { font-size:14px;}

.sell_cdtj { background:#fff; overflow:hidden; padding:20px 30px 30px; border-radius:4px;box-shadow: 0 0 10px rgb(0 0 0 / 3%);}
.sell_cdtj_title { height:20px; line-height:20px; margin-bottom:20px;}
.sell_cdtj_title strong { font-size:20px; color:#333; float:left;}
.sell_cdtj_title strong:before { content:''; display:block; width:4px; height:20px; background:#2e98ff; border-radius:2px; float:left; margin-right:10px;}
.sell_cdtj_title a.prev { float:right; color:#999; font-size:14px; cursor:pointer;}
.sell_cdtj_title a.prev:before { content:'\e99c'; font-family: 'iconfont'; font-size:16px; margin-right:2px; float:left;}

.product_cdtj { margin-top:15px;}
.product_cdtj dl dd { width:19.2%; margin-right:1%;float:left;box-sizing:border-box; border:1px solid #eee; background:#fff;}
.product_cdtj dl dd:hover { border:1px solid #2e98ff;}
.product_cdtj dl dd:nth-child(5n+5) { margin-right:0;}
.product_cdtj dl dd:nth-child(1n+6) { margin-top:1%;}
.product_cdtj dl dd .image { width:100%; position:relative;}
.product_cdtj dl dd .image em {height: 32px;line-height: 32px;position: absolute;left: 0;bottom: 0;width: 100%;font-size: 14px;background: rgb(46 152 255/.8);color: #fff;text-align: center;display: none;}
.product_cdtj dl dd:hover .image em { display:block;}
.product_cdtj dl dd .image img { width:100%;}
.product_cdtj dl dd .text { padding:10px;}
.product_cdtj dl dd .text .price { font-size:12px; color:#999; line-height:26px; height:26px;}
.product_cdtj dl dd .text .price b { font-size:16px; color:#4e6ef2; float:left;}
.product_cdtj dl dd .text .price em { float:right; } 
.product_cdtj dl dd .text .price em:before { content:'\e9d6'; font-family: 'iconfont'; font-size:16px; margin-right:2px; float:left;}
.product_cdtj dl dd .text strong { font-weight:400; color:#333; font-size:12px; line-height:20px; display:block; height:40px;}
.product_cdtj dl dd .text strong a { color:#333;}
.product_cdtj dl dd:hover .text strong a { color:#007aff;}
.product_cdtj dl dd .text p { font-size:12px; color:#999;line-height:26px; height:26px;}
.product_cdtj dl dd .text p a { color:#999;}
.product_cdtj dl dd .text font { float:left; margin-right:2px;}
.product_cdtj dl dd .text font img { height:12px;transform: translate(0, -1px);}

.product_cdtj.product_cdtj_show dl dd { width:19.2%;}
.product_cdtj.product_cdtj_show dl dd:nth-child(6n+6) { margin-right:1%;} 
.product_cdtj.product_cdtj_show dl dd:nth-child(5n+5) { margin-right:0;}
.product_cdtj.product_cdtj_show dl dd:nth-child(1n+6) { margin-top:1%;} 






.xinwei_box{overflow:hidden;background:#fff;padding:20px; height:410px;}
.news_title{ width:1200px; height:60px; }
.news_title h2{ float:left; line-height:60px; text-indent:30px; font-size:20px; color:#39bf3e; }

.news_content{height:450px; position:relative;}
.news_content_left{ float:left; width:359px;padding-right:15px; height:410px;}
.news_content_left_bottom{overflow:hidden;padding-top:10px;}
.news_content_left_bottom li{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;font-size:14px;color:#333;line-height:29px}
.news_content_left_bottom li:nth-child(-1n+3) i {background:#ff7200}
.news_content_left_bottom li i{background:#999; display:block;width:16px; height:16px;float:left;margin-right:8px; text-align:center;line-height:16px;color:white;margin-top:6px;font-size:12px;font-style:normal}


.news_content_center{ float:left; width:450px; height:410px;overflow:hidden}
.xinwei_bat{ width:450px; text-align:left;  }
.xinwei_bat .hd{ height:38px; line-height:38px;border-bottom:1px solid #eee; position:relative;}
.xinwei_bat .hd ul li{ float:left; cursor:pointer;  font-size:16px;border-top:3px solid #fff;font-weight:600; width:33.333333%; text-align:center;}
.xinwei_bat .hd ul li.on{ height:36px;  background:#4e6ef2;  border-top:3px solid #4e6ef2;color:#fff;}
.xinwei_bat .bd ul{ padding:15px;}
.xinwei_bat .bd li{ height:24px; line-height:24px;}
.xinwei_bat .bd li .date{ float:right; color:#999;}
.xinwei_bat .bd li .news_text{overflow:hidden}
.xinwei_bat .bd li .news_text h3{overflow:hidden;font-size:18px;font-weight:bold;line-height:40px}
.xinwei_bat .bd li .news_text p{font-size:14px;color:#999;}
.xinwei_bat .bd li .news_text p em { margin-left:10px;}
.xinwei_bat .bd li .news_text p em a {color:#4e6ef2}
.xinwei_bat .bd li .news_list{overflow:hidden;width:100%;margin-top:20px}
.xinwei_bat .bd li .news_list dd{width:45%;font-size:14px;float:left;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;line-height:30px}
.xinwei_bat .bd li .news_list dd:before{content:"";background:#999;float:left;height:3px;width:3px;border-radius:25px;margin-right:10px;margin-top:14px}
.xinwei_bat .bd li .news_list dd:nth-child(2n+2){float:right}
.news_content_right{ float:right;overflow:hidden; border-left:1px solid #eee; width:280px;padding-left:30px;}
.news_content_right strong{color:#333;font-size:16px;line-height:36px}

.news_content_right .hd { height:36px;}
.news_content_right .hd li { float:left; width:50%;font-size:16px;line-height:36px;color:#333; background:#f5f5f5; text-align:center; cursor:pointer;}
.news_content_right .hd li.on { color:#fff; background:#4e6ef2; font-weight:700;}

.news_content_right .news_top{overflow:hidden;margin:10px 0; height:80px;}
.news_content_right .news_top .news_left{width:45%;float:left}
.news_content_right .news_top .news_left img{width:100%}
.news_content_right .news_top .news_right{width:50%;float:right}
.news_content_right .news_top .news_right h3 { line-height:22px; height:66px; font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; overflow:hidden;}


.news_content_right .news_bottom,.news_content_right .news_bottom ul{overflow:hidden}
.news_content_right .news_bottom li{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;font-size:14px;color:#333;line-height:30px;}





/*为您推荐 THE*/

.floor_hot { overflow:hidden; margin-top:20px;}
.floor_hot ul li { width:19.2%; background:#fff; margin:15px 1% 0 0; float:left; padding:20px; box-sizing:border-box;}
.floor_hot ul li:nth-child(-1n+5) { margin-top:0;}
.floor_hot ul li:nth-child(5n+5) { margin-right:0;}
.floor_hot ul li .image { width:150px; height:150px; display:block; margin:10px auto 0;overflow:hidden}
.floor_hot ul li img{width:100%;transition: all 0.3s;}
.floor_hot ul li:hover img{ transform: scale(1.1);}
.floor_hot ul li p { margin:20px 0; line-height:20px; height:40px; font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.floor_hot ul li span { font-size:20px; color:#ee2e2c;}
.floor_hot ul li span i { font-size:14px;}
.floor_hot ul li span em { font-size:12px;float:right;color:#777;line-height:28px;height:20px;}
/*为您推荐 END*/









/*标题样式 THE*/
.i-title {overflow:hidden; line-height:26px;}
.i-title:before { content:''; display:block; width:3px;height:20px; float:left; margin:4px 10px 0 0; background:#4e6ef2;}
.i-title b{font-size:20px;color:#000; float:left;}

.i-title .liebiao { float:left; margin-left:20px;}
.i-title .liebiao a { float:left; margin-right:10px;border: 1px solid #e6e6e6;padding: 0 15px;background: #fff;border-radius: 15px;}


/*标题样式 END*/

.cdx-recommend{width:1230px}
.cdx-recommend dl{width:592px; background:white; position:relative; overflow:hidden;margin:20px 15px 0px 0;float:left;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);}
.cdx-recommend dl:hover{box-shadow: 0px 0px 15px rgba(0,0,0,0.1);}
.cdx-recommend dl em{overflow:hidden;display:block;height:22px;line-height:22px;width:55px;border:#4e6ef2 1px solid;border-radius:5px; text-align:center; position:absolute; right:30px;top:20px}
.cdx-recommend dl em a{color:#4e6ef2}
.cdx-recommend dl em:hover{background:#4e6ef2;}
.cdx-recommend dl em:hover a{color:white}
.cdx-recommend dl dt{color:#333;padding:22px 20px;border-bottom:#f7f7f7 1px solid;background:#f9f9f9;overflow:hidden}
.cdx-recommend dl h5{font-size:16px;}
.cdx-recommend dl dt p{font-size:12px;margin-top:10px;}
.cdx-recommend dl dt p span{margin-right:30px}
.cdx-recommend dl dt p i{color:#4e6ef2}
.cdx-recommend dl ul{overflow:hidden;position:relative;height:174px;margin:25px 20px;}
.cdx-recommend dl ul li{width:84px; overflow:hidden;position:absolute;height:84px;}
.cdx-recommend dl ul li:nth-child(1){width:174px;left:0px;height:174px;}
.cdx-recommend dl ul li:nth-child(2){left:182px;top:0px}
.cdx-recommend dl ul li:nth-child(3){left:182px;bottom:0px}
.cdx-recommend dl ul li:nth-child(4){width:174px;left:286px;height:174px;}
.cdx-recommend dl ul li:nth-child(5){right:0px;top:0px;}
.cdx-recommend dl ul li:nth-child(6){right:0px;bottom:0px;}
.cdx-recommend dl ul li img{width:100%;transition: all 0.3s;}
.cdx-recommend dl ul li:hover img{ transform: scale(1.1);}

/*猜您喜欢*/
.guess-like{width:1250px;margin-top:20px}
.guess-like li {margin-right: 15px;margin-bottom: 20px;float:left;width:187px;background:white;box-shadow: 0px 0px 8px rgba(0,0,0,0.02); position:relative;padding:20px;overflow:hidden}
.guess-like li:hover{box-shadow: 0px 0px 9px rgba(0,0,0,0.1);}
.guess-like .image{width:187px;height:187px;overflow: hidden;}
.guess-like li img{width:100%;transition: all 0.3s;}
.guess-like li:hover img{ transform: scale(1.1);}
.guess-like li p.s-title{font-size:14px;line-height:20px;height:40px;margin-top:10px;color:#555;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
.guess-like li p.price{font-size:20px;margin-top:10px;color:#e1251b;}
.guess-like li p.price em{float:left;color:#e1251b;font-weight:bold;font-size:12px;margin-top:5px}


.hotBrand_boot { overflow:hidden; background:#fff; padding:20px 0 20px 20px;}
.hotBrand_boot .hd { height:40px;}
.hotBrand_boot .hd li {  font-size:16px; display:inline-block; float:left; color:#000;cursor:pointer;}
.hotBrand_boot .hd li:nth-child(1n+2):before { content:"/"; display:inline-block; padding:0px 20px; color:#999;}
.hotBrand_boot .hd li.on { color:#e00b0b;}
.hotBrand_boot .bd dl a { width:20%; display:inline; float:left; height:30px;font-size:14px; line-height:30px; box-sizing:border-box; padding-right:30px;} 
.hotBrand_boot .bd dl a:hover{color:#ee2e2c;}

.industry-bar {position:fixed;top:220px;left:50%;margin-left:-680px;width:60px;display:none;z-index:1000;background:#fff;}
.industry-bar.hover {display:block}
.industry-bar li {font-size:12px;}
.industry-bar li:hover { background:#4e6ef2;}
.industry-bar li:hover a { color:#fff;border-bottom:#4e6ef2 1px solid}
.industry-bar li a {display:block; width:28px; color:#333;margin:0 auto;padding:11px 0; border-bottom:#eee 1px solid}
.industry-bar li:last-child a { border-bottom:none;}
.industry-bar li.current a {color:#4e6ef2;}
.industry-bar li.current:hover a { color:#fff;}