@charset "utf-8";

:root {
	--colWhite00: #fff;
	--colGray01: #aaa;
	--colGray02: #999;
	--colGray03: #6d6d6d;
	--colGray04: #f0f0f0;
	--colGray05: #dedede;
	--colGray06: #ebebeb;
	--colRed00: #f00;
	--colRed01: #d9434e;
	--colGreen00: green;
	--colGreen01: #6cb248;
	--colAqua01: #8bba39;
	--colBlack00: black;
	--colBlue01: #2386C0;
	--colLightBlue01: #70b5d1;
}

.clr-white00 {color: var(--colWhite00) !important;}
.bgcr-white00 { background: var(--colWhite00) !important;}
.clr-gray01 {color: var(--colGray01) !important;}
.bgcr-gray01 { background: var(--colGray01) !important;}
.clr-gray02 {color: var(--colGray02) !important;}
.clr-gray03 {color: var(--colGray03) !important;}
.bgcr-gray03 { background: var(--colGray03) !important;}
.bgcr-gray04 { background: var(--colGray04) !important;}
.bgcr-gray06 { background: var(--colGray06) !important;}
.clr-red00 { color: var(--colRed00) !important;}
.clr-red01 { color: var(--colRed01) !important;}
.bgcr-red01 { background: var(--colRed01) !important;}
.clr-green00 {color: var(--colGreen00) !important;}
.bgcr-green00 {background: var(--colGreen00) !important;}
.clr-green01{color: var(--colGreen01) !important;}
.bgcr-aqua01{background:var(--colAqua01) !important;}
.clr-black00 {color: var(--colBlack00) !important;}
.clr-blue01 {color: var(--colBlue01) !important;}
.bgcr-blue01{background:var(--colBlue01) !important;}
.clr-lightblue01{color:var(--colLightBlue01) !important;}
.bgcr-lightblue01{background:var(--colLightBlue01) !important;}
.bd-black00{border: 1px solid var(--colBlack00) !important;}
.bd-aqua01{border: 1px solid var(--colAqua01) !important;}
.bd-blue01{border: 1px solid var(--colBlue01) !important;}
.bd-t-gray05{border-top: 1px solid var(--colGray05) !important;}
body{
	
	
	
	
	
	

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-focus-ring-color: rgba(0, 0, 0, 0);
	

	padding: 0;
	margin: 0;
	background-color: var(--colGray06) !important;

	color: #000;
	font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 1.25em;
}

input, textarea, select, button, table{line-height: 1.25em;}

a{text-decoration: none;color: #000;}
.h22{height: 22px;}
.h25{height:25px;}
.h38{height:38px;}
.h40{height: 40px;}
.h50{height: 50px;}
.h100{height: 100px;}
.w100{width: 100px;}
.wp100{width: 100%;}
.wp095{width: 95%;}
.wp090{width: 90%;}
.wp050{width: 50%;}
.wp025{width: 25%;}
.fleft{float: left;}
.fright{float: right;}
.hided{display: none;}
.m10{margin:10px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mr5{margin-right: 5px;}
.ml5{margin-left: 5px;}
.ml10{margin-left:10px;}
.mlauto{margin-left: auto;}
.mh5{margin:5px 0;}
.mw5{margin:0 5px;}
.mg5{margin:5px;}
.mg10{margin:10px;}
.lh32{line-height:32px;}
.pdb10{padding-bottom: 10px;}
.pdb6{padding-bottom: 6px;}
.pw8{padding:0 8px;}
.pw10{padding:0 10px;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.ta-r{text-align:right;}
.ta-l{text-align:left;}
.bg-virtual {background: rgb(53, 152, 220);}
.bg-presell {background: rgb(26, 188, 157);}
.bg-fcode {background: rgb(156, 89, 184);}

.bg-yf8{background: #F28044;}
.bg-blue{background: #1CA2E1;}
.opera-tips{color:#D9434E;font-size:14px;}
.error-tips{color:red;display:none;padding:5px 10px;border:1px solid red;background:#FFF6D7;}
.error-tips p{padding:2px 0px;}

.input-0-30,.input-100-30,.input-100-40,.input-left-40{vertical-align: middle;font-size: 16px;-webkit-appearance:none;text-indent: 10px;border:1px solid #9f9f9f;}
.input-0-30,.input-100-30,.input-left2-30{height: 30px;line-height: 30px\9;}
.input-100-30{width:100%;box-sizing: border-box;}
.input-100-40,.input-left-40{height: 40px;line-height: 40px\9;}
.input-100-40{width:100%;box-sizing: border-box;}
.input-left-40{width:calc(100% - 170px);}
.input-left2-30{width:60%;}
.select-0-30,.select-100-30{text-indent: 0px;border:1px solid #9f9f9f;background-coloe:#fff;}
.select-0-30,.select-100-30{height: 30px;}
.select-100-30{width:100%;}
.textarea-100{font-size: 16px;width:100%;height: 100px;line-height: 90px\9;}

.normal-textarea{border:1px solid #9f9f9f;}

.btn-main-00{
	cursor: pointer;
	text-align: center;
	background-color: #fff;
	display: inline-block;
	color: #666;
	padding: .5em 1.5em;
	font-size: 12px;
}

.btn-main-01{
	
	
	flex: 1;
	
	-webkit-flex: 1;
	
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	
	color: #fff;
	font-size: 1em;
	
	
	
}

input.btn-main-01{
	width: 100%; 
	min-width: 0; 
	border:none;
}

.btn-main-02{
	
	
	flex: 1;
	
	-webkit-flex: 1;
	
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	
	color: #fff;
	font-size: 1em;
	
	
	
}

.fixed-container {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	 
	box-sizing: border-box;
	z-index: 1000;
}

.btn-main-placeholder-01 {
	padding: 10px 0;
    text-align: center;
    display: block;
    
}

.btn-main-placeholder-02 {
	
	
	flex: 1;
	
	-webkit-flex: 1;
	
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	
	color: #000;
	font-size: 1em;
	
	
	
}

.btn-main-11{
	padding: 1px 6px;
}

.sel-main-01 {
	flex :1;
	-webkit-flex: 1;
    height: 40px;
    font-size: 16px;
    border-radius: 4px;      
    -webkit-border-radius: 4px;  
    padding: 0 8px;         
}

.text-main-02 {
	width: 48%;
	flex :1;
	-webkit-flex: 1;
    height: 40px;
    font-size: 16px;
    padding: 0 8px;         
}

.string-main-01 {
	
}

.checkbox-main-01 {
	width: 20px;
	height: 20px;
}

.checkbox-main-placeholder-01 {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.list-img-wrapper-01{
	width: 100px;
	height: 100px;
	display: block; 
}
.list-img-wrapper-01 img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.list-content-wrapper-01 {
	width: calc(100% - 150px);
	margin-left: 10px;
	float:left;
}

.list-content-wrapper-02 {
	margin-left: 110px;
}

.list-content-wrapper-03 {
	margin-left: 10px;
}

.bd-tdashed-dd{border-bottom: 1px dashed #ddd;}
.gotop-icon,.grayrightarrow,.i-go-right,.i-del,.i-address,.i-add,.i-minus{display: inline-block;background: url(../images/icon.png) no-repeat;}
.product-filter{display: table;width: 100%;height:50px;background:#fafafa;box-shadow:0 -2px 0 #ddd inset;}
.product-filter a{display: table-cell;width: 25%;vertical-align: middle;color:#909090;text-align: center; 
    padding: 0 10px; }
.product-filter a.current{color:#D9434E;background: url(../images/bcd.9.png) center 35px no-repeat;}

.i-del{width: 16px;height: 23px;background-position: 0px -732px;}
.i-address{width: 15px;height: 20px;background-position:-49px -261px;vertical-align: middle;}
.i-add,.i-minus{width:15px;height:15px;vertical-align: middle;}
.i-add{background-position: -48px -738px;}
.i-minus{background-position: -74px -738px;}

.im-icon38 {font-size: 38px;display: inline-block;vertical-align: middle;}
.im-icon20 {font-size: 20px;display: inline-block;vertical-align: middle;}

.price-red{color: #D9434E;font-size:24px;}
.price-green{color: green;font-size:24px;}
.price-black{color: #555;font-size:24px;}
.pddcp-one-top {position:relative;}
.pddc-gray-warp ul.pddc-active li{padding: 10px 0px;position: relative;}
.pddc-active img{width: 80px;height: 80px;}
.pddc-gray-warp.pdb6{padding-bottom: 6px;}
.pddetail-go-title{display:block;border-left: 5px solid #D9434E;color:#6d6d6d;position: relative;background: #fff;padding:10px;}

.pddetail-cnt .pddc-gray-warp{background: #f5f5f5;padding:8px 6px 0px 6px;}
.pddetail-cnt .ppdc-white-wrap{background: #fff;padding: 10px;}
.pddc-gray-warp ul li{padding: 3px 0px;}
.main-key{color: #6d6d6d;float: left;}
.main-value{color: #777;overflow: hidden;}

.i-go-right{margin-top: 7px;width: 23px;height: 25px;background-position:0px -662px;}
.pgt-go{margin-top: 7px;width: 39px;height: 39px;text-align:center;display: inline-block;background:#D9434E;position: absolute;top: 0px;right: 0px;z-index: 6;}
.pgt-title {display: inline-block;}


.grayrightarrow{background-size:60px auto;}
.grayrightarrow{width: 10px;height: 20px;background-position:-50px -154px;}

.mc-cnt{background: #fff;padding: 10px;}
.mc-cnt li{border-bottom: 1px solid #ded6c9;}
.mc-cnt a{color: #6d6d6d;padding:8px;display: block;position: relative;}
.mc-cnt li a .grayrightarrow{position: absolute;z-index: 2;top: 18px;right: 0px;}


.pagination{text-align: center;}
.pagination a{color:#D9434E;}
.pagination li{display: inline-block;border: 1px solid #D9434E;cursor: pointer;padding: 4px 8px;background: #fff;margin:0 4px 4px 0;}
.pagination li.disabled{color:#B5B5B7;border: 1px solid #B5B5B7;}
.pagination li.active{color:#FFF;background-color: #D9434E;}

.product-status{color: #fff;display: inline-block;padding:1px 3px;}
.evaluation_good_swp,.evaluation_good_star{display: inline-block;}
.evaluation_good_star{width: 20px;height: 20px;background:url(../images/star.png) no-repeat;}


.footer-top{position:relative;background:#B9B9B9;height: 44px;padding: 0 55px;margin: 10px 0px;}
.footer-tleft,.gotop{position: absolute;}
.footer-tleft{left: 5px;top: 6px;}
.gotop{background-color: #A1A1A1;right: 0px;height:44px;top: 0px;width: 50px;display: inline-block;text-align: center;}
.gotop-icon{width: 15px;height: 15px;background-position: -86px -211px;margin-top:6px;}
.gotop p{color: #fff;font-size: 12px;margin: 0px;padding: 0px;line-height: 16px;}
.footer-content p{text-align: center;color: #6d6d6d;line-height: 22px;font-size: 12px; }
.footer-content .link a{display: inline-block;color: #6d6d6d;font-size: 16px;}
.footer-content img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}
.footer-content .link a.standard{border-right: 1px solid #6d6d6d;padding-right: 10px;margin-right: 5px;}


.s-dialog-mask{position:absolute;left:0px;top:0px;background-color:rgb(20, 20, 20);filter:alpha(opacity=60);opacity: 0.6;width:100%;z-index:9998;}
.s-dialog-wrapper{color:#fff;font-size:14px;position: fixed;z-index: 9999;-webkit-transform-origin: 0px 0px; opacity: 1; -webkit-transform: scale(1, 1);}
.s-dialog-skin-green{background-color: #6cb248;border:1px solid #397908;}
.s-dialog-skin-block{background-color: #000;}
.s-dialog-skin-red{background-color: #D9434E;border:1px solid #AD0909;}
.s-dialog-content{padding: 15px 20px;}
.s-dialog-btn-wapper{border-top: 1px solid rgba(130,128,127,.5);display: -webkit-box;display: -moz-box;display:box;}
.s-dialog-btn-wapper a{-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;display:block; color: #fff;text-align: center;padding:10px 0px;}

.no-record{border:1px solid #ccc;padding:10px;margin: 10px 10px 0 10px;text-align: center;}

.header-wrap{
	height: 50px;
}
.header-wrap h2{height: 50px;line-height: 50px;font-size: 16px;color: #fff;text-align: center;}

.header-back,.header-home{position: absolute;top: 8px;left: 6px;width: 30px;height: 32px;}
.header-back span,.header-home span{width: 38px;height: 38px;display: inline-block;}
.header-back span {background: url(../images/icon-header-back.png) no-repeat;}
.header-home span {background: url(../images/icon-header-home.png) no-repeat;}
.with-home-logo {
	position: absolute;
	
	left: 6px;
	width: 240px;
	height: 50px;
	display: inline-block;
	background: url(../images/home_logo.png) no-repeat;
}


.h2-title {
  font-size: 1.5em; 
  text-align: center;
  margin: 0 auto;
  line-height: 1.2;
}



.bottom-nav {height: 40px; line-height: 40px; position: relative; text-align: center;}
.bottom-nav .active { border-bottom: 3px solid #f97178; margin-bottom: -3px; }
.bottom-nav .active .fa-arrow-down { color: #d9434e; }
.bottom-nav .active .fa-arrow-up { color: #d9434e; }
.bottom-nav .active.asc .fa-sort-asc { color: #d9434e; }
.bottom-nav .active.desc .fa-sort-desc { color: #d9434e; }
.bottom-nav a { color: inherit; display: block; }
.bottom-nav .tab-line-item {
	cursor: pointer;
	float: left;
	font-size: 12px;
	line-height: 16px;
	padding-top: 5px;
	color: #fff;  
}
.bottom-nav .tab-line-item i { font-size: 18px; }
.nav-tab { border-bottom: 3px solid #d9434e; bottom: 0; box-shadow: 0 -2px 2px #ccc inset; height: 37px; position: fixed; width: 100%; z-index: 1000; }
.nav-tab-btn { cursor:pointer; background: #d9434e; border-radius: 8px 8px 0 0; box-shadow: 0 -2px 3px #ccc; color: #fff; font-size: 18px; height: 37px; line-height: 40px; margin: 0 auto; position: relative; text-align: center; width: 45px; }

.main-width { max-width: 750px; min-width: 320px; margin: 0 auto;overflow: hidden;}

.fixed-header,.fixed-footer {
	position: fixed;
	left: 0;
	right: 0; 
	z-index: 1000;
	background: #D9434E;
}

.fixed-header {
	top: 0;
	 
}

.fixed-footer {
	bottom: 0;
    
}

.header-placeholder {
  height: 50px; 
  visibility: hidden; 
}

.footer-placeholder-40 {
  height: 40px; 
  visibility: hidden; 
}

.footer-placeholder-50 {
  height: 50px; 
  visibility: hidden; 
}

.switch-lang {
  position: fixed;
  
  right: calc( (100% - min(750px, 100%)) / 2 + 6px );
  top: 6px;
  z-index: 1000;
}

.language-switcher {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 15px;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
}

.language-switcher:hover {
    background: #f5f5f5;
}

.language-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin-top: 5px;
    width: calc(100% + 2px); 
	box-sizing: border-box;
}

.switch-lang:focus-within .language-dropdown {
  display: block;
}

.language-option {
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    display: block;
    transition: background 0.2s;
    white-space: nowrap;
}

.language-option:hover {
    background: #f8f8f8;
}

.current-language {
    color: #222;
    position: relative;
    display: inline-flex;
    align-items: center;
}

.current-language::after {
    content: "▼";
    font-size: 0.6em;
    margin-left: 8px;
    color: #666;
}

.htsearch-wrap{
	height: 50px;
	
	padding:0px 50px 0px 10px;
	background:#D9434E;
}

.htsearch-input{height: 30px;margin:10px 0;border:0px;width: 100%;text-indent: 8px;vertical-align: middle;font-weight: normal;font-size: 14px;-webkit-appearance:none;}
.search-btn{position: absolute;height: 50px;width: 50px;background: url(../images/icon-search-btn.png) no-repeat;}

.oneline-block {
	display: inline-block;  
	
	white-space: nowrap;
	
	overflow: hidden;
	
	text-overflow: ellipsis;
	max-width: 95%;
}

.line-break{
	
	white-space: normal; 
	
	
	word-break: break-all; 

	
	
}

.font-8 {font-size: 8px;}
.font-10 {font-size: 10px;}
.font-12 {font-size: 12px;}
.font-14 {font-size: 14px;}
.font-09e {font-size: 0.9em;}
.font-07e {font-size: 0.7em;}

.main-form{padding: 5px;}
.main-form span{display: block;margin-top: 10px;}
.title-form{padding:5px;}
.title-form p,.title-form {margin-top: 5px;}

.flex-main{
	display: flex;            
}

.flex-between{
	display: flex;            
	justify-content: space-between;
}

.flex-center{
	display: flex;            
	justify-content: center;  
}

.flex-right{
	display: flex;            
	justify-content: right;  
}

.flex-vcenter {
	display: flex;            
	align-items: center;  
}

.inline-vcenter {display: inline-flex;align-items: center;}

.opera-product-wp {
  display: -webkit-flex; 
  display: flex;
  
  flex-direction: row; 
}

#codeimage {border: none; vertical-align: middle; }

.cart-litem-wp {margin: 3px 0 0 0;}
.cart-litemwc-pdprice {margin: 12px 0 0 0;}

.goods-show-status{
	font-size: 32px;
	color: var(--colRed01);
	font-weight: bold;
	text-align: center;
	margin:10px 0 20px 0;
}

.sel_area{height:24px;font-size:16px;}


.buy-num{width: 50px;text-align: center;height: 36px;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05);box-shadow:inset 0 1px 3px rgba(0,0,0,.05);border:1px solid #e3e3e3;}
.buy-input{width: 200px;text-align: center;height: 36px;font-size:24px;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05);box-shadow:inset 0 1px 3px rgba(0,0,0,.05);border:1px solid #a3a3a3;}
.minus-wp,.add-wp{height: 36px;line-height:36px;width: 36px;display: inline-block;text-align: center;background: #e3e3e3;border:1px solid #e3e3e3;cursor: pointer;}

.address-list{padding: 10px;background-color: #fff;}
.address-list li{border:1px solid #999;margin-top: 10px;}

.main-top,.member-center{padding: 10px;background: #f5f5f5;}
.main-avatar{width: 100px;height: 100px;overflow: hidden;text-align: center;border:1px solid #999;background: #fff;}
.main-avatar img{width: 100px;height: 100px;}
.main-infor{
	margin-left: 10px;
	max-width: calc(100% - 130px);
}
.main-data{
	display:inline-block;
	padding: 5px 0;
	background:#fff;
	float: left;
	text-align: center;
	box-sizing: border-box;
	border-right:2px solid #d0cece;
	border-bottom:2px solid #d0cece;
	width:33%;
}


@media (min-width: 420px) and (max-width: 519px) {
  .main-data {
    width: 25%; 
  }
}


@media (min-width: 520px) {
  .main-data {
    width: 20%; 
  }
}

.main-data span{display:block;}

.madrt-phone,.madrt-type{color: #D9434E;}
.madr-tlt{padding: 10px;}
.madr-cnt{padding: 10px;border-top:1px solid #999;}
.madrc-opera{text-align: right;}
.madrc-opera a{color: #000;}

.link-blue{color:#0476C4;}

.goods-main {
	font-size: 0;
	*word-spacing: -1px;
}

.goods-image {
	width:100%;
	max-width:320px;
	aspect-ratio: 1 / 1;
    object-fit: contain;
    margin: 5px auto;
    position: relative;
    display: block;
}
.navigation-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
    gap: 10px; 
}
.image-btn {
	background-color: #adadad; 
    color: white; 
    border: none; 
    padding: 10px 20px; 
    cursor: pointer; 
    font-size: 16px; 
    transition: background-color 0.3s; 
}
.image-btn:hover {
    background-color: gray; 
}

.indicator {
    width: 6px;
    height: 6px;
    background-color: #adadad;
    border-radius: 50%;
    display: inline-flex;
    align-items: center; 
    justify-content: center; 
}
.indicator-active {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #adadad;
}


.product-cnt{background: #fff;padding: 5px;}
.pdlist-item{padding: 5px 0px;border-bottom: 1px solid #e8e5e5;}

.pdlist-iwc-pdprice{color: #D9434E;padding: 8px 0px;}
.pdlist-iwc-pdtext {padding: 8px 0px;font-size:14px}

.cart-list{background: #f5f5f5;padding: 8px;}
.cart-list-item{margin-bottom:10px;padding:8px;background: #fff;position: relative;}
.title-line-name{padding: 8px 0;border-bottom: 1px solid #e8e5e5;margin-bottom: 8px;}
.inline-right{display: inline-block;margin: 0 5px;z-index: 10;cursor:pointer;float: right;}
.cart-list-oitem{background: #f4eed7;border:1px solid #ddd4c7;padding: 15px 10px;color: #000;}

.title-name{padding: 8px 0 0 0;margin-bottom: 8px;}

.list-menu .menu {
    height: 100px;
    width: 100%;
    margin: 10px auto
}

.list-menu .menu a {
    display: block;
    float: left;
    width: 33%;
    height: 100px;
    line-height: 100px;
    font-style: 16px;
    text-align: center;
    font-weight: bold;
    color: #fff
}

.list-menu .menu a.red {
    background: #e50754;
    border-radius: 0 0 0 5px;
    margin: 0 .5% 0 0
}

.list-menu .menu a.blue {
    background: #00a1e9;
    margin: 0 .5% 0 0
}

.list-menu .menu a.green {
    background: #92c427;
    border-radius: 0 0 5px 0
}

.list-menu .title {
    height: 60px;
    background: #fff;
    border-radius: 5px 5px 0 0
}

.list-menu .title a {
    color: #000;
    display: block;
    font-size: 26px;
    height: 100%;
    line-height: 50px;
    padding: 0 0 0 3%;
    width: 97%
}

.list-menu .title i {
    display: block;
    width: 60px;
    height: 60px;
    float: right;
    margin: 0 20px 0 0;
    background: #525
}

.goods-item {
  font-size: 16px;
  background-color: #FFF;
  letter-spacing: normal;
  vertical-align: top;
  display: inline-block;
  *display: inline; 
  width: 48%;
  margin: 1%;
  border-radius: 5px;
  *zoom: 1; 
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.goods-item a {
  display: block;
}

.goods-item-pic {
  display: block;
  max-width: 240px;
  min-width: 120px;
  max-height: 240px;
  min-height: 120px;
  margin: 8px auto 0 auto; 
}

.goods-item-pic img {
	width: 100%;
    aspect-ratio: 1 / 1; 
    object-fit: contain; 

}
.goods-item-name { font-size: 0.8em; line-height: 18px; color: #777; height: 36px; padding: 8px 8px 0 8px; margin-bottom: 8px; overflow:hidden;}
.goods-item-price { font-size: 1em; color: #F30; height: 20px; padding: 8px 0; margin: 0 8px; border-top: dotted 1px #D1D1D1;}

.index_block { width: 100%; clear: both;  border-top: solid 1px #D1D1D1; border-bottom: solid 1px #D1D1D1; overflow: hidden;}
.index_block .title { font-size: 1em; color: #777; background-color: #FFF; padding: .8em; }

.editable-text {
	min-width: 16px;
	min-height: 16px;
	background-image: url(../images/ajax-edit.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 16px;
}

.input-text-01 {
	padding: 5px;
	width:50%;
	font-size: 16px;
}

.textarea-01 {
	padding: 5px;
	width:95%;
	font-size: 16px;
}

.size60{
	width: 60px;
	height: 60px;

}

.size100{
	width: 100px;
	height: 100px;
}

.size200{
	width: 200px;
	height: 200px;
}

.image-container {
	display: flex;
	flex-wrap: wrap;
	gap: 5px; 
	
}

.image-box {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    padding: 5px;
}

.image-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.image-sort-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
    z-index: 1;
}

.arrow-btn {
    
    
    
    border: none;
    padding: 4px 8px;
    cursor: pointer;
    margin-bottom: 5px;
}

.font-bold {font-weight: bolder;}

.buys-ycnt{margin-top:10px;padding: 10px;background:#fffdf7;border:1px solid #ded6c9;font-size: 14px;}
.buys-ycnt li{padding: 3px 0px;position: relative;}
.buys-yc-type label{display: block;}


.order-ldetail{display: block;margin:0 10px;padding:10px 0;}
.order-item-title{display: block;margin:0 10px;padding:10px 0 0 0 ;}

.order-lcnt{font-size:14px;}
.order-ltlt,.order-lcnt-shop{padding:8px 10px;}
.order-lcnt-shop p{padding:3px 0px;}

.green-order-skin .order-ltlt{background:#809089;color:#fff;}
.green-order-skin .order-lcnt{border-top:solid 1px #D6E9C6;}
.green-order-skin .order-lcnt-shop{border-bottom:solid 1px #D6E9C6;background:#D6E9C6;}

.gray-order-skin .order-ltlt{background:#999;color:#fff;}
.gray-order-skin .order-lcnt{border-top:solid 1px #ccc;}
.gray-order-skin .order-lcnt-shop{border-bottom:solid 1px #ccc;background:#ccc;}

.ot-finish,.ot-nofinish,.ot-cancel{padding: 2px 10px;color: #fff;}
.ot-finish{background: #D9434E;}
.ot-nofinish{background:#6cb248;}
.ot-cancel{background:#999;}

.order-pdinfor{position: relative;margin-left:70px;}
.order-d-pdinfor p,.order-pay-type p{padding: 3px 0px;font-size: 14px;}
.order-pdinfor .grayrightarrow{position: absolute;right: 10px;top: 50%;}
.order-pdpic{float:left;width:60px;height:60px;overflow:hidden;}
.order-pdpic,.order-pdpic img{width:60px;height:60px;}
.order-pdinfor p{font-size:14px;}
.order-shop-total{background:#fffdf7;padding:10px;border-top:1px solid #dedede;}

.order-shop-total p,.order-ltlt p{padding:2px 0px;}
.sure-order,.cancel-order{padding:3px 20px;color:#fff;}
.cancel-order{background:#cdc2b0;}
.sure-order{background:#6cb248;}
.order-shop-pd{background:#fff;}

.order-pay-type{padding-right: 50px;}
.opt-pay-total{border-top: 1px solid #ddd;}

.order-pd-pdinfor .opdinfor-wp{padding: 10px 0px;font-size: 14px;display: block;color: #6d6d6d;}
.opdinfor-pic{width: 50px;height: 50px;overflow: hidden;float: left;}
.opdinfor-pic img{width: 50px;height: 50px;}
.opdinforw-infor{margin-left: 60px;position: relative;}
.opdinforw-infor .grayrightarrow{position: absolute;right: 0px;top: 50%;margin-top: -5px;}


.no-cursor{cursor: not-allowed;}