.slidebtn{ width: 55px; height: 25px; display: inline-block; border-radius: 13px; border: 1px solid #AAAAAA; position: relative; /*margin:50px 50px;*/ transition: all 0.5s; background: #fff; } .slidebtn>span{ display: inline-block; width: 25px; height: 25px; border-radius: 13px; position: absolute; top: 0; left: -5px; border: 1px solid #AAAAAA; background: #fff; transition: all 0.3s; } .slidebtn.active{ /*background: #009688;*/ background: #75CBBE; } .slidebtn.active span{ left: 30px; } .checkgroup{ } .dcheck{ } .dcheck i{ width: 25px; height: 25px; border-radius: 50%; border: 1px solid #C0C0C0; color: #fff; } .dcheck.actived i{ border: 1px solid #007DDB; color: #007DDB; } .uptip{ font-size: 13px; color: #F76260; padding: 5px 10px; } .uptable{ background: #fff; width: 100%; border-collapse: collapse; } .uptable tr{ /*border-bottom: 1px solid #E8E7E7 ;*/ } .uptable tr td{ height: 44px; padding:0 10px; border-bottom: 1px solid #e4e4e4; vertical-align: middle; /*width: 88px;*/ } .uptable tr:last-child td{ border-bottom: 0; } .uptable input{ height: 100%; width: 100%; border-style: none; } .ultop{ /*margin-bottom:10px ;*/ } .ultop td{ } .ultop .slidebtn{ float: right; } .ultop tr:first-child td:first-child,.ulbottom tr:nth-child(n+1) td:first-child{ width: 70px; } .upbtn,.upcbtn{ width: 69.3% !important; display: block; margin: 30px auto; /*padding: 8px ;*/ } .upcbtn{ display: none; } .bao{ padding: 0 10px; width: 100%; box-sizing: border-box; background: #fff; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin-top: 10px; position: relative; } .tc{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 888; }