@charset "utf-8";
/* CSS Document */
html {height: 100%;font-size:62.5%;}
body {
	position: relative;
    margin: 0 auto;
	width:100%;
    height: 100%;
	color:#333;
	font-size:14px;
    font-size: 1.4rem;
    line-height: 1;
	font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif,Verdana;
	background-color:#FDFDFD;
}
ol,ul{list-style-type:none;}
img{vertical-align: middle;border:0;}
a {text-decoration:none;}
/*普通链接颜色*/
a:link {color:#333;}
/*访问过链接颜色*/
a:visited {color:#333;}
/*点击时、鼠标经过的链接颜色*/
a:active,a:hover,a:focus{color:#F50;}
.fl{float:left;}
.fr{float:right;}
.clearfix{clear: both;*zoom:1;}
.clearfix:after{content:"";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}


body{
}

.main{
	margin: 0 auto;
	width:90%;
    max-width: 1200px;
}

.loadimg{
    min-width: 10.4rem;
    min-height: 5.4rem;
}


/***
页眉
***/
.tLogo img{
	max-width: 95px;
}
.header{
	margin-bottom: .5%;
	height: 50px;
	line-height: 50px;
	color:#FFF;
	background-color: #000;
}
#tNav{
	font-size: 1.6rem;
}
#tNav a{
	display:inline-block;
	padding: 0 1%;
	color:#FFF;
}
#searchIco{
    display: inline-block;
    width: 5rem;
    text-align: center;
    cursor: pointer;
}
#searchForm{
    overflow: hidden;
    background-color: #FFFFFF;
}
.filterBar{
    margin: 2% 3%;
    line-height: 3.8rem;
}
.filterBarTitle{
    float: left;
    display: inline-block;
    min-width: 96px;
    font-size: 1.6rem;
}

.filterBarItem{
    display: inline;
}
.filterBarItem .selected{
    color:#FFFFFF;
    background-color: #5FB878;
}
#number{
    float: left;
    max-width: 120px;
}
#key{
    float: left;
    /*max-width:170px;*/
}
/***
页脚
***/
.footer{
	padding-top: 2%;
	line-height: 2.5;
    text-align: center;
}





/*page*/
.paging{ width:95%; margin:0 auto;padding:12px 0;line-height:30px;overflow:hidden;text-align: center;}
.paging .paging_list{width: 100%;text-align: center;}
.paging .current,.paging .pages,.paging .prePage,.paging .nextPage,.paging select{display: inline-block;margin: 1% 3px;height: 30px; padding: 0 15px; text-align:center; border:1px solid #DDD;border-radius: 4px;}
.paging .current{color:#EB5409;background-color:#ffffff;border-color:#EB5409;cursor:default;}
.paging .pages:hover{background:#f5f5f5;}



#load{
    margin-top:2rem;
}

/***show**/
.show_list{}
.show_list .item{
    text-align: center;
    background-color: #FFFFFF;
    padding: 5% 5% 0 5%;
    box-shadow: 0px 2px 3px 1px #ccc;
}
.show_list .cover{
    display: block;
    overflow: hidden;
    margin: 0 auto;
    height: 300px;
    line-height: 300px;
    background-color: #F8F8F8F8;
    border: .5rem solid #FFFFFF;
    box-shadow: 0px 2px 3px 1px #ccc;
}

.show_list .cover img{
    max-width: 100%;
    /*min-height: 100%;*/
}
.show_list p{
    text-align: left;
}
.show_list .name{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 2.5%;
    height: 4.2rem;
    line-height: 1.5;
}
.show_list .sn{
    color:rgb(153, 153, 153);
}
.show_list .price{
    line-height: 2.5;    
}
.show_list .price i{
    color: #f51919;
    font-style: normal;
}
.show_list .price span{
    font-size: 2rem;
    color: #f51919;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.show_list .layui-btn{
    width: 40%;
    margin: 8% 1%;
    color: #FFFFFF;
}
.show_list .xiangqing{
    color:  rgb(255, 80, 0);
    border-color: rgb(255, 80, 0);
}



.info{}
.info_cover{
    float: left;
    width: 35%;
    max-width: 480px;
    margin-bottom: 2%;
    text-align: center;
}
.info_cover .pics{
    height: 400px;
    line-height: 400px;
    overflow: hidden;
    background-color: #F8F8F8F8;
    border: .5rem solid #FFFFFF;
    box-shadow: 0px 2px 3px 1px #ccc;
}
.info_cover img{
    width: 100%;
}
.info h1{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 4.2rem;
    margin-bottom: 1.5%;
    line-height: 1.2;
    font-size: 1.8rem;
    font-weight: normal;
}
.info_parameter{
    float: left;
    width: 62%;
    margin-left: 3%;
    padding: 1% 0 1% 0;
}
.info_parameter .dl{
    overflow: hidden;
    padding: .5% 0;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.info_parameter .dt{
    float: left;
    width: 13%;
    min-width: 90px;
    color: #888888;
}
.info_parameter .dd{
    display: inline;
}
.info_parameter .dd span{
    display: inline-block;
    margin: .5%;
}
.info_parameter .price{
    padding: 2% 2% 3% 2%;
    font-size: 2.5rem;
    color: #FF0036;    
}
.info_parameter .price b{
    font-family: Georgia, "Times New Roman", Times, serif;
}
.info_parameter .buy{
    display: inline-block;
    padding: 0 8%;
    color: #FFFFFF;
}


.info_content{
    padding: 2% 0  4% 0;
}
.info_content .layui-tab-title{
    margin-bottom: 1%;
    text-align: center;
}
.info_content .layui-tab-item{
    line-height: 2;
}
#infoImgList{
    text-align: center;
}
#infoImgList a{
    display: inline-block;
    overflow: hidden;
    margin:1% auto;
    padding: 20px;
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    box-shadow: 0px 2px 3px 1px #ccc;
}
#infoImgList img{
    width: 750px;
}



/**ADS***/
.ad_pc{
    margin: 0 auto;
    max-width: 960px;
}


@media screen and (max-width:970px){
    .info_cover,.info_parameter{
        float: none;
        width: 100%;
        max-width: 100%;
    }
    #searchForm,.ad_pc{
        display: none;
    }
    #infoImgList img{
        max-width: 100%;
    }
}
@media screen and (min-width:680px){
    .ad_wap{display: none;}
}
@media screen and (max-width:580px){
    .show_list li{
        width: 100%;
        float: none;
    }
}