html,body{width:100%;height:100%;  }
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,table,tr,th,td,label,select{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
ul,ol,li{list-style:none;}
img,fieldset{border:0;}
label{cursor:pointer;}
textarea{overflow:auto;}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer;}
input[type="checkbox"],input[type="radio"]{border:0;}
svg:not(:root){overflow: hidden;}
/* HTML5 display definitions */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
a{text-decoration:none; color:#000}
*{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

.bluecolor{color:#3382e2}
.greencolor{color:#41b500}
.orangecolor{color:#ff8a01}
.bgbasic{background:#f7f7f7;}
.member_new_m{width:85%; margin:0 auto; word-break:keep-all;padding-bottom: 50px;}

/*          */
.member_new_m .tap{display:flex; flex-direction: column;    align-items: flex-start; }
.member_new_m h2{font-size:1.5rem; font-weight:bold;}
.member_new_m .subntitle{padding-top: 30px; padding-bottom: 15px;font-weight:bold;}
.member_new_m .tap li{padding:22px 22px 26px; background:#f1f7ff; text-align:left; width:100%; margin:14px 0; border-radius:7px; border:1px solid #d3e6ff;}
.member_new_m .tap li a div{display:flex;     justify-content: space-between;    align-items: center; }
.member_new_m .tap li.price1{background:#f3faed;  border-color:#d7eac6;}
.member_new_m .tap li.price2{background:#fff9eb; border-color:#fce3da;}
.member_new_m .tap li a div h3{font-size:22px; display:flex;     align-items: baseline;}
.member_new_m .tap li a div h3 span{font-size:1.6rem ;font-weight:800; margin:0 2px; color: #ff0000;}
.member_new_m .tap li a p {font-size:18px;color:#999;}
.member_new_m .recommend{ font-size:20px; padding:2px 7px; background:#ff0000; border-radius:5px; color:#ffffff; display:inline-block; margin-bottom: 10px;}
.member_new_m .price1 .recommend{background:#e4fdc9; color:#41b500}
.member_new_m .price2  .recommend{background:#fef3ce; color:#ffa201}
.member_new_m .recommendfree, .price1 .recommend.recommendfree, .price2  .recommend.recommendfree{background:#ffe5e5; color:#ff0000}
.wrapper {background: white;}
.noticebox{line-height:1.6; text-align:left; font-size:13px; margin-top:20px;  padding:20px 0; color:#666}
.noticebox p{font-size:20px;position:relative; padding-left:15px; margin:7px 0; word-break:keep-all; line-height: 1.7rem;}
.noticebox p:before{content:'-' ; position:absolute; left:2px;}
.noticebox p:first-child:before{display:none;}
.noticebox p:first-child{margin-left:-4px;}
/*.notice.active .noticebox{display:block;}*/
.noticebox img{position:absolute; right:10px; top:10px; width:30px;}

/*sub*/
.member_new_m  .tapsub  li{padding:22px 20px 22px; background:#f7f7f7; border-color:#e5e5e5; margin:10px 0; line-height: 40px;}
.member_new_m  .tapsub  li h2{font-size:1.5rem}

/*plus*/
.plusproarea{     display: flex;   justify-content: space-between;align-items: flex-start;    flex-wrap: wrap; margin-top:10px; }
/*	.plusproarea a{display:flex;background:#f5f5f5; position:relative;  justify-content: center;    align-items: center; margin-bottom:14px;}*/
.plusproarea li{flex: 0 0 47%;    margin-left: 0;    margin-right: 0;     margin-bottom: 3vh;    position: relative;}
.plusproarea li a {    width: 100%;    margin: 0 auto;    padding-bottom: 100%;    position: relative;  overflow: hidden;  border-radius: 12px;  margin-bottom: 0.5vh;}
.plusproarea li a{width:100%; position:relative ;background:#f5f5f5; display:inline-block;}
.plusproarea li a img.pro{position: absolute;    top: 50%;    left: 50%;   transform: translate(-50%, -50%);   width: 80%;    height: 80%;    text-align: center;    object-fit: scale-down;}
.recommend_lable{top:10px; left:10px;}
.recommend_lable img{width:45px;}
.coupon{bottom:5px; right:10px;}
.coupon img{width:60px;}
.plusproarea a div{position:absolute; z-index:1}
.plusproarea li h2{font-size:2.1rem;font-weight:800;}
.plusproarea li h2 span{font-size:1.05rem; position:relative; top:-1px;}
.plusproarea .plus_price p{font-size:12px; color:#808080; text-decoration:line-through;}

.piustab{width:100%; display:flex;     align-items: center; justify-content: center}
.piustab a{flex: 0 0 37%; display:inline-block; text-align:center; padding:10px 0; border:1px solid #e5e5e5; border-radius:500px; margin:15px 3px 0; }
.piustab a.active{background:#3382e2; border-color:#3382e2; color:#fff}

@media screen and (max-width:400px){
    .member_new_m .tapsub li h2 {font-size:1rem}
    .member_new_m .tap li a div h3 span{    font-size: 1.2rem;}
}

.plustoparea { display: flex; flex-direction: column; }
.estimate { width: fit-content; padding: 10px 16px; border: 1px solid; border-color: #D9D9D9; border-radius: 10px; color: #646464; font-weight: bold; float: right; align-self: end; background: white;}