/**
* 通用CSS
* @author 梦幻(qwerty) <guoyyyy@qq.com>
* Date 2018-11-17
*/
@charset "utf-8";
a{ text-decoration: none; color: #666;}
.arrow_right_css{ display: inline-block; width: 6px; height: 6px; border-right: 1px solid #333; border-top: 1px solid #333; margin-top: 17px; float: right; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);}
.arrow_down_css{ display: inline-block; width: 6px; height: 6px; border-right: 1px solid #333; border-top: 1px solid #333; margin-top: 10px; margin-left: 5px; float: right; transform: rotate(128deg); -ms-transform: rotate(128deg); -moz-transform: rotate(128deg); -webkit-transform: rotate(128deg); -o-transform: rotate(128deg);}
.common_top{ height: 90px; border-bottom: 1px solid #e1e1e1; background: #f5f5f5;}
.common_top .logo_title{ line-height: 90px; max-width: 400px; overflow: hidden;}
.common_top .logo_right{ line-height: 90px;}
.user_top{ height: 80px;}
.user_top .logo_title{ line-height: 80px; max-width: 400px; overflow: hidden;}
.user_top .logo_right{ line-height: 80px;}
.common_footer{ position: fixed; bottom: 0px; height: 50px; line-height: 50px; background: #fff; text-align: center; margin-top: 30px; font-size: 14px;}
.common_footer span{ margin-left: 5px; margin-right: 5px; color: #999;}
.common_barnav{ height: 22px; line-height: 22px; padding-top: 30px; padding-bottom: 30px;}
.common_barnav a{ color: #838383; text-decoration: none;}
.common_barnav .barnav_dep{ margin-left: 3px; margin-right: 3px;}
.divide-wrap{ position: relative; height: 1px; z-index: 1;}
.colorbar-before{ content: ""; position: absolute; left: 0; width: 50%; height: 100%; z-index: 9; background-color: #1b24ff;}
.colorbar-after{ content: ""; position: absolute; right: 0; width: 50%; height: 100%; z-index: 9; background-color: #fd0371;}
.colorbar{ width: 100%; height: 100%; z-index: 11; background: url(../images/colorbar.png) center no-repeat; position: relative;}
.big_black_btn{ outline: none; border-radius: 2px; display: inline-block; font-size: 14px; font-weight: 400; height: 40px; line-height: 40px; overflow: hidden; padding: 0 60px; background-color: #3f4156; border: 1px solid #3f4156; color: #fff; text-align: center; text-overflow: ellipsis; cursor: pointer;}
.white_btn{ background-color: #fff; border: 1px solid #dcdcdc; color: #3c3c3c; box-sizing: border-box; display: inline-block; line-height: 26px; padding: 0 12px; border-radius: 3px; font-size: 14px; cursor: pointer;}
.white_btn:hover{ border-color: #ff1d00; color: #ff1d00;}

/**
* open
* @author 梦幻(qwerty) <guoyyyy@qq.com>
*/
@charset "utf-8";

/*公共部分头部样式*/
.wd_1100{ width: 1100px; margin: 0 auto}


.nav .list li .nav_hover a{  color: #7dca00}
.nav .nav_logo{ width: 150px; height: auto; float: left; display: block;}
.nav .nav_left{ width: 15%; float: left;}
.nav .nav_right{ width: 85%; float: left; height: 80px;}
.nav .nav_right .right_area{ width: 100%; float: left; border-radius: 10px; background-color: #7dca00; height: 50px; margin-top: 15px; position: relative}/*导航height:   50px*/
.nav .nav_right .right_area ul{ float: left; width: 80% ; height: 50px; line-height: 50px;}
.nav .nav_right .right_area .search_input_box{ margin-top: 13px; float: right; margin-right: 15px; border-radius: 5px; background: #fff;}
.nav .nav_right .right_area ul li{ float: left; width: 14.2%; height: 50px; line-height: 50px; text-align: center; color: white; cursor: pointer;  white-space:nowrap;overflow: hidden;}
.nav .nav_right .right_area ul li:last-child{ border-right: none; text-align: center;}
.nav .nav_right .right_area .cart_text{ float: left; display: inline-block; width: 40% }
.nav .nav_right .right_area .search_input{ float: left; background: transparent; display: inline-block; width: 115px; height: 25px; line-height: 25px; border: none; padding-left: 10px; outline: none }
.nav .nav_right .right_area .search_icon{ display: block; cursor: pointer; float: left; width: 15px; height: 15px; margin-top: 5px; margin-right: 5px;}
.index_ad .ad_image{ width: 100%; display: block;}
.activied{ background-color: white; color: #7dca00}
.nav_a{ width: 99%; display: block; height: 20px; line-height: 20px; margin-top: 15.5px; color: white; border-right: 1px solid white;}
.nav .nav_right .right_area .state_box{ width: 60%; z-index: 99; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; min-height: 200px; position: absolute; left: 97px; top: 50px; background-color: white; display: none; padding-bottom: 30px; border: 1px solid #7dca00; border-top: none;}
.nav .nav_right .right_area .state_box .state_list{ float: left; width: 100%; height: auto}
.nav .nav_right .right_area .state_box ul li{ width: 25%; box-sizing: border-box; text-align: center; overflow: hidden; border-bottom: 2px solid transparent; height: 25px; line-height: 25px;}
.nav .nav_right .right_area .state_box .states_text{ width: 100%; float: left; display: none;}
.nav .nav_right .right_area .state_box .states_text li{ margin-left: 1%; margin-right: 1%; width: 12.2%; float: left; white-space: nowrap; overflow: hidden; height: 25px; line-height: 25px;}
.nav .nav_right .right_area .state_box .living a{ color: #7dca00}
.nav .nav_right .right_area .state_box a{ color: #333}
.nav .nav_right .right_area .state_box a:hover{ color: #7dca00;}
.nav .nav_right .right_area .state_box ul .living{ border-bottom: 2px solid #7dca00; color: #7dca00;}
.nav .nav_right .right_area .state_box ul .living:hover{ border-bottom: 2px solid #7dca00;}
.nav .nav_right .right_area .main_nav li:hover{ background: #fff; color: #000; margin-left: -2px; border-right: 2px solid transparent;}
.nav .nav_right .right_area ul li:hover a{ color: #7dca00; }


img{  border:0;}
.header_bg{  width: 1100px;
    margin: 0 auto;}
.header_bg .nav{  position:relative;top:13px;width:930px;height:50px;background: #7dca00; color:white;border-top:1px solid #7dca00; border-radius: 10px;}
.header_bg .nav .list{  list-style-type:none;margin-left:15px; width: 80%;float: left; line-height: 50px;}
.header_bg .nav .list li{  float:left;position:relative;height:35px;line-height:26px;}
.header_bg .nav .list li .mewfi_nav{  float:left;display:block;height:20px;line-height:20px;padding:0 15px 0 15px; margin-top:15px; margin-bottom:15px;color:white;text-decoration:none; font-size: 16px;border-right: 1px solid white;}
.header_bg .nav .list li .mewfi_nav_current,
.header_bg .nav .list li .mewfi_nav:hover{  border-right:2px solid transparent ;background-color:#fff;color:#7dca00;margin-top:-1px; border-bottom:0; line-height: 51px;height: 51px; margin-left: -1px;}
.header_bg .nav .list li:last-child .mewfi_nav:hover{ margin-left: -1px;}
.hover_cont{  display:none;position:absolute;width:auto;height:auto; top:50px;border:1px solid #7dca00;border-top:0;background:#fff;z-index:1000; border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.hover_cont .nav_cont{  padding:2%; width: 96%; float: left;}
.gysk .nav_cont{ padding-left: 10px;}
.grzx{ width:100%; left: -2px; padding-right: 1px; text-align: center}
.hover_cont .nav_li{  display:inline-block;width:100%;height:100%;*height:auto;*margin-top:7px;padding-bottom:5px;*padding-bottom:12px;}
.hover_cont .nav_li_t{  float:left;width:100%;color:#333;}
.hover_cont .nav_li_b{  float:left;width:100%;color:#333;}
.header_bg  .nav .list .splb{  width:560px;left:-2px;}
.header_bg .nav .list .gysk{  width:220px;left:-2px;}
.header_bg .gysk .nav_li_t:hover a{ color: #7dca00; }
.header_bg .grzx .nav_li_t:hover a{ color: #7dca00; }
.search_input_box {  margin-top: 13px; float: right; margin-right: 15px; border-radius: 5px; background: #fff; }
.search_input { float: left; background: transparent; display: inline-block; width: 115px; height: 25px; line-height: 25px; border: none; padding-left: 10px; outline: none;}
.header_bg .search_icon { display: block; cursor: pointer; float: left; width: 15px; height: 15px; margin-top: 5px; margin-right: 5px; }
.none{ display: none;   }
.header_bg .nav_left { width: 15%; float: left; }
.header_bg .nav_logo { width: 150px; height: auto; float: left; display: block;}
.header_bg .nav_right { width: 85%; float: left; height: 80px;}
.country_text{ float:left;width: 18%; overflow: hidden; white-space: nowrap; padding-left: 2%; font-size: 12px;}
.country_text:hover{ cursor: pointer;}
.country_text:hover a{ color: #7dca00}
.state_li{ width: 25%; float: left; text-align: center; border-bottom: 2px solid transparent;}
.state_li:hover{ border-bottom: 2px solid #7dca00}
.state_li:hover a{ color: #7dca00; }
.living{ border-bottom: 2px solid #7dca00}
.living a{ color: #7dca00;}
.states_text{ display: none;}
.header_bg .nav .list li .nav_hover{ border-right:2px solid transparent ;background-color:#fff;color:#7dca00;margin-top:-1px;padding:0 22px 0 22px; border-bottom:0; line-height: 51px;height: 51px; margin-left: -1px;}
.xsk{ width:740px;left:-2px;}
.hover_cont .nav_li_l{ float:left;width:50px;color:#666;font-weight:bold;}
.hover_cont .nav_li_r{ float:left; width:660px; color:#999;font-size:10px;line-height:26px;}
.hover_cont .nav_li_r a{ padding:0 1px 0 1px;color:#666;font-size:12px;text-decoration:none;}
.hover_cont .nav_li_r a:hover{ color:#7dca00;}
.xsk .nav_li:not(:last-child){ border-bottom: 1px dashed #999}

/*公共部分尾部样式*/
.mb_25{ margin-bottom: 25px;}
.a_block{ display: block; float: left; overflow: hidden}
.goods_footer{ background-color: #f3f3f3; margin-top: 30px; padding-top: 40px; padding-bottom: 40px; display: inline-block; bottom: 0px; width: 100%; position: relative; bottom: -107px;}
.goods_footer .footer .footer_left{ float: left; overflow: hidden; width: 30%; border-top: 2px solid black}
.goods_footer .footer .left_text{ width: 100%; float: left; height: 30px; line-height: 30px; border-bottom: 1px solid #bbbcbf; padding-top: 15px; padding-bottom: 15px;}
.goods_footer .footer .text_left{ float: left; width: 90%; display: inline-block; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; margin-right: 20px; color: black; font-weight: bold}
.goods_footer .footer .text_right{ float: left; height: 30px; line-height: 30px; color: #bbbcbf }
.goods_footer .footer_nav ul{ width: 100%; float: left; margin-top: 30px; margin-bottom: 20px; background-color: black;}
.goods_footer .footer_nav ul li .cart_text{ height: 20px; line-height: 20px; display: inline-block }
.goods_footer .footer_nav ul li:first-child{ border: none}
.goods_footer .footer_nav ul li:last-child{ border: none; position: relative}
.goods_footer .footer_nav ul li{ float: left; width: 11.5%; height: 20px; line-height: 20px; margin-top: 15px; margin-bottom: 15px; text-align: center; border-right: 1px dashed white}
.goods_footer .footer_nav ul li a{ width: 100%; color: white; display: inline-block }
.goods_footer .footer_nav .footer_logo{ height: 40px; margin-top: -10px;}
.goods_footer .footer .image_right{ float: left; width: 70px; height: 44px; display: flex; flex-direction: column; justify-content: center;}
.goods_footer .footer .footer_right{ float: left; overflow: hidden; width: 68%;}
.goods_footer .footer .footer_right .right_top{ float: left; overflow: hidden; width: 100%;}
.goods_footer .uniqlo li{ border-right: 1px dashed black; float: left; line-height: 12px; padding-left: 10px; padding-right: 10px; margin-top: 5px; margin-bottom: 5px;}
.goods_footer .uniqlo li:last-child{ border: none;}
.footer_right .right_top .right_top_l{ float: left; overflow: hidden; width: 48%; border-top: 2px solid black}
.footer_right .right_top .right_top_r{ float: left; overflow: hidden; width: 48%; margin-left: 4%; border-top: 2px solid black; padding-top: 15px;}
.footer_icon{ width: 100%; height: auto; display: block; float: left; margin-right: 5px;}
.footer_bottom{ float: left; width: 100%; overflow: hidden; color: black; font-weight: bold;}
.footer_bottom .footer_bottom_tittle{ height: 30px; line-height: 30px; margin-top: 15px; margin-bottom: 15px; cursor: pointer;}
.footer_bottom_images{ background: white; float: left; width: 50px; height: 50px; display: flex; flex-direction: column; justify-content: center;}
.footer_bottom_images .bottom_images{ float: left; height: auto; width: 100%; display: block;}
.footer_bottom .footer_bottom_images .bottom_p{ float: left; width: 100%; height: 25px; line-height: 25px;}
.footer_nav .up_icon{ width: 22px; height: 22px; position: absolute; left: 120px; top: 0px;}

/* 前台页码 */
.front_page .btn{ float: left; width: 35px; text-align: center; height: 35px; line-height: 33px; overflow: hidden; border: solid 1px #e4e3e3; color: #666; position: relative; z-index: 1; font-size: 14px; box-sizing: border-box; margin-left: -1px;}
.front_page .page_box1{ float: left; margin-left: 50%;}
.front_page .page_box1 .page_box2{ float: left; margin-left: -50%;}
.front_page .page_box1 .page_box2 a:hover{ border-color: #fd560e; z-index: 2;}
.front_page .cur_page{ cursor: default; background: #fd560e; border-color: #fd560e; color: #fff;}
.pri_protection_box{ line-height: 22px;}
.switch_lang_btn{ border: none;background: transparent; font-size: 14px; line-height:22px; outline: none}
.switch_lang_btn:hover{ text-decoration: underline;}
