*{
margin: 0;
padding: 0;
}
/*html,body{width:100%;overflow-x:hidden;}*/
input,button{
background:none;
outline:none;
border:0px;
}
input:focus::-webkit-input-placeholder {
color: transparent;
/* transparent是全透明黑色(black)的速记法,即一个类似rgba(0,0,0,0)这样的值 */
}
/*#head {
background: yellowgreen;
}*/
/*# sourceMappingURL=common-css.css.map */
.head_top_warp{
/*width:1920px;*/
width: 100%;
height:110px;
background:rgba(255,255,255,1);
box-sizing: border-box;
}
.head_top_con{
width: 1100px;
/*background: pink;*/
margin:0 auto;
padding: 30px 0;
}
.head_top_con:after{
content: ".";
clear: both;
display: block;
overflow: hidden;
font-size: 0;
height: 0;
}
/*头部logo*/
.head_top_con_logo{
float: left;
/*padding-top:50px;*/
margin-right: 30px;
}
.head_top_con_logo_img{
width: 132px;
height: 45px;
margin-bottom: 1px;
cursor: pointer;
}
.head_top_con_logo_img img{
width: 100%;
height: 100%;
}
/*头部搜索框*/
.head_top_con_search{
float: left;
/*margin-top:100px;*/
margin-left: 70px;
position: relative;
/*box-sizing: border-box;*/
}
.head_top_con_search_input{
width: 504px;
height: 40px;
border:2px solid #CE0E0E;
border-radius: 20px;
border-right: none;
}
.head_input{
float: left;
width: 404px;
height: 40px;
font-size: 16px;
padding-left: 20px;
padding-right: 5px;
box-sizing: border-box;
}
.head_btn{
float:rigth;
width:100px;
height:40px;
background:rgba(204,28,14,1);
border-radius:18px;
color: #FFFFFF;
font-size:18px;
color:rgba(255,255,255,1);
line-height:25px;
background-color: #CC1C0E;
cursor: pointer;
}
/*搜索框提示*/
.head_input_hint,.head_input_hint_mini{
position: absolute;
background: #f6f6f6;
z-index: 99999;
top: 44px;
left: 4px;
color: #323232;
border-radius: 6px;
}
.head_input_hint{
width: 404px;
top: 44px;
left: 4px;
}
.head_input_hint_mini{
width: 198px;
top: 38px;
left: 1110px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
top: 4px;
left: 6px;
}
.head_input_hint_item,.head_input_hint_item_mini{
display: block;
cursor: pointer;
font-size: 14px;
line-height: 26px;
padding-left: 12px;
}
.head_input_hint_close,.head_input_hint_close_mini{
/*display: block;*/
cursor: pointer;
line-height: 26px;
font-size: 14px;
padding: 0 12px;
text-align: right;
border-top: 1px solid #ccc;
}
.head_input_hint_close{
visibility: hidden;
}
.head_input_hint_close_mini{
/*visibility: hidden;*/
}
.head_input_hint_item:hover{
background: #e0eafd;
}
.head_input_hint_item_mini:hover{
background: #e0eafd;
}
/*导航搜索框*/
.head_nav_search{
float: left;
width: 175px;
height: 24px;
padding-left: 24px;
border: 0;
border-radius: 4px;
font-size: 12px;
color: #999;
margin-top: 10px;
margin-left: 5px;
display: none;
background:#fff url(../common-images/search_btn.png) no-repeat 6px 6px;
background-size: 12px 12px;
}
/*用户名*/
.head_top_con_username{
/*padding-top: 70px;*/
float: right;
}
.head_top_con_username .slogan-item{
display: inline-block;
width: 63px;
text-align: center;
}
.head_top_con_username .slogan-item img{
width: 30px;
height: 30px;
margin: auto;
}
.head_top_con_username .slogan-item p{
font-size: 12px;
line-height: 17px;
color: #787878;
text-align: center;
padding-top: 4px;
}
.head_username{
float: right;
max-width:200px;
height:25px;
font-size:18px;
color:rgba(51,51,51,1);
line-height:25px;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*横向导航*/
.head_bottom_warp{
width:100%;
/*height:46px;*/
background:#444444;
z-index: 99;
}
.head_bottom_con{
width: 1100px;
height: 46px;
margin: auto;
}
.head_shop{
float: left;
width: 220px;
height: 46px;
font-size:20px;
color:rgba(255,255,255,1);
line-height:46px;
text-align: center;
vertical-align: middle;
}
.head_shop i{
display: inline-block;
width: 25px;
height: 25px;
background: url(../common-images/home.png) no-repeat;
background-size:100% ;
vertical-align: middle;
}
.head_shop:hover{
background: #CC1C0E;
}
.head_nav{
float: left;
width:auto;
height: 46px;
}
.head_nav ul li{
float: left;
font-size:20px;
color:rgba(255,255,255,1);
line-height:46px;
/*padding-left: 46.5px;*/
/*padding-right: 46.5px;*/
}
.head_nav ul li a {
font-size: 20px;
height: 100%;
display: block;
line-height: 46px;
padding-left: 46.5px;
padding-right: 46.5px;
}
.head_nav ul li a:link,.head_nav ul li a:visited{
color:rgba(255,255,255,1);
}
.head_nav ul li:hover{
background: #CC1C0E;
}
/*商品列表导航*/
.head_item_nav{
display: none;
float: left;
width: 100%;
/*height: 49px;*/
border-bottom: 1px solid #f6f6f6;
box-shadow: 0 0 4px rgba(0,0,0,.15);
background-color: #fff;
z-index: 9;
}
.head_item_nav ul{
width: 1100px;
height: 49px;
margin: auto;
}
.head_item_nav ul li{
float: left;
}
.head_item_nav ul li a{
display:block;
line-height: 49px;
font-size: 14px;
color: #333;
padding-right: 26px;
padding-left: 9px;
}
.head_item_nav ul li a:hover{
font-weight: bold;
color:#CC1C0E;
}
/*尾部*/
#footer{
width: 100%;
position: fixed;
bottom: 0;
}
#footer p{
width: 100%;
height: 40px;
background: #38383A;
font-size: 12px;
color: #BFBFBF;
text-align: center;
line-height: 40px;
}
/*侧边悬浮二维码*/
#liedou_ewm{
height: 210px;
width: 97px;
background: url(../common-images/liedou_ewm.png) no-repeat;
background-size:100% ;
position: fixed;
top:30%;
right: 2%;
z-index: 22;
margin-left: 575px;
}
#liedou_ewm .evm{
width:58px;
height: 58px;
margin: auto;
margin-top: 120px;
}
#liedou_ewm .bigEvm{
position: absolute;
width: 200px;
height: 200px;
top: 200px;
right: 90px;
display: none;
}
#liedou_ewm span{
display: block;
margin-top: 7px;
color: #333333;
font-size: 10px;
line-height: 14px;
text-align: center;
transform: scale(0.9);
}
#liedou_ewm .scrollShow{
display: none;
}
#liedou_ewm .scrollShow .line{
width: 36px;
height: 1px;
background: #F2F2F2;
margin: auto;
margin-top: 8px;
}
#liedou_ewm .scrollShow img{
width: 40px;
height: 40px;
margin: auto;
margin-top:7px;
}
#liedou_ewm .scrollShow span{
color: #333333;
font-size: 10px;
line-height: 14px;
text-align: center;
transform: scale(0.9);
margin-top:6px;
}
/*................................*/
.head_item_nav ul li .navActive{
font-weight: bold;
color: #CC1C0E;
}
.head_bottom_con .pageActive{
background: #CC1C0E;
cursor: pointer;
}