@charset "utf-8";
body{font-family:"微软雅黑",Helvetica,Arial,sans-serif;background: #f4f4f4;/*background: #2645b3;*/}
a{font-family:"微软雅黑",Helvetica,Arial,sans-serif;color:#333;text-decoration: none;}
a:link,a:visited{color:#333;text-decoration: none;}/*主链接颜色*/
a:hover{color:#666;text-decoration: none;}/*链接经过颜色，主色调*/
div{color:#333;}
.box{width:1045px;margin: auto;clear: both;}
.red{color:#D72B00;}
.blue{color:blue;}
.green{color: green;}
/*top*/
.jiang{width:100%;height: 30px;/*border-bottom: 1px solid #D72B00;*/line-height: 20px;font-size: 14px;    background: #1e1d29;}
.jiang .fl {width:700px;height:18px;overflow: hidden;margin-top: 7px;}
.jiang .fl ul{list-style: none;}
.jiang .fl ul li{width: 700px;height: 18px;overflow: hidden;line-height:18px;}
.jiang .fr {width:340px;height: 30px;color:#999;overflow: hidden;text-align: right;line-height: 30px;}
.jiang .fr a{text-decoration: none;color:#999;}
.jiang .fr span{padding: 0 5px;}
.top{height: 100px;background: #2645b3;}
.top .logo{width: 370px;height: 86px;margin-top: 10px;}
.top .search{width: 268px;height: 30px;background: url(search_bg.png) 0 0 no-repeat;margin-top:35px;}
.top .search input[type="text"]{width: 180px;height:24px;margin-left:2px;margin-top:3px;border:none;background:transparent;text-indent: 8px;color:#666;float: left;}
.top .search input[type="submit"]{width:75px;height:30px;background:transparent;float: right;cursor: pointer;border:none;}
.top .shoucang{width: 30px;height: 37px;margin-top:32px;margin-right:20px;}
.top .tel400{width: 235px;height: 40px;margin-right: 20px;margin-top:30px;}
.nav{    width: 100%;
    /* position: relative; */
    margin-top: -75px;
    float: right;
    margin-right: -300px;}
.nav a{height:47px;float: left;line-height: 47px;color:#fff;    font-size: 14px;padding: 0 17px;text-align: center;text-decoration: none;margin-right: 24px;border-radius:15px;    width: 120px;}
.nav a:hover{background-color: #36f;}
.nav .active{background-color: #36f;}
/*category*/
.category{width: 196px;height: 340px;background: url(category_bg.png) 0 0 no-repeat;}
.category li{list-style: none;width: 100%;height:48px;position: relative;}
.category .menu{color:#333;width: 100%;height:48px;float: right;background: url(category_menu_bg.png) center bottom no-repeat;line-height: 48px;text-indent: 45px;font-size: 18px;text-decoration: none;}
.category .menu2{color:#333;width: 100%;height:48px;float: right;background: url(category_menu_bg2.png) center 18px no-repeat;line-height: 48px;text-indent: 45px;font-size: 18px;text-decoration: none;}
.category .active{background: url(category_menu__hover_bg.png) 0 0 no-repeat;}
.category .son_nav{width: 145px;position: absolute;top:0px;left:193px;z-index:9999;border-bottom:2px solid #D72B00;;padding: 5px 0;background:#FFF7F0 url(son_menu_bg.png) 0 0 no-repeat;display: none;}
.category .son_nav a{width: 100%;height:30px;text-align: center;line-height: 30px;float:left;color:#666;font-size: 18px;}
/*banner*/
.banner{width:100%;height: 500px;margin-left:1px; position: relative;}
.banner .banner_img img{width: 100%;height: 500px;}
.banner .num {overflow:hidden; height: 25px; position: absolute; bottom:12px; right: 15px; zoom:1; z-index:3 ;left:48.5%}
.banner .num li { width:20px; height: 20px; line-height: 20px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.banner .num li.on { background: #FF7700; } /*当前项*/
.banner .prev,.banner .next { display: none; width: 40px; height: 100px; background: url(btn.png) no-repeat; position: absolute; top: 115px;}
.banner .prev { left: 0; }
.banner .next { right: 0; background-position: right }
/*user center*/
.h_user_center{width: 196px;height: 340px;background: url(user_center_bg.png) 0 0px no-repeat;}
.h_user_center .login{width: 100%;height: 147px;background:url(login_bg.png) center 0 no-repeat;position: relative;}
.h_user_center .login input[type='text']{position: absolute;top: 31px;left: 55px;width: 115px;height: 24px;border:none;background: transparent;text-indent: 5px;color:#666;}
.h_user_center .login input[type='password']{position: absolute;top:75px;left: 55px;width: 115px;height: 24px;border:none;background: transparent;text-indent: 5px;color:#666;}
.h_user_center .login input[type='submit']{position: absolute;top:118px;left:21px;width:77px;height:30px;cursor:pointer;border:none;background: transparent;}
.h_user_center .login a{position: absolute;display: block;width: 75px;height: 22px;top:124px;left:110px;}
.h_user_center .cart{width: 100%;height: 106px;background:  url(cart.png) center 0 no-repeat;cursor: pointer;position: relative;}
.user_info{width: 100%;height:147px;position: relative;}
.user_info p{margin:0 15px;line-height: 25px;font-size: 14px;border-bottom: 1px dashed #ccc;display: block;height: 30px;line-height: 30px;}
.user_info .log_out{width: 150px;height: 25px;background-color:#D72B00;line-height: 25px;text-align: center;margin-left: 22px;margin-top: 10px;}
.user_info .log_out a{width: 100%;height: 100%;display: block;color:#fff;}

.good{width: 261px;height: 50px;float: left;}
.good .menu{display: block;cursor: pointer;width: 100%;height: 50px;font-size: 18px;color:#333;text-align: center;background: url(good_line.png) center 35px no-repeat;line-height:35px;}
.good .active{background: url(good_active_line.png) center 35px no-repeat;}

.good_info{width: 253px;height: 340px;border:1px solid #8D8D8D;float: left;margin-right: 11px;margin-bottom: 14px;}
.good_info .img{width:252px;height:252px;text-align: center;line-height: 253px;overflow: hidden;}
.good_info .img img{max-width: 250px;max-height: 250px;}
.good_info .tit{width: 231px;height: 30px;line-height: 30px;margin:5px 0 0 10px;font-size: 14px;}
.good_info .tit .t1{float: left;width: 150px;height: 30px;overflow: hidden;text-align: center;}
.good_info .tit .t2{float: right;width: 80px;height: 30px;overflow: hidden;text-align: center;}
.good_info .tit .t2 .num{color:#D82C00;font-weight: bold;}
.good_info .buy{width: 231px;height: 40px;line-height: 40px;margin:2px 0 0 10px;background-color:#D82B01;color:#fff;text-align: center;font-size: 20px;cursor: pointer;}
.push .gi_2,.push .gi_3,.push .gi_4{display:none;}

.good2{width: 261px;height: 50px;float: left;}
.good2 .menu{display: block;cursor: pointer;width: 100%;height: 50px;font-size: 18px;color:#333;text-align: center;line-height:35px;background-color:#8D8D8D;line-height: 50px;color:#fff;}
.good2 .active{background-color:#D82B01;}

/*foot*/
.footer{width: 100%;height: 100px;/*border-top:5px solid #D62B00;*/background: #f4f4f4;}
.footer .footer_nav{text-align:center;font-size: 16px;color: #999;margin-top: 20px;}
.footer .footer_nav a{color: #999;}
.footer .footer_nav span{margin-left: 10px;margin-right: 10px;}
.footer .copy{text-align: center;color: #999;margin-top:10px;font-size: 14px;}

/*page*/
/*user center*/
.p_user_center{width: 196px;height: 380px;background: url(p_user_center_bg.png) 0 0px no-repeat;}
.p_user_center .login{width: 100%;height: 147px;background:url(login_bg.png) center 0 no-repeat;position: relative;}
.p_user_center .login input[type='text']{position: absolute;top: 31px;left: 55px;width: 115px;height: 24px;border:none;background: transparent;text-indent: 5px;color:#666;}
.p_user_center .login input[type='password']{position: absolute;top:75px;left: 55px;width: 115px;height: 24px;border:none;background: transparent;text-indent: 5px;color:#666;}
.p_user_center .login input[type='submit']{position: absolute;top:118px;left:21px;width:77px;height:30px;cursor:pointer;border:none;background: transparent;}
.p_user_center .login a{position: absolute;display: block;width: 75px;height: 22px;top:124px;left:110px;}
.p_user_center .cart{width: 100%;height: 106px;background:  url(cart.png) center 0 no-repeat;cursor: pointer;position: relative;}

.p_right{width:100%;min-height: 700px;margin-top: -650px;}
.p_right .p_ad{width: 100%}
.p_right .p_ad .img{width: 100%;}

.p_right .p_content{width:100%;/*border:1px solid #ddd;*/border-radius:6px;padding:10px 10px;margin-top: 5px;}
.p_right .p_content .site{font-size:16px;color: #D72B00;width: 810px;border-bottom: 1px solid #ddd;height: 30px;line-height: 25px;}
.p_right .p_content .site a{color: #D72B00;}

.p_right .p_content .register{width:600px;margin-top: 20px;}
.p_right .p_content .register .formtext{line-height: 30px;font-size: 14px;}

.cart span{display:block;width: 24px;height: 17px;position: absolute;top:57px;left:100px;background: url(cart_num.png) 0 0 no-repeat;text-align: center;line-height: 17px;color:#D72B00;font-size: 12px;}

.p_good_list{width: 195px;height: 280px;border:1px solid #8D8D8D;float: left;margin-right: 11px;margin-bottom: 14px;overflow: hidden;}
.p_good_list .img{width:195px;height: 195px;text-align: center;line-height: 195px;overflow: hidden;}
.p_good_list .img img{max-width: 195px;max-height: 195px;}
.p_good_list .tit{width:175px;height: 30px;line-height: 30px;margin:5px 0 0 10px;font-size: 14px;}
.p_good_list .tit .t1{float: left;width: 100px;height: 30px;overflow: hidden;text-align: center;}
.p_good_list .tit .t2{float: right;width: 75px;height: 30px;overflow: hidden;text-align: center;}
.p_good_list .tit .t2 .num{color:#D82C00;font-size: 13px;font-weight: bold;}
.p_good_list .buy{width:175px;height: 35px;line-height: 35px;margin:2px 0 0 9px;background-color:#D82B01;color:#fff;text-align: center;font-size: 16px;cursor: pointer;}

.paging{clear: both;width: 100%;overflow: hidden;}
.paging div a,.paging div span{font-size:13px;padding:2px 8px;margin:0 2px;background-color:#A8050D;color:#fff;border-radius:3px;float: left;}
.paging div .current{background-color: #999;}

.p_content .choose{width: 100%;min-height: 100px;margin-bottom:15px;/*border-bottom:1px solid #ddd;*/line-height: 30px;}
.p_content .choose span{font-weight: bold;padding-right: 10px;font-size: 14px;}
.p_content .choose a{padding:2px 6px;font-size: 15px;}
.p_content .choose .active{background-color:#A8050D;color:#fff;}
.p_content .choose .jf{}
.p_content .choose .pl{}
.p_content .choose .dj{}

.p_left_goods{width: 196px;margin-bottom: 20px;}
.p_left_goods .tit{width: 100%;height: 29px;background: url(left_good_top.png) center 0 no-repeat;}
.p_left_goods .bot{width: 100%;height: 4px;background: url(left_good_bottom.png) center 0 no-repeat;}
.p_left_goods .con{min-height: 100px;width: 196px;border-left: 3px solid #D72B00;border-right: 3px solid #D72B00;overflow: hidden;clear: both;}
.p_left_goods .con .glist{width: 180px;height:205px;overflow: hidden;margin-left: 5px;}
.p_left_goods .con .glist .img{width:180px;height: 180px;overflow: hidden;text-align: center;line-height: 180px;}
.p_left_goods .con .glist .img img{max-width: 180px;max-height: 180px;}
.p_left_goods .con .glist .title{width: 180px;height: 25px;text-align: center;line-height: 25px;font-size: 14px;}

.good_msg{width: 100%;margin-top: 15px;}
.good_msg img{max-width:100%;}
.good_msg .g_img{width: 306px;height: 306px;text-align: center;line-height: 306px;border:1px solid #ccc;overflow: hidden;border-radius:2px;}
.good_msg .g_img img{max-width: 306px;max-height: 306px;}
.good_msg .g_info{width: 495px;height: 306px;}
.good_msg .g_info .tit{width: 100%;height: 30px;line-height:30px;font-size: 18px;overflow: hidden;}
.good_msg .g_info .g_con{line-height:30px;font-size: 13px;border-bottom: 1px dotted #ccc;border-top: 1px dotted #ccc;margin: 10px 0;padding: 10px 0;}
.good_msg .g_info .g_con .num{clear: both;width: 100%;height: 35px;line-height: 35px;}
.good_msg .g_info .g_con .num span{width:20px;height:35px;line-height:35px;font-size: 20px;float: left;text-align: center;cursor: pointer;}
.good_msg .g_info .g_con .num input{width: 35px;height: 20px;line-height: 20px;text-align: center;float: left;margin:8px 0 0px 0;}
.good_msg .g_info .good_btn{width: 100%;}

.good_msg .g_canshu{background-color:#F6F6F6;width: 100%;border-radius:2px;margin-top: 15px;padding:10px 15px;line-height: 25px;}

.good_msg .product_ad{width: 100%;margin-top: 15px;padding:10px 15px;line-height: 25px;text-align: center;}
.good_msg .product_ad img{max-width: 100%;}

.good_msg .g_canshu .cpcs{width: 100%;height: 25px;border-bottom: 1px solid #ccc;font-size: 16px;line-height: 20px;margin-bottom: 5px;}
.good_msg .g_content{width: 100%;margin-top: 15px;}

.p_content .cart_page{width:100%;margin-top: 20px;}
.p_content .cart_page .gtable{width: 100%;height:30px;background-color:#fcfcfc;border:1px solid #ccc;line-height: 30px;margin-bottom: 5px;}
.p_content .cart_page .gtable span{float: left;display:block;text-indent: 10px;}
.p_content .cart_page .cart_g_list{width: 100%;height: 92px;clear: both;overflow: hidden;background-color:#fcfcfc;margin-bottom: 5px;border:1px solid #ccc;padding: 5px 5px;}
.p_content .cart_page .cart_g_list .img{width: 80px;height: 80px;overflow: hidden;float: left;line-height: 80px;text-align: center;border:1px solid #ccc;}
.p_content .cart_page .cart_g_list .img img{max-height: 80px;max-width: 80px;}
.p_content .cart_page .cart_g_list .tit{width: 360px;height: 80px;float: left;overflow: hidden;margin-left: 10px;line-height: 30px;font-size: 14px;border:1px dashed #eee;text-indent: 10px;}
.p_content .cart_page .cart_g_list .num{width: 100px;height: 35px;line-height: 35px;float: left;margin-top:20px;}
.p_content .cart_page .cart_g_list span{width:20px;height:35px;line-height:35px;font-size: 20px;float: left;text-align: center;cursor: pointer;}
.p_content .cart_page .cart_g_list input{width: 35px;height: 20px;line-height: 20px;text-align: center;float: left;margin:8px 0 0px 0;}
.p_content .cart_page .cart_g_list .jifen{width: 120px;height: 80px;line-height: 80px;color: red;float: left;text-align: center;font-size: 16px;}
.p_content .cart_page .cart_g_list .caozuo{width: 130px;height: 80px;float: right;text-align: center;line-height: 80px;}
.p_content .cart_page .cart_g_list .caozuo a{cursor: pointer;}
.p_content .cart_page .allprice{width: 100%;height: 40px;text-align: right;font-size: 16px;color: red;line-height: 30px;}
.p_content .cart_page .allprice span{font-weight: bold;}
/*左侧菜单*/
.p_user_menu{width: 196px;height: 380px;background: url(left_user_bg.png) 0 0px no-repeat;}
.p_user_menu .cart{width: 100%;height: 106px;background:  url(cart.png) center 0 no-repeat;cursor: pointer;position: relative;}
.p_user_menu .menu{width: 190px;height: 40px;line-height: 40px;font-size: 16px;border-bottom: 1px solid #ddd;margin-left: 3px;text-align: center;}
.dingdan{float: left;overflow: hidden;line-height:20px;}

.p_left_center{width: 196px;}
.p_left_center .cart{width: 100%;height: 106px;background:  url(cart.png) center 0 no-repeat;cursor: pointer;position: relative;}
.p_left_center .pleft_tit{width:100%;height:50px;clear:both;font-size: 20px;text-align: center;line-height:50px;color:#fff;margin:auto;background: url(left_top_bg.png) 0 0px no-repeat;}
.p_left_center .pleft_menu{width:100%;overflow: hidden;background: url(left_mid_bg.png) 0 0px repeat-y;padding: 10px 0;}
.p_left_center .pleft_menu .menu{width: 100%;height:30px;line-height: 30px;text-align: left;display: block;font-size: 16px;background: url(category_menu_bg2.png) -140px 8px no-repeat;text-indent:35px;}
.p_left_center .left_bottom{width:100%;height:45px;background: url(left_bottom_bg.png) 0 0 no-repeat;}
.page_content{padding: 10px 0;font-size: 16px;}





.page-content[data-v-2ce97570] {
        width: 1180px;
    min-height: calc(100vh - 594px);
    margin: -42px auto 42px;
    position: relative;
    z-index: 11;
}
.featured-goods-list {
    margin-top: 0;
    text-align: center;
}

.featured-goods-list .featured-goods-item {
    width: 270px;
    height: 250px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
    margin-right: 20px;margin-top: -30px;
}
.featured-goods-list .featured-goods-item img {
    width: 100%;
    height: 100%;
}
.featured-goods-list .featured-goods-item .v-desc {
    text-align: left;
    width: 205px;
    height: 246px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 11px;
    position: absolute;
    top: 0;
    left: 0;
    color: #333;
    cursor: pointer;
}
.featured-goods-list .featured-goods-item .v-desc .desc-title {
    font-size: 14px;
}
.featured-goods-list .featured-goods-item .v-desc .desc-title .title-Zn {
    font-size: 18px;
    font-weight: 700;
}
*, :after, :before {
    box-sizing: border-box;
}
.featured-goods-list .featured-goods-item .v-desc {
    text-align: left;
    width: 205px;
    height: 246px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 11px;
    position: absolute;
    top: 0;
    left: 0;
    color: #333;
    cursor: pointer;
}

.featured-goods-list .featured-goods-item .v-desc {
    text-align: left;
    width: 205px;
    height: 246px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 18px 11px;
    position: absolute;
    top: 0;
    left: 0;
    color: #333;
    cursor: pointer;
}
.featured-goods {
    width: 100%;
    margin: 42px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.featured-goods h3 {
    display: inline-block;
    font-size: 20px;
    color: #0d1b28;
}
#app[data-v-10a63b79] {
    position: relative;
    font-size: 12px;
    background: #fff;
}
.hot_goods {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header .head-bottom .login {
    margin: 22px 0 0;
    float: right;
}
.btn-login {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAAoCAYAAAAlprK8AAAK1UlEQ…beuFbjjQLuQhZeKdtg3ows24tw7WgFLiDbYB6mg9tg/g/AbcHFhZuaPAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% auto;
    opacity: .9;
}
.btn {
    width: 132px;
    height: 40px;
    border: none;
    outline: none;
    cursor: pointer;
}

  .hg{background:#fff;    border-radius: 15px;margin-top:-30px}
   .product-type li.activea {
    color: #fff;
    background: #69f;
    border-radius: 25px;
}
   .product-type li:hover{
    color: #fff;
    background: #69f;
    border-radius: 25px;
}
 .product-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}
.product-type li {
    width: 100px;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    margin: 0 10px;
    cursor: pointer;
}
.product-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.product-list .product-item {
    width: 23%;
    height: 395px;
    display: inline-block;
    margin-right: 13px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.product-list .product-item .pic {
    width: 270px;
    height: 270px;
    background: #f0f0f0;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-filter: grayscale(30%);
    filter: grayscale(30%);
}
.product-list .product-item img {
    -webkit-transition: all .6s linear;
    transition: all .6s linear;
    max-width: 100%;
    margin: auto;
    min-height: 100%;
}
.product-list .product-item .goods_name {
    font-size: 16px;
    color: #333;
    padding: 20px 0 5px 10px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-list .product-item>span {
    display: block;
    font-size: 14px;
    color: #666;
    padding-left: 10px;
    padding-bottom: 5px;
}
.product-list .product-item .duihuan {
    font-size: 16px;
    color: #fff;
    line-height: 47px;
    background-color: #69f;
    width: 140px;
    height: 47px;
    border-radius: 25px;
    text-align: center;
    margin-left: 10px;
}