/* reset */
html {
    font-size: 14px !important;
}
body {
    overflow-x: hidden;
    min-width: 1320px;
}
.container {
    width: 1320px;
    margin: 0 auto;
}
* {
	margin: 0; 
	padding: 0;
	font-family: 'Microsoft YaHei', Helvetica, Arial, sans-serif;
	font-style: normal;
	box-sizing: border-box;		/*css3 鐩掑瓙妯″瀷*/
}
svg {
	overflow: visible;
}
input,textarea,button {
	margin: 0;
	padding: 0;
	outline: none;
	resize:none;
}
dt,dl,dd,ol,ul {
	list-style: none;
	margin: 0;
	list-style-image: none;
    padding: 0;
}
img {
	border: 0;
	vertical-align: middle;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover,
a:active {
	outline: none;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #7f7e7e;
    font-size: 14px;
}
input:-ms-input-placeholder { /* IE 10+ */
    color: #7f7e7e;
    font-size: 14px;
}
input:-moz-placeholder { /* Firefox 18- */
    color: #7f7e7e;
    font-size: 14px;
    opacity: 1;
}
input::-moz-placeholder { /* Firefox 19+ */
    color: #7f7e7e;
    font-size: 14px;
    opacity: 1;
}
/*  娓呴櫎娴姩 */
.clearfix::after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
/* 鍏煎IE6  */
.clearfix {
	zoom: 1;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.img-auto {
    width: 100%;
}
/* 瑕嗙洊bootstrap閮ㄥ垎鏍峰紡 */
.row,
.row>* {
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}
/* 寮曞叆鍥炬爣瀛椾綋 */
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.woff2?t=1653010328924') format('woff2'),
            url('../fonts/iconfont.woff?t=1653010328924') format('woff'),
            url('../fonts/iconfont.ttf?t=1653010328924') format('truetype');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-vip::before {
    content: "\e612";
}
.icon-search::before {
    content: "\e8b9";
}
.icon-cart::before {
    content: "\e73d";
}
.icon-naifen::before {
    content: "\e600";
}
.icon-fushi::before {
    content: "\e606";
}
.icon-baojian::before {
    content: "\e604";
}
.icon-muyin::before {
    content: "\e607";
}
.icon-meizhuang::before {
    content: "\e661";
}
.icon-wanju::before {
    content: "\e601";
}
.icon-baihuo::before {
    content: "\e602";
}
.icon-jiushui::before {
    content: "\e64b";
}
.icon-niaobushi::before {
    content: "\e66a";
}
.icon-category::before {
    content: "\e605";
}
.icon-preferential::before {
    content: "\e64a";
}
.icon-arrowRight::before {
    content: "\e65f";
}
.icon-new::before {
    content: "\e686";
}
.icon-zhengpin::before {
    content: "\e65e";
}
.icon-shengqian::before {
    content: "\e690";
}
.icon-shouhou::before {
    content: "\e65c";
}
.icon-express::before {
    content: "\e627";
}
.icon-love::before {
    content: "\e761";
}
.icon-qq::before {
    content: "\e614";
}
.icon-order::before {
    content: "\e8ae";
}
.icon-top::before {
    content: "\e62d";
}
.topbar {
    width: 100%;
    height: 40px;
    font-size: 14px;
    background-color: #fff;
}
.topbar-wrap {
    display: flex;
    justify-content: space-between;
    color: #333;
    line-height: 40px;
}
.topbar-wrap a {
    color: #333;
}
.topbar-wrap a:hover {
    text-decoration: underline;
}
.wellcome {
    line-height: 40px;
}
.topbar-links em,
.wellcome em {
    padding: 0 5px;
}
.wellcome span {
    font-size: 14px;
    padding-right: 10px;
}
.wellcome span a {
    font-size: 14px;
}
.topbar-links i {
    padding-right: 5px;
}
.liufan-header {
    background-color: #F5F5F5;
}
.liufan-header .header-info .row {
    display: flex;
    align-items: center;
    justify-content: space-between;    
}
.liufan-header .header-info .row .logo {
    margin-top: 20px;
    width: 20%;
}
.liufan-header .search {
    display: flex;
    justify-content: space-between;
    width: 75%;
    margin-top: 20px;
}
.search .search-box {
    width: 75%;
    position: relative;
}
.search .search-box input {
    font-size: 14px !important;
    width: 100%;
    height: 60px !important;
    border-radius: 0;
    border: 3px solid #FF635B;
    padding: 0 20px;
    color: #666;
}
.search .search-box .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 60px;
    color: #fff;
    width: 88px;
    height: 60px;
    background-color: #FF635B;
}
.search .search-box .search-btn i {
    font-size: 30px;
}
.btns a {
    display: inline-block;
    width: 100px;
    height: 60px;
    vertical-align: middle;
}
.reg-btn {
    line-height: 60px;
    background-color: #FF635B;
    margin-left: 10px;
    text-align: center;
    color: #fff;
}
.reg-btn:hover {
    color: #fff;
}
.login-bnt {
    text-align: center;
    line-height: 60px;
}
.login-bnt:hover {
    color: #FF635B;
}
.hot-links {
    margin-top: 5px;
}
.hot-links a {
    font-size: 12px;
    color: #908b8b;
}
.hot-links a:hover {
    color: #FF635B;
    text-decoration: underline;
}
.nav > ul {
    display: flex;
    padding-top: 20px;
}
.nav > ul > li > a {
    display: block;
    padding: 12px 30px;
    font-size: 14px;
    transition: all .3s ease;
}
.nav > ul > li > a i {
    font-size: 14px;
    padding-right: 5px;
}
.nav > ul > li:first-child > a {
    background-color: #FF635B;
    padding: 12px 40px;
}
.nav > ul > li > a:hover,
.nav > ul > li:first-child > a {
    color: #fff;
    background-color: #FF635B;
}
.hot-category a {
    color: #FF635B;
    font-weight: bold;
}
.sub-menu {
    position: absolute;
    border-top: 1px solid #eee;
    z-index: 99;
    width: 180px;
    display: none;
    background-color: rgba(255,255,255,.9);    
}
.nav > ul > li:first-child:hover .sub-menu {
    display: block;
}
.sub-menu > li {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    position: relative;
}
.sub-menu > li > a {
    display: block;
}
.sub-menu > li:hover {
    background-color: rgba(255,99,91,.9);
}
.sub-menu > li:hover > a {
    color: #fff;
}
.three-menu {
    position: absolute;
    top: 0;
    padding: 20px;
    left: 181px;
    width: 550px;
    font-size: 12px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    display: none;
}
.sub-menu > li:hover:hover .three-menu {
    display: block;
}
.three-item a {
    padding: 0 8px;
}
.three-item a:hover {
    color: #FF635B;
}
.three-item a i {
    font-size: 12px;
    padding-left: 10px;
}
.three-item a:first-child {
    padding-left: 0;
    padding-right: 10px;
}
.guarantee {
    padding: 30px 0; 
    background-color: #fff;
}
.guarantee-wrap {
    display: flex;
    background-color: #fff;
    padding: 25px 0;
}
.guarantee-item {
    flex: 1;
    position: relative;
    display: flex;
    justify-content: center;
}
.guarantee-item i {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #ff3f50;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    font-weight: bold;
    color: #ff3f50;
}
.guarantee-item-desc {
    margin-left: 10px;
}
.guarantee-item-desc b {
    font-weight: bold;
}
.guarantee-item-desc p {
    color: #666;
    font-size: 14px;
    margin-top: 5px;
}
.footer-info {
    padding: 30px 0;
    background-color: #f1f1f1;
}
.footer-info .row {
    display: flex;
}
.footer .info-item {
    flex: 1;
    text-align: center;
}
.footer .info-item span,
.footer .info-item a,
.footer .info-item b {
    display: block;
    color: #666;
}
.footer .info-item b {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
}
.footer .info-item span,
.footer .info-item a {
    margin-bottom: 5px;
}
.footer .info-item a:hover {
    color: #ff3f50;
}
.fixed-bar {
    position: fixed;
    z-index: 99;
    bottom: 10%;
    right: 20px;
    width: 100px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
}
.fixed-bar-td {
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
}
.fixed-bar ul li {
    height: 35px;
    line-height: 35px;
    text-align: center;
}
.fixed-bar ul li:hover {
    background-color: #eee;
}
.fixed-bar ul li a {
    color: #666;
    font-size: 13px;
}
.top {
    display: block;
    padding: 10px 0;
    text-align: center;
    color: #ff3f50;
    font-weight: bold;
    border-top: 1px solid #dbdbdb;
}
.copyright {
    text-align: center;
    padding: 20px 0;
    background-color: #F6D341;
}
.copyright p {
    margin-bottom: 0;
    font-size: 13px;
}
.good-list-wrap ul::after {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.zxkf {
    position: fixed;
    right: 0;
    bottom: 15%;
    z-index: 99;
    width: 80px;
}
.zxkf a {
    display: block;
}
.zxkf .zxkf-item {
    display: flex;
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    position: relative;
    z-index: 2;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .5s ease;
}
.zxkf .zxkf-qq:hover .zxkf-item,
.zxkf > a:hover .zxkf-item {
    background-color: #FF4200;
}
.zxkf .zxkf-qq i,
.zxkf > a i {
    font-size: 20px;
}
.zxkf .zxkf-qq p,
.zxkf > a p {
    font-size: 12px;
    padding-top: 8px;
}
.service-box {
    position: absolute;
    right: -170px;
    top: 80px;
    width: 160px;
    height: 140px;
    z-index: 1;
    background-color: #FF4200;
    color: #fff;
    transition: all .5s ease;
}
.zxkf .zxkf-qq:hover .service-box,
.zxkf > a:hover .service-box {
    right: 80px;
}
.service-box p {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
}
.zxkf .zxkf-qq .service-box {
    height: 80px;
    top: 160px;
}
.zxkf .zxkf-qq .service-box a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #fff;
    color: #333;
    margin-bottom: 5px;
    margin-left: 15px;
}
.zxkf .zxkf-qq .service-box a:first-child {
    margin-top: 7px;
}
.content_gy,
.good-list-wrap ul,
.good-list-wrap,
.ding,
.beijing {
    width: 1320px !important;
}
@media screen and ( min-width: 1024px ) and ( max-width: 1200px )  {
    .nav > ul > li > a {
        padding: 10px 25px;
    }
}