@media (min-width: 1400px) {
	.container {
		max-width: 1360px;
	}
}
:root {
--base-color: #159fea;
--detail-color: #72b3ec;
--ship-color: #175890;
}
html, body, h1, h2, h3, h4, h5, h6, a, p, span {
	font-family: Open Sans,sans-serif; color: #3d3d3d;
}
h1,h2,h3,h4,h5,h6,a,p{ user-select: none; }

.fs-12 { font-size: .75rem; } .fs-13 { font-size: .8125rem; }  .fs-14 { font-size: .875rem; }
.fs-15 { font-size: 15px !important; } .fs-16 { font-size: 1rem; }
.fs-18 { font-size: 1.125rem !important; }
.fs-20 { font-size: 1.25rem; } .fs-22 { font-size: 22px; } .fs-23 { font-size: 23px; } .fs-24 { font-size: 1.5rem; }
.fs-26 { font-size: 1.625rem; }
.fs-30 { font-size: 1.825rem; } .fs-32 { font-size: 2rem; }.fs-36 { font-size: 2.25rem; } .fs-38 { font-size: 2.375rem; } .fs-40 { font-size: 2.5rem; }
.fs-56 { font-size: 3.12rem; }
.text-black,.text-black:hover{ color: #000; } .text-grey{ color: #6c6c6c !important; }
.shadow-md{ box-shadow: 0 0.2rem 0.4rem rgb(0 0 0 / 10%); } .shadow-md2{ box-shadow: 0 0.25rem 0.25rem rgb(0 0 0 / 15%); }
.rounded-md{ border-radius:.5rem !important; } .rounded-xl{ border-radius:.65rem !important; } 
.bg-black{ background: #000; } .bg-none{ background: none !important; }
.vh-100{ height: 100vh; }

/*header*/
.nav-top{ background: linear-gradient(to bottom, #f3fcf2, #fef9f0); padding: 30px 0 26px; }
.nav-reg{ background:#fccc88; padding: 6px 23px; font-size: 19px; color: #000; border-radius: 10px; }
.badge-info.shadow-md2{ background: #d7e2d0; }
.navbar-nav .nav-link{ font-size: 20px !important; color: #333 !important; padding: 10px 40px !important; }
.navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.ft-container{ padding: 1rem 0 1rem 15px; }
.ft-nav{ padding-left: 0; }
.ft-nav > li{ padding: .25rem 0; list-style: none; }
.ft-nav > li > a{ color: #000; }
.jv-link{ font-size: 30px; color: #fff; background: #fccc88; border: 6px solid #fbc475; display: inline-block; padding: 4px 24px; border-radius: 32px; box-shadow: 0 0 0.35rem 2px #fbc475; transition:all .5s ease-in; }
.jv-link:hover{ color: #fff; background: #f7a22a; transition:all .5s ease-in; }
.ft-nav{ line-height: 1.7; }
.arrilot-widget-container .badge-info{ padding: 6px 9px 5px; font-size: 18px; vertical-align: baseline; }

/**/
.jv-line{ width: 180px; border: 1px solid #bbb; box-shadow: 0 0 1px #777; }
.index-advan{ background: #e6f8c9; border-radius: 16px; padding: 19px 17px; }
.index-advan>div{ background: url(text-bg.jpg) no-repeat 9% 10% #f3fce4; border-radius: 16px; padding: 52px 18px 0; text-align: center; line-height: 1.9; min-height: 180px; box-shadow: 0 8px 6px #d7e8bc; }
.index-advan>div.lh-160{ line-height: 1.6; }
.index-advantage{ float: left; width: calc( 50% - 15px); margin-right: 30px; }

.index-hotsale{ width: 600px; border: 1px solid #ccc; border-radius: 18px; }
.index-hotsale > a{ width: 50%; color:#fccc88; float: left; padding: 8px 0; }
.index-hotsale > a:hover{  color: #fff; background: #fccc88; border-radius: 18px; margin: -2px 0 -1px -1px; padding: 10px 0; } 
.index-hotsale > a:last-child:hover{ margin: -2px -1px -1px 1px; } 
.jv-hotsale-content{ border: 1px solid #ccc; border-radius: 16px; } .jv-hotsale-content > li{ width: 50%;}
.jv-hotsale{ width:100%; color:#fccc88 !important; padding: 8px 0; display: inline-block; text-align: center; cursor: pointer; font-size: 1.5rem; }
.jv-hotsale.active{ color: #fff !important; background: #fccc88; border-radius: 18px; margin: -2px 0 -1px -1px; padding: 10px 0px; }
.jv-group{ margin-bottom: 20px; }
.jv-group > button{ border: 1px solid #eee; background: #fff; padding: 7px 82px; } .jv-group > button:focus{ outline: none; }
.jv-line2{ height: 100%; border-right: 1px solid #ccc; width: 1px; position: absolute; right: 0; top: 0; }
.jv-row{ padding: 0 3px; } .jv-row > .col-6,.jv-row > .col-12{ padding: 0 12px; }
.jv-onekey{ font-size: 30px; color: #fff; background: #89c997; border: 6px solid #ccedd3; display: inline-block; padding: 10px 52px 10px 126px; position: relative; 
border-radius: 30px; box-shadow: 0 0 0.35rem 2px #ccedd3; transition:all .5s ease-in; }
.jv-onekey>span{ display: inline-block; width: 98px; height: 98px; background: url("temu.png") no-repeat center center #89c997; position: absolute; 
border-radius: 50px; top: -17px; left: -10px; box-shadow: 0 0 12px 4px #ccedd3 inset; }
.jv-onekey:hover{ color: #fff; background: #74b682; transition:all .5s ease-in; }
.jv-store{ background: #e6f7ca; font-size: 18px; width: 70%; color: #000; padding: 7px 0px; display: inline-block; border-radius: 26px;box-shadow: -14px -1px 18px 4px #ccc; }
.index-pro{ border: 1px solid #ddd; width: 20.5%; margin-bottom: 36px; min-height: 420px; }

/*login*/
.text-login,.text-login:hover{ color: #2a5722; }
.login-container{ width: 420px; }
.login-group{ height: 94px; position: relative; }
.login-input{ border: 1px solid #bfbfbf; border-radius: 0; height: 60px; padding: 16px 36px; font-size: 15px; color: #000; margin-bottom: -3px; }
.login-input:focus{ border: 1px solid #bfbfbf; color: #000 !important; } .help-block{ color: #f5365c; }
.login-submit { margin: 0 auto 16px; background: linear-gradient(to right, #f3fcf2, #fef9f0); padding: 7px; font-size: 20px; width: 200px; border: none; border-radius: 8px; box-shadow: 0 0.4rem 0.4rem rgb(0 0 0 / 10%); } .login-submit:focus{ border: none !important; transition:all .5s ease-in; }
.login-submit:hover{ margin: -6px auto 22px; transition:all .5s ease-in; }
#refresh1{ height: 60px; border: 1px solid #7b8d70; line-height: 60px; cursor: pointer; color: #6c6c6c; user-select: none; width: 40%; text-align: center; background: linear-gradient(to right, #e3fce1, #fbeed7); }
.login-phone,.login-lock,.login-account{ background-repeat: no-repeat; background-position: 14px center; }
.login-phone{ background-image: url("login-phone.jpg"); }
.login-lock{ background-image: url("login-lock.jpg"); }
.login-account{ background-image: url("login-account.jpg"); }
.has-success:after{ display: none; }


@media (max-width: 575.98px) {
  .m-hide { display: none !important; } .m-block{ display: block !important; } .m-flex{ display: flex !important; }
  .m-ml-0{ margin-left: 0 !important; } .m-ml-1{ margin-left: .25rem !important; } .m-ml-2{ margin-left: .5rem !important; } .m-ml-3{ margin-left: 1rem !important; }
  .m-mt-0{ margin-top: 0 !important; } .m-mt-1{ margin-top: .25rem !important; } .m-mt-2{ margin-top: .5rem !important; } .m-mt-3{ margin-top: 1rem !important; } .m-mt--1{ margin-top: -0.25rem !important; } .m-mt--2{ margin-top: -2rem !important; }
  .m-mr-0{ margin-right: 0 !important; } .m-mr-1{ margin-right: .25rem !important; } .m-mr-2{ margin-right: .5rem !important; } .m-mr-3{ margin-right: 1rem !important; }
  .m-mb-0{ margin-bottom: 0 !important; } .m-mb-1{ margin-bottom: .25rem !important; } .m-mb-2{ margin-bottom: .5rem !important; } .m-mb-3{ margin-bottom: 1rem !important; }
  .m-pl{ padding-left: 15px !important; } .m-pr{ padding-right: 15px !important; } .m-p0{ padding: 0 !important; }
  .m-pt-0{ padding-top: 0 !important; } .m-pt-1{ padding-top: .25rem !important; } .m-pt-2{ padding-top: .5rem !important; } .m-pt-3{ padding-top: .5rem !important; } .m-pt-4{ padding-top: 1.4rem !important; }
  .m-pb-0{ padding-bottom: 0 !important; } .m-pb-1{ padding-bottom: .25rem !important; } .m-pb-2{ padding-bottom: .5rem !important; } .m-pb-3{ padding-bottom: .5rem !important; } .m-pb-4{ padding-top: 1.4rem !important; }
  .m-pl-0{ padding-left: 0 !important; } .m-pl-1{ padding-left: .25rem !important; } .m-pl-2{ padding-left: .5rem !important; } .m-pl-3{ padding-left: .5rem !important; } .m-pl-4{ padding-top: 1.4rem !important; }
  .m-pr-0{ padding-right: 0 !important; } .m-pr-1{ padding-right: .25rem !important; } .m-pr-2{ padding-right: .5rem !important; } .m-pr-3{ padding-right: .5rem !important; } .m-pr-4{ padding-top: 1.4rem !important; }
  .m-fs20{ font-size: 1.25rem !important; } .m-fs22{ font-size: 1.375rem !important; } .m-fs24{ font-size: 1.5rem !important; } .m-fs28{ font-size: 1.75rem !important; }
  .m-fs14{ font-size: .875rem !important; } .m-fs16{ font-size: 1rem !important; } .m-fs18{ font-size: 1.125rem !important; } .m-fs13{ font-size: .81rem !important; } .m-fs12{ font-size: .75rem !important; }
  .mw-100{ width: 100% !important; }
  .m-justify-content{ justify-content: space-between!important; } .mbg-none{ background: none !important; }
  
  .nav-top{ padding: 16px 15px; } .wh-30{ height: 30px !important; }
  .navbar .navbar-brand{ margin: 5px 0px 0px; } .ft-nav{ line-height: 1.3; }
  
  .jv-row > .col-6:nth-child(even){ padding-right: 7.5px; }
  .jv-row > .col-6:nth-child(odd){ padding-left: 7.5px; }
  .index-advan{ float: none; width: 100%; margin-right: 0; margin-bottom: 1rem; }
  .jv-onekey{ padding: 10px 12px 10px 98px; width: 100%; text-align: center; font-size: 22px; margin-bottom: 32px; }
  .jv-onekey>span{ top: -22px; }
  .jv-store{padding: 5px 0px;width: 80%;}
  .index-pro{ flex: 0 0 48%; min-height: 350px; margin-bottom: 15px; }  .jv-hotsale{ font-size: 18px; }
}