|
@@ -1,382 +1,383 @@
|
|
|
.main {
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.main .one {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.main .one .one_1 {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.main .one .one_1 image {
|
|
|
- width: 100%;
|
|
|
- height: 180px;
|
|
|
- overflow: hidden;
|
|
|
+ width: 100%;
|
|
|
+ height: 180px;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 {
|
|
|
- position: absolute;
|
|
|
- top: 100px;
|
|
|
- width: 89%;
|
|
|
- background-color: #ffffff;
|
|
|
- height: 90px;
|
|
|
- border-radius: 10px;
|
|
|
- margin: 0 10px;
|
|
|
- padding: 10px;
|
|
|
+ position: absolute;
|
|
|
+ top: 100px;
|
|
|
+ width: 89%;
|
|
|
+ background-color: #ffffff;
|
|
|
+ height: 90px;
|
|
|
+ border-radius: 10px;
|
|
|
+ margin: 0 10px;
|
|
|
+ padding: 10px;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 .one_2o {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- height: 70px;
|
|
|
- overflow: hidden;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ height: 70px;
|
|
|
+ overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 .one_2o .one_2o_l {
|
|
|
- float: left;
|
|
|
- width: 65%;
|
|
|
+ float: left;
|
|
|
+ width: 65%;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 .one_2o .one_2o_l .one_2o_lone {
|
|
|
- font-size: 16px;
|
|
|
- margin: 0 0 5px 0;
|
|
|
+ font-size: 16px;
|
|
|
+ margin: 0 0 5px 0;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 .one_2o .one_2o_l .one_2o_lone text:nth-child(1) {
|
|
|
- font-weight: bold;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 .one_2o .one_2o_l .one_2o_lone text:nth-child(2) {
|
|
|
- margin: 0 0 0 10px;
|
|
|
- background-color: rgb(148, 138, 240);
|
|
|
- color: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- padding: 0 5px;
|
|
|
+ margin: 0 0 0 10px;
|
|
|
+ background-color: rgb(148, 138, 240);
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 0 5px;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 .one_2o .one_2o_l .one_2o_ltwo {
|
|
|
- font-size: 14px;
|
|
|
- color: #cccccc;
|
|
|
- margin: 0 0 5px 0;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #cccccc;
|
|
|
+ margin: 0 0 5px 0;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 .one_2o .one_2o_l .one_2o_ltwo text:nth-child(2) {
|
|
|
- margin: 0 0 0 10px;
|
|
|
+ margin: 0 0 0 10px;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 .one_2o .one_2o_r {
|
|
|
- float: left;
|
|
|
- width: 35%;
|
|
|
+ float: left;
|
|
|
+ width: 35%;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 .one_2o .one_2o_r image {
|
|
|
- width: 90px;
|
|
|
- height: 90px;
|
|
|
- background: #f1f1f1;
|
|
|
- border-radius: 90px;
|
|
|
- overflow: hidden;
|
|
|
- position: absolute;
|
|
|
- top: -30px;
|
|
|
+ width: 90px;
|
|
|
+ height: 90px;
|
|
|
+ background: #f1f1f1;
|
|
|
+ border-radius: 90px;
|
|
|
+ overflow: hidden;
|
|
|
+ position: absolute;
|
|
|
+ top: -30px;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 .one_2u {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- font-size: 14px;
|
|
|
- color: #666;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 .one_2u .one_2u_l {
|
|
|
- float: left;
|
|
|
- width: 80%;
|
|
|
+ float: left;
|
|
|
+ width: 80%;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 .one_2u .one_2u_l .icon {
|
|
|
- position: relative;
|
|
|
- top: 2px;
|
|
|
+ position: relative;
|
|
|
+ top: 2px;
|
|
|
}
|
|
|
|
|
|
.main .one .one_2 .one_2u .one_2u_r {
|
|
|
- float: left;
|
|
|
- width: 20%;
|
|
|
- text-align: right;
|
|
|
+ float: left;
|
|
|
+ width: 20%;
|
|
|
+ text-align: right;
|
|
|
}
|
|
|
|
|
|
.main .two {
|
|
|
- float: left;
|
|
|
- width: 95%;
|
|
|
- margin: 45px 10px 0 10px;
|
|
|
+ float: left;
|
|
|
+ width: 95%;
|
|
|
+ margin: 45px 10px 0 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- margin: 0 0 10px 0;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1o {
|
|
|
- float: left;
|
|
|
- width: 95%;
|
|
|
- background-color: rgb(217, 235, 250);
|
|
|
- border-radius: 7px;
|
|
|
- margin: 0 10px;
|
|
|
- padding: 6px 0;
|
|
|
+ float: left;
|
|
|
+ width: 95%;
|
|
|
+ background-color: rgb(217, 235, 250);
|
|
|
+ border-radius: 7px;
|
|
|
+ margin: 0 10px;
|
|
|
+ padding: 6px 0;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1o text {
|
|
|
- padding: 0px 10px;
|
|
|
- font-size: 13px;
|
|
|
- color: #666;
|
|
|
+ padding: 0px 10px;
|
|
|
+ font-size: 13px;
|
|
|
+ color: #666;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1o button {
|
|
|
- float: right;
|
|
|
- margin: 0 10px 0 0;
|
|
|
- padding: 0 5px;
|
|
|
- background: #409eff;
|
|
|
- color: #ffffff;
|
|
|
- font-size: 12px;
|
|
|
- border-radius: 10px;
|
|
|
+ float: right;
|
|
|
+ margin: 0 10px 0 0;
|
|
|
+ padding: 0 5px;
|
|
|
+ background: #409eff;
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 12px;
|
|
|
+ border-radius: 10px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- background-color: #ffffff;
|
|
|
- border-radius: 5px;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 5px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u .ismatchList {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u .ismatchList .ismatch_1 {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- padding: 5px 0;
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: 100% 100%;
|
|
|
- border-top-left-radius: 5px;
|
|
|
- border-top-right-radius: 5px;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ padding: 5px 0;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ border-top-left-radius: 5px;
|
|
|
+ border-top-right-radius: 5px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u .ismatchList .ismatch_1 text:nth-child(1) {
|
|
|
- float: left;
|
|
|
- padding: 0 10px;
|
|
|
- font-size: 12px;
|
|
|
- color: #fff;
|
|
|
+ float: left;
|
|
|
+ padding: 0 10px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u .ismatchList .ismatch_1 text:nth-child(2) {
|
|
|
- float: right;
|
|
|
- padding: 0 10px 0 0;
|
|
|
- font-size: 12px;
|
|
|
- color: #fff;
|
|
|
+ float: right;
|
|
|
+ padding: 0 10px 0 0;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u .ismatchList .ismatch_2 {
|
|
|
- float: left;
|
|
|
- width: 95%;
|
|
|
- padding: 10px;
|
|
|
+ float: left;
|
|
|
+ width: 95%;
|
|
|
+ padding: 10px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u .ismatchList .ismatch_2_1 {
|
|
|
- float: left;
|
|
|
- width: 15%;
|
|
|
- text-align: center;
|
|
|
+ float: left;
|
|
|
+ width: 15%;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u .ismatchList .ismatch_2_1 image {
|
|
|
- width: 40px;
|
|
|
- height: 40px;
|
|
|
- border-radius: 90px;
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ border-radius: 90px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u .ismatchList .ismatch_2_2 {
|
|
|
- float: left;
|
|
|
- width: 70%;
|
|
|
- text-align: center;
|
|
|
- padding: 10px 0;
|
|
|
+ float: left;
|
|
|
+ width: 70%;
|
|
|
+ text-align: center;
|
|
|
+ padding: 10px 0;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u .ismatchList .ismatch_2_2 .name {
|
|
|
- display: inline-block;
|
|
|
- width: 30%;
|
|
|
- text-align: center;
|
|
|
- font-size: 15px;
|
|
|
- font-weight: bold;
|
|
|
+ display: inline-block;
|
|
|
+ width: 30%;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 15px;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u .ismatchList .ismatch_2_2 .ismatchname {
|
|
|
- width: 35%;
|
|
|
+ width: 35%;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u .ismatchList .ismatch_2_2 .name:nth-child(2) {
|
|
|
- position: relative;
|
|
|
- top: -4px;
|
|
|
+ position: relative;
|
|
|
+ top: -4px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u .ismatchList .ismatch_2_2 .name:nth-child(2) text:nth-child(1) {
|
|
|
- color: #ff0000;
|
|
|
- padding: 0 5px 0 0;
|
|
|
+ color: #ff0000;
|
|
|
+ padding: 0 5px 0 0;
|
|
|
}
|
|
|
|
|
|
.main .two .two_1 .two_1u .ismatchList .ismatch_2_2 .name:nth-child(2) text:nth-child(2) {
|
|
|
- color: #0000ff;
|
|
|
- padding: 0 0 0 5px;
|
|
|
+ color: #0000ff;
|
|
|
+ padding: 0 0 0 5px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 {
|
|
|
- float: left;
|
|
|
- width: 95%;
|
|
|
- margin: 0 0 10px 0;
|
|
|
- background-color: #ffffff;
|
|
|
- border-radius: 5px;
|
|
|
- padding: 10px;
|
|
|
+ float: left;
|
|
|
+ width: 95%;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 5px;
|
|
|
+ padding: 10px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_1 {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- font-size: 12px;
|
|
|
- margin: 0 0 5px 0;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 12px;
|
|
|
+ margin: 0 0 5px 0;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_1 text:nth-child(1) {
|
|
|
- font-size: 16px;
|
|
|
- color: #000;
|
|
|
- font-weight: bold;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_1 text:nth-child(2) {
|
|
|
- color: #666;
|
|
|
- padding: 0 0 0 10px;
|
|
|
+ color: #666;
|
|
|
+ padding: 0 0 0 10px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_1 button {
|
|
|
- float: right;
|
|
|
- color: #866cf8;
|
|
|
- font-style: oblique;
|
|
|
- font-weight: 600;
|
|
|
- background: transparent;
|
|
|
- font-size: 14px !important;
|
|
|
+ float: right;
|
|
|
+ color: #866cf8;
|
|
|
+ font-style: oblique;
|
|
|
+ font-weight: 600;
|
|
|
+ background: transparent;
|
|
|
+ font-size: 14px !important;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_2 {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_2 .teamList {
|
|
|
- float: left;
|
|
|
- width: 95%;
|
|
|
- background-color: rgba(245, 172, 63, 0.1);
|
|
|
- margin: 0 0 10px 0;
|
|
|
- padding: 8px 10px;
|
|
|
+ float: left;
|
|
|
+ width: 95%;
|
|
|
+ background-color: rgba(245, 172, 63, 0.1);
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ padding: 8px 10px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_2 .teamList .team_l {
|
|
|
- float: left;
|
|
|
- width: 80%;
|
|
|
+ float: left;
|
|
|
+ width: 80%;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_2 .teamList .team_l .team_l_1 {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- margin: 0 0 5px 0;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 0 5px 0;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_2 .teamList .team_l .team_l_1 image {
|
|
|
- float: left;
|
|
|
- width: 40px;
|
|
|
- height: 40px;
|
|
|
- border-radius: 90px;
|
|
|
+ float: left;
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ border-radius: 90px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_2 .teamList .team_l .team_l_1 text {
|
|
|
- float: left;
|
|
|
- font-size: 14px;
|
|
|
- margin: 10px 0 0 10px;
|
|
|
+ float: left;
|
|
|
+ font-size: 14px;
|
|
|
+ margin: 10px 0 0 10px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_2 .teamList .team_l .team_l_1 text:nth-child(2) {
|
|
|
- position: relative;
|
|
|
- top: 2px;
|
|
|
- max-width: 56%;
|
|
|
- font-weight: bold;
|
|
|
+ position: relative;
|
|
|
+ top: 2px;
|
|
|
+ max-width: 56%;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_2 .teamList .team_l .team_l_1 text:nth-child(3) {
|
|
|
- background-color: #409eff;
|
|
|
- color: #ffffff;
|
|
|
- border-radius: 8px;
|
|
|
- padding: 2px 5px;
|
|
|
+ background-color: #409eff;
|
|
|
+ color: #ffffff;
|
|
|
+ border-radius: 8px;
|
|
|
+ padding: 2px 5px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_2 .teamList .team_l .team_l_2 {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- font-size: 12px;
|
|
|
- color: #666;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #666;
|
|
|
}
|
|
|
|
|
|
.main .two .two_2 .two_2_2 .teamList .team_r {
|
|
|
- float: left;
|
|
|
- width: 20%;
|
|
|
- text-align: right;
|
|
|
- font-size: 12px;
|
|
|
- color: #666;
|
|
|
- position: relative;
|
|
|
- top: 20px;
|
|
|
+ float: left;
|
|
|
+ width: 20%;
|
|
|
+ text-align: right;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #666;
|
|
|
+ position: relative;
|
|
|
+ top: 20px;
|
|
|
}
|
|
|
|
|
|
.main .two .two_3 {
|
|
|
- float: left;
|
|
|
- width: 95%;
|
|
|
- background-color: #fff;
|
|
|
- padding: 10px;
|
|
|
- margin: 0 0 10px 0;
|
|
|
- border-radius: 5px;
|
|
|
+ float: left;
|
|
|
+ width: 95%;
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 10px;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ border-radius: 5px;
|
|
|
}
|
|
|
|
|
|
.two_3 .two_3_o {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
- font-size: 12px;
|
|
|
- margin: 0 0 5px 0;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 12px;
|
|
|
+ margin: 0 0 5px 0;
|
|
|
}
|
|
|
|
|
|
.two_3 .two_3_o text {
|
|
|
- font-size: 16px;
|
|
|
- color: #000;
|
|
|
- font-weight: bold;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.two_3_u {
|
|
|
- float: left;
|
|
|
- width: 100%;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
-.btnList {
|
|
|
- float: left;
|
|
|
- width: 25%;
|
|
|
- text-align: center;
|
|
|
- margin: 0 0 5px 0;
|
|
|
+.two_3_u .btnList {
|
|
|
+ float: left;
|
|
|
+ width: 25%;
|
|
|
+ min-height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ margin: 0 0 5px 0;
|
|
|
}
|
|
|
|
|
|
-.btnList .icons {
|
|
|
- margin: 0 0 5px 0;
|
|
|
+.two_3_u .btnList .icons {
|
|
|
+ margin: 0 0 5px 0;
|
|
|
}
|
|
|
|
|
|
-.btnList .title {
|
|
|
- font-size: 14px;
|
|
|
- color: #666;
|
|
|
-}
|
|
|
+.two_3_u .btnList .title {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+}
|