.title[data-v-7f8e47cd]{color:#ff5257;font-size:22px;font-weight:700;cursor:pointer}.logined[data-v-7f8e47cd]{display:inline-block;position:relative}.logined .drop-box[data-v-7f8e47cd]{display:none;position:absolute;left:-42px;top:80px;width:120px;background-color:#fff;z-index:12;border-radius:6px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2)}.logined .drop-box[data-v-7f8e47cd]:before{top:-12px;border-bottom:10px solid transparent}.logined .drop-box[data-v-7f8e47cd]:after,.logined .drop-box[data-v-7f8e47cd]:before{content:"";display:block;position:absolute;left:50px;border-left:10px solid transparent;border-right:10px solid transparent}.logined .drop-box[data-v-7f8e47cd]:after{top:-10px;border-bottom:10px solid #fff}.logined .drop-box .drop-item[data-v-7f8e47cd]{-webkit-box-sizing:border-box;box-sizing:border-box;height:44px;line-height:44px;text-align:center;background-color:#fff;cursor:pointer}.logined .drop-box .drop-item[data-v-7f8e47cd]:hover{background:#f0f0f0;color:#ff5d5d}.logined .drop-box .drop-item.none[data-v-7f8e47cd]{border-bottom:none}.logined .drop-box .drop-item.active[data-v-7f8e47cd]{color:#ff5d5d;background:#f0f0f0}.logined .drop-box .drop-item[data-v-7f8e47cd]:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.logined .drop-box .drop-item[data-v-7f8e47cd]:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.logined .drop-box .opc[data-v-7f8e47cd]{position:absolute;top:-21px;right:-5px;width:104px;height:23px;background:transparent}.logined:hover .drop-box[data-v-7f8e47cd]{display:block}.main[data-v-7f8e47cd]{-webkit-box-shadow:0 0 16px 0 rgba(0,0,0,.1);box-shadow:0 0 16px 0 rgba(0,0,0,.1);width:100%!important}.main-box[data-v-7f8e47cd]{width:1200px;margin:auto;height:80px;line-height:80px}.main-box .tab[data-v-7f8e47cd]{display:inline-block;margin-left:79px}.main-box .tab .tab-item[data-v-7f8e47cd]{cursor:pointer;margin-right:40px;display:inline-block;color:#333;font-size:18px}.main-box .tab .on[data-v-7f8e47cd]{font-weight:700;color:#ff5257;position:relative}.main-box .tab .on span[data-v-7f8e47cd]{position:absolute;display:block;width:32px;height:4px;background:#ff5257;border-radius:2px;bottom:10px;left:50%;margin-left:-16px}.main-box .logo[data-v-7f8e47cd]{vertical-align:middle;width:300px;padding-bottom:6px}.main-box .head-box[data-v-7f8e47cd]{float:right;line-height:80px;text-align:center}.main-box .head-box .myCourses[data-v-7f8e47cd]{border-radius:18px;display:inline-block;margin-right:40px;cursor:pointer;font-size:16px;color:#333}.main-box .head-box .download[data-v-7f8e47cd]{display:inline-block;color:#333;cursor:pointer;padding:0 20px;margin-right:20px;font-size:16px;height:18px;border-right:1px solid #cacaca;vertical-align:middle;line-height:18px}.main-box .head-box .download .iconfont[data-v-7f8e47cd]{color:#333}.main-box .head-box .download .code-box[data-v-7f8e47cd]{position:absolute;top:26px;left:-190px;display:none}.main-box .head-box .download .code-box .img-bg[data-v-7f8e47cd]{width:500px;height:310px}.main-box .head-box .download .code-box .code-list[data-v-7f8e47cd]{position:absolute;top:0;left:0;width:500px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:62px}.main-box .head-box .download .code-box .code-list .code[data-v-7f8e47cd]{display:inline-block;width:250px;text-align:center}.main-box .head-box .download .code-box .code-list .code>p[data-v-7f8e47cd]{font-size:14px;color:#333;line-height:14px;margin-top:10px}.main-box .head-box .download .code-box .code-list .code .code-img[data-v-7f8e47cd]{width:154px;height:154px}.main-box .head-box .down-box[data-v-7f8e47cd]{width:110px;position:relative;display:inline-block;height:40px}.main-box .head-box .down-box:hover .iconfont[data-v-7f8e47cd],.main-box .head-box .down-box[data-v-7f8e47cd]:hover{color:#ff5257}.main-box .head-box .down-box:hover .code-box[data-v-7f8e47cd]{display:block}.main-box .head-box .head-img[data-v-7f8e47cd]{vertical-align:middle;width:40px;height:40px;border-radius:50%;margin-right:8px}.main-box .head-box .name[data-v-7f8e47cd]{font-size:16px;color:#333;display:inline-block;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.main-box .head-box .unlogin .button[data-v-7f8e47cd]{margin-left:5px;color:#333}.main-box .head-box .button[data-v-7f8e47cd]{color:#aaa;margin-left:19px;cursor:pointer}.main[data-v-2af349d0]{margin:auto;max-width:1920px}.img-box[data-v-2af349d0]{width:100%;text-align:center}.img-box .bg-f7[data-v-2af349d0]{background-color:#f7f7f7;vertical-align:top}.img-box img[data-v-2af349d0]{vertical-align:top;margin:auto;width:1200px}.banner[data-v-2af349d0]{vertical-align:bottom;width:100%}