.main { position: relative; width: 100%; } .main .one { float: left; width: 100%; } .main .one .one_1 { float: left; width: 100%; } .main .one .one_1 image { 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; } .main .one .one_2 .one_2o { float: left; width: 100%; height: 70px; overflow: hidden; } .main .one .one_2 .one_2o .one_2o_l { float: left; width: 65%; } .main .one .one_2 .one_2o .one_2o_l .one_2o_lone { 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; } .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; } .main .one .one_2 .one_2o .one_2o_l .one_2o_ltwo { 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; } .main .one .one_2 .one_2o .one_2o_r { 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; } .main .one .one_2 .one_2u { float: left; width: 100%; font-size: 14px; color: #666; } .main .one .one_2 .one_2u .one_2u_l { float: left; width: 80%; } .main .one .one_2 .one_2u .one_2u_l .icon { position: relative; top: 2px; } .main .one .one_2 .one_2u .one_2u_r { float: left; width: 20%; text-align: right; } .main .two { float: left; width: 95%; margin: 45px 10px 0 10px; } .main .two .two_1 { 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; } .main .two .two_1 .two_1o text { 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; } .main .two .two_1 .two_1u { float: left; width: 100%; background-color: #ffffff; border-radius: 5px; } .main .two .two_1 .two_1u .ismatchList { 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; } .main .two .two_1 .two_1u .ismatchList .ismatch_1 text:nth-child(1) { 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; } .main .two .two_1 .two_1u .ismatchList .ismatch_2 { float: left; width: 95%; padding: 10px; } .main .two .two_1 .two_1u .ismatchList .ismatch_2_1 { 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; } .main .two .two_1 .two_1u .ismatchList .ismatch_2_2 { 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; } .main .two .two_1 .two_1u .ismatchList .ismatch_2_2 .ismatchname { width: 35%; } .main .two .two_1 .two_1u .ismatchList .ismatch_2_2 .name:nth-child(2) { 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; } .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; } .main .two .two_2 { 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; } .main .two .two_2 .two_2_1 text:nth-child(1) { 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; } .main .two .two_2 .two_2_1 button { 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%; } .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; } .main .two .two_2 .two_2_2 .teamList .team_l { 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; } .main .two .two_2 .two_2_2 .teamList .team_l .team_l_1 image { 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; } .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; } .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; } .main .two .two_2 .two_2_2 .teamList .team_l .team_l_2 { 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; } .main .two .two_3 { 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; } .two_3 .two_3_o text { font-size: 16px; color: #000; font-weight: bold; } .two_3_u { float: left; width: 100%; } .two_3_u .btnList { float: left; width: 25%; min-height: 50px; text-align: center; margin: 0 0 5px 0; } .two_3_u .btnList .icons { margin: 0 0 5px 0; } .two_3_u .btnList .title { font-size: 12px; color: #666; } .dialog_one { float: left; width: 100%; } .dialog_one .content { float: left; width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0; margin: 0 0 10px 0; font-size: 14px; } .dialog_one .content .label { float: left; width: 20%; } .dialog_one .content .value { float: left; width: 80%; text-align: right; } .dialog_one .btn { float: left; width: 100%; text-align: center; } .dialog_one .btn button { font-size: 14px; }