/* Reset ================================================================================= */
* {margin:0; padding:0;}
body {color:#000; font-family: "Open Sans",sans-serif; text-align:center;}
a {color:#000; text-decoration:none;}
a:hover {color:#a5a5a5; text-decoration:none;}
a:focus {text-decoration:none;}

/* Lists */
ul,
ol {list-style:none;}

/* Tools */
.hidden {border:0!important; display:block!important; font-size:0!important; height:0!important; line-height:0!important; margin:0!important; overflow:hidden!important; padding:0!important; width:0!important;}
.nobr {white-space:nowrap!important;}
.wrap {white-space:normal!important;}
.a-left {text-align:left!important;}
.a-center {text-align:center!important;}
.a-right {text-align:right!important;}
.v-top {vertical-align:top;}
.v-middle {vertical-align:middle;}
.f-left,
.left {float:left!important;}
.f-right,
.right {float:right!important;}
.f-none {float:none!important;}
.f-fix {float:left; width:100%;}
.no-display {display:none;}
.no-margin {margin:0!important;}
.no-padding {padding:0!important;}
.no-bg {background:none!important;}
.f-15 {font-size: 15px;}
.mg-tb20 {margin: 20px 0;}
.mg-tb10 {margin-top: 10px; margin-bottom: 10px;}
.mg-b10 {margin-bottom: 10px;}
.pd0 {padding: 0;}
.pd10 {padding: 10px;}
i.iconfont {vertical-align: middle;color: #fff}
/* ======================================================================================= */


/* Layout ================================================================================ */
.wrapper {background:#ededed;}
.page {background:#fff; margin:0 auto; padding:0; text-align:left;}

.main {margin:0; padding:15px 0;}
/* ======================================================================================= */


/* Global Styles ========================================================================= */
input.input-text,
select,
textarea {border:1px solid #ccc; border-radius: 4px;}
select,
select.form-control {appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent url(../images/down.png) no-repeat right 5px center; padding-right: 22px;}
select::-ms-expand {display: none;}
select,
select.form-control {padding-right: 6px\9\0;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {select,select.form-control {padding-right: 22px;}}
button.button::-moz-focus-inner {border:0; padding:0;}/* FF Fix */
button.button {-webkit-border-fit:lines;}/* <- Safari & Google Chrome Fix */
button.button {background:transparent; border:0; cursor:pointer; margin:0; overflow:visible; padding:0; width:auto;}
button.button span {font-weight: bold; background:#000; border:none; color:#fff; display:block; height:45px; line-height: 45px; padding:0 20px; text-align:center; white-space:nowrap;}
button.button span span {border:0; padding:0;}
button.button:hover span {background:#666666;}
button.btn-cart span {}
button.btn-cart span span {}
button.btn-cart:hover span {}
button.btn-checkout span {}
button.btn-checkout span span {}
button.btn-checkout:hover span {}
button.btn-update  {background: #EBEBEB; color: #333; padding: 7px; white-space:nowrap; text-transform: uppercase;}
.btn-black {color: #fff; background-color: #000; border-color: #000;}
.btn-black:hover,
.btn-black:focus,
.btn-black.focus {color: #fff;}

/* Buttons Set */
label.required em {float:right; font-style:normal; color:#e42832;}
.buttons-set {clear:both; margin:2em 0 0; padding:5px;}
.buttons-set .back-link {float:left;}
.buttons-set .back-link a {color:#000;}
.buttons-set .back-link a:hover {color:#e42832;}
.buttons-set button.button {float:right;}
.buttons-set p.required {margin:0 0 5px;}

/* Form Validation */
div.error {background:url(../images/validation_advice_bg.png) no-repeat scroll 2px 1px transparent; clear:both; color:#ff0000; font-size:11px; line-height:14px; margin:3px 0 0; min-height:13px; padding-left:17px;}
input.error,
select.error,
textarea.error {background:none repeat scroll 0 0 #faebe7!important; border:1px dashed #ff0000!important;}
input.valid,
select.valid,
textarea.valid {background:none repeat scroll 0 0 #eff5ea!important; border:1px solid #446423!important;}
p.required {color:#ff0000; font-size:11px; font-weight:bold; text-align:right;}
select.error {background: #faebe7 url(../images/down.png) no-repeat right 5px center !important;}
select.valid {background: #f0f0f0 url(../images/down.png) no-repeat right 5px center !important;}

/* Messages */
.error-msg,
.success-msg,
.note-msg {background-position:10px 9px!important; background-repeat:no-repeat!important; border-style:solid!important; border-width:1px!important; font-size:11px!important; font-weight:bold!important; margin-bottom:20px; padding:10px 8px 10px 32px!important;}
.error-msg {background-color:#faebe7; background-image:url(../images/i_msg-error.gif); border-color:#f16048; color:#df2801;}
.success-msg {background-color:#eff5ea; background-image:url(../images/i_msg-success.gif); border-color:#446423; color:#3d6611;}
.note-msg {background-color:#fafaec; background-image:url(../images/i_msg-note.gif); border-color:#fcd344; color:#3d6611;}

/* BreadCrumbs */
.breadcrumbs {padding:1% 0; color: #dadada; margin:0 0 30px; overflow:hidden;    font-size: 12px;}
.breadcrumbs ul {margin: 0;}
.breadcrumbs li {display:inline;}
.breadcrumbs li strong {color:#4e4e4e; font-weight: normal;}
.breadcrumbs li span {padding:0 3px 0 5px;}

/* Page Heading */
.page-title {margin-bottom: 30px; border-bottom: 1px solid #414B56; padding: 10px; text-transform: uppercase;}
.page-title h1,
.page-title h2 {margin:0; padding: 0 10px; font-size: 34px; color:#000000;font-family: "ieVi",sans-serif;font-weight: 500;text-align: center;}
.page-title .separator {margin:0 3px;}
.page-title .link-rss {float:right; margin:7px 0 0;}
.subtitle {clear:both;}

/* Pager */
.pager {font-size:12px; line-height: 39px; margin:5px 0; text-align: center;}
.pager .amount {float:left; margin: 0 10px 0 0;}
.pager .sort-by {float:left;}
.pager .sort-by label {margin: 0;}
.pager .amount span{color:#000;font-weight:bold;}
.pager .limiter {float:right;}
.toolbar .pager .limiter {float:left;}
.pager .limiter label {vertical-align:middle; margin: 0;}
.pager select {vertical-align:middle; padding: 6px 22px 6px 12px; line-height: 20px;}
.pager select,
.pager select.form-control {padding-right: 6px\9\0;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.pager select,.pager select.form-control {padding-right: 22px;}}
.pager .pages ol {display:inline;}
.pager .pages li {display:inline-block; margin:0 2px; font: 1em arial;}
.pager .pages .current {border: 1px solid #e8e8e8; background: #000; color:#fff; padding:8px 10px; border-radius: 2px;}
.pager .pages a.next{}

/* Toolbar */
.toolbar {margin-bottom: 30px;}
.toolbar .pager {background: #F3F3F3; padding: 5px;}
.toolbar .sorter {border-top:1px solid #e6e6e6;}
.toolbar-bottom {margin-top: 10px;}
.pager .pages li a {color: #989898; display:inline-block; padding: 3px;}
.pager .pages li a:hover {color: #4f4f4f;}
.toolbar .pager .pages {float: right;}
.toolbar .pager {text-align: left;}
.toolbar .pager .limiter {margin-right:10px;}

/* Filter */
.pc-filter {margin-bottom:15px; padding:5px 10px;}
.pc-filter dl {margin: 0;}
.pc-filter dt {float: left; font-weight:bold; line-height: 25px; text-align: right; width: 85px;}
.pc-filter dd {float: left; width: 19%; margin:5px 1% 5px 0;}
.pc-filter dd a {float: left; line-height: 18px; margin: 4px 15px 4px 0; white-space: nowrap;}
.pc-filter dl.currently {margin-bottom: 5px; border-bottom: 1px solid #E8E8E8;}
.pc-filter dl.currently dt {width:150px;}
.pc-filter dl.currently dd {width: 100%;}
.pc-filter dl.currently dd a {margin-right: 5px; color:#cb2028;font-size: 20px;font-weight: bold;}
.pc-filter dl.currently dd a:hover {color:#6F6F6F;}
.pc-filter dl.currently dd a span {background:#fff; border:1px solid #cb2028; color: #cb2028; cursor:pointer; display:block; font-weight:normal; padding:0 0 0 6px;}
.pc-filter dl.currently dd a span span {background: url(../images/filter.gif) no-repeat right -90px; border:0 none; padding:0 24px 0 0;}
.pc-filter dl.currently dd a:hover span {border:1px solid #6F6F6F; color:#6F6F6F;}
.pc-filter dl.currently dd a:hover span span {border:0 none; background-position:right -72px;}

/* M-Filter */
.m-filter .modal-body {padding: 10px;}
.m-filter li {margin-bottom:15px;}

/* M-Pager */
.m-pager {font-size:12px; text-align:center; margin:10px 0;}
.m-pager a {display:inline-block; border:1px solid #ccc; border-radius: 4px; height:45px; line-height: 43px; width: 100px; font-size: 13px; font-weight: bold; background: linear-gradient(top,#fff,#f0f0f0); background: -webkit-linear-gradient(top,#fff,#f0f0f0); background: -o-linear-gradient(top,#fff,#f0f0f0); background: -moz-linear-gradient(top,#fff,#f0f0f0); background: -ms-linear-gradient(top,#fff,#f0f0f0);}
.m-pager .page-num {line-height:45px; vertical-align:top; white-space:nowrap; display: inline-block;}
.m-pager .page-num strong {font-weight: normal; color: #999;}
.m-pager .previous {float: left;}
.m-pager .next {float: right;}
.my-account .m-pager a {color: #000;}

/* M-Sorter */
.sorter {margin-bottom:10px;}
.sorter ul {width: 100%; overflow: hidden; margin: 0;}
.sorter ul li {float:left; display:block; width: 48%; margin: 0; line-height: 27px;}
.sorter ul li.sort-by {float:right;}
.sorter ul li a {font-size: 14px; border-radius:3px;}
.sorter ul li a.sorter-filter {line-height: 32px; display: block; background: #333333; color: #fff; text-align: center;}
.sorter ul li a.sorter-filter:hover {}
.sorter ul li a#floatFilter {padding: 5px 20px; display:none; position:fixed; right:15px; top:65px; z-index:20; opacity:0.9; filter:alpha(opacity=90);}

/* Data Table */
.data-table {margin: 0;}

/* Box */
.box {border: 1px solid #ccc; background: #fff; margin: 10px 0; padding: 15px 10px;}
.box .box-title {border-bottom:1px solid #e6e6e6; margin:0 0 10px; overflow:hidden; padding:0 0 10px 0;}
.box .box-title h2,
.box .box-title h3 {float:left; margin: 0; font-size:14px; text-transform:uppercase;}
.box .box-title a {float:right; line-height: 1.1;}
.box .box-content {}
.box .box-content img {max-width: 100%;}
.box .box-content p {margin:0 0 5px;}

/* Misc */
.btn-remove  {background:url(../images/delete.png) 0 -24px no-repeat; display:block; height:25px; font-size:0; line-height:0; overflow:hidden; text-indent:-999em; width:25px;}
.btn-remove:hover {background-position: 0 0;}
.btn-remove2 {background:url(../images/btn_trash.gif) 0 0 no-repeat; display:block; height:16px; font-size:0; line-height:0; overflow:hidden; text-indent:-999em; width:16px;}
.btn-edit    {background:url(../images/btn_edit.gif) 0 0 no-repeat; display:block; height:11px; font-size:0; line-height:0; overflow:hidden; text-indent:-999em; width:11px;}
.divider {border-top: 1px solid #ccc; clear:both; display:block; font-size:0; height:1px; margin:10px 0; line-height:0; overflow:hidden;}
a.btn-continue {color:#000;}
a.btn-continue:hover {color:#e42832;}
.separator {margin:0 3px;}
.star {margin-right: 15px; background-image:url(../images/star.png); background-repeat:no-repeat; display:inline-block; overflow:hidden; vertical-align:top;}
.star0,
.star1,
.star2,
.star3,
.star4,
.star5 {height:15px; width:75px;}
.star0 {background-position:-75px 0;}
.star1 {background-position:-60px 0;}
.star2 {background-position:-45px 0;}
.star3 {background-position:-30px 0;}
.star4 {background-position:-15px 0;}
.star5 {background-position:0 0;}

/* Noscript Notice */
.noscript {background:#ffff90; border: solid #ddd; border-width:0 0 1px; color:#2f2f2f; font-size:12px; line-height:1.25; text-align:center;}
.noscript .noscript-inner {background:url(../images/i_notice.gif) 20px 50% no-repeat; margin:0 auto; padding:12px 0 12px; width:950px;}
.noscript p {margin:0;}
/* ======================================================================================= */


/* Welcome */
.header-container {background:#000; width:100%; color: #fff; text-align: center; padding: 10px 0;}
.header-container .welcome-msg {font-family: sans-serif; font-size: 13px; margin: 0;}
.welcome-msg a{color: #FFFFFF;}

/* Pc Header ================================================================================ */
.indexBody .pc-header .header{background: rgba(255,255,255,0);margin: 0}
.pc-header .header {padding:5px 10%; line-height: 0px;  position:fixed; width:100%; z-index:20;background: #FFFFFF;}
.pc-header .header-fixed{background: #FFFFFF!important;}
.pc-header .header .logo {text-decoration:none!important; float: left; width: 48px;}
.pc-header .header .logo strong {font-size:0; height:0; left:-999em; line-height:0; overflow:hidden; position:absolute; text-indent:-999em; top:-999em; width:0;}
.pc-header .header h1.logo {margin:0;}

.header .links {float:right; text-transform:uppercase; margin: 0;}
.header .links li {float:left; margin-left: 15px; line-height: 46px;}
.header .links a {display: inline-block; color: #fff;}
.header .links a i {margin-right: 5px;}
.header .links a:hover {color: #a5a5a5;}
.header .block-currency-header select {margin-top: 5px;}

.pc-header .header .form-search {position: relative;}
.form-search input.input-text {box-shadow: none; background:#fff;  border-radius: 0; border-bottom: 1px solid #000; color:#a5a5a5; width:217px; padding: 0 40px 0 8px; height: 40px; line-height: 40px;}
.form-search input.input-text:focus {box-shadow: none; outline: none;}
.pc-header .header .form-search button.button {color: #a5a5a5; position: absolute; right: 0; top: 0; width: 35px; height: 30px;}
.logo-img{}

.indexBody .fixed-logo{display: none;}
.indexBody .header-fixed .fixed-logo{display: block;}
.indexBody .header-fixed .fixeds-logo1{display: none;}
.indexBody .fixed-logo{display: none;}
.indexBody .header-fixed .fixed-logo{display: block;}
.indexBody .header-fixed .fixeds-logo1{display: none;}
.indexBody #nav ul.level1>li>a{color: #333;}
.indexBody .header-fixed #nav ul.level1>li>a{color: #000000!important;}
.indexBody .header-fixed .fixed-logo{display: block!important;}
.indexBody .header-fixed .fixed-logo1{display: none}
.indexBody .form-control{color: #fff;border: 1px solid #fff;}
.indexBody .header-fixed .form-control{color: #000;border: 1px solid #000;}
.indexBody .iconfont{vertical-align: middle;color: #fff;}
.indexBody .header-fixed .iconfont{color: #000!important;}
.indexBody .fixeds-logo{display: block;}
.indexBody .header-fixed .fixeds-logo{display: none;}
.indexBody .fixed-logo{display: none}
.indexBody .header-fixed .fixed-logo{display: block !important;}
.indexBody .header-fixed .fixed-logo1{display: none}
.indexBody .header-container { background: #fff;width: 100%; color: #fff;  text-align: center; padding: 5px 0; border-radius: 50px;margin-top: 10px;}
.indexBody .header-container a{color: #000}
.indexBody .header-fixed .header-container { background: #000;width: 100%; color: #fff;  text-align: center; padding: 5px 0; border-radius: 50px;margin-top: 10px;}
.indexBody .header-fixed .header-container a{color: #fff}

/*===wrapper-header===*/
.categoryBody #nav ul.level1>li>a{color: #000000!important;}
.categoryBody .form-control{color: #000;border: 1px solid #000;}
.categoryBody .header-container { background: #000;width: 100%; color: #fff;  text-align: center; padding: 5px 0; border-radius: 50px;margin-top: 10px;}
.categoryBody .header-container a{color: #fff}
.categoryBody .fixeds-logo{display: none;}
.categoryBody .fixed-logo{display: block!important;}

/*===productBody-header===*/
.productBody #nav ul.level1>li>a{color: #000000!important;}
.productBody .form-control{color: #000;border: 1px solid #000;}
.productBody .header-container { background: #000;width: 100%; color: #fff;  text-align: center; padding: 5px 0; border-radius: 50px;margin-top: 10px;}
.productBody .header-container a{color: #fff}
.productBody .fixeds-logo{display: none;}
.productBody .fixed-logo{display: block!important;}

/*===shoppingcartBody-header===*/
.shoppingcartBody #nav ul.level1>li>a{color: #000000!important;}
.shoppingcartBody .form-control{color: #000;border: 1px solid #000;}
.shoppingcartBody .header-container { background: #000;width: 100%; color: #fff;  text-align: center; padding: 5px 0; border-radius: 50px;margin-top: 10px;}
.shoppingcartBody .header-container a{color: #fff}
.shoppingcartBody .fixeds-logo{display: none;}
.shoppingcartBody .fixed-logo{display: block!important;}

/*===zdcheckoutprocessBody-header===*/
.zdcheckoutprocessBody #nav ul.level1>li>a{color: #000000!important;}
.zdcheckoutprocessBody .form-control{color: #000;border: 1px solid #000;}
.zdcheckoutprocessBody .header-container { background: #000;width: 100%; color: #fff;  text-align: center; padding: 5px 0; border-radius: 50px;margin-top: 10px;}
.zdcheckoutprocessBody .header-container a{color: #fff}
.zdcheckoutprocessBody .fixeds-logo{display: none;}
.zdcheckoutprocessBody .fixed-logo{display: block!important;}

/*===checkoutresultBody-header===*/
.checkoutresultBody #nav ul.level1>li>a{color: #000000!important;}
.checkoutresultBody .form-control{color: #000;border: 1px solid #000;}
.checkoutresultBody .header-container { background: #000;width: 100%; color: #fff;  text-align: center; padding: 5px 0; border-radius: 50px;margin-top: 10px;}
.checkoutresultBody .header-container a{color: #fff}
.checkoutresultBody .fixeds-logo{display: none;}
.checkoutresultBody .fixed-logo{display: block!important;}

/*===searchBody-header===*/
.searchBody #nav ul.level1>li>a{color: #000000!important;}
.searchBody .form-control{color: #000;border: 1px solid #000;}
.searchBody .header-container { background: #000;width: 100%; color: #fff;  text-align: center; padding: 5px 0; border-radius: 50px;margin-top: 10px;}
.searchBody .header-container a{color: #fff}
.searchBody .fixeds-logo{display: none;}
.searchBody .fixed-logo{display: block!important;}



/* nav-container */
/*.nav-container {margin-right: 550px;}*/
#nav {font-size:16px;display: flex;}

/* All Levels */
#nav li {text-align:left; position: relative;}
#nav a {display: block; text-decoration:none; text-transform:uppercase; color: #000;}
#nav a.current,
#nav a:hover {font-weight: bold;color: #333!important;}
#nav span {cursor:pointer; white-space:nowrap;padding: 15px;}

/* 1st Level */
#nav ul.level1 {display:inline;margin-bottom: 0}
#nav ul.level1>li {float:left;}
#nav ul.level1>li>a {padding: 10px 15px; line-height: 20px;font-weight: inherit;color: #FFFFFF;}
#nav ul.level1>li:hover>a {background-color: rgba(0, 0, 0, 0.1);}
#nav ul.level1>li.category-top>a:after {content:''; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #333; display:inline-block; vertical-align: middle; height: 0; width: 0; margin-left: 5px;display: none;}

/* 2nd Level */
#nav ul.level1>li:hover ul.level2 {display: block;}
#nav ul.level2 {border-radius: 0 0 4px 4px; background:#fff; display: none; position:absolute; left: 0; top:40px; z-index: 30; min-width: 160px; padding: 0 0 10px; border: 1px solid #D9D9D9; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);}
#nav ul.level2 li {}
#nav ul.level2 li>a {padding:18px; color: #000;}
#nav ul.level2 li>a:hover {color: #000;}
#nav ul.level2 li .level3> li{padding-left: 30px;}
#nav ul.level2 li>ul li>a{color: #424242;font-size: 13px;}
.level3 li>a{color: #337ab7}
/* ======================================================================================= */

/* Mobile Header ================================================================================ */
.pc-header .header-fixed,
.mobile-header .header-fixed {position: fixed; left: 0; top: 0; right: 0; border-bottom: 1px solid #ccc; z-index: 20;}
.mobile-header .header {margin:0 auto; padding:0; background:#fff; text-align: center; overflow: hidden;}
.mobile-header .header .logo {line-height: 45px;}
.mobile-header .header .logo img {vertical-align: middle; max-width: 100%;}
.mobile-header .header a {color:#000; display:block; line-height:45px; height:45px;}

/* category */
.noscroll {overflow: hidden;}
.noscroll body {overflow: hidden; position: relative;}
.left-menu {position:fixed; display: none; left: 0; top: 0; bottom: 0; right: 0; z-index: 99;}
.layer-tree {position:fixed; left: 0; top: 0; bottom: 0; right: 0; background: #fff; opacity: 0.5;}
.btn-layer {color: #999; float: right; width: 45px; height: 50px; line-height: 50px;}
.left-category {border-right: 1px solid #E6E6E6; position:absolute; width: 300px; left: 0; top: 0; bottom: 0; z-index: 109; overflow: hidden;}
.menu-header {position: absolute; top: 0; left: 0; right: 0; background:#EBEBEB;}
.left-category a.button {right: 5px; top: 8px;}
.category-list {position: absolute; background:#fff; top: 54px; right: 0; bottom: 0; left: 0; z-index: 1; overflow-y: scroll; margin-bottom: 0; -webkit-overflow-scrolling: touch;}
.category-list .level1 {position: relative;}
.left-category li {border-bottom: 1px solid #EBEBEB; line-height: 50px; clear: both;}
.left-category li a {display: block; margin-right: 51px; padding-left: 15px;}
.left-category li a:hover {color: #000;}
.left-category li.category-product a {margin-right: 0;}
.left-category li.category-top span.all-category {width: 50px; float: right; text-align: center; border-left: 1px solid #ebebeb; z-index: 15;}
.left-category li .mobile-memu {text-transform: uppercase; display: none; right: 0; position: absolute; left: 100%; top: 0; bottom:0; background: #fff; z-index: 119;}
.left-category li .mobile-memu li.category-title {text-align: center; background: #fff;}
.left-category li .mobile-memu li.category-title i {float: left;}
.left-category .block-currency-header .block-content {padding: 15px;}
.left-category li.cms .title {margin-right: 15px;}
.left-category li.cms .title:after {content: '\002B'; font-size: 26px; color: #000; float: right; margin-left: 10px;}
.left-category li.cms.active .title:after {content: '\2212';}
.left-category li.cms .links {display: none;}
.left-category li.cms .links li {border-bottom: none; border-top: 1px solid #ebebeb;}
.left-category li.cms .links li a {margin: 0; padding:0 15px 0 30px;}

/* Search */
.mobile-header .header-search  {width:100%;}
.mobile-header .header-search .form-search {padding:10px; margin-right: 50px; box-sizing: border-box; overflow:hidden; position:relative;}
.mobile-header .header-search .form-search input.input-text {width: 100%;}
.mobile-header .header-search .form-search button.button {position: absolute; right: 10px; top: 10px; width: 38px; height: 35px;}

/* ======================================================================================= */

/* Header Banner */

.header-banner img {max-width: 100%}
.banner-block2 {margin: 20px 0;}
.banner-block2 a {display:block; margin: 10px 0;}
.owl-theme .owl-controls{}
.owl-theme .owl-controls .owl-nav {display: block;}
.owl-carousel:hover .owl-nav {display: none;}
.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#ccc; position: absolute; top: 43%; display: inline-block; font-size:0; transition: all 0.3s ease 0s; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.owl-theme .owl-controls .owl-nav [class*=owl-]:after {content: '\e92d'; font-family: 'iconfont'; font-size:60px;}
.owl-theme .owl-nav .owl-prev {left: 10px;display: block !important;}
.owl-theme .owl-nav .owl-next {right: 10px;display: block !important;}
.owl-theme .owl-controls .owl-nav .owl-next:after {content: '\e92e';}
.owl-theme .owl-dots .owl-dot{display:inline-block; zoom:1; *display:inline}
.owl-theme .owl-dots .owl-dot span{width:10px; height:10px; margin:10px 7px 0; background:#dcdcdc; display:block; border-radius:50%; transition: all 0.3s ease 0s;}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{background:#292929; box-shadow: 0 0 0 4px #dcdcdc;}

/* ======================================================================================= */

/* Header Banner */
.header-banner {width:100%; text-align:center;position: relative;}

.header-banner img {max-width:100%;}
.banner-btn1{position: absolute;left: 22%;top: 30%;transform: translate(-50%,-50%);color: #302e2a;font-family: "Pristina", sans-serif; font-weight: 600;font-size:3.5vw;}
.top-cp1{position: absolute;left: 28%;top: 26%;transform: translate(-50%,-50%);color: #777777;font-family: "Pristina", sans-serif; font-weight: 600;font-size:3.2vw;}
.top-cp2{position: absolute;left: 27%;top: 30%;transform: translate(-50%,-50%);color: #222329;font-family: "ieVi", sans-serif; font-weight:bold;font-size:2.3vw;letter-spacing: 2px;}
.top-cp4{position: absolute;left: 23.5%;top: 37%;transform: translate(-50%,-50%);color: #222329;font-family: "ieVi", sans-serif; font-weight:bold;font-size:1.5vw;letter-spacing: 2px;}
.top-cp3{position: absolute;left: 22%;top: 44%;transform: translate(-50%,-50%); color: #fff;font-family: sans-serif;font-weight: 600;font-size:16px;padding: 12px 50px;background:#222329; }

.banner-btn5{position: absolute;left: 22%;top: 37%;transform: translate(-50%,-50%);color: #222329;font-family: "ieVi", sans-serif; font-weight:bold;font-size:2.1vw;letter-spacing: 5px;}
.banner-btn{position: absolute;left: 23%;top: 48%;transform: translate(-50%,-50%);color: #222329;font-family: sans-serif;font-weight: 600;font-size:5.5vw;}
.hr1{position: absolute;left: 12%;top:54%;transform: translate(-50%,-50%);background-color: #222529; height: 5px;width: 60px;}
.banner-btn2{position: absolute;left: 25%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-family: sans-serif;font-weight: 600;font-size:2.3vw;}
.banner-btn{display: flex;justify-content: space-around;align-items: center;transition: all 0.5s;}
.banner-btn b{font-size: 20px;color: #000;}
.banner-btnp{position: absolute;left: 16%;top: 62%;transform: translate(-50%,-50%); color: #222329;font-family: sans-serif;font-weight: 600;font-size:20px;text-transform: capitalize}
.banner-btnp2{position: absolute;left: 16%;top: 72%;transform: translate(-50%,-50%); color: #fff;font-family: sans-serif;font-weight: 600;font-size:16px;padding: 25px 60px;background:#222329; }
.banner-btnp3{position: absolute;left: 17%;top: 70%;transform: translate(-50%,-50%); color: #fff;font-family: sans-serif;font-weight: 600;font-size:16px;padding: 25px 60px;background:#222329; }
.brought{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 110px; color: #fff;font-family: sans-serif;font-weight: 600;font-size:15px;}
.banner-btnp2:hover{color: #fff}
.bttn2{font-size: 4.8vw}
.btnn1{color:#777777;left: 25%}
.bttn3{left: 18%}

/* Model */
.category-products .filter-modal {display: none;}
.modal-header {height:50px; text-align: center; border-bottom: 1px solid #ddd;}
.modal-header h3 {font-weight: bold; line-height: 50px; font-size: 16px;}

/* Sidebar =============================================================================== */
.block {margin:0 0 10px;}
.block .block-title {margin-bottom: 10px; border-bottom: 1px solid #414B56; padding: 10px; text-transform: uppercase;}
.block .block-title strong {line-height: 1.1; margin:0; padding: 0 10px; font-size: 26px; color:#414b56; font-weight: 100; word-break: break-all;}
.block .block-title a {text-decoration:none!important;}
.block .block-subtitle {color:#e42832; font-size:12px; font-weight:bold; padding:0 0 10px;}
.block .block-content {padding: 10px;}
.block .btn-remove,
.block .btn-edit {float:right; margin:3px 0 0 5px;}
.block .actions {padding:6px 0; text-align:right;}
.block .actions a {float:left;}
.block .actions button.button {float:right;}

/* Mini Products List */
.mini-products-list li {padding:5px 0;}
.mini-products-list .product-image {display:inline-block;}
.mini-products-list .product-shop {margin:10px 0 0;}
.mini-products-list .product-shop .product-name {margin-bottom:10px;}
.mini-products-list .product-shop .review-box {}

/* Block: Account */
.block-account ul li{padding-bottom:5px;}
.my-account-content {margin: 10px 0;}
.account-top .page-title {position: relative; margin-bottom: 0;}
.account-top .page-title .account-more {position: absolute; width: 50px; height: 36px; line-height: 36px; right: 0; top: 0; cursor: pointer; color: #000;}
.account-top .account-menu {background: #fff; display: none;}
.account-top .account-menu ul li {border-bottom: 1px solid #414b56; text-transform: uppercase; padding: 8px 20px;}
.account-top .account-menu ul li a {display: block; color: #555;}

/* Block: Banner */
.block-banner {text-align:center; padding:0; border:0;}
.block-banner .block-content {text-align:center; padding:0; border:0;}

/* Block: Bestsellers */
.block-bestsellers {}

/* Block: Cart */
.block-cart {}
.block-cart .block-content li.item.last {}
.block-cart .summary {}
.block-cart .amount {color:#000000; padding:0 0 15px;}
.block-cart .amount a {color:#e42832; font-weight:bold; text-decoration:none;}
.block-cart .amount a:hover {color:#000000;}
.block-cart .subtotal {background:#fbfbfb; border:1px solid #ededed; padding:5px 9px 6px 9px; overflow:hidden;}
.block-cart .subtotal .price{float:right; font-weight:bold; color:#000;}
.block-cart .subtotal .label{color:#000; float:left;}
.block-cart .actions {margin-bottom:19px; padding-top:20px;}

/* Block: Category */
.block-category {}
.block-category li {}
.block-category a {color: #4f4f4f; display: block; padding: 5px 0;}
.block-category a.current,
.block-category a:hover {color: #a5a5a5;}

/* Block: Cms Page */
.block-cms-page {}
.block-cms-page ul li{ padding-bottom:5px;}
.cmspageBody .std {margin: 10px;}

/* Block: Currency */
.block-currency {}

/* Block: Featured */
.block-featured {}

/* Block: Filter */
.block-filter {}
.block-filter .block-content {padding: 5px 5px 0;}
.block-filter .currently {text-align: left;}
.block-filter .currently ol li {margin:0 0 5px;}
.block-filter .currently ol li span.label {font-weight: bold;}
.block-filter .actions {overflow:hidden;}
.block-filter .actions a {float:right; text-decoration:none; color:#cb2028;}
.block-filter .actions a:hover {color: #000;}
.block-filter dl {text-align: left;}
.block-filter dt {font-weight:bold; margin: 0 0 5px 3px; background: url(../images/category-bg.jpg) no-repeat 0 center; padding-left: 13px; cursor:pointer;}
.block-filter dt.open {background: url(../images/category-open.jpg) no-repeat 0 center;}
.block-filter dd {padding-bottom:10px; padding-left:10px;}
.block-filter dd li {background:url(../images/marker.jpg) no-repeat 0 6px; margin-bottom:5px; padding-left:13px;}
.block-filter dd li:hover {background:url(../images/marker2.jpg) no-repeat 0 6px;}
.block-filter dd li a {color:#000; text-decoration:none;}
.block-filter dd li a:hover {color:#cb2028;}
.block-filter dd li span {}

/* Block: Logo */
.block-logo {}

/* Block: New Products */
.block-new-products {}

/* Block: News */
.block-news {}

/* Block: Popular Search */
.block-popular-search {}
.block-popular-search li {display:inline-block; font-size:15px; line-height:normal; margin-right:10px;}
.block-popular-search li a {color:#383737; text-decoration:none;}
.block-popular-search li a:hover {color:#e42832;}

/* Block: Related */
.block-related {}

/* Block: Review */
.block-review li {border-top:1px solid #ededed; margin:15px 0 0; padding:15px 0 0;}
.block-review li.first {border-top:none; margin:0; padding:0;}
.block-review li .review-top {overflow:hidden; margin-bottom:10px;}
.block-review li .product-image {float:left; border:1px solid #EDEDED;}
.block-review li .product-image:hover {border-color:#EB212E;}
.block-review li .review-details {margin-left:70px;}
.block-review li .product-name {margin-bottom:5px;}
.block-review li .review-bottom {line-height:18px;}
.block-review li .review-bottom span {font-weight:bold;}

/* Block: Specials */
.block-specials {}

/* Block: Recently Viewed */
.block-viewed {}

/* Block: Ordered Products */
.block-ordered-products {}
/* ======================================================================================= */


/* Product Name ========================================================================== */
.product-name {color:#4c4c4c; margin:0; font-size: 14px; font-family: "Open Sans",sans-serif;}
.product-name a {color:#414b56;}
.product-name a:hover {text-decoration: underline;}
.shoppingcartBody .product-name a {color:#000;}
/* ======================================================================================= */


/* Product Prices ======================================================================== */
.price {white-space:nowrap!important;}
.price-box {margin:5px 0; font-size: 14px;}
.price-label {display: none;}
.old-price,
.specials-price {display: inline-block;}

/* Regular price */
.regular-price {margin:0;}
.regular-price .price {color:#000; font-weight: bold;}

/* Old price */
.old-price {color:#a5a5a5; margin:0;}
.old-price .price-label {white-space:nowrap;}
.old-price .price {text-decoration:line-through;}

/* Specials price */
.specials-price {color:#bc2615; margin:0; font-weight: bold;}
.specials-price .price-label {white-space:nowrap;}
.specials-price .price {}

/* Save Off */
.save-off {color:#000; margin:0;}
.save-off .price-label {white-space:nowrap; display: inline-block;}
.save-off .price {}

/* ======================================================================================= */


/* Recent Viewed */
.recent_viewed {border:1px solid #EDEDED; margin-bottom:20px; padding-bottom:20px;}

/* Review list */
.review-list {border:1px solid #EDEDED; margin-bottom:20px; padding-bottom:20px;}
.review-list li {border-bottom:1px solid #e6e6e6; padding:0 15px 15px; margin:0 0 15px;}
.review-list li.last {border-bottom:none; padding:0 15px; margin:0;}
.review-list .product-image {float:left; border:1px solid #e6e6e6; padding:1px;}
.review-list .review-items-box {line-height:18px; margin-left:200px;}
.review-list .review-items-box span {font-weight:bold;}
.review-list .product-name {margin:0 0 10px;}
/* ======================================================================================= */


/* Category ============================================================================== */

.category-image {text-align:center;}
.category-image img {max-width: 100%;}
.category-products .modal-header {text-align: left;}
.category-products .modal-header .filter-apply {float: right; font-weight: bold; margin-right: 10px; margin-top: 8px;}

/* View Type:Grid */
.products-grid {}
.products-grid {margin:10px 0; text-align: center;}
.products-grid .product-image {display:inline-block; margin:0 0 10px; text-align: center;position: relative;}
.products-grid .product-image img {margin: 0 auto;}
.products-grid .product-shop {}
.products-grid .product-name {}
.products-grid .review-box {margin-top: 5px;display: block!important;}
.review-box a{margin-top: -30px; float: left;  padding-left: 130px;color: #337ab8;display: none}

/* ======================================================================================= */


/* Product =============================================================================== */
.product-view {}
.product-essential {}
.product-collateral {margin-top: 20px;}

/* Availability */
.availability {margin:0;}
.availability span {font-weight:bold;}
.availability.in-stock span {color:#3d6611;}
.availability.out-of-stock span {color:#d83820;}

/* Product Images */
.product-view .product-img-box {text-align: center;}
.product-view .product-img-box a {display: block; padding: 10px 0;}
.product-view .product-img-box img {max-width: 100%;}
.product-view .product-img-box .product-image {}
.product-view .product-img-box .product-image .img-responsive {margin: 0 auto;}
.product-view .product-img-box .more-views {}
.product-view .product-img-box .more-views h2 {font-size:12px; margin:0 0 8px; text-transform:uppercase;}
.product-view .product-img-box .more-views ul {margin-left:-8px;}
.product-view .product-img-box .more-views li {float:left; margin:0 0 8px 8px;}
.product-view .product-img-box .more-views li a {border:1px solid #ececec; display:inline-block;}
.product-view .product-img-box .more-views li a:hover {border-color: #000;}

/* Add to Cart */
.add-to-cart {text-align: left;}
.add-to-cart label {text-transform: uppercase; color:#414b56;}
.add-to-cart input.qty {float: left; border-radius: 0; border-color: #999; height: 39px; line-height: 39px; width: 98px; text-align: center; padding: 0;}
.add-to-cart .num_ops {margin: 10px 0; overflow: hidden;}
.add-to-cart .action {cursor: pointer; text-align: center; float: left; font-size: 14px; width:39px; height: 39px; line-height: 39px; background: #fff; vertical-align: middle; border: 1px solid #999;}
.add-to-cart .reduce {border-right: 0;}
.add-to-cart .pus {border-left: 0;}

.add-to-cart button.btn-incart span span {}

/* Product Shop */
.product-view .product-shop-box {}
.product-view .product-shop-box .product-name {margin:0 0 10px;}
.product-view .product-shop-box .product-name h1 {margin:0; font-size:24px; color: #000;text-align: left;}
.product-view .product-shop-box .sku,
.product-view .product-shop-box .availability,
.product-view .product-shop-box .short-description {margin:10px 0;text-align: left;}
.product-view .product-shop-box .short-description .std {color:#7f7f7f; font-size:12px; line-height:18px;}
.product-view .product-shop-box .short-description h3 {font-size:14px;}
.product-view .product-shop-box .review-box {position:relative;}
.product-view .product-shop-box .addthis_button {position:absolute; right:0; top:0;}
.product-view .product-shop-box .price-box {margin:10px 0;text-align: left;}
.product-shop-box .regular-price,
.product-shop-box .specials-price {color:#bc2615; font-size: 24px; font-weight: normal;}
.product-shop-box .old-price {font-size: 15px; color: #898989; font-weight: normal;}
.product-view .product-switch .show-num {text-align: center; color: #000; margin: 5px 0;}
.product-view .product-switch .action-bar {padding: 10px 0; text-align: center; margin-bottom: 5px;}
.product-view .product-switch .action-bar a {padding: 6px 11px; font-weight: bold; border: 1px solid #d2d2d2; border-radius: 3px; background: #f0f0f0; color: #000; display: inline-block; margin: 0 5px 5px 0;}
.product-view .product-switch .action-bar a:hover {background: #ddd;}

/* Product Colors */
.product-colors {position:relative;}
.product-colors .color-list li {float:left; margin:0 0 10px 5px;}
.product-colors .color-list li a {border:1px solid #DFDFDF; padding: 1px; display:inline-block;}
.product-colors .color-list li a:hover {border-color: #414B56;}
.product-colors .color-list li.active a {border: 2px solid #414B56; padding: 0;}

/* Product Options */
.product-options {position:relative;}
.product-options ul.options-list li {cursor: pointer; border:1px solid #414B56; color: #999; height:40px; float:left; line-height:40px; margin:5px 5px 2px 0; text-align:center; min-width: 40px; padding: 0 5px;}
.product-options ul.options-list li.active {background: #414B56; color: #fff;}
.product-view .product-shop-box .product-options-bottom {margin-bottom: 10px;}
.product-view .product-shop-box .product-options-bottom .add-to-cart {}
.product-colors p.note,
.product-options p.note {margin:0; font-size:11px;}
.product-colors p.required,
.product-options p.required {position:absolute; right:0; top:0;}

/* Product Options Wholesale */
.options-wholesale-list {}

/* Block: Also Purchased */
.product-view .box-also {margin-bottom: 20px;}

/* Block: Description */
.product-collateral .std {padding: 15px; color:#000;letter-spacing:1.1px;}
.cos-listView>li {}
.cos-listView>li>a {text-transform: uppercase; border-bottom: 1px solid #e4e4e4; color: #444; display: block; font-size: 16px; padding: 5px; height: 45px; line-height: 35px; text-align: left; text-decoration: none; vertical-align: middle;}
.cos-listView>li>a:hover,
.cos-listView>li>a.selected {border-color: #000;}
a.selected .cos-arrow {background-position: 7px 11px;}
.cos-arrow {background:url(../images/cos-arr.jpg) no-repeat 7px -23px; float: right; height: 35px; width: 35px;}

/* Block: Related */
.product-view .box-related {margin-bottom: 20px;}

/* Block: Reviews */
.product-view .box-review {}
.product-view .box-review h2 {font-size: 20px;}
.product-view .box-review .review-row li {background: #eee; margin:10px 0; padding: 10px;}
.product-view .box-review .form-add {margin:15px 0 0;}
/* ======================================================================================= */


/* Shopping cart ========================================================================= */
/* Shopping Cart Table */
.cart-table .item-options li {margin:3px 0;}
.cart-table span.option-name {font-weight:bold; font-style:italic;}
.cart-table .product-name {line-height:16px; max-height:64px; overflow:hidden;}
.cart-table .price {color:#e42832; font-size:13px; margin-left: 5px;}
.table>tbody>tr>td.td-product-image {vertical-align: middle; text-align: center;}
#tdQty .action-cart {padding-top: 15px; overflow: hidden;}
#tdQty .action-cart .btn-remove-new {white-space: nowrap; float: right; color: #fff; background-color: #ff0000; padding: 0 10px; border-radius: 4px; font-size: 14px; height: 30px; line-height: 30px;}
.cart-table .grand_total .price {text-align: right;}

/* Checkout Steps */
#checkout-steps {padding:25px 0 0 0;}
.opc li.section {border:1px solid #ececec; margin-bottom:10px;}
.opc .step-title {vertical-align:top; background-color:#fff; padding:10px 15px; text-align:right;}
.opc .step-title h2 {float:left; margin:0; font-size:16px; line-height: 22px; font-weight:bold; color:#333;}
.opc .step-title .icon {float: left; color: #333; vertical-align: middle; margin-right: 5px;}
.opc .active .step-title {background-color:#f5f5f5;}
.opc .active .step-title h2 {color:#000;}
.opc .step {background:#fff; padding:10px; display:none;}
.opc .active .step {display:block;}
.opc .step img {max-width: 100%;}
#opc-order_review {border:none;}
#opc-order_review .step-title {border-color: #ececec; border-style: solid; border-width: 1px 1px 0 1px;}
#opc-order_review .table-bordered,
#opc-order_review .table-bordered thead tr th,
#opc-order_review .table-bordered td {border-color: #ececec;}
#opc-order_review .step {border:none; padding:0;}
#opc-order_review .buttons-set {border:solid #ececec; border-width:0 1px 1px; margin:0; padding:20px 30px;}
.order-date {   padding: 5px 10px; margin: 0;}
.checkout-process {text-align: center; padding: 20px 10px; background: #fff;}
.checkout-process img {width: 150px; margin-bottom: 10px;}
.checkoutresultBody .btn-repay {display: block; height: 45px; line-height: 45px; text-align: center; padding: 0 20px; float: right; background: #000; color: #fff; font-weight: bold;}
.checkoutresultBody .btn-repay:hover {background: #666;}

/* Coupon Codes */
.shopping_cart .cart-coupon {border: 1px solid #ccc; border-top: none; overflow: hidden;}

/* Payment */
.inside-payform .field-card {position: relative;}
.inside-payform .field-card input.form-control {padding-right: 40px;}
.inside-payform .field-card .brand-card {position: absolute; top: 1px; right: 5px; display: block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center center; background-size: 80%;}
.inside-payform li .brand.brand-card {background-image: url(../images/vmj.png);}
.inside-payform .field-date {overflow: hidden;}
.inside-payform .field-date select {width: 49%; float: left;}
.inside-payform .field-date select.field-date-month {margin-right: 2%;}
.inside-payform .field-date div.error {display: none!important;}
.inside-payform .field-notes .title {font-weight: bold; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #E4E4E4;}
.inside-payform .field-notes .content .std {padding: 15px 0;}
.inside-payform .field-notes img {max-width: 100%; display: block; margin: 0 auto;}
/* ======================================================================================= */


/* Login ================================================================================= */
.account-login{}
.account-login .new-users,
.account-login .registered-users {min-height:260px;}
.registered-users .f-left {display: block; margin-bottom: 15px;}
/* ======================================================================================= */


/* My Account ============================================================================ */
.box-account {overflow:hidden; margin:10px 0 0;}
.box-account a {color: #ff5f35;}
.box-account a:hover {color: #000;}
.box-account .box-head {margin:10px 0;}
.box-account .box-head h2 {color:#383737; font-weight: bold; float:left; font-size:14px; text-transform:uppercase; margin: 0;}
.box-account .box-head a {float:right;}

/* Dashboard */
.my-account {}
.my-account a {color: #ff5f35;}
.my-account a:hover {color: #000;}
.my-account .product-name a {color:#4f4f4f; font-size: 14px;}
.my-account .product-name a:hover {color:#a5a5a5;}
.my-account .welcome-msg {}
.my-account .welcome-msg .hello {margin-bottom:10px;}
/* ======================================================================================= */


/* Footer ================================================================================ */
.footer_msg {
    min-height: 70px;
    height: 70px;
    line-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_msg .welcome-msg {
    font-size: 15px;
}

/* Footer ================================================================================ */
.footer-container {
    color: #000;
}
.footer {
    width: 100%;
    padding: 20px 0;
   /* position: absolute;*/
    background: #fff;
    overflow: hidden;
}
.footer h4 {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0;
    padding: 10px 0 15px;
    text-align: center;
    text-transform: uppercase;
    color: #1d1c1c;
}
.footer .links {
    text-align: center;
}
.footer .links li {
    padding-bottom: 5px;
	padding-top: 20px;
}
.footer a {
    color: #888;
    font-size: 14px;
}
.footer a:hover {
    color: #181717;
	text-decoration: none;
}
.footer-bottom {
    background: #000;
    color: #727272;
    overflow: hidden;
}
.footer-bottom address {
    margin: 15px 0 10px 0;
    text-align: center;
    color: #727272;
    font-size: 16px;
}
.footer-bottom img {
    float: right;
    margin-top: -43px;
}
.footer .social-links {
    display: flex;
    justify-content: space-around;
}
.footer .social-links a {
    color: #000000;
    margin-right: 15px;
}
.footer .social-links a svg {
    display: inline-block;
    fill: currentColor;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
.footer .search .form-search input.input-text {
    font-size: 14px;
}
.footer .search button.button {
    border-radius: 4px;
}
.footer .footer_logo {
    text-align: center;
    padding: 20px 0 30px;
}
.footer_logo img{width: 250px;}


/* Back Top */
#back-top {display:none; position:fixed; right:20px; bottom:40px; z-index:20; width:50px; height:50px; border-radius: 4px; background-color: rgba(0,0,0,0.6);}
#back-top span {cursor:pointer; display:block; width:50px; height:50px; line-height: 50px; text-align: center; color: #fff;}
#back-top span i {font-size: 23px;}
.shoppingcartBody #back-top {bottom: 90px;}

/* Footer Banner */
.footer-banner {}
/* ======================================================================================= */

/* Media ================================================================================= */
@media (max-width:990px) {
    .footer-bottom img {float: none; margin: 0 auto;}
    .footer-bottom {text-align: center;}
    #LiveSupportChat {display: none;}
    .center-btn{margin-top: 80px;margin-bottom: 30px;}
    .center-btnt{margin-top: -17%;position: absolute;z-index: 2;text-align: center;}
    .center-btnt h2{color: #FFFFFF;font-size:40px;font-family: "pro",sans-serif; }
    .center-btnt p{color: #FFFFFF;font-size:14px;font-family: "pro",sans-serif; margin-bottom: 30px;}
    .center-btnt a{text-align: center;color: #fff;line-height: inherit;padding: 12px 40px 12px 40px;background: #FFFFFF;font-family: "pro",sans-serif;}
    .center-btnt a:hover{background:rgba(255,255,255,0);color: #FFFFFF;border: 1px solid #FFFFFF}
    .search .form-search{width:90%}
    .center-btn img{width: 100%}
    .footer-bottom img { float: none; margin: 0 auto; }
    .footer-bottom { text-align: center; }
    #LiveSupportChat { display: none; }
    .bestw{width: 70%;margin: 0 auto}
    .search .form-search{width:90%}
    .center-btn img{width: 100%}

    .seeAll{margin-top: 80px;text-align: center}
    .seeAll a{color: #FFFFFF;font-size: 14px;position: relative;display: inline-block;line-height: normal;background: #0aa2b3;padding: 14px 42px;letter-spacing: 0.2em;}
    .seeAll a:hover{border: 1px solid #0aa2b3;background: rgba(255,255,255,0.0);color: #0aa2b3}

    .bttn_bb{margin-top: -15%;position: absolute;width: 100%;}
    .t1{text-align: center;color: #fff;line-height: inherit;padding: 12px 40px ;
        background:rgba(0,0,0,1);font-family: "pro",sans-serif;font-weight: 600;
        font-size: 16px;margin-left: 20%}
    .t2{text-align: center;color: #fff;line-height: inherit;padding: 12px 40px ;
        background:rgba(0,0,0,1);font-family: "pro",sans-serif;font-weight: 600;
        font-size: 16px;margin-left: 40%}
		
		/* 能力说明 */
		.dashuju{width: 100%;overflow: hidden;}
		.nengli .zhineng{font-size: 36px;font-weight: bold;color: #000;letter-spacing: 1.1px;}
		.nengli .dajian{font-size: 18px;color: #333;letter-spacing: 1.1px;}
		.nl_cent{width: 100%;overflow: hidden;}
		.nl_left{width: 39%;float: left;display: block;margin-top: 3%;}
		.nl_right{width: 60%;float: right;}
		.nl_right img{width: 100%;}
		.nl_left ul{text-align: left;padding: 10px;}
		.nl_left ul li span{font-size: 18px;font-weight: bold;}
		.zy_title{padding-left: 40px;font-size: 14px;color: #666;}
		.db{text-decoration: none;color: #727272;}
		
		.zhongdian{width: 100%;height: auto;background: rgb(216, 232, 249,1);margin-top: -10px;}
		.zd_ul li{border-bottom: 0.1px solid #fff;border-top: 0.1px solid #fff;border-right: 0.1px solid #fff;float: left;width: 25%;background: rgb(216, 232, 249,1);padding: 30px;}
		.zd_ul li img{float: left;padding-left: 5%;}
		.zd_ul li p{text-align: left;line-height: 25px;padding-left: 70px;}



}


@media (max-width:767px) {
    .indexBody .iconfont{vertical-align: middle;color: #000;font-size: 24px;}
     .iconfont{vertical-align: middle;color: #000;font-size: 24px;}
    .seeAll{margin-top: 30px;text-align: center}
    .seeAll a{color: #FFFFFF;font-size: 14px;position: relative;display: inline-block;line-height: normal;background: #0aa2b3;padding: 14px 42px;letter-spacing: 0.2em;}
    .seeAll a:hover{border: 1px solid #0aa2b3;background: rgba(255,255,255,0.0);color: #0aa2b3}
    .header-container a{font-size: 12px;}
    .add-to-cart button.button {margin-top:20px; width: 100%; display: block;}
    .add-to-cart button.btn-incart span {background: #000; font-size: 18px; font-weight: bold; padding: 0; height: 60px; line-height: 60px; text-transform: uppercase;color: #fff}
    .sku{display: none}
    .in-stock{display: none}
    .owl-theme .owl-controls .owl-nav {display: block;}
    .owl-theme .owl-controls .owl-nav [class*=owl-]:after {font-size: 30px;}
    .nobr {white-space: initial !important;}
    .products-grid:nth-child(2n+1) {clear: both;}
    button.button {width: 100%;}
    .block .block-title strong,
    .page-title h1,
    .page-title h2 {font-size: 26px;}
    .table th,
    .table td {padding: 5px;}
    .cart-table td {border: none; border-top: 1px solid #ddd;}
    .data-table a.btn-continue {display:none;}
    .account-top .page-title h1 {margin-right: 40px;}
    .checkoutBody,
    .shoppingcartBody,
    .checkoutresultBody {padding-bottom: 65px;}
    #opc-order_review .buttons-set,
    .checkoutresultBody .buttons-set {border-width: 1px 0 0 0; border-style: solid; border-color: #ddd; margin:0; padding: 10px; text-align:right; position: fixed; bottom: 0; left: 0; right: 0; z-index: 20; background: #fff;}
    .checkoutresultBody .buttons-set .btn-repay {width: 100%;}

    .checkoutresultBody .buttons-set .btn-repay {
        width: 100%;
    }
    .footer .search .svg_flex {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer .search .svg_flex .social-links {
        width: 40%;
    }
    .product-view .product-shop-box .sku,
    .product-view .product-shop-box .availability,
    .product-view .product-shop-box .short-description,
    .product-view .product-shop-box .review-box,
    .product-view .product-shop-box .old-price {
        margin-bottom: 15px;
    }
    .footer .links {
        display: block;
    }
    .footer .mob_footer {
        border-top: 1px solid #eee;
		/* float: left; */
		text-align: center;
		/* padding-left: 40px; */
    }
    .footer .my_account {
        border-bottom: 1px solid #eee;
    }
    .footer .mob_footer h4 {
        cursor: pointer;
        display: block;
        margin-bottom: 0;
        padding: 25px;
        position: relative;
        text-align: center;
        margin-top: 0;
        font-weight: 500;
    }
    .footer .mob_footer h4::after {
        color: #eee;
        content: "";
        float: right;
        font-size: 2rem;
        font-weight: 400;
        line-height: 0.5;
        margin-right: -0.1rem;
        position: absolute;
        right: 3rem;
        width: 0.8rem;
    }
    .footer .mob_footer:nth-child(4) h4::after {
        content: "";
    }
    .footer .is-visible h4:after {
        transform: rotate(180deg);
    }
    .is-visible .links {
        display: block !important;
        padding-bottom: 1.5rem;
    }
    .is-visible h4 {
        font-weight: 700 !important;
    }

    .header-banner .owl-controls {display: none!important;}
    .size-title {margin: 0!important; padding: 13px;}
    .sizechart-view {max-width: 100%;height:100%;font-size:12px;padding: 10px; }
    .sizechart-view p {font-size: 12px;}

    .single-bimg img{width: 100%}
    .hyperice-font h2{font-size:26px;font-weight:500;color: #000000;font-family: "pro",sans-serif;padding-left: 20px;}
    .hyperice-font p{text-align: center;color: #414b56;line-height: inherit;padding: 10px;font-family: "pro",sans-serif;font-size: 16px;}
    .hyperice-font a{text-align: center;color: #fff;line-height: inherit;padding: 12px 40px ;background:rgba(0,0,0,1);font-family: "pro",sans-serif;font-weight: 600;font-size: 16px;margin-left:26%;}

    .header-container{margin-top: 0}
    .content{width: 100%;margin: 30px auto;overflow: hidden;padding: 0 5px;}
    .content-left{width: 100%;overflow: hidden;padding-left: 20px;}
    .content-p1{color: #000;font-size: 16px;text-transform: uppercase;font-family: "Open Sans",sans-serif;letter-spacing: 1.1px;}
    .content-p2{color: #000;font-size: 32px;text-transform: uppercase;font-family: "Open Sans",sans-serif;letter-spacing: 1.1px;}
    .content-p3{color: #000;font-size: 16px;text-decoration: underline;}
    .content-right{float: right;width: 100%;overflow: hidden;}
    .content-right .right1{float: left;width: 100%;overflow: hidden;}
    .content-right .right2{float: right;width: 100%;overflow: hidden;}
    .right2>.right2-1{float: left;width: 50%;overflow: hidden;}
    .quicks{padding: 12px 35px; background: #000;color: #fff;text-align: center;border-radius: 30px; margin-top: 90%;position: absolute; margin-left: -70%; font-size: 16px;}
    .quicks:hover{background: #fff;color: #000;}
    .mediap{text-align: center;}
    .mediap p{color: #000;font-size: 25px;text-align: center;padding: 0 20px;}
	.header1{text-align: center;}
    .header1 p{color: #000;font-size: 25px;text-align: center;padding: 10px 20px;}
    .meet{width: 100%;overflow: hidden;}
    .meet li{width: 100%;float: left;padding: 0 15px;}
    .meet-p{color: #000;font-size: 16px;font-family: "Open Sans",sans-serif;text-align: center;padding: 1vw 3vw 0 3vw;padding-top: 15px;}
    .itemp{text-align: center;font-size: 16px;padding: 1vw 3vw 0 3vw;font-family: "Open Sans",sans-serif;color: #666;text-decoration: none;padding: 0 30px;	}
    .disco{width: 100%;overflow: hidden;}
    .disco li{width: 100%;float: left;overflow: hidden;padding:20px 10px; }
    .meet-p2{color: #000;font-size: 22px;font-family: "Open Sans",sans-serif;text-align: left;padding: 1vw 0 0 2vw;}
    .itemp2{text-align: left;font-size: 14px;font-family: "Open Sans",sans-serif;color: #000000;padding: 1vw 0 0 2vw;text-decoration: underline;}
    .servi{font-size: 24px;padding: 0 20px;}
    .onli{font-size: 16px;padding: 0 20px;letter-spacing: 1.1px;}
    .onlip{font-size: 15px;padding: 10px 20px;letter-spacing: 1.1px;text-decoration: underline;color: #000}
    i.iconfont{color: #000}
    .coll-p{margin-top:-10px;}
    .categoryBody .form-control{color: #000;border: 1px solid #000}
	
	.nengli .zhineng{
		font-size: 24px;
		    font-weight: bold;
		    color: #000;
		    letter-spacing: 1.1px;
	}
	/* 能力说明 */
	.dashuju{width: 100%;overflow: hidden;padding: 10px 15px;}
	.nengli .dajian{font-size: 13px;color: #333;letter-spacing: 1.1px;}
	.nl_cent{width: 100%;overflow: hidden;}
	.nl_left{width: 100%;display: block;margin-top: 3%;}
	.nl_right{width: 100%;}
	.nl_right img{width: 100%;}
	.nl_left ul{text-align: left;padding: 10px;}
	.nl_left ul li span{font-size: 18px;font-weight: bold;padding-left: 10px;}
	.zy_title{padding-left: 110px;font-size: 14px;color: #666;margin-top: -20px;}
	.db{text-decoration: none;color: #727272;}
	
	.zhongdian{width: 100%;height: auto;background: rgb(216, 232, 249,1);margin-top: -10px;}
	.zd_ul li{border-bottom: 0.1px solid #fff;border-top: 0.1px solid #fff;border-right: 0.1px solid #fff;float: left;width: 25%;background: rgb(216, 232, 249,1);padding: 20px;}
	.zd_ul li img{float: left;padding-left: 8%;width: 60%;}
	.zd_ul li p{text-align: left;line-height: 10px;padding-left: 8px;font-size: 10px;}
	.cgal{width: 100%;overflow: hidden;}
	.cgal li{width: 50%;float: left;height: auto;padding: 3px;background: #f7f7f7;}
	.cgal li img{width: 100%;height: auto;}
	.cgal .meet-p{color: #000;font-weight: bold;letter-spacing:1.3px;}
	.cgal .itemp{color: #160a1677;text-align: center;}
	.cgal li :hover{transform: translate(-3px);box-shadow:  10px rgb(216, 232, 249,0.7);}
	
	.jjfa{width: 100%;overflow: hidden;}
	.jjfa_ul{width: 100%;height:auto;text-align: center;}
	.jjfa_ul li{width:100%;text-align: left;float: left;background: #e0e4f8;padding: 20px;margin: 15px 15px;border-radius: 5px;margin: 5px 0;}
	.jjfa_ul :hover {background: #1f55ff;color: #fff;}
	.jjfa_ul li p{width: 60%;float: left;}
	.jjfa_ul li img{width: 40%;text-align: right;}
	.jjfa_ul li p{font-weight: bold;font-size: 22px;width: 60%;}
	.jjfa_ul li p b{font-size: 36px;font-weight: bold;}
	.fa{font-size: 18px;font-weight: normal;}
	
	.yxys{width: 100%;height: auto;overflow: hidden;}
	.yxys li{width:100%;float: left;text-align: left;padding: 5px;}
	.yxys li img{float: left;text-align: left;width: 20%;}
	.yxys li p{padding-top: 15px;font-size: 18px;width: 80%;float: right;}
	.yxys li p span{font-size: 16px	;}
	.yxyss{width: 100%;height: auto;overflow: hidden;}
	.yxyss li{width: 100%;float: left;text-align: left;padding: 5px;}
	.yxyss li img{float: left;text-align: left;width: 20%;}
	.yxyss li p{padding-top: 10px;font-size: 18px;width: 80%;float: right;}
	.yxyss li p span{font-size: 16px	;}
	.mediap{padding-top: 0px;}
	.header1{padding-top: 0px;}
	.lx{width: 100%;overflow: hidden;text-align: center;}
	.lx ul{width: 29%;float: left;}
	.qhnr{width: 70%;float: left;padding-left: 5px;}
	.lx ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	#tabfirst li {
	float: inherit;
	background-color: #fff;
	color: #a4b8fe;
	padding: 5px;
	margin-right: 2px;
	border: 1px solid #5170db;
	border-radius:30px;
	width: 110px;
	height: 45px;
	margin-top: 15%;
	line-height: 35px;
	}
	#tabfirst li.tabin {
	background-color: #a4b8fe;
	border: 1px solid #5170db;
	color: #5170db;
	font-size: 16px;
	text-decoration: none;
	}
	#tabfirst li a:hover{text-decoration: none;}
	div.contentfirst {
	clear: left;
	background-color: #fff;
	color: #a4b8fe;
	width: 100%;
	height: auto;
	padding: 10px;
	display: none;
	text-align: left;
	color:#6e7293;
	font-size: 18px;
	letter-spacing:1.2px;
	}
	div.contentin {
	display: block;
	}
	
.jryp{width: 100%;background-color: rgb(1, 47, 94);background-size: 100% 100%;position: relative;padding: 20px 0;}
.my-button{ display: inline-block;
	cursor: pointer;
	margin: 30px 3px;
	font-size: 15px;
	font-weight: bold;
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 4px;
	border: none;
}
.my-button[type="primary"]{
	height: 40px;
	background-color: #1764ff;
	border-color: transparent;
	color: #fff !important;}
				.guide__content{position: relative;padding-bottom: 50px;}
			
			.guide__line{width: 100%;  height: 1px; background-color: #fff; opacity: .15; position: absolute; top: 25px;}
			.guide__list li{justify-content: center;} 
			.flex{display: flex!important;}
			ol,ul{list-style: none;}
			.guide__list li{width: 25%;float: left;text-align: center;color: #fff;font-size: 16px;}
			.guide__list li .index{
				display: block;
				margin: 0 auto 50px;
				width: 48px;
				font-size: 28px;
				line-height: 48px;
				border-radius: 100%;
				box-sizing: border-box;
				background-color: #bdc5d9;
				color: #2e3444;
				position: relative;
				font-weight: 600;
				}
				.transition {
				    transition: all .3s;
				}
				.guide__list li .index:after{
					content: "";
					    width: 70px;
					    height: 70px;
					    box-sizing: border-box;
					    border: 1px solid hsla(0,0%,100%,.23);
					    border-radius: 100%;
					    display: block;
					    position: absolute;
					    top: -11px;
					    left: -11px;
				}
				.guide__list li .btn{
						margin-top: 30px;
						line-height: 30px;
					    width: 80px;
					    text-align: center;
					    color: #fff;
					    border: 1px solid hsla(0,0%,100%,.45);
						letter-spacing: 1.3px;
						background: #036cff;
				}
				.guide__list li  :hover.btn{background-color: royalblue;}
				.footer__register--input input{
					border: none;
					border-radius: 5px;
					width: 250px;
					line-height: 50px;
					height: 50px;
					padding-left: 24px;
					color: #212121;
					font-size: 16px;
					margin: 15px 0;
					}
					.footer__register--input .btn{
						width: 160px;
						line-height:36px;
						font-size: 18px;
						margin-left: 17px;
						background-color: #5f8dff;
						margin-bottom: 6px;
						color: #fff;
						}
						
	.nzsm{width: 100%;overflow: hidden;padding: 5px 10px;}
	.zsm_left{width: 40%;float: left;background: #e3e8ee;padding: 30px 10px;border-radius: 5px;height: 150px;;}
	.zsm_right{width: 60%;float: left;text-align: left;padding:10px 20px;background: #fff;border-radius: 5px;height: 150px;border:1px solid #e3e8ee; border-left: none;}
	.a_title{font-size: 16px;font-weight: normal;color: #000;border-bottom:3px solid #6abdfd;width: 75px;}
	.faal{margin: 20px ;border:1px solid #b8b4b4;border-radius: 10px;;}
	.al_title{text-align: left;letter-spacing: 1.3px;padding: 5px 20px;;}
	.zuoyong{width: 100%;overflow: hidden;border-bottom:1px solid #160a1677;}
	.nlsm_left{width: 30%;float: left;}
	.nlsm_right{width: 70%;float: left;}
	.nlsm_title{font-size: 18px; font-weight: bold; }
	.footer{padding: 30px;}
	.guding{float: right;position: fixed;z-index:50;margin-top: 60%;}
	.gu_ul{z-index:50;}
	.gu_ul li{width: 60px;height: 60px;background: #f7f7f7;z-index:50;border-radius: 360px;margin: 10px 1px;}
	.gu_span{display: none;}
	.gu-li :hover .gu_span{display: block;width: 150px;height:50px;background:#83d0fe;text-align: center;text-decoration: none;color: #fff;margin-left: 60px;text-transform: none;line-height:50px;font-size: 16px;margin-top: -60px;z-index: 50;letter-spacing: 1.3px;border-radius: 5px;}
	.gu_ul li a{text-transform: none;text-decoration: none;}
	.gu_ul li img{padding:10px 5px;}
	
	.gu_span3{display: none}
	.gu-li :hover .gu_span3{display: block;z-index: 51;}
	
	.guide_content{background: #232630;border-radius: 10px;padding: 10px 20px;margin: 10px 20px;width: 90%;height: auto;overflow: hidden;}
	.guide_left{width: 50%;float: left;}
	.bz{margin: 10px 5px;text-align: left;padding: 10px;}
	.bs{color: aliceblue;font-size: 12px;}
	.bzsm{color:#f7f7f7;font-size: 16px;}
	.guide_right{width: 50%;float: right;text-align: right;}
	.gm{margin: 10px 5px;text-align: right;padding: 28.5px;}
	.gm a{font-size: 18px;font-weight: bold;}


/* 遮罩层 */
.alert{
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.4);
	position: fixed;
	top:0;
	left: 0;
}
.dialog-service{
	width: 400px;
	height:300px;
	background-color: #fff;
	border-radius: 10px;
	font-size: 30px;
	color: #000;
	text-align: center;       
	animation: moveFromBottom .3s linear;  }
.dialog-title{
	line-height: 50px;
	border-bottom: 1px solid #eee;
	font-size: 23px;
	position: relative;}
.close{
	width: 40px;
	height: 40px;
	line-height: 20px;
	position: absolute;
	top: 12px; 
	right: 30px;
	cursor: pointer;
}
.close:hover{
	color: red;
}
.service-code .service-config-code{        font-family: "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 400;
line-height: 1.5;
color: #212529;
font-size: 12px;
text-align: center;
box-sizing: border-box;
padding: 0;
margin: 0;
vertical-align: middle;
border-style: none;
width: 100px;
height: 100px;
position: absolute;}
.service-tips{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	color: rgb(51, 117, 148);
	font-size: 18px;}
	@keyframes moveFromTop{
	0%{
		margin-top: -600px;
	}
	100%{
		margin-top: 0;
	}
}
@keyframes moveFromBottom{
	0%{
		margin-bottom: -600px;
	}
	100%{
		margin-bottom: 0;
	}
}

/*短信服务*/
.dx_classdIMG1 {
    display: none;
}

.dx_classdActive {
    background-color: #1dc5c7 !important;
    color: #fff !important;
}

    .dx_classdActive .dx_classdIMG {
        display: none;
    }

    .dx_classdActive .dx_classdIMG1 {
        display: inline-block !important;
    }

.dx_classd1 {
    background-color: #f5f5f559;
    padding: 10px 0;
    margin-top: 10px;
}

.dx_classd1d {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    display: none;
}

.dx_classd1dLeft {
    width: 24%;
    float: left;
    background:rgb(216 235 249) ;
}

.step1 {
}

    .step1 li {
        border-radius: 6px;
        list-style-type: none;
        margin: 5px 5px 5px 5px;
        border: 1px solid #fff;
        background-color: #ffffff;
    }

.stepIMG1 {
    display: none;
}

.step_p {
    font-size: 18px;
    line-height: 90px;
    font-weight: bold;
}

    .step_p img {
        vertical-align: middle;
        margin-right: 10px;
        padding-left: 15px;
    }

.step_p1 {
    font-size: 14px;
    color: #41464f;
    display: none;
    padding-left: 10px;
    font-family: 0;
}

.step_p2 {
    font-size: 0;
    display: none;
}

    .step_p2 a {
        font-size: 14px;
        margin: 0 3px;
        width: 80px;
        text-align: center;
        line-height: 30px;
        display: inline-block;
    }

.ljxq {
    height: 30px;
    border: 1px solid #fefffd;
    color: #ffffff;
    background-color: #4bdcc0;
}

.zcty {
    height: 28px;
    background-color: #ffffff;
    color: #1ac3c7;
}

.stepon {
    margin: 0 !important;
    background: url(../images/stepon.png) no-repeat !important;
    line-height: normal;
    padding: 20px;
    background-size: 100% 100% !important;
    border: 0 !important;
}

    .stepon .step_p {
        line-height: normal !important;
    }

    .stepon .step_p1 {
        display: block !important;
        margin-top: 0px;
    }

    .stepon .step_p2 {
        display: block !important;
        margin-top: 10px;
    }


    .stepon .step_p img {
        padding-left: 0 !important;
    }

    .stepon .step_p {
        color: #333 !important;
    }

    .stepon .stepIMG {
        display: none;
    }

    .stepon .stepIMG1 {
        display: inline-block;
    }

.dx_classd1dRight {
    width: 73%;
    float: right;
}

.dx_classd1dRightd {
    display: none;
}

.show {
    display: block !important;
}

.dx_classd1dRightd dl {
    overflow: hidden;
}

    .dx_classd1dRightd dl dt {
        float: left;
        width: 65%;
    }

.dx_classd1dRightdP {
    font-size: 25px;
    color: #333333;
	margin: 20px 0 10px;
}

    .dx_classd1dRightdP span {
        display: inline-block;
        margin-right: 10px;
        width: 3px;
        height: 30px;
        background-color: #1cc4c7;
        vertical-align: middle;
    }

.dx_classd1dRightdP1 {
    font-size: 14px;
    color: #999999;
    line-height: 28px;
    margin-top: 20px;
}

    .dx_classd1dRightdP1 img {
        vertical-align: middle;
        margin-right: 6px;
    }

.dx_classd1dRightd dl dd {
    float: right;
    width: 33%;
}

.dx_classd a {
	width: 40%;
	margin: 0 5% 10px;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
}

.dx_classd1 {
	padding: 10px 2%;
}

.dx_classd1d {
	width: 100%;
}

.dx_classd1dLeft {
	width: 100%;
}

.dx_classd1dRight {
	width: 100%;
}

.dx_classd1dRightd dl dt {
	width: 100%;
}

.dx_classd1dRightd dl dd {
	width: 100%;
}

.advantage {
	margin-top: 20px;
}

.advantage_u li {
	width: 100%;
}

}
@media (min-width: 768px){
    .banner-btnp2{position: absolute;left: 16%;top: 72%; transform: translate(-50%,-50%); color: #fff;font-family: sans-serif;font-weight: 600;font-size:16px;padding: 20px 60px;background:#222329; }
    .banner-btnp3{position: absolute;left: 17%;top: 72%;transform: translate(-50%,-50%); color: #fff;font-family: sans-serif;font-weight: 600;font-size:16px;padding: 20px 60px;background:#222329; }
    .add-to-cart button.button {width: 100%; display: block;}
    .add-to-cart button.btn-incart span {background: #000; font-size: 18px; font-weight: bold; padding: 0; height: 60px; line-height: 60px; text-transform: uppercase;color: #fff}
    .left-category {width: 390px;}
    .products-grid:nth-child(3n+1) {clear: both;}
    .search .form-search{width:90%}
    .center-btn img{width: 100%}
    .seeAll{margin-top: 80px;text-align: center}
    .seeAll a{color: #FFFFFF;font-size: 14px;position: relative;display: inline-block;line-height: normal;background: #0aa2b3;padding: 14px 42px;letter-spacing: 0.2em;}
    .seeAll a:hover{border: 1px solid #0aa2b3;background: rgba(255,255,255,0.0);color: #0aa2b3}
    .single-bimg img{width: 100%}
    .hyperice-font h2{font-size:42px;font-weight:500;color: #000000;font-family: "pro",sans-serif;padding-left: 20px;}
    .hyperice-font p{text-align: center;color: #414b56;line-height: inherit;padding: 20px;font-family: "pro",sans-serif;font-size: 20px;}
    .hyperice-font a{text-align: center;color: #fff;line-height: inherit;padding: 15px 50px ;background:rgba(0,0,0,1);font-family: "pro",sans-serif;font-weight: 600;font-size: 16px;margin-left:40%;}

    .content{width: 100%;margin: 30px auto;overflow: hidden;padding: 0 10px;}
    .content-left{float: left;width: 30%;overflow: hidden;padding-left: 20px;}
    .content-p1{padding-top: 30%;color: #000;font-size: 16px;text-transform: uppercase;font-family: "Open Sans",sans-serif;letter-spacing: 1.1px;}
    .content-p2{color: #000;font-size: 3vw;text-transform: uppercase;font-family: "Open Sans",sans-serif;letter-spacing: 1.1px;}
    .content-p3{color: #000;font-size: 16px;text-decoration: underline;}
    .content-right{float: right;width: 70%;overflow: hidden;}
    .content-right .right1{float: left;width: 50%;overflow: hidden;padding-right: 10px;}
    .content-right .right2{float: right;width: 50%;overflow: hidden;}
    .right2>.right2-1{float: left;width: 50%;overflow: hidden;padding: 30% 5px;}
    .quicks{padding: 12px 35px; background: #000;color: #fff;text-align: center;border-radius: 30px; margin-top: 25%;position: absolute; margin-left: -22%; font-size: 16px;}
    .quicks:hover{background: #fff;color: #000;}
    .mediap{text-align: center;}
    .mediap p{color: #000;font-size: 3vw;}
	.header1{text-align: center;}
    .header1 p{color: #000;font-size: 3vw;}
    .meet{width: 100%;overflow: hidden;}
    .meet li{width: 33.33333%;float: left;padding: 0 15px;}
    .meet-p{color: #000;font-size: 16px;font-family: "Open Sans",sans-serif;text-align: center;padding: 1vw 3vw 0 3vw;font-weight: 600}
    .itemp{text-align: center;font-size: 16px;color: #000000;text-decoration: none;}
    .disco{width: 100%;overflow: hidden;}
    .disco li{width: 25%;float: left;overflow: hidden;padding:20px 10px; }
    .meet-p2{color: #000;font-size: 22px;font-family: "Open Sans",sans-serif;text-align: left;padding: 1vw 0 0 2vw;}
    .itemp2{text-align: left;font-size: 14px;font-family: "Open Sans",sans-serif;color: #000000;padding: 1vw 0 0 2vw;text-decoration: underline;}
    .servi{font-size: 24px;padding: 0 20px;}
    .onli{font-size: 16px;padding: 0 20px;letter-spacing: 1.1px;}
    .onlip{font-size: 15px;padding: 10px 20px;letter-spacing: 1.1px;text-decoration: underline;color: #000}
    i.iconfont{color: #000}
    .coll-p{margin-top: -30px;}
    .form-control{color: #000;border: 1px solid #000}
	
	.zhongdian{width: 100%;height: auto;background: rgb(216, 232, 249,1);margin-top: -10px;}
	.zd_ul li{border-bottom: 0.1px solid #fff;border-top: 0.1px solid #fff;border-right: 0.1px solid #fff;float: left;width: 25%;background: rgb(216, 232, 249,1);padding: 30px;}
	.zd_ul li img{float: left;padding-left: 5%;}
	.zd_ul li p{text-align: left;line-height: 25px;padding-left: 70px;}
	.guding{float: right;position: fixed;z-index:50;margin-top: 20%;}
	.gu_ul{z-index:50;}
	.gu_ul li{width: 60px;height: 60px;background: #f7f7f7;z-index:50;border-radius: 360px;margin: 10px 1px;}
	.gu_span{display: none;}
	.gu-li :hover .gu_span{display: block;width: 150px;height:50px;background:#83d0fe;text-align: center;text-decoration: none;color: #fff;margin-left: 60px;text-transform: none;line-height:50px;font-size: 16px;margin-top: -60px;z-index: 50;letter-spacing: 1.3px;border-radius: 5px;}
	.gu_ul li a{text-transform: none;text-decoration: none;}
	.gu_ul li img{padding:10px 5px;}
	
	.gu_span3{display: none}
	.gu-li :hover .gu_span3{display: block;z-index: 51;}
}

@media (min-width: 992px){
    .indexBody.main-container {margin: 0 auto;}
    .categoryBody .main-container {margin: 0 auto;padding-top: 8%}
    .productBody .main-container {margin: 0 auto;padding-top: 8%}
    .shoppingcartBody .main-container {margin: 0 auto;padding-top: 8%}
    .zdcheckoutprocessBody .main-container {margin: 0 auto;padding-top: 8%}
    .checkoutresultBody .main-container {margin: 0 auto;padding-top: 8%}
    .checkoutresultBody .main-container {margin: 0 auto;padding-top: 8%}
    .searchBody .main-container {margin: 0 auto;padding-top: 8%}

    .add-to-cart button.button {width: 100%; display: block;margin-top: 20px;}
    .add-to-cart button.btn-incart span {background: #000; font-size: 18px; font-weight: bold; padding: 0; height: 60px; line-height: 60px; text-transform: uppercase;color: #fff}
    .conta-cent-div{width: 78.8%;margin: 30px auto}
    .centu_m_btn{display: none}
    .products-grid:nth-child(3n+1) {clear: none;}
    .products-grid:nth-child(4n+1) {clear: both;}
    .conta-centb{width:94% ;margin: 0 auto;  overflow: hidden;}
    .seeAll{margin-top: 80px;text-align: center}
    .seeAll a{color: #FFFFFF;font-size: 14px;position: relative;display: inline-block;line-height: normal;background: #0aa2b3;padding: 14px 42px;letter-spacing: 0.2em;}
    .seeAll a:hover{border: 1px solid #0aa2b3;background: rgba(255,255,255,0.0);color: #0aa2b3}
    .hyperice-content{width: 100%;margin: 0 auto;}
    .hyperice-content .top-content{
        display: flex;
        padding: 0 7.5px;
    }
    .hyperice-content .top-content .left-top-content{
        width: 50%;
        padding: 5px;
    }
    .hyperice-content .top-content .left-top-content img{
        width: 100%;
    }
    .hyperice-content .top-content .left-top-content .hyperice-font{
        padding: 45px;
    }
    .hyperice-content .top-content .left-top-content .hyperice-font p{
        color: #000000;
        font-weight: 300;
        text-align: left;
        text-transform: none;
        font-size:1vw;
        line-height: 1.333;
        max-height: 6.665em;
        overflow: hidden;
    }
    .hyperice-content .top-content .right-top-content{
        width: 50%;
        padding: 5px;
    }
    .hyperice-content .top-content .right-top-content img{
        width:100%
    }

    .hyperice-content .bottom-content{
        display: flex;
        padding: 0 7.5px;
    }
    .bottom-content .left-bottom-content{
        width: 50%;
        padding: 5px;
    }
    .bottom-content .left-bottom-content img{
        width: 100%;
    }
    .hyperice-content .bottom-content .right-bottom-content{
        width: 50%;
        padding: 5px;
        align-self: center;
    }
    .hyperice-content .bottom-content .right-bottom-content img{
        width: 100%;
    }
    .hyperice-content .bottom-content .right-bottom-content .hyperice-font{
      /*  padding: 45px;*/
    }

    .hyperice-font h2{font-size:3vw;font-weight:500;color: #000000;font-family: "pro",sans-serif;}
    .hyperice-font a{text-align: center;color: #fff;line-height: inherit;padding: 15px 50px ;background:rgba(0,0,0,1);font-family: "pro",sans-serif;font-weight: 600;font-size: 16px;margin-left:30%;}

    .content{width: 100%;margin: 30px auto;overflow: hidden;padding: 0 10%;}
    .content-left{float: left;width: 30%;overflow: hidden;}
    .content-p1{padding-top: 30%;color: #000;font-size: 16px;text-transform: uppercase;font-family: "Open Sans",sans-serif;letter-spacing: 1.1px;}
    .content-p2{color: #000;font-size: 3vw;text-transform: uppercase;font-family: "Open Sans",sans-serif;letter-spacing: 1.1px;}
    .content-p3{color: #000;font-size: 16px;text-decoration: underline;}
    .content-right{float: right;width: 70%;overflow: hidden;}
    .content-right .right1{float: left;width: 50%;overflow: hidden;padding-right: 20px;}
    .content-right .right2{float: right;width: 50%;overflow: hidden;}
    .right2>.right2-1{float: left;width: 50%;overflow: hidden;padding: 30% 15px;}
    .quicks{padding: 12px 35px; background: #000;color: #fff;text-align: center;border-radius: 30px; margin-top: 25%;position: absolute; margin-left: -20%; font-size: 16px;}
    .quicks:hover{background: #fff;color: #000;}
    .mediap{text-align: center;}
    .mediap p{color: #000;font-size: 2.3vw;}
	.header1{text-align: center;}
    .header1 p{color: #000;font-size: 2.3vw;}
    .meet{width: 100%;overflow: hidden;}
    .meet li{width: 33.33333%;float: left;padding: 0 4%;}
    .meet-p{color: #000;font-size: 18px;text-align: center;padding: 1vw 3vw 0 3vw;font-weight: normal;}
    .itemp{text-align: center;font-size: 16px;color:#606879;text-decoration: none;}
    .disco{width: 100%;overflow: hidden;}
    .disco li{width: 25%;float: left;overflow: hidden;padding:20px 10px; }
    .meet-p2{color: #000;font-size: 22px;font-family: "Open Sans",sans-serif;text-align: left;padding: 1vw 0 0 2vw;}
    .itemp2{text-align: left;font-size: 14px;font-family: "Open Sans",sans-serif;color: #000000;padding: 1vw 0 0 2vw;text-decoration: underline;}
    .servi{font-size: 24px;padding: 0 20px;}
    .onli{font-size: 16px;padding: 0 20px;letter-spacing: 1.1px;}
    .onlip{font-size: 15px;padding: 10px 20px;letter-spacing: 1.1px;text-decoration: underline;color: #000}
    .coll-p{margin-top: -30px;}
    .form-control{color: #fff;border: 1px solid #fff}
	
	/* 能力说明 */
	.dashuju{width: 100%;overflow: hidden;}
	.nengli .zhineng{font-size: 36px;font-weight: bold;color: #000;letter-spacing: 1.1px;}
	.nengli .dajian{font-size: 18px;color: #333;letter-spacing: 1.1px;}
	.nl_cent{width: 100%;overflow: hidden;}
	.nl_left{width: 39%;float: left;display: block;margin-top: 3%;}
	.nl_right{width: 60%;float: right;}
	.nl_right img{width: 100%;}
	.nl_left ul{text-align: left;padding: 10px;}
	.nl_left ul li span{font-size: 18px;font-weight: bold;padding-left: 10px;}
	.zy_title{padding-left: 110px;font-size: 14px;color: #666;margin-top: -20px;}
	.db{text-decoration: none;color: #727272;}
	
	.zhongdian{width: 100%;height: auto;background: rgb(216, 232, 249,1);margin-top: -12px;}
	.zd_ul li{border-bottom: 0.1px solid #fff;border-right: 0.1px solid #fff;float: left;width: 25%;background: rgb(216, 232, 249,1);padding: 30px;}
	.zd_ul li img{float: left;}
	.zd_ul li p{text-align: left;line-height: 25px;padding-left: 70px;}
	.zhongdian :hover{background: #fff;}
	
	.cgal{width: 100%;overflow: hidden;}
	.cgal li{width: 25%;float: left;height: auto;padding: 10px;}
	.cgal li img{width: 100%;height: auto;}
	.cgal .meet-p{color: #000;font-weight: bold;letter-spacing:1.3px;}
	.cgal .itemp{color:#160a1677;text-align:center;}
	.cgal li :hover{transform: translate(-3px);box-shadow:  10px rgb(216, 232, 249,0.7);}
	
	.jjfa{width: 100%;overflow: hidden;}
	.jjfa_ul{width: 100%;height:auto;text-align: center;}
	.jjfa_ul li{width:46%;text-align: left;float: left;background: #e0e4f8;padding: 20px;margin: 15px 15px;border-radius: 5px;}
	.jjfa_ul :hover {background: #1f55ff;color: #fff;}
	.jjfa_ul li p{width: 60%;float: left;}
	.jjfa_ul li img{width: 40%;text-align: right;}
	.jjfa_ul li p{font-weight: bold;font-size: 22px;}
	.jjfa_ul li p b{font-size: 36px;font-weight: bold;}
	.fa{font-size: 18px;font-weight: normal;}
	
	.yxys{width: 100%;height: auto;overflow: hidden;}
	.yxys li{width: 33.333%;float: left;text-align: left;padding: 5px;}
	.yxys li img{float: left;text-align: left;width: 20%;}
	.yxys li p{padding-top: 15px;font-size: 18px;width: 80%;float: right;}
	.yxys li p span{font-size: 16px	;}
	.yxyss{width: 100%;height: auto;overflow: hidden;}
	.yxyss li{width: 33.333%;float: left;text-align: left;padding: 5px;}
	.yxyss li img{float: left;text-align: left;width: 20%;}
	.yxyss li p{padding-top: 10px;font-size: 18px;width: 80%;float: right;}
	.yxyss li p span{font-size: 16px;}
	.mediap{padding-top: 30px;}
	.header1{padding-top: 60px;}
	.lx{width: 100%;overflow: hidden;text-align: center;}
	.lx ul{width: 29%;float: left;}
	.qhnr{width: 70%;float: left}
	.lx ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	#tabfirst li {
	float: inherit;
	background-color: #fff;
	color: #a4b8fe;
	padding: 5px;
	margin-right: 2px;
	border: 1px solid #5170db;
	border-radius:30px;
	width: 150px;
	height: 45px;
	margin-top: 15%;
	line-height: 35px;
	}
	#tabfirst li.tabin {
	background-color: #a4b8fe;
	border: 1px solid #5170db;
	color: #5170db;
	font-size: 16px;
	text-decoration: none;
	}
	#tabfirst li a:hover{text-decoration: none;}
	div.contentfirst {
	clear: left;
	background-color: #fff;
	color: #a4b8fe;
	width: 100%;
	height: auto;
	padding: 10px;
	display: none;
	text-align: left;
	color:#6e7293;
	font-size: 18px;
	letter-spacing:1.2px;
	}
	div.contentin {
	display: block;
	}
	
	.jryp{width: 100%;background-color: rgb(1, 37, 73);background-size: 100% 100%;position: relative;padding: 20px -2;}
	.my-button{ display: inline-block;
		cursor: pointer;
		margin: 30px 3px;
		font-size: 15px;
		font-weight: bold;
		width: 140px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border-radius: 4px;
		border: none;
	}
	.my-button[type="primary"]{
		height: 40px;
		background-color: #1764ff;
		border-color: transparent;
		color: #fff !important;}
		
	.guide__content{position: relative;padding-bottom: 50px;}
	.guide__line{width: 100%;  height: 1px; background-color: #fff; opacity: .15; position: absolute; top: 25px;}
	.guide__list,.guide__list li{justify-content: center;} 
	.flex{display: flex!important;}
	ol,ul{list-style: none;}
	.guide__list li{width: 25%;float: left;text-align: center;color: #fff;font-size: 16px;}
	.guide__list li .index{
		display: block;
		margin: 0 auto 50px;
		width: 48px;
		font-size: 28px;
		line-height: 48px;
		border-radius: 100%;
		box-sizing: border-box;
		background-color: #bdc5d9;
		color: #2e3444;
		position: relative;
		font-weight: 600;
		}
		.transition {
		    transition: all .3s;
		}
		.guide__list li .index:after{
			content: "";
			    width: 70px;
			    height: 70px;
			    box-sizing: border-box;
			    border: 1px solid hsla(0,0%,100%,.23);
			    border-radius: 100%;
			    display: block;
			    position: absolute;
			    top: -11px;
			    left: -11px;
		}
		.guide__list li .btn{
				margin-top: 30px;
				line-height: 30px;
			    width: 144px;
			    text-align: center;
			    color: #fff;
			    border: 1px solid hsla(0,0%,100%,.45);
				letter-spacing: 1.3px;
		}
		.guide__list li  :hover.btn{background-color: royalblue;}


			
		
		.footer__register--input input{
			border: none;
			border-radius: 5px;
			width: 250px;
			line-height: 50px;
			height: 50px;
			padding-left: 24px;
			color: #212121;
			font-size: 16px;
			}
			.footer__register--input .btn{
				width: 160px;
				line-height:36px;
				font-size: 18px;
				margin-left: 17px;
				background-color: #5f8dff;
				margin-bottom: 6px;
				color: #fff;
				}
	.footer__register--input{margin-bottom: 6%;}
	.zuoyong{width: 100%;overflow: hidden;}
	.nlsm_left{width: 30%;float: left;}
	.nlsm_right{width: 70%;float: left;}
	.nlsm_title{font-size: 18px; font-weight: bold; }
	.guding{float: right;position: fixed;z-index:50;margin-top: 20%;}
	.gu_ul{z-index:50;}
	.gu_ul li{width: 60px;height: 60px;background: #f7f7f7;z-index:50;border-radius: 360px;margin: 10px 1px;}
	.gu_span{display: none;}
	.gu-li :hover .gu_span{display: block;width: 150px;height:50px;background:#83d0fe;text-align: center;text-decoration: none;color: #fff;margin-left: 60px;text-transform: none;line-height:50px;font-size: 16px;margin-top: -60px;z-index: 50;letter-spacing: 1.3px;border-radius: 5px;}
	.gu_ul li a{text-transform: none;text-decoration: none;}
	.gu_ul li img{padding:10px 5px;}
	
	.gu_span3{display: none}
	.gu-li :hover .gu_span3{display: block;z-index: 51;}
	

.alert{
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.4);
	position: fixed;
	top:0;
	left: 0;
}
.dialog-service{
	width: 400px;
	height:300px;
	background-color: #fff;
	border-radius: 10px;
	font-size: 30px;
	color: #000;
	text-align: center;       
	animation: moveFromBottom .3s linear;  }
.dialog-title{
	line-height: 50px;
	border-bottom: 1px solid #eee;
	font-size: 23px;
	position: relative;}
.close{
	width: 40px;
	height: 40px;
	line-height: 20px;
	position: absolute;
	top: 12px; 
	right: 30px;
	cursor: pointer;
}
.close:hover{
	color: red;
}
.service-code .service-config-code{        font-family: "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-weight: 400;
line-height: 1.5;
color: #212529;
font-size: 12px;
text-align: center;
box-sizing: border-box;
padding: 0;
margin: 0;
vertical-align: middle;
border-style: none;
width: 100px;
height: 100px;
position: absolute;}
.service-tips{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	color: rgb(51, 117, 148);
	font-size: 18px;}
	@keyframes moveFromTop{
	0%{
		margin-top: -600px;
	}
	100%{
		margin-top: 0;
	}
}
@keyframes moveFromBottom{
	0%{
		margin-bottom: -600px;
	}
	100%{
		margin-bottom: 0;
	}
}

/*短信服务*/
.dx_class {
    font-size: 0;
    margin-top: 50px;
}

.dx_classd {
    text-align: center;
    font-size: 0;
}

    .dx_classd a {
        display: inline-block;
        width: 233px;
        height: 55px;
        line-height: 55px;
        margin: 0 3px;
        background-color: #ffff;
        font-size: 20px;
        color: #333333;
        text-align: center;
    }

        .dx_classd a img {
            vertical-align: middle;
            margin-right: 10px;
        }

.dx_classdIMG1 {
    display: none;
}

.dx_classdActive {
    background-color: #1dc5c7 !important;
    color: #fff !important;
}

    .dx_classdActive .dx_classdIMG {
        display: none;
    }

    .dx_classdActive .dx_classdIMG1 {
        display: inline-block !important;
    }

.dx_classd1 {
    background-color: #f5f5f559;
    padding: 50px 0;
    margin-top: 20px;
}

.dx_classd1d {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    display: none;
}

.dx_classd1dLeft {
    width: 24%;
    float: left;
    background:rgb(216 235 249) ;
}

.step1 {
}

    .step1 li {
        border-radius: 6px;
        list-style-type: none;
        margin: 5px 5px 5px 5px;
        border: 1px solid #fff;
        background-color: #ffffff;
    }

.stepIMG1 {
    display: none;
}

.step_p {
    font-size: 18px;
    line-height: 90px;
    font-weight: bold;
}

    .step_p img {
        vertical-align: middle;
        margin-right: 10px;
        padding-left: 15px;
    }

.step_p1 {
    font-size: 14px;
    color: #41464f;
    display: none;
    padding-left: 10px;
    font-family: 0;
}

.step_p2 {
    font-size: 0;
    display: none;
}

    .step_p2 a {
        font-size: 14px;
        margin: 0 3px;
        width: 80px;
        text-align: center;
        line-height: 30px;
        display: inline-block;
    }

.ljxq {
    height: 30px;
    border: 1px solid #fefffd;
    color: #ffffff;
    background-color: #4bdcc0;
}

.zcty {
    height: 28px;
    background-color: #ffffff;
    color: #1ac3c7;
}

.stepon {
    margin: 0 !important;
    background: url(../images/stepon.png) no-repeat !important;
    line-height: normal;
    padding: 20px;
    background-size: 100% 100% !important;
    border: 0 !important;
}

    .stepon .step_p {
        line-height: normal !important;
    }

    .stepon .step_p1 {
        display: block !important;
        margin-top: 0px;
    }

    .stepon .step_p2 {
        display: block !important;
        margin-top: 10px;
    }


    .stepon .step_p img {
        padding-left: 0 !important;
    }

    .stepon .step_p {
        color: #333 !important;
    }

    .stepon .stepIMG {
        display: none;
    }

    .stepon .stepIMG1 {
        display: inline-block;
    }

.dx_classd1dRight {
    width: 73%;
    float: right;
}

.dx_classd1dRightd {
    display: none;
}

.show {
    display: block !important;
}

.dx_classd1dRightd dl {
    overflow: hidden;
}

    .dx_classd1dRightd dl dt {
        float: left;
        width: 65%;
    }

.dx_classd1dRightdP {
    font-size: 30px;
    color: #333333;
}

    .dx_classd1dRightdP span {
        display: inline-block;
        margin-right: 10px;
        width: 3px;
        height: 30px;
        background-color: #1cc4c7;
        vertical-align: middle;
    }

.dx_classd1dRightdP1 {
    font-size: 14px;
    color: #999999;
    line-height: 28px;
    margin-top: 20px;
}

    .dx_classd1dRightdP1 img {
        vertical-align: middle;
        margin-right: 6px;
    }

.dx_classd1dRightd dl dd {
    float: right;
    width: 33%;
}

}
@media only screen and (min-width: 768px) {
    .footer .social-links { min-width: 28rem;}
}
/* ======================================================================================= */
.search .search_wrapper{text-align: center; }
.search .form-search{margin: 20px auto; position: relative; }
.search .form-search input.input-text{width: 100%; border: 1px solid #999; border-radius: 3px;box-sizing: border-box;  padding: 0 10px; font-size: 16px; color: #333333;  }
.search button.button{width: 40px; height: 40px; position: absolute;top: 0;right: 0;  }
.input_show{ display: block!important;  border-top: 1px solid #e8e8e8;  }
.divcent1{margin-top:2%;margin-left: 4%}
.btnnp1{font-size:18px;line-height: 1.5;text-align: center; letter-spacing: 1.1px;font-weight: 700;color: #313131;}
.bom-h3{color: #000;font-weight: bold;font-size: 20px;}
.bom-span{color: #777777;font-size: 14px;font-weight: 500;}
.bom-spans{color: #777777;font-size: 12px;}
.type-li a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
.type-li2 a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}

.quickview-p{color: #FFFFFF;background: #000000;padding: 10px 20px;width: 90%;display: none;margin-top: -40px;z-index: 30;position: absolute;text-align: center;overflow: hidden}
.quickview:hover .quickview-p{display: block;background: #000000;padding: 10px 20px;}


/* Clears ================================================================================ */
.clearer:after,
.header-container:after,
.header:after,
#nav:after,
.header-banner:after,
.footer-banner:after,
.footer-container:after,
.footer:after,
.main:after,
.product-view .product-img-box .img-content:after,
.col-main:after,
.toolbar:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.page-title:after,
.title-buttons:after,
.products-grid:after,
.products-list li.item:after,
.review-list li:after,
.box-account .box-head:after,
.product-view .box-related ul:after,
.product-view .box-also ul:after,
.box .box-title:after,
.pager:after,
.sorter:after,
.filter:after,
.filter dl:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .product-shop-box .short-description:after,
.product-options ul.options-list:after,
.product-colors .color-list:after,
.box-review dl:after,
.cart:after,
.shopping_cart .crosssell li.item:after,
.opc .step-title:after,
.buttons-set:after {clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; overflow:hidden;}
/* ======================================================================================= */


/* product */
.quick_view{
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    font-size: .8rem;
    width: 50%;
    padding: 15px 0;
    background-color: #222529;
    color: #fff;
    text-transform: uppercase;
    visibility: hidden;
    transition: .5s;
    opacity: 0;
    border-radius: 30px;
}
.mini-products-list:hover .quick_view,
.products-grid:hover .quick_view {visibility: visible;opacity: 1;}

/* 分页样式 */
.pagination{ text-align: center;font-size: 12px;padding: 10px 0;display:inline-block}
.pagination a,.pagination span{display: inline-block;padding: 0 10px;height: 28px;line-height: 28px;border: 1px solid #ddd;border-radius: 4px;text-decoration: none;color: #999;cursor: pointer;  margin-right:5px;}
.pagination a:hover:not(.disabled):not(.current),.pagination span:hover:not(.disabled):not(.current){color:#f04848}
.pagination a.disabled,.pagination span.disabled{color: #bfbfbf;background: #f5f5f5;cursor: no-drop;border: 1px solid #ddd;}
.pagination a.current,.pagination span.current{color: #fff;background: #f04848;border: 1px solid #f04848;}

.meet li>a img{width: 104px;height: 104px;}



.owl-controls{display: none;}