/*顶部搜索-弹出相关*/
.form_bg { position: relative; height: 60px;}
.select_more_bg { position: absolute;width: 500px; top: 60px;background: #fafafa;z-index: 99999;padding: 15px; display: none;}
.select_more { width: 100%; height: 85px;}
.select_more img { width: 60px; height: 60px; display: block; float: left; margin-top: 5px;}
.select_more dl { display: block; float: left; margin-left: 20px; width: -webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); }
.select_more dl dt { width: 100%; height: 25px; line-height: 25px;}
.select_more dl dt p { display: inline-block;}
.select_more dl dt i { font-style: normal; display: inline-block; color: #e32619;}
.select_more dl dd { width: 100%; line-height: 21px; color: #414446;}


/*手机端调整*/
@media (max-width: 575px)
{
    .logo img { width: auto; height: 18px;}
    .xm_add_cart { margin-left: 5px!important;}
    .lc-1q1eqzv { width: 60px!important;}
    .lc-uic8s2 { width: 30px!important;}
    .form_bg { position: relative; height: 33px;}
    .select_more_bg { top: 30px;}
}

*{
    margin:0;padding:0;  outline: 0;  vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
html,body{
    color:#000;
    background:#fff;
    font:15px Verdana,Arial,sans-serif,"Times New Roman",微软雅黑;
    width:100%;
    height: auto
}
input,select,button{
    font-size:100%;
    outline:0;
    vertical-align:middle;
    -webkit-appearance: none;
}
button{
    border: 0;
    background-clip: padding-box;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
ol,ul,li { list-style:none;}
/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
body { width: 100%; overflow-x: hidden;}
img{
    border:none;
    vertical-align:baseline;
}
a, a:link, a:visited{
    color:#000;
    text-decoration:none;
}
a:hover{
    color:#000;
}
/* 标签属性，textarea,input 强制输入时内容超出时换行，打断 */
textarea,input{
    word-wrap:break-word;
    word-break:break-all;
}
span,p,div{
    word-wrap:break-word;
}
.lf{ float:left; }
.rt{ float:right; }
.clearfix{ content: ''; display: block; clear: both; }
.flex{display: flex;align-items: center;}


/*head*/
.m{
    width: 80%;
    margin: 0 auto;
}
.head{
    height: 32px;
    width: 100%;
    line-height: 32px;
    background-color: #EAEBEC;
}
.head_left{
    color:#333;
}
.head_left a{
    color:#e32619;
    margin: 0px 3px;
    font-weight: bold;
    text-decoration: none
}
.head_right{
    margin-top: 2px;
}
.head_right img{
    width: 18px;
    height: auto;
}
.head_right select{
    border: none;
    font-size: 18px;
    background-color: #EAEBEC;
    margin: 0px 8px;
    color:#333;
}
.top_call { margin-right: 25px; font-size: 17px; color: #333; font-family: "Arial"; cursor: pointer}
.top_call p { margin-top: 3px; }
@media (max-width: 414px)
{
    .head_right { margin-top: 7px;}
    .top_call { margin-right: 10px; margin-top: 10px;}
    .top_call img { font-size: 18px;}
    .top_call p { display: none; }
}
/*search*/
.search{
    margin: 35px auto;
}
.logo{
    font-size: 45px;
    width: 100px;
    color:#e32619;
    font-weight: bold
}
.input{
    height: 60px;
    line-height: 60px;
    width: 40%;
    margin: 0px 0px 0px 200px;
}

.input input{
    height: 60px;
    line-height: 60px;
    width: 70%;
    border:1px solid #dbdbdb;
    outline: none;
    font-size: 18px;
    padding-left:10px;
}
.input button{
    height: 60px;
    line-height: 60px;
    width: 28%;
    font-size: 18px;
    color:#fff;
    background: #e32619
}

.input button:hover{
    background: #eb6523
}

.search_btn{
    height: 60px;
    margin: 0px 5px;
    position: relative;
}
.search_btn img{
    height: 100%;
    cursor: pointer;
}

/*nav*/
.nav{
    width: 100%;
    height: 55px;
    line-height: 55px;
    background: #323B42;
}
.nav li{
    width: 20%;
    text-align: center
}
.nav li a{
    color:#fff;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
}
.nav li:hover{
    background: #e32619;
}
.lihover{
    background: #e32619;
}



/*底部*/
.bot{
    width: 100%;
    height: auto;
    padding: 30px 0px 0 0;

    background: url("../images/footer_bg.jpg") no-repeat top center #202020;
}
@media (max-width: 575px)
{
    .bot{ padding: 30px 0px 55px 0;}
}
.bot2{
    margin: 0px auto;
}
.bot-top{
    position: relative;
}
/* .bot-left-line{
    position: absolute;
    top: 15px;
    left:15px;
    width:33%;
    height: 250px;
    border: 1px solid #e32619;
} */
.bot-top-left{
    /* width: 33%; */
    /* background: #333333; */
    padding: 15px;
    /* border: 1px solid #e32619; */
}
.bot-logo img{
    width: 125px;
    height: 125px;
    margin-right: 15px;
}
.bot-logo li{
    margin: 15px 0px;
    color:#fff;
    font-size: 12px;
}
.bot-logo li img{
    width: 20px;
    height: auto;
    margin-right: 5px;
}
.bot-logo li span{
    display: inline-block;
    margin-right: 5px;
    color:#ccc;
}
.subemail{
    margin-top: 20px;
    color:#fff;
    /* background: #e32619; */
    padding: 10px 0px;
    width: 95%;
    margin-left: 5%;
}
.subemail span{
    font-size: 12px;
    white-space: nowrap;
    color: #e32619
}
.subemail img{
    width: 17px;
    margin-right: 5px;
    margin-left: 10px;
}
.subemail input{
    margin: 0px 0 0px 10px;
    line-height: 30px;
    width: 45%;
    border:1px solid #666;
    padding-left: 5px;
    background: #202020;
    color: #fff
}
@media (max-width: 1450px) {
    .subemail input { width: 59%;}
}

@media (max-width: 400px)
{
    .subemail span { display: none}
}
.line-bot{
    height: 1px;
    background: #666;
    margin: 0 auto;
    margin-bottom: 30px;
}
.info-bot{
    margin: 0 auto;
    color: #fff;
    padding: 0 15px;
    padding-bottom: 60px;
}
.subemail button{
    background: #3d3d3d;
    color:#fff;
    border:1px solid #666;
    line-height: 30px;
    padding: 0px 8px;
    border-radius: 0;
    position: absolute;
    border-left: 0;
}
.bot-top-right{
    width:40%;
    color:#dfdfdf;
}
.bot-top-right div{
    font-size: 16px;
    line-height: 25px;
}
.bot-top-right img{
    margin: 10px 0px 30px;
}
.bot-top-right p{
    text-indent: 2em;
    line-height: 25px;
    color:#fff;
}

/*底部列表*/
.flex2{
    display: flex;
}
.bot-bottom{
    margin: 60px auto 0px;
}
.bot-bottom-left{
    width: 35%;
}
.bot-bottom-left p,.bot-bottom-right p{
    font-size: 20px;
    color:#fff;
}
.bot-bottom-left ul{
    /* border-left:1px solid #666; */
    width: 100%;
    columns:2;
    margin: 30px 0px
}
.bot-bottom-left ul li,.bot-bottom-right ul li{
    white-space: nowrap;
}
.bot-bottom-left ul a,.bot-bottom-right ul a{
    padding:0px 10px;
    color:#666;
    font-size: 12px;
    line-height: 30px
}
.bot-bottom-right{
    width: 50%;
}
.bot-fb{
    position: absolute;
    bottom: 30px;
    right: 30px;
    height: 30px;
}
.bot-link{
    background: #202020;
    color:#b5b3b3;
    text-align: center;
    padding: 30px 0;
}
.bot-link a{
    color: #b5b3b3;
}
.bot-conlogo{
    background: #202020;
    padding-bottom:60px;
}
.bot-logochild{
    width: 60%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.logo-img{
    margin-top: 20px;
}
.logo-img:not(:first-child){
    margin-left: 10px;
}
.bot-bottom-right ul{
    /* border-left:1px solid #666; */
    width: 100%;
    columns:4;
    margin: 30px 0px
}
.foot{
    width: 100%;
    line-height: 30px;
    background: #0D0D0D;
    color:#666;
    font-size: 14px;
    text-align: center;
}


/*小米新增*/
.xm_gouwu { height: 60px; line-height: 60px; color: #ffffff; background: url("../images/gouwuche.png") no-repeat 20px center #323B42; background-size: 20px; padding: 0 15px; text-indent: 30px;}
.xm_gouwu i { min-width: 20px; padding: 0 5px; height: 20px; line-height: 20px; color: #fff; background: #e32619; position: absolute; top: 2px; left: 40px; text-align: center; border-radius: 20px; font-style: normal; font-size: 14px; text-indent: 0px;}
.xm_gouwu p, .xm_account p{ color: #fff;}


.xm_account { height: 60px; /* line-height: 60px; */ color: #ffffff; background: url("../images/xm_account.png") no-repeat 20px center #323B42; background-size: 20px; padding: 0 15px; text-indent: 30px;}
.xm_login { height: 60px; line-height: 60px; color: #ffffff; background: url("../images/xm_login.png") no-repeat 20px center #323B42; background-size: 20px; padding: 0 20px; text-indent: 30px;}

.xm_gouwu:hover p, .xm_login:hover, .xm_account:hover{
    color: #e32619;
}

.xm_gouwu:hover {
    background-image: url("../images/gouwuche_1.png");
}

.xm_login:hover {
    background-image: url("../images/xm_login_1.png");
}

.xm_account:hover {
    background-image: url("../images/xm_account_1.png");
}

.xm_add_cart { background: #e32619; color: #fff; padding: 3px 13px; margin: 0 auto; border-radius: 5px;}
.con-slide .xm_add_cart img { width: 23px; height: 23px;}
.xm_add_cart img { width: 23px; height: 23px;}
@media (max-width: 500px) {
    .xm_gouwu { position: fixed; z-index: 999; right: 0px; bottom: 400px; display: block!important;}
    .xm_gouwu p { display: none;}
}

/*分页*/
.set_page { width: 100%; float: left; height: 50px; line-height: 50px; text-align: center; margin-top: 30px; font-size: 18px}
.set_page span { border: 1px solid #ccc; border-radius: 5px; margin: 0 3px; min-width: 30px; height: 30px; line-height: 28px; display: inline-block; font-size: 14px; cursor: pointer; font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
.set_page span:hover { background: #e32619; color: #fff!important; border: 1px solid #e32619;}
.set_page a { border: 1px solid #ccc; border-radius: 5px; margin: 0 3px; min-width: 30px; height: 30px; line-height: 28px; display: inline-block; font-size: 14px;}
.set_page a:hover { background: #e32619; color: #fff!important; border: 1px solid #e32619;}

/*手机端*/
.wap_page { width: 100%; float: left; height: 50px; line-height: 50px; text-align: center; margin-top: 10px; font-size: 16px}
.wap_page span { border: 1px solid #ccc; border-radius: 5px; margin: 0 3px; min-width: 26px; height: 26px; line-height: 24px; display: inline-block; font-size: 14px; cursor: pointer; font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
.wap_page span:hover { background: #e32619; color: #fff!important; border: 1px solid #e32619;}
.wap_page a { border: 1px solid #ccc; border-radius: 5px; margin: 0 3px; min-width: 26px; height: 26px; line-height: 24px; display: inline-block; font-size: 14px;}
.wap_page a:hover { background: #e32619; color: #fff!important; border: 1px solid #e32619;}