.mouser{
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 2vmin;
    height: 2vmin;
    border-radius: 50%;
    background: #FFF;
    z-index: 999;
    -webkit-transform: translate(calc(1px * var(--mouse-x, 50vw)), calc(1px * var(--mouse-y, 50vh))) translate(-50%, -50%);
    transform: translate(calc(1px * var(--mouse-x, 50vw)), calc(1px * var(--mouse-y, 50vh))) translate(-50%, -50%);
}
#look-dot{
    -webkit-transform: translate(calc(1px * var(--mouse-x, 50vw)), calc(1px * var(--mouse-y, 50vh))) translate(-50%, -50%);
    transform: translate(calc(1px * var(--mouse-x, 50vw)), calc(1px * var(--mouse-y, 50vh))) translate(-50%, -50%);
}
#about_new #main #r1 .wrap .con #loop .left .msg h3{width: 100%;}
#bloc header nav.pc-nav .nav-box.on > ul > li > a{white-space: nowrap;}


.en #bloc header nav.pc-nav .nav-box > ul > li{width: auto;}
.en #study #btm .b-wrap .dot-box .con h2{max-width: 136px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.en .p-color{text-align: justify;}
.en #study #main .m-con #r5 .wrap .loop1 .box .items li .msg h3{font-size: 24px;line-height: 28px;height: 60px;}
.en #duty #main .m-con #r1 #component .Tcon .pageChange > li > span > span > small{overflow: hidden;}
.en #bloc header nav.pc-nav .nav-box > ul > li .nav_down{width: 150px;left: 50%;transform: translateX(-50%);}
.en #home #main .m-con #r0 .wrap h2{animation-name: roll_9_en;letter-spacing: 2px;}
.en #home #main .m-con #r4 .wrap .topic p {text-align: center;}
.en #home #main .m-con #r3 .wrap .topic h2 font{margin: 0 8px;}
.en #home #main .m-con #r6 .wrap .topic .p-con p{text-align: center;}
.en #study #btm .b-wrap .dot-box .con{min-width: 120px;}
.en #about_login #main #r1 .wrap .login-box .login-con .in-box input[type=submit]{letter-spacing: 1px;}

@media screen and (max-width:1500px){
	.ie .layout-rowMain{
        width: 1200px;
    }
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1280px){

}
@media screen and (max-width:1024px){
	
}
@media screen and (min-width:1025px){
    .app{display: none!important;}
}
@media screen and (max-width:1024px){
    .pc{display: none!important;}
    #bloc header{height: 60px;border-bottom: 1px solid rgb(239, 239, 239);background-color: rgba(255,255,255,1);border-radius: 0 0 20px 0;}
    .wid-50{width: 100%;}
    .max-size{width: calc(100% - 48px);}
    .layout-btn{padding: 12px 20px;min-width: 140px;}
    #bloc #about_contact{position: relative;}
    #about_contact #main #r1{position: relative;left: 0;top: 0;min-height: 100vh;}
    #about_contact #main #r1 .wrap #w-top{padding-top: 60px;height: calc(100% - 220px);position: absolute;top: 0;left: 0;}
    #about_contact #main #r1 .wrap #w-top .con .box .layout-btn{margin-top: 9vw;}
    #about_contact #main #r1 .wrap #w-btm{bottom: 0;position: absolute;height: 220px;left: 0;}
    #about_contact #main #r1 .wrap #w-btm .con .box{flex-wrap: wrap;}
    #about_contact #main #r1 .wrap #w-btm .con .box .list_{width: 100%;height: 48px;}

    #bloc .wrapper#about_1{position: relative;height: auto;}
    #about_1 #main{height: auto;}
    #about_1 #main #r1{padding-top: 2.2rem;padding-bottom: 1.5rem;height: auto;}
    #about_1 #main #r1 .wrap{height: auto;}
    #about_1 #main #r1 .wrap .col.left{width: 100%;}
    #about_1 #main #r1 .wrap .col.left .topic{margin-bottom: 24px;}
    #about_1 #main #r1 .wrap .col.left .con > div{margin-top: 18px;}

    #bloc .wrapper#about_login{position: relative;height: auto;}
    #about_login #main{height: auto;}
    #about_login #main #r1{height: auto;}
    #about_login #main #r1 .wrap .login-box .login-con{box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.12);}
    #about_login #main #r1 .wrap .login-box .login-con .in-box .in-put{min-width: 0px;width: 100%;}
    #about_login #main #r1 .wrap .login-box .login-con{padding:30px 25px;}
    #about_login #main #r1 .wrap .login-box .login-con > img{margin-bottom: 40px;}
    #about_login #main #r1 .wrap .login-box .login-con .in-box .in-put{height: 50px;}
    #about_login #main #r1 .wrap .login-box .login-con .in-box input[type=submit]{margin-top: 20px;height: 50px;}
    #about_login #main #r1 .wrap{min-height: 520px;padding: 40px 0;}


    #bloc .wrapper#about_pro{position: relative;height: auto;}
    #about_pro #main #r1{height: auto;padding-top: 1.5rem;}
    #about_pro #main #r1 .r-top{width: calc(100% - 48px);margin: auto;}
    #about_pro #main #r1 .r-top .topic h2{margin-bottom: 6px;}
    #about_pro #main #r1 .r-mid .myloop{
        flex-wrap: wrap;margin: auto;justify-content: center;
        padding-bottom: 34.125vw;position: relative;
    }
    #about_pro #main #r1 .r-mid .myloop .l-mid{width: calc(100% - 48px);padding-bottom: 50%;}
    #about_pro #main #r1 .r-mid .myloop .l-mid .list > img{height: 42vw;margin-right: 10vw;}
    #about_pro #main #r1 .r-mid .myloop .l-left{position: absolute;bottom: 0;width: 48vw;left: 0;}
    #about_pro #main #r1 .r-mid .myloop .l-right{position: absolute;bottom: 0;width: 48vw;right: 0;}
    #about_pro #main #r1 .r-mid .myloop .l-left .box .f-prev{left: 24px;width: 38px;line-height: 38px;height: 38px;}
    #about_pro #main #r1 .r-mid .myloop .l-left .box .con{width: calc(100% - 74px);right: 10px;}
    #about_pro #main #r1 .r-mid .myloop .l-left .box .con .list > img{height: 12vw;}
    #about_pro #main #r1 .r-mid .myloop .l-left .box .con .list > span{font-size: 12px;}
    #about_pro #main #r1 .r-mid .myloop .l-right .box .con{left: 10px;width: calc(100% - 74px);}
    #about_pro #main #r1 .r-mid .myloop .l-right .box .f-next{right: 24px;width: 38px;line-height: 38px;height: 38px;}
    #about_pro #main #r1 .r-mid .myloop .l-right .box .con .list > img{height: 12vw;}
    #about_pro #main #r1 .r-mid .myloop .l-right .box .con .list > span{font-size: 12px;}
    #about_pro #main #r1 .r-btm .btn-3{min-width: 3rem;padding: 8px 10px;}



    #bloc .wrapper#about_new{position: relative;height: auto;}
    #about_new #main #r1{height: auto;padding-top: 74px;min-height: 100vh;}
    #about_new #main #r1 #app-con .list{padding-bottom: 16px;border-bottom: 1px solid #e9e9e9;}


    #gift #main .m-con #r3 .scroll-animate{display: block;}
    #gift #main .m-con #r3.row .m-bg{opacity: 0;}
    #gift #main .m-con #r3 .wrap .parent_ .other{display: none;}
    #gift #main .m-con #r3 .wrap .parent_ .box .items .photo .img_ .pic{animation-name: fadeInUpSmall;visibility: visible;opacity: 1;max-height: 539px;bottom: 0;top: auto;}
    #gift #main .m-con #r3 .m-bg .photo{position: relative;background-size: 1920px;background-position-y:156%; }
    #gift #main .m-con #r3 .m-bg .photo:after{
        content: "";width: 100%;background-color: #f6f6f8;height: 40%;position: absolute;bottom: 0;left: 0;
    }
    #gift #main .m-con #r3 .wrap .parent_ .box .items .photo .img_{width: 70vw;height: 85vw;}
    #gift #main .m-con #r3 .wrap .parent_ .box .items .photo{bottom: 10%;top: auto;height: 90vw;}
    #gift #main .m-con #r3 .wrap .swiper-container{height: 90vw;}
    #gift #main .m-con #r3 .wrap .parent_ .box .items .msg{width: 80vw;left: 10vw;right: auto;top: 9vw;bottom: auto;}
    #gift #main .m-con #r3 .wrap .parent_ .box .items .msg .note .go-next{    width: 32px;height: 32px;line-height: 32px;font-size: 12px;bottom: -32px;}
    #gift #main .m-con #r3 .wrap .parent_ .set-box{width: 100%;}
    #gift #main .m-con #r3 .wrap .parent_ .set-box .btn-3{bottom: 2%;padding: 10px 20px;}
    #gift #main .m-con #r3 .wrap .parent_ .set-box .btn-3.f-prev{right: auto;left: 0;}
    #gift #main .m-con #r3 .wrap .parent_ .set-box .btn-3.f-next{left: auto;right: 0;}
    #gift_detail #main .m-con #r4{height: auto;}
    #gift_detail #main .m-con #r4 .col.left{width: 100%;height: 450px;padding-top: 1.5rem;}
    #gift_detail #main .m-con #r4 .col.left .wrap-box #component .Tcon .pageChange > li{width: 30px;height: 30px;line-height: 30px;}
    #gift_detail #main .m-con #r4 .col.right{width: 100%;padding-top: 22px;padding-bottom: 40px;}
    #gift_detail #main .m-con #r4 .col.right .topic{height: auto;padding-right: 50px;}
    #gift_detail #main .m-con #r4 .col.right .topic .return{width: 48px;height: 48px;line-height: 48px;bottom: 6%;}
    #gift_detail #main .m-con #r4 .col.right .con .msg{padding-bottom: 30px;}
    #gift_detail #main .m-con #r4 .col.right .con .c-top .items{padding-top: 10px;flex-wrap: wrap;}
    #gift_detail #main .m-con #r4 .col.right .con .c-top .items .list{width: 100%;padding: 15px 0;}


    #bloc .wrapper#duty{position: relative;height: auto;}
    #duty #main{position: relative;height: auto;}
    #duty #main .m-con #r1 #component .Tcon,#duty #main .m-con #r1 #component nav{width: calc(100% - 48px);}
    #duty #main .m-con #r1 #component .Tcon .txtChange > li{width: 100%;}
    #duty #btm{display: none;}
    #duty #main .m-con #r1 #component .Tcon .pageChange > li{width: 120px;height: 60px;}
    #duty #main .m-con #r1 .go-weibo{display: none;}
    #duty #main .m-con #r2{padding-top: 10vw;padding-bottom: 180px;}
    #duty #main .m-con #r2 .wrap #dg-container{height: 46vw;}
    .dg-container .dg-wrapper{width: 84vw;height: 45vw;}
    .dg-container .dg-wrapper > a{width: 84vw;height: 45vw;}
    .dg-container .dg-wrapper > a div p{width: 100%;}
    .dg-container .dg-wrapper > a div h2{line-height: 2;margin-bottom: 12px;padding: 0 10px;}
    .dg-container nav a > em{display: none;}
    .dg-container nav a > i{font-size: 24px;}
    .dg-container nav a.dg-prev{top: calc(100% + 0.5rem);bottom: auto;left: -8px;}
    .dg-container nav a.dg-next{top: calc(100% + 0.5rem);bottom: auto;right: -8px;}


    #bloc .wrapper#study{position: relative;height: auto;}
    #study #main{position: relative;height: auto;}
    #study #btm{display: none;}
    #study #main .m-con{padding-top: 60px;}
    #study #main .m-con .row{height: auto;}
    #study #main .m-con #r1{padding: 10vw 0;}
    #study #main .m-con #r1 .wrap .m-col h2 > img{height: 80px;}
    #study #main .m-con #r1 .wrap{flex-wrap: wrap;}
    #study #main .m-con #r1 .wrap .m-col{width: 100%;}
    #study #main .m-con .row.on#r1 .m-bg{opacity: 0;}
    #study #main .m-con #r1 .other{position: relative;padding: 0 24px;margin-top: 20px;width: 100%;height: 500px;}
    #study #main .m-con .row .m-bg{transform: scale(1);}
    #study #main .m-con .row .ani-4{opacity: 1;}
    #study #main .m-con #r2 .wrap .m-col{width: 100%;}
    #study #main .m-con #r2 .wrap{padding: 6vw 0;}
    #study #main .m-con #r2 .wrap .m-col .other .items .list{margin-right: 0.4rem;}
    #study #main .m-con #r2 .wrap .m-col .other .node{position: relative;left: 0;margin-top: 7vw;width: 100%;}
    #study #main .m-con #r2 .wrap .m-col .other .node .cir > span{margin: 12px;width: 75px;height: 75px;line-height: 75px;}
    #study #main .m-con .row .m-bg .pic{background-position: center right;opacity: 0.2;}
    #study #main .m-con #r3 .wrap .con #loop{height: auto;}
    #study #main .m-con #r3 .wrap .con #loop .left{position: relative;width: 100%;padding: 4vw 0;}
    #study #main .m-con #r3 .wrap .con #loop .mid{height: calc(100vw - 48px);position: relative;}
    #study #main .m-con #r3 .wrap .con #loop .right{width: 100%;left: 0;position: relative;}
    #study #main .m-con #r3 .wrap .con #loop .right .items .list{height: auto;padding-left: 0;margin-bottom: 20px;}
    #study #main .m-con #r3 .wrap .con #loop .right .items{height: 300px;}
    #study #main .m-con #r3 .wrap .con #loop .left .msg p{padding-bottom: 0;}
    #study #main .m-con #r3{padding-top: 5vw;padding-bottom: 5vw;}
    #study #main .m-con #r4{padding: 6vw 0;}
    #study #main .m-con #r4 .wrap .m-col{width: 100%;height: auto;}
    #study #main .m-con #r4 .other{position: relative;margin: auto;margin-top: 20px;width: calc(100% - 48px);}
    #study #main .m-con #r4 .other > span{width: 100%;}
    #study #main .m-con #r4 .other .o-con{height: 80vw;padding-left: 0;}
    #study #main .m-con #r4 .other .o-con .items{position: absolute;width: 100%;left: 0;top: 0;}
    #study #main .m-con #r4 .other .o-con .items .box{box-shadow: 0 2px 5px -1px rgba(24, 25, 33, 0.15);opacity: 1;}
    #study #main .m-con #r5 .topic .search-box{display: none;}
    #study #main .m-con #r5 .topic h2{opacity: 1;line-height: 28px;}
    #study #main .m-con #r5 .topic .pager{height: 24px;}
    #study #main .m-con #r5 .max-size{padding-top: 7vw;padding-bottom: 12vw;}
    #study #main .m-con #r5 .topic{margin-bottom: 20px;}
}
@media screen and (max-width:800px){
	.pc{display: none!important;}
    #bloc header{height: 60px;border-bottom: 1px solid rgb(239, 239, 239);background-color: rgba(255,255,255);}
    /* #load1 .img-box{transform: translateX(4vw);} */
    /* #load1 .img-box .load_num{padding-left: 21%;} */
    .wid-50{width: 100%;}
    .max-size{width: calc(100% - 48px);}
    .layout-btn{padding: 12px 20px;min-width: 140px;}
    .btn-3{padding: 6px 18px;display: flex;align-items: center;}
    .dialog .dialog_content .box .con .c-box{overflow-x: hidden;width: 100%;}
    #pop_dialog1{justify-content: flex-start;}
    #pop_dialog1 .dialog_content{padding: 1em;width: calc(100%);}
    #pop_dialog1 .dialog_content .box{padding: 0 1em 4em 1em;}
    #pop_dialog1 .dialog_content .close{width: 56px;padding: 4px 0;bottom: 100%;left: 0;border-bottom-right-radius: 0;}
    #pop_dialog1 .dialog_content .close > span{display: none;}
    #pop_dialog1 .dialog_content .close > i{margin-bottom: 0;}
    #pop_dialog1 .dialog_content .box .topic .btn-3{margin-bottom: 8px;}
    #pop_dialog1 .dialog_content .box .topic{padding: 20px 0 12px 0;}
    #pop_dialog1 .dialog_content .box .con .lab-box{padding-top: 15px;}
    #pop_dialog1 .dialog_content .box .con .lab-box .lab{margin: 10px 0 10px 3%;padding: 0 18px;flex-grow: 1;}


    #pop_dialog2 .dialog_content{padding-top: 2em;width: calc(100%);}
    #pop_dialog2 .dialog_content .box{padding: 0 1em 1em 1em;}
    #pop_dialog2 .dialog_content .box .topic{padding-top: 5px;padding-bottom: 6px;}
    #pop_dialog2 .dialog_content .box .topic h2{margin-bottom: 16px;}
    #pop_dialog2 .dialog_content .box .topic .top-btm .col:nth-child(1){width: 100%;text-align: left;margin-bottom: 16px;}
    #pop_dialog2 .dialog_content .box .topic .top-btm .col:nth-child(1) > span{margin-right: 15px;}
    #pop_dialog2 .dialog_content .box .topic .top-btm .col:nth-child(2){width: 100%;position: relative;text-align: left;padding-left: 50px;display: none;}
    #pop_dialog2 .dialog_content .box .topic .top-btm .col:nth-child(2) > span{position: absolute;top: 0;left: 0;line-height: 28px;margin-bottom: 12px;}
    #pop_dialog2 .dialog_content .box .topic .top-btm .col:nth-child(2) > a{padding: 0 8px;line-height: 28px;margin-bottom: 12px;}
    #pop_dialog2 .dialog_content .box .con .c-box{padding-top: 4vw;}
    #pop_dialog2 .dialog_content .close{width: 56px;padding: 4px 0;bottom: 100%;left: 0;border-bottom-right-radius: 0;}
    #pop_dialog2 .dialog_content .close > span{display: none;}
    #pop_dialog2 .dialog_content .close > i{margin-bottom: 0;}

    #pop_dialog5 .dialog_content{width: calc(100%);}
    #pop_dialog5 .dialog_content .box .topic{padding: 16px;}
    #pop_dialog5 .dialog_content .box .topic > img:nth-of-type(1){height: 36px;}
    #pop_dialog5 .dialog_content .box .topic .txt{display: none;}
    #pop_dialog5 .dialog_content .box .topic .p-close{top: 16px;right: 16px;display: none;}
    #pop_dialog5 .dialog_content .box .con{padding: 2em 16px;}
    #pop_dialog5 .dialog_content .box .con form .row-in .l-in > span{min-width: 58px;font-size: 13px;}
    .radio label .outer{margin: 0;}
    .radio label{margin-right: 0;margin-left: 6px;}
    #pop_dialog5 .dialog_content .box .con form .row-box ._sub{width: 100%;height: 45px;line-height: 45px;}
    #pop_dialog5 .dialog_content .box .con form .row-in{width: 100%;margin-bottom: 10px;}
    #pop_dialog5 .dialog_content .close{width: 56px;padding: 4px 0;bottom: 100%;left: 0;border-bottom-right-radius: 0;}
    #pop_dialog5 .dialog_content .close > span{display: none;}
    #pop_dialog5 .dialog_content .close > i{margin-bottom: 0;}

    #pop_dialog8 .dialog_content{padding-top: 2em;width: calc(100%);}
    #pop_dialog8 .dialog_content .box{padding: 0 1em 1em 1em;}
    #pop_dialog8 .dialog_content .box .topic{padding-top: 5px;padding-bottom: 6px;}
    #pop_dialog8 .dialog_content .box .topic h2{margin-bottom: 16px;}
    #pop_dialog8 .dialog_content .box .topic .top-btm .col:nth-child(1){width: 100%;text-align: left;margin-bottom: 16px;}
    #pop_dialog8 .dialog_content .box .topic .top-btm .col:nth-child(1) > span{margin-right: 15px;}
    #pop_dialog8 .dialog_content .box .topic .top-btm .col:nth-child(2){width: 100%;position: relative;text-align: left;padding-left: 50px;}
    #pop_dialog8 .dialog_content .box .topic .top-btm .col:nth-child(2) > span{position: absolute;top: 0;left: 0;line-height: 28px;margin-bottom: 12px;}
    #pop_dialog8 .dialog_content .box .topic .top-btm .col:nth-child(2) > a{padding: 0 8px;line-height: 28px;margin-bottom: 12px;}
    #pop_dialog8 .dialog_content .box .con .c-box{padding-top: 4vw;}
    #pop_dialog8 .dialog_content .close{width: 56px;padding: 4px 0;bottom: 100%;left: 0;border-bottom-right-radius: 0;}
    #pop_dialog8 .dialog_content .close > span{display: none;}
    #pop_dialog8 .dialog_content .close > i{margin-bottom: 0;}


    #pop_dialog7 .dialog_mask{background-color: rgba(0,0,0,0.8);}
    #pop_dialog7 .dialog_content{width: 100%;height: 60%;}
    #pop_dialog7 .dialog_content .box{height: 100%;}
    #pop_dialog7 .dialog_content .close{width: 56px;padding: 4px 0;bottom: 100%;left: 0;border-bottom-right-radius: 0;}
    #pop_dialog7 .dialog_content .close > span{display: none;}
    #pop_dialog7 .dialog_content .close > i{margin-bottom: 0;}
    #pop_dialog7.dialog--open{display: flex;}
    #pop_dialog7.dialog--close{display: flex;}
    #pop_dialog7{display: none;}

    #pop_dialog3 .dialog_content{padding-top: 2em;width: calc(100%);}
    #pop_dialog3 .dialog_content .box{padding: 0 1em 1em 1em;}
    #pop_dialog3 .dialog_content .box .topic{padding-top: 5px;}
    #pop_dialog3 .dialog_content .close{width: 56px;padding: 4px 0;bottom: 100%;left: 0;border-bottom-right-radius: 0;}
    #pop_dialog3 .dialog_content .close > span{display: none;}
    #pop_dialog3 .dialog_content .close > i{margin-bottom: 0;}
    #pop_dialog3 .dialog_content .box .con .c-box .items .list > span{font-size: 12px;margin-right: 4px;}
    #pop_dialog3 .dialog_content .box .con .c-box .items .list > span > em{margin: 0 2px;font-size: 12px;}
    #pop_dialog3 .dialog_content .box .con .c-box .items .list p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 10px;padding-left: 5px;}
    #pop_dialog3 .dialog_content .box .con .c-box .items .list .go-to{width: 20px;height: 20px;line-height: 20px;}

    #pop_dialog4 .dialog_content{padding-top: 2em;width: calc(100%);}
    #pop_dialog4 .dialog_content .box{padding: 0 4vw 1em 4vw;height: 110vw;min-height: 100vw;max-height: 150vw;}
    #pop_dialog4 .dialog_content .box .con{flex-wrap: wrap;height: 46vw;}
    #pop_dialog4 .dialog_content .box .con .col.left{width: 100%;position: relative;height: 0;padding-bottom: 50%;}
    #pop_dialog4 .dialog_content .box .con .col.right{width: 100%;position: relative;right: auto;left: 0;overflow-x: auto;overflow-y: hidden;}
    #pop_dialog4 .dialog_content .box .con .col.right .items{padding: 8% 0;height: 38vw;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;width: 1000%;}
    #pop_dialog4 .dialog_content .box .con .col.right .items .list{height:100%;width: calc(92vw/2 - 10px/2);margin-bottom: 0;margin-right: 10px;}
    #pop_dialog4 .dialog_content .box .con .col.right .items .list .pic > span{font-size: 12px;height: auto;line-height: 20px;bottom: 10px;padding: 0 10px;}
    #pop_dialog4 .dialog_content .box .con .col.right .items .list .mask:after{top: -19px;border-color: transparent transparent #00ACEB transparent;left: 0;right: 0;bottom: auto;border-width: 8px;}

    #bloc #about_contact{position: relative;}
    #about_contact #main #r1{position: relative;left: 0;top: 0;min-height: 100vh;}
    #about_contact #main #r1 .wrap #w-top{padding-top: 60px;height: calc(100% - 220px);position: absolute;top: 0;left: 0;}
    #about_contact #main #r1 .wrap #w-top .con .box .layout-btn{margin-top: 9vw;}
    #about_contact #main #r1 .wrap #w-btm{bottom: 0;position: absolute;height: 220px;left: 0;}
    #about_contact #main #r1 .wrap #w-btm .con .box{flex-wrap: wrap;}
    #about_contact #main #r1 .wrap #w-btm .con .box .list_{width: 100%;height: 48px;}

    #bloc .wrapper#about_new{position: relative;height: auto;}
    #about_new #main #r1{height: auto;padding-top: 74px;min-height: 100vh;}

    #home #btm .btn-wrap .num-box{display: none;}
    #home #main .m-con .row .rowMain{padding: 60px 0 80px 0;}
    #bloc .wrapper{overflow: hidden;}
    body.on{overflow: hidden;}
    #load1 .img-box .pic-box .p-logo{width: 36vw;}
    #load1 .img-box > span.cir{width: 8px;height: 8px;}
    #load1 .img-box #roll_3.on > img{
        animation: roll_7_1 1.2s ease-in-out;animation-fill-mode: both;
    }
    #home #btm .btn-wrap .scr small{margin-bottom: 6px;}
    #home #main .m-con #r1 .mouser{display: none;}
    #home #main .m-con #r1 .wrap .con .box{width: 100%;}
    #home #btm .btn-wrap .scr{bottom: -10px;}
    #home #main .m-con #r2 .wrap .con{flex-wrap: wrap;padding: 0 5%;align-items: center;align-content: center;padding-bottom: 15%;}
    #home #main .m-con #r2 .wrap .con .col.left{max-width: 100%;width: 100%;height: auto;}
    #home #main .m-con #r2 .wrap .con .col.right{max-width: 100%;width: 100%;height: auto;}
    #home #main .m-con #r2 .wrap .con .col .list{margin-bottom: 10vw;display: flex;align-items: center;justify-content: space-between;}
    #home #main .m-con .row#r2 .rowMain{padding: 2rem 0 2.4rem 0;}
    #home #main .m-con #r3 .wrap .con .timer-parent .mid{flex-wrap: wrap;height: calc(100% - 70px);padding-bottom: 40px;}
    #home #main .m-con #r3 .wrap .con .timer-parent .mid .left{width: 100%;padding-bottom: 56%;}
    #home #main .m-con #r3 .wrap .con .timer-parent .mid .right{width: 100%;}
    #home #main .m-con #r3 .wrap .con .timer-parent .mid .right .msg-box{padding: 0;}
    #home #main .m-con #r3 .wrap .con .timer-parent .mid .right .time-con{height: 30px;}
    #home #main .m-con #r3 .wrap .con .timer-parent .mid .right .msg-box .note .box .text{height: 72px;}
    #home #main .m-con #r3 .wrap .con .timer-parent .mid .right .msg-box .note .box .text.on{-webkit-line-clamp:3;}
    #home #main .m-con #r3 .wrap .con .timer-parent .btm .timer-box{margin: 0 10%;width: 80%;padding: 0;overflow: hidden;}
    #home #main .m-con #r3 .wrap .con .timer-parent .btm .timer-box .t-next{right: 0;}
    #home #main .m-con #r3 .wrap .con .timer-parent .btm .timer-box .t-prev{left: 0;}
    #home #main .m-con #r3 .wrap .con .timer-parent .btm .timer-box .timer-dot .timer-list > small{font-size: 12px;}
    #home #main .m-con #r3 .wrap .con .timer-parent .btm .timer-box .timer-dot{width: 800vw;justify-content: flex-start;}
    #home #main .m-con #r3 .wrap .con .timer-parent .btm .timer-box .timer-dot .timer-list{width: calc(80vw/3);}
    #home #main .m-con #r4 .wrap .con{padding: 0;}
    #home #main .m-con #r4 .wrap .con #loop{padding-top: 37vw;}
    #home #main .m-con #r4 .wrap .con #loop .left{padding: 24px 0;width: 100%;}
    #home #main .m-con #r4 .wrap .con #loop .right{width: 100vw;left: 0;top: 0;}
    #home #main .m-con #r4 .wrap .con #loop .right .roll-box .swiper-item > li .pic{width: 70vw;transform: scale(1);}
    #home #main .m-con #r4 .wrap .con #loop .right .roll-box .swiper-item > li .pic:after{opacity: 0.7;}
    #home #main .m-con #r4 .wrap .con #loop .left .other{position: absolute;right: 0;width: 60px;bottom: 24px;}
    #home #main .m-con #r4 .wrap{padding-bottom: 30px;}
    #home #main .m-con #r5 .m-bg #fn2 .box.b1{width: 40vw;height: 40vw;left: 20vw;bottom: 300px;}
    #home #main .m-con #r5 .m-bg #fn2 .box.b2{width: 28vw;height: 28vw;bottom: calc(30vw + 50px);left: -12vw;}
    #home #main .m-con #r5 .m-bg #fn2 .box.b3{width: 22vw;height: 22vw;left: 65vw;}
    #home #main .m-con #r5 .m-bg #fn2 .box.b4{width: 16vw;height: 16vw;bottom: 0;left: 30vw}
    #home #main .m-con #r5 .m-bg #fn2 .box.b5{width: 10vw;height: 10vw;}
    #home #main .m-con #r4 .wrap .topic{bottom: 8px;}
    #home #main .m-con #r6 .wrap .topic{width: 100%;}
    #home #main .m-con #r6 .wrap .roll{width: calc(100% - 90px);}
    #home #main .m-con #r6 .wrap .roll .top .photo .pic{width: 80%;height: 90%;}
    #home #main .m-con #r6 .home-foot{display: none;}


    #bloc .wrapper#about_1{position: relative;height: auto;}
    #about_1 #main{height: auto;}
    #about_1 #main #r1{padding-top: 2.2rem;padding-bottom: 1.5rem;height: auto;min-height: 100vh;}
    #about_1 #main #r1 .wrap{height: auto;}
    #about_1 #main #r1 .wrap .col.left{width: 100%;}
    #about_1 #main #r1 .wrap .col.left .topic{margin-bottom: 24px;}
    #about_1 #main #r1 .wrap .col.left .con > div{margin-top: 18px;}

    #bloc .wrapper#about_login{position: relative;height: auto;}
    #about_login #main{height: auto;}
    #about_login #main #r1{height: auto;}
    #about_login #main #r1 .wrap .login-box .login-con{box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.12);}
    #about_login #main #r1 .wrap .login-box .login-con .in-box .in-put{min-width: 0px;width: 100%;}
    #about_login #main #r1 .wrap .login-box .login-con{padding:30px 25px;}
    #about_login #main #r1 .wrap .login-box .login-con > img{margin-bottom: 40px;}
    #about_login #main #r1 .wrap .login-box .login-con .in-box .in-put{height: 50px;}
    #about_login #main #r1 .wrap .login-box .login-con .in-box input[type=submit]{margin-top: 20px;height: 50px;}
    #about_login #main #r1 .wrap{min-height: 520px;padding: 40px 0;}


    #bloc .wrapper#about_pro{position: relative;height: auto;}
    #about_pro #main #r1{height: auto;padding-top: 1.5rem;}
    #about_pro #main #r1 .r-top{width: calc(100% - 48px);margin: auto;}
    #about_pro #main #r1 .r-top .topic h2{margin-bottom: 6px;}
    #about_pro #main #r1 .r-mid .myloop{
        flex-wrap: wrap;margin: auto;justify-content: center;
        padding-bottom: 34.125vw;position: relative;
    }
    #about_pro #main #r1 .r-mid .myloop .l-mid{width: calc(100% - 48px);padding-bottom: 50%;}
    #about_pro #main #r1 .r-mid .myloop .l-mid .list > img{height: 42vw;margin-right: 10vw;}
    #about_pro #main #r1 .r-mid .myloop .l-left{position: absolute;bottom: 0;width: 48vw;left: 0;}
    #about_pro #main #r1 .r-mid .myloop .l-right{position: absolute;bottom: 0;width: 48vw;right: 0;}
    #about_pro #main #r1 .r-mid .myloop .l-left .box .f-prev{left: 24px;width: 38px;line-height: 38px;height: 38px;}
    #about_pro #main #r1 .r-mid .myloop .l-left .box .con{width: calc(100% - 74px);right: 10px;}
    #about_pro #main #r1 .r-mid .myloop .l-left .box .con .list > img{height: 12vw;}
    #about_pro #main #r1 .r-mid .myloop .l-left .box .con .list > span{font-size: 12px;}
    #about_pro #main #r1 .r-mid .myloop .l-right .box .con{left: 10px;width: calc(100% - 74px);}
    #about_pro #main #r1 .r-mid .myloop .l-right .box .f-next{right: 24px;width: 38px;line-height: 38px;height: 38px;}
    #about_pro #main #r1 .r-mid .myloop .l-right .box .con .list > img{height: 12vw;}
    #about_pro #main #r1 .r-mid .myloop .l-right .box .con .list > span{font-size: 12px;}
    #about_pro #main #r1 .r-btm .btn-3{min-width: 3rem;padding: 8px 10px;}


    #bloc .wrapper#pro_detail{position: relative;height: auto;}
    #pro_detail #main #r1{height: auto;}
    #pro_detail #main #r1 .col.left{width: 100%;height: 450px;padding-top: 1.5rem;}
    #pro_detail #main #r1 .col.right{width: 100%;padding-top: 12px;}
    #pro_detail #main #r1 .col.right .topic{height: auto;padding-right: 54px;}
    #pro_detail #main #r1 .col.right .topic h2 em{height: 50px;line-height: 50px;}
    #pro_detail #main #r1 .col.right .topic h2 small{height: 50px;line-height: 50px;}
    #pro_detail #main #r1 .col.right .topic .return{width: 48px;height: 48px;line-height: 48px;bottom: 0;}
    #pro_detail #main #r1 .col.right .con{padding: 3% 5%;}
    #pro_detail #main #r1 .col.left .wrap-box #component .Tcon .pageChange > li{width: 30px;height: 30px;line-height: 30px;}
    #pro_detail #main #r1 .col.right .con .c-top .items{padding-top: 10px;margin-bottom: 32px;}
    #pro_detail #main #r1 .col.right .con .c-top .items .list{width: 100%;padding: 15px 0 15px 0;}
    #pro_detail #main #r1 .col.right .con .c-mid .items .list > span{font-size: 12px;margin-right: 4px;}
    #pro_detail #main #r1 .col.right .con .c-mid .items .list > span > em{margin: 0 2px;font-size: 12px;}
    #pro_detail #main #r1 .col.right .con .c-mid .items .list p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 10px;padding-left: 5px;}
    #pro_detail #main #r1 .col.right .con .c-mid .items .list .go-to{width: 20px;height: 20px;line-height: 20px;}



    #gift #main{position: relative;}


    #bloc .wrapper#gift_detail{position: relative;height: auto;}
    #gift_detail #main{position: relative;height: 100%;}
    #gift_detail #main .m-con{height: auto;}
    /*#gift #main .m-con .row .ani-4{opacity: 1;}*/
    #gift #main .m-con #r1 .wrap .con{max-width: 100%;}
    #gift #main .m-con #r1 .wrap .con img{max-width: 100%;}
    #gift #main .m-con #r5 .wrap .con .r-msg{opacity: 1;padding: 0;}
    #gift #main .m-con #r5{padding-top: 40px;padding-bottom: 40px;}
    #gift #main .m-con .row#r2 .wrap{align-items: flex-start;}
    #gift #main .m-con #r2 .wrap .con{padding-top: 16vw;}
    #gift #main .m-con #r2 .wrap .con #loop .left{width: 100%;height: 220px;}
    #gift #main .m-con #r2 .wrap .con #loop .left .msg{height: 100px;}
    #gift #main .m-con #r2 .wrap .con #loop .left .other{position: relative;justify-content: flex-start;}
    #gift #main .m-con #r2 .wrap .con #loop .left .other .rang{position: absolute;top: calc(100% + 20px);width: 60px;margin-left: 0;}
    #gift #main .m-con #r2 .wrap .con #loop .dot-box{display: none;}
    #gift #main .m-con #r3 .scroll-animate{display: block;}
    #gift #main .m-con #r3.row .m-bg{opacity: 0;}
    #gift #main .m-con #r3 .wrap .parent_ .other{display: none;}
    #gift #main .m-con #r3 .wrap .parent_ .box .items .photo .img_ .pic{animation-name: fadeInUpSmall;visibility: visible;opacity: 1;}
    #gift #main .m-con #r3 .m-bg .photo{position: relative;background-size: 1920px;background-position-y:156%; }
    #gift #main .m-con #r3 .m-bg .photo:after{
        content: "";width: 100%;background-color: #f6f6f8;height: 40%;position: absolute;bottom: 0;left: 0;
    }
    #gift #main .m-con #r3 .wrap .parent_ .box .items .photo .img_{width: 70vw;height: 85vw;}
    #gift #main .m-con #r3 .wrap .parent_ .box .items .photo{bottom: 10%;top: auto;height: 90vw;}
    #gift #main .m-con #r3 .wrap .swiper-container{height: 90vw;}
    #gift #main .m-con #r3 .wrap .parent_ .box .items .msg{width: 80vw;left: 10vw;right: auto;top: 9vw;bottom: auto;}
    #gift #main .m-con #r3 .wrap .parent_ .box .items .msg .note .go-next{    width: 32px;height: 32px;line-height: 32px;font-size: 12px;bottom: -32px;}
    #gift #main .m-con #r3 .wrap .parent_ .set-box{width: 100%;}
    #gift #main .m-con #r3 .wrap .parent_ .set-box .btn-3{bottom: 2%;padding: 10px 20px;}
    #gift #main .m-con #r3 .wrap .parent_ .set-box .btn-3.f-prev{right: auto;left: 0;}
    #gift #main .m-con #r3 .wrap .parent_ .set-box .btn-3.f-next{left: auto;right: 0;}


    #gift_detail #main .m-con #r4{height: auto;}
    #gift_detail #main .m-con #r4 .col.left{width: 100%;height: 450px;padding-top: 1.5rem;}
    #gift_detail #main .m-con #r4 .col.left .wrap-box #component .Tcon .pageChange > li{width: 30px;height: 30px;line-height: 30px;}
    #gift_detail #main .m-con #r4 .col.right{width: 100%;padding-top: 22px;padding-bottom: 40px;}
    #gift_detail #main .m-con #r4 .col.right .topic{height: auto;padding-right: 50px;}
    #gift_detail #main .m-con #r4 .col.right .topic .return{width: 48px;height: 48px;line-height: 48px;bottom: 6%;}
    #gift_detail #main .m-con #r4 .col.right .con .msg{padding-bottom: 30px;}
    #gift_detail #main .m-con #r4 .col.right .con .c-top .items{padding-top: 10px;flex-wrap: wrap;}
    #gift_detail #main .m-con #r4 .col.right .con .c-top .items .list{width: 100%;padding: 15px 0;}


    #bloc .wrapper#duty{position: relative;height: auto;}
    #duty #main{position: relative;height: auto;}
    #duty #main .m-con #r1 #component .Tcon,#duty #main .m-con #r1 #component nav{width: calc(100% - 48px);}
    #duty #main .m-con #r1 #component .Tcon .txtChange > li{width: 100%;}
    #duty #btm{display: none;}
    #duty #main .m-con #r1 #component .Tcon .pageChange > li{width: 120px;height: 60px;}
    #duty #main .m-con #r1 .go-weibo{display: none;}
    #duty #main .m-con #r2{padding-top: 10vw;padding-bottom: 180px;}
    #duty #main .m-con #r2 .wrap #dg-container{height: 46vw;}
    .dg-container .dg-wrapper{width: 84vw;height: 45vw;}
    .dg-container .dg-wrapper > a{width: 84vw;height: 45vw;}
    .dg-container .dg-wrapper > a div p{width: 100%;}
    .dg-container .dg-wrapper > a div h2{line-height: 2;margin-bottom: 12px;padding: 0 10px;}
    .dg-container nav a > em{display: none;}
    .dg-container nav a > i{font-size: 24px;}
    .dg-container nav a.dg-prev{top: calc(100% + 0.5rem);bottom: auto;left: -8px;}
    .dg-container nav a.dg-next{top: calc(100% + 0.5rem);bottom: auto;right: -8px;}


    #bloc .wrapper#study{position: relative;height: auto;}
    #study #main{position: relative;height: auto;}
    #study #btm{display: none;}
    #study #main .m-con{padding-top: 60px;}
    #study #main .m-con .row{height: auto;}
    #study #main .m-con #r1{padding: 10vw 0;}
    #study #main .m-con #r1 .wrap .m-col h2 > img{height: 80px;}
    #study #main .m-con #r1 .wrap{flex-wrap: wrap;}
    #study #main .m-con #r1 .wrap .m-col{width: 100%;}
    #study #main .m-con .row.on#r1 .m-bg{opacity: 0;}
    #study #main .m-con #r1 .other{position: relative;padding: 0 24px;margin-top: 20px;width: 100%;height: 500px;}
    #study #main .m-con .row .m-bg{transform: scale(1);}
    #study #main .m-con .row .ani-4{opacity: 1;}
    #study #main .m-con #r2 .wrap .m-col{width: 100%;}
    #study #main .m-con #r2 .wrap{padding: 6vw 0;}
    #study #main .m-con #r2 .wrap .m-col .other .items .list{margin-right: 0.4rem;}
    #study #main .m-con #r2 .wrap .m-col .other .node{position: relative;left: 0;margin-top: 7vw;width: 100%;}
    #study #main .m-con #r2 .wrap .m-col .other .node .cir > span{margin: 12px;width: 75px;height: 75px;line-height: 75px;}
    #study #main .m-con .row .m-bg .pic{background-position: center right;opacity: 0.2;}
    #study #main .m-con #r3 .wrap .con #loop{height: auto;}
    #study #main .m-con #r3 .wrap .con #loop .left{position: relative;width: 100%;padding: 4vw 0;}
    #study #main .m-con #r3 .wrap .con #loop .mid{height: calc(100vw - 48px);position: relative;}
    #study #main .m-con #r3 .wrap .con #loop .right{width: 100%;left: 0;position: relative;}
    #study #main .m-con #r3 .wrap .con #loop .right .items .list{height: auto;padding-left: 0;margin-bottom: 20px;}
    #study #main .m-con #r3 .wrap .con #loop .right .items{height: 300px;}
    #study #main .m-con #r3 .wrap .con #loop .left .msg p{padding-bottom: 0;}
    #study #main .m-con #r3{padding-top: 5vw;padding-bottom: 5vw;}
    #study #main .m-con #r4{padding: 6vw 0;}
    #study #main .m-con #r4 .wrap .m-col{width: 100%;height: auto;}
    #study #main .m-con #r4 .other{position: relative;margin: auto;margin-top: 20px;width: calc(100% - 48px);}
    #study #main .m-con #r4 .other > span{width: 100%;}
    #study #main .m-con #r4 .other .o-con{height: 80vw;padding-left: 0;}
    #study #main .m-con #r4 .other .o-con .items{position: absolute;width: 100%;left: 0;top: 0;}
    #study #main .m-con #r4 .other .o-con .items .box{box-shadow: 0 2px 5px -1px rgba(24, 25, 33, 0.15);opacity: 1;}
    #study #main .m-con #r5 .topic .search-box{display: none;}
    #study #main .m-con #r5 .topic h2{opacity: 1;line-height: 28px;}
    #study #main .m-con #r5 .topic .pager{height: 24px;}
    #study #main .m-con #r5 .max-size{padding-top: 7vw;padding-bottom: 12vw;}
    #study #main .m-con #r5 .topic{margin-bottom: 20px;}




}
@media screen and (max-width:600px){
    #home #main .m-con .row#r3 .rowMain{padding-top: 78px;}
    #home #main .m-con #r3 .wrap .topic{bottom: 3px;}
    #home #main .m-con #r3 .wrap{align-items: flex-start;}
    #home #main .m-con #r5 .wrap .con{padding: 0 5%;padding-bottom: 42vw;}
    #home #main .m-con #r5 .wrap .con .box{width: 100%;}
    #home #main .m-con #r5 .m-bg #fn2 .box.b1{width: 60vw;height: 60vw;left: 20vw;bottom: 300px;}
    #home #main .m-con #r5 .m-bg #fn2 .box.b2{width: 38vw;height: 38vw;bottom: calc(30vw + 50px);left: -12vw;}
    #home #main .m-con #r5 .m-bg #fn2 .box.b3{width: 32vw;height: 32vw;left: 65vw;}
    #home #main .m-con #r5 .m-bg #fn2 .box.b4{width: 30vw;height: 30vw;bottom: 0;left: 30vw}
    #home #main .m-con #r5 .m-bg #fn2 .box.b5{width: 26vw;height: 26vw;}
}

@media screen and (max-width:600px){

}

@media screen and (max-height:570px){
    #page #main #p2{overflow: auto;}
}
@media screen and (max-height:520px){
    #page #main #p1 .other .choose .c-bg{
        visibility: hidden;
    }
    #page #main #p2 > .bg{height: auto;}
    #page #main #p2 .wrap #box .con{min-height: 70px;}
    #page #main #p2 .wrap #box .con .result_txt,#page #main #p2 .wrap #box .con .code{margin-top: 0;height: 100%;}
    #page #main #p2 .other > span{line-height: 14px;}
    #page #main #p2 .other .btn{height: 40px;line-height: 40px;font-size: 16px;}
    #page #main #p2 .other{padding: 8px 0;}
    #page #main #p2 .other > span:after{top: -12px;}
}

@media screen and (max-height: 600px) {
    #home #main .m-con #r3 .wrap .con .timer-parent .mid .right .msg-box .note .box .text{height: 48px;}
    #home #main .m-con #r3 .wrap .con .timer-parent .mid .right .msg-box .note .box .text.on{-webkit-line-clamp:2;}
}