@charset "UTF-8";


*{font-family: "Roboto-Regular";}
.w_1200 .search{width:450px;}
.w_1200 .search .text{width:670px;}
.w_1200 .wide{width:90%; min-width:1200px;}
.w_1200 .side_right{width:75%;}
.w_1200 .pro_right{width:940px;}
.w_1200 .prod_sort a{padding:0 15px;}
.w_1200 .prod_menu{display:block;}
body{min-width: 1350px;}/*min-width: 980px;*/
.wide{width: 980px;min-width: 1106px;margin:0px;margin: 0 auto;}
.big_wrap{width: 100%;max-width: 1770px;margin:0 auto;}


/*************************** header start ***************************/
input::placeholder{color: #b7b7b7;}
input::-moz-placeholder{color: #b7b7b7;}
input::-webkit-placeholder{color: #b7b7b7;}
.wide .currency{width: 55px;}


#header{margin-top: -17px;height:10rem; background-color:#fff; position:relative;width: 90%;margin-left: 5%;font-size: 17px;z-index: 999;top: 0;min-width: 1215px;font-weight: bold;}

/*#header .wrap{width: 95%;max-width: 1770px;margin:0 auto;}*/
#header .logo{width:240px; height:100px; overflow:hidden;}
#header .logo img{max-width:100%; max-height:100%;}

/*11#header .search{position: relative;width: 22px;height: 23px;cursor: pointer;}*/
/*#header .search.close{background-image: url(../images/search_close.png);}*/
#header .ajax_search .search_content_box{left: auto !important;right: 0px;top: 31px !important;}
#header .func{margin-top: 36px;margin-right: 5px;}
#header .func .search{width: 0px}
#header .func .sign_in{width: auto;height: 23px;margin-left: 15px;position: relative;float: right;text-align: center;}
/*#header .func .sign_in.cur{background-image: url(../images/user_icon_cur.png);}*/
#header .global_account_sec{display: block;width: auto;;height: 23px;}/*12345*/
#header .func .global_login_sec{display: block;width: 50px;height: 23px;}
#header .func .signin_box_sec{padding-top: 10px;top: 32px;right: -5px;/*11left: 50%;margin-left: -161px;*/}
/*#header .func .signin_box_sec:before{position: absolute;left: 0;right: 0;top: 0px;margin:auto;border-width: 0 12px 12px 12px;border-style: solid;border-color: transparent;border-bottom-color: #333;content: '';width: 0;height: 0;}*/
#header .func .AccountButton_sec{display: block;}
#header .func .account_container_sec{top: 23px;padding-top: 10px;left: 50%;margin-left: -101px;}
#header .func .account_container_sec:before{position: absolute;left: 0;right: 0;top: 0px;margin:auto;border-width: 0 12px 12px 12px;border-style: solid;border-color: transparent;border-bottom-color: #333;content: '';width: 0;height: 0;}
#header .func .header_cart{margin-left: 25px;}
#header .search form{width:300px;position: absolute;top: -10px;right: 0px;border: 1px solid #332C2B;border-radius: 2px;}/*--display: none;border-bottom: 1px solid #7b7671;*/
#header .search form a.close{position: absolute;right: 0;top: 0;width: 50px;height: 41px;background-image: }
#header .search form{width: 420px;}
#header .search form input[name=Keyword]{float: left;width: 360px;height: 40px;line-height: 40px;padding: 0 10px;background: none;border: none;color: #333;}/*--float: right;width: 455px;*/
#header .search form input[name=Keyword]::placeholder{color: #333;}
#header .search form input[type=submit]{float: left;width: 40px;height: 40px;background-image: url(../images/icon_search.png);background-position: center center;background-repeat: no-repeat;cursor: pointer;background-color: transparent;border: none;}
#header .header_cart{position: relative;width: 21px;height: 23px;cursor: pointer;padding-bottom: 20px;}
#header .down_header_cart.header_active{border: none;box-shadow: none;}
#header .down_header_cart .cart_note{top: 32px;margin-top: 10px;padding-top: 5px;min-height: 90px;}
/*#header .down_header_cart .cart_note:before{position: absolute;left: 0;top: -10px;content: '';width: 100%;height: 10px;}
#header .down_header_cart .cart_note:after{position: absolute;right: 0;top: -8px;margin:auto;border-width: 0 8px 8px 20px;border-style: solid;border-color: transparent;border-bottom-color: #333;content: '';width: 0;height: 0;}*/
#header .new_season{cursor:pointer;background: #F26120;height: 60px;width: 100%;color:#fff;display:flex;align-items: center;justify-content: center;font-size: 20px;font-family: PingFangSC-Semibold;}
#header #join,#header #sign_part{float: right;text-align: right;}
#header #join{width: 40px;}
#header #sign_part{width: 30px;}

#nav{display: inline-block;margin-top: 40px;margin-left: 1%;max-width: 65%;height: 46px;}
#nav .nav_sec{top: 80px;}
#nav .small_nav_sec{position:fixed;top: 6rem;width: 90%;margin-left:5%;height: 32rem;border-top: 2px solid #F36020;border-bottom:10px solid #2e2e2e;font-weight: initial}
#nav .nav_sec .nav_thd_list{text-align: left;}
#nav .nav_item>li{float: left;margin:0 20px;padding-bottom: 30px;}
#nav .nav_item>li>a{display: block;padding:0 0px 6px 0px;font-size: 16px;color: #333;text-transform: uppercase;border-bottom: 2px solid transparent;}
#nav .nav_item>li>a:hover{border-color: #F36020;text-decoration: none;}

@media screen and (max-width: 1500px) {
    #header .search form{width: 300px;}
    #header .search form input[name=Keyword]{width: 240px;}
}
@media screen and (max-width: 1300px) {
    #nav .nav_item>li{margin:0 5px;}
    #header .logo{width:210px;}
}
@media screen and (max-width: 1230px) {}
/*************************** header end ***************************/

.news_letter{height: 110px;padding-top: 60px;border-bottom: 1px solid #ededee; display: none;}
.news_letter .newsletter_l{box-sizing: border-box;width: 50%;float: left;padding-left: 85px;background: url(../images/icon_mail.png) no-repeat left center;}
.news_letter .newsletter_l .newsletter_title{font-weight: bold;font-size: 20px;color: #333;text-transform: uppercase;}
.news_letter .newsletter_l .newsletter_brief{font-size: 14px;color: #999;margin-top: 8px;}
.news_letter .newsletter_r{float: left;width: 50%;max-width: 530px;height: 52px;background: #fff;overflow: hidden;}
.news_letter .newsletter_r .text{height: 100%;border: none;width: 74%;text-indent: 15px;font-size: 14px;box-sizing: border-box;background: #f4f4f4;}
.news_letter .newsletter_r .button{width: 25%;height: 52px;line-height: 52px;color: #fff;border: 0;font-size: 14px;color: #fff;font-weight: bold;background: #232222;text-transform: uppercase;cursor: pointer;}

#footer{width: 90%;background-color: #D8D8D8;margin-left: 5%;}
#footer .footer_cnt{height:40vh;text-align: justify;text-justify: inter-ideograph;}
#footer .footer_cnt:after{display: inline-block;content: '';width: 100%;}
.w_1200 #footer .footer_box{width: 17.4%;margin-top: 0.5%;}
.w_1200 #footer .footer_box_share{width: 318px;}
#footer .footer_box{float: left;padding-right: 25px;width: 18%;box-sizing: border-box;padding-right: 15px;}
#footer .footer_box_share{float: right;width: 260px;max-width: 50%;}
#footer .footer_t{color: #111;font-size: 18px;text-transform: uppercase;margin-top: 20%;}
#footer .footer_b{margin-top: 15%;}
#footer .footer_b a{letter-spacing: -0.23px;font-family: PingFangSC-Regular;line-height: 25px;height: 25px;color: #332C2B;font-size: 16px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#footer .footer_b .follow_us_list li{margin-right: 0;}
#footer .footer_b .follow_us_list li>a{height: 40px;line-height: 40px;}
#footer .footer_s{line-height: 40px;padding-bottom: 10px;margin-top: 20px;display: none;}
#footer .footer_s .footer_s_l{height: 100%;text-align: left;padding-top: 15px;padding-bottom: 5px;}
#footer .footer_s .footer_s_l img{max-height: 24px;}
#footer .footer_s .footer_s_r{font-size: 12px;color: #aaa;}
#footer .footer_s .footer_s_r a{color: #aaa;}
#footer .foot_bot{height: 29px;background: #f9f9f9;}

#footer .func{margin: 10px 0 0;height: 20px;line-height: 20px;}
#footer .func .item{position: relative;width: auto;}
#footer .func .item.language{margin-right: 10px;}
#footer .func .item.language img{display: inline-block;vertical-align: middle;width: 16px;height: 11px;margin-right: 7px;}
#footer .func .item.currency{}
#footer .func .item strong,#footer .func .item dt,#footer .func .item dl{display: inline-block;vertical-align: middle;font-size: 12px;color: #aaa;}
#footer .func .item dt{background: url(../images/down_arrow.png) no-repeat right center;padding-right: 15px;margin-right: 10px;}
#footer .func .item dl{color: #aaa;margin-left: 5px;}
#footer .func .item .name{display: inline-block;vertical-align: middle;height: 18px;line-height: 18px;color: #aaa;font-size: 12px;}
#footer .func .item dd{display:none;position: absolute;bottom:20px;right: 0px;width: 65px;background: white;-webkit-border-radius-top-left: 6px;-moz-border-radius-top-left: 6px;border-top-left-radius: 6px;-webkit-border-radius-top-right: 6px;-moz-border-radius-top-right: 6px;border-top-right-radius: 6px;-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip: padding-box;-moz-background-clip: padding-box;background-clip: padding-box;text-align: center;padding: 5px 10px;}
#footer .func .item:hover dd{display: block;}
#footer .func .item.currency dd{width: 60px;}



/*************************** gloabl start ***************************/
.icon_heart{width:18px; height:18px; background:url(../images/global/normal.png) no-repeat -679px -71px; display:inline-block; vertical-align:top;}
.hover_1 .icon_heart{ background:url(../images/global/normal.png) no-repeat -188px -117px;}

.pro_left{width:238px;}
.pro_left .ad{margin-top:20px;}
.pro_right{width:720px;}
.side_left,.help_menu{width: 238px;}

.sidebar{border:1px #e6e6e6 solid; margin-top:20px;}
.sidebar .b_title{height:35px; line-height:35px; border-bottom:1px #ccc dashed; margin:0 10px; font-size:15px;}
.sidebar .b_bottom{line-height:30px; color:#1363bc; text-decoration:none; margin-left:10px;}

/*************************** gloabl end **************************/


.m_first{
    float: left;
    width: 18%;
    margin-top: 2%;
    margin-left: 2.5%;
    margin-right: 1.5%;
}

.m_first  img{
    width: 85%;
    margin-top:3%;
}


.y_first .m_first_a{
    margin-top: 14%;
}

.m_bottom_span{
    width: 100%;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #332C2B;
    letter-spacing: -0.23px;
    float: left;
    text-decoration:none;
    margin-top: 11.5%;
}

.m_top_three{
    margin-top: 3%;
}

.m_last{
    width: 22%;
    float: left;
    margin-top: 1%;
    color: #111;
    font-size: 22px;
}

.m_last .m_title{
    margin-top: 12%;
    font-size: 24px;
    color: #111;
    float: left;
}

.m_last .m_text{
    width: 100%;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #332C2B;
    letter-spacing: -0.23px;
    float: left;
    text-decoration: none;
    margin-top: 10.5%;
}

.m_last .m_logo{
    float: left;
    margin-left: 7%;
    margin-top: 10%;
}

.m_last .m_input_div{
    width: 100%;
    height: 60px;
    float: left;
}

.m_last .m_input{
    width: 98%;
    height: 70%;
    margin-top: 3%;
    border-radius: 3px;
    border: 1px solid #332C2B;
    background-color: #D8D8D8;
    font-size: 20px;
}

.m_last .m_input_div .m_signUp{
    text-decoration: none;
    position: absolute;
    margin-top: -2.5%;
    margin-left: 12.5%;
    width: 5%;
    height: 4.8%;
    background: #008A36;
    border-radius: 5px;
    color:white;
}

.vertical_middle{
    display: flex;
    align-items: center;
    justify-content: center;
}


/*以下为footer输入框的样式设计*/
.y_form{
    float: left;
    width: 100%;
    height: 5vh;
    margin-top: 5%;
}
.y_form .y_form_main{
    height: 100%;
    width: 100%;
    border: 1px solid #332c2b;
    border-radius: 2px;
}
.y_form .y_form_main .y_form_text{
    width: 74%;
    height: 90%;
    background-color: #d8d8d8;
}

.y_form .y_form_main .y_form_button{
    width: 22%;
    height: 100%;
    background: #008A36;
    border-radius: 6px;
    letter-spacing: -0.64px;
    color: #ffffff;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;

}

@media screen and (max-width: 1570px) {
    #header .search form{width: 300px;}
    #header .search form input[name=Keyword]{width: 240px;}
    #nav .nav_item > li{margin: 0 10px;}
}
@media screen and (max-width: 1380px) {
    #header .logo{width:230px;}
}

.w_1200 .singlepage{
    width: 100%;
}