UseStudioAllProduct/css/index.css

#U_appb_lb {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_lbt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_lbt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 40px;
}

#U_appb_lbt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_lbt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 80px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

@media screen and (max-device-width: 960px) {
    #U_appb_log {
        width: 70px;
        max-height: 75px;
        margin-left: 10px;
        margin-top: 10px
    }

    #U_appb_lj {
        margin-top: 70px;
        margin-right: 50px;
        float: right;
        display: none;
    }

    #U_appb_p {
        width: 94%;
        border-radius: 5px;
        margin-top: 5px;
        margin-left: 10px;
        background-color: White;
        min-height: 90px;
    }

    #U_appb_pt4 {
        width: auto;
        background-color: #f0f0f0;
        color: gray;
        font-size: 14px;
        margin-right: 5px;
        margin-top: 5px;
        margin-left: 88px;
        padding: 3px;
        line-height: 18px;
        height: 33px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

@media screen and (min-device-width: 960px) {
    #U_appb_log {
        width: 70px;
        max-height: 75px;
        margin-left: 10px;
        margin-top: 10px
    }

    #U_appb_lj {
        margin-top: -75px;
        margin-right: 50px;
        float: right;
        display: block;
    }

    #U_appb_p {
        width: 94%;
        border-radius: 5px;
        margin-top: 5px;
        margin-left: 10px;
        background-color: White;
        min-height: 90px;
        padding-bottom: 10px
    }

    #U_appb_pt4 {
        width: auto;
        background-color: #f0f0f0;
        color: gray;
        font-size: 14px;
        margin-right: 5px;
        margin-top: 6px;
        margin-left: 88px;
        padding: 7px;
        line-height: 17px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: 46px
    }
}

#U_appb_log2 {
    width: 80px;
    min-height: 85px
}

#U_appb_q {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_qt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_qt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 20px;
}

#U_appb_qt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_qt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_pt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_pt2 {
    font-size: 16px;
    margin-left: 90px;
    margin-top: -70px;
}

#U_appb_pt3 {
    font-size: 14px;
    color: gray;
    margin-left: 90px;
    margin-top: 0px;
}

#U_appb {
    width: 100%;
    margin: 0px auto;
    max-width: 960px
}

#U_appb_a {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_at {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_at2 {
    font-size: 12px;
    color: Gray;
    margin-left: 275px;
    margin-top: 20px;
}

#U_appb_at3 {
    font-size: 12px;
    color: Red;
    margin-left: 555px;
    margin-top: -17px;
    font-weight: bold;
}

#U_appb_at4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 20px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_b {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_bt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_bt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 275px;
    margin-top: 20px;
}

#U_appb_bt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_bt4 {
    width: 1100px;
    height: 25px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    line-height: 25px;
    padding: 7px;
}

#U_appb_c {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_ct {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_ct2 {
    font-size: 12px;
    color: Gray;
    margin-left: 275px;
    margin-top: 20px;
}

#U_appb_ct3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_ct4 {
    width: 1100px;
    height: 25px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    line-height: 25px;
    padding: 7px;
}

#U_appb_d {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_dt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_dt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 275px;
    margin-top: 20px;
}

#U_appb_dt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_dt4 {
    width: 1100px;
    height: 25px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    line-height: 25px;
    padding: 7px;
}

#U_appb_e {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_et {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_et2 {
    font-size: 12px;
    color: Gray;
    margin-left: 275px;
    margin-top: 20px;
}

#U_appb_et3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_et4 {
    width: 1100px;
    height: 25px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    line-height: 25px;
    padding: 7px;
}

#U_appb_f {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_ft {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_ft2 {
    font-size: 12px;
    color: Gray;
    margin-left: 275px;
    margin-top: 20px;
}

#U_appb_ft3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_ft4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_g {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_gt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_gt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 275px;
    margin-top: 20px;
}

#U_appb_gt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_gt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_h {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_ht {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_ht2 {
    font-size: 12px;
    color: Gray;
    margin-left: 275px;
    margin-top: 20px;
}

#U_appb_ht3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_ht4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 50px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_i {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_it {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_it2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 20px;
}

#U_appb_it3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_it4 {
    width: 1100px;
    height: 25px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    line-height: 25px;
    padding: 7px;
}

#U_appb_j {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_jt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_jt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 20px;
}

#U_appb_jt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_jt4 {
    width: 1100px;
    height: 25px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    line-height: 25px;
    padding: 7px;
}

#U_appb_k {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_kt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_kt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 20px;
}

#U_appb_kt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_kt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 65px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_l {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_lt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_lt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 20px;
}

#U_appb_lt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_lt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_m {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_mt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_mt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 275;
    margin-top: 20px;
}

#U_appb_mt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_mt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_n {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_nt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_nt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 20px;
}

#U_appb_nt4 {
    width: 1100px;
    background-color: #f0f0f0;
    height: 25px;
    font-size: 12px;
    margin-top: 20px;
    margin-left: 40px;
    line-height: 25px;
    padding: 7px;
}

#U_appb_o {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_ot {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_ot2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 20px;
}

#U_appb_ot3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_ot4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_sql {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_sqlt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 100px;
    font-family: "Microsoft YaHei";
}

#U_appb_sqlt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 20px;
}

#U_appb_sqlt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_sqlt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_cmsp {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_cmspt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_cmspt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 20px;
}

#U_appb_cmspt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_cmspt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_cmsd {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_cmsdt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 110px;
    font-family: "Microsoft YaHei";
}

#U_appb_cmsdt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 20px;
}

#U_appb_cmsdt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_cmsdt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_zhg {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_zhgt {
    font-size: 21px;
    margin-top: -70px;
    margin-left: 250px;
    font-family: "Microsoft YaHei";
}

#U_appb_zhgt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 60px;
}

#U_appb_zhgt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_zhgt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 50px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_py {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_pyt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_pyt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 20px;
}

#U_appb_pyt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_pyt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 50px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_dpb {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_dpbt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_dpbt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 228px;
    margin-top: 20px;
}

#U_appb_dpbt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_dpbt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 60px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_yxy {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_yxyt {
    font-size: 21px;
    margin-top: -70px;
    margin-left: 250px;
    font-family: "Microsoft YaHei";
}

#U_appb_yxyt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 275px;
    margin-top: 34px;
}

#U_appb_yxyt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_yxyt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 70px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_bd {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_bdt {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 80px;
    font-family: "Microsoft YaHei";
}

#U_appb_bdt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 275px;
    margin-top: 20px;
}

#U_appb_bdt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_bdt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 70px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}

#U_appb_yxy1 {
    font-size: 21px;
    margin-top: -50px;
    margin-left: 220px;
    font-family: "Microsoft YaHei";
}

#U_appb_kpxt {
    width: 1200px;
    height: 180px;
    border-radius: 5px;
    margin-top: 30px;
    background-color: White;
}

#U_appb_kpxtt {
    font-size: 21px;
    margin-top: -33px;
    margin-left: 125px;
    font-family: "Microsoft YaHei";
}

#U_appb_kpxt2 {
    font-size: 12px;
    color: Gray;
    margin-left: 275px;
    margin-top: 20px;
}

#U_appb_kpxt3 {
    font-size: 12px;
    color: gray;
    margin-left: 275px;
    margin-top: -57px;
}

#U_appb_kpxt4 {
    width: 1100px;
    background-color: #f0f0f0;
    font-size: 12px;
    margin-top: 84px;
    margin-left: 40px;
    padding: 7px;
    line-height: 17px;
}