/*全局开始*/
* {
    font-family: "microsoft yahei";
    font-family: "微软雅黑";
}

html {
    overflow-x: hidden;
    overflow-y: auto;
}

a:hover {
    color: #0066ff;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
iframe {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.displayNone {
    display: none;
}

.displayBlock {
    display: block;
}

.div {
    float: left;
}

.div_l {
    float: left;
}

.div_c {
    margin: 0 auto;
}

.div_r {
    float: right;
}

.width_1 {
    width: 1px;
}

.width_2 {
    width: 2px;
}

.width_3 {
    width: 3px;
}

.width_4 {
    width: 4px;
}

.width_5 {
    width: 5px;
}

.width_6 {
    width: 6px;
}

.width_7 {
    width: 7px;
}

.width_8 {
    width: 8px;
}

.width_9 {
    width: 9px;
}

.width_10 {
    width: 10px;
}

.width_15 {
    width: 15px;
}

.width_20 {
    width: 20px;
}

.width_25 {
    width: 25px;
}

.width_30 {
    width: 30px;
}

.width_35 {
    width: 35px;
}

.width_40 {
    width: 40px;
}

.width_45 {
    width: 45px;
}

.width_50 {
    width: 50px;
}

.width_55 {
    width: 55px;
}

.width_60 {
    width: 60px;
}

.width_65 {
    width: 65px;
}

.width_70 {
    width: 70px;
}

.width_75 {
    width: 75px;
}

.width_80 {
    width: 80px;
}

.width_85 {
    width: 85px;
}

.width_90 {
    width: 90px;
}

.width_95 {
    width: 95px;
}

.width_100 {
    width: 100px;
}

.width_110 {
    width: 110px;
}

.width_115 {
    width: 115px;
}

.width_120 {
    width: 120px;
}

.width_125 {
    width: 125px;
}

.width_130 {
    width: 130px;
}

.width_135 {
    width: 135px;
}

.width_140 {
    width: 140px;
}

.width_145 {
    width: 145px;
}

.width_150 {
    width: 150px;
}

.width_155 {
    width: 155px;
}

.width_160 {
    width: 160px;
}

.width_165 {
    width: 165px;
}

.width_170 {
    width: 170px;
}

.width_175 {
    width: 175px;
}

.width_180 {
    width: 180px;
}

.width_185 {
    width: 185px;
}

.width_190 {
    width: 190px;
}

.width_195 {
    width: 195px;
}

.width_200 {
    width: 200px;
}

.width_210 {
    width: 210px;
}

.width_220 {
    width: 220px;
}

.width_230 {
    width: 230px;
}

.width_240 {
    width: 240px;
}

.width_250 {
    width: 250px;
}

.width_260 {
    width: 260px;
}

.width_270 {
    width: 270px;
}

.width_280 {
    width: 280px;
}

.width_290 {
    width: 290px;
}

.width_300 {
    width: 300px;
}

.width_310 {
    width: 310px;
}

.width_320 {
    width: 320px;
}

.width_330 {
    width: 330px;
}

.width_340 {
    width: 340px;
}

.width_350 {
    width: 350px;
}

.width_360 {
    width: 360px;
}

.width_370 {
    width: 370px;
}

.width_380 {
    width: 380px;
}

.width_390 {
    width: 390px;
}

.width_400 {
    width: 400px;
}

.width_450 {
    width: 450px;
}

.width_500 {
    width: 500px;
}

.width_550 {
    width: 550px;
}

.width_600 {
    width: 600px;
}

.width_650 {
    width: 650px;
}

.width_700 {
    width: 700px;
}

.width_750 {
    width: 750px;
}

.width_800 {
    width: 800px;
}

.width_850 {
    width: 850px;
}

.width_900 {
    width: 900px;
}

.width_910 {
    width: 910px;
}

.width_920 {
    width: 920px;
}

.width_930 {
    width: 930px;
}

.width_940 {
    width: 940px;
}

.width_950 {
    width: 950px;
}

.width_960 {
    width: 960px;
}

.width_970 {
    width: 970px;
}

.width_980 {
    width: 980px;
}

.width_990 {
    width: 990px;
}

.width_1000 {
    width: 1000px;
}

.width_1100 {
    width: 1100px;
}

.width_1200 {
    width: 1200px;
}

.width_1440 {
    width: 1440px;
}

.width_all {
    width: 100%;
}

.width_1b {
    width: 100%;
    float: left;
}

.width_2b {
    width: 50%;
    float: left;
}

.width_3b {
    width: 33.33%;
    float: left;
}

.width_4b {
    width: 25%;
    float: left;
}

.width_5b {
    width: 20%;
    float: left;
}

.width_10b {
    width: 10%;
    float: left;
}

.width_6b {
    width: 16.66%;
    float: left;
}

.width_7b {
    width: 14.285%;
    float: left;
}

.width_8b {
    width: 12.5%;
    float: left;
}

.width_9b {
    width: 11.11%;
    float: left;
}

.width_10p {
    width: 10%;
}

.width_20p {
    width: 20%;
}

.width_30p {
    width: 30%;
}

.width_40p {
    width: 40%;
}

.width_50p {
    width: 50%;
}

.width_60p {
    width: 60%;
}

.width_70p {
    width: 70%;
}

.width_80p {
    width: 80%;
}

.width_90p {
    width: 90%;
}

.width_all {
    width: 100%;
}

.height_1 {
    height: 1px;
}

.height_2 {
    height: 2px;
}

.height_3 {
    height: 3px;
}

.height_4 {
    height: 4px;
}

.height_5 {
    height: 5px;
}

.height_6 {
    height: 6px;
}

.height_7 {
    height: 7px;
}

.height_8 {
    height: 8px;
}

.height_9 {
    height: 9px;
}

.height_10 {
    height: 10px;
}

.height_15 {
    height: 15px;
}

.height_20 {
    height: 20px;
}

.height_25 {
    height: 25px;
}

.height_30 {
    height: 30px;
}

.height_35 {
    height: 35px;
}

.height_40 {
    height: 40px;
}

.height_45 {
    height: 45px;
}

.height_50 {
    height: 50px;
}

.height_55 {
    height: 55px;
}

.height_60 {
    height: 60px;
}

.height_65 {
    height: 65px;
}

.height_70 {
    height: 70px;
}

.height_75 {
    height: 75px;
}

.height_80 {
    height: 80px;
}

.height_85 {
    height: 85px;
}

.height_90 {
    height: 90px;
}

.height_91 {
    height: 91px;
}

.height_92 {
    height: 92px;
}

.height_93 {
    height: 93px;
}

.height_94 {
    height: 94px;
}

.height_95 {
    height: 95px;
}

.height_100 {
    height: 100px;
}

.height_120 {
    height: 120px;
}

.height_130 {
    height: 130px;
}

.height_140 {
    height: 140px;
}

.height_150 {
    height: 150px;
}

.height_155 {
    height: 155px;
}

.height_160 {
    height: 160px;
}

.height_170 {
    height: 170px;
}

.height_180 {
    height: 180px;
}

.height_190 {
    height: 190px;
}

.height_200 {
    height: 200px;
}

.height_210 {
    height: 210px;
}

.height_220 {
    height: 220px;
}

.height_230 {
    height: 230px;
}

.height_240 {
    height: 240px;
}

.height_250 {
    height: 250px;
}

.height_260 {
    height: 260px;
}

.height_270 {
    height: 270px;
}

.height_280 {
    height: 280px;
}

.height_290 {
    height: 290px;
}

.height_300 {
    height: 300px;
}

.height_340 {
    height: 340px;
}

.height_350 {
    height: 350px;
}

.height_360 {
    height: 360px;
}

.height_370 {
    height: 370px;
}

.height_380 {
    height: 380px;
}

.height_385 {
    height: 385px;
}

.height_390 {
    height: 390px;
}

.height_400 {
    height: 400px;
}

.height_410 {
    height: 410px;
}

.height_420 {
    height: 420px;
}

.height_430 {
    height: 430px;
}

.height_440 {
    height: 440px;
}

.height_450 {
    height: 450px;
}

.height_460 {
    height: 460px;
}

.height_500 {
    height: 500px;
}

.height_550 {
    height: 550px;
}

.height_570 {
    height: 570px;
}

.height_600 {
    height: 600px;
}

.height_650 {
    height: 650px;
}

.height_700 {
    height: 700px;
}

.height_750 {
    height: 750px;
}

.height_800 {
    height: 800px;
}

.height_850 {
    height: 850px;
}

.height_860 {
    height: 860px;
}

.height_900 {
    height: 900px;
}

.height_950 {
    height: 950px;
}

.height_1000 {
    height: 1000px;
}

.height_all {
    height: 100%;
}

.l_h_0 {
    line-height: 0px;
}

.l_h_1 {
    line-height: 1px;
}

.l_h_2 {
    line-height: 2px;
}

.l_h_3 {
    line-height: 3px;
}

.l_h_4 {
    line-height: 4px;
}

.l_h_5 {
    line-height: 5px;
}

.l_h_6 {
    line-height: 6px;
}

.l_h_7 {
    line-height: 7px;
}

.l_h_8 {
    line-height: 8px;
}

.l_h_9 {
    line-height: 9px;
}

.l_h_10 {
    line-height: 10px;
}

.l_h_15 {
    line-height: 15px;
}

.l_h_16 {
    line-height: 16px;
}

.l_h_18 {
    line-height: 18px;
}

.l_h_20 {
    line-height: 20px;
}

.l_h_21 {
    line-height: 21px;
}

.l_h_22 {
    line-height: 22px;
}

.l_h_23 {
    line-height: 23px;
}

.l_h_24 {
    line-height: 24px;
}

.l_h_25 {
    line-height: 25px;
}

.l_h_26 {
    line-height: 26px;
}

.l_h_27 {
    line-height: 27px;
}

.l_h_28 {
    line-height: 28px;
}

.l_h_29 {
    line-height: 29px;
}

.l_h_30 {
    line-height: 30px;
}

.l_h_32 {
    line-height: 32px;
}

.l_h_35 {
    line-height: 35px;
}

.l_h_38 {
    line-height: 38px;
}

.l_h_40 {
    line-height: 40px;
}

.l_h_45 {
    line-height: 45px;
}

.l_h_50 {
    line-height: 50px;
}

.l_h_55 {
    line-height: 55px;
}

.l_h_60 {
    line-height: 60px;
}

.l_h_65 {
    line-height: 65px;
}

.l_h_70 {
    line-height: 70px;
}

.l_h_75 {
    line-height: 75px;
}

.l_h_80 {
    line-height: 80px;
}

.l_h_85 {
    line-height: 85px;
}

.l_h_90 {
    line-height: 90px;
}

.l_h_95 {
    line-height: 95px;
}

.l_h_100 {
    line-height: 100px;
}

.l_h_110 {
    line-height: 110px;
}

.l_h_120 {
    line-height: 120px;
}

.l_h_130 {
    line-height: 130px;
}

.l_h_140 {
    line-height: 140px;
}

.l_h_150 {
    line-height: 150px;
}

.l_h_155 {
    line-height: 155px;
}

.l_h_160 {
    line-height: 160px;
}

.l_h_165 {
    line-height: 165px;
}

.l_h_170 {
    line-height: 170px;
}

.l_h_170 {
    line-height: 175px;
}

.l_h_180 {
    line-height: 180px;
}

.l_h_185 {
    line-height: 185px;
}

.l_h_190 {
    line-height: 190px;
}

.l_h_195 {
    line-height: 195px;
}

.l_h_200 {
    line-height: 200px;
}

.l_h_300 {
    line-height: 300px;
}

.t_6 {
    font-size: 6px;
}

.t_8 {
    font-size: 8px;
}

.t_10 {
    font-size: 10px;
}

.t_11 {
    font-size: 11px;
}

.t_12 {
    font-size: 12px;
}

.t_13 {
    font-size: 13px;
}

.t_14 {
    font-size: 14px;
}

.t_15 {
    font-size: 15px;
}

.t_16 {
    font-size: 16px;
}

.t_17 {
    font-size: 17px;
}

.t_18 {
    font-size: 18px;
}

.t_19 {
    font-size: 19px;
}

.t_20 {
    font-size: 20px;
}

.t_21 {
    font-size: 21px;
}

.t_22 {
    font-size: 22px;
}

.t_23 {
    font-size: 23px;
}

.t_24 {
    font-size: 24px;
}

.t_25 {
    font-size: 25px;
}

.t_30 {
    font-size: 30px;
}

.t_35 {
    font-size: 35px;
}

.t_40 {
    font-size: 40px;
}

.t_45 {
    font-size: 45px;
}

.t_50 {
    font-size: 50px;
}

.t_55 {
    font-size: 55px;
}

.t_60 {
    font-size: 60px;
}

.t_65 {
    font-size: 65px;
}

.t_70 {
    font-size: 70px;
}

.t_75 {
    font-size: 75px;
}

.t_80 {
    font-size: 80px;
}

.t_85 {
    font-size: 85px;
}

.t_90 {
    font-size: 90px;
}

.t_95 {
    font-size: 95px;
}

.t_100 {
    font-size: 100px;
}

.t_150 {
    font-size: 150px;
}

.t_l {
    text-align: left;
}

.t_r {
    text-align: right;
}

.t_c {
    text-align: center;
}

.t_w {
    font-weight: bold;
}

.t_w_0 {
    font-weight: 0;
}

.c_000 {
    color: #000;
}

.c_111 {
    color: #111;
}

.c_222 {
    color: #222;
}

.c_333 {
    color: #333;
}

.c_444 {
    color: #444;
}

.c_555 {
    color: #555;
}

.c_666 {
    color: #666;
}

.c_777 {
    color: #777;
}

.c_888 {
    color: #888;
}

.c_999 {
    color: #999;
}

.c_fff {
    color: #fff;
}

.c_ccc {
    color: #ccc;
}

.c_f8e117 {
    color: #f8e117;
}

.c_4d5152 {
    color: #4d5152;
}

.c_2276ce {
    color: #2276ce;
}

.c_f0f0f0 {
    color: #f0f0f0;
}

.c_f1f1f1 {
    color: #f1f1f1;
}

.c_f2f2f2 {
    color: #f2f2f2;
}

.c_f3f3f3 {
    color: #f3f3f3;
}

.c_f4f4f4 {
    color: #f4f4f4;
}

.c_f5f5f5 {
    color: #f5f5f5;
}

.c_f6f6f6 {
    color: #f6f6f6;
}

.c_f7f7f7 {
    color: #f7f7f7;
}

.c_f8f8f8 {
    color: #f8f8f8;
}

.c_f9f9f9 {
    color: #f9f9f9;
}

.c_red {
    color: #ff0000;
}

.c_green {
    color: #2cd45d;
}

.c_orange {
    color: #fe8d01;
}

.c_006fff {
    color: #006fff;
}

.c_09b3e9 {
    color: #09b3e9;
}

.c_blue {
    color: #29b0e7;
}

.c_c0c0c0 {
    color: #C0C0C0;
}

.c_a8dfcc {
    color: #a8dfcc;
}

.c_7b8196 {
    color: #7b8196;
}

.c_d5d9dc {
    color: #d5d9dc;
}

.c_eaeaea {
    color: #eaeaea;
}

.c_orangered {
    color: orangered;
}

.c_00aef9 {
    color: #00aef9;
}

.c_00a2d2 {
    color: #00a2d2;
}

.c_fed30b {
    color: #fed30b;
}

.bj_000 {
    background: #000;
}

.bj_111 {
    background: #111;
}

.bj_222 {
    background: #222;
}

.bj_333 {
    background: #333;
}

.bj_444 {
    background: #444;
}

.bj_555 {
    background: #555;
}

.bj_666 {
    background: #666;
}

.bj_777 {
    background: #777;
}

.bj_888 {
    background: #888;
}

.bj_999 {
    background: #999;
}

.bj_fff {
    background: #fff;
}

.bj_ccc {
    background: #ccc;
}

.bj_f0f0f0 {
    background: #f0f0f0;
}

.bj_f1f1f1 {
    background: #f1f1f1;
}

.bj_f2f2f2 {
    background: #f2f2f2;
}

.bj_f3f3f3 {
    background: #f3f3f3;
}

.bj_f4f4f4 {
    background: #f4f4f4;
}

.bj_f5f5f5 {
    background: #f5f5f5;
}

.bj_f6f6f6 {
    background: #f6f6f6;
}

.bj_f7f7f7 {
    background: #f7f7f7;
}

.bj_f8f8f8 {
    background: #f8f8f8;
}

.bj_f9f9f9 {
    background: #f9f9f9;
}

.bj_eaeaea {
    background: #eaeaea;
}

.bj_red {
    background: #ff0000;
}

.bj_green {
    background: #2cd45d;
}

.bj_orange {
    background: #fe8d01;
}

.bj_006fff {
    background: #006fff;
}

.bj_09b3e9 {
    background: #09b3e9;
}

.bj_blue {
    background: #29b0e7;
}

.bj_326cf6 {
    background: #326cf6;
}

.bj_orangered {
    background: orangered;
}

.bj_4b5368 {
    background: #4b5368;
}

.bj_326cf6 {
    background: #326cf6;
}

.bj_FAEBCC {
    background: #FAEBCC;
}

.bj_2b2a2f {
    background: #2b2a2f;
}

.bj_0f0e1e {
    background: #0f0e1e;
}

.bj_f2fee8 {
    background: #f2fee8;
}

.bj_fbfffe {
    background: #fbfffe;
}

.bj_ff6c00 {
    background: #ff6c00;
}

.bj_fee7e7 {
    background: #fee7e7;
}

.bj_efeff6 {
    background: #efeff6;
}

.bj_383c3f {
    background: #383c3f;
}

.bj_f8f4f2 {
    background: #f8f4f2;
}

.bj_eeeff1 {
    background: #eeeff1;
}

.bj_00aeff {
    background: #00aeff;
}

.bj_f1f5fe {
    background: #f1f5fe;
}

.bj_6c6e7b {
    background: #6c6e7b;
}

.bj_f3652a {
    background: #f3652a;
}

.bj_5d56a3 {
    background: #5d56a3;
}

.bj_02aef0 {
    background: #02aef0;
}

.bj_05b95e {
    background: #05b95e;
}

.bj_f1796c {
    background: #f1796c;
}

.bj_fd5f56 {
    background: #fd5f56;
}

.bj_00a2d2 {
    background: #00a2d2;
}

.bj_3e68e9 {
    background: #3e68e9;
}

.bj_ff6633 {
    background: #ff6633;
}

.bj_rgba_1 {
    background: rgba(0, 0, 0, 0.1);
}

.bj_rgba_2 {
    background: rgba(0, 0, 0, 0.2);
}

.bj_rgba_3 {
    background: rgba(0, 0, 0, 0.3);
}

.bj_rgba_4 {
    background: rgba(0, 0, 0, 0.4);
}

.bj_rgba_5 {
    background: rgba(0, 0, 0, 0.5);
}

.bj_rgba_6 {
    background: rgba(0, 0, 0, 0.6);
}

.bj_rgba_7 {
    background: rgba(0, 0, 0, 0.7);
}

.bj_rgba_8 {
    background: rgba(0, 0, 0, 0.8);
}

.bj_rgba_9 {
    background: rgba(0, 0, 0, 0.9);
}

.bj_l_w_r {
    background: linear-gradient(to right, white, red);
}

.p_t_1 {
    padding-top: 1px;
}

.p_t_2 {
    padding-top: 2px;
}

.p_t_3 {
    padding-top: 3px;
}

.p_t_4 {
    padding-top: 4px;
}

.p_t_5 {
    padding-top: 5px;
}

.p_t_6 {
    padding-top: 6px;
}

.p_t_7 {
    padding-top: 7px;
}

.p_t_8 {
    padding-top: 8px;
}

.p_t_9 {
    padding-top: 9px;
}

.p_t_10 {
    padding-top: 10px;
}

.p_t_15 {
    padding-top: 15px;
}

.p_t_20 {
    padding-top: 20px;
}

.p_t_25 {
    padding-top: 25px;
}

.p_t_30 {
    padding-top: 30px;
}

.p_t_35 {
    padding-top: 35px;
}

.p_t_40 {
    padding-top: 40px;
}

.p_t_45 {
    padding-top: 45px;
}

.p_t_50 {
    padding-top: 50px;
}

.p_t_55 {
    padding-top: 55px;
}

.p_t_60 {
    padding-top: 60px;
}

.p_t_65 {
    padding-top: 65px;
}

.p_t_70 {
    padding-top: 70px;
}

.p_t_75 {
    padding-top: 75px;
}

.p_t_80 {
    padding-top: 80px;
}

.p_t_85 {
    padding-top: 85px;
}

.p_t_90 {
    padding-top: 90px;
}

.p_t_95 {
    padding-top: 95px;
}

.p_t_100 {
    padding-top: 100px;
}

.p_t_150 {
    padding-top: 150px;
}

.p_b_1 {
    padding-bottom: 1px;
}

.p_b_2 {
    padding-bottom: 2px;
}

.p_b_3 {
    padding-bottom: 3px;
}

.p_b_4 {
    padding-bottom: 4px;
}

.p_b_4b {
    padding-bottom: 4.5px;
}

.p_b_5 {
    padding-bottom: 5px;
}

.p_b_10 {
    padding-bottom: 10px;
}

.p_b_15 {
    padding-bottom: 15px;
}

.p_b_20 {
    padding-bottom: 20px;
}

.p_b_25 {
    padding-bottom: 25px;
}

.p_b_30 {
    padding-bottom: 30px;
}

.p_b_35 {
    padding-bottom: 35px;
}

.p_b_40 {
    padding-bottom: 40px;
}

.p_b_45 {
    padding-bottom: 45px;
}

.p_b_50 {
    padding-bottom: 50px;
}

.p_b_55 {
    padding-bottom: 55px;
}

.p_b_60 {
    padding-bottom: 60px;
}

.p_b_65 {
    padding-bottom: 65px;
}

.p_b_70 {
    padding-bottom: 70px;
}

.p_b_75 {
    padding-bottom: 75px;
}

.p_b_80 {
    padding-bottom: 80px;
}

.p_b_85 {
    padding-bottom: 85px;
}

.p_b_90 {
    padding-bottom: 90px;
}

.p_b_95 {
    padding-bottom: 95px;
}

.p_b_100 {
    padding-bottom: 100px;
}

.p_b_150 {
    padding-bottom: 150px;
}

.p_r_3 {
    padding-right: 3px;
}

.p_r_5 {
    padding-right: 5px;
}

.p_r_10 {
    padding-right: 10px;
}

.p_r_15 {
    padding-right: 15px;
}

.p_r_20 {
    padding-right: 20px;
}

.p_r_25 {
    padding-right: 25px;
}

.p_r_30 {
    padding-right: 30px;
}

.p_r_35 {
    padding-right: 35px;
}

.p_r_40 {
    padding-right: 40px;
}

.p_r_45 {
    padding-right: 45px;
}

.p_r_50 {
    padding-right: 50px;
}

.p_r_55 {
    padding-right: 55px;
}

.p_r_60 {
    padding-right: 60px;
}

.p_r_65 {
    padding-right: 65px;
}

.p_r_70 {
    padding-right: 70px;
}

.p_r_75 {
    padding-right: 75px;
}

.p_r_80 {
    padding-right: 80px;
}

.p_r_85 {
    padding-right: 85px;
}

.p_r_90 {
    padding-right: 90px;
}

.p_r_95 {
    padding-right: 95px;
}

.p_r_100 {
    padding-right: 100px;
}

.p_l_1 {
    padding-left: 1px;
}

.p_l_2 {
    padding-left: 2px;
}

.p_l_3 {
    padding-left: 3px;
}

.p_l_4 {
    padding-left: 4px;
}

.p_l_5 {
    padding-left: 5px;
}

.p_l_6 {
    padding-left: 6px;
}

.p_l_7 {
    padding-left: 7px;
}

.p_l_8 {
    padding-left: 8px;
}

.p_l_9 {
    padding-left: 9px;
}

.p_l_10 {
    padding-left: 10px;
}

.p_l_15 {
    padding-left: 15px;
}

.p_l_20 {
    padding-left: 20px;
}

.p_l_25 {
    padding-left: 25px;
}

.p_l_30 {
    padding-left: 30px;
}

.p_l_35 {
    padding-left: 35px;
}

.p_l_40 {
    padding-left: 40px;
}

.p_l_45 {
    padding-left: 45px;
}

.p_l_50 {
    padding-left: 50px;
}

.p_l_55 {
    padding-left: 55px;
}

.p_l_60 {
    padding-left: 60px;
}

.p_l_65 {
    padding-left: 65px;
}

.p_l_70 {
    padding-left: 70px;
}

.p_l_75 {
    padding-left: 75px;
}

.p_l_80 {
    padding-left: 80px;
}

.p_l_85 {
    padding-left: 85px;
}

.p_l_90 {
    padding-left: 90px;
}

.p_l_95 {
    padding-left: 95px;
}

.p_l_100 {
    padding-left: 100px;
}

.p_l_150 {
    padding-left: 150px;
}

.p_l_200 {
    padding-left: 200px;
}

.p_a_1 {
    padding: 1px;
}

.p_a_2 {
    padding: 2px;
}

.p_a_3 {
    padding: 3px;
}

.p_a_4 {
    padding: 4px;
}

.p_a_5 {
    padding: 5px;
}

.p_a_10 {
    padding: 10px;
}

.p_a_15 {
    padding: 15px;
}

.p_a_20 {
    padding: 20px;
}

.p_a_25 {
    padding: 25px;
}

.p_a_30 {
    padding: 30px;
}

.p_a_35 {
    padding: 35px;
}

.p_a_40 {
    padding: 40px;
}

.p_a_45 {
    padding: 45px;
}

.p_a_50 {
    padding: 50px;
}

.p_a_55 {
    padding: 55px;
}

.p_a_60 {
    padding: 60px;
}

.p_a_65 {
    padding: 65px;
}

.p_a_70 {
    padding: 70px;
}

.p_a_75 {
    padding: 75px;
}

.p_a_80 {
    padding: 80px;
}

.p_a_85 {
    padding: 85px;
}

.p_a_90 {
    padding: 90px;
}

.p_a_95 {
    padding: 95px;
}

.p_a_100 {
    padding: 100px;
}

.m_t_-10 {
    margin-top: -10px;
}

.m_t_-20 {
    margin-top: -20px;
}

.m_t_-30 {
    margin-top: -30px;
}

.m_t_-40 {
    margin-top: -40px;
}

.m_t_-50 {
    margin-top: -50px;
}

.m_t_1 {
    margin-top: 1px;
}

.m_t_2 {
    margin-top: 2px;
}

.m_t_3 {
    margin-top: 3px;
}

.m_t_4 {
    margin-top: 4px;
}

.m_t_5 {
    margin-top: 5px;
}

.m_t_6 {
    margin-top: 6px;
}

.m_t_7 {
    margin-top: 7px;
}

.m_t_8 {
    margin-top: 8px;
}

.m_t_9 {
    margin-top: 9px;
}

.m_t_10 {
    margin-top: 10px;
}

.m_t_11 {
    margin-top: 11px;
}

.m_t_12 {
    margin-top: 12px;
}

.m_t_13 {
    margin-top: 13px;
}

.m_t_14 {
    margin-top: 14px;
}

.m_t_15 {
    margin-top: 15px;
}

.m_t_16 {
    margin-top: 16px;
}

.m_t_17 {
    margin-top: 17px;
}

.m_t_18 {
    margin-top: 18px;
}

.m_t_19 {
    margin-top: 19px;
}

.m_t_20 {
    margin-top: 20px;
}

.m_t_21 {
    margin-top: 21px;
}

.m_t_22 {
    margin-top: 22px;
}

.m_t_23 {
    margin-top: 23px;
}

.m_t_24 {
    margin-top: 24px;
}

.m_t_25 {
    margin-top: 25px;
}

.m_t_26 {
    margin-top: 26px;
}

.m_t_27 {
    margin-top: 27px;
}

.m_t_28 {
    margin-top: 28px;
}

.m_t_29 {
    margin-top: 29px;
}

.m_t_30 {
    margin-top: 30px;
}

.m_t_31 {
    margin-top: 31px;
}

.m_t_32 {
    margin-top: 32px;
}

.m_t_33 {
    margin-top: 33px;
}

.m_t_34 {
    margin-top: 34px;
}

.m_t_35 {
    margin-top: 35px;
}

.m_t_36 {
    margin-top: 36px;
}

.m_t_37 {
    margin-top: 37px;
}

.m_t_38 {
    margin-top: 38px;
}

.m_t_39 {
    margin-top: 39px;
}

.m_t_40 {
    margin-top: 40px;
}

.m_t_45 {
    margin-top: 45px;
}

.m_t_50 {
    margin-top: 50px;
}

.m_t_55 {
    margin-top: 55px;
}

.m_t_60 {
    margin-top: 60px;
}

.m_t_65 {
    margin-top: 65px;
}

.m_t_70 {
    margin-top: 70px;
}

.m_t_71 {
    margin-top: 71px;
}

.m_t_72 {
    margin-top: 72px;
}

.m_t_73 {
    margin-top: 73px;
}

.m_t_74 {
    margin-top: 74px;
}

.m_t_75 {
    margin-top: 75px;
}

.m_t_76 {
    margin-top: 76px;
}

.m_t_77 {
    margin-top: 77px;
}

.m_t_78 {
    margin-top: 78px;
}

.m_t_79 {
    margin-top: 79px;
}

.m_t_80 {
    margin-top: 80px;
}

.m_t_85 {
    margin-top: 85px;
}

.m_t_90 {
    margin-top: 90px;
}

.m_t_95 {
    margin-top: 95px;
}

.m_t_100 {
    margin-top: 100px;
}

.m_t_110 {
    margin-top: 110px;
}

.m_t_120 {
    margin-top: 120px;
}

.m_t_130 {
    margin-top: 130px;
}

.m_t_135 {
    margin-top: 135px;
}

.m_t_136 {
    margin-top: 136px;
}

.m_t_137 {
    margin-top: 137px;
}

.m_t_140 {
    margin-top: 140px;
}

.m_t_150 {
    margin-top: 150px;
}

.m_t_200 {
    margin-top: 200px;
}

.m_t_250 {
    margin-top: 250px;
}

.m_r_5 {
    margin-right: 5px;
}

.m_r_10 {
    margin-right: 10px;
}

.m_r_11 {
    margin-right: 11px;
}

.m_r_12 {
    margin-right: 12px;
}

.m_r_13 {
    margin-right: 13px;
}

.m_r_14 {
    margin-right: 14px;
}

.m_r_15 {
    margin-right: 15px;
}

.m_r_20 {
    margin-right: 20px;
}

.m_r_25 {
    margin-right: 25px;
}

.m_r_30 {
    margin-right: 30px;
}

.m_r_35 {
    margin-right: 35px;
}

.m_r_40 {
    margin-right: 40px;
}

.m_r_45 {
    margin-right: 45px;
}

.m_r_50 {
    margin-right: 50px;
}

.m_r_55 {
    margin-right: 55px;
}

.m_r_60 {
    margin-right: 60px;
}

.m_r_65 {
    margin-right: 65px;
}

.m_r_70 {
    margin-right: 70px;
}

.m_r_75 {
    margin-right: 75px;
}

.m_r_80 {
    margin-right: 80px;
}

.m_r_85 {
    margin-right: 85px;
}

.m_r_90 {
    margin-right: 90px;
}

.m_r_95 {
    margin-right: 95px;
}

.m_r_100 {
    margin-right: 100px;
}

.m_r_110 {
    margin-right: 110px;
}

.m_r_120 {
    margin-right: 120px;
}

.m_r_150 {
    margin-right: 150px;
}

.m_r_200 {
    margin-right: 200px;
}

.m_r_400 {
    margin-right: 400px;
}

.m_l_5 {
    margin-left: 5px;
}

.m_l_10 {
    margin-left: 10px;
}

.m_l_15 {
    margin-left: 15px;
}

.m_l_20 {
    margin-left: 20px;
}

.m_l_25 {
    margin-left: 25px;
}

.m_l_30 {
    margin-left: 30px;
}

.m_l_35 {
    margin-left: 35px;
}

.m_l_40 {
    margin-left: 40px;
}

.m_l_45 {
    margin-left: 45px;
}

.m_l_50 {
    margin-left: 50px;
}

.m_l_55 {
    margin-left: 55px;
}

.m_l_60 {
    margin-left: 60px;
}

.m_l_65 {
    margin-left: 65px;
}

.m_l_70 {
    margin-left: 70px;
}

.m_l_75 {
    margin-left: 75px;
}

.m_l_80 {
    margin-left: 80px;
}

.m_l_85 {
    margin-left: 85px;
}

.m_l_90 {
    margin-left: 90px;
}

.m_l_95 {
    margin-left: 95px;
}

.m_l_96 {
    margin-left: 96px;
}

.m_l_100 {
    margin-left: 100px;
}

.m_l_150 {
    margin-left: 150px;
}

.m_l_200 {
    margin-left: 200px;
}

.m_b_5 {
    margin-bottom: 5px;
}

.m_b_10 {
    margin-bottom: 10px;
}

.m_b_15 {
    margin-bottom: 15px;
}

.m_b_20 {
    margin-bottom: 20px;
}

.m_b_21 {
    margin-bottom: 21px;
}

.m_b_22 {
    margin-bottom: 22px;
}

.m_b_23 {
    margin-bottom: 23px;
}

.m_b_24 {
    margin-bottom: 24px;
}

.m_b_25 {
    margin-bottom: 25px;
}

.m_b_30 {
    margin-bottom: 30px;
}

.m_b_35 {
    margin-bottom: 35px;
}

.m_b_40 {
    margin-bottom: 40px;
}

.m_b_45 {
    margin-bottom: 45px;
}

.m_b_50 {
    margin-bottom: 50px;
}

.m_b_55 {
    margin-bottom: 55px;
}

.m_b_60 {
    margin-bottom: 60px;
}

.m_b_65 {
    margin-bottom: 65px;
}

.m_b_70 {
    margin-bottom: 70px;
}

.m_b_75 {
    margin-bottom: 75px;
}

.m_b_80 {
    margin-bottom: 80px;
}

.m_b_85 {
    margin-bottom: 85px;
}

.m_b_90 {
    margin-bottom: 90px;
}

.m_b_95 {
    margin-bottom: 95px;
}

.m_b_100 {
    margin-bottom: 100px;
}

.m_b_110 {
    margin-bottom: 110px;
}

.m_b_120 {
    margin-bottom: 120px;
}

.m_b_130 {
    margin-bottom: 130px;
}

.m_b_140 {
    margin-bottom: 140px;
}

.m_b_150 {
    margin-bottom: 150px;
}

.m_l_5 {
    margin-left: 5px;
}

.m_l_6 {
    margin-left: 6px;
}

.m_l_7 {
    margin-left: 7px;
}

.m_l_8 {
    margin-left: 8px;
}

.m_l_9 {
    margin-left: 9px;
}

.m_l_10 {
    margin-left: 10px;
}

.m_l_15 {
    margin-left: 15px;
}

.m_l_16 {
    margin-left: 16px;
}

.m_l_17 {
    margin-left: 17px;
}

.m_l_20 {
    margin-left: 20px;
}

.m_l_21 {
    margin-left: 21px;
}

.m_l_22 {
    margin-left: 22px;
}

.m_l_23 {
    margin-left: 23px;
}

.m_l_20 {
    margin-left: 24px;
}

.m_l_25 {
    margin-left: 25px;
}

.m_l_30 {
    margin-left: 30px;
}

.m_l_35 {
    margin-left: 35px;
}

.m_l_40 {
    margin-left: 40px;
}

.m_l_45 {
    margin-left: 45px;
}

.m_l_50 {
    margin-left: 50px;
}

.m_l_55 {
    margin-left: 55px;
}

.m_l_60 {
    margin-left: 60px;
}

.m_l_65 {
    margin-left: 65px;
}

.m_l_70 {
    margin-left: 70px;
}

.m_l_75 {
    margin-left: 75px;
}

.m_l_80 {
    margin-left: 80px;
}

.m_l_85 {
    margin-left: 85px;
}

.m_l_90 {
    margin-left: 90px;
}

.m_l_95 {
    margin-left: 95px;
}

.m_l_100 {
    margin-left: 100px;
}

.m_r_5 {
    margin-right: 5px;
}

.m_r_10 {
    margin-right: 10px;
}

.m_r_15 {
    margin-right: 15px;
}

.m_r_20 {
    margin-right: 20px;
}

.m_r_25 {
    margin-right: 25px;
}

.m_r_30 {
    margin-right: 30px;
}

.m_r_35 {
    margin-right: 35px;
}

.m_r_40 {
    margin-right: 40px;
}

.m_r_45 {
    margin-right: 45px;
}

.m_r_50 {
    margin-right: 50px;
}

.m_r_55 {
    margin-right: 55px;
}

.m_r_60 {
    margin-right: 60px;
}

.m_r_65 {
    margin-right: 65px;
}

.m_r_70 {
    margin-right: 70px;
}

.m_r_75 {
    margin-right: 75px;
}

.m_r_80 {
    margin-right: 80px;
}

.m_r_85 {
    margin-right: 85px;
}

.m_r_90 {
    margin-right: 90px;
}

.m_r_95 {
    margin-right: 95px;
}

.m_r_100 {
    margin-right: 100px;
}

.m_r_200 {
    margin-right: 200px;
}

.m_a_5 {
    margin: 5px;
}

.m_a_10 {
    margin: 10px;
}

.m_a_20 {
    margin: 20px;
}

.m_a_25 {
    margin: 25px;
}

.m_a_30 {
    margin: 30px;
}

.m_a_35 {
    margin: 35px;
}

.m_a_40 {
    margin: 40px;
}

.m_a_45 {
    margin: 45px;
}

.m_a_50 {
    margin: 50px;
}

.m_a_55 {
    margin: 55px;
}

.m_a_60 {
    margin: 60px;
}

.m_a_65 {
    margin: 65px;
}

.m_a_70 {
    margin: 70px;
}

.m_a_75 {
    margin: 75px;
}

.m_a_80 {
    margin: 80px;
}

.m_a_85 {
    margin: 85px;
}

.m_a_90 {
    margin: 90px;
}

.m_a_95 {
    margin: 95px;
}

.m_a_100 {
    margin: 100px;
}

.b_r_0 {
    border-radius: 0px;
}

.b_r_1 {
    border-radius: 1px;
}

.b_r_2 {
    border-radius: 2px;
}

.b_r_3 {
    border-radius: 3px;
}

.b_r_4 {
    border-radius: 4px;
}

.b_r_5 {
    border-radius: 5px;
}

.b_r_6 {
    border-radius: 6px;
}

.b_r_7 {
    border-radius: 7px;
}

.b_r_8 {
    border-radius: 8px;
}

.b_r_9 {
    border-radius: 9px;
}

.b_r_10 {
    border-radius: 10px;
}

.b_r_15 {
    border-radius: 15px;
}

.b_r_20 {
    border-radius: 20px;
}

.b_r_30 {
    border-radius: 30px;
}

.b_r_35 {
    border-radius: 35px;
}

.b_r_36 {
    border-radius: 36px;
}

.b_r_37 {
    border-radius: 37px;
}

.b_r_38 {
    border-radius: 38px;
}

.b_r_39 {
    border-radius: 39px;
}

.b_r_40 {
    border-radius: 40px;
}

.b_r_50 {
    border-radius: 50px;
}

.b_r_60 {
    border-radius: 60px;
}

.b_r_70 {
    border-radius: 70px;
}

.b_r_80 {
    border-radius: 80px;
}

.b_r_all {
    border-radius: 50%;
}

.b_0 {
    border: 0;
}

.b_1 {
    border: 1px solid;
}

.b_1_eaeaea {
    border: 1px solid #eaeaea;
}

.b_1_ccc {
    border: 1px solid #ccc;
}

.b_2 {
    border: 2px solid;
}

.b_3 {
    border: 3px solid;
}

.b_4 {
    border: 4px solid;
}

.b_5 {
    border: 5px solid;
}

.b_7 {
    border: 7px solid;
}

.b_10 {
    border: 10px solid;
}


.b_t_1 {
    border-top: 1px solid #eaeaea;
}

.b_l_1 {
    border-left: 1px solid #eaeaea;
}

.b_r_1 {
    border-right: 1px solid #eaeaea;
}

.b_b_1 {
    border-bottom: 1px solid #eaeaea;
}

.b_b_1_ccc {
    border-bottom: 1px solid #ccc;
}

.b_b_1_f5f5f5 {
    border-bottom: 1px solid #f5f5f5;
}

.b_b_1_f0f0f0 {
    border-bottom: 1px solid #f0f0f0;
}

.b_b_1_36353b {
    border-bottom: 1px solid #36353b;
}

.b_b_3_orangered {
    border-bottom: 3px solid orangered;
}

.b_b_3_red {
    border-bottom: 3px solid red;
}

.b_r_1_orange {
    border-right: 1px solid orange;
}

.b_r_2_orange {
    border-right: 2px solid orange;
}

.b_r_3_orange {
    border-right: 3px solid orange;
}

.ration_1 {
    width: 1%;
}

.ration_2 {
    width: 2%;
}

.ration_3 {
    width: 3%;
}

.ration_4 {
    width: 4%;
}

.ration_5 {
    width: 5%;
}

.ration_6 {
    width: 6%;
}

.ration_7 {
    width: 7%;
}

.ration_8 {
    width: 8%;
}

.ration_9 {
    width: 9%;
}

.ration_10 {
    width: 10%;
}

.ration_11 {
    width: 11%;
}

.ration_12 {
    width: 12%;
}

.ration_12b {
    width: 12.5%;
}

.ration_13 {
    width: 13%;
}

.ration_14 {
    width: 14%;
}

.ration_15 {
    width: 15%;
}

.ration_16 {
    width: 16%;
}

.ration_17 {
    width: 17%;
}

.ration_18 {
    width: 18%;
}

.ration_19 {
    width: 19%;
}

.ration_20 {
    width: 20%;
}

.ration_21 {
    width: 21%;
}

.ration_22 {
    width: 22%;
}

.ration_23 {
    width: 23%;
}

.ration_24 {
    width: 24%;
}

.ration_25 {
    width: 25%;
}

.ration_26 {
    width: 26%;
}

.ration_27 {
    width: 27%;
}

.ration_28 {
    width: 28%;
}

.ration_29 {
    width: 29%;
}

.ration_30 {
    width: 30%;
}

.ration_33 {
    width: 33.333333333%;
}

.ration_100 {
    width: 100%;
}

.ration_78 {
    width: 78%;
}

.m_ration_r_1 {
    margin-right: 1%;
}

.m_ration_r_2 {
    margin-right: 2%;
}

.m_ration_r_3 {
    margin-right: 3%;
}

.m_ration_l_1 {
    margin-left: 1%;
}

.m_ration_l_2 {
    margin-left: 2%;
}

.m_ration_l_3 {
    margin-left: 3%;
}

.m_ration_r_-1 {
    margin-right: -1%;
}

.m_ration_r_-2 {
    margin-right: -2%;
}

.o_f {
    overflow: hidden;
}

.o_f_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.o_f_2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.o_f_3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.o_f_4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.o_f_5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.s_b_1 {
    box-shadow: 0px 5px 5px #f1f1f1;
    margin-bottom: 1px;
    transition: 0.1s;
}

.s_b_2 {
    box-shadow: 0px 5px 5px #f1f1f1;
    margin-bottom: 2px;
    transition: 0.1s;
}

.s_b_3 {
    box-shadow: 0px 5px 5px #f1f1f1;
    margin-bottom: 3px;
    transition: 0.1s;
}

.s_b_4 {
    box-shadow: 0px 5px 5px #f1f1f1;
    margin-bottom: 4px;
    transition: 0.1s;
}

.s_b_5 {
    box-shadow: 0px 5px 5px #f1f1f1;
    margin-bottom: 4px;
    transition: 0.1s;
}

.opacity_0 {
    opacity: 0;
}

.opacity_1 {
    opacity: 1;
}

.opacity_2 {
    opacity: 2;
}

.opacity_3 {
    opacity: 3;
}

.opacity_4 {
    opacity: 4;
}

.opacity_5 {
    opacity: 5;
}

.opacity_6 {
    opacity: 6;
}

.opacity_7 {
    opacity: 7;
}

.opacity_8 {
    opacity: 8;
}

.opacity_9 {
    opacity: 9;
}

.opacity_10 {
    opacity: 10;
}

.img_all {
    border-radius: 50%;
    overflow: hidden;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.absolute_b_0 {
    position: absolute;
    bottom: 0
}

.absolute_t_0 {
    position: absolute;
    top: 0
}

.absolute_l_0 {
    position: absolute;
    lift: 0
}

.absolute_r_0 {
    position: absolute;
    right: 0
}

.rotate_45 {
    transform: rotate(45deg);
}

.rotate_90 {
    transform: rotate(90deg);
}

.rotate_180 {
    transform: rotate(180deg);
}

.rotate_270 {
    transform: rotate(270deg);
}

.rotate_360 {
    transform: rotate(360deg);
}

.t_i {
    text-indent: 2em;
}

.t_j {
    text-align: justify;
}

.left_0 {
    left: 0px;
}

.left_1 {
    left: 1px;
}

.left_2 {
    left: 2px;
}

.left_3 {
    left: 3px;
}

.left_4 {
    left: 4px;
}

.left_5 {
    left: 5px;
}

.left_6 {
    left: 6px;
}

.left_7 {
    left: 7px;
}

.left_8 {
    left: 8px;
}

.left_9 {
    left: 9px;
}

.left_10 {
    left: 10px;
}

.left_20 {
    left: 20%;
}

.left_25 {
    left: 25%;
}

.left_30 {
    left: 30%;
}

.left_30 {
    left: 30%;
}

.left_35 {
    left: 35%;
}

.left_40 {
    left: 40%;
}


.left_45 {
    left: 45%;
}

.left_50 {
    left: 50%;
}

.left_-50 {
    left: -50%;
}

.top_-50 {
    top: -50%
}

.top {
    top: 0
}

.top_0 {
    top: 0
}

.top_30 {
    top: 30%
}

.top_35 {
    top: 35%
}

.top_40 {
    top: 40%
}

.top_50 {
    top: 50%
}

.top_-10 {
    top: -10px
}

.top_-20 {
    top: -20px
}

.top_-30 {
    top: -30px
}

.top_10 {
    top: 10px
}

.right_-50 {
    right: -50%;
}

.right_50 {
    right: 50%;
}

.right {
    right: 0;
}

.right_-5 {
    right: -5px;
}

.right_-10 {
    right: -10px;
}

.right_10 {
    right: 10px;
}

.right_20 {
    right: 20px;
}

.bottom_0 {
    bottom: 0
}

.bottom_10 {
    bottom: 10px
}

.bottom_50 {
    bottom: 50%
}

.bottom_-50 {
    bottom: -50%
}

.z-index_1b {
    z-index: -1;
}

.z-index_1 {
    z-index: 1;
}

.z-index_2 {
    z-index: 2;
}

.z-index_3 {
    z-index: 3;
}

.z-index_4 {
    z-index: 4;
}

.z-index_5 {
    z-index: 5;
}

.z-index_6 {
    z-index: 6;
}

.z-index_7 {
    z-index: 7;
}

.z-index_8 {
    z-index: 8;
}

.z-index_9 {
    z-index: 9;
}

.z-index_10 {
    z-index: 10;
}

.z-index_100 {
    z-index: 100;
}

.z-index_999 {
    z-index: 999;
}

.pointer {
    cursor: pointer;
}

.text_orange {
    transition: 0.4s;
}

.text_orange:hover {
    color: orange;
    transition: 0.1s;
}

.text_0066ff {
    transition: 0.4s;
}

.text_0066ff:hover {
    color: #0066ff;
    transition: 0.1s;
}

.bj_orange_a {
    transition: 0.1s;
}

.bj_orange_a:hover {
    background: #0066ff;
    transition: 0.1s;
}

.bj_0066ff_a {
    transition: 0.1s;
}

.bj_0066ff_a:hover {
    background: #0066ff;
    transition: 0.1s;
}

.m_up_5 {
    transition: 0.3s;
}

.m_up_5:hover {
    margin-top: -5px;
    transition: 0.3s;
}

.m_up_10 {
    transition: 0.3s;
}

.m_up_10:hover {
    margin-top: -10px;
    transition: 0.3s;
}

.m_left_10 {
    transition: 0.1s;
}

.m_left_10:hover {
    margin-left: -10px;
    transition: 0.1s;
}

.o_b {
    opacity: 1;
    transition: 0.1s;
}

.o_b:hover {
    opacity: 0.8;
}

.b_c_oranger {
    border: 1px #ccc solid;
    transition: 0.1s;
}

.b_c_oranger:hover {
    border: 1px orange solid;
}

.b_c_ccc {
    border: 1px #ccc solid;
    transition: 0.1s;
}

.b_c_ccc:hover {
    border: 1px #ccc solid;
}

.b_s {
    transition: 0.1s;
}

.b_s:hover {
    box-shadow: 5px 5px 5px #ccc;
    transition: 0.1s;
}

.xz {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;
}

.global {
    width: 6.4rem;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.content-box {
    padding: 0 2% 0 2%;
}

.zx {
    width: 100%;
    height: auto;
    float: left;
}

.zx_1 {
    width: 3rem;
    height: 0.7rem;
    line-height: 0.7rem;
    margin: 0 auto;
    background: orangered;
    color: #fff;
    text-align: center;
    font-size: 0.25rem;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    cursor: pointer;
}

.ks_400 {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    animation: scale2 2s ease 0s infinite;
    width: 400px;
    height: 400px;
    background-color: #fff1ca;
    margin-left: -200px;
    margin-top: -200px;
    border-radius: 50%;
    opacity: 0;
}

@keyframes scale2 {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }
    80% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

/*底部from表单背景色重写*/
.bottom-layui-form {
    background: none !important;
}

/*闪烁效果*/
.flicker {
    font-weight: bold;
    color: transparent;
    animation: blink 1s linear infinite;
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;

}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@-ms-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

/* 分页 */
.pageBox {
    width: 100%;
    display: flex;
    align-items: center;
}

.pravPage {
    width: 60px;
    line-height: 35px;
    text-align: left;
}

.leftPage {
    width: 120px;
    line-height: 35px;
    float: left;
    text-align: center;
    display: none;
}

.firstPage {
    width: 60px;
    line-height: 35px;
    float: left;
    text-align: center;
}

.firstPage {
    width: 60px;
    line-height: 35px;
    float: left;
    text-align: center;
}

.nextPage {
    width: 60px;
    line-height: 35px;
    text-align: right;
}

.pages {
    width: 35px;
    line-height: 35px;
    margin: 0 10px 0 10px;
    text-align: center;
}

.active {
    width: 35px;
    line-height: 35px;
    border-radius: 3px;
    background-color: #326cf6;
    text-align: center;
    color: #fff;
}

.pageBox div:hover {
    cursor: pointer;
}

/*nav*/
nav {
    width: 6.4rem;
    height: 1rem;
    position: fixed;
    float: right;
    z-index: 10000;
}

.nav_1 {
    width: 6.4rem;
    height: 0.85rem;
    position: absolute;
    background: #fff;
    padding: 0 0 15px 0
}

.nav_2 {
    width: 6.4rem;
    height: 1.5rem;
    position: absolute;
    padding: 10px 0 0 10px
}

.nav_2_1 {
    width: 0.5rem;
    height: auto;
    float: right;
    position: absolute;
    z-index: 100;
    right: 0.3rem;
    top: 0.2rem
}

.nav_2_1_1 {
    width: 0.4rem;
    height: 0.05rem;
    border-radius: 1rem;
    float: right;
    background: #ccc;
}

.nav_2_1_2 {
    width: 0.5rem;
    height: 0.05rem;
    border-radius: 1rem;
    float: right;
    background: #ccc;
    margin: 0.1rem 0 0.1rem 0;
}

.nav_2_1_3 {
    width: 0.3rem;
    height: 0.05rem;
    border-radius: 1rem;
    float: right;
    background: #ccc;
}

.nav_side {
    width: 3rem;
    height: 100rem;
    background: #fff;
    position: fixed;
    top: 0;
    right: -3.4rem;
    transition: 1s;
    z-index: 2;
}

.nav_2_1:hover .nav_side {
    width: 3rem;
    100rem;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    transition: 1s;
    z-index: 2;
}

.nav_side_0 {
    width: auto;
    height: auto;
    float: right;
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    z-index: 3;
}

.nav_side_1 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.5rem 0 0.5rem 0;
    font-size: 0.4rem;
    font-weight: bold;
    padding: 0 0 0 0.35rem;
}

.nav_side_2 {
    width: 90%;
    height: auto;
    float: left;
    padding: 0 5% 0.3rem 5%;
}

.nav_side_2_1 {
    width: 0.5rem;
    height: auto;
    float: left;
    margin: 0 0.2rem 0 0.2rem;
}

.nav_side_2_2 {
    width: 1.5rem;
    height: auto;
    float: left;
    font-size: 0.3rem;
    line-height: 0.6rem;
}

.cd-auto-hide-header_inc {
    position: fixed;
    z-index: 10000000;
    top: 0;
    width: 6.4rem;
    height: 0.95rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: ransform;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

.cd-auto-hide-header_inc::after {
    clear: both;
    content: "";
    display: block;
}

.cd-auto-hide-header_inc.is-hidden {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.bj_box {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    display: block;
    z-index: 100000;
    display: none;
}

/*课程详情*/
.vip{width: 6.4rem;height: auto;float: left;margin: 0.65rem 0 0 0;background: #3f099f;position: relative;}
.vip_1{width: 6.4rem;height: 7.73rem;float: left;background: url(/static/image/mobile/course/vip/top_bj.jpg);background-size:100% 100% ;}
.vip_2{width: 6.4rem;height: auto;float: left;padding: 0 0 0.5rem 0;}
.vip_2_1{width: 5.8rem;height: 8rem;float: left;margin: 0.5rem 0.3rem 0.3rem 0.3rem;background: linear-gradient(135deg,transparent 0.5rem,#451ab4 0) top left;background-repeat: no-repeat;position: relative;}
.vip_2_1_1{width: 100%;height: auto;float: left;font-size: 0.5rem;color: #512da7;position: relative;text-align: center;top:-0.3rem;font-weight: bold;}
.vip_2_1_2{width: 100%;height: auto;float: left;}
.vip_2_1_2_1{width: 2rem;height: auto;margin: 0 auto;font-size: 0.4rem;text-align: center;font-weight: bold;background: linear-gradient(to right, #0d87fd, #d63796);-webkit-background-clip: text;color: transparent;-webkit-text-fill-color: transparent;text-fill-color: transparent;position: relative;top:-0.4rem}
.vip_2_1_3{width: 4.8rem;height: auto;float: left;margin: 0rem 0.2rem 0 0.2rem;background: #fff;color: #3f089e;line-height: 0.35rem;padding: 0.5rem 0.4rem 0.4rem 0.5rem;font-size: 0.2rem;border-radius: 0.05rem;position: relative;overflow: hidden;}

.vip_2_2{width: 5.8rem;height: 6rem;float: left;margin: 0.5rem 0.3rem 0 0.3rem;background: linear-gradient(135deg,transparent 0.5rem,#451ab4 0) top left;background-repeat: no-repeat;position: relative;}
.vip_2_2_1{width: 4.8rem;height: auto;float: left;margin: 0rem 0.3rem 0 0.3rem;color: #3f089e;line-height: 0.3rem;padding: 0.2rem;font-size: 0.2rem;border-radius: 0.05rem}
.vip_2_2_1_1{width: 2rem;height: 0.5rem;float: left;position: relative;}
.vip_2_2_1_1_1{width: 2rem;height: 0.5rem;float: left;line-height: 0.5rem;text-align: center;background: #cc426d;color: #fff;border-radius: 0.05rem;position: relative;z-index: 2;}
.vip_2_2_1_1_2{width: 2rem;height: 0.5rem;float: left;line-height: 0.5rem;text-align: center;background: #7d127e;color: #fff;border-radius: 0.05rem;position: absolute;top:0.05rem;left:0.05rem;z-index: 1;}
.vip_2_2_1_2{width: 0.8rem;height: auto;float: left;line-height: 0.5rem;text-align: center;color: #fff;border-radius: 0.05rem;}
.vip_2_2_1_3{width: 2rem;height: auto;float: left;position: relative;}
.vip_2_2_1_3_1{width: 2rem;height: 0.5rem;float: left;line-height: 0.5rem;text-align: center;background: #396eff;color: #fff;border-radius: 0.05rem;position: relative;z-index: 2;}
.vip_2_2_1_3_2{width: 2rem;height: 0.5rem;float: left;line-height: 0.5rem;text-align: center;background: #4133cb;color: #fff;border-radius: 0.05rem;position: absolute;top:0.05rem;left:0.05rem;z-index: 1;}

.vip_2_3{width: 5.8rem;height: 9rem;float: left;margin: 0.6rem 0.3rem 0 0.3rem;background: linear-gradient(135deg,transparent 0.5rem,#451ab4 0) top left;background-repeat: no-repeat;position: relative;}
.vip_2_3_1{width:94%;height: auto;float: left;padding: 3% 0 3% 0;background: #fff;margin: 0 0 0 0.17rem;border-radius:0.1rem ;}

.vip_2_4{width: 5.8rem;height: 15.5rem;float: left;margin: 0.7rem 0.3rem 0.2rem 0.3rem;background: linear-gradient(135deg,transparent 0.5rem,#451ab4 0) top left;background-repeat: no-repeat;position: relative;}
.vip_2_4_1{width:100%;height: auto;float: left;position: relative;left:0.05rem}
.vip_2_4_1_1{width:29%;height: auto;float: left;margin: 0 2% 0.4rem 2%;position: relative;}
.vip_2_4_1_1_1{width:100%;height: auto;float: left;}
.vip_2_4_1_1_1_1{width:1rem;height: 1rem;margin: 0 auto;background:#d43898;color: #fff;text-align: center;line-height: 1rem;position: absolute;border-radius:1rem ;z-index: 2;left:0.35rem;font-size: 0.35rem;font-weight: bold;}
.vip_2_4_1_1_1_2{width:1.2rem;height: 1.2rem;background:#8d29a6;position: absolute;border-radius:1.2rem ;z-index: 1;left:0.25rem;top:-0.1rem}
.vip_2_4_1_1_2{width:100%;height: auto;float: left;background: #9c39e4;border-radius:0.1rem;color: #fff;line-height: 0.4rem ;text-align: center;margin:0.6rem 0 0 0;}
.vip_2_4_1_1_2_1{width:100%;height: auto;float: left;font-weight: bold;margin: 0.6rem 0 0 0;}
.vip_2_4_1_1_2_2{width:100%;height: auto;float: left;}
.vip_2_4_2{width:96%;height: auto;float: left;margin: 0 2% 0.4rem 2%;}
.vip_2_4_2_1{width:100%;height:3rem;float: left;position: relative;text-align: center;}
.vip_2_4_2_1_1{width:100%;height: auto;float: left;position: absolute;border-radius:0.1rem;overflow: hidden;}
.vip_2_4_2_1_2{width:2rem;height: auto;float: left;line-height: 0.6rem;border-radius:0.05rem;background: rgba(0,0,0,0.5);color: #fff ;position: absolute;left:0.3rem;top:1.2rem;text-align: center;}

.vip_2_5{width: 5.8rem;height: 16.2rem;float: left;margin: 0.7rem 0.3rem 0 0.3rem;background: linear-gradient(135deg,transparent 0.5rem,#451ab4 0) top left;background-repeat: no-repeat;position: relative;}
.vip_2_5_1{width:100%;height: 2.7rem;float: left;color: #d0c0fa;font-size: 0.2rem;overflow: hidden;margin: 0 0 0.3rem 0}
.vip_2_5_1_1{width:90%;height: auto;float: left;margin: 5%;position: relative;}
.vip_2_5_1_1_1{width:100%;height: 2.8rem;background: #370b82;position: absolute;z-index: 2;}
.vip_2_5_1_1_1_1{width:2.8rem;height: auto;float: left;margin: 0.2rem 0 0 2.3rem;font-weight: bold;}
.vip_2_5_1_1_1_2{width:2.8rem;height: auto;float: left;margin: 0.2rem 0 0 2.3rem;text-align: justify;overflow: hidden;}
.vip_2_5_1_1_2{width:100%;height: 2.8rem;background: #3e129b;position: absolute;top:0.1rem;left:0.1rem;z-index: 1; padding-bottom: 0.1rem;}
.vip_2_5_1_1_3{width:1.7rem;height: 2.2rem;position: absolute;top:-0.4rem;left:0.3rem;z-index: 3;}
.vip_2_5_1_1_3_1{width:100%;height: 2.2rem;float: left;background: #777;overflow: hidden;border-radius: 3px;}
.vip_2_5_1_1_3_2{width:100%;height:auto;float: left;text-align: center;position: relative;bottom:-0.2rem;}

.vip_2_6{width: 5.8rem;height: 19rem;float: left;margin: 0.7rem 0.3rem 0 0.3rem;background: linear-gradient(135deg,transparent 0.5rem,#451ab4 0) top left;background-repeat: no-repeat;position: relative;}
.vip_2_6_1{width:94%;height: auto;float: left;background: #9c39e4;margin: 3% 3% 0.3rem 3%;border-radius:0.1rem ;}
.vip_2_6_1_1{width:96%;height: auto;float: left;margin: 0.2rem;}
.vip_2_6_1_2{width:96%;height: auto;float: left;margin: 0.2rem;}
.vip_2_6_1_3{width:100%;height: auto;float: left;padding: 0.3rem 0 0.3rem 0;}
.vip_2_6_1_3_1{width:3rem;height: 0.6rem;margin: 0 auto;line-height: 0.6rem;text-align: center;color: #fff;background: orangered;border-radius:0.6rem ;position: relative;overflow: hidden;}

.vip_2_7{width: 5.8rem;height: 10rem;float: left;margin: 0.7rem 0.3rem 0 0.3rem;background: linear-gradient(135deg,transparent 0.5rem,#451ab4 0) top left;background-repeat: no-repeat;position: relative;}
.vip_2_7_1{width:94%;height: auto;float: left;padding: 3%;}
.vip_2_7_1_1{width:100%;height: auto;float: left;margin: 0.3rem 0 0 0;}
.vip_2_7_1_1 img{border-radius:0.1rem ;}

.vip_2_8{width: 5.8rem;height: 5.2rem;float: left;margin: 0.7rem 0.3rem 0 0.3rem;background: linear-gradient(135deg,transparent 0.5rem,#451ab4 0) top left;background-repeat: no-repeat;position: relative;}
.vip_2_8_1{width:94%;height: auto;float: left;padding: 3%;}

.vip_2_9{width: 5.8rem;height: 8.5rem;float: left;margin: 0.7rem 0.3rem 0 0.3rem;background: linear-gradient(135deg,transparent 0.5rem,#451ab4 0) top left;background-repeat: no-repeat;position: relative;}
.vip_2_9_1{width:94%;height: auto;float: left;padding: 3%;}

.content_26{ width:6.4rem; height: auto;  float:left; background:#090941; color: #fff;text-align:center;padding:0.2rem 0 0.3rem 0;margin: 0.2rem 0 0 0;}
.content_26_1{ width:100%; height:auto;  margin:0 auto;padding: 0.1rem 0 0rem 0; }
.content_26_1_1{ width:100%; height:auto;float: left;font-size: 0.35rem;margin: 0 0 0.1rem 0; }
.content_26_1_2{ width:85%; height:auto;float: left;margin:2% 5% 2% 5%}
.content_26_1_2_1{ width:20%; height:0.7rem;float: left;background:#135192 ;line-height: 0.7rem;border: 0.05rem 0 0 0.05rem;}
.content_26_1_2_2{ width:80%; height:0.7rem;float: left;background:#fff ;line-height: 0.7rem;border: 0 0.1rem 0.1rem 0}
.content_26_1_3{ width:100%; height:auto;float: left;margin:2% 0 0 0}
.content_26_1_3_1{ width:60%; line-height:0.7rem;margin: 0 auto;font-size: 0.3rem;}
.content_26_2_2{width: 80%;height: auto;float: left;line-height: 0.7rem;background: #ff6633;text-align: center;border-radius:1rem;color: #fff;margin: 0.2rem 0 0 10% ;}

.m_div_box_1{width: 6.4rem; height: auto;float:left;}
.m_div_box_1_1{width: 6rem; height: auto;float:left;margin: 0 0.2rem 0 0.2rem;}
.m_div_box_1_2{width: 5.8rem; height: auto;float:left;margin: 0 0.3rem 0 0.3rem;}
.m_div_box_1_3{width: 5.6rem; height: auto;float:left;margin: 0 0.4rem 0 0.4rem;}

.m_kc_cont_1{width:100%;height: auto;float:left;background: #fff;padding: 0.2rem 0 0.2rem 0;position: relative;text-align: center;}
.m_kc_cont_1_1{width:6.2rem;height: auto;float:left;margin: 0.1rem;}
.m_kc_cont_1_1_1{width:2.5rem;height: auto;float:left;margin: 0.3rem;}
.m_kc_cont_1_1_1_1{width:100%;height: auto;float:left;}

.m_kc_bt{width:100%;height: auto;float:left;}
.m_kc_bt_1{width:100%;height: auto;float:left;font-size: 0.27rem;font-weight:bold ;color: #333;text-align: center;}

.m_kc_btn_1{width: 100%;height: auto;float: left;margin: 0 0 0.3rem 0 ;}
.m_kc_btn_1_1{width: 50%;height: auto;margin: 0 auto;line-height: 0.75rem;background:#ff6633;text-align: center;color: #fff;border-radius:1rem;position: relative;overflow: hidden;}

.java_course_1{ width: 100%;height: auto;float: left;margin: 0.3rem 0 0 0;}
.java_course_1_0{ width: 47%;margin: 1.5%;float: left;border-radius:0.05rem ;background:red;position: relative}
.java_course_1_1{ width: 30%;margin: 1.5% 1.5% 5% 1.5%;float: left;border-radius:0.05rem ;background:red;position: relative}
.java_course_1_1_1{ width: 100%;line-height: 0.8rem;text-align: center;color: #fff;font-size: 0.25rem;}
.java_course_2{ width: 100%;height: auto;float: left;margin: 0rem 0 0 0;background:#9d39e4;position: relative;overflow: hidden;}
.java_course_2_1{ width: 94%;height: 4.3rem;float: left;background:url(/static/image/mobile/course/java/java1.png) center center no-repeat;background-size:100% ; margin: 1.2rem 3% 0 3%; }
.java_course_2_2{ width: 100%;height: auto;float: left;line-height: 0.5rem;font-size: 0.27rem;font-weight:bold ;color: #fff;position: absolute; text-align: center; margin: 0.3rem 0 0.3rem 0; }
.java_course_2_3{ width: 94%;height: 15rem;float: left;margin: 0.3rem 4% 0.3rem 4%;background:url(/static/image/mobile/course/java/java2.png)  no-repeat; background-size:100% ;line-height: 0.41rem;font-size: 0.22rem;color: #fff;}
.java_course_2_3_1{ width: 48%;height: auto;float: left; margin: 1.5rem 2% 0.3rem 0;text-align: right;}
.java_course_2_3_2{ width: 48%;height: auto;float: left; margin: 1.5rem 0% 0.3rem 2%; word-wrap: break-word;word-break: normal;}
.java_course_2_4{width: 100%;height: auto;float: left;margin: 0 0 0.3rem 0 ;}
.java_course_2_4_1{width: 80%;height: auto;margin: 0 auto;line-height: 0.75rem;background:#ff6633;text-align: center;color: #fff;border-radius:1rem;}
.java_course_3{ width: 100%;height: auto;float: left;background: #fff;padding: 0.5rem 0 0.3rem 0;margin:0rem 0 0 0;}
.java_course_3_1{ width: 100%;height: auto;float: left;}
.java_course_3_1_1{ width: 2%;height: 0.4rem;float: left;background: #05c4e4;margin: 0.05rem 0 0 0.1rem;}
.java_course_3_1_2{ width: 50%;height: auto;float: left;font-size: 0.3rem;font-weight:bold ;padding: 0 0 0 0.15rem;color: #05c4e4;}
.java_course_3_2{ width: 100%;height: auto;float: left;margin: 0.2rem 0 0 0;}
.java_course_3_2_1{ width: 90%;height: auto;float: left;}
.java_course_3_2_2{ width: 4%;height: 2.33rem;float: right;background: #05c4e4;}
.java_course_3_3{ width: 100%;height: auto;float: left;margin: 0.2rem 0 0 0;}
.java_course_3_3_1{ width: 4%;height: 2.33rem;float: left;background: #846eff;}
.java_course_3_3_2{ width: 90%;height: auto;float: right;}
.java_course_3_4{ width: 100%;height: auto;float: left;margin: 0.2rem 0 0 0;}
.java_course_3_4_1{ width: 90%;height: auto;float: left;}
.java_course_3_4_2{ width: 4%;height: 2.33rem;float: right;background: #fc618d;}

.java_course_4{ width: 100%;height: auto;float: left;padding: 0.3rem 0 0.3rem 0;}
.java_course_4_1{ width: 100%;height: auto;float: left;}
.java_course_4_1_1{ width: 2%;height: 0.4rem;float: left;background: #fc618d;margin: 0.05rem 0 0 0.1rem;}
.java_course_4_1_2{ width: 90%;height: auto;float: left;font-size: 0.3rem;font-weight:bold ;padding: 0 0 0 0.15rem;color: #fc618d;}
.java_course_4_2{ width: 100%;height: 9.1rem;float: left;margin: 0.2rem 0 0 0;background: url(/static/image/mobile/course/java/java13.png) no-repeat;background-size:100% ;}
.java_course_4_2_1{ width: 100%;height: auto;float: left;}
.java_course_4_2_1_1{ width: 60%;height: auto;line-height: 0.8rem;margin: auto 0;text-align: center;color: #8170fd;border-radius:0.5rem ;background: #f7f65d;font-size: 0.35rem;margin:0.4rem 0  0 20%}
.java_course_4_2_2{ width: 100%;height: auto;float: left;margin: 0.2rem 0 0 0;}
.java_course_4_2_2_1{ width: 30.3%;height: 2.7rem;float: left;margin: 0.3rem 1.5% 0.4rem 1.5%;background: #fff;border-radius:0.01rem ;}
.java_course_4_2_2_1_1{ width: 100%;height:auto;float: left;}
.java_course_4_2_2_1_1_1{ width: 1.5rem;height:1.5rem;background: #ccc;border-radius:1.5rem;margin: 7% auto 0 9%;overflow: hidden;}
.java_course_4_2_2_1_2{ width: 100%;height:auto;float: left;margin: 0.1rem 0 0 0;}
.java_course_4_2_2_1_2_1{ width: 100%;height:auto;float: left;text-align: center;font-size: 0.25rem;font-weight:bold ;}
.java_course_4_2_2_1_3{ width: 70%;line-height:0.6rem;float: left;background: red;text-align: center;color: #fff;margin: 0.2rem 0 0 10%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:0 0.1rem 0 0.1rem;}
.java_course_5{ width: 100%;height: auto;float: left;}
.java_course_5_1{ width: 100%;height: auto;float: left;}
.java_course_5_1_1{ width:29%;height: 1.7rem;float: left;margin: 0 1.9% 0 1.9%;border: 1px solid #e60012;border-radius: 5px;}
.java_course_5_1_1_1{ width:100%;height: auto;line-height: 0.5rem;color: #fff;text-align: center;float: left;background:#e60012;}
.java_course_5_1_1_2{ width:100%;height: auto;line-height: 0.5rem;color:#e60012;text-align: center;float: left;font-size: 0.45rem;font-weight:bold ;margin: 0.15rem 0 0.1rem 0;}
.java_course_5_1_1_3{ width:100%;height: auto;line-height: 0.5rem;color: #555;text-align: center;float: left;font-size: 0.2rem;}
.java_course_5_2{ width: 96%;height: auto;float: left;margin: 0.3rem 2% 0 2%;}
.java_course_5_2_1{ width: 100%;height: auto;float: left;background:#333;}
.java_course_5_2_1_1{ width: 20%;height: 0.6rem;float: left;text-align: center;color: #fff;line-height: 0.6rem;}
.java_course_5_2_1_2{ width: 30%;height: 0.6rem;float: left;text-align: center;color: #fff;line-height: 0.6rem;}
.java_course_5_2_1_3{ width: 20%;height: 0.6rem;float: left;text-align: center;color: #fff;line-height: 0.6rem;}
.java_course_5_2_1_4{ width: 30%;height: 0.6rem;float: left;text-align: center;color: #fff;line-height: 0.6rem;}
.java_course_5_2_2{ width: 100%;height: auto;float: left;border-top:1px #f5f5f5 solid;background: #fff ;}
.java_course_5_2_2_1{ width: 20%;height: 0.6rem;float: left;text-align: center;color: #fff;line-height: 0.6rem;color: #333;}
.java_course_5_2_2_2{ width: 30%;height: 0.6rem;float: left;text-align: center;color: #fff;line-height: 0.6rem;color: #333;overflow: hidden;}
.java_course_5_2_2_3{ width: 20%;height: 0.6rem;float: left;text-align: center;color: #fff;line-height: 0.6rem;color: #333;}
.java_course_5_2_2_4{ width:30%;height: 0.6rem;float: left;text-align: center;color: #fff;line-height: 0.6rem;color: #333;}

.java_course_6{ width: 100%;height: auto;float: left;background: #fff;padding: 0.3rem 0 0.3rem 0;}
.java_course_7{ width: 100%;height: auto;float: left;position: absolute;top:3.2rem}
.java_course_7_1{ width: 100%;height: auto;float: left;font-size: 0.27rem;text-align: center;}
.java_course_7_2{ width: 100%;height: auto;float: left;text-align: center;margin: 0.25rem 0 0.3rem 0;position: relative;}
.java_course_7_2_1{ width: 100%;height: auto;float: left;text-align: center;}
.java_course_7_2_2{ width: 85%;height: auto;float: left;text-align: center;position: absolute;margin: 0.23rem 0 0 0.48rem;}
.java_course_8{ width: 100%;height: auto;float: left;margin: 0.5rem 0 0 0;}
.java_course_8_1{ width: 100%;height: auto;float: left;}
.java_course_8_1_1{ width: 2%;height: 0.4rem;float: left;background: #fc618d;margin: 0.05rem 0 0 0.1rem;}
.java_course_8_1_2{ width: 50%;height: auto;float: left;font-size: 0.3rem;font-weight:bold ;padding: 0 0 0 0.15rem;color:#fc618d;}
.java_course_8_2{ width: 46%;height: 1.3rem;float: left;margin: 2%;background: url(/static/image/mobile/course/java/java24.png) no-repeat;background-size:100% ;}
.java_course_8_2_1{ width: 25%;height: auto;float: left;font-size: 0.6rem;color: #fff;font-weight:bold ;text-align: center;margin: 0.1rem 0 0 0;}
.java_course_8_2_2{ width: 65%;height: auto;line-height: 0.35rem;float: left;font-size: 0.23rem;color: #fff; padding: 0 5% 0 5%;margin: 0.23rem 0 0 0;}
.java_course_8_3{ width: 46%;height: 1.3rem;float: left;margin: 2%;background: url(/static/image/mobile/course/java/java25.png) no-repeat;background-size:100% ;}
.java_course_8_4{ width: 46%;height: 1.3rem;float: left;margin: 2%;background: url(/static/image/mobile/course/java/java26.png) no-repeat;background-size:100% ;}
.java_course_8_5{ width: 46%;height: 1.3rem;float: left;margin: 2%;background: url(/static/image/mobile/course/java/java27.png) no-repeat;background-size:100% ;}
.java_course_8_6{ width: 46%;height: 1.3rem;float: left;margin: 2%;background: url(/static/image/mobile/course/java/java28.png) no-repeat;background-size:100% ;}
.java_course_8_7{ width: 46%;height: 1.3rem;float: left;margin: 2%;background: url(/static/image/mobile/course/java/java29.png) no-repeat;background-size:100% ;}

.java_course_9{ width: 100%;height: auto;float: left;margin: 0.0 0 0 0;padding: 0.5rem 0 0.5rem 0;background: #002c66;}
.java_course_9_1{ width: 100%;height: auto;float: left;}
.java_course_9_1_1{ width: 2%;height: 0.4rem;float: left;background: #fff;margin: 0.05rem 0 0 0.1rem;}
.java_course_9_1_2{ width: 80%;height: auto;float: left;font-size: 0.3rem;font-weight:bold ;padding: 0 0 0 0.15rem;color: #fff;}
.java_course_9_2{ width: 6.1rem;height: auto;float: left;margin: 0.1rem;}
.java_course_9_2_1{ width: 100%;height: auto;float: left;}
.java_course_9_2_1_1{ width: auto;height: auto;float: left;font-size: 0.25rem;font-weight:100;color: #fff ;line-height: 0.5rem;padding: 0 0.2rem 0 0.2rem; background: red;border-radius:0.1rem ;margin: 0.05rem auto 0.1rem 0.1rem;}
.java_course_9_2_2{ width: 90%;height: auto;float: left;margin: 2%;border-radius:0.1rem ;overflow: hidden;padding: 3%;background: #fff;}
.java_course_9_2_3{ width: 94%;height: auto;line-height: 0.3rem;float: left;padding: 3%;color: #fff;word-wrap: break-word;word-break: normal;font-size: 0.23rem;}

.java_course_10{ width: 100%;height: auto;float: left;margin: 0.5rem 0 0 0;padding: 0.2rem 0 0.5rem 0;}
.java_course_10_1{ width: 100%;height: auto;float: left;}
.java_course_10_1_1{ width: 2%;height: 0.4rem;float: left;background: #fc618d;margin: 0.05rem 0 0 0.1rem;}
.java_course_10_1_2{ width: 80%;height: auto;float: left;font-size: 0.35rem;font-weight:bold ;padding: 0 0 0 0.15rem;color: #fc618d;}
.java_course_10_2{ width: 100%;height: auto;float: left;margin: 0rem 0 0 0;color: #777;padding: 0 0 0 0.35rem;}
.java_course_10_3{ width: 100%;height: auto;float: left;margin: 0.2rem 0 0 0;}
.java_course_10_3_1{ width: 46%;height: auto;float: left;margin:2%;}
.java_course_10_3_1_1{ width: 100%;height: auto;float: left;border-radius:0.05rem ;overflow: hidden;}
.java_course_10_3_1_2{  width: 100%;height: auto;float: left;color:#333;font-size: 0.3rem;font-weight:bold  ;margin: 0.1rem 0 0.1rem 0;}
.java_course_10_3_1_3{width: 100%;height: auto;float: left;color:#777;font-size: 0.2rem;line-height: 0.3rem ;margin: 0.05rem 0 0 0;text-align: justify;}
.java_course_10_3_2{ width: 46%;height: auto;float: left; margin: 0.07rem 0 0 0;}

.java_course_11{ width: 100%;height: auto;float: left;margin: 0.5rem 0 0 0;padding: 0.2rem 0 0.5rem 0;background: #ffa642;}
.java_course_11_1{ width: 100%;height: auto;float: left;}
.java_course_11_1_1{ width: 2%;height: 0.4rem;float: left;background: #fff;margin: 5% 0 0 28%;}
.java_course_11_1_2{ width: 50%;height: auto;float: left;font-size: 0.3rem;font-weight:bold ;padding: 0 0 0 0.15rem;color: #fff;margin: 4.3% 0 0 0;}
.java_course_11_2{ width: 100%;height: auto;float: left;margin: 0.1rem 0 0 0;color: #777;text-align: center;color: #fff;}
.java_course_11_3{ width: 100%;height: auto;float: left;}
.java_course_11_3_1{ width: 60%;height: auto;float: left;position: relative; }
.java_course_11_3_1_1{ width: 1.7rem;height: 2rem;float: left;border: 0.05rem solid #000;margin: 0.3rem 0 0 0.15rem;}
.java_course_11_3_1_2{ width: auto;height: auto;float: left;font-size: 0.35rem;font-weight:bold ;position: absolute;top:0.7rem;left:0.6rem;padding: 0.15rem;background:#ffa642 ;}
.java_course_11_3_1_3{ width: 1.8rem;height: auto;float: left;font-size: 0.25rem;position: absolute;top:1.4rem;left:0.7rem;padding: 0rem;background:#ffa642 ;}
.java_course_11_3_1_4{ width: 80%;height: 0.8rem;float: left;font-size: 0.2rem;position: absolute;top:2.5rem;left:0.2rem;padding: 0rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.java_course_11_3_2{ width: 40%;height: auto;float: left;margin: 0 0 0.5rem 0;}
.java_course_11_3_2_1{ width: 80%;height: 3rem;float: right;background: #000;margin: 0.3rem 0.3REM 0 0;position: relative;border-radius:0.05rem ;}
.java_course_11_3_2_1_1{ width: 100%;height: auto;position: absolute;top:0.9rem;z-index: 9;}

.java_course_11_4_1{ width: 60%;height: auto;float: left;position: relative;}
.java_course_11_4_1_1{ width: 1.7rem;height: 2rem;float: right;border: 0.05rem solid #000;margin: 0.3rem 0.285rem 0 0;}
.java_course_11_4_1_2{ width: auto;height: auto;float: left;font-size: 0.35rem;font-weight:bold ;position: absolute;top:0.7rem;right:0.6rem;padding: 0.15rem;background:#ffa642 ;}
.java_course_11_4_1_3{ width: 1.8rem;height: auto;float: left;font-size: 0.25rem;position: absolute;top:1.4rem;right:0.7rem;padding: 0rem;background:#ffa642 ;}
.java_course_11_4_1_4{ width: 90%;height: 0.8rem;float: left;font-size: 0.2rem;position: absolute;top:2.5rem;left:0.2rem;padding: 0rem;text-align: right;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.java_course_11_4_2{ width: 40%;height: auto;float: left;}
.java_course_11_4_2_1{ width: 80%;height: 3rem;float: right;background: #000;margin: 0.3rem 0.3REM 0 0;position: relative;border-radius:0.05rem ;}

.java_course_12{ width: 100%;height: auto;float: left;margin: 0.5rem 0 0 0;padding: 0.2rem 0 0.5rem 0;}

.java_course_13{ width: 100%;height: 4.4rem;float: left;margin: 0rem 0 0 0;padding: 0.4rem 0 0.5rem 0;background: -webkit-linear-gradient(left,#05c5e4, #826eff);background: -o-linear-gradient(left,#05c5e4, #826eff);background: -moz-linear-gradient(left,#05c5e4, #826eff);background: linear-gradient(left,#05c5e4, #826eff);position: relative;}
.java_course_13_1{ width: 100%;height: auto;float: left;}
.java_course_13_1_1{ width: 2%;height: 0.4rem;float: left;background: #fff;margin: 5% 0 0 26%;}
.java_course_13_1_2{ width: 50%;height: auto;float: left;font-size: 0.3rem;font-weight:bold ;padding: 0 0 0 0.15rem;color: #fff;margin: 4.3% 0 0 0;}
.java_course_13_2{ width: 100%;height: auto;float: left;margin: 0.1rem 0 0 0;position: relative;}
.java_course_13_2_txt1{ width: 80%;height:80%;margin:0.5rem 0 0 0.1rem;color:#05c5e4 ; text-align: center;font-size: 0.25rem;font-weight:bold ;}
.java_course_13_2_txt2{ width: 80%;height:80%;margin:0.6rem 0 0 0.15rem;color:#F3652A ; text-align: center;font-size: 0.3rem;font-weight:bold ;}
.java_course_13_2_txt3{ width: 80%;height:80%;margin:0.6rem 0 0 0.15rem;color:#0289CD ; text-align: center;font-size: 0.25rem;font-weight:bold ;}
.java_course_13_2_txt4{ width: 80%;height:80%;margin:0.5rem 0 0 0.15rem;color:#F0AD4E ; text-align: center;font-size: 0.25rem;font-weight:bold ;}
.java_course_13_2_txt5{ width: 80%;height:80%;margin:0.75rem 0 0 0.15rem;color:#00FF00 ; text-align: center;font-size: 0.3rem;font-weight:bold ;}
.java_course_13_2_1{ width: 1.5rem;height:1.5rem;border-radius:1.5rem ;float: left;position: relative;top:0.2rem;left:0.5rem;background: #fff;box-shadow: 0 0 10px #fff; border:0px solid green;z-index: 2;}
.java_course_13_2_2{ width: 2rem;height:2rem;border-radius:2rem ;float: left;position: relative;top:0.2rem;left:0.85rem;background: #fff;box-shadow: 0 0 10px #fff; border:0px solid red;z-index: 2;}
.java_course_13_2_3{ width: 1.5rem;height:1.5rem;border-radius:1.5rem ;float: left;position: relative;top:0.2rem;left:1.2rem;background: #fff;box-shadow: 0 0 10px #fff; border:0px solid green;z-index: 2;}
.java_course_13_2_4{ width: 1.5rem;height:1.5rem;border-radius:1.5rem ;float: left;position: relative;top:0.6rem;left:0.7rem;background: #fff;box-shadow: 0 0 10px #fff; border:0px solid green;z-index: 2;}
.java_course_13_2_5{ width: 2rem;height:2rem;border-radius:2rem ;float: left;position: relative;top:-1rem;left:0.7rem;background: #fff;box-shadow: 0 0 10px #fff; border:0px solid green;z-index: 2;}
.java_course_13_3{ width: 100%;height:2rem;float: left;background: url(/static/image/mobile/course/java/java22.png) no-repeat;position: absolute;top:1.5rem;}
.java_course_14{width: 100%;height:auto;float: left;padding: 0 0 0.2rem 0;background: #3889ff;overflow: hidden;}
.java_course_14_1{width: 94%;height:auto;float: left;margin: 3%;}
.java_course_14_1_1{text-align: center;font-size:0.25rem;font-weight: bold ;margin: 0.15rem 0 0.25rem 0;color: #fff;}

.h5_course_1{width: 100%;height: 20.5rem;float: left;overflow: hidden;background: #0c0f5e;}
.h5_course_1_1{width: 100%;height: auto;margin: 0 auto;}
.h5_course_1_1_1{width: 100%;height: 6rem;float: left;margin: 0.75rem 0 0 0;overflow: hidden;background: url(/static/image/mobile/course/web/bannar1.jpg);background-size:100% ;}
.h5_course_1_1_2{width: 100%;height:12.8rem;float: left;background: #0c0f5e;position: relative;top:-0.5rem;padding: 0.3rem 0 0.6rem 0;overflow: hidden;}
.h5_course_1_1_2_1{width: 46%;height:1.2rem;float: left;margin: 2%;background: url(/static/image/mobile/course/web/web2.png) no-repeat; background-size:100% ;}
.h5_course_1_1_2_1_1{width: 100%;height:auto;float: left;line-height: 1rem;font-size: 0.3rem;color: #fff;text-align: center;font-weight:bold ;}
.h5_course_1_1_2_2{width: 100%;height:4rem;float: left;background: url(/static/image/mobile/course/web/web1.png) no-repeat;background-size:40% ;position: relative;left:30%;top:1rem;text-align: center;}
.h5_course_1_1_2_2_1{width: 100%;height:4rem;float: left;line-height: 2.6rem;font-size: 0.3rem;font-weight:bold ;color: #fe4c58;margin: 0 0 0 -30%;}
.h5_course_1_1_2_3{width: 1rem;height:0.5rem;float: left;position: absolute;left:30%;top:4rem}
.h5_course_1_1_2_3_1{width: 1rem;height:0.5rem;float: left;background: #fff;box-shadow: -4px 4px 0 #fe8112;text-align: center;line-height: 0.5rem;color: #fe4c58;}
.h5_course_1_1_2_4{width: 1rem;height:0.5rem;float: left;position: absolute;left:60%;top:4rem}
.h5_course_1_1_2_5{width: 1rem;height:0.5rem;float: left;position: absolute;left:17%;top:5.2rem}
.h5_course_1_1_2_6{width: 1rem;height:0.5rem;float: left;position: absolute;left:68%;top:5.2rem}
.h5_course_1_1_2_7{width: 1rem;height:0.5rem;float: left;position: absolute;left:30%;top:6.5rem}
.h5_course_1_1_2_8{width: 1rem;height:0.5rem;float: left;position: absolute;left:56%;top:6.5rem}
.h5_course_1_1_3{width: 100%;height:1rem;line-height: 1rem;float: left;background: #fe4c58;position: relative;top:-0.5rem;color: #fff;text-align: center;font-size: 0.3rem;border-radius: 0;position: relative;overflow: hidden;padding: 0 0 0 0;}
.h5_course_1_1_4{width: 100%;height:auto;float: left;position:relative;top:0rem}
.h5_course_1_1_5{width: 100%;height:auto;float: left;position:relative;top:-5rem;font-size: 0.5rem;text-align: center;font-weight:bold ;color: #ffea2f;}
.h5_course_1_1_6{width: 100%;height:auto;float: left;position:relative;top:-4.9rem;font-size: 0.25rem;text-align: center;color: #00e5f5;}
.h5_course_1_1_7{width: 100%;height:auto;float: left;position:relative;left:37%;top:-4.7rem;font-size: 0.25rem;color: #fff;}
.h5_course_1_1_8{width: 100%;height:auto;float: left;position:relative;left:37.5%;top:-4.3rem;font-size: 0.25rem;color: #fff;}
.h5_course_1_1_9{width: 100%;height:auto;float: left;position:relative;left:-12%;top:-3.7rem;font-size: 0.25rem;color: #fff;}
.h5_course_1_1_10{width: 100%;height:auto;float: left;position:relative;left:-8%;top:-4.7rem;font-size: 0.25rem;color: #fff;}
.h5_course_1_1_11{width: 100%;height:auto;float: left;position:relative;left:-20%;top:-3.3rem;font-size: 0.25rem;color: #fff;}
.h5_course_1_1_12{width: 100%;height:auto;float: left;position:relative;left:-22%;top:-3.3rem;font-size: 0.25rem;color: #fff;}

.h5_course_2{width: 100%;height: auto;float: left;background: #333;padding: 0.3rem 0 0.3rem 0;}
.h5_course_2_1{width: 100%;height: 5rem;margin: 0 auto;}
.h5_course_2_1_1{width: 100%;height: auto;float: left;color: #fff;text-align: center;font-weight:bold ;font-size: 0.3rem}
.h5_course_2_1_2{width: 100%;height: auto;float: left;color: #999;text-align: center;font-size: 0.2rem;margin: 0.1rem 0 0.3rem 0;overflow: hidden;}
.h5_course_2_1_3{width: 46%;height: auto;float: left;background: #fff;margin:0 0 0 4%;}
.h5_course_2_1_3_1{width: 100%;line-height: 0.8rem;float: left;background: #ccc; text-align: center;color: red;}
.h5_course_2_1_3_2{width: 90%;line-height: 0.3rem;float: left;padding:5%}
.h5_course_2_1_4{width: 46%;height: auto;float: left;background: #fe4c58;border-radius:0 0.1rem 0 0.1rem 0 ;}
.h5_course_2_1_4_1{width: 100%;line-height: 0.8rem;float: left;background: #fe4c58; text-align: center;color: #fff;}
.h5_course_2_1_4_2{width: 90%;line-height: 0.3rem;float: left;padding:5%;color: #fff;}

.h5_course_3{width: 100%;height: auto;float: left;padding: 0.3rem 0 0.3rem 0;}
.h5_course_3_1{width: 100%;height: auto;float: left;text-align: center;font-size: 0.3rem;font-weight:bold ;color: #333;}
.h5_course_3_2{width: 90%;height: auto;float: left;margin:5%;}

.h5_course_4{width: 100%;height: 6.2rem;float: left;background: #fff;padding: 0.4rem 0 0.6rem 0;margin:0rem 0 0rem 0;}
.h5_course_4_1{width: 100%;height: auto;float: left;text-align: center;font-size: 0.27rem;font-weight:bold ;color: #333;}
.h5_course_4_2{width: 94%;height: auto;float: left;margin:6% 3% 3% 3%;}


.h5_course_5{width: 100%;height: auto;float: left;background: #5f1ee1;padding: 0.2rem 0 0.3rem 0;}
.h5_course_5_1{width: 100%;height: auto;float: left;text-align: center;font-size: 0.3rem;font-weight:bold ;color: #fff;margin: 0 0 0.3rem 0;}
.h5_course_5_2{width: 90%;height: auto;float: left;margin: 5%}
.h5_course_5_2_1{width: 2.5rem;height: 1.5rem;float: left;background: #fff;border-radius:0.05rem ;margin: 3%;}
.h5_course_5_2_1_1{width: 100%;height: auto;float: left;text-align: center;color: #777;margin: 0.2rem 0 0.1rem 0;}
.h5_course_5_2_1_2{width: 100%;height: auto;float: left;text-align: center;color: red;font-size: 0.55rem;font-weight:bold ;}
.h5_course_5_3{width: 100%;height: auto;float: left;margin: 0.3rem 0 0.3rem 0;}

.h5_course_6{width: 100%;height: auto;float: left;background: #5f1ee1;padding: 0.3rem 0 0.3rem 0;}
.h5_course_6_1{width: 100%;height: auto;float: left;text-align: center;font-size: 0.4rem;font-weight:bold ;color: #fff;margin: 0 0 0.1rem 0;}
.h5_course_6_2{width: 100%;height: auto;float: left;margin: 0.2rem 0 0.3rem 0;}
.h5_course_6_2_1{width: 96%;height: auto;float: left;margin:2%;}
.h5_course_6_3{width: 90%;height: auto;float: left;font-size: 0.25rem ;color: #fff;margin: 0.1rem 5% 0.1rem 5%;}
.h5_course_6_3_1{width: 15%;height: auto;float: left;}
.h5_course_6_3_2{width: 15%;height: auto;float: left; }
.h5_course_6_3_3{width: 45%;height: auto;float: left; }
.h5_course_6_3_4{width: 20%;height: auto;float: left; }

.h5_course_7{width: 100%;height: auto;float: left;margin: 0.2rem 0 0 0;padding: 0.3rem 0 0 0;}
.h5_course_7_1{width: 100%;height: auto;float: left;text-align: center;font-size: 0.3rem;font-weight:bold ;color: #333;margin: 0 0 0.1rem 0;}
.h5_course_7_2{width: 100%;height: auto;float: left;margin: 0.2rem 0 0 0;}
.h5_course_7_2_1{width: 100%;height: auto;float: left;}

.h5_course_8{width: 100%;height:11rem;float: left;overflow: hidden;background: #fff;overflow-y:auto;}
.h5_course_8_0{width: 100%;height:auto;float: left;text-align: center;font-size: 0.3rem;font-weight: bold;margin: 0.2rem 0 0.2rem 0;color: #9E29C7;font-weight: bold;}
.h5_course_8_1{width: 90%;height: auto;float: left;margin:5%;background: #f8f8f8;border-radius:10px ;}
.h5_course_8_1_1{width: 94%;height: auto;float: left;margin: 3%;position: relative;}
.h5_course_8_1_1_0{padding: 0 0.2rem 0 0.2rem;line-height: 0.6rem;color:#fff;border-radius:0 5px 5px 0 ;font-weight: bold;font-size: 0.25rem;position: absolute;background: #9E29C7;margin: 0 0 1rem 0;left:-9%;}
.h5_course_8_1_1_1{width: 100%;height: auto;float: left;color: orange;font-weight: bold;font-size: 0.25rem;margin: 0.5rem 0 0 0;}
.h5_course_8_1_1_2{width: 100%;height: auto;float: left;color: #333;font-size: 0.2rem;line-height: 0.45rem;margin: 0.2rem 0 0 0;}

.h5_course_9{width: 100%;height:auto;float: left;padding: 0.3rem 0 0 0;background: #fff;}

.m_kc_btn_1{width: 100%;height: auto;float: left;margin: 0.2rem 0 0.3rem 0 ;}
.m_kc_btn_1_1{width: 50%;height: auto;margin: 0 auto;line-height: 0.75rem;background:#ff6633;text-align: center;color: #fff;border-radius:1rem;position: relative;overflow: hidden;}

.content_3{ width:6.4rem; height: auto;  float:left; background:#fff; margin:0.2rem 0 0 0;padding: 0 0 0.3rem 0 ;text-align: center;}
.content_3_1{ width:100%; height:auto;  float:left;}
.content_3_2{ width:100%; height:auto;  float:left;}
.content_3_2_1{ width:100%; height:auto;  float:left; font-size: 0.27rem;font-weight:bold ;}
.content_3_2_2{ width:100%; height:auto;  float:left;color: #999;margin: 0.1rem 0 0 0;}
.content_3_2_3{ width:100%; height:auto;  float:left;text-align:left;margin: 0.1rem 0 0 0;}
.content_3_2_3_1{ width:30%; height:auto;  float:left;padding: 0.1rem 10% 0.1rem 10%;}
.content_3_2_4{ width:100%; height:auto;  float:left;color: #ccc;margin: 0.1rem 0 0 0;}
.content_3_2_5{ width:100%; height:auto;  float:left;margin: 0.1rem 0 0 0;}
.content_3_2_6{ width:100%; height:auto;  float:left;margin: 0.2rem 0 0 0;}
.content_3_2_6_1{ width:80%; height:auto;line-height: 0.7rem;margin: 0 auto;background: #FF6633;border-radius:1rem; color: #fff;text-align: center ;border: 0;}

.content_5 {
    width: 6.4rem;
    height: auto;
    float: left;
    background: url(/static/image/mobile/index/tc_bj.jpg) no-repeat;background-size:100% 100% ;
    margin: 0.2rem 0 0 0;
    padding: 0 0 0.5rem 0;
}

.content_5_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    padding: 0.3rem 0 0.25rem 0;
    margin: 0 0 0.1rem 0;
}

.content_5_1_1 {
    width: 6.4rem;
    height: 0.5rem;
    line-height: 0.5rem;
    float: left;
    text-align: center;
    font-size: 0.3rem;
    color: #FF6633;
}

.content_5_1_2 {
    width: 6.4rem;
    height: 0.3rem;
    line-height: 0.3rem;
    float: left;
    text-align: center;
    font-size: 0.2rem;
    color: #999;
}

.content_5_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.3rem;
    float: left;
}

.content_5_2_1 {
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
}

.content_5_2_1_1 {
    width: 4rem;
    height: 4rem;
    float: left;
    background: #777;
    border-radius: 0.1rem;
    padding-top: 0.5rem;
}

.content_5_2_1_2 {
    width: 4rem;
    height: auto;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 0.25rem;
    margin: 0.1rem 0 0.1rem 0;
}

.content_5_2_1_3 {
    width: 4rem;
    height: auto;
    float: left;
    padding: 0 0 0.6rem 0;
    color: #ccc;
    font-size: 0.2rem;
    line-height: 0.35rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-align: justify;
}

.content_5_2_1_4 {
    width: 4rem;
    height: auto;
    float: left;
}

.content_5_2_1_4_1 {
    width: 0.5rem;
    height: 0.1rem;
    background: #ff6633;
    border-radius: 0.1rem;
    margin: 0.2rem auto;
}

.content_10 {
    width: 6.4rem;
    height: auto;
    float: left;
    background: #fff;
}

.content_10_1 {
    width: 6.4rem;
    height: auto;
    margin: 0 auto;
    padding: 0.1rem 0 0.25rem 0;
    margin: 0 0 0.1rem 0;
}

.content_10_1_1 {
    width: 6.4rem;
    height: 0.5rem;
    line-height: 0.5rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.3rem;
    color: #FF6633;
}

.content_10_1_2 {
    width: 6.4rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.2rem;
    color: #999;
}

.content_10_2 {
    width: 6rem;
    height: auto;
    float: left;
    padding: 0.2rem 0.2rem 0.2rem 0.2rem;
}

.content_10_2_1 {
    width: 0.98rem;
    height: 1rem;
    line-height: 1rem;
    float: left;
    margin: 0 0.3rem 0 0.3rem;
    border: 0.01rem #ccc solid;
    overflow: hidden;
}

.m_kc_cnc_nr_1{width: 6.4rem;height: auto;float:left;text-align: center;background: #fff;}
.m_kc_cnc_nr_1_1{width: 6.4rem;height: auto;float:left;font-size: 0.3rem;margin: 0.4rem 0 0.2rem 0;color: #333;}
.m_kc_cnc_nr_1_2{width: 5.6rem;height: auto;float:left;margin: 0.2rem 0.2rem 0.2rem 0.2rem;padding: 0.2rem;box-shadow: 0 8px 20px #ccc;border-radius:0.1rem;overflow: hidden ;}
.m_kc_cnc_nr_1_2_1{width: 100%;height: auto;float:left;line-height: 0.6rem;background: #007AFF;text-align: center;color: #fff;font-size: 0.3rem;}
.m_kc_cnc_nr_1_2_2{width: 100%;height: auto;float:left;margin: 0.1rem 0 0.1rem;border-radius:0.1rem;overflow: hidden ;}
.m_kc_cnc_nr_1_2_3{width: 100%;height: auto;float:left;line-height: 0.5rem;color: #333;font-size: 0.22rem;text-align:left;margin: 0.15rem 0 0 0;}

#table {
    border-collapse: collapse;
    text-align: center;
}

#table img {
    width: 80%;
    height: auto;
}

#table, #td, #th {
    border: 1px solid #E0E0E0;
    text-align: center;
}

.content_16 {
    width: 6.4rem;
    height: auto;
    float: left;
    background: #fff;
    margin: 0.2rem 0 0 0;
    padding: 0.3rem 0 0.3rem 0;
}

.content_16_1 {
    width: 6.4rem;
    height: auto;
    margin: 0 auto;
    border-bottom: 1px #f4f4f4 solid;
    padding: 0.2rem 0 0.25rem 0;
    margin: 0 0 0.1rem 0;
}

.content_16_1_1 {
    width: 6.4rem;
    height: 0.5rem;
    line-height: 0.5rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.3rem;
    color: #FF6633;
}

.content_16_1_2 {
    width: 6.4rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.2rem;
    color: #999;
}

.content_16_2 {
    width: 6.2rem;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0.2rem;
    position: relative;
}

.content_16_2_1 {
    width: 100%;
    height: auto;
    float: left;
}

.content_16_2_1_1 {
    width: 31%;
    height: auto;
    float: left;
    margin: 1%;
}

.content_16_2_1_1_1 {
    width: 100%;
    height: auto;
    float: left;
    left;
    border-radius: 0.05rem;
    overflow: hidden;
}

.content_16_2_1_1_2 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 0.25rem;
    color: #777;
    margin: 0.1rem 0 0.1rem 0;
}

.dx {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0 0 0.05rem 0;
}

.dx_1 {
    width: 0.5rem;
    height: 0.06rem;
    margin: 0 auto;
    background: #FF6633;
    border-radius: 0.06rem;
}

.content_19 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0;
    text-align: center;
    background: #fff;
}

.content_19_1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0.2rem 0 0.1rem 0;
}

.content_19_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem;
}

.content_19_2_1 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0;
}

.content_19_2_2 {
    width: 100%;
    height: auto;
    float: left;
    color: #777;
    margin: 0.1rem 0 0.1rem 0;
}

.content_20 {
    width: 6rem;
    height: auto;
    float: left;
    background: #fff;
    padding: 0.2rem;
    margin: 0.3rem 0 0 0;
}

.content_20_1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-bottom: 1px #f4f4f4 solid;
    padding: 0.2rem 0 0.25rem 0;
    margin: 0 0 0.1rem 0;
}

.content_20_1_1 {
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.3rem;
    color: #FF6633;
}

.content_20_1_2 {
    width: 100%;
    height: 0.3rem;
    line-height: 0.3rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.2rem;
    color: #999;
}

.content_20_2 {
    width: 100%;
    height: auto;
    float: left;
}

.content_20_2_1 {
    width: 2.8rem;
    height: auto;
    float: left;
    margin: 0.1rem;
}

.content_20_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 0.05rem;
    overflow: hidden;
}

.content_20_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.1rem 0 0 0;
    color: #333;
    text-align: center;
}

.content_21 {
    width: 6.4rem;
    height: auto;
    float: left;
    background: #fff;
    margin: 0.3rem 0 0.2rem 0;
}

.content_21_1 {
    width: 6.4rem;
    height: auto;
    margin: 0 auto;
    padding: 0.2rem 0 0.25rem 0;
    margin: 0 0 0.1rem 0;
}

.content_21_1_1 {
    width: 6.4rem;
    height: 0.5rem;
    line-height: 0.5rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.3rem;
    color: #FF6633;
}

.content_21_1_2 {
    width: 6.4rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.2rem;
    color: #999;
}

.content_21_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.3rem 0 0.3rem 0;
}

.content_23 {
    width: 6.4rem;
    height: 8rem;
    float: left;
    background: #222;
    margin: 0 0 0.2rem 0;
}

.content_23_1 {
    width: 6.4rem;
    height: auto;
    margin: 0 auto;
    padding: 0.2rem 0 0.25rem 0;
    margin: 0 0 0.1rem 0;
}

.content_23_1_1 {
    width: 6.4rem;
    height: 0.5rem;
    line-height: 0.5rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.3rem;
    color: #FF6633;
}

.content_23_1_2 {
    width: 6.4rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.2rem;
    color: #999;
}

.content_23_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.3rem 0.2rem 0.3rem 0.2rem;
}

.content_23_2_1 {
    width: 2.8rem;
    height: 2.8rem;
    float: left;
    margin: 0.1rem;
    position: relative;
    text-align: center;
    color: #fff;
}

.content_23_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
}

.content_23_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    font-weight: bold;
    position: relative;
    z-index: 1;
    margin: 0.5rem 0 0 0;
}

.content_23_2_1_3 {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    z-index: 1;
    margin: 0.2rem 0 0 0;
}

.content_23_2_1_3_1 {
    width: 0.5rem;
    height: 0.05rem;
    margin: 0 auto;
    background: #fff;
}

.content_23_2_1_4 {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    z-index: 1;
    margin: 0.2rem 0 0 0;
}

.content_23_2_1_5 {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    z-index: 1;
    margin: 0.2rem 0 0 0;
}

.content_23_2_1_5_1 {
    width: 1.2rem;
    height: auto;
    margin: 0 auto;
    background: #fff;
    color: #000;
    border-radius: 0.05rem;
    line-height: 0.4rem;
}

.content_24 {
    width: 6.4rem;
    height: auto;
    float: left;
    background: url(/static/image/mobile/index/tc_bj.jpg);
    margin: 0.2rem 0 0 0;
    padding: 0 0 0.5rem 0;
}

.content_24_1 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 0.4rem;
    margin: 0.7rem 0 0.2rem 0;
    font-weight: bold;
}

.content_24_2 {
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    float: left;
    text-align: center;
    font-size: 0.25rem;
    color: #FF6633;
}

.content_24_3 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0;
}

.content_24_3_1 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_cad_bannar {
    width: 6.4rem;
    height: 5rem;
    float: left;
    background: url(/Images/YUN/kc_c4d/m_bannar_c4d.jpg) center center no-repeat;
    background-size: 100%;
}

.m_kc_cad_nr {
    width: 6.4rem;
    height: auto;
    float: left;
    background: #fff;
    padding: 0.2rem 0 0.2rem 0;
}

.m_kc_cad_nr_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    text-align: center;
    background: #f3f4f8;
    padding: 0.2rem 0 0.2rem 0;
}

.m_kc_cad_nr_1_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.4rem 0 0.2rem 0;
    color: #333;
}

.m_kc_cad_nr_1_2 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_cad_nr_1_2_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0;
}

.m_kc_cad_nr_1_2_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.2rem 0 0.3rem 0;
    color: #999;
    text-align: center;
}

.m_kc_cad_nr_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    text-align: center;
    background: #fff;
    padding: 0.2rem 0 0.2rem 0;
}

.m_kc_cad_nr_2_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.4rem 0 0.2rem 0;
    color: #333;
}

.m_kc_cad_nr_2_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.1rem 0.2rem 0.2rem 0.2rem;
}

.m_kc_cad_nr_2_2_1 {
    width: 46%;
    height: auto;
    float: left;
    margin: 0 2% 0 2%;
    border-radius: 0.1rem;
    text-align: center;
    position: relative;
    box-shadow: 0px 8px 20px #ccc
}

.m_kc_cad_nr_2_2_1_1 {
    width: 100%
    height: auto;
    margin: 0 2% 0 2%;
    text-align: center;
}

.m_kc_cad_nr_2_2_1_2 {
    width: 100%
    height: auto;
    text-align: center;
    color: #777;
    font-size: 0.25rem;
    position: relative;
    top: -0.3rem
}

.m_kc_cad_nr_3 {
    width: 6.4rem;
    height: auto;
    float: left;
    text-align: center;
    padding: 0.2rem 0 0.2rem 0;
    position: relative;
}

.m_kc_cad_nr_3_1 {
    width: 5.4rem;
    height: auto;
    float: left;
    margin: 0.3rem;
    padding: 0.2rem;
    border-radius: 0.1rem;
    background: #6640f5;
    position: relative;
    z-index: 2;
}

.m_kc_cad_nr_3_1_0 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.2rem 0 0.2rem 0;
    color: #fff;
}

.m_kc_cad_nr_3_1_1 {
    width: 80%;
    height: auto;
    float: left;
    margin: 0.1rem 10% 0.1rem 10%;
}

.m_kc_cad_nr_3_1_2 {
    width: 80%;
    height: auto;
    float: left;
    margin: 0.1rem 10% 0.1rem 10%;
}

.m_kc_cad_nr_3_2 {
    width: 6rem;
    height: auto;
    float: left;
    background: #151646;
    padding: 2rem 0.2rem 0.2rem 0.2rem;
    position: absolute;
    z-index: 1;
    top: 2rem;
}

.m_kc_cad_nr_3_2_1 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 0.3rem;
    font-weight: bold;
}

.m_kc_cad_nr_3_2_2 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0;
}

.m_kc_cad_nr_3_2_2_1 {
    width: 46%;
    height: auto;
    float: left;
    margin: 2%;
    border-radius: 0.1rem;
    overflow: hidden;
    background: #fff;
}

.m_kc_cad_nr_3_2_2_1_1 {
    width: 100%;
    height: 250px;
    float: left;
    overflow: hidden;
    background: #777;
}

.m_kc_cad_nr_3_2_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.2rem 0 0.1rem;
}

.m_kc_cad_nr_3_2_2_1_3 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 0.1rem 0;
    color: #ff6633;
    font-weight: bold;
}

.m_kc_cad_nr_3_3 {
    width: 6rem;
    height: auto;
    float: left;
    padding: 0.5rem 0.2rem 0.2rem 0.2rem;
}

.m_kc_cad_nr_3_3_1 {
    width: 90%;
    height: auto;
    margin: 0 auto;
    line-height: 0.7rem;
    background: #ff6633;
    font-size: 0.2rem;
    color: #fff;
    border-radius: 1rem;
}

.m_kc_cad_nr_4 {
    width: 6.4rem;
    height: auto;
    float: left;
    text-align: center;
    background: #f3f4f8;
    padding: 0.2rem 0 0.2rem 0;
}

.m_kc_cad_nr_4_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.4rem 0 0.2rem 0;
    color: #333;
}

.m_kc_cad_nr_4_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem;
}

.m_kc_cad_nr_4_2_1 {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
}

.m_kc_cad_nr_4_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 0.1rem;
    overflow: hidden;
}

.m_kc_cad_nr_4_2_1_2 {
    width: 1.5rem;
    height: auto;
    float: left;
    line-height: 0.5rem;
    border-radius: 0.05rem;
    background: rgb(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
}

.m_kc_cad_nr_4_2_2 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_cad_nr_4_2_2_1 {
    width: 100%;
    height: auto;
    float: left;
    line-height: 0.4rem;
    color: #777;
    margin: 0rem 0 0 0;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.m_kc_cad_nr_4_2_2_2 {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    top: -0.3rem;
}

.m_kc_cad_nr_4_2_2_2_1 {
    width: auto;
    padding: 0.1rem 0 0.1rem 0;
    line-height: 0.35rem;
    background: #ff6633;
    color: #fff;
}

.m_kc_cad_nr_4_3 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.5rem 0 0.2rem 0;
}

.m_kc_cad_nr_4_3_1 {
    width: 40%;
    height: auto;
    margin: 0 auto;
    line-height: 0.7rem;
    background: #ff6633;
    font-size: 0.2rem;
    color: #fff;
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
}

.m_kc_cad_nr_5 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_cad_nr_6 {
    width: 6.4rem;
    height: auto;
    float: left;
    text-align: center;
    padding: 0.2rem 0 0.2rem 0;
}

.m_kc_cad_nr_6_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.4rem 0 0.2rem 0;
    color: #333;
}

.m_kc_cad_nr_6_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0 0.2rem 0 0.2rem;
    border-radius: 0.1rem;
    overflow: hidden;
}

.m_kc_cad_nr_6_2_1 {
    width: 46%;
    height: auto;
    float: left;
    margin: 2%;
    border-radius: 0.05rem;
    overflow: hidden;
}

.m_kc_cad_nr_6_3 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0rem 0 0.2rem 0;
}

.m_kc_cad_nr_6_3_1 {
    width: 40%;
    height: auto;
    margin: 0 auto;
    line-height: 0.7rem;
    background: #ff6633;
    font-size: 0.2rem;
    color: #fff;
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
}

.m_kc_cad_nr_7 {
    width: 6.4rem;
    height: auto;
    float: left;
    text-align: center;
    padding: 0rem 0 0.2rem 0;
}

.m_kc_cad_nr_7_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.3rem;
    margin: 0.4rem 0 0.2rem 0;
    color: #333;
}

.m_kc_cad_nr_7_2 {
    width: 5.8rem;
    height: auto;
    float: left;
    font-size: 0.2rem;
    margin: 0.1rem 0.3rem 0.2rem 0.3rem;
    color: #777;
}

.m_kc_cad_nr_7_3 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0 0.2rem 0 0.2rem;
    border-radius: 0.1rem;
    overflow: hidden;
}

.m_kc_cad_nr_7_3_1 {
    width: 29%;
    height: auto;
    float: left;
    margin: 2%;
}

.m_kc_cad_nr_7_3_1_1 {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 0.05rem;
    overflow: hidden;
}

.m_kc_cad_nr_7_3_1_2 {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 0.05rem;
    overflow: hidden;
    margin: 0.1rem 0 0 0;
    color: #777;
}

.m_kc_cad_nr_7_4 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.3rem 0 0.2rem 0;
}

.m_kc_cad_nr_7_5_1 {
    width: 40%;
    height: auto;
    margin: 0 auto;
    line-height: 0.7rem;
    background: #ff6633;
    font-size: 0.2rem;
    color: #fff;
    border-radius: 1rem;
}

.m_kc_indoor_bannar {
    width: 6.4rem;
    height: 5rem;
    float: left;
    background: url(/Images/YUN/kc_ui/m_ui_bannar.jpg) center center no-repeat;
    background-size: 100%;
}

.m_kc_indoor_nr {
    width: 6.4rem;
    height: auto;
    float: left;
    background: #fff;
    padding: 0.2rem 0 0.2rem 0;
}

.m_kc_indoor_nr_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    text-align: center;
    background: #f5f5f5;
    padding: 0.1rem 0 0.4rem 0;
    margin: 0.2rem 0 0 0;
}

.m_kc_indoor_nr_1_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.4rem 0 0.2rem 0;
    color: #333;
}

.m_kc_indoor_nr_1_2 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_1_2_1 {
    width: 25%;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0;
}

.m_kc_indoor_nr_1_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_1_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    background: #fff;
    margin: 0.2rem 0 0 0;
    padding: 0 0 0.3rem 0;
}

.m_kc_indoor_nr_2_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.4rem 0 0.2rem 0;
    color: #333;
    text-align: center;
}

.m_kc_indoor_nr_2_2 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_2_2_1 {
    width: 25%;
    height: auto;
    float: left;
    margin: 2%;
    box-shadow: 0px 8px 20px #ccc;
    padding: 2%;
}

.m_kc_indoor_nr_2_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
    left;
    text-align: center;
    font-size: 0.5rem;
    color: orangered;
    font-weight: bold;
}

.m_kc_indoor_nr_2_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 0.2rem;
    color: #333;
    font-weight: bold;
    margin: 0.1rem 0 0.1rem 0;
}

.m_kc_indoor_nr_2_2_1_3 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 0.2rem;
    color: #777;
    margin: 0.1rem 0 0.1rem 0;
}

.m_kc_indoor_nr_3 {
    width: 6.4rem;
    height: auto;
    float: left;
    text-align: center;
    background: #fff;
    padding: 0.2rem 0 0.4rem 0;
}

.m_kc_indoor_nr_3_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.4rem 0 0 0;
    color: #333;
}

.m_kc_indoor_nr_3_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.2rem;
    margin: 0.1rem 0 0.5rem 0;
    color: #999;
}

.m_kc_indoor_nr_3_3 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_4 {
    width: 6.4rem;
    height: auto;
    float: left;
    text-align: center;
    background: #5e078c;
    padding: 0.2rem 0 0.3rem 0;
}

.m_kc_indoor_nr_4_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.4rem 0 0 0;
    color: #fff;
}

.m_kc_indoor_nr_4_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.2rem;
    margin: 0.1rem 0 0.5rem 0;
    color: #ccc;
}

.m_kc_indoor_nr_4_3 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_4_4 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.3rem 0 0 0;
}

.m_kc_indoor_nr_4_4_1 {
    width: 80%;
    height: auto;
    margin: 0 auto;
    line-height: 0.7rem;
    text-align: center;
    color: #fff;
    border-radius: 1rem;
    background: #ff4a01;
}

.m_kc_indoor_nr_5 {
    width: 100%;
    height: auto;
    float: left;
    background: #fff;
    padding: 0.3rem 0 0rem 0;
}

.m_kc_indoor_nr_5_0 {
    width: 90%;
    height: auto;
    float: left;
    margin: 3%;
    padding: 2%;
    background: #f9f9f9;
    border-radius: 5px;
}

.m_kc_indoor_nr_5_1 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_5_1_1 {
    width: 2%;
    height: 0.4rem;
    float: left;
    background: #fc618d;
    margin: 0.05rem 0 0 0.1rem;
}

.m_kc_indoor_nr_5_1_2 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 0.27rem;
    text-align: center;
    font-weight: bold;
    padding: 0.07rem 0 0 0.15rem;
    color: #333;
}

.m_kc_indoor_nr_5_2 {
    width: 100%;
    height: 9.1rem;
    float: left;
    margin: 0.2rem 0 0 0;
    background: url(/static/image/course/course-15.png) no-repeat;
    background-size: 100%;
}

.m_kc_indoor_nr_5_2_1 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_5_2_1_1 {
    width: 60%;
    height: auto;
    line-height: 0.8rem;
    margin: auto 0;
    text-align: center;
    color: #8170fd;
    border-radius: 0.5rem;
    background: #f7f65d;
    font-size: 0.25rem;
    margin: 0.4rem 0 0 20%
}

.m_kc_indoor_nr_5_2_2 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0;
}

.m_kc_indoor_nr_5_2_2_1 {
    width: 30.3%;
    height: 2.7rem;
    float: left;
    margin: 0.3rem 1.5% 0.4rem 1.5%;
    background: #fff;
    border-radius: 0.01rem;
}

.m_kc_indoor_nr_5_2_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_5_2_2_1_1_1 {
    width: 1.5rem;
    height: 1.5rem;
    background: #ccc;
    border-radius: 1.5rem;
    margin: 7% auto 0 9%;
    overflow: hidden;
}

.m_kc_indoor_nr_5_2_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.1rem 0 0 0;
}

.m_kc_indoor_nr_5_2_2_1_2_1 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 0.25rem;
    font-weight: bold;
}

.m_kc_indoor_nr_5_2_2_1_3 {
    width: 70%;
    line-height: 0.6rem;
    float: left;
    background: red;
    text-align: center;
    color: #fff;
    margin: 0.2rem 0 0 10%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0.1rem 0 0.1rem;
    border-radius: 0.05rem;
    overflow: hidden;
}

.m_kc_indoor_nr_6 {
    width: 6.4rem;
    height: auto;
    float: left;
    text-align: center;
    background: #f5f5f5;
    padding: 0rem 0 0.3rem 0;
}

.m_kc_indoor_nr_6_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.4rem 0 0.3rem 0;
    color: #333;
}

.m_kc_indoor_nr_6_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.2rem;
    margin: 0.1rem 0 0.5rem 0;
    color: #ccc;
}

.m_kc_indoor_nr_6_2_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_6_2_1_1 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem;
    border-radius: 0.1rem;
    box-shadow: 0px 8px 20px #ccc;
    overflow: hidden;
}

.m_kc_indoor_nr_6_2_1_1_1 {
    width: 50%;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_6_2_1_1_1_1 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0;
    font-weight: bold;
}

.m_kc_indoor_nr_6_2_1_1_1_2 {
    width: 80%;
    height: auto;
    float: left;
    margin: 0 0 0 0;
    color: #999;
    padding: 10%;
    text-align: left;
}

.m_kc_indoor_nr_6_3 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.1rem 0 0.5rem 0;
}

.m_kc_indoor_nr_6_3_1 {
    width: 90%;
    height: auto;
    margin: 0 auto;
    line-height: 0.7rem;
    background: #ff6633;
    font-size: 0.2rem;
    color: #fff;
    border-radius: 1rem;
}

.m_kc_indoor_nr_7 {
    width: 6.4rem;
    height: auto;
    float: left;
    text-align: center;
    background: #6C6E7B;
    padding: 0.2rem 0 0 0;
}

.m_kc_indoor_nr_7_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.4rem 0 0.3rem 0;
    color: #FF6633;
}

.m_kc_indoor_nr_7_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.1rem 0 0.1rem 0;
    color: #fff;
    text-align: center;
}

.m_kc_indoor_nr_7_2_1 {
    width: 2.8rem;
    height: auto;
    float: left;
    margin: 0 0.2rem 0.3rem 0.2rem;
}

.m_kc_indoor_nr_7_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 0.05rem;
    overflow: hidden;
}

.m_kc_indoor_nr_7_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.1rem 0 0 0;
}

.m_kc_indoor_nr_8 {
    width: 6.4rem;
    height: auto;
    float: left;
    background: #fff;
    margin: 0.2rem 0 0 0;
    padding: 0 0 0.3rem 0;
    overflow: hidden;
}

.m_kc_indoor_nr_8_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    border-bottom: 1px #f4f4f4 solid;
    padding: 0.3rem 0 0.25rem 0;
    margin: 0 0 0.1rem 0;
}

.m_kc_indoor_nr_8_1_1 {
    width: 6.4rem;
    height: 0.5rem;
    line-height: 0.5rem;
    float: left;
    text-align: center;
    font-size: 0.3rem;
    color: #FF6633;
}

.m_kc_indoor_nr_8_1_2 {
    width: 6.4rem;
    height: 0.3rem;
    line-height: 0.3rem;
    float: left;
    text-align: center;
    font-size: 0.2rem;
    color: #999;
}

.m_kc_indoor_nr_8_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.3rem;
    float: left;
    margin: 0.2rem 0 0 0;
    overflow: hidden;
}

.m_kc_indoor_nr_8_2_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_8_2_1_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_8_2_1_1_1 {
    width: 2.2rem;
    height: auto;
    float: left;
    font-size: 0.5rem;
    color: #ccc;
    margin-top: 0.7rem;
    text-align: center;
}

.m_kc_indoor_nr_8_2_1_1_2 {
    width: 2rem;
    height: 2rem;
    float: left;
    background: #f0f0f0;
    border-radius: 50%;
    overflow: hidden;
}

.m_kc_indoor_nr_8_2_1_1_3 {
    width: 2.2rem;
    height: auto;
    float: left;
    font-size: 0.5rem;
    color: #ccc;
    margin-top: 0.7rem;
    text-align: center;
}

.m_kc_indoor_nr_8_2_1_2 {
    width: 6.2rem;
    height: auto;
    float: left;
    font-size: 0.25rem;
    text-align: center;
    margin: 0.2rem 0 0 0;
    font-weight: bold;
}

.m_kc_indoor_nr_8_2_1_3 {
    width: 1rem;
    height: auto;
    float: left;
    font-size: 0.5rem;
    margin-left: 0.8rem;
    color: #ccc;
}

.m_kc_indoor_nr_8_2_1_4 {
    width: 4rem;
    height: 1rem;
    float: left;
    font-size: 0.2rem;
    margin: 0.1rem 1.35rem 0 1.35rem;
    line-height: 0.35rem;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: justify;
}

.m_kc_indoor_nr_8_2_1_5 {
    width: 0.6rem;
    height: auto;
    float: left;
    margin: 0.3rem 2.2rem 0 2.7rem;
    border-bottom: 4px solid #FF6633;
}

.m_kc_indoor_nr_9 {
    width: 6.4rem;
    height: 4.5rem;
    float: left;
    text-align: center;
    background: #fff;
    position: relative;
}

.m_kc_indoor_nr_9_1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.4rem 0 0.3rem 0;
    color: #333;
}

.m_kc_indoor_nr_9_2 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_9_2_1 {
    width: 90%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

.m_kc_indoor_nr_9_2_2 {
    width: 4.35rem;
    height: 2.5rem;
    position: absolute;
    top: 1.25rem;
    left: 16%;
    background: #000;
}

.m_kc_indoor_nr_10 {
    width: 6.4rem;
    height: auto;
    float: left;
    text-align: center;
}

.m_kc_indoor_nr_10_1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.4rem 0 0.2rem 0;
    color: #333;
}

.m_kc_indoor_nr_10_2 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_10_2_1 {
    width: 46%;
    height: auto;
    float: left;
    margin: 2%;
}

.m_kc_indoor_nr_10_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_10_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;;
    color: #777;
    margin: 0.1rem 0 0.1rem 0;
    font-weight: bold;
}

.m_kc_indoor_nr_11 {
    width: 6.4rem;
    height: auto;
    float: left;
    text-align: center;
    background: #fff;
    padding: 0.3rem 0 0.3rem 0;
}

.m_kc_indoor_nr_11_1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 0.27rem;
    font-weight: bold;
    margin: 0.4rem 0 0.2rem 0;
    color: #333;
}

.m_kc_indoor_nr_11_2 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_11_2_1 {
    width: 46%;
    height: auto;
    float: left;
    margin: 2%;
}

.m_kc_indoor_nr_11_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_indoor_nr_11_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 0.25rem;
    color: #777;
    margin: 0.1rem 0 0.1rem 0;
}

.m_kc_3d_bannar {
    width: 6.4rem;
    height: 5rem;
    float: left;
    background: url(/Images/YUN/kc_pm//m_bannar_pm.jpg) center center no-repeat;
    background-size: 100%;
}

.m_kc_3d_nr_bt {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_3d_nr_bt_1 {
    width: 0.2rem;
    height: 0.5rem;
    float: left;
    background: #1f8ceb;
    margin: 0 0.1rem 0 0;
}

.m_kc_3d_nr_bt_2 {
    width: 6rem;
    height: auto;
    float: left;
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0.03rem 0 0 0;
    color: #1f8ceb;
}

.m_kc_3d_nr {
    width: 6.4rem;
    height: auto;
    float: left;
    background: #fff;
    padding: 0.2rem 0 0.2rem 0;
}

.m_kc_3d_nr_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0rem 0 0 0;
    background: #fff;
    padding: 0.3rem 0 0.3rem 0;
}

.m_kc_3d_nr_1_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_3d_nr_1_2 {
    width: 6.2rem;
    height: auto;
    float: left;
    margin: 0.2rem 0.1rem 0 0.1rem;
}

.m_kc_3d_nr_1_2_1 {
    width: 29.33%;
    height: auto;
    float: left;
    margin: 2%;
    background: #fff;
    border-radius: 0.1rem;
    overflow: hidden;
    box-shadow: 0px 8px 20px #ccc;
}

.m_kc_3d_nr_1_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0;
}

.m_kc_3d_nr_1_2_1_1_1 {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
    border-radius: 1rem;
    overflow: hidden;
    text-align: center;
}

.m_kc_3d_nr_1_2_1_2 {
    width: 80%;
    height: auto;
    float: left;
    margin: 10%;
    font-size: 0.2rem;
    color: #777;
}

.m_kc_3d_nr_1_2_1_3 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 0.2rem 0;
}

.m_kc_3d_nr_1_2_1_3_1 {
    width: 80%;
    height: auto;
    margin: 0 auto;
    line-height: 0.5rem;
    border-radius: 1rem;
    text-align: center;
    color: #fff;
    background: #1f8ceb;
}

.m_kc_3d_nr_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    background: #333;
}

.m_kc_3d_nr_2_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 0.3rem;
    margin: 0.5rem 0 0 0;
}

.m_kc_3d_nr_2_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 0.2rem;
    margin: 0.1rem 0 0 0;
}

.m_kc_3d_nr_2_3 {
    width: 6.4rem;
    height: auto;
    float: left;
    color: #fff;
    text-align: center;
    font-size: 0.2rem;
    margin: 0.1rem 0 0 0;
}

.m_kc_3d_nr_2_4 {
    width: 6.4rem;
    height: 7.5rem;
    float: left;
    padding: 0.2rem 0 0 0
}

.m_kc_3d_nr_2_4_1 {
    width: 6.4rem;
    height: 7.5rem;
    float: left;
    background: #ccc;
    position: relative;
    overflow: hidden;
}

.m_kc_3d_nr_2_4_1_0 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_3d_nr_2_4_1_1 {
    width: 6.4rem;
    height: 100%;
    float: left;
    background: #1f8ceb;
    padding: 0 0 0.5rem 0;
}

.m_kc_3d_nr_2_4_1_1_1 {
    width: 80%;
    height: auto;
    float: left;
    color: #fff;
    margin: 0.5rem 0 0 1rem;
    transform: rotate(0deg);
    font-size: 0.3rem;
    font-weight: bold;;
}

.m_kc_3d_nr_2_4_1_1_2 {
    width: 75%;
    height: auto;
    float: left;
    color: #fff;
    margin: 0.1rem 0 0 0.95rem;
    transform: rotate(0deg);
}

.m_kc_3d_nr_2_5 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem 0.2rem 0.2rem 0.2rem;
}

.m_kc_3d_nr_2_5_1 {
    width: 40%;
    height: auto;
    margin: 0 auto;
    line-height: 0.7rem;
    background: #1f8ceb;
    font-size: 0.2rem;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    position: relative;
}

.m_kc_3d_nr_3 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.7rem 0 0 0;
}

.m_kc_3d_nr_3_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_3d_nr_3_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.3rem 0.2rem 0.2rem 0.2rem;
}

.m_kc_3d_nr_3_2_1 {
    width: 48%;
    height: auto;
    float: left;
    position: relative;
    margin: 1% 1% 3% 1%;
}

.m_kc_3d_nr_3_2_1_1 {
    width: 90%;
    height: 1.7rem;
    float: left;
    background: #ddd;
    border-radius: 0.05rem;
}

.m_kc_3d_nr_3_2_1_1_1 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.3rem 0 0 0.2rem;
}

.m_kc_3d_nr_3_2_1_1_2 {
    width: 50%;
    height: auto;
    float: left;
    margin: 0.1rem 0 0 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m_kc_3d_nr_3_2_1_1_3 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.1rem 0 0 0.2rem;
    color: #1f8ceb;
    font-weight: bold;
    font-size: 0.25rem;
}

.m_kc_3d_nr_3_2_1_2 {
    width: 1.5rem;
    height: 1.5rem;
    float: right;
    /*background: #000;*/
    position: absolute;
    right: 0;
    top: 0.1rem;
    border-radius: 0.1rem;
    overflow: hidden;
}

.m_kc_3d_nr_3_3 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0 0.2rem 0.2rem 0.2rem;
}

.m_kc_3d_nr_3_3_1 {
    width: 40%;
    height: auto;
    margin: 0 auto;
    line-height: 0.7rem;
    background: #1f8ceb;
    font-size: 0.2rem;
    color: #fff;
    border-radius: 1rem;
    text-align: center;
}

.m_kc_3d_nr_4 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.3rem 0 0 0;
}

.m_kc_3d_nr_4_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_3d_nr_4_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.3rem 0.2rem 0.2rem 0.2rem;
}

.m_kc_3d_nr_5 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.7rem 0 0 0;
    background: #fff;
    padding: 0.3rem 0 0.3rem 0;
}

.m_kc_3d_nr_5_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_3d_nr_5_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.3rem 0 0 0;
}

.m_kc_3d_nr_6 {
    width: 6.4rem;
    height: auto;
    float: left;
    background: #fff;
    padding: 0.4rem 0 0.2rem 0;
}

.m_kc_3d_nr_6_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_3d_nr_6_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.3rem 0.2rem 0.2rem 0.2rem;
}

.m_kc_3d_nr_6_2_1 {
    width: 48%;
    height: auto;
    float: left;;
    margin: 1% 1% 1% 1%;
    border-radius: 0.05rem;
    overflow: hidden;
}

.m_kc_3d_nr_7 {
    width: 6.4rem;
    height: 8.3rem;
    float: left;
    margin: 0.5rem 0 0 0;
}

.m_kc_3d_nr_7_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_3d_nr_7_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.7rem 0.2rem 0 0.2rem;
}

.m_kc_3d_nr_7_2_1 {
    width: 48%;
    height: auto;
    float: left;
    margin: 1% 1% 12% 1%;
    padding: 0 0 0.3rem 0;
    background: #fff;
    border-radius: 0.2rem;
    text-align: center;
    color: #777;
    position: relative;
}

.m_kc_3d_nr_7_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    top: -0.6rem
}

.m_kc_3d_nr_7_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0.7rem 0 0 0;
}

.m_kc_3d_nr_7_2_1_3 {
    width: 80%;
    height: auto;
    float: left;
    margin: 0.25rem 0 0 0;
    padding: 0 10% 0 10%;
}

.m_kc_3d_nr_7_2_1_4 {
    width: 100%;
    height: auto;
    float: left;
    color: #1f8ceb;
    margin: 0.25rem 0 0 0;
}

.m_kc_3d_nr_7_2_1_4_1 {
    width: 60%;
    height: auto;
    margin: 0 auto;
    line-height: 0.6rem;
    border-radius: 1rem;
    background: #1f8ceb;
    color: #fff;
}

.m_kc_3d_nr_8 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0;
    padding: 0.3rem 0 0.2rem 0;
    background: #fff;
}

.m_kc_3d_nr_8_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_3d_nr_8_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem 0.2rem 0 0.2rem;
}

.m_kc_3d_nr_8_2_1 {
    width: 48%;
    height: auto;
    float: left;
    margin: 1% 1% 1% 1%;
    border-radius: 0.2rem;
    text-align: center;
}

.m_kc_3d_nr_8_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 0.05rem;
    overflow: hidden;
}

.m_kc_3d_nr_8_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.1rem 0 0.1rem 0;
    font-size: 0.25rem;
    text-align: center;;
    color: #777;
}

.m_kc_3d_nr_9 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0;
    padding: 0.3rem 0 0.2rem 0;
    background: #fff;
}

.m_kc_3d_nr_9_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_3d_nr_9_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem 0.2rem 0 0.2rem;
}

.m_kc_3d_nr_9_2_1 {
    width: 48%;
    height: auto;
    float: left;
    margin: 1% 1% 1% 1%;
    border-radius: 0.2rem;
    text-align: center;
}

.m_kc_3d_nr_9_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
    border-radius: 0.05rem;
    overflow: hidden;
}

.m_kc_3d_nr_9_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.1rem 0 0.1rem 0;
    font-size: 0.25rem;
    text-align: center;;
    color: #777;
}

.m_kc_soft_bannar {
    width: 6.4rem;
    height: 5rem;
    float: left;
    background: url(/Images/YUN/kc_mg/m_mg_bannar.jpg) center center no-repeat;
    background-size: 100%;
}

.m_kc_soft_nr_bt {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_soft_nr_bt_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    font-size: 0.3rem;
    margin: 0.03rem 0 0 0;
    color: #000;
    text-align: center;
}

.m_kc_soft_nr_bt_2 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_soft_nr_bt_2_1 {
    width: 0.5rem;
    height: 0.05rem;
    margin: 0.1rem auto;
    background: #ff6633;
}

.m_kc_soft_nr {
    width: 6.4rem;
    height: auto;
    float: left;
    background: #fff;
    padding: 0.2rem 0 0.2rem 0;
}

.m_kc_soft_nr_1 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.7rem 0 0 0;
}

.m_kc_soft_nr_1_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_soft_nr_1_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem;
}

.m_kc_soft_nr_1_2_1 {
    width: 48%;
    height: auto;
    float: left;
    margin: 1% 1% 3% 1%;
    padding: 0 0 0.2rem 0;
    border-radius: 0.1rem;
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 8px 20px #ccc
}

.m_kc_soft_nr_1_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 0.6rem;
    font-weight: bold;
    color: #ff4362;
    text-align: center;
    margin: 0.1rem 0 0 0;
}

.m_kc_soft_nr_1_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    color: #777;
    margin: 0.2rem 0 0 0;
}

.m_kc_soft_nr_2 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0 0 0 0;
    padding: 0.3rem 0 0.3rem 0;
    background: #fff;
}

.m_kc_soft_nr_2_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_soft_nr_2_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem;
}

.m_kc_soft_nr_2_3 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem;
}

.m_kc_soft_nr_2_3_1 {
    width: 48%;
    height: auto;
    float: left;
    margin: 1% 1% 3% 1%;
    padding: 0 0 0.2rem 0;
    border-radius: 0.1rem;
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 8px 20px #ccc;
}

.m_kc_soft_nr_2_3_1_1 {
    width: 50%;
    height: auto;
    float: left;
    padding: 0 0 0 10%;
}

.m_kc_soft_nr_2_3_1_1_1 {
    width: 100%;
    height: auto;
    float: left;
    font-weight: bold;
    margin: 0.3rem 0 0 0;
}

.m_kc_soft_nr_2_3_1_1_2 {
    width: 100%;
    height: auto;
    float: left;
    font-weight: bold;
    color: #ff6600;
    margin: 0.2rem 0 0 0;
}

.m_kc_soft_nr_2_3_1_1_3 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.1rem 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.m_kc_soft_nr_2_3_1_2 {
    width: 40%;
    height: auto;
    float: left;
}

.m_kc_soft_nr_2_3_1_2_1 {
    width: 1rem;
    height: 1rem;
    float: left;
    margin: 0.32rem 0 0 0;
    border-radius: 1rem;
    overflow: hidden;
}

.m_kc_soft_nr_2_4 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 0 0;
}

.m_kc_soft_nr_2_4_1 {
    width: 40%;
    height: auto;
    margin: 0 auto;
    line-height: 0.7rem;
    border-radius: 1rem;
    background: #ff6633;
    color: #fff;
    text-align: center;
}

.m_kc_soft_nr_3 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0 0 0 0;
    padding: 0.3rem 0 0.3rem 0;
    background: #fff;
}

.m_kc_soft_nr_3_1 {
    width: 6.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    float: left;
    background: url(/static/image/mobile/course/m_kc_soft_01.png) no-repeat;
    color: #fff;
    background-size: 100%;
    font-size: 0.3rem;
    text-align: center;
}

.m_kc_soft_nr_3_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem;
}

.m_kc_soft_nr_3_2_1 {
    width: 26%;
    height: auto;
    float: left;
    margin: 1%;
    border: 2px #ccc solid;
    border-radius: 0.1rem;
    text-align: center;
    padding: 2%;
}

.m_kc_soft_nr_3_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_soft_nr_3_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0;
    font-size: 0.25rem;
}

.m_kc_soft_nr_3_3 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 0 0;
}

.m_kc_soft_nr_3_3_1 {
    width: 40%;
    height: auto;
    margin: 0 auto;
    line-height: 0.7rem;
    border-radius: 1rem;
    background: #ff6633;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.m_kc_soft_nr_4 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0 0 0 0;
    padding: 0.3rem 0 0.3rem 0;
    background: #f0f0f0;
}

.m_kc_soft_nr_4_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_soft_nr_4_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.4rem 0.2rem 0 0.2rem;
}

.m_kc_soft_nr_4_2_1 {
    width: 20%;
    height: auto;
    float: left;
}

.m_kc_soft_nr_4_2_1_1 {
    width: 1.3rem;
    height: 1.3rem;
    float: left;
    margin: 0.1rem 0 0 0;
    border-radius: 1rem;
    overflow: hidden;
}

.m_kc_soft_nr_4_2_2 {
    width: 0.3rem;
    height: 0.3rem;
    float: left;
    background: #fff;
    position: absolute;
    transform: rotate(45deg);
    margin: 0.5rem 0 0 1.7rem;
    z-index: 1;
}

.m_kc_soft_nr_4_2_3 {
    width: 66%;
    height: 1.1rem;
    float: right;
    background: #fff;
    border-radius: 0.1rem;
    line-height: 0.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding: 2%;
    position: relative;
    z-index: 2;
}

.m_kc_soft_nr_5 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0 0 0 0;
    padding: 0.3rem 0 0.3rem 0;
    background: #fff;
}

.m_kc_soft_nr_5_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_soft_nr_5_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem 0.2rem 0 0.2rem;
    border-radius: 0.1rem;
    overflow: hidden;
}

.m_kc_soft_nr_6 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0 0 0 0;
    padding: 0.3rem 0 0.3rem 0;
    background: #415eff;
}

.m_kc_soft_nr_6_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_soft_nr_6_2 {
    width: 5.6rem;
    height: auto;
    float: left;
    margin: 0.2rem 0.2rem 0 0.2rem;
    padding: 0.2rem;
    background: #fff;
    border-radius: 0.1rem;
    overflow: hidden;
}

.m_kc_soft_nr_6_2_1 {
    width: 18%;
    height: auto;
    float: left;
    padding: 1%;
}

.m_kc_soft_nr_6_2_2 {
    width: 75%;
    height: auto;
    float: right;
    padding: 1%;
}

.m_kc_soft_nr_6_2_2_1 {
    width: 100%;
    height: auto;
    float: right;
    font-size: 0.25rem;
    font-weight: bold;
    color: #415eff;
    margin: 0 0 0 0;
    text-align: left;
}

.m_kc_soft_nr_6_2_2_2 {
    width: 100%;
    height: auto;
    float: right;
    font-size: 0.23rem;
    color: #777;
    margin: 0.1rem 0 0 0;
    text-align: left;
}

.m_kc_soft_nr_6_3 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.2rem 0 0 0;
}

.m_kc_soft_nr_6_3_1 {
    width: 50%;
    height: auto;
    margin: 0 auto;
    line-height: 0.7rem;
    border-radius: 1rem;
    background: #22e78c;
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.m_kc_soft_nr_7 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0 0 0 0;
    padding: 0.3rem 0 0.3rem 0;
    background: #ffa642;
}

.m_kc_soft_nr_7_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_soft_nr_7_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem 0.2rem 0 0.2rem;
}

.m_kc_soft_nr_7_2_1 {
    width: 100%;
    height: auto;
    float: left;
}

.m_kc_soft_nr_7_2_1_1 {
    width: 60%;
    height: auto;
    float: left;
    position: relative;
}

.m_kc_soft_nr_7_2_1_1_1 {
    width: 1.7rem;
    height: 1.5rem;
    float: left;
    border: 0.05rem solid #000;
    margin: 0.3rem 0 0 0.15rem;
}

.m_kc_soft_nr_7_2_1_1_2 {
    width: auto;
    height: auto;
    float: left;
    font-size: 0.35rem;
    font-weight: bold;
    position: absolute;
    top: 0.6rem;
    left: 1rem;
    padding: 0.15rem;
    background: #ffa642;
}

.m_kc_soft_nr_7_2_1_1_3 {
    width: 1.8rem;
    height: auto;
    float: left;
    font-size: 0.25rem;
    position: absolute;
    top: 1.3rem;
    left: 1rem;
    padding: 0rem;
    background: #ffa642;
}

.m_kc_soft_nr_7_2_1_1_4 {
    width: 90%;
    height: 0.8rem;
    float: left;
    font-size: 0.2rem;
    position: absolute;
    top: 2rem;
    left: 0.2rem;
    padding: 0rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.m_kc_soft_nr_7_2_1_2 {
    width: 40%;
    height: auto;
    float: left;
    margin: 0 0 0.5rem 0;
}

.m_kc_soft_nr_7_2_1_2_1 {
    width: 80%;
    height: 2.5rem;
    float: right;
    background: #777;
    margin: 0.3rem 0.3REM 0 0;
    border-radius: 5px;
    position: relative;
}

.m_kc_soft_nr_7_2_1_2_1_1 {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0.59rem;
    z-index: 9;
}

.m_kc_soft_nr_8 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0.1rem 0 0.05rem 0;
    padding: 0.3rem 0 0.3rem 0;
}

.m_kc_soft_nr_8_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_soft_nr_8_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem 0.2rem 0 0.2rem;
}

.m_kc_soft_nr_9 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0 0 0 0;
    padding: 0.3rem 0 0.3rem 0;
    background: #fff;
}

.m_kc_soft_nr_9_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_soft_nr_9_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem 0.2rem 0 0.2rem;
}

.m_kc_soft_nr_10 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0 0 0 0;
    padding: 0.3rem 0 0.3rem 0;
    background: #f5f5f5;
}

.m_kc_soft_nr_10_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_soft_nr_10_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem 0.2rem 0 0.2rem;
}

.m_kc_soft_nr_11 {
    width: 6.4rem;
    height: auto;
    float: left;
    margin: 0 0 0 0;
    padding: 0.3rem 0 0.3rem 0;
    background: #fff;
}

.m_kc_soft_nr_11_1 {
    width: 6.4rem;
    height: auto;
    float: left;
}

.m_kc_soft_nr_11_2 {
    width: 6rem;
    height: auto;
    float: left;
    margin: 0.2rem 0.2rem 0 0.2rem;
}

.m_kc_soft_nr_11_2_1 {
    width: 29%;
    height: auto;
    float: left;
    margin: 0 2% 0 2%;
}

.m_kc_soft_nr_11_2_1_1 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 2% 0 2%;
    border-radius: 0.1rem;
    overflow: hidden;
}

.m_kc_soft_nr_11_2_1_2 {
    width: 100%;
    height: auto;
    float: left;
    margin: 0.1rem 0 0.1rem 0;
    color: #777;
    text-align: center;
}

.interview-box iframe {
    width: 100%;
}

.content-img img {
    width: 100%;
    /*text-indent: -2em;*/
    margin: 20px 0 20px -2em;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0px 8px 20px #ccc;
}

.demo-tab-header .layui-btn.layui-this{border-color: #1E9FFF; color: #1E9FFF;}
.demo-tab-body>div{display: none;}

/*自定义CSS样式*/
.swiper .hide{
    opacity:0;
}
.swiper-button-next,.swiper-button-prev{
    transition:opacity 0.5s;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 40px;
    height: 5px;
    border-radius: 2.5px;
    background-color: #ebebeb;
}

.swiper-button-prev {
    width: 32px;
    height: 68px;
    text-align: center;
    background-image: none;
    background-color: rgba(0, 0, 0, 0.4);
    color: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    transition: all ease 0.1s;
    line-height: 50px;
    text-align: center;
    font-size: 40px;
    left:35%
}

.swiper-button-prev:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: none;
}

.swiper-button-next {
    width: 32px;
    height: 68px;
    text-align: center;
    background-image: none;
    background-color: rgba(0, 0, 0, 0.4);
    color: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    transition: all ease 0.1s;
    line-height: 50px;
    text-align: center;
    font-size: 40px;
    right:18%
}

.swiper-button-next:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: none;
}

.map-box {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    box-shadow: 0px 8px 20px #ccc;
}

.webcode-header-preview img{
	position:relative;
	left:50%;
	top:0;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	cursor: pointer;
	transition:width 2s;
}

.webcode-bottom-preview{
	display: none;
}

.webcode-bottom-preview-img{
	position:fixed;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	bottom: 0;
	cursor: pointer;
}

.webcode-middle-preview {
	width: 100%;
	height: auto;
	top: 50%;
	left: 50%;
	margin: -50% 0 0 -50%;
	position: fixed;
	z-index: 1;
	text-align: center;
	cursor: pointer;
}

.webcode-middle-close-preview {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 70px;
	right: 80px;
	margin: -20px 0 0 0;
	cursor: pointer;
	z-index: 10002;
}