@charset "utf-8";

/* CSS Document */
/* 设计：乐晓芳 */
body {
    width: 100%;min-width: 1190px;
    height: 100%;
}
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,ul{margin:0;padding:0;list-style:none}
body,button,input,select,textarea{font:14px Helvetica Neue,tahoma,Arial,Verdana,"Microsoft YaHei","Hiragino Sans GB","\5b8b\4f53";color:#333;-webkit-font-smoothing:antialiased}
input,select,textarea{font-size:100%}
input::-webkit-input-placeholder {color: #ccc;}
textarea::-webkit-input-placeholder {color: #ccc;}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none;color:#f08300}
a:active{background-color:transparent0}
a.blue_link{color:#06c}
a.blue_link:hover{color:#f60}
.clearfix:after{display:block;content:".";height:0;visibility:hidden;clear:both;font-size:0;line-height:0}
img{border:0 none;vertical-align:top}
em{font-style:normal}
button::-moz-focus-inner{padding:0;border:0}
.wrap{margin:0 auto;width:1190px}
.fl{float:left}
.fr{float:right}
.mt{margin-top:10px}
.ml{margin-left:10px}
.mt5{margin-top:5px}
.mb5{margin-bottom:5px}
.mb15{margin-bottom:15px}
.mt10{margin-top:10px}
.mt12{margin-top:12px}
.mb{margin-bottom:10px}
.none{display:none}
.cursor{ cursor:pointer}
.b{ font-weight: bold;}
.cursor{ cursor: pointer;}
.w80{ width:80px}
.w82{ width:82px}
.w180{ width:180px}
.w110{ width: 110px; padding-left: 15px}
.w160{ width: 160px; padding-left: 5px}
.w218{ width: 218px; padding-left: 5px}
.w150{ width: 150px; }
.w195{ width: 195px; padding-left: 5px}
.w200{ width: 200px; padding-left: 5px}
.w205{ width: 205px; padding-left: 5px}
.w238{ width: 238px; padding-left: 5px}
.w240{ width: 240px;}
.w130{ width: 130px;}
.w65{ width: 65px;}
.w70{ width: 70px;}
.w98{ width: 98px; padding-right: 10px; padding-left: 15px}
.w90{ width:90px;}
.w100{ width:100px;}
.w40{ width: 40px;}
.w41{ width: 41px; padding-left: 15px}
.t-r{ text-align: right}
.t-c{ text-align:center}

.fz24{ font-size:24px}
.fz20{ font-size:20px}
.fz22{ font-size:22px}
.font12{ font-size: 12px}
.font16{ font-size: 16px}
.font26{ font-size: 26px}

.red0{ color:#f08300}
.grayC{color:#ccc;}
.gray9{color:#999;}
.lv{color:#009933;}
input,button,select,textarea{outline:none}
i{font-style: normal;}
.display{display: none}
.not-display{ display:none}

.displayA{display:block}

/* 头部 */
.hd_top_bar{height:39px;border-bottom:1px solid #e5e5e5;background-color:#f2f2f2;line-height:39px; min-width: 1190px;}
.hd_top_bar .hd_topbar_left{float:left;color:#333}
.hd_top_bar .hd_topbar_left ul,.hd_top_bar .hd_topbar_left ul li{ float:left}
.hd_top_bar .hd_topbar_left ul li{ padding-right:15px}
.hd_top_bar .hd_topbar_right{float:right;color:#666}
.hd_top_bar .hd_topbar_right ul{float:left}
.hd_top_bar .hd_topbar_right li{float:left;height:39px}
.hd_top_bar .hd_topbar_right .hd_menu{float:left;min-width:66px;height:39px;padding:0 10px;border-left:1px solid #f4f4f4;border-right:1px solid #f4f4f4}
.hd_top_bar .hd_topbar_right li i.hd_iconfont{width:16px;height:17px; float:left; margin:10px 4px 0 0}
.hd_top_bar .hd_topbar_right li i.dd{ background:url(../images/pic.png) 0 0;}
.hd_top_bar .hd_topbar_right li i.sc{ background:url(../images/pic.png) -16px 0;}
.hd_top_bar .hd_topbar_right li i.h5{ background:url(../images/pic.png) -32px 0;}
.hd_top_bar .hd_topbar_right li i.ew{ background:url(../images/pic.png) -48px 0;}
.hd_top_bar .hd_topbar_right .hd_menu a{color:#333; line-height:39px}
.hd_top_bar .hd_topbar_right .hd_menu a:hover{color:#29314a}
.hd_top_bar .hd_topbar_right li a:hover i.dd{ background:url(../images/pic.png) 0 -17px;}
.hd_top_bar .hd_topbar_right li a:hover i.sc{ background:url(../images/pic.png) -16px -17px;}
.hd_top_bar .hd_topbar_right li a:hover i.h5{ background:url(../images/pic.png) -32px -17px;}
.hd_top_bar .hd_topbar_right li a:hover i.ew{ background:url(../images/pic.png) -48px -17px;}


.hd_header{height:110px;background-repeat:no-repeat;}
.hd_header .hd_logo_area{float:left;width:304px; overflow:hidden;text-align: center;margin-top: calc(( 110px - 86px ) /2);}
.hd_header .hd_logo_area .hd_logo{position:relative;display:block}
/* .hd_header .hd_logo_area .hd_logo img{position:absolute;top:20px} */
.hd_header .hd_prism_area{float:left;margin-left:40px;width:70px;padding-top:15px}
.hd_header .hd_header_right{float:right;width:810px;}
.hd_header .hd_head_search{position:relative;z-index:501;padding-top:30px;float:left;width:500px}
.hd_header .hd_search_wrap{position:relative;z-index:501;padding:2px;-moz-border-radius:2px;border-radius:2px;background-color:#29314a}
.hd_header .hd_search_wrap .hd_search_ipt{float:left;width:401px;height:36px;outline:0 none;border:0 none;padding-left:15px;font-size:14px;color:#aaa;line-height:36px}
.hd_header .hd_search_wrap .hd_search_btn{float:left;width:80px;height:36px;border:0 none;background-color:#29314a;text-align:center;line-height:36px;color:#fff;cursor:pointer; font-size:16px; text-align:center}
.hd_header .hd_search_wrap .hd_search_btn{float:left;width:80px;height:36px;border:0 none;background-color:#29314a;text-align:center;line-height:36px;color:#fff;cursor:pointer; font-size:16px; text-align:center}

.hd_header .hd_hot_search{height:36px;overflow:hidden}
.hd_header .hd_hot_search a{float:left;margin-right:15px;line-height:36px;color:#aaa;font-size:14px}
.hd_header .hd_hot_search a:hover{color:#29314a}

.hd_header .hd_search_fixed{position:fixed;left:0;z-index:950;width:100%;height:120px;border-bottom:1px solid #dfdfdf;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);background-color:#fff}
.hd_header .hd_search_fixed .hd_fixed_wrap{width:1190px;margin:0 auto}

.hd_header .hd_search_fixed .hd_fixed_wrap div{ float:left}
.hd_header .hd_search_fixed .hd_fixed_wrap div img{ width: 160px;height: 70px;margin-top: 2px;}
.hd_header .hd_search_fixed .hd_fixed_wrap .hd_search_wrap{ margin:15px 0 0 50px}
.hd_header .hd_search_fixed .hd_fixed_wrap .hd_search_wrap .hd_search_ipt{ width:650px}
.hd_header .hd_mini_cart{position:relative;z-index:1;float:right; padding-top:30px;}
.hd_header .hd_mini_cart .hd_c_num{position:absolute;z-index:601;top:18px;left:38px; min-width:14px;height:20px;padding:0 3px;-moz-border-radius:10px;border-radius:10px;background:#fff; border:1px solid #29314a;color:#29314a;font-size:10px;font-family:"Century Gothic";text-decoration:none;line-height:20px;text-align:center}
.hd_header .hd_mini_cart .hd_prism_cart{ display:inline-block;width:130px;height:20px;overflow:hidden;padding:9px 0 9px;border:1px solid #29314a;background:#29314a;text-align:center;line-height:20px;color:#fff;font-size:16px}
.hd_header .hd_mini_cart .hd_menu{ display:inline-block;width:110px;height:20px;overflow:hidden;padding:9px 0 9px;border:1px solid #efefef;background:#fff;text-align:center;line-height:20px;color:#333;font-size:16px}

.hd_header .hd_mini_cart .hd_iconfont{ width:26px; height:24px; display:inline-block; background:url(../images/pic.png) 0 -36px;}

/*nav*/
.g-header-menu{height:34px;width:100%;position:relative;z-index:2;overflow:visible;font-size:16px;padding-top: 15px; min-width: 1190px;}
.g-header-menu ul{ float: left;}
.g-header-menu .wrap ul li{ float: left;padding:0 20px 0 15px;text-align:center;height:34px;line-height:34px;}
.g-header-menu .wrap .g-all{width:204px;height:34px;padding:0;padding-top:1px;cursor:pointer; text-align:center;padding:0;background:#29314a;color:#fff;margin-right:25px}
.g-header-menu .cur{ color:#29314a; font-weight:bold;}
.g-header-menu .blue{ color:#079cf2; font-weight:bold; background:url(../images/dingzhi.jpg) no-repeat top right;}
.g-header-menu .blue:hover{ color:#29314a; font-weight:bold; background:url(../images/dingzhi.jpg) no-repeat bottom right;}


/*底部*/
.ft_wrap{background:#f5f5f5; min-width: 1190px;}
.ft_footer_service{padding:30px 0;border-bottom:1px solid #ebebeb}
.ft_footer_service a{float:left;display:block;width:245px;overflow:hidden;margin:0 30px;}
.ft_footer_service a div{float:left;display:block;width:64px;height:64px;margin-right:15px; background-image:url(../images/pic.png);}
.ft_footer_service a div.img1{background-position: 0 bottom}
.ft_footer_service a div.img2{background-position: -64px bottom}
.ft_footer_service a div.img3{background-position: -128px bottom}
.ft_footer_service a div.img4{background-position: -192px bottom}

.ft_footer_service a b{display:block;margin-top:10px;font-size:16px;color:#333}
.ft_footer_service a span{font-size:14px;color:#999;line-height:26px}

.ft_service_link{padding:20px 0 20px;overflow:hidden}
.ft_help_list{float:left;padding-left:15px}
.ft_service_link dl{float:left;display:block;width:195px}
.ft_service_link dl dt{height:32px;font-size:18px;color:#666;line-height:32px;overflow:hidden;color:#666; padding-bottom:15px}
.ft_service_link dl dd a{color:#666}
.ft_code_wrap{width:345px;overflow:hidden;float:right;}
.ft_code_wrap .ft_mobile_code{float:left;margin-left:35px;line-height:32px;font-size:14px;font-weight:700;color:#666}
.ft_code_wrap .ft_mobile_code img.erweima{ width: 95px; height: 95px}
#footer{ background:#eeeeee; padding:15px 0}
#footer p{color:#666;text-align:center;text-indent:0;line-height:100%;margin:15px 0;padding:0}

/*标签*/
i.new{ background: url(../../common/images/pic.png) -69px 0; width: 67px; height: 67px; } 
i.hot{ background: url(../../common/images/pic.png) -139px 0; width: 67px; height: 67px; } 
i.tong{ background: url(../../common/images/pic.png) -206px 0; width: 47px; height: 37px;} 
i.jin{ background: url(../../common/images/pic.png) -253px 0;width: 47px; height: 37px;} 
i.sujiao{ background: url(../../common/images/pic.png) -300px 0;width: 47px; height: 37px;} 
i.xh{ background: url(../../common/images/pic.png) right -67px;width: 67px; height: 67px;} 

/*侧边浮动*/
.t_fixed{ width: 50px;position:fixed;right:10px;bottom:50px; z-index: 99;}
.t_fixed div{ cursor: pointer;position:relative;  width: 50px; height: 50px;border-radius:8px;margin: 5px 0;}
.t_fixed .ShopCart{background:url(../images/pic.png) left -67px #f0f3ef;}
.t_fixed .ShopCart:hover{background:url(../images/pic.png) left -117px #f0f3ef;}
.t_fixed .ShopCart .hd_c_num{position:absolute;z-index:601;top:-5px;right:5px; min-width:14px;height:20px;padding:0 3px;-moz-border-radius:10px;border-radius:10px;background:#ff9600;color:#fff; border:1px sdashed #f0f3ef;font-size:10px;font-family:"Century Gothic";text-decoration:none;line-height:20px;text-align:center}
.t_fixed .bui-erm{background:url(../images/pic.png) -50px -67px #f0f3ef;}
.t_fixed .bui-erm:hover{background:url(../images/pic.png) -50px -117px #f0f3ef;border-radius:0px 8px 8px 0;}
.t_fixed div:hover .submenu { display: block;}
.t_fixed div .submenu {position: absolute; right: 50px; top:-5px; width: 120px; height: 150px; background:#FFF; z-index: 1; display:none; border: 1px solid #e5e5e5;border-radius:8px 0px 8px 8px;}
.t_fixed div .submenu p{ width: 100%; text-align: center; padding-top: 5px;}
.t_fixed .service{ background:url(../images/pic.png) -100px -67px #ff9600;}
.t_fixed .service:hover{background:url(../images/pic.png) -100px -117px #ff9699;border-radius:8px 0px 0px 8;}
.t_fixed div.service .submenu p img{ margin-top: 0px;}
.t_fixed .backToTop{background:url(../images/pic.png) -150px -67px #f0f3ef;}
.t_fixed .backToTop:hover{background:url(../images/pic.png) -150px -117px #f0f3ef;}

/*banner*/
.banner1{ height: auto; overflow: hidden; }

.menuBox{width:204px; left:0; top:0;position:absolute; font-size: 14px}
.menu {position:relative;z-index: 10;background:rgba(255,255,255,.6);}
.menu ul{ width:100%; background:url(../../moudle/images/index/mod_hd_allsort_bg.png); box-sizing: border-box; position: relative; padding-top:8px; height:500px}
.menu ul li{ height:37px; padding-left:45px; text-align: left; line-height: 37px;}
.menu ul li span{ width:100%; height:100; float:left}
.menu ul li:hover { border-right: 0; background:#fff; font-weight:bold; color:#29314a;}
.menu ul li:hover .submenu { display: block;}
.menu ul li .submenu {position: absolute; left: 203px; top:0px; width: 987px; height: 500px; box-shadow: 0 0 8px #DDD; -moz-box-shadow: 0 0 8px #DDD; -webkit-box-shadow: 0 0 8px #DDD; background:#FFF; z-index: 1; display:none;}
.menu ul li .submenu:hover{ font-weight:normal;}
.menu ul li .submenu .subleft { margin-left: 0px; width: 106px; height: 500px; float: left; padding: 10px 22px;}
.menu ul li .submenu .subleft dl{ overflow: hidden; padding: 10px 0; }
.menu ul li .submenu .subleft dl dt{ width:100%; float: left; border-bottom: 1px dashed #D1D1D1; color:#29314a; font-size:16px; text-align:center; margin-bottom:10px}
.menu ul li .submenu .subleft dl dd{ display:block; font-weight:normal;}
.menu ul li .submenu .subleft dl dd a{ display: block; color:#00b4ff;}
.menu ul li .submenu .subright{ width: 816px; height: 472px; float: left; border-left:1px solid #eeeeee; padding:28px 0 0 20px;}
.menu ul li .submenu .subright .subright_tit{ background:url(../../moudle/images/index/mod_hd_allsort_tit.gif) no-repeat center; width:800px; height:60px; float:left}
.menu ul li .submenu .subright .subright_bot{ width:754px; float:left; background:#f8f8f8; margin-top:20px; padding:0 20px; overflow:hidden}
.menu ul li .submenu .subright .subright_bot a{ font-weight:normal}
.menu ul li .submenu .subright .subright_bot .divpic{ width:225px; float:left; height:350px; margin:15px 0;}
.menu ul li .submenu .subright .subright_bot .divpic p{ width:225px; float:left; text-align:center; line-height:20px;}
.menu ul li .submenu .subright .subright_bot .divpic p img{ width:225px; margin:20px 0}
.menu ul li .submenu .subright .subright_bot .divpic p.text{ width:160px; margin:0px 0 15px 33px; color:#666666;}
.menu ul li .submenu .subright .subright_bot .vertical{ width:1px; border-right:1px dotted #b2aeac; height:350px; float:left; margin:15px 18px;}
/*page*/
.b-page {
    background: #fff;
    box-shadow: 0px 1px 2px 0px #E2E2E2;
}
.page {
    width: 100%;
    padding: 30px 15px;
    background: #FFF;
    text-align: right;
    overflow: hidden; 
}
.page span.rows{  line-height: 30px}
.page .first,
.page .prev,
.page .current,
.page .num,
.page .current,
.page .next,
.page .end {
    padding: 8px 16px;
    margin: 0px 5px;
    display: inline-block;
    color: #666;
    border: 1px solid #F2F2F2;
    border-radius: 5px;
}
.page .first:hover,
.page .prev:hover,
.page .current:hover,
.page .num:hover,
.page .current:hover,
.page .next:hover,
.page .end:hover {
    text-decoration: none;
    background: #F8F5F5;
}
.page .current {
    background-color: #f08300;
    color: #FFF;
    border-radius: 5px;
    border: 1px solid #f08300;
}
.page .current:hover {
    text-decoration: none;
    background: #f08300;
}
.page .not-allowed {
    cursor: not-allowed;
}