body{background-color:#d1fff3; font-family:"Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;}
header{width:100%; background-color:#f8f9fa;}
main{width:100%; color:#666666; background-color:#f6f6f6; min-height:35rem;padding-bottom:3.2rem}
main .index_title{ padding:2rem 2rem; padding-bottom:0rem}
main .index_info{ color:#999999; margin:0rem; padding:0px;}
main .index_info li{ margin:1.5rem 0rem;background-color:#ffffff; padding:1rem 0.4rem;}
main .index_info .rounded{border-radius:1rem!important;}
main .index_info div{padding:0px;}
main .index_info .info{ padding-left:0.6rem;}
main .index_info .info div{ padding:0.1rem 0rem;}
main .index_info .info .title h5{ font-weight:bold; color:#000000;}
main .index_info .info .choose{line-height:1.2rem;font-size:0.8rem;}
main .index_info .info .price h5{color:#ff0000;font-weight:bold;}
main .index_info .info .price .unit{color:#ff0000;}
main .index_info .info .price i{font-size:1.2rem; margin-right:0.6rem; margin-left:1.2rem;}
main .index_info .info .title span{ font-weight:solid; color:#999999;}


footer{text-align:center; width:100%;}
footer .nav-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;line-height:1.4rem;border-top:.01rem solid #999999;}
footer .nav-wrapper a{display:block;text-align:center; text-align:center;border-right:.01rem solid #fff;width:100%;color:#999999;background:#ffffff; padding:0.4rem 0rem;}
footer .nav-wrapper a:last-child{border:none}
footer .nav-wrapper a:hover {text-decoration: none;}
footer .nav-wrapper .active {}


header .search{padding:1rem;}
header .label{padding:0rem 2rem 1rem;}
header .search input::placeholder {font-family: bootstrap-icons;color: #cccccc;}
main .info_info{ color:#999999; margin:0rem; padding:0.5rem 0rem 0rem;}
main .info_info li{ margin:1.5rem 0rem;background-color:#ffffff; padding:1rem 0.4rem;position: relative;}
main .info_info li .hao{position: absolute;right:0px;top:0px;}
main .info_info .rounded{border-radius:1rem!important;}
main .info_info div{padding:0px;}
main .info_info .more{line-height:1rem; margin-top:0.5rem; font-size:0.7rem;}
main .info_info .info{ padding-left:0.6rem;}
main .info_info .info div{ padding:0.1rem 0rem;}
main .info_info .info .title h5{ color:#000000;}
main .info_info .info .choose{line-height:2rem;}
main .info_info .info .price .shop {line-height:3rem;}
main .info_info .info .title span{ font-weight:solid; color:#999999;}


header .nav-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;line-height:1.4rem;}
header .nav-wrapper a{display:block;text-align:center; text-align:center;width:100%;color:#999999;background:#ffffff; padding:1rem 0rem;}
header .nav-wrapper a:last-child{border:none}
header .nav-wrapper a:hover {text-decoration: none;}
header .nav-wrapper .active {font-weight:bold;color:#000000;border-bottom:0.2rem solid #28a745;}
main .order_info{ color:#999999; margin:0rem; padding:3rem 0rem 0rem;}
main .order_info li{ margin:1.5rem 0rem;background-color:#ffffff; padding:1rem 0.4rem;}
main .order_info .orderno{border-bottom:.01rem solid #eeeeee;line-height:1.2rem;padding-bottom:1rem;margin-bottom:0.5rem;}
main .order_info .rounded{border-radius:1rem!important;}
main .order_info div{padding:0px;}
main .order_info .info{ padding-left:0.6rem;}
main .order_info .info div{ padding:0.1rem 0rem;}
main .order_info .list{margin-bottom:0.5rem;}
main .order_info .count{padding-top:0.5rem;}
main .order_info .count h5{line-height:2rem;}

header .mytop{padding:2.5rem 1.5rem;color:#cccccc;z-index:-1!important;}
header .mytop img{width:4rem;border-radius:0.6rem;border:.01rem solid #fff;}
header .mytop .my div{padding-left:0.6rem;}
header .mytop .my div h5{font-weight:bold;}
header .mytop .my div h5{font-weight:bold;}
main .myinfo{color:#cccccc;z-index:100!important;display: grid;grid-template-rows: 9.02rem auto;}
main .myinfo .myshow{background-color:#f8f9fa;}
main .myinfo .myshow .myshow2{margin:1rem 1rem 0 1rem; top:-2.5rem;position: relative;}
main .myinfo .myshow .myshow2 .myblock{padding:1.5rem;background-color:#ffffff;border-radius:1rem;}
main .myinfo .myshow .myshow2 .myblock2{padding:1.5rem;background-color:#ffffff;border-radius:1rem;margin:1rem;}
main .myinfo .myshow .myshow2 .myblock2 span{font-size:0.6rem;}
main .myinfo .myshow .myshow2 .myblock2 i{font-size:1.2rem;}
main .myinfo .myshow .myshow2 .table{background-color:#ffffff; padding:0 1.5rem;line-height:3rem;}
main .myinfo .myshow .myshow2 .table div{border-bottom:.01rem solid #eeeeee; text-align:left;}
main .myinfo .myshow .myshow2 .table a{color:#999999;}
main .myinfo .myshow .myshow2 .table a:last-child{border:none}
main .myinfo .myshow .myshow2 .table a:hover {text-decoration: none;}

header .index_info_head{padding:0.5rem 1rem;}
header .index_info_head .index_info_head_picer{line-height:3rem; font-size:1.2rem;}
main .index_info_main img{max-width:100%;}
main .index_info_main_title {padding:0.5rem 1rem;margin-top:0.5rem;}


@media (min-width: 768px) {
	/*--------------------------------------------------------*/
  header{width:750px; margin-left:auto; margin-right:auto;}
  header .nav-wrapper{width:750px; margin-left:auto; margin-right:auto;}
  header .mytop{width:750px; margin-left:auto; margin-right:auto;}
  main{width:750px; margin-left:auto; margin-right:auto;}
  main .index_info{ margin:10px 20px;}
  main .info_info{ margin:0px 20px 10px;}
  main .order_info{ margin:0px 20px 10px;}
  main .index_title{ padding:12px 24px;}
  main li{width:710px;}
  footer{width:750px; margin-left:auto; margin-right:auto;}
  footer .nav-wrapper{width:750px; margin-left:auto; margin-right:auto;}
}