body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,td,th,input,select,extarea {
margin:0;
padding:0;
}
body {
/* font-family:"微软雅黑";
*/
}
li {
list-style:none;
}
a {
text-decoration:none;
}
.box {
width:500px;
}
.box_top {
width:500px;
height:50px;
background:dimgray;
}
.box_top input {
float:right;
width:300px;
height:20px;
margin-top:15px;
margin-right:32px;
border-radius:5px;
}
.box_top b {
line-height:50px;
margin-left:30px;
color:azure;
}
.box_bottom {
background:lightgray;
}
.bot_zz {
width:500px;
/* height:50px;
*/
/* background:pink;
*/
}
.bot_zz b {
color:black;
margin-left:30px;
font-size:20px;
line-height:50px;
}
.bot_zz span {
display:inline-block;
width:30px;
height:30px;
border-radius:50%;
background:white;
line-height:30px;
text-align:center;
float:right;
margin-right:32px;
margin-top:10px;
}
.bot_zz span input {
width:30px;
height:30px;
border-radius:50%;
border:1px solid transparent;
text-align:center;
}
.bot_wc {
width:500px;
/* height:50px;
*/
/* background:green;
*/
}
.bot_wc b {
color:black;
margin-left:30px;
font-size:20px;
line-height:50px;
}
.bot_wc span {
display:inline-block;
width:30px;
height:30px;
border-radius:50%;
background:white;
line-height:30px;
text-align:center;
float:right;
margin-right:32px;
margin-top:10px;
}
.bot_wc span input {
width:30px;
height:30px;
border-radius:50%;
border:1px solid transparent;
text-align:center;
}
.bot_eve {
width:450px;
background:white;
height:30px;
border-radius:5px;
margin:10px auto;
}
.bot_eveLeft {
width:5px;
height:20px;
background:cadetblue;
float:left;
margin-top:5px;
margin-left:30px;
}
.bot_eveRight {
width:400px;
height:30px;
/* margin-left:30px;
*/
float:right;
/* background:red;
*/
}
.bot_eveRight input {
width:15px;
height:15px;
margin-top:7px;
float:left;
}
.bot_eveRight b {
height:30px;
font-size:12px;
color:black;
font-weight:500;
margin-left:5px;
line-height:30px;
}
.bot_eveRight p {
display:inline-block;
width:20px;
height:20px;
border:2px solid gray;
border-radius:50%;
background:transparent;
line-height:20px;
text-align:center;
float:right;
margin-right:12px;
margin-top:3px;
}
.bot_eveRight p i {
display:inline-block;
width:15px;
height:15px;
background:gray;
border-radius:50%;
font-size:12px;
color:white;
font-weight:900;
font-style:normal;
margin-top:3px;
}
.bot_eve2 {
width:450px;
background:darkgray;
height:30px;
border-radius:5px;
margin:0 auto;
}
.bot_eveLeft2 {
width:5px;
height:20px;
background:cadetblue;
float:left;
margin-top:5px;
margin-left:30px;
}
.bot_eveRight2 {
width:400px;
height:30px;
/* margin-left:30px;
*/
float:right;
/* background:red;
*/
}
.bot_eveRight2 input {
width:15px;
height:15px;
margin-top:7px;
float:left;
}
.bot_eveRight2 b {
height:30px;
font-size:12px;
color:black;
font-weight:500;
margin-left:5px;
line-height:30px;
}
.bot_eveRight2 p {
display:inline-block;
width:20px;
height:20px;
border:2px solid gray;
border-radius:50%;
background:transparent;
line-height:20px;
text-align:center;
float:right;
margin-right:12px;
margin-top:3px;
}
.bot_eveRight2 p i {
display:inline-block;
width:15px;
height:15px;
background:gray;
border-radius:50%;
font-size:12px;
color:white;
font-weight:900;
font-style:normal;
margin-top:3px;
}
更新时间:2019-12-12 09:26:49
用html和css和一点点jquery写的