.ui-div-com{
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	align-items:stretch;
	
}
.ui-div-center{
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center
}
.ui-div-around {
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	justify-content:space-around;
	-webkit-justify-content:space-around;
	
	
}
.ui-div-between {
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	
	
}
.ui-div-top {
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	justify-content:flex-start;
	-webkit-justify-content:flex-start;
	
	
}
.ui-div-bottom {
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	justify-content:flex-end;
	-webkit-justify-content:flex-end;
	
	
}
.ui-col-between {
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	-webkit-justify-content:space-between
}
.ui-col-around {
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	-webkit-justify-content:space-around;
}
.ui-div-wrap {
	padding:0;
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
		flex-wrap:wrap;
	-webkit-wrap:wrap
}
.ui-div-wrap-center {
	padding:0;
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	flex-wrap:wrap;
	-webkit-wrap:wrap
}

.ui-div-inline {
	position:relative;
	display:-webkit-inline-flex;
	display:inline-flex
}

.ui-div-table {
	display:table;
	width:100%;
	table-layout:fixed;
	border-collapse:separate;
	margin:0;
	padding:0;
	overflow:hidden;
	vertical-align:middle
}
.ui-div-table>.ui-td {
	display:table-cell;
	float:none;
	text-align:center;
	border-radius:0;
	overflow:hidden;
	position:relative;
	vertical-align:middle;
	
}
.ui-td.border{border:1px solid #ddd; border-collapse: collapse; }
.ui-bd {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	flex-grow:1;
	-webkit-align-self:center;
	align-self:center;
}
.ui-bd2{padding:5px;}
.ui-bd3{padding:10px 5px;}
.td-space{padding:10px 5px;}
.ui-center{align-self:center;
	-webkit-align-self:center;
	text-align:center;
	}
.ui-self-center {
	align-self:center;
	-webkit-align-self:center;
}
.ui-self-stretch{	align-self:stretch;
	-webkit-align-self:stretch;}
.ui-self-top {
	align-self:flex-start;
	-webkit-align-self:flex-start
}
.ui-self-bottom {
	align-self:flex-end;
	-webkit-align-self:flex-end
}
.ui-align-left{text-align:left;}
.ui-align-center{text-align:center;}
.ui-align-right{text-align:right;}

.ui-border-bottom-b,.ui-border-right-b,.ui-border-top-b,.ui-border-left-b,.ui-border-bottom-a,.ui-border-right-a,.ui-border-top-a,.ui-border-left-a  {
	position:relative
}
.ui-border-right-b:before {
	content:" ";
	position:absolute;
	right:0;
	top:0;
	width:1px;
	bottom:0;
	border-right:1px solid #e5e5e5;
	color:#e5e5e5;
	-webkit-transform-origin:100% 0;
	transform-origin:100% 0;
	-webkit-transform:scaleX(0.5);
	transform:scaleX(0.5);
	z-index:3
}
.ui-border-right-a:after {
	content:" ";
	position:absolute;
	right:0;
	top:0;
	width:1px;
	bottom:0;
	border-right:1px solid #e5e5e5;
	color:#e5e5e5;
	-webkit-transform-origin:100% 0;
	transform-origin:100% 0;
	-webkit-transform:scaleX(0.5);
	transform:scaleX(0.5);
	z-index:3
}

.ui-border-left-a:after {
	content:" ";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	bottom:0;
	border-left:1px solid #e5e5e5;
	color:#e5e5e5;
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transform:scaleX(0.5);
	transform:scaleX(0.5);
	z-index:3
}
.ui-border-left-b:before {
	content:" ";
	position:absolute;
	left:0;
	top:0;
	width:1px;
	bottom:0;
	border-left:1px solid #e5e5e5;
	color:#e5e5e5;
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	-webkit-transform:scaleX(0.5);
	transform:scaleX(0.5);
	z-index:3
}

.ui-border-top-b:before{
  content:" ";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:1px;
  border-top:1px solid #d9d9d9;
  color:#d9d9d9;
  -webkit-transform-origin:0 0;
          transform-origin:0 0;
  -webkit-transform:scaleY(0.5);
          transform:scaleY(0.5);
  z-index:2;
}
.ui-border-top-a:after{
  content:" ";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:1px;
  border-top:1px solid #d9d9d9;
  color:#d9d9d9;
  -webkit-transform-origin:0 0;
          transform-origin:0 0;
  -webkit-transform:scaleY(0.5);
          transform:scaleY(0.5);
  z-index:2;
}
.ui-border-bottom-a:after{
  content:" ";
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  height:1px;
  border-bottom:1px solid #d9d9d9;
  color:#d9d9d9;
  -webkit-transform-origin:0 100%;
          transform-origin:0 100%;
  -webkit-transform:scaleY(0.5);
          transform:scaleY(0.5);
  z-index:2;
}
.ui-border-bottom-b:before{
  content:" ";
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  height:1px;
  border-bottom:1px solid #d9d9d9;
  color:#d9d9d9;
  -webkit-transform-origin:0 100%;
          transform-origin:0 100%;
  -webkit-transform:scaleY(0.5);
          transform:scaleY(0.5);
  z-index:2;
}
.ui-grow-1{flex-grow:1}
.ui-grow-2{flex-grow:2}
.ui-grow-3{flex-grow:3}
.ui-grid-5 {
	flex-basis:20%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid-4 {
	flex-basis:25%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid-2 {
	flex-basis:50%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid_60 {
	flex-basis:60%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid_10 {
	flex-basis:10%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid_15 {
	flex-basis:15%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid_20 {
	flex-basis:20%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid_25 {
	flex-basis:25%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid_30 {
	flex-basis:30%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid_35 {
	flex-basis:35%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid_40 {
	flex-basis:40%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid_45 {
	flex-basis:45%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid_55 {
	flex-basis:55%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid-3 {
	flex-basis:33.33333333%;
	flex-grow:0;
	flex-shrink:0
}
.ui-grid_50px{
	flex-basis:50px;
	flex-grow:0;
	flex-shrink:0;
	text-align:center;
}
.ui-grid_90px{
	flex-basis:90px;
	flex-grow:0;
	flex-shrink:0;
	text-align:center;
}
.ui-grid_100px{
	flex-basis:100px;
	flex-grow:0;
	flex-shrink:0;
	text-align:center;
}
.border-frame{background:#fff;margin:7px;border-radius:7px;padding:7px;}
.border-frame .item-col-products{display:none!important;}
.nonediv{ position: absolute;
            top:50%;
            left:50%;
            width:100%;
            transform:translate(-50%,-50%);
            text-align: center; 
           
} 
.ui-title {
	font-size:16px;
	font-weight:550
}
.ui-bd-left{padding-left:7px;}
.jcrop-widget .jcrop-handle{display:none;position:absolute;border:1px rgba(127,127,127,0.8) solid;width:15px;height:15px;box-sizing:border-box;background:rgba(255,255,255,0.8)}.jcrop-widget .jcrop-handle.nw{top:-3px;left:-3px;cursor:nwse-resize}.jcrop-widget .jcrop-handle.w{top:50%;transform:translateY(-50%);left:-3px;cursor:ew-resize}.jcrop-widget .jcrop-handle.sw{bottom:-3px;left:-3px;cursor:nesw-resize}.jcrop-widget .jcrop-handle.ne{top:-3px;right:-3px;cursor:nesw-resize}.jcrop-widget .jcrop-handle.e{top:50%;transform:translateY(-50%);right:-3px;cursor:ew-resize}.jcrop-widget .jcrop-handle.se{bottom:-3px;right:-3px;cursor:nwse-resize}.jcrop-widget .jcrop-handle.n{left:50%;transform:translateX(-50%);top:-3px;cursor:ns-resize}.jcrop-widget .jcrop-handle.s{left:50%;transform:translateX(-50%);bottom:-3px;cursor:ns-resize}.jcrop-widget.active .jcrop-handle{display:block}.jcrop-widget{position:absolute;box-sizing:border-box;border:1px white dashed;opacity:0.7;background:transparent;transition:opacity 1s;padding:0;margin:0;cursor:move}.jcrop-widget:hover{transition:opacity 0.8s;opacity:0.8}.jcrop-widget:focus{transition:opacity 0.5s;opacity:1;outline-style:auto;outline-width:3px;outline-color:rgba(0,0,0,0.3)}.jcrop-shade{background:rgba(0,0,0,0.5);transition:opacity 0.4s, background-color 0.7s;position:absolute}.jcrop-shade.l{top:0px;left:0px;height:100%}.jcrop-shade.r{top:0px;right:0px;height:100%}.jcrop-shade.t{top:0px}.jcrop-shade.b{bottom:0px}.jcrop-stage{position:absolute;width:100%}.jcrop-image-stage img{position:absolute;z-index:-1}.jcrop-ux-inactive-handles .jcrop-widget .jcrop-handle{display:block}.jcrop-widget img{width:100%;height:auto}.jcrop-ux-fade-more .jcrop-widget{opacity:0.25}.jcrop-ux-fade-more .jcrop-widget:hover{transition:opacity 0.4s;opacity:0.8}.jcrop-ux-fade-more .jcrop-widget:focus{transition:opacity 0.5s;opacity:1;outline-style:auto;outline-width:3px;outline-color:rgba(0,0,0,0.3)}.jcrop-ux-fade-more .jcrop-widget{opacity:0.25}.jcrop-ux-fade-more .jcrop-widget:hover{opacity:0.65}.jcrop-ux-keep-current .jcrop-widget.active{opacity:1;outline-style:auto;outline-width:3px;outline-color:rgba(0,0,0,0.3)}.jcrop-ux-no-outline .jcrop-widget{outline:none !important}.jcrop-disable.jcrop-stage{opacity:.8}.jcrop-disable.jcrop-stage .jcrop-widget{outline:none !important}
.ui-gallery{
  display:none;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:#000000;
  z-index:9999!important;
 
}
.ui-gallery_img{
  position:absolute;
  top:0;
  right:0;
  bottom:60px;
  left:0;
  background:center center no-repeat;
  background-size:contain;
}
.ui-gallery_opr{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  background-color:#0D0D0D;
  color:#FFFFFF;
  line-height:60px;
  text-align:center;
}
.ui-gallery_del{
  display:block;
}
.ui-uploader_bd {
	margin-bottom:-4px;
	margin-right:-9px;
	overflow:hidden
}
.ui-uploader_files {
	list-style:none
}
.ui-uploader_file {
	float:left;
	margin-right:9px;
	margin-bottom:9px;
	width:79px;
	height:79px;
	background:no-repeat center center;
	background-size:cover
}
.upload_site54 {
	width:100px!important;
	height:80px!important
}
.upload_site80{
width:8px!important;
	height:80px!important	
}
.upload_site45 {
	width:64px!important;
	height:80px!important
}

.upload_site43 {
	width:100px!important;
	height:75px!important
}
.upload_circle {
	width:75px!important;
	height:75px!important;
	border-radius:100%
}
.ui-uploader_file_status {
	position:relative
}
.ui-uploader_file_status:before {
	content:" ";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.5)
}
.ui-uploader_file_status .ui-uploader_file-content {
	display:block
}
.ui-uploader_file-content {
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	color:#fff
}
.ui-uploader_file-content .ui-icon-warn {
	display:inline-block
}
.ui-uploader_input-box {
	float:left;
	position:relative;
	margin-right:9px;
	margin-bottom:9px;
	width:77px;
	height:77px;
	border:1px solid #d9d9d9
}
.ui-uploader_input-box:before,.ui-uploader_input-box:after {
	content:" ";
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	background-color:#d9d9d9
}
.ui-uploader_input-box:before {
	width:2px;
	height:39.5px
}
.ui-uploader_input-box:after {
	width:39.5px;
	height:2px
}
.ui-uploader_input-box:active {
	border-color:#999
}
.ui-uploader_input-box:active:before,.ui-uploader_input-box:active:after {
	background-color:#999
}
.ui-uploader_input {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0
}
.ui-uploader_files li{cursor:pointer;}
.span-label{font-size:12px;color:#fff;border-radius:4px;display:inline-block;padding:3px 5px;line-height:12px;}
.img-responsive,.img-responsive img {
	display:block;
	max-width:100%;
	height:auto
}
.img-v-responsive,.img-v-responsive img {
	display:block;
	max-height:100%;
	width:auto;
	text-align:center;
	display:inline-block;
}
.img-80 img {
	width:80%
}
.img-90 img {
	width:90%
}
.img-100 img {
	width:100%
}
.img-height-100,.img-height-100 img {
	height:100%
}
.img-circle,.img-circle img {
	border-radius:50%
}
.img-border-white img{border:1px solid #fff;}
.img-border-white-2px img{border:1px solid #fff;}
.img-radius,.img-radius img {
	border-radius:5px
}
.ui-span-circle {
	border-radius:50%;
	background:rgba(0,0,0,0.5);

	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff
}
.ui-span-circle2 {
	border-radius:50%;
	background:rgba(0,0,0,0.5);
	position:absolute;
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff
}

.addfollow{display:inline-block;text-align:center;position:relative;padding:3px 7px;border-radius:18px;font-size:12px;border:1px solid #ddd;background:#fff;}
.small-price {
	
	font-weight:400;
	font-size:15px;
	line-height:22px;
}
.middle-price {
	
	font-weight:550;
	font-size:17px;
	
	line-height:25px;
	
}
.large-price {
	
	font-weight:550;
	font-size:22px;
	
	line-height:28px;
	
}
.middle-price2 {
	
	font-weight:500;
	font-size:15px;
	
	line-height:25px;
	
}

.middle-unit {
	color:#808080;
	font-size:12px;
	display:inline-block;
	padding-right:10px;
	line-height:25px;
	font-weight:350;
}
  .choose-div{background:#fff;margin:10px;border:1px solid #dedede;border-radius:5px;padding:20px 10px;;} 
 .ui-grid-num {
	background:#f2f2f2;
	position:relative;
	align-self:stretch;
	-webkit-align-self:stretch;
	position:relative;
	text-align:center;
	flex-grow:0;
	
	flex-shrink:0;
	border-radius:2px
}
 .ui-grid-num2 {
	background:#e0e1e3;
	
}
.ui-input-num-small {
	font-size:15px
}
.ui-input-num-middle {
	font-size:17px
}
.ui-input-num-large {
	font-size:20px;
	height:40px;
}
.ui-input-num-small .ui-grid-num {
	flex-basis:30px;
	line-height:30px
}
.ui-input-num-middle .ui-grid-num {
	flex-basis:40px;
	line-height:35px
}
.ui-input-num-large .ui-grid-num {
	flex-basis:40px;
	line-height:40px
}
.ui-grid-input {
	
	position:relative;
	text-align:center;
	flex-grow:0;
	flex-shrink:0;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	flex-grow:1;
	-webkit-align-self:stretch;
}

.ui-number-input {
	font-size:inherit;
	line-height:inherit;
	text-align:center;
	font-weight:inherit;
	color:#222;
	height:100%;
	-webkit-appearance:none;
	appearance:none;
	border:0;
	width:90%;
	display:block;
	outline:0;
	border:0;
	padding:0;
	margin:0 5%;
	background:#f2f2f2;
}
.ui-number-input2{background:#e0e1e3;}
.account-logo img{
	width:50px;height:50px;
	
	
	}
.web_toast,.web_pop,.web_info,.web_info2{
	position:fixed;
	margin:0 10px;
	z-index:9999999;
	display:none;
	display:block;
	padding:5px;
	
	background:rgba(0,0,0,1);
	font-size:1.2em;
	text-align:center;
	border-radius:5px;
	color:#fff;
	font-weight:600;
	letter-spacing:1px;
	font-family:sans-serif,Arial,Verdana,"Trebuchet MS","Microsoft YaHei","STXihei"
}
.web_toast,.web_pop{
	max-width:40%;
	
}
.web_info {
	max-width:80%;
	top:120px;
	padding:5px 10px;
	}
.web_info2 {
	max-width:80%;
    background:rgba(0,0,0,0.6);
	padding:10px 10px;
	}
.cx_mask_transparent {
	position:fixed;
	z-index:-1;
	width:100%;
	height:100%;
	top:0;
	left:0
}
.mm_icon{padding:5px 15px }
.mm-text {
	padding:5px;
	text-align:left;
	display:block;
	color:#eee;
	font-size:13px;
	line-height:1.4em
}
.mm-info,.mm-wrong,.mm-success,.mm-caution {
	text-align:center;
	line-height:1.3em;
	display:block!important;
	text-align:center
}

.messagelist {
	padding:5px 10px
}
.msg-error,.msg-warning {
	background-color:#fa2929!important;
	color:#fff
}
.msg-caution {
	background-color:#ff6!important
}
.msg-success {
	background-color:#9be95d!important
}


 .swiper-a {
		width: 100%;
	}
	
	.swiper-a .swiper-slide {
		text-align: center;
		font-size: 15px;
	height: 34px;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		cursor: pointer;
	}
	.swiper-b {
		width: 100%;
	}
	.swiper-b.swiper-slide {
		/*height: calc(100vh - 50px);*/
		background-color: #ccc;
		color: #fff;
		text-align: center;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}
.close-slide,.open-slide{cursor:pointer}
.skip-last:last-child:after {
	display:none
}
.ui-comment{color:#666;font-style:italic;}

.text_circle{
		  position: absolute;
		  left: -10px;
		  right: 0;
		  top: 0px;
		  margin: 0 auto;
		  width: 80px;
		  height: 80px;
		  border-radius: 50%;
		  font-weight: bold;
		  color: #003A6F;
		  animation: spinZ 20s linear infinite;
		  text-align: center;
		  z-index:55;
		}
		.text_circle span {
		  position: absolute;
		  display: inline-block;
		  left: 0;
		  right: 0;
		  top: 0;
		  bottom: 0;
		  text-transform: uppercase;
		  font-size: 12px;
		  transition: all 0.5s cubic-bezier(0, 0, 0, 1);
		}
		@keyframes spinZ {
		  0% {
		    transform: rotateZ(360deg);
		  }
		  100% {
		    transform: rotateZ(0deg);
		  }
		}
		
		
swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-line .swiper-pagination-bullet {
  width: 6px;
  height: 3px;
  display: inline-block;
  border-radius:1px;;
  background: #dedede;
  opacity:1;
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

}

.swiper-pagination-line .swiper-pagination-bullet-active {
  background: #f96c27;
    width: 12px;

}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);	
    filter: gray;
}