body { background-color: #f7f7f7; }
.newI_block { width: 100%; margin-bottom: 40px; }
.newI_section1 { height: 434px; position: relative; width: 100%; border-bottom: 1px solid #f7f7f7;box-shadow: 0 4px 5px #dedcdd;}
.newI_lb { position: relative; height: 434px; width: 100%; overflow: hidden; }
/*登录、公告、活动...*/
.newI_action { height: 100%; width: 246px; position: absolute; top: 0; left: 50%; margin-left: 354px; background-color: #fafafa; z-index: 88; }
.newI_action_s1 { width: 100%; height: 174px;}
.newI_action_s1_h { padding-top: 72px; height: 88px; line-height: 18px; font-size: 12px; color: #959595; text-align: center; position: relative; }
.newI_action_s1_pic { position: absolute; width: 58px; height: 58px; left: 50%; top: 12px; margin-left: -29px; border-radius: 50%; overflow: hidden; }
.newI_action_s1_pic img { width: 100%; height: 100%; }
.newI_action_s1_span { height: 18px; line-height: 18px; }
.newI_action_s1_quan { margin-top: 8px; height: 34px; line-height: 16px; font-size: 12px; color: #fc444e; }
.newI_action_s1_quan img { margin-right: 4px; }
.newI_action_s1_btnB { height: 28px; text-align: center; font-size: 0; }
.newI_action_s1_btnB button { background-color: #f60; color: #fff; display: inline-block; font-size: 14px; text-align: center; height: 28px; line-height: 28px; width: 98px; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; border: none; }
.newI_action_s1_btnB button:hover { background-color: #ca151e; }
.entry_btn { margin-right: 18px; }
.newI_action_s1_qq { height: 20px; margin-top: 8px; text-align: center; }
.newI_action_s1_qq a { color: #fc444e; display: inline-block; font-size: 12px; height: 20px; line-height: 20px; text-align: left; text-indent: 23px; background: #fff0f1 url(../images/newI_action_s1_qq.png) no-repeat; }
.newI_action_s1_qq a:hover { background-color: #ffd2d5; }
.newI_action_quan_btn { width: 88px; margin: 0 10px 0 36px; }
.newI_action_s1_qq a.newI_action_qq_btn { width: 76px; background-position: -98px 0; }
.newI_order { margin-top: 4px; }
.newI_order_item li { float: left; width: 25%; height: 100%; text-align: center; }
.newI_order_item li a { display: block; width: 100%; padding: 7px 0; height: 36px; color: #666666; font-size: 12px; line-height: 16px; }
.newI_order_item li a:hover { color: #fc444e; }
.newI_order_item li a span { color: #fc444e; font-size: 14px; font-weight: bold; }
.newI_action_s2 { height: 91px; font-size: 12px; color: #5c5c5d; }
.tab_item { height: 27px; position: relative; width: 100%; border-top: 1px solid #e6e6e6; }
.tab_item li { float: left; line-height: 27px; height: 27px; width:33%; text-align: center; position: relative; }
.tab_item li a { display: block; width: 100%; height: 100%; color: #5c5c5d; }
.tab_item li.action:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -14px; height: 2px; width: 28px; background-color: #fc444e; }
.tab_item li.action a { color: #fd5455; }
.tab_item li a:hover { color: #fd5455; }
.i_more { float: right; color: #5c5c5d; margin: 7px 10px 0 0; }
.i_more:hover { color: #fd5455; }
.tab_cont_box { float: left; width: 100%; height: 64px; }
.tab_block2, .tab_block3, .tab_block4 { display: none; }
.s2_item { padding: 10px 20px 0 15px; height: 48px; overflow: hidden; }
.s2_item li { height: 24px; line-height: 24px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.s2_item li .i_span1 { padding-right: 7px; }
.s2_item li .i_span2 { padding-left: 5px; }
.s2_item li a { color: #5c5c5d; }
.s2_item li a:hover .i_span2 { color: #ea4848; }
.newI_action_s3 { height: 166px; padding: 1px 0; }
.s3_item { height: 100%; }
.s3_item li { float: left; width: 81px; height: 82px; margin: 1px 1px 0 0; background: url(../images/newI-ico2-1.png) no-repeat; position: relative; }
.s3_item li.s3_item_list2 { background-position: -82px 0; }
.s3_item li.s3_item_list3 { background-position: -165px 0; }
.s3_item li.s3_item_list4 { background-position: 0 -84px; }
.s3_item li.s3_item_list5 { background-position: -82px -84px; }
.s3_item li.s3_item_list6 { background-position: -165px -84px; }
.s3_item li.s3_item_list_login { background: none; }
.s3_item li a { display: block; height: 100%; width: 100%; float: left; }
.s3_item_list_data { position: absolute; top: 24px; left: 0; width: 100%; color: #999999; font-size: 14px; text-align: center; }
.s3_item_list4 .s3_item_list_data span { color: #f99797; }
.s3_item_list5 .s3_item_list_data span { color: #76cdf2; }
.s3_item_list6 .s3_item_list_data span { color: #fbd13d; }
.s3_item_list_data span { font-size: 18px; font-weight: bold; padding-right: 2px; }
.s3_item li a:hover p { color: #ea4848; }
.s3_item li p { width: 100%; color: #606161; line-height: 26px; font-size: 12px; text-align: center; position: absolute; top: 52px; left: 0; }

/*特价爆款*/
.hot-product { display: inline-block; background: #fc444e; padding:3px 8px; color: #fff; font-size: 10px; margin-left: 5px; }
.newI_section2 { height: 211px; margin: 16px auto 0; width: 1200px; }
.newI_section2 ul { width: 100%; height: 100%; }
.newI_section2_item li { float: left; width: 246px; height: 100%; margin-right: 4px; overflow: hidden; position: relative; }
.newI_section2_item li.newI_s2_l5 { margin-right: 0; }
li.newI_s2_l1 { width:200px; background-color: #f60; }
.newI_section2_item li>a { display: block; width: 100%; height: 100%; }
.newI_section2_item li a img { width: 100%; }
.newI_s2_bg_img {display: inline-block; margin: 0 0 12px 6px; width: 22px !important; }
.newI_s2_l1_box { padding-left: 23px; color: #fff; }
.newI_s2_l1_box h3 { font-size: 18px; font-family: "微软雅黑"; font-weight: normal; height: 30px; line-height: 30px; margin: 24px 0 36px; border-bottom: 2px solid #fff; }
.newI_s2_l1_box p { height: 24px; font-size: 12px; line-height: 22px; }
.newI_s2_l1_box a { color: #fff; display: block; font-size: 12px; text-align: center; height: 23px; line-height: 23px; width: 96px; border: 2px solid #fff; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; }
.newI_s2_l1_box .newI_s2_btn { margin-bottom: 30px; }
.newI_s2_l1_box a:hover { background-color: #d11b1c; }
.newI_s2_box { color: #000; position: absolute; left: 20px; top: 26px; z-index: 10; }
.newI_s2_box h3 { display: inline-block; font-size: 16px; font-family: "微软雅黑"; font-weight: normal; line-height: 24px; }
.newI_s2_l2 .newI_s2_box h3 { color: #949586; }
.newI_s2_l3 .newI_s2_box h3 { color: #a2937b; }
.newI_s2_l4 .newI_s2_box h3 { color: #70957b; }
.newI_s2_l5 .newI_s2_box h3 { color: #ab8389; }
.newI_s2_box p { font-size: 12px; line-height: 20px; }
.newI_s_box p span { display: inline-block; height: 21px; line-height: 21px; background-color: #fa9e55; color: #fff; padding: 0 8px; margin-top: 3px; }



.section{ display:block;}
img.moveImg, img.moveTopImg, img.moveRightImg { position: absolute; left: 0; top: 0; }
img.moveImg, img.scaleImg, img.moveTopImg, img.moveRightImg { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }
.section li a:hover img.moveImg { transform: translateX(-4px); -webkit-transform: translateX(-4px); -moz-transform: translateX(-4px); }
.section li a:hover img.moveRightImg { transform: translateX(4px); -webkit-transform: translateX(4px); -moz-transform: translateX(4px); }
.section li a:hover img.scaleImg { transform: scale(1.04, 1.04); -webkit-transform: scale(1.04, 1.04); -moz-transform: scale(1.04, 1.04); }
.section li a:hover img.moveTopImg { transform: translateY(-4px); -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); }



/*一行楼梯*/
.nav-menu { height:46px; line-height:46px;overflow:hidden;}
.nav-menu h3 { font-size: 22px; }
.nav-menu h3 b{font-family: Arial; color: #38b25d; font-size: 28px; font-weight:bold; display: block; float:left; padding-right: 15px; }
.nav-menu h3 a { font-weight:100; color: #626262; }
.nav-menu h3 span{ float:right;height:46px; line-height:46px; display:block; margin:10px 10px 0 0;}
.nav-menu h3 span a { color: #38b25d; font-size: 16px; line-height: normal; text-decoration: underline; }

.contentbox{ width:1200px; margin:0px auto;}     
.contentbox .banner-featured { width:232px; float:left;position: relative; }
.contentbox .banner-featured2 { width:474px; float:left;position: relative; }
.banner-img img { position: relative; display: inline-block; width:232px; height:302px; }
.banner-img a:before{ content: ""; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: 9; border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); transform: scale(0, 1); }
.banner-img a:after{ content: ""; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: 9; border-left: 1px solid rgba(255, 255, 255, 0.8); border-right: 1px solid rgba(255, 255, 255, 0.8); transform: scale(1, 0); }
.banner-img a:hover:before, .banner-img a:hover:after{ transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }   

.banner-img2 img { position: relative; display: inline-block; width:474px; height:302px; }
.banner-img2 a:before{ content: ""; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: 9; border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); transform: scale(0, 1); }
.banner-img2 a:after{ content: ""; position: absolute; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: 9; border-left: 1px solid rgba(255, 255, 255, 0.8); border-right: 1px solid rgba(255, 255, 255, 0.8); transform: scale(1, 0); }
.banner-img2 a:hover:before, .banner-img2 a:hover:after{ transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }  

.contentbox ul{ float:left;}    
.contentbox ul.thang{ clear:both; margin:10px 0 0 -10px;} 
.contentbox ul.thang li{ margin-bottom:10px;}
.contentbox ul li { background: #fff; border: 1px solid #e8e8e8; width:232px; height:300px;float:left; margin-left:10px; display:inline-block; overflow: hidden;box-sizing: border-box;  }
.contentbox ul li:hover{border: 1px solid #f60;}
.contentbox ul li a { display: block; padding-top: 15px }
.contentbox ul li:hover img, .contentbox ul li:hover img { padding-left: 0; right: 42px }
.contenttext { text-align: center; }
.ptitle { color: #31373c; display: block; font-size: 16px }
.ptitle, .pinfo { height: 20px; line-height: 20px; overflow: hidden }
.pprice { color: #ee4a25; display: block; font-size: 14px; font-style: normal; margin-top: 6px }
.contentbox .pinfo { display: block; color: #848484; font-size: 13px; height: 20px; line-height: 20px; margin-top: 6px; overflow: hidden }
.contentpic { display: block; position: relative; text-align: right; margin-top:10px; }
.contentpic img { width: 180px; height: 180px; overflow: hidden; position: absolute; right: 25px; top: 7px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
.contentpic:hover img { right: 10px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out }
.contentpicbig { bottom: 20px; display: block; position: absolute; right: 22px; text-align: right }
.contentpicbig:hover img { margin-right: 12px; right: 12px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out }





/*左侧导航栏*/
.floor-nav { position: fixed; _position: absolute; top: -1000px; left: 50%; z-index: 110; width: 44px; margin: 0 0 0 -674px; background: #fff; overflow: hidden }
.floor-nav a { color: #666; line-height: 16px; padding: 6px; overflow: hidden; display: block }
.floor-nav .one-row { line-height: 32px }
.floor-nav .nav-item.sel a { color: #0487e2; font-weight: bold; text-decoration: none }
.floor-nav .nav-item a:hover { color: #fff; font-weight: bold; background: #0487e2; text-decoration: none }
.floor-nav .cut-line { height: 1px; background: #ced1da; overflow: hidden; margin: 0 6px; display: block }


/*轮播*/
.hide { display: none; }
.ck-slide1 { width: 2000px; height: 434px; margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -1000px; }
.ck-slide2 { width: 698px; height: 224px; margin: 0 auto; float: left; margin-left: 10px; }
.ck-slide1 .ck-slide-wrapper>li { height: 434px; }
.ck-slide1 .ck-slide-wrapper>li > a > img { height: 434px; }
.ck-slide2 .ck-slide-wrapper>li { height: 224px; width: 698px !important; }
.ck-slide1.ck-slide ul.ck-slide-wrapper li { position: absolute; left: 0; top: 0; width: 100%; }
.ck-slide ul.ck-slide-wrapper { height: 100%; width: 100%; }
.move_pic { display: none; }
.slideF .move_pic { top: 48px; left: 50%; margin-left: -328px; }
.slideS .move_pic { top: 48px; left: 50%; margin-left: -355px; }
.slideT .move_pic { top: 48px; left: 50%; margin-left: -355px; }
.lcur .move_pic { position: absolute; animation: move-left2 0.5s ease-in; -moz-animation: move-left2 0.5s ease-in; -webkit-animation: move-left2 0.5s ease-in; display: block; }
.newI_action_s1_qq .newI_action_change_btn { display: inline-block; background: none; text-indent: 6px; color: #13a8ee; padding-right: 6px; }



.ck-slide ul { margin: 0; padding: 0; list-style-type: none; }
.ck-slide { position: relative; overflow: hidden; }
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0; }
.ck-slide ul.ck-slide-wrapper li { position: absolute; left: 0; top: 0; }
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 24px; height: 46px; margin-top: -23px; background-repeat: no-repeat; display: none; }
.ck-slide .ck-prev { left: 5px; background: url(../img/left-bg.png) no-repeat; }
.ck-slide .ck-next { right: 5px; background: url(../img/right-bg.png) no-repeat; }
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30; }
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; }
.ck-slidebox ul li { float: left; height: 16px; margin: 2px 8px; }
.ck-slidebox ul li em { display: block; width: 16px; height: 16px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer; }
.ck-slidebox ul li.current em { background-color: #fd5455; }
.ck-slidebox ul li em:hover { background-color: #fd5455; }
.hide { display: none; }
.ck-slide1 { width: 2000px; height: 434px; margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -1000px; }
.ck-slide2 { width: 698px; height: 224px; margin: 0 auto; float: left; margin-left: 10px; }
.ck-slide ul.ck-slide-wrapper { height: 100%; width: 100%; }
.move_pic { display: none; }
.slideF .move_pic { top: 48px; left: 50%; margin-left: -328px; }
.slideS .move_pic { top: 48px; left: 50%; margin-left: -355px; }
.slideT .move_pic { top: 48px; left: 50%; margin-left: -355px; }
.lcur .move_pic { position: absolute; animation: move-left2 0.5s ease-in; -moz-animation: move-left2 0.5s ease-in; -webkit-animation: move-left2 0.5s ease-in; display: block; }


.ilink{width:1200px;margin:10px auto;}
.ilink .ilink-tit {height: 36px; line-height: 36px; background: url("../images/guide-line.png") center repeat-x; text-align: center; }
.ilink h2 { position: relative; display: inline-block; font-size:24px; color: #333; background: #FAFAFA; padding: 0 30px; }
.ilink p{ margin:0px auto;text-align:left; line-height:24px;}
.ilink p a{ float:left;margin:2px 15px 2px 0; color:#333; white-space:nowrap;display:inline-block; }
.logo-wall{display: flex; flex-wrap: wrap; justify-content: space-between; height:100px; margin-top:10px;}
.logo-wall li{width: 230px; height: 93px; border: 1px solid #dcdcdc; background-color: #fff; display: flex; justify-content: center; align-items: center;}