/*头部*/
.main_header {
    width: 100%;
    margin: auto;
    position: relative;
    border-bottom: 2px solid #2A2929;
    background: #ffffff;
}
.main_header .mh_part1 {
    width: 1200px;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    margin: auto;
}
.main_header .mh_part1 .logo{
    width: 109px;
}
.main_header .mh_part1 .wrapRow{
    align-items: center;
}
.main_header .mh_part1 .mh_search_box{
    margin-right: 40px;
    position: relative;
}
.main_header .mh_part1 .mh_search_box input {
    width: 280px;
    height: 40px;
    background: rgba(255, 255, 255);
    border: 1px solid #C7C7C7;
    opacity: 1;
    border-radius: 6px 0px 0px 6px;
    padding: 0 10px;
    font-size: 14px;
    float: left;
}
.main_header .mh_part1 .mh_search_box button{
    width: 103px;
    height: 40px;
    background: rgba(0,0,0);
    opacity: 1;
    border-radius: 0px 6px 6px 0px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #FFFFFF;
    margin-left: -5px;
    border: 0;
    display: block;
    float: left;
}
.main_header .mh_part1 .mh_nav_box a{
    margin-right: 15px;
    display: block;
    float: left;
}
.main_header .mh_part1 .mh_nav_box .header_menu a{
    margin-right: 0;
    width: 100%;
}

.main_header .mh_nav_box .user_ucenter{ background: url("new_img/icon18.png") no-repeat 5px center;background-size:20px 24px;width: 25px;height: 40px }
.main_header .mh_nav_box .user_ucenter:hover{ background: url("new_img/icon19.png") no-repeat 5px center;background-size:20px 24px; }
.main_header .mh_nav_box .user_logout{ background: url("new_img/icon16.png") no-repeat 5px center;background-size:22px 22px;width: 27px;height: 40px}
.main_header .mh_nav_box .user_logout:hover{ background: url("new_img/icon17.png") no-repeat 5px center;background-size:22px 22px; }
.main_header .mh_nav_box .user_register{background: url("new_img/icon4.png") no-repeat 5px center;width: 27px;height: 40px}
.main_header .mh_nav_box .user_register:hover{background: url("new_img/icon5.png") no-repeat 5px center;}
.main_header .mh_nav_box .user_login{background: url("new_img/icon6.png") no-repeat 5px center;background-size:22px 22px;width: 27px;height: 40px}
.main_header .mh_nav_box .user_login:hover{background: url("new_img/icon7.png") no-repeat 5px center;background-size:22px 22px;}
.main_header .mh_nav_box .header_nav_car{background: url("new_img/icon8.png") no-repeat 5px center;background-size:23px 21px;width: 27px;height: 40px}
.main_header .mh_nav_box .header_nav_car:hover{background: url("new_img/icon9.png") no-repeat 5px center;background-size:23px 21px;}
.main_header .mh_nav_box .header_menu_icon{background: url("new_img/icon2.png") no-repeat 5px center;background-size:21px 18px;width: 27px;height: 40px}
.main_header .mh_nav_box .header_menu_icon:hover{background: url("new_img/icon3.png") no-repeat 5px center;background-size:21px 18px;}

.main_header .mh_part2{
    border-radius: 20px;
    height: 100px;
    background-color: #ffffff;
    position: absolute;
    top: 12px;
    width: 1200px;
    left: calc((100vw - 1200px) / 2);
}
.main_header .mh_part2 .mh_item{
    width: 20%;
    text-align: center;
    box-sizing: border-box;
    font-size: 16px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.main_header .mh_part2 .mh_item:first-child{
    border-radius: 20px 0 0 20px;
}
.main_header .mh_part2 .mh_item:last-child{
    border-radius: 0 20px 20px 0;
}
.main_header .mh_part2 .mh_item_act{
    background-color: #be0000;
    color: #ffffff;
}
.main_header .mh_part2 .mh_item span{
    display: block;
    margin-top: 5px;
}
.main_header .mh_part2 .mh_item img:nth-child(2){
    display: none;
}
.main_header .mh_part2 .mh_line{
    height: 80px;
    margin-top: 10px;
    border-right: 2px solid #989898;
}
.main_header .header_nav_car{position: relative}
.main_header .header_cart_number{position: absolute;width: auto;padding: 0 5px;display: block;height: 16px;line-height: 16px;text-align: center;left: 20px;top:-5px;background-color:#BE0000;color: #ffffff;border-radius: 5px 5px 5px 0}


.main_foot .foot1{height: 250px;width: 100%;background-color:#F6F5F5 }
.main_foot .foot1 .info{width: 1200px;margin: auto;padding-left: 142px}
.main_foot .foot2{height: 90px;width: 100%;background-color:#242424;color: #FFFFFF;text-align: center;line-height: 30px;padding-top: 15px;font-size: 13px}
.main_foot .foot2 a{color: #ffffff;margin-right: 15px}
.main_foot .one a, .main_foot .two a{display: block;padding: 6px 0;line-height: 16px;font-size: 12px;text-decoration:underline;color: #333333}
.main_foot .one a:hover, .main_foot .two a:hover{color: #BE0000;}
.main_foot .small_title{color: #333333;font-size: 14px;font-weight: bold;margin-top:40px;margin-bottom: 15px}
.main_foot .one{padding-right: 40px}
.main_foot .two{padding-right: 60px}
.main_foot .app_info{width: 570px;height: 60px;border: 1px solid #F6F5F5;margin-top: 50px;line-height: 60px;font-size: 18px;color: #333333;padding-left: 10px;font-weight: bold;cursor: pointer}
.main_foot .sns_info{width: 570px;height: 60px;border: 1px solid #F6F5F5;margin-top: 20px;line-height: 60px;font-size: 18px;color: #333333;padding-left: 10px;font-weight: bold;cursor: pointer}
.main_foot .app_info img{height: 45px;display: block;float: right;padding-right: 10px;margin-top: 7px;cursor: pointer}
.main_foot .sns_info img{height: 45px;display: block;float: right;padding-right: 10px;margin-top: 7px;cursor: pointer}
.main_foot .load_app_img{width: 85px!important;height: 85px!important;margin: 5px;padding-right: 0!important;}
.main_foot .ios_icon{position: absolute;top: -100px;  left: 283px;}
.main_foot .android_icon{position: absolute;top:-100px;left: 435px}
.border-triangle-bottom {
    width: auto;
    height:auto;
    border: 2px solid #BE0000;
    position: absolute;
    border-radius: 4px;
    background-color: #ffffff;
    z-index: 999999;
}

.border-triangle-bottom:after,
.border-triangle-bottom:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #BE0000;
    left: 50%;
    margin-left: -4px;
    bottom: -8px;
}

.border-triangle-bottom:after {
    border-top-color: #fff;
    bottom: -7px;
}





.top_nav{width: 100%;height: 100px;z-index: 9999999;position: fixed;top:0;left: 0;background-color: #ffffff;box-shadow: 3px 3px 5px #888888;}
.top_nav .top_nav_info{width: 1200px;margin: auto;height: 100px}
.top_nav .top_nav_info .logo{margin-top: 18px;width: 109px}
.top_nav .nav_list{margin-left: 60px}
.top_nav .nav_list .nav_item{width:130px;height: 100px;font-size: 14px;text-align: center}
.top_nav .nav_list .nav_item_act{  background-color: #be0000;  color: #ffffff;text-align: center}
.top_nav .nav_list .nav_item img{margin: auto;margin-top: 10px;}
.top_nav .nav_list .nav_item img:nth-child(2){  display: none;  }
.top_nav .nav_list .nav_item span{  display: block;  margin-top: 5px;  }
.top_nav_info .nav_search_keyword{width: 155px;height: 32px;border: 1px solid #000000;border-radius: 16px;margin-top: 34px;padding-left: 10px;font-size: 14px}
.top_nav_info .nav_search_icon{position: absolute;top: 40px;left: 125px;cursor: pointer; width: 20px;height: 20px; }
.top_nav_info .nav_search_icon_purchase{position: absolute;top: 40px;left: 125px;cursor: pointer; width: 20px;height: 20px;}
.nav_menu_dom{width:140px;height: auto;border: 1px solid #BABABA;background-color: #ffffff;padding: 0 5px;position: absolute;border-radius: 6px;top:70px;left: 165px;z-index: 999999;font-size: 12px}
.nav_menu_dom a{display: block;height: 35px;line-height: 35px;border-bottom: 1px solid #BABABA}
.nav_menu_dom a:last-child{border: 0;}
.nav_menu_dom a:hover{color: #BE0000}
.nav_menu_dom .nav_menu_one{background: url("new_img/icon4.png") no-repeat 5px;background-size:20px 24px;}
.nav_menu_dom .nav_menu_one:hover{background: url("new_img/icon5.png") no-repeat 5px;background-size:20px 24px;}
.nav_menu_dom .nav_menu_two{background: url("new_img/icon6.png") no-repeat 5px;background-size:22px 22px;}
.nav_menu_dom .nav_menu_two:hover{background: url("new_img/icon7.png") no-repeat 5px;background-size:22px 22px;}
.nav_menu_dom .nav_menu_three{background: url("new_img/icon8.png") no-repeat 5px;background-size:23px 21px;}
.nav_menu_dom .nav_menu_three:hover{background: url("new_img/icon9.png") no-repeat 5px;background-size:23px 21px;}
.nav_menu_dom .nav_menu_four{background: url("new_img/icon10.png") no-repeat 5px 8px;background-size:23px 20px;}
.nav_menu_dom .nav_menu_four:hover{background: url("new_img/icon11.png") no-repeat 5px 8px;background-size:23px 20px;}
.nav_menu_dom .nav_menu_five{background: url("new_img/icon12.png") no-repeat 7px;background-size:19px 22px;}
.nav_menu_dom .nav_menu_five:hover{background: url("new_img/icon13.png") no-repeat 7px;background-size:19px 22px;}
.nav_menu_dom .nav_menu_six{background: url("new_img/icon14.png") no-repeat 7px;background-size:20px 16px;}
.nav_menu_dom .nav_menu_six:hover{background: url("new_img/icon15.png") no-repeat 7px;background-size:20px 16px;}
.nav_menu_dom .nav_menu_seven{background: url("new_img/icon18.png") no-repeat 5px;background-size:20px 24px;}
.nav_menu_dom .nav_menu_seven:hover{background: url("new_img/icon19.png") no-repeat 5px;background-size:20px 24px;}
.nav_menu_dom .nav_menu_eight{background: url("new_img/icon16.png") no-repeat 5px;background-size:22px 22px;}
.nav_menu_dom .nav_menu_eight:hover{background: url("new_img/icon17.png") no-repeat 5px;background-size:22px 22px;}


.hide{display: none}
.top_nav_info .open_menu_icon{background: url("new_img/icon2.png") no-repeat 5px top;background-size:21px 18px;cursor: pointer}
.top_nav_info .open_menu_icon:hover{background: url("new_img/icon3.png") no-repeat 5px top;background-size:21px 18px;}

.top_shop_nav{position: absolute;width: 130px;height: auto;border: 2px solid #BE0000;z-index: 9999999;background-color: #ffffff;left: 0;top:100px;padding: 6px 8px}
.top_shop_nav a{display:block;font-size:12px;color:#000000;border-bottom:1px solid #E6E6E6;text-align:center;line-height:26px}
.top_shop_nav a:hover{color:#BE0000}
.top_shop_nav a:last-child{border-bottom:0;}

.top_transport_nav{position: absolute;width: 130px;height: auto;border: 2px solid #BE0000;z-index: 9999999;background-color: #ffffff;left: 0;top:100px;padding: 6px 2px}
.top_transport_nav a{display:block;font-size:12px;color:#000000;border-bottom:1px solid #E6E6E6;text-align:center;line-height:26px}
.top_transport_nav a:hover{color:#BE0000}
.top_transport_nav a:last-child{border-bottom:0;}

.top_purchase_nav{position: absolute;width: 130px;height:auto;border: 2px solid #BE0000;z-index: 9999999;background-color: #ffffff;left: 0;top:100px;padding: 6px 8px}
.top_purchase_nav a{display:block;font-size:12px;color:#000000;border-bottom:1px solid #E6E6E6;text-align:center;line-height:26px}
.top_purchase_nav a:hover{color:#BE0000}
.top_purchase_nav a:last-child{border-bottom:0;}

.fix_div{position: fixed;right: 20px;bottom:10%;z-index: 99999999999}
.fix_div img{display: block;margin-top: 10px;cursor: pointer}
.fix_div .right-three {position: absolute;right: 50px;  top: -5px;z-index: 9999999999;display: none}
.fix_div .right-three img{margin-left:28px }
.fix_div .right-three .three-top {  height: 30px;  line-height: 30px; border: 0!important; }
.fix_div .right-three .three-div2 img {  width: 75px;  padding-top: 0!important;  }
#triangle-right {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 9px solid #BE0000;
    border-bottom: 8px solid transparent;
    margin-left: 270px;
    margin-top: -22px;
}


.out_layout_header .top_nav{background-color: #FFFBE9;height: 44px;padding-top: 6px;text-align: center;display: block}

#photo_search{width: 22px;height: 20px;position: absolute;right: 112px;top: 10px;padding: 0!important;}
#photo_searchSelectBtn{cursor: pointer;background: transparent;padding: 0!important;width: 22px;height: 20px;display: block;border: 0;}
#photo_searchSelectBtn img{width: 22px;height: 20px;display: block;}
#photo_searchDeleteBtn{display: none}
.progress{display: none!important;}

#nav_photo_search{width: 22px;height: 20px;position: absolute;right: 36px;top: 40px;padding: 0!important;}
#nav_photo_searchSelectBtn{cursor: pointer;background: transparent;padding: 0!important;width: 22px;height: 20px;display: block;border: 0;}
#nav_photo_searchSelectBtn img{width: 22px;height: 20px;display: block;}
#nav_photo_searchDeleteBtn{display: none}
.progress{display: none!important;}

.main_header .mh_nav_box .header_nav_car_purchase{background: url("new_img/purchase_cart.png") no-repeat 5px center;background-size:22px 23px;width: 27px;height: 40px}
.main_header .mh_nav_box .header_nav_car_purchase:hover{background: url("new_img/purchase_cart_hover.png") no-repeat 5px center;background-size:22px 23px;}
.nav_menu_dom_purchase .nav_menu_three{background: url("new_img/purchase_cart.png") no-repeat 5px;background-size:22px 23px;}
.nav_menu_dom_purchase .nav_menu_three:hover{background: url("new_img/purchase_cart_hover.png") no-repeat 5px;background-size:22px 23px;}