body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
img{border:none}
a{
    text-decoration: none;
}
ul,ol{
    list-style: none;
}
i,em,strong,b,u{
    font-style: normal;
}
button,input,textarea{
    outline: none;
    border: none;
}
table{
    border-collapse: collapse;
}
.clearfix::after,.clearfix::before{
    content: "";
    display: table;
    clear: both;
}
body{ background-color:#fff !important;}

/*meber*/
.meber{width:100%;float:left;margin-top:5%;margin-bottom: 5%;}
.meber-container{width:1400px;margin:auto;}
.meber-main{box-shadow: rgba(149,157,165,0.2) 0 8px 24px;padding: 4rem 3.6rem;border-radius: 1rem;float:left;overflow:hidden;width:100%;}
.meber-left{float:left;width:20%;border-right: 2px solid rgba(52,168,83,0.06);}
.meber-left-1{width:100%;float:left;}
.meber-left-1 h1{ font-size:20px;}
.meber-left-2{width:100%;float:left;margin-top:2%;}
.meber-left-2 ul li{width:100%;float:left;line-height:30px;margin-top:10px;}
.meber-left-2 ul li a{ font-size:16px; color:#666;}
.meber-left-2 ul li .on { font-weight:bold;color:#333;}



.meber-right{float:right;width:75%;}
.meber-right-1{width:100%;float:left;}
.meber-right-1 h2{width:100%;float:left; font-size:20px; font-weight:normal;margin-bottom:2%;}
.meber-right-1 h3{width:100%;float:left; font-size:16px;}


.meber-right-2{width:100%;float:left;margin-top:2%;}
.meber-right-2 ul{display: grid; gap: 30px 20px;grid-template-columns: repeat(3,1fr);}
.meber-right-2 ul li{background-color: rgba(0,0,0,0.1);text-align: center; padding: 18px 10px 10px 10px;transition: box-shadow 0.3s,transform 0.3s;}
.meber-right-2 ul li span{width:100%;float:left; font-size:16px;}
.meber-right-2 ul li p{width:100%;float:left;font-size:24px; font-weight: bold;margin-top:2%;}


.meber-right-3{width:100%;float:left;margin-top:2%;}
.meber-right-3-main{background: #f8f8f8;border-radius: .5rem;float:left;width:100%;padding:5%;}
.meber-right-3-main-1{width:49%;float:left;}
.meber-right-3-main-2{width:49%;float:right;}
.meber-right-3-main .title{width:100%;float:left; font-size:20px; font-weight:bold;}
.meber-right-3-main .titlety{width:100%;float:left;line-height:35px;margin-top:2%; font-size:14px; color:#666;}


.meber-info{width:100%;float:left;}

/*Parsonal Info*/

.meber-info .account-inner-form {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 1rem;
}

.meber-info .account-inner-form .review-form-name {
  width: 100%;
}
.review-form label {
  font-size:14px;width:100%;float:left;
  color: #797979;
  margin-bottom: .5rem;
}
.review-form-name .account-set-toixiang{width:100px !important;height:100px !important; border:dashed 1px #ccc;float:left; border-radius:5px !important;padding: 10px;}
.review-form-name #exampleFormControlFile1{float:left;width:70%;padding: 10px;}
.review-form-name .account-set-toixiang img{max-width:100%;}

.meber-info .form-control, .meber-info .form-select {
  border: 1px solid rgba(0,0,0,.1);width:100%;float:left;
  box-shadow: none;
  color: #1d1d1d;padding: 5px;
  font-size: 14px;height:40px;line-height:40px;
}
.review-form-name{width:100%;float:left;  margin-top:0px;}
.address-form{margin-top: 1rem;}
.city-inner-form{width:100%;float:left;margin-top: 1rem;}
.meber-info .submit-btn{width:100%;float:left;}
.meber-info .submit-btn a{background-color: #000; border: none; padding: 10px 47px; font-size: 18px; color: #fff;cursor: pointer;}


/*Payment Method */
 .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0;
}.wrapper .wrapper-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
}
 .heading {
  font-size:20px
}

 .paragraph {
  margin-top: .5rem;margin-bottom: 1rem;
  color: #1d1d1d;
} .verified {
  color: green;
  font-weight: 500;
}

.shop-btn {
  margin: 2% 0;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
  background: #333;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  color: #fff !important;
  transition: all .3s;
  overflow: hidden;
  z-index: 1;border: 1px solid #333; cursor:pointer;float: left;height: 40px;line-height:40px;padding-left:10px;padding-right:10px;
}
.bank-btn {
  margin-left: 2rem;
  background-color: #fff;
  color: #1d1d1d;
  border: 1px solid #1d1d1d;
}

.close-btn{cursor:pointer;}
.anywhere-away {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.37);
  width: 100%;
  height: 100%;
}


.modal-main {
  position: relative;
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;border-radius: 1rem;
width: 50%;
  margin: auto;margin-top:5%;
}
.modal-main .review-form {
  width: auto;
  height: auto;
  margin-top: 0;
}



.login-section .review-form {
  width: 100%;
  background-color: #fff;
  padding: 5%;
  border-radius: 5PX;
}


.review-form .review-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0;
}

 .comment-title {
  font-size:20px;
  margin: 0;font-weight: 700;
  text-align: center;
}
.review-content .close-btn {
  cursor: pointer;
}.account-section .address-form {
}.review-form label {
  font-size: 16px;
  color: #797979;
  margin-bottom: .5rem;
} .modal-wrapper.active {
  display: flex;
}
.modal-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.payment-section .review-form .account-inner-form{width:100%;float:left;margin-top: 2rem;}
.login-btn{width:100%;float:left;margin-bottom: 0rem;}




/*Order*/
.Order{width:100%;float:left;}


/*Address*/
.Address{width:100%;float:left;display: flex;
  flex-wrap: wrap;}

 .seller-info {
  background-color: #f8f8f8;
  padding: 3rem;
}.info-list {
  margin-top: 1.5rem;display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

.info-title{display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;}

.info-list p {
  font-size: 16px;
}
.info-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
}
.info-details p {
  color: #666;
  font-weight: 500;  font-size: 16px;
}

.Address .col-md-6 {
    flex: 0 0 auto;
    width: 50%;/*padding-right: 2%;
  padding-left: 2%;*/
  margin-top: 2%;
  }

.Address .review-form .account-inner-form{width:100%;float:left;margin-top: 2rem;margin-bottom: 0rem;}

.ordert{width:100%;float:left;}
.ordert .addyui-left-4-2 .information_box{padding: 0;}

/*Reviews*/
.Reviews{width:100%;float:left;display: flex;  flex-wrap: wrap;}

.Reviews .col-md-6 {flex: 0 0 auto; width: 50%; padding-right:2%;
  padding-left:2%;
  margin-top:2%;}
 .product-wrapper {
  box-shadow: rgba(0,0,0,0.1) 0 4px 12px;
  border: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  position: relative;
  padding: 1.5rem;border-radius: 4px;
  background-color: #fff;
  cursor: pointer;width: 100%;
}
.renko{display:block !important;}
.renko .product-img{width:20%;float:left;}.renko .product-info {padding-left:10px;}
.renko .product-info .review-date p{ font-size:12px; color:#999;}
.renko .product-info .product-details{ font-size:14px;}
.renko .product-info .paragraph{ font-size:12px;}

.renko .product-info .product-cart-btn{width:100%;}
#ContactForm .review-form-name #Message{width:100%;float:left;border: solid 1px #dedede;padding: 5px;}
.product-img {
  width: 40%;
  margin: 0;
  padding: 0;display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;position: relative;
}



.product-img img {
  transition: unset;transform: scale(1);
  height: 100%;
  width: 100%;
  object-fit: contain;
}



.product-info {
  flex: 1 1 0;padding: 0;
  margin: 0;
  align-items: flex-start;
  text-align: left;display: flex;
  flex-direction: column;justify-content: center;
  gap: 0;background: #fff;
}



 .ratings {
  margin: .6rem 0;
}
.product-details {
  font-size: 16px; color:#333;
  -webkit-line-clamp: 1;display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.paragraph {
  -webkit-line-clamp: 2;
  color: #797979;display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;margin-bottom: 1rem;
}



.product-cart-btn {
  visibility: visible;
  opacity: 1;
  right: 0;
  width: auto;
}


.product-btn {
width: 100%;padding:5% 10%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;background: rgba(52,168,83,0.2);
  color: #34a853;
  font-size: 14px;
  width: 100%;
  border-radius: 4px;
  transition: all .4s
}




/*Password*/
.Password{width:100%;float:left;display: flex;  flex-wrap: wrap;}
.Password .form-item {width:100%;float:left;margin-bottom:2%;}
.Password .form-item .form-label {color: #797979; font-size:16px;width:100%;float:left;margin-bottom:2%;}
.Password .form-item .form-control { box-shadow: none;border: 1px solid #e8e8e8; border-radius: 5px; font-size:14px;}

.Address-1{ position:relative;}
.caozo{ position:absolute;right:10px;top:10px;}
.caozo a{padding-left:10px;padding-right:10px; cursor:pointer;}

#sixinModalLive .modal-dialog{width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  z-index: 999;}
#sixinModalLive .modal-dialog .modal-content{position: relative;
  background: #fff;
overflow: hidden;
  padding: 2%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0;
  border-radius: 1rem;
  width: 50%;
  margin: auto;
    margin-top: auto;
  margin-top: 5%;
}
#sixinModalLive .modal-header{width:100%;float:left;}
#sixinModalLive .modal-body{width:100%;float:left;}
#sixinModalLive .modal-footer{width:100%;float:left;}

.abbrer .account-inner-form {
  width: 100%;
  float: left;
  margin-top: 1rem;
  margin-bottom: 0rem;
}
.abbrer .account-inner-form {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2rem;

}

.abbrer .account-inner-form .review-form-name {
  width: 100%;
}
.abbrer .account-inner-form label {
  font-size: 16px;
  color: #797979;
  margin-bottom: .5rem;width: 100%;
  float: left;
}

.abbrer .form-control, .abbrer .form-select {
  border: 1px solid rgba(0,0,0,.1);
  width: 100%;
  float: left;
  box-shadow: none;
  color: #1d1d1d;
  padding:5px;
  font-size: 14px;
  height: 40px; background-color:#fff;
  line-height: 40px;
}

.modal-footer a{padding: 5px 10px;
  margin: 2% 0;
    margin-bottom: 2%;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
    background-image: none;border:solid 1px #333;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  color: #333;
  transition: all .3s;
  overflow: hidden;
  z-index: 1;
  border: 1px solid #333;
  cursor: pointer;float:right;height: 40px;line-height: 30px;}
.modal-footer a:hover{ background-color:#333; color:#fff !important;} 
.modal-footer .shop-btn{float:right;margin-right:2%;}

.ordert .information_product .item_pro_table .invalid{ display:block; color:#333;padding: 0;}
.ordert .information_product .item_pro_table .invalid span{ background-color:#f3f3f3;padding-left: 10px;  padding-right: 10px;}
.ordert .information_product .item_pro_table .tr{border-bottom: solid 1px #f3f3f3; padding-bottom: 10px;}
   
   
@media(max-width:1440px){.meber-container{width: 100%;
    padding-left: 15px;
    padding-right: 15px;}}


@media(max-width:800px){
	.meber-left{width:100%;}.meber-left-2 ul li{width:50%;}
	.meber-right{width:100%;margin-top:2%;border-top:solid 1px #dedede;padding-top:2%;padding-bottom:2%;}
	.meber-right-2 ul{grid-template-columns: repeat(1,1fr);}
	.meber-right-3-main-1{width:100%;}.meber-right-3-main-2{width:100%;margin-top:5%;}
	.Reviews .col-md-6 {width: 100%;padding:0;max-width:100%;}
	.Address .col-md-6{width: 100%;padding:0;}.modal-main{width:80%;}
	
	#sixinModalLive .modal-dialog .modal-content{width:80%;padding: 5%;}
	.meber-info .Reviews{display:block;}
	.meber-main{padding: 2rem 2rem;}
	}
#cnm_img {
    width: 50px;
    height: 50px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #f1f1f1;
    border-radius: 50%;
}