@charset 'utf-8';
li{ list-style: none; }
body{ font-family: 'Poppins'; }
.mgt{ margin-top: 15px; }
.form-control{ outline: none; box-shadow:none; }
.form-control:focus{ border-color: #c69f34; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(198, 159, 52, .6); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.user{ display: inline-block; font-size: 15px; }
a{ color: initial; font-size: inherit; font-family: inherit; }
#cart-total{ font-size: 16px; }
#cart>button{ border: none; background: none; }
header{ padding-top: 5px; }
header #logo{position: relative;z-index: 999;}
header .col-sm-9{ text-align: right; line-height: 28px; }
header .fa{ color: #666; font-size: 28px; }
header .kk{margin-top: 20px;}
header .caret{ color: #666; }
header .usr{ color: #666; line-height: 28px; }
#cart .btn-danger{ background: none; border: none; }
header #cart>button{ width: 100px; }
header #cart-total{ display: inline-block; background: #444; color: #fff; border-radius: 26px; width: 26px; height: 26px; line-height: 26px; text-align: center; position: absolute; top: -10px; }
header .btn-group.open .dropdown-toggle{ box-shadow: none; }
header nav{ text-transform:uppercase; }
header #menu{ background:none; border: none; color: #444; }
header #menu .navbar-nav>li:hover{ background:url(../image/navbg.png) no-repeat 15px bottom; }
header #menu .nav > li > a{ color: inherit; text-shadow:none; font-size: 15px; font-family: 'Poppins'; }

header #menu .dropdown-menu{ margin-top: 10px; box-shadow: 0 6px 12px rgba(0,0,0,.175); border: none; border-radius: 0px;min-width: 245px;max-width: 100% !important;}
header #menu .dropdown-menu a{ display: block; padding: 6px 10px; font-size: 15px;color: #777;}
header #menu .dropdown-menu a:hover{ background: #fff; color: #333; }

header #menu .dropdown-menu li{transition: all .5s;}
header #menu .dropdown-menu li:hover{font-weight: bold;color: #333;}
header #menu .dropdown-menu li .fa{ opacity:0; padding-right: 5px; transition: all .3s ease; font-weight: 900;display: inline-block;float: left;font-size: 15px;padding-top: 12px;transition: all .5s;font-weight: normal;}
header #menu .dropdown-menu li:hover .fa{opacity: 1;margin-left: 15px;font-weight: normal;}

header .navbar-nav{ float: right; }
header .dropdown-menu > li > a:hover,
header .dropdown-menu > li > a:focus { color: #fff; text-decoration: none; background-color: #000; }
header .fa-times{ font-size: 14px; }
header #menu .navbar-header{display: none;}

h1.ptitle{ margin-top: 0; font-weight: bold; font-size: 24px; color: black; }

*{outline: none;}
.btn{ padding-top: 7px; padding-bottom: 7px;height: 36px; }
.btn-primary { border-color: #cd9963; padding-top: 7px; padding-bottom: 7px; }
.btn-primary:hover{ border-color: #cd9963; }

.form-control{ height: 36px; }

.breadcrumb{ background: none;margin-top: 30px;margin-bottom: 30px;}

.banner{ width: 100%; overflow: hidden; }
.love .h3{ border-bottom: solid 1px #a7896a; text-align: center; position: relative; height: 30px; margin-top: 50px; }
.love .h3 span{ margin-top: 30px; display: inline-block; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: -10px; background: #fff; width: 250px; text-align: center; text-transform: uppercase; color: #a7896a; font-family: 'Helvetica Neue'; font-weight: bold; font-size: 17px; }
.love .h4{ text-align: center; font-size: 23px; margin-top: 40px; font-size: 31px; color: #333333; font-family: 'Petit Formal Script'; font-weight: bold; }
.love .h5{ text-align: center; font-size: 19px; margin-top: 50px; color: #888888; font-family: 'Josefin Sans'; }

.fl1{ }
.fl1 .col-xs-12{ margin-top: 20px; }
.fl1 .col-xs-12>div a:first-child{display: block;}
.fl1 img{ width: 100%; transition: all 0.6s; }
.fl1 div div:hover img{ transform: scale(1.1); }
.fl1 .l{ float: left; width: 750px; height: 400px; overflow: hidden; }
.fl1 .r{ float: left; width: 375px; height: 400px; overflow: hidden; }
.fl1 .col-xs-12:nth-child(2n+1) .r{ margin-left:15px; }
.fl1 .col-xs-12:nth-child(2n) .l{ float: right; }
.fl1 .shade>div{margin: 15px;text-align: center;}
.fl1 .shade>div h3{font-size: 21px;color: #fff;font-weight: bold;}
.fl1 .shade>div p{font-size: 18px;}

.fl2{ text-align: center; margin-top: 30px; color: #333; width: 100%; }
.fl2 .row{ margin-top: 15px; }
.fl2 h3{ text-align: center; font-size: 23px; font-size: 31px; color: #333333; font-family: 'Petit Formal Script'; font-weight: bold; }
.fl2 h4{ font-size: 16px; margin-top: 10px; font-weight: bold; font-family: 'Helvetica Neue'; }
.fl2 .caption p.description{ display: none; }
.fl2 .price{ margin-top: 10px; color: #a7896a; font-size: 16px; font-weight: bold; }
.fl2 .button-group{ display: none; }
.fl2 .product-thumb .image{ overflow: hidden; }
.fl2 .product-thumb .image img{ transition: all 0.6s; }
.fl2 .product-thumb .image:hover img{ transform: scale(1.1); }
.product-thumb .caption{height: 98px;}

footer{ margin-top: 90px; padding-top: 40px; background:#fefbfa; border-top: solid 1px #f4e7e0; }
footer .col-xs-12{ text-align: center; }
footer .slogn{ font-size: 16px; margin-top: 40px; color: #a8a8a8; }
footer .menu{ margin-top: 40px; }
footer .menu a{ margin: 0 10px; font-weight: bold; color: #333; }
footer .sns{ margin-top: 40px; }
footer .sns a{display: inline-block;width: 26px;height: 26px;box-sizing: border-box;}
footer .copy{ margin-top: 40px; border-top: solid 1px #ccc; line-height: 34px; color: #c4c2c2; }
footer .copy a{ color: inherit; }

/*.fl2 .row,#content .row {
    display:-webkit-flex;
    display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;

    -webkit-flex-wrap: wrap;
    -webkit-flex-direction: row;
}
.fl2 .row > [class*='col-'],#content .row > [class*='col-'] {
    display: flex;
    display:-webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
}*/
.checkout-cart #button-coupon{padding-top: 8px;padding-bottom: 8px;}
.product-thumb .caption{ padding: 8px 0; }
.product-thumb{ transition: all .5s ease; text-align: center; }
.product-thumb img{ transition: all 0.6s;margin-left: auto;margin-right: auto; }
.product-thumb .image{ overflow: hidden;text-align: center;}
.product-thumb:hover{ box-shadow:0 0 15px rgba(0,0,0,0.2); }
.product-thumb:hover .button-group{ opacity: 1; transform: scale(1); }
/*.product-thumb:hover img{ transform: scale(1.1); }*/

.product-thumb button{ background: #f4e7e0; border: solid 1px #d9cdc3; }
.button-group{ position: absolute; height:38px; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0; width: 100%; text-align: center; opacity: 0; transform: scale(0); transition: all .3s ease; }
.button-group button span{ display: none; }
.button-group button{ width: 55px; height: 55px; text-align:center; border-radius: 50%; margin: 0 8px; background: #fff; text-align: center; border: none; }
.button-group button i{ font-size: 18px; line-height: 55px; color: #888; }
.button-group button i:hover{ color: #333; }
.product-thumb .price{ color: #000; font-weight: 600; font-size: 18px; }
.price-old{color: #999;text-decoration:line-through; }


.image-additional{ display: inline-block; }
.btn-primary{ background: #cd9963; }
.btn-primary:hover{ background: #cd9963; opacity: 0.9; }
a.thumbnail{border: none;}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover{ /*border: solid 1px #cd9963; */;border: none;}
.thumbnails li{border: none;}
.thumbnails {text-align: left;margin: 0;padding: 0;border: none;}

.lang{ display: inline-block; vertical-align: middle; text-align: left; margin: 0; padding: 0; border: 0; margin-top: -5px; margin-right: 30px; }
.lang .dropdown-toggle span{ font-size: 15px; color: #333; line-height: 32px; }
.lang .btn{ padding: 0; margin: 0; border: 0; }

#cart{}
#cart .cost{font-weight: bold;font-size: 16px;}
#cart .dropdown-menu{ background: #fff; border: none; min-width: 230px;border-radius: 0;padding: 15px 10px;}
#cart .dropdown-menu table td{ border: none; }
#cart img.img-thumbnail{ max-width: 47px; }
#cart .dropdown-menu{ }
#cart .table-bordered{ border: none; }
#cart .table-bordered td{ border: none; text-align: center; }
#cart .table-bordered>tbody>tr>td, #cart .table-bordered>tbody>tr>th, #cart .table-bordered>tfoot>tr>td, #cart .table-bordered>tfoot>tr>th, #cart .table-bordered>thead>tr>td, #cart .table-bordered>thead>tr>th { border:none; }
#cart p.text-right{ text-align: center; }
#cart p.text-right strong{ margin: 0 15px; font-size: 15px; background: #000; color: #fff; padding: 6px 8px; border-radius: 0px; }
#cart p.text-right strong:hover{ opacity: 0.8; }
#cart p.text-right strong i{ font-size: 15px; color: #fff; }
#cart table{ margin-bottom: 10px; }
#cart .dropdown-menu table td a{ font-weight: bold; line-height: 1.1; }
#cart .dropdown-menu table td label{ font-weight: bold; font-size: 14px; }

#product_option .checkbox, .radio{display: inline-block;margin-right: 15px;}
.form-horizontal div.radio{display: block;}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

.l,.r{ position: relative; }
.shade{ position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background:rgba(198,159,52,0.7); justify-content:center; display: flex; align-items:center; color: #fff; font-size: 26px; font-family:'Josefin Sans'; transition: all 0.6s; overflow: hidden; }
.shade:hover{ color: #fff; }

.fl1 div div:hover .shade{ height: 100%; }

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background: none; }
.nav li:hover{ background: none; }
.nav li a:hover{ background: none; }

.table-striped{ width: 320px; }

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #f4e7e0; }

.table-bordered { border: 1px solid #f4e7e0; }

.banner_inner{ position: relative; margin-bottom: 20px; }
.banner_inner img{ width: 100%; }
.banner_inner .text{ position: absolute; width: 100%; height: 100%; display: flex; align-items:center; justify-content:center; z-index: 555; bottom: 0; left: 0; font-size: 36px; font-weight: bold; color: #fff; }

label{ font-size: 15px; }

h1{ font-size: 19px; }
h2{ font-size: 17px; }


#product .price h2{ font-weight: 600; font-size: 20px; color: black; }
#product .price h2 span{ font-size: 14px; font-weight: 400; color: #999; padding-left: 10px; }

.love div.l,.love div.r{max-width: 100%;}

.banner_inner{width: 100%;max-height:300px;overflow: hidden;}


.contact .panel-body strong{    font-family: Poppins;
    font-weight: 600;
    font-size: 24px;
    color: black;
    text-align: center;
    margin-bottom: 5px;}

.contact .panel-body{font-family: Poppins;
    font-weight: 400;
    font-size: 20px;
    color: black;
    text-align: center;
    margin-top: 0;}
.contact input{border-radius: 0;}
.contact textarea{border-radius: 0;}
.contact legend{font-weight: bold;}
.mmmmmm{display: none;}
.ggg{margin-top: 15px;}
.navbar{min-height: 0;}
#menu{min-height: 0;}
@media (max-width: 767px) {

header .kk{margin-top: 0;}
.lang{margin-right: 10px;}
.lang .l2{display: none;}
/*.usr {display: none;}*/
header #cart{padding-top: 10px;}
header #cart>button{width: auto;}
header #cart>button span{margin-left: 10px;}
#menu .navbar-header{display: inline-block;}
#menu span#category{display: none !important;}
#menu .navbar-collapse{background: #fff;}
#menu .btn-navbar{background: none;border: none;box-shadow: none;outline: none;padding: 0;margin-right: 0;}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
    color: #ffffff;
    background: none;
    border: none;
    box-shadow: none;
    outline: none;
}
header i.fa{font-size: 26px;}

header span#cart-total{display: none;}
/*.menu{margin-top: -50px;}*/
.menu .navbar-header{height: 0;position: absolute;}
.menu .navbar-header button{z-index: 888;position: absolute;right: 0;}
.menu #menu{padding: 0;border: 0;}
.menu .navbar{margin-bottom: 0}
.menu #menu .navbar-collapse{background: #fff;}
.love div.l,.love div.r{max-width: 100%;height: auto !important;margin: 0 !important;margin-top: 15px !important;}
.love div img{max-width: 100%;}
header #menu .dropdown-menu li .fa{display: none;}
.banner_inner .text{font-size: 21px;}
#cart .dropdown-menu{width: 320px;}
.mmmmmm{display: inline-block;margin-left: 5px;}
footer .copy{line-height: 23px;padding: 6px 0;}
footer .copy span{display: block;}
.breadcrumb{margin-top: 0;margin-bottom: 0;}

}


.cd-top{display:inline-block;height:40px;width:40px;position:fixed;bottom:40px;right:10px;box-shadow:0 0 10px rgba(0,0,0,0.05);  /* image replacement properties */overflow:hidden;text-indent:100%;white-space:nowrap;background:rgba(232,98,86,0.8) url(../image/cd-top-arrow.svg) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;cursor: pointer;z-index: 999;}
.cd-top.cd-is-visible{  /* the button becomes visible */
visibility:visible;opacity:1;}
.cd-top.cd-fade-out{  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
opacity:.5;}
.no-touch .cd-top:hover{background-color:#e86256;opacity:1;}
@media only screen and (min-width:768px){
  .cd-top{right:20px;bottom:20px;}
}
@media only screen and (min-width:1024px){
  .cd-top{height:60px;width:60px;right:30px;bottom:30px;}
}


@media only screen and (max-width:768px){
  .fl1 a.shade{height: 60px;line-height: 60px;}
  .fl1 div div:hover a.shade{ height: 60px !important;line-height: 60px; }
  .hd{display: none;}
}

@media only screen and (max-width:768px){
    #layui-layer1{max-width: 96%;}
    #layui-layer1 .layui-layer-content{height: 288px !important;}
}

@media only screen and (max-width:480px){
    #language span{padding: 0 2px !important;}
    header i.fa{font-size: 23px;}
}

.navbar-nav>li>a{line-height: 25px !important;}