*{ margin:0; padding:0; } body{background: #fff; background: #f6f6f6; display:flex; flex-direction: column; } .taocan{ font-size: 0.31rem; background: #fff; height: 0.8rem; line-height: 0.8rem; color: #3988E5; padding-left: 0.21rem; } .information .mingcheng span{ color:#252729; font-size: 0.27rem; } .information .chu{ justify-content: space-between; display: flex; } /*.information .ming{ justify-content: space-between; }*/ .wo{ color:#252729 ; font-size:0.25rem ; margin-top: 0.05rem; } .information{ background: #fff; margin-top: 0.2rem; } .information { /*overflow: hidden;*/ } .reduce,.add,.val{ display: block; width: 0.8rem; height: 0.6rem; border:0.01rem solid #999; text-align: center; line-height: 0.6rem; } .add{ border-left:0; } .reduce{ border-right:0; } .suan{ display: flex; align-items: center; } .wu{ display: flex; align-items: center; } .information li .liang{ margin-left: 0.15rem; } /*.information li .lian{ margin-right: 1rem; }*/ .xuan{ display: flex; align-items: center; } .me{ padding-bottom: 2rem; } .danxuan{ margin-right: 0.1rem; display: block; width: 0.28rem; height: 0.28rem; border: 1px solid #aaa; } .information li{ align-items:center ; display: flex; padding: 0 0.32rem 0 0.39rem; /*line-height: 0.945rem;*/ height:0.945rem; border-bottom: 1px solid #eee; } .ming{ justify-content: space-between; } .information li .chuxing,.qita{ color: #3988E5; font-size: 0.31rem; } .shuliang{ display: flex; justify-content: space-between; } #shuliang{ border-bottom:0; } .li_span{ display: flex; align-items: center; } .information li:nth-child(4){ padding-left: 0.23rem; } .chengke{ padding-right:0.32rem; display: flex; justify-content: space-between; padding-left:0.39rem; align-items: center; color:#FF9966; font-size: 0.28rem; background: #fff; margin-top: 0.2rem; line-height:0.88rem; } .qita{ padding-left:0.21rem; margin-top: 0.2rem; background: #fff; height: 0.8rem; line-height:0.8rem; } .xuanze{ margin-left: 0.6rem; color: #999999; } .icon-common-jinru-copy{ color: #000; } .shang{ display: flex; justify-content: space-between; } .youhui .you{ justify-content: space-between; font-size: 0.31rem; height: 0.945rem; line-height: 0.8rem; padding-left: 0.37rem; color: #252729; font-size: 0.27rem; display: flex; padding-right:0.32rem ; align-items: center; border-bottom: 1px solid #eee; } .youhui{ margin-top: 0.2rem; background: #fff; } .lian{ /*margin-right: -4.4rem;*/ color:#999999; } .shang,.dan{ /*justify-content: space-between;*/ font-size: 0.31rem; height: 0.945rem; line-height:0.945rem; padding-left: 0.37rem; color: #252729; font-size: 0.27rem; display: flex; padding-right:0.32rem ; align-items: center; border-bottom: 1px solid #eee; flex:1; } .lian1{ color:#999999; margin-left: 3.2rem; } .dan .lian2{ /*margin-left:3.2rem ;*/ color:#999999; } footer{ position: fixed; display: flex; padding-left:0.37rem ; height: 1rem; display: flex; background: #FFFFFF; border: 1px solid #3988E5; left:0; bottom: 0; width: 100%; justify-content: space-between; align-items: center; } footer div span:nth-child(1){ color: #3399FF; } footer input{ border:0; width: 2.6rem; height: 1rem; background:#3988E5 ; color: #fff; font-size: 0.34rem; display: block; text-align: center; } footer span{ font-size: 0.27rem; font-weight: Medium; } .dan_box{ display: flex; align-items: center; } .jus{ justify-content: space-between; } .mold{ position: fixed; bottom:0; width:100%; height: 100%; background-color: rgba(0,0,0,0.5); } .mold_main{ bottom:0; position: absolute; background-color: #fff; width:100%; height: 4.55rem; /*margin:4rem 0 0 1.1rem;*/ display: flex; flex-direction: column; align-items: center; /*padding: 0 0.3rem;*/ width: 100%; } .green{ color:#008000 ; } .fon30{ font-size: 0.3rem; } .fon30{ font-size: 0.3rem; } .fon26{ font-size: 0.26rem; color: #FE0A01; } .botm{ box-sizing: border-box; height: 1rem; width: 100%; display: flex; border-bottom: 1px solid #EBEBEB; justify-content: space-between; border-bottom: ; padding: 0 0.3rem; align-items:center ; } .botm span{ font-size: 0.32rem; } .argee{ color: #3988E5; } .require span{ font-size: 0.32rem; } .require{ justify-content:space-around; display: flex; flex-direction: column; align-items: center; /*display:block;*/ height: 60%; }