Commit f6b5cbc5 authored by liyadong's avatar liyadong

update

parent 2311c372
...@@ -204,42 +204,22 @@ textarea { ...@@ -204,42 +204,22 @@ textarea {
.role-container li { .role-container li {
height: 0.62rem; height: 0.62rem;
line-height: 0.62rem; line-height: 0.62rem;
font-size: 0.26rem; font-size: 0.24rem;
color: #5f1a11; color: #5f1a11;
text-align: left; font-weight: bold;
margin-top: .3rem; text-align: center;
margin-top: .5rem;
} }
.role-container li span { .role-container li span {
display: block; margin-left: .2rem;
width: 1.8rem; display: inline-block;
float: right; width: 3.23rem;
-webkit-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;
-moz-text-overflow: ellipsis; -moz-text-overflow: ellipsis;
-ms-text-overflow: ellipsis; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
margin-right: .45rem;
}
.role-container li.role1 {
background: url("../images/role_img1.png") no-repeat center;
background-size: auto .62rem;
}
.role-container li.role2 {
background: url("../images/role_img2.png") no-repeat center;
background-size: auto .62rem;
}
.role-container li.role3 {
background: url("../images/role_img3.png") no-repeat center;
background-size: auto .62rem;
}
.role-container li.role4 {
background: url("../images/role_img4.png") no-repeat center;
background-size: auto .62rem;
}
.role-container li.role5 {
background: url("../images/role_img5.png") no-repeat center;
background-size: auto .62rem;
} }
.role-container .left { .role-container .left {
float: left; float: left;
...@@ -252,12 +232,23 @@ textarea { ...@@ -252,12 +232,23 @@ textarea {
.role-container .right { .role-container .right {
float: right; float: right;
width: 50%; width: 50%;
padding-top: .4rem; padding-top: .55rem;
}
.role-container .right li {
margin-top: 0;
margin-bottom: .65rem;
}
.role-container .right li span {
margin-left: .5rem;
width: 3rem;
}
.role-container .right li.role4 {
margin-bottom: .7rem;
} }
.role-container .bottom { .role-container .bottom {
position: absolute; position: absolute;
left: 1.5rem; left: 1.5rem;
bottom: .7rem; bottom: .45rem;
} }
.role-container .bottom img { .role-container .bottom img {
display: inline-block; display: inline-block;
...@@ -324,14 +315,14 @@ textarea { ...@@ -324,14 +315,14 @@ textarea {
} }
.arms-container .arms em { .arms-container .arms em {
position: absolute; position: absolute;
width: 2rem; width: 3.6rem;
text-align: center; text-align: center;
font-size: 0.26rem; font-size: 0.26rem;
color: #5f1a11; color: #5f1a11;
height: 0.7rem; height: 0.7rem;
line-height: 0.7rem; line-height: 0.7rem;
font-weight: bold; font-weight: bold;
left: 3.2rem; left: 2.4rem;
top: 1.9rem; top: 1.9rem;
} }
.arms-container .arms em.name2 { .arms-container .arms em.name2 {
...@@ -550,8 +541,8 @@ textarea { ...@@ -550,8 +541,8 @@ textarea {
font-size: 0.42rem; font-size: 0.42rem;
color: #613937; color: #613937;
background: none; background: none;
width: 3.4rem; width: 3.9rem;
max-width: 3.4rem; max-width: 3.9rem;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
} }
......
...@@ -104,42 +104,42 @@ ...@@ -104,42 +104,42 @@
li { li {
.lh(.62rem); .lh(.62rem);
.fs(.26rem, @baseColor); .fs(.24rem, @baseColor);
text-align: left; font-weight: bold;
margin-top: .3rem; text-align: center;
margin-top: .5rem;
span { span {
display: block; margin-left: .2rem;
width: 1.8rem; display: inline-block;
.fr(); width: 3.23rem;
.ells(); .ells();
margin-right: .45rem;
}
&.role1 {
background: url("../images/role_img1.png") no-repeat center;
background-size: auto .62rem;
}
&.role2 {
background: url("../images/role_img2.png") no-repeat center;
background-size: auto .62rem;
}
&.role3 {
background: url("../images/role_img3.png") no-repeat center;
background-size: auto .62rem;
}
&.role4 {
background: url("../images/role_img4.png") no-repeat center;
background-size: auto .62rem;
} }
&.role5 { //&.role1 {
background: url("../images/role_img5.png") no-repeat center; // background: url("../images/role_img1.png") no-repeat center;
background-size: auto .62rem; // background-size: auto .62rem;
} //}
//
//&.role2 {
// background: url("../images/role_img2.png") no-repeat center;
// background-size: auto .62rem;
//}
//
//&.role3 {
// background: url("../images/role_img3.png") no-repeat center;
// background-size: auto .62rem;
//}
//
//&.role4 {
// background: url("../images/role_img4.png") no-repeat center;
// background-size: auto .62rem;
//}
//
//&.role5 {
// background: url("../images/role_img5.png") no-repeat center;
// background-size: auto .62rem;
//}
} }
...@@ -155,13 +155,24 @@ ...@@ -155,13 +155,24 @@
.right { .right {
.fr(); .fr();
width: 50%; width: 50%;
padding-top: .4rem; padding-top: .55rem;
li{
margin-top: 0;
margin-bottom: .65rem;
span {
margin-left:.5rem;
width: 3rem;
}
&.role4{
margin-bottom: .7rem;
}
}
} }
.bottom { .bottom {
.pa(); .pa();
left: 1.5rem; left: 1.5rem;
bottom: .7rem; bottom: .45rem;
img{ img{
display: inline-block; display: inline-block;
vertical-align: text-bottom; vertical-align: text-bottom;
...@@ -230,12 +241,12 @@ ...@@ -230,12 +241,12 @@
padding-left:1.2rem; padding-left:1.2rem;
em{ em{
.pa(); .pa();
width: 2rem; width: 3.6rem;
text-align: center; text-align: center;
.fs(.26rem,@baseColor); .fs(.26rem,@baseColor);
.lh(.7rem); .lh(.7rem);
font-weight: bold; font-weight: bold;
left: 3.2rem; left: 2.4rem;
top: 1.9rem; top: 1.9rem;
&.name2{ &.name2{
top: 2.9rem; top: 2.9rem;
...@@ -506,8 +517,8 @@ ...@@ -506,8 +517,8 @@
height: .8rem; height: .8rem;
.fs(.42rem,#613937); .fs(.42rem,#613937);
background: none; background: none;
width: 3.4rem; width: 3.9rem;
max-width: 3.4rem; max-width: 3.9rem;
text-align: left; text-align: left;
font-weight: bold; font-weight: bold;
option{ option{
......
This image diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment