@CHARSET "UTF-8";
* {  margin:0px; padding:0px; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline: none; }
html, body {position: relative;height: 100%; font-size:16px; line-height: 1.5; font-weight:normal; font-family:"微软雅黑","microsoft yahei"; color:#000;}
body{ overflow-x: hidden;}
body,.mw{ min-width: 1200px; position: relative; font-size:12px;}
.m12,.container{margin:0 auto; width:1200px; position: relative; }
.wrap{ position: relative; width: 100%; padding: 0 20px;}
a, .href {text-decoration:none; color:#000; outline:none; display: inline-block;}
a:hover,* a:hover, .href:hover{ color:#FB7E22;  cursor:pointer;}
form *{ outline: none;}
input{ font-family:"microsoft yahei"; border: none; vertical-align: middle; outline: none; }
input[disabled]{ background: #eee; }
::-webkit-input-placeholder{ color: #CCC; font-weight: 400;}
:-moz-placeholder{ color: #CCC; font-weight: 400;}
::-moz-placeholder{ color: #CCC; font-weight: 400;}
:-ms-input-placeholder { color: #CCC; font-weight: 400;}
img { border:none; margin:0px; padding:0px; border: none; vertical-align: middle;}
.img{ max-width: 100%; display: inline-block;}
p { font-size:12px; }
ul li { list-style-type:none; }
video::-internal-media-controls-download-button {display:none;}video::-webkit-media-controls-enclosure {overflow:hidden;}video::-webkit-media-controls-panel {width: calc(100% + 30px);}
.radius,.radius-b:hover{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.radius1{ border-radius:1rem; -webkit-border-radius:1rem; -moz-border-radius:1rem; }
.trans,.transi::before,.transi::after{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.text-center , .text-center *{ text-align:center; }
header, footer ,.blank,.blank2, .blank3 , .blank4 , .blank5{display:block; clear:both; }
.container,.container:before,.container:after, .clear, .clear:before, .clear:after{position: relative; clear: both; display: block; content: "";}
table{ border-left: none; border-bottom: none; border-collapse:collapse;}
table td,table th{ border-right:none; border-top:none; margin:0; padding: 0;}
.tc{ display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.tc img{ display: inline-block; max-width: 100%; max-height: 100%;}
.tsimg{ display: block; overflow: hidden;}
.tsimg img{ display: block; width: 100%; height: 100%;  transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s; }
.tsimg:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.blank{height:0.5rem;}.blank1{ height: 1rem;}.blank2{ height:2rem;}.blank3{height:3rem;}.blank4{ height:4rem;}.blank5{height:5rem;}
.hide{ display:none; }
.col-1, .col-n-12{ width: 8.33333333%; float: left;}.col-n-11{width: 9.09090909%; float: left;}.col-n-10{ width: 10%; float: left;}.col-n-9{ width: 11.11111111%; float: left;}.col-n-8{ width: 12.5%; float: left;}.col-n-7{ width: 14.28571428568%; float: left;}.col-2,.col-n-6{ width: 16.6666666668%; float: left;}.col-n-5{ width: 20%; float: left;}
.col-3,.col-n-4{ width: 25%; float: left;}.col-4,.col-n-3{ width: 33.33333333%; float: left;}.col-n-5-g2{width: 40%;float: left;}.col-5{width: 41.66666666%; float: left;}.col-6,.col-n-2{ width: 50%; float: left;}.col-7{width: 58.33333333%; float: left;}.col-n-5-g3{width: 60%; float: left;}.col-8{ width: 66.66666666%; float: left;}.col-9{ width: 75%; float: left;}.col-n-5-g4{width: 80%; float: left;}.col-10{ width: 83.33333333%; float: left;}.col-11{ width: 91.66666666%; float: left;}.col-12,.col-n-1{ width: 100%; float: left;}
.w100{ width:100%;}.w98{ width: 98%;}.w95{ width: 95%;}.w90{ width: 90%;}.w80{ width: 80%;}.wt80{ width: 80%;}.wt95{ width: 95%; margin: 0 auto; float:none;}.w97{ width: 97%;}
.global-body{ margin: 0 auto; width: 100%; float: none; clear: both;}
.pd10{ padding: 0.625rem;}.pd15{padding: 0.9375rem;}.pd15lr{ padding: 0 0.9375rem;}.pd20ud{ padding: 1.25rem 0;}.pd30ud{padding: 30px 0;}.pd50ud{ padding: 50px 0;}.pd50u{ padding-top: 50px;}.pd50d{ padding-bottom: 50px;}
.mg{ margin: 0 auto;}.mg-15lr{margin:0 -15px;}
.block{ display: block;}.iblock{ display: inline-block;}
@media only screen and (min-width: 1200px){
	.col-l-12{ width: 100%;}
	.lg-hide{ display: none;}
	.lg-show{ display: block;}
}
@media only screen and (min-width: 1320px){
	.col-lg-12{ width: 100%;}
	.lg-hide{ display: none;}
	.lg-show{ display: block;}
	/*.container{ width: 1200px;}*/
}
@media only screen and (min-width: 1380px){
	.col-lg-12,
    .col-lg-n-1{width: 100%;}
	body,.mw{min-width: 1280px;}
	.container{ width: 1280px;}
}
@media only screen and (min-width: 1520px){
	.col-xl-1, .col-xl-n-12{ width: 8.33333333%; float: left;}
	.col-xl-n-11{width: 9.09090909%; float: left;}
	.col-xl-n-10{ width: 10%; float: left;}
	.col-xl-n-9{ width: 11.11111111%; float: left;}
	.col-xl-n-8{ width: 12.5%; float: left;}
	.col-xl-n-7{ width: 14.28571428568%; float: left;}
	.col-xl-2,.col-n-6{ width: 16.6666666668%; float: left;}
	.col-xl-n-5{ width: 20%; float: left;}
	.col-xl-3,.col-xl-n-4{ width: 25%; float: left;}
	.col-xl-4,.col-xl-n-3{ width: 33.33333333%; float: left;}
	.col-xl-5{width: 41.66666666%; float: left;}
	.col-xl-6,.col-xl-n-2{ width: 50%; float: left;}
	.col-xl-7{width: 58.33333333%; float: left;}
	.col-xl-8{ width: 66.66666666%; float: left;}
	.col-xl-9{ width: 75%; float: left;}
	.col-xl-10{ width: 83.33333333%; float: left;}
	.col-xl-11{ width: 91.66666666%; float: left;}
	.col-xl-12,.col-xl-n-1{ width: 100%; float: left;}
	body,.mw{min-width: 1380px;}
	.container{ width: 1380px;}
}
@media only screen and (min-width: 1880px){
	.col-xxl-12{ width: 100%;}
    body,.mw{min-width: 1720px;}
	.container{ width: 1720px;}
}
@media only screen and (max-width: 1200px){
	body{ width: 100%; max-width: 100%;}
	body,.mw{ min-width: 100%;}	
	.container{ width: 95%;}
	.m12{ width: 95%;}
	.md-wt{margin: 0 auto; float:none; position: relative;}
	.md-wt90{ width: 90%;}
	.md-wt95{ width: 95%; margin: 0 auto; float:none;}
	.md-pd0{ padding: 0;}
	.md-hide{ display: none;}.md-show{ display: block;}
}
@media only screen and (min-width: 768px){
    .xs-show{ display: none;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px){
	body{ font-size:12px;}
	.sm-hide{ display: none;}
	.sm-show{ display: block;}
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
	.global-body{ width: 970px;}
	.col-md-12{ width: 100%;}
	.container{ width: 970px;}
}
@media only screen and (min-width: 768px) and (max-width: 992px){
	.global-body{ width: 750px;}
	.col-sm-12{ width: 100%;}
	.container{ width: 750px;}
}
.font12{ font-size:12px;}.font13{ font-size:13px;}.font14{ font-size:14px;}.font15{ font-size:15px;}.font16{ font-size:16px;}
@media only screen and (max-width: 767px){
.xs-font12{ font-size:12px;}.xs-font13{ font-size:13px;}.xs-font14{ font-size:14px;}.xs-font15{ font-size:15px;}.xs-font16{ font-size:16px;}
	.col-xs-1{ width: 8.33333333%;}
	.col-xs-2{ width: 16.6666666668%;}
	.col-xs-n-5{ width: 20%;}
	.col-xs-3,.col-xs-n-4{ width: 25%;}
	.col-xs-4,.col-xs-n-3{ width: 33.33333333%;}
	.col-xs-5{width: 41.66666666%;}
	.col-xs-6,.col-xs-n-2{ width: 50%;}
	.col-xs-7{width: 58.33333333%;}
	.col-xs-8{ width: 66.66666666%;}
	.col-xs-9{ width: 75%;}
	.col-xs-10{ width: 83.33333333%;}
	.col-xs-11{ width: 91.66666666%;}
	.col-xs-12,.col-xs-n-1{ width: 100%;}
	.xs-wt90{ width: 90%;}
	.xs-wt95{ width: 95%; margin: 0 auto; float:none;}
	.xs-pd0{ padding: 0;}
	.xs-hide{ display: none;}
	.xs-show{ display: block;}
	.container{ width: 95%;}
}
@media only screen and (max-width: 480px){
	body{}
	.global-body{ width: 420px;}
	.col-xxs-12{ width: 100%; }
}
/*缩略图居中*/
@keyframes mymzoom{    from {transform: scale(1.08);}    to {transform: scale(1.0);}}
@-o-keyframes mymzoom{     from {transform: scale(1.08);}    to {transform: scale(1.0);}}
@-webkit-keyframes mymzoom{     from {transform: scale(1.08);}    to {transform: scale(1.0);}}
@keyframes mymzoom2{    from {transform: scale(1.0);}    to {transform: scale(1.3);}}
@-o-keyframes mymzoom2{  from {transform: scale(1.0);}    to {transform: scale(1.3);}}
@-webkit-keyframes mymzoom2{  from {transform: scale(1.0);}    to {transform: scale(1.3);}}
.left { float:left; }.right { float:right; }
/*滚动条样式*/
html::-webkit-scrollbar,body::-webkit-scrollbar { width:8px;  height: 10px;}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{ background: #888;    /*background-image: -webkit-linear-gradient(left, #FF465C 0%, #FB7E22 98%);background-image: linear-gradient(90deg, #FF465C 0%, #FB7E22 98%);*/}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(243,243,243,0.2);border-radius: 0;background: rgba(243,243,243,0.1);}
.bgf{ background: #FFF;}
.img-square{ background: #FFF; display: block; width: 100%; height: 0; position: relative; padding-bottom: 100%; overflow: hidden; }.img-square .abox{ display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}.img-square .abox img{ display: block; max-width: 100%; max-height: 100%; position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); }
.space-nowrap {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.btn,.btn2{ background: #FB7E22; border: 1px solid #FB7E22; color: #FFF; float: left; display: block; padding: 8px 25px; font-size: 16px; color:#FFF; cursor: pointer; margin: 5px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;} 
.btn2{ background: #FFF; color:#FB7E22; } 
.btn:hover,.btn.cur{  /*background-image: linear-gradient(90deg, #FF465C 0%, #FB7E22 100%);*/  background-color: #FB7E22; color:#FFF;  /*border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;*/ } 
.submit-btn{  /*background-image: linear-gradient(90deg, #FF465C 0%, #FB7E22 100%);*/ background-color: #FB7E22; color:#FFF; width: 100%; display: block; border: none; padding: 1rem 0; font-size:16px; text-align: center; cursor: pointer; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; overflow: hidden;}
.submit-btn:hover{ filter:alpha(opacity=70); opacity: 0.7; } 
.btn-t{ position: relative; font-size:14px; border: solid 1px #ddd; background: transparent; border-radius: 3px; color:#888; padding:8px 35px; display: inline-block; margin: 0 auto; -webkit-transition: all ease-out .5s;-o-transition: all ease-out .5s;transition: all ease-out .5s; text-align: center; cursor: pointer;} .btn-t[disabled]{pointer-events:none;cursor:not-allowed;webkit-box-shadow:none;box-shadow:none; filter:alpha(opacity=50);opacity:.5; } .btn-t:active{ background-image:none;outline:0;transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;z-index:2;} .btn-t:hover,.btn-t.active{transition:all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;border-color:#FB7E22;background: #FB7E22;color: #fff; }.btn-t:hover{padding-left: 20px; padding-right: 50px; } 
.btn-t i{color: #999;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);opacity: 0;-webkit-transition: all 0.36s ease;-o-transition: all 0.36s ease;transition: all 0.36s ease; font-size: 16px; } .btn-t:hover i{ color: #fff;opacity: 1;left: 70%;}
.pages{}.pages .pagination { padding: 20px 0; display:block;  margin: 0 auto;  clear:both;  text-align: center; width: 100%; }.pages .pagination:after{ clear: both; display: block; content:'';}.pages .pagination li{ display:inline-block; float:none;}.pages .pagination a,.pages .pagination span { display: inline-block; font-size:12px; line-height:1.2;  padding:5px 10px 7px; border:1px solid #ddd; background:#fff; color:#333; margin:0 2px; -moz-border-radius: 4px;    -webkit-border-radius: 4px;     border-radius:4px;  }.pages .pagination a:hover ,.pages .pagination span { background:#eee; }
.lotusher-dialog{ position: fixed; z-index: 999; width: 100%; height: 100%; left: 0; top: 0; display: none;}
.lotusher-dialog .dialog-bg{ background: #000; opacity: 0.4; width:100%; height: 100%;}
.lotusher-dialog .dialog-box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 560px; padding:30px;background: #FFF; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.lotusher-dialog .dialog-close{ position: absolute; right: -10px; top: -10px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; font-weight: 100; background:#AAA; color:#FFF; cursor: pointer;}
.lotusher-dialog .dialog-close:hover{ background: #555; color:#000;}
.color-a,.color-a *{ color:#AAA;}.color-b,.color-b *{ color:#BBB;} .color-hover-f:hover,.color-hover-f a:hover,.color-hover-f .href:hover{ color:#FFF;}
.goods-number{ float: left;}
.goods-number span{ display: block; float: left; width: 26px; height: 26px; line-height: 25px; text-align: center;  background: #CCC; font-size: 16px; color:#000; cursor: pointer;}
.goods-number span:hover{ background:#555; color:#FFF;}
.goods-number input{ height: 26px; width: 60px; text-align: center; font-size: 16px; float: left; color:#000; }