.zigong2022 *{margin:0;padding:0;list-style:none;box-sizing:border-box;word-break:break-all}
body.zigong2022{font-size:20px;margin:0;padding:0;min-width:1300px}
a{color:#333;text-decoration:none}
input,textarea{background:none;outline:none;border:none;resize:none;border-radius:0}
input:focus{border:none}
.clearfix:before,.clearfix:after{content:"";display:table;border-spacing:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.flow{overflow:hidden}
.f-auto{margin:0 auto}
.inline{display:inline-block}
.fl{float:left}
.fr{float:right}
.fixed{position:fixed}
.relative{position:relative}
.absolute{position:absolute}
.shadow{box-shadow:0 5px 5px #e9e9e9}
.bgBox{background-size:cover;background-position:center center;background-repeat:no-repeat}
.f-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f-line2{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical}
.f-line3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical}
.f-line4{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical}
.f-pointer{cursor:pointer}
.Transition{transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-moz-transition:all 0.3s linear}
.zg_container{width:1200px;margin:0 auto}
.zg_Header{position:fixed;width:100%;height:120px;line-height:120px;left:0;top:0;z-index:21;background-color:#246af1;color:#ffffff}
.zg_Header_empty{width:100%;height:120px}
.zg_Header_Title{font-size:40px;letter-spacing:5px;position:relative;padding-right:20px}
.zg_Header_Title::after{content:"";display:inline-block;height:36px;border-right:1px solid #ffffff;position:absolute;right:0;top:50%;margin-top:-15px}
.zg_Header_CN {
    /*line-height: 24px;*/
    font-size: 22px;
    padding-left: 25px;
    /*margin-top: 40px;*/
    /*letter-spacing: 3px;*/
}
.zg_Header_EN{line-height:24px;font-size:15px;padding-left:25px;margin-top:3px}
.zg_Header_Login{width:64px;height:32px;line-height:30px;border:1px solid #ffffff;border-radius:4px;font-size:16px;text-align:center;margin-top:43px}
.zg_Header_User,.zg_Header_Login{margin-left:5px}
.zg_Header_User img{width:64px;height:64px;border-radius:64px;border:2px solid #ffffff;vertical-align:middle;position:relative;top:-4px;margin-right:10px}
.zg_Header_Link img{vertical-align:middle;position:relative;top:-2px;margin-right:10px}
.zg_Header_Link{margin-right:15px}
.zg_Header_Link,.zg_Header_User,.zg_Header_Login{color:#ffffff}
.zg_Header_User a{color:#ffffff;cursor:pointer}
.zg_MainTitle{font-size:44px;text-align:center;padding:50px 0 20px}
.zg_MainTitle img{vertical-align:middle;position:relative;top:-2px;margin-right:10px;height:48px}
.zg_Navigation{display:flex;justify-content:space-between;height:75px;margin-top:5px}
.zg_Navigation a{color:#666666;display:inline-block;padding:20px 15px}
.zg_Navigation a.current{color:#043687;position:relative}
.zg_Navigation a.current::after{content:"";display:inline-block;width:100%;height:4px;background-color:#043687;border-radius:4px;bottom:0;left:0;position:absolute}
    .zg_Navigation a:hover {
        color: #ffffff;
        background-color: #246af1;
        box-shadow: 0 0 20px #cccccc;
        /*border: solid 5px #ffecaa;*/
        /*font-weight: bold;*/
        border-radius: 20px;
    }
a.zg_Navigation_search:hover{color:#ffffff}
a.zg_Navigation_search{color:#ffffff;background-color:#043687;height:34px;line-height:34px;vertical-align:middle;padding:0 15px;border-radius:34px;margin-top:17px}
a.zg_Navigation_search img{margin-right:5px;vertical-align:middle;position:relative;top:-2px}
.zg_Footer{color:#ffffff;font-size:18px;background-color:#454f60;height:80px;line-height:80px;text-align:center}
.zg_Footer span{margin:0 80px}
.zg_Crumb{height:95px;line-height:95px;color:#666666}
.zg_Crumb a{color:#666666}
.zg_Crumb a:hover{color:#043687}
.zg_TypeNav{padding:15px 0 30px 0}
.zg_TypeNavItem{padding:15px 0 0 110px;position:relative}
.zg_TypeNavTip{position:absolute;width:110px;height:42px;line-height:42px;font-size:18px;color:#999999;left:0;top:15px;text-align:center}
.zg_TypeNavEl{display:inline-block;height:42px;line-height:42px;font-size:18px;color:#666666;padding:0 10px;border-radius:4px;cursor:pointer;margin-right:40px}
.zg_TypeNavEl:hover{color:#043687}
.zg_TypeNavEl.current{background-color:#043687;color:#FFFFFF}
.zg_Tree{padding:20px 0 20px 30px;font-size:18px}
.zg_Tree_Title{line-height:50px}
.zg_Tree_Item{line-height:50px;font-size:16px;color:#666666;position:relative;padding-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zg_Tree_Item .zg_Tree_ItemName{position:relative;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.zg_Tree_Item .zg_Tree_ItemName::after{transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-moz-transition:all 0.3s linear;content:"";display:inline-block;width:8px;height:8px;border-top:1px solid #999999;border-right:1px solid #999999;position:absolute;right:2px;top:21px}
.zg_Tree_ItemName.open::after{transform:rotate(-45deg);top:23px}
.zg_Tree_ItemName.close::after{transform:rotate(135deg);top:19px}
.zg_Tree_ItemName.nochild::after{display:none}
.zg_Tree_ItemName.open+.zg_Tree_ItemChild{display:block}
.zg_Tree_ItemName.close+.zg_Tree_ItemChild{display:none}
.zg_Tree_Level1>.zg_Tree_ItemName{font-size:18px;color:#333333}
.zg_Tree_Level2{padding-left:15px}
.zg_Tree_Level3{padding-left:30px}
.zg_Tree_Level4{padding-left:45px}
.zg_Tree_Level5{padding-left:60px}
.zg_Tree_Level6{padding-left:85px}
.scrollbar::-webkit-scrollbar,.mainList::-webkit-scrollbar{width:8px;height:8px}
.scrollbar::-webkit-scrollbar-track,.mainList::-webkit-scrollbar-track{background:transparent;border-radius:20px}
.scrollbar::-webkit-scrollbar-thumb,.mainList::-webkit-scrollbar-thumb{background:#A4C1E3;border-radius:20px}
.scrollbar::-webkit-scrollbar-thumb:hover,.mainList::-webkit-scrollbar-thumb:hover{background:#043687}
.scrollbar::-webkit-scrollbar-corner,.mainList::-webkit-scrollbar-corner{background:transparent}
.zg_mesk{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.5);left:0;top:0;z-index:99;display:none}
.zg_conform{width:675px;background-color:#FFFFFF;display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.zg_conform_title{padding:0 30px;line-height:65px;background-color:#f2f7fa;font-size:18px}
.zg_conform_title img{margin-top:24px;cursor:pointer}
.zg_conform_content{padding:40px;font-size:16px}
.zg_conform_btn{padding:20px 0 50px;text-align:center}
.zg_conform_btn span{display:inline-block;width:100px;height:37px;line-height:35px;border-radius:37px;border:1px solid #043687;font-size:14px;cursor:pointer;margin:0 5px}
.zg_conform_btn span.zg_conform_no{color:#043687}
.zg_conform_btn span.zg_conform_yes{color:#FFFFFF;background-color:#043687}
.zg_indexBanner{height:400px;width:100%;background-color:#176aff;background-image:url(../../img/newlearnsystem/index/indexBanner.png)}
.zg_indexBanner .zg_container{color:#ffffff;font-size:64px;letter-spacing:5px;height:380px;display:flex;align-items:center}
.zg_indexRemind{line-height:60px;text-align:center}
.zg_indexRemind img{vertical-align:middle;position:relative;top:-2px;margin-right:10px}
.zg_indexTitle{height:120px;line-height:120px;width:100%}
.zg_indexTitle.Gradient{background:-webkit-linear-gradient(top,#f2f7fa,#ffffff);background:-o-linear-gradient(bottom,#f2f7fa,#ffffff);background:-moz-linear-gradient(bottom,#f2f7fa,#ffffff);background:linear-gradient(to bottom,#f2f7fa,#ffffff)}
.Solidcolor{background-color:#f2f7fa}
.zg_TitleText{font-size:30px;padding-left:18px;position:relative}
.zg_TitleText:before{content:"";display:inline-block;position:absolute;width:4px;height:20px;background-color:#043687;border-radius:4px;left:0;top:50%;margin-top:-8px}
.zg_TitleMore{font-size:16px;color:#999999}
.zg_TitleMore::after{content:"";display:inline-block;width:8px;height:8px;border-top:1px solid #999999;border-right:1px solid #999999;transform:rotate(45deg);vertical-align:middle;position:relative;top:-1px;margin-left:3px}
.zg_indexFnBox{display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:25px}
.zg_DYitem{width:387px;height:160px;line-height:160px;margin-bottom:20px;border-radius:12px;padding-left:200px;position:relative;top:0;font-weight:bold;font-size:26px}
.zg_DYitem:nth-child(1){background-color:#fff3f0}
.zg_DYitem:nth-child(2){background-color:#fdf6ed}
.zg_DYitem:nth-child(3){background-color:#e9f1fe}
.zg_DYitem:nth-child(4){background-color:#f0fada}
.zg_DYitem:nth-child(5){background-color:#d9fad9}
.zg_DYitem:nth-child(6){background-color:#ffffe9}
.zg_DYitem span{position:absolute;left:0;top:0;width:200px;height:160px;display:flex;align-items:center;justify-content:center}
.zg_DYitem:hover{top:-10px;box-shadow:0 0 20px #cccccc}
.zg_KCLeft{width:100%;padding-bottom:35px;display:flex;justify-content:space-between}
.zg_KCLeftItem{width:319px;height:225px;background-color:#ffefe0;padding:25px 0 0 60px;position:relative;z-index:1;cursor:pointer}
.zg_KCLeft_Title{font-size:26px}
.zg_KCLeft_Sub{font-size:13px}
.zg_KCLeft_Hide{height:28px;text-align:center;border-radius:28px;color:#ffffff;padding:0 10px;font-size:16px;line-height:28px;display:inline-block;margin-top:45px}
.zg_KCLeft_Show{width:290px;display:none;margin-top:25px}
.zg_KCLeft_Show a{display:inline-block;width:70px;height:28px;line-height:28px;text-align:center;margin:0 20px 13px 0;font-size:16px;text-align:center;border-radius:28px}
.zg_KCLeft_Pic{position:absolute;z-index:-1;height:100px}
.zg_KCLeft0 {
    color: #1276d4;
    background-color: #dfebfd
}

    .zg_KCLeft0 .zg_KCLeft_Hide {
        background-color: #1276d4
    }

    .zg_KCLeft0 .zg_KCLeft_Show a {
        background-color: #bbd5fb;
        color: #1276d4
    }

        .zg_KCLeft0 .zg_KCLeft_Show a:hover {
            background-color: #1276d4;
            color: #ffffff
        }

    .zg_KCLeft0 .zg_KCLeft_Pic {
        bottom: 0;
        right: 20px
    }
.zg_KCLeft1{color:#ff7a0e;background-color:#ffefe0}
.zg_KCLeft1 .zg_KCLeft_Hide{background-color:#ff9d47}
.zg_KCLeft1 .zg_KCLeft_Show a{background-color:#fddfc2;color:#ff7a0e}
.zg_KCLeft1 .zg_KCLeft_Show a:hover{background-color:#ff9d47;color:#ffffff}
.zg_KCLeft1 .zg_KCLeft_Pic{bottom:0;right:20px}
.zg_KCLeft2{color:#7781f5;background-color:#dfe8fd}
.zg_KCLeft2 .zg_KCLeft_Hide{background-color:#7781f5}
.zg_KCLeft2 .zg_KCLeft_Show a{background-color:#bed2ff;color:#7781f5}
.zg_KCLeft2 .zg_KCLeft_Show a:hover{background-color:#7781f5;color:#ffffff}
.zg_KCLeft2 .zg_KCLeft_Pic{bottom:0;right:20px}
.zg_KCLeft3{color:#9ad852;background-color:#ebffdf}
.zg_KCLeft3 .zg_KCLeft_Hide{background-color:#9ad852}
.zg_KCLeft3 .zg_KCLeft_Show a{background-color:#d0fbb6;color:#9ad852}
.zg_KCLeft3 .zg_KCLeft_Show a:hover{background-color:#9ad852;color:#ffffff}
.zg_KCLeft3 .zg_KCLeft_Pic{bottom:0;right:20px}
.zg_KCLeftItem.current{width:549px}
.zg_KCLeftItem.current .zg_KCLeft_Hide{display:none}
.zg_KCLeftItem.current .zg_KCLeft_Show{display:inline-block}
.zg_KCLeftItem.current .zg_KCLeft_Pic{height:160px}
.zg_KCRight{width:294px;padding-bottom:35px}
.zg_KCRight .zg_KCitem{position:relative;width:100%;height:59px;line-height:59px;padding-left:27px;font-size:24px;color:#ffffff;display:block;margin-bottom:10px;right:0}
.zg_KCRight .zg_KCitem:nth-child(1){background:-webkit-linear-gradient(left,#94cc50,#ffffff);background:-o-linear-gradient(right,#94cc50,#ffffff);background:-moz-linear-gradient(right,#94cc50,#ffffff);background:linear-gradient(to right,#94cc50,#ffffff)}
.zg_KCRight .zg_KCitem:nth-child(2){background:-webkit-linear-gradient(left,#7795f7,#ffffff);background:-o-linear-gradient(right,#7795f7,#ffffff);background:-moz-linear-gradient(right,#7795f7,#ffffff);background:linear-gradient(to right,#7795f7,#ffffff)}
.zg_KCRight .zg_KCitem:nth-child(3){background:-webkit-linear-gradient(left,#fb8b4f,#ffffff);background:-o-linear-gradient(right,#fb8b4f,#ffffff);background:-moz-linear-gradient(right,#fb8b4f,#ffffff);background:linear-gradient(to right,#fb8b4f,#ffffff)}
.zg_KCRight .zg_KCitem img{position:absolute;width:46px;height:46px;top:50%;margin-top:-23px;right:10px}
.zg_KCRight .zg_KCitem:hover{right:-10px}
.zg_MSitem{position:relative;width:387px;height:205px;margin-bottom:20px;background-color:#ffffff;border-radius:12px;padding:20px 15px 0;top:0}
.zg_MSitem:hover{top:-10px;box-shadow:0 0 20px #cccccc}
.zg_MSitemHeader{width:100px;height:100px;border-radius:100px;margin-left:15px;margin-right:30px}
.zg_MSitemName{font-size:18px;margin-top:20px}
.zg_MSitemSubName {
    margin-top: 10px;
    font-size: 16px;
}
.zg_MSitemSubject {
    text-align: center;
    line-height: 30px;
    background-color: #669bf8;
    color: #ffffff;
    font-size: 16px;
    transform: rotate(45deg);
    position: absolute;
    right: -160px;
    top: 20px;
    width: 100%;
    height: 30px;
}
.zg_MSitemSubject span{margin:0 3px}
.zg_MSitemMore{line-height:60px;display:flex;justify-content:space-between;padding:0 20px;border-top:1px solid #e4e6e7;font-size:18px;color:#666666;margin-top:20px}
.zg_MSitemMore img{vertical-align:middle;position:relative;top:-2px}
.zg_TYitem{width:387px;height:188px;line-height:188px;color:#ffffff;position:relative;border-radius:12px;padding-left:188px;margin-bottom:20px;font-size:26px;font-weight:bold;}
.zg_TYitem:nth-child(1){background-color:#00cdeb}
.zg_TYitem:nth-child(2){background-color:#6ee6d1}
.zg_TYitem:nth-child(3){background-color:#ef9564}
.zg_TYitem span{position:absolute;width:188px;height:188px;justify-content:center;align-items:center;display:flex;left:0;top:0}
.zg_TYitem:hover{box-shadow:0 0 20px #cccccc}
.zg_TYitem img{transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1)}
.zg_TYitem:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1)}
.zg_MYitem{width:590px;height:188px;line-height:188px;color:#ffffff;position:relative;border-radius:12px;padding-left:355px;margin-bottom:20px;font-size:26px;font-weight:bold}
.zg_MYitem:nth-child(1){background-color:#ff7a9a}
.zg_MYitem:nth-child(2){background-color:#8f92ff}
.zg_MYitem span{position:absolute;width:355px;height:188px;justify-content:center;align-items:center;display:flex;left:0;top:0}
.zg_MYitem:hover{box-shadow:0 0 20px #cccccc}
.zg_MYitem img{transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1)}
.zg_MYitem:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1)}
.zg_LDitem{width:1200px;height:188px;line-height:188px;color:#ffffff;position:relative;border-radius:12px;padding-left:655px;margin-bottom:20px;font-size:26px;font-weight:bold}
.zg_LDitem:nth-child(1){background-color:#8fd65b}
.zg_LDitem span{position:absolute;width:355px;height:188px;justify-content:center;align-items:center;display:flex;left:350px;top:0}
.zg_LDitem:hover{box-shadow:0 0 20px #cccccc}
.zg_LDitem img{transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);-moz-transform:scale(1,1)}
.zg_LDitem:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1)}
.zg_KHitem{font-weight:bold}
.zg_KHitem:nth-child(1){background-color:#fed34d}
.zg_KHitem:nth-child(2){background-color:#75e591}
.zg_KHitem:nth-child(3){background-color:#51dbff}
.zg_KHitem:nth-child(4){background-color:#66b4fe}
.zg_KHitem:nth-child(5){background-color:#b9acfc}
.zg_KHitem:nth-child(6){background-color:#fc938f}
.zg_YXitem{background-color:#c2ebff !important;color:#06affc;font-weight:bold}
.zg_JTitem{padding-left:190px;color:#333333;font-weight:bold}
.zg_JTitem span{width:190px}
.zg_JTitem:nth-child(1){background-color:#d1e1f9}
.zg_JTitem:nth-child(2){background-color:#f7d9d9}
.zg_JTitem:nth-child(3){background-color:#e8e6fc}
.zg_TSitem {
    padding-left: 135px;
    color: #333333;
    font-weight: bold;
    background-color: transparent;
    background-image: url(../../img/newlearnsystem/index/indexTSBG1.png);
    background-size: 100% 100%
}
.zg_TSitem span{width:135px}
.zg_TSitem:nth-child(1){background-color:transparent;background-image:url(../../img/newlearnsystem/index/indexTSBG1.png);background-size:100% 100%}
.zg_TSitem:nth-child(2){background-color:transparent;background-image:url(../../img/newlearnsystem/index/indexTSBG2.png);background-size:100% 100%}
.zg_TSitem:nth-child(3){background-color:transparent;background-image:url(../../img/newlearnsystem/index/indexTSBG3.png);background-size:100% 100%}
.zg_TSitem:nth-child(4){background-color:transparent;background-image:url(../../img/newlearnsystem/index/indexTSBG4.png);background-size:100% 100%}
.zg_TSitem:nth-child(5){background-color:transparent;background-image:url(../../img/newlearnsystem/index/indexTSBG5.png);background-size:100% 100%}
.zg_TSitem:nth-child(6){background-color:transparent;background-image:url(../../img/newlearnsystem/index/indexTSBG6.png);background-size:100% 100%}
.zg_dy_nav{display:flex;justify-content:space-around;padding:0 25px}
.zg_dy_navItem{height:116px;line-height:116px}
.zg_dy_navItem img{width:72px;height:72px;vertical-align:middle;position:relative;top:-4px;margin-right:10px}
.zg_dy_navItem.current{color:#043687;font-weight:bold;border-bottom:2px solid #043687}
.dy_TitleText{font-size:26px;color:#666666;font-weight:bold}
.dy_TitleText img{width:110px;vertical-align:middle;position:relative;top:-6px;margin-right:15px}
.zg_dy_makeup{width:100%;height:410px;padding:40px 27px 0 27px}
.zg_dy_makeupItem{position:relative;overflow:hidden;top:0;border-radius:12px}
.zg_dy_makeupItem:hover{top:-5px;box-shadow:0 0 20px #246af1}
.zg_dy_makeupLen1{width:100%;height:330px;background-size:cover;background-position:center center;display:inline-block;border-radius:12px}
.zg_dy_makeupLen1 .zg_dy_makeupItemPic{height:330px;width:100%;border-radius:12px;background-size:cover;background-position:center center;float:left}
.zg_dy_makeupLen2:nth-child(1){float:left;width:562px;height:330px}
.zg_dy_makeupLen2:nth-child(1) .zg_dy_makeupItemPic{height:330px;width:562px;border-radius:12px;background-size:cover;background-position:center center;float:left}
.zg_dy_makeupLen2:nth-child(2){float:right;width:562px;height:330px}
.zg_dy_makeupLen2:nth-child(2) .zg_dy_makeupItemPic{height:330px;width:562px;border-radius:12px;background-size:cover;background-position:center center;float:left}
.zg_dy_makeupLen3:nth-child(1){float:left;width:562px;height:330px}
.zg_dy_makeupLen3:nth-child(1) .zg_dy_makeupItemPic{height:330px;width:562px;border-radius:12px;background-size:cover;background-position:center center;float:left}
.zg_dy_makeupLen3:nth-child(2){float:right;width:562px;height:155px;overflow:hidden;margin-bottom:20px}
.zg_dy_makeupLen3:nth-child(3){float:right;width:562px;height:155px;overflow:hidden}
.zg_dy_makeupLen3:nth-child(2) .zg_dy_makeupItemPic{height:155px;width:225px;border-radius:12px;background-size:cover;background-position:center center;float:left;margin-right:15px}
.zg_dy_makeupLen3:nth-child(3) .zg_dy_makeupItemPic{height:155px;width:225px;border-radius:12px;background-size:cover;background-position:center center;float:left;margin-right:15px}
.zg_dy_makeupLen3 .zg_dy_makeupItemTitle{font-size:26px;color:#666666;margin-top:30px}
.zg_dy_makeupLen3 .zg_dy_makeupItemSub{font-size:20px;color:#666666;margin-top:15px}
.zg_dy_makeupLen4:nth-child(1){float:left;width:562px;height:330px}
.zg_dy_makeupLen4:nth-child(1) .zg_dy_makeupItemPic{height:330px;width:562px;border-radius:12px;background-size:cover;background-position:center center;float:left}
.zg_dy_makeupLen4:nth-child(2){float:right;width:562px;height:98px;overflow:hidden;margin-bottom:18px}
.zg_dy_makeupLen4:nth-child(3){float:right;width:562px;height:98px;overflow:hidden;margin-bottom:18px}
.zg_dy_makeupLen4:nth-child(4){float:right;width:562px;height:98px;overflow:hidden}
.zg_dy_makeupLen4:nth-child(2) .zg_dy_makeupItemPic{height:98px;width:168px;border-radius:12px;background-size:cover;background-position:center center;float:left;margin-right:15px}
.zg_dy_makeupLen4:nth-child(3) .zg_dy_makeupItemPic{height:98px;width:168px;border-radius:12px;background-size:cover;background-position:center center;float:left;margin-right:15px}
.zg_dy_makeupLen4:nth-child(4) .zg_dy_makeupItemPic{height:98px;width:168px;border-radius:12px;background-size:cover;background-position:center center;float:left;margin-right:15px}
.zg_dy_makeupLen4 .zg_dy_makeupItemTitle{font-size:20px;color:#666666;margin-top:17px}
.zg_dy_makeupLen4 .zg_dy_makeupItemSub{font-size:16px;color:#666666;margin-top:10px}
.zg_dy_makeupLen1 .zg_dy_makeupItemTitle,.zg_dy_makeupLen2:nth-child(1) .zg_dy_makeupItemTitle,.zg_dy_makeupLen2:nth-child(2) .zg_dy_makeupItemTitle,.zg_dy_makeupLen3:nth-child(1) .zg_dy_makeupItemTitle,.zg_dy_makeupLen4:nth-child(1) .zg_dy_makeupItemTitle{position:absolute;width:100%;height:40px;line-height:40px;font-size:24px;color:#ffffff;background-color:rgba(0,0,0,0.7);left:0;bottom:0;padding:0 20px;text-align:center}
.zg_dy_makeupLen1 .zg_dy_makeupItemSub,.zg_dy_makeupLen2:nth-child(1) .zg_dy_makeupItemSub,.zg_dy_makeupLen2:nth-child(2) .zg_dy_makeupItemSub,.zg_dy_makeupLen3:nth-child(1) .zg_dy_makeupItemSub,.zg_dy_makeupLen4:nth-child(1) .zg_dy_makeupItemSub{display:none}
.zg_dy_listArea{padding:0 0 30px 20px;display:flex;flex-wrap:wrap}
.zg_dy_listItem{width:275px;height:245px;margin-right:20px;margin-bottom:20px;background-color:#ffffff;border-radius:8px;padding:12px;position:relative;top:0}
.zg_dy_listItem:hover{top:-10px;box-shadow:0 0 20px #cccccc}
.zg_dy_listPic{width:100%;height:146px;border-radius:8px}
.zg_dy_listTitle{font-size:18px;color:#666666;font-weight:bold;margin-top:15px}
.zg_dy_listInfo{font-size:12px;color:#999999;margin-top:10px}
.zg_dy_listInfo .fr img{vertical-align:middle;position:relative;top:-2px;margin-right:3px}
.zg_dy_listPager{display:flex;justify-content:center;padding-bottom:40px}
.zg_dy_listPager .zg_dy_pagerTip{line-height:30px;color:#666666;font-size:12px;margin:0 10px}
.zg_dy_pagerPrev{border:1px solid #666666;width:30px;height:30px;position:relative;margin:0 10px}
.zg_dy_pagerPrev:before{content:"";width:8px;height:8px;position:absolute;left:55%;top:50%;margin-left:-4px;margin-top:-4px;border-left:1px solid #666666;border-bottom:1px solid #666666;transform:rotate(45deg)}
.zg_dy_pagerNext{border:1px solid #666666;width:30px;height:30px;position:relative;margin:0 10px}
.zg_dy_pagerNext:before{content:"";width:8px;height:8px;position:absolute;left:45%;top:50%;margin-left:-4px;margin-top:-4px;border-right:1px solid #666666;border-top:1px solid #666666;transform:rotate(45deg)}
.zg_dy_pagerPrev:hover,.zg_dy_pagerNext:hover{background-color:#043687;border:1px solid #043687}
.zg_dy_pagerPrev:hover:before{border-left:1px solid #ffffff;border-bottom:1px solid #ffffff}
.zg_dy_pagerNext:hover:before{border-right:1px solid #ffffff;border-top:1px solid #ffffff}
.zg_dy_pagerItem{border:1px solid #666666;width:30px;height:30px;margin:0 2px;font-size:12px;line-height:28px;text-align:center}
.zg_dy_pagerItem:hover{background-color:#666666;color:#ffffff;border:1px solid #666666}
.zg_dy_pagerItem.current{background-color:#666666;color:#ffffff;border:1px solid #666666}
.zg_dy_pagerDis{border:1px solid #cccccc}
.zg_dy_pagerDis:hover{border:1px solid #cccccc;background-color:transparent}
.zg_dy_pagerPrev.zg_dy_pagerDis:before{border-left:1px solid #cccccc;border-bottom:1px solid #cccccc}
.zg_dy_pagerPrev.zg_dy_pagerDis:hover:before{border-left:1px solid #cccccc;border-bottom:1px solid #cccccc}
.zg_dy_pagerNext.zg_dy_pagerDis:before{border-right:1px solid #cccccc;border-top:1px solid #cccccc}
.zg_dy_pagerNext.zg_dy_pagerDis:hover:before{border-right:1px solid #cccccc;border-top:1px solid #cccccc}
.zg_detailInfoArea{padding:30px 50px 20px;border-bottom:1px solid #e0e0e0}
.zg_detailTitle{font-size:28px;font-weight:bold}
.zg_detailInfo{font-size:16px;color:#666666;margin-top:10px;line-height:30px}
/*.zg_detailInfo .fr span{margin-left:10px}*/
.zg_detailInfo .fr img{vertical-align:middle;position:relative;top:-2px;}
.zg_detailContent{padding:30px 50px;margin-bottom:30px}
.zg_detailContent img{max-width:100%}
.zg_detailScore{margin-left:30px;cursor:pointer;position:relative}
.zg_detailStar{position:relative;width:106px;height:17px;background-image:url(../../img/newlearnsystem/icon/starScoreBg.png);background-repeat:no-repeat;display:inline-block;top:2px}
.zg_detailStar i{position:absolute;height:17px;background-image:url(../../img/newlearnsystem/icon/starScore.png);background-repeat:no-repeat;display:inline-block;left:0;top:0}
.zg_detailDrop{position:absolute;width:280px;padding:10px 15px;box-shadow:0 0 10px #cccccc;border-radius:8px;z-index:9;background-color:#FFFFFF;left:0;top:100%;display:none}
.zg_detailDropItem{line-height:30px;height:30px;font-size:16px}
.zg_detailDropName{width:30px;margin-right:5px}
.zg_detailDropPro{width:160px;height:10px;margin-top:10px;background-color:#ebe9e9;border-radius:10px;overflow:hidden;position:relative}
.zg_detailDropPro i{position:absolute;height:10px;left:0;top:0;background-color:#043687;border-radius:10px}
.zg_detailDropScore{margin-left:10px}
.zg_detailScore:hover .zg_detailDrop{display:inline-block}
.zg_ScoreStar{margin-top:10px}
.zg_ScoreBtn{width:100px;height:37px;line-height:35px;border:1px solid #043687;background-color:#043687;color:#FFFFFF;font-size:14px;border-radius:37px;text-align:center}
.zg_KCVideo{width:825px;height:480px;display:flex;justify-content:center;align-items:center;background-color:#000000;border-radius:12px}
.zg_KCVideo video{max-width:100%;max-height:100%}
.zg_KCVideoContent{padding-top:15px;line-height:30px;font-size:18px;color:#666666}
.zg_KCInfo{width:270px;height:480px;background-color:#FFFFFF;border-radius:12px;overflow:hidden}
.zg_KCInfoTop{position:relative;padding:20px 15px;background-color:#d9e8ff;height:127px}
.zg_KITopname{font-weight:bold;margin-bottom:15px}
.zg_KITopsub{font-size:16px;color:#666666;margin-top:5px}
.zg_KITopbtn{position:absolute;right:13px;top:50%;margin-top:-17px;line-height:34px;background-color:#043687;color:#FFFFFF;padding:0 12px;border-radius:34px;font-size:16px;cursor:pointer}
.zg_KITopbtn img{vertical-align:middle;position:relative;top:-1px;margin-right:5px}
.zg_KCInfoMain{height:353px;overflow-x:hidden;overflow-y:auto}
.zg_KCInfoBook{line-height:48px;font-weight:bold;padding:0 15px;margin-top:10px}
.zg_KCInfoBook img{vertical-align:middle;position:relative;top:-2px;margin-right:5px}
.zg_KCInfoItem{font-size:16px;color:#666666;line-height:35px;padding:0 15px;/*cursor:pointer*/}
.zg_KCInfoItem.current{background-color:#d9e8ff;color:#666666}
.zg_KCInfoItem .fl img{vertical-align:middle;position:relative;top:-1px;margin-right:5px}
.zg_KCInfoItem .fr img{vertical-align:middle;position:relative;top:-1px}
.zg_KCInfoTree{display:none}
.zg_mineLefttab{width:277px;text-align:center;padding:15px 0}
.zg_mineLefttab a{display:block;width:100%;line-height:62px;font-size:16px}
.zg_mineLefttab a img{vertical-align:middle;position:relative;top:-3px;margin-right:15px}
.zg_mineLefttab a img.showimg{display:inline-block}
.zg_mineLefttab a img.hideimg{display:none}
.zg_mineLefttab a:hover{color:#043687;font-weight:bold}
.zg_mineLefttab a.current{background-color:#043687;color:#FFFFFF;cursor:pointer;}
.zg_mineLefttab a.current img.showimg{display:none}
.zg_mineLefttab a.current img.hideimg{display:inline-block}
.zg_mineRightlist{width:903px;padding:0 20px}
.zg_mineRighttab{display:flex;justify-content:space-around;font-size:16px;line-height:90px;border-bottom:1px solid #cccccc}
.zg_mineRighttab a{color:#666666}
.zg_mineRighttab a:hover,.zg_mineRighttab a.current{color:#043687;font-weight:bold}
.zg_mineColltab{position:relative;font-size:16px;width:100%;height:90px;line-height:90px;border-bottom:1px solid #cccccc;padding-right:130px}
.zg_mineColltabSwiper{width:100%;height:90px;overflow-y:hidden;overflow-x:auto}
.zg_mineColltabAdd{position:absolute;right:0px;top:50%;margin-top:-18px;width:100px;height:37px;line-height:35px;text-align:center;cursor:pointer;color:#ffffff;border:1px solid #043687;font-size:14px;border-radius:37px;background-color:#043687}
.zg_mineColltab a{color:#666666;padding:0 15px;display:inline-block;position:relative}
.zg_mineColltab a img{vertical-align:middle;position:relative;top:-2px;margin-right:5px}
.zg_mineColltab a:hover,.zg_mineColltab a.current{color:#043687;font-weight:bold}
.zg_mineColltab a span{display:inline-block;width:10px;height:10px;border-top:1px solid #999999;border-right:1px solid #999999;transform:rotate(135deg);position:relative;top:-3px;margin-left:7px}
.zg_mineColltab a span:hover{transform:rotate(-45deg);top:2px}
.zg_mineList{padding-bottom:20px}
.zg_mineItem{padding:30px 100px 30px 0;border-bottom:1px solid #cccccc;position:relative}
.zg_mineList a:last-child .zg_mineItem{border-bottom:none}
.zg_mineItemPic{width:168px;height:98px;border-radius:4px;margin-right:24px}
.zg_mineItemTitle{color:#666666;font-weight:bold}
.zg_mineItemSub{color:#666666;font-size:16px}
.zg_mineItemSub.mt-10{margin-top:10px}
.zg_mineItemSub.mt-20{margin-top:20px}
.zg_mineItemBtn{position:absolute;right:0px;top:50%;margin-top:-18px;width:100px;height:37px;line-height:35px;text-align:center;cursor:pointer;color:#043687;border:1px solid #043687;font-size:14px;border-radius:37px;display:none}
.zg_mineItem:hover .zg_mineItemBtn{display:inline-block}
.zg_mine_collCreate{line-height:60px;border:1px solid #666666;border-radius:4px;position:relative;width:520px;margin:20px auto}
.zg_mine_collCreate input{font-size:16px;padding:0 80px 0 25px;width:100%;line-height:60px;height:60px}
.zg_mine_collCreateTip{position:absolute;width:80px;right:0px;top:0px;text-align:center;color:#999999}
.zg_mine_collCreateTip span{color:#666666}
.zg_mine_collCreateTip span.error{color:#d71345}
.zg_colllistItem{line-height:37px;color:#999999}
.zg_colllistItem span{cursor:pointer;position:relative}
.zg_colllistItem span:before{content:"";display:inline-block;width:30px;height:30px;background-image:url(../../img/newlearnsystem/icon/iconUncheck.png);background-size:100% 100%;vertical-align:middle;position:relative;top:-1px;margin-right:5px}
.zg_colllistItem.checked span:before{background-image:url(../../img/newlearnsystem/icon/iconChecked.png)}
.zg_collDrop{width:150px;font-size:16px;padding:10px 0;border-radius:8px;overflow:hidden;background-color:#FFFFFF;box-shadow:0 0 20px #cccccc;position:fixed;display:none;z-index:9}
.zg_collDropItem{padding:0 20px;line-height:35px;cursor:pointer;color:#666666}
.zg_collDropItem:hover{background-color:#dae3ee}
.zg_MSscreen{margin-bottom:20px;line-height:33px;font-size:16px}
.zg_MSscreen a{color:#666666;margin:0 25px}
.zg_MSscreen a.current,.zg_MSscreen a:hover{color:#043687;font-weight:bold}
.zg_MSscreen div.fr{position:relative;width:300px;height:33px;background-color:#eeeeee;border-radius:4px}
.zg_MSscreen .fr input{position:absolute;width:260px;height:33px;left:0;top:0;padding:0 15px;font-size:14px}
.zg_MSscreen .fr img{position:absolute;right:10px;top:5px;cursor:pointer}
.zg_MSscreen a img{vertical-align:middle;position:relative;top:-1px}
.zg_MSscreen a img.showimg{display:inline-block}
.zg_MSscreen a img.hideimg{display:none}
.zg_MSscreen a:hover{color:#043687;font-weight:bold}
.zg_MSscreen a.current{color:#043687;font-weight:bold}
.zg_MSscreen a.current img.showimg{display:none}
.zg_MSscreen a.current img.hideimg{display:inline-block}
.zg_MSPagelist{padding:10px 10px 30px 10px}
.zg_MSPageBox{width:20%;padding:0 10px;margin-bottom:20px}
.zg_MSPageitem{padding:34px 15px 0 15px;width:100%;height:255px;border:1px solid #cccccc;text-align:center;position:relative;top:0;display:block}
.zg_MSPageHeader{width:100px;height:100px;border-radius:100px;margin:0 auto}
.zg_MSPageTitle{font-size:16px;color:#666666;margin-top:15px}
.zg_MSPageSub{font-size:12px;color:#65728c;margin-top:5px}
.zg_MSPageInfo{font-size:14px;color:#65728c;margin-top:15px}
.zg_MSPageInfo span{margin:0 3px}
.zg_MSPageInfo img{vertical-align:middle;position:relative;top:-2px;margin-right:3px}
.zg_MSPageitem:hover{top:-10px;box-shadow:0 0 20px #cccccc}
.zg_list_nonetips{text-align:center;color:#666666;font-size:16px;line-height:30px}
.zg_list_nonetips img{margin:60px 0 0}
.promptIco{background-image:url(../../img/prompt.png);background-repeat:no-repeat}
.prompt{padding:20px 10px 0 60px;font-size:14px;color:#000;position:relative}
.promptIco{display:inline-block;width:32px;height:32px;position:absolute;left:25px;top:25px}
.pm{padding:5px 0 0 10px;line-height:20px}
.pc1{background-position:0 0}
.pc2{background-position:-32px 0}
.pc3{background-position:-64px 0}
.pc4{background-position:-96px 0}
.pc5{background-position:-128px 0}
.pc6{background-position:-224px 0}
.pc7{background-position:-246px 0}