iBet uBet web content aggregator. Adding the entire web to your favor.
iBet uBet web content aggregator. Adding the entire web to your favor.



Link to original content: http://english.pku.edu.cn/Public/static/themes/bden/css/fix.css
/* -webkit-touch-callout:none; */ @media screen and (max-width:1800px){ /*.study1 .list1 li{ word-break: break-all; }*/ } @media screen and (max-width:1600px){/* 1/5(0.8) for 1600 big*0.75 middel*0.8 */ .home8 .dl .title{padding:70px 70px 40px;} .home8 .dl .b{padding:50px 70px;} .home8 .dl .navg1 {bottom: 18%;} .about3 .tab-cont .tab-item .text .f54 {font-size: 42px;} .about3 .tab-cont .tab-item .text .f32 {font-size: 26px;} .admissions4 .item .f52 {font-size: 40px;} .home4 .dl{padding-left: 120px;} .about7 .block:after, .about7 .block:before{height: 178px;} } @media screen and (max-width:1500px){/* 1/4(0.75) for 1440 big*0.75 middel*0.8 small*0.9-1 */ .fz40{font-size:32px;} .home4 .dl .item{padding-bottom:30px;} /*.home4 .dl .item .f24{padding-right:0;}*/ .home8 .dr .list{max-width:none;} .study4 .d2 .item{width:calc(25% - 16.66px);} .study4 .d1 .d{width:calc(50% - 12.5px);} .about1 .dr {margin-left: 60px;} .home1 .navg { bottom: 50px; } .home6 .more1{font-size: 22px;} /*20210121*/ .about3 .item{margin-right: 60px;width: 200px;} .home4 .dl{padding-left: 100px;} /*20210121*/ } @media screen and (max-width:1460px){ .research4 .focus{width:75%;margin-left:auto;margin-right:auto;} .research4 .frame{height:38vw;} .about7 .list{height: 500px;} .about7 .block:after, .about7 .block:before,.about7 .l_row:nth-child(3) .item:last-child:before,.about7 .l_row:nth-child(2) .item:first-child:before{display: none;} } @media screen and (max-width:1400px){ .home2 .d2 .item{padding:40px;} .home2 .d1 .text{padding:40px;} .home5 .child .text{padding:40px;} .home8 .dl .title{padding:50px 50px 35px;} .home8 .dl .b{padding:40px 50px;} .home8 .dl .navg1 {bottom: 16%;} .admissions2 .dr .d1 .item{padding-bottom:10px;} .about3 .dr .list{height:400px;} .about3 .dr .item{padding:0 0 0 50px;height:80px;} .about3 .tab-bar {margin: 40px 50px 0;} .about3 .tab-cont .tab-item .pic{margin-right: 40px;} .about3 .list {margin: 0 80px;} .about3 .tab-cont .tab-item .text .f18{max-height: 290px;} .home6 .part3 .dr{padding-left: 40px;padding-right: 40px;} } @media screen and (max-width:1300px){/* 1/3(0.66) for 1280 big*0.6 middel*0.75 small*0.9-1 */ .home1 .child .a2{ bottom: 30px; width: 60px; } .home1 .slick-dots li{margin-left:20px;} .home1 .slick-dots li.slick-active:after{margin-left:20px;width:25px;} .home1 .navg{bottom: 45px; right: 80px;} .home1 .mouse{bottom:20px;} /*.home1 .navg{height:80px;line-height:80px;}*/ .home1 .mouse{width:70px;height:50px;} .home1 .child .text .h{font-size: 30px;} .home2 .d2 .item .f18{height: 72px;} .home5 .slick-slide{margin:0 35px;} .home8 .dl .navg1 {bottom: 20%;} .fz40{font-size:28px;} .about3 .tab-cont .tab-item .text .f54 {font-size: 32px;} .about3 .tab-cont .tab-item .text .f32 {font-size: 24px;} .about3 .item.cur>div {font-size: 28px;} .about3 .item .f20 {line-height: 28px;} .admissions4 .item .f52 {font-size: 30px;} .admissions4 .block {height: 820px;} .admissions4 .i1 {height: 455px;} .admissions4 .i2 {height: 475px;} .admissions4 .i3 {height: 340px;} /*20210121*/ .about3 .item{margin-right: 30px;width: auto;} .about7 .i_t{padding: 15px;} .layer .personbox .close{width: 60px;height: 60px;line-height: 60px;} .home4 .dl{padding-left: 60px;} /*20210121*/ .home6 .more1{font-size: 20px;} .home6 .part3 .dr .item{padding-left: 30px;} .home6 .part3 .dr{padding: 40px;} } @media screen and (max-width:1200px){ .home1 .child .a2 { right: 20px; } .admissions2 .dr .d1 .item{ padding-left: 20px; } .admissions2 .dr .d1{ padding: 40px; } .about3 .tab-cont .tab-item .text .f18{max-height: 240px;} } @media screen and (max-width:1150px){ .home6 .more1{font-size: 18px;} } @media screen and (max-width:1110px){ .about3 .tab-cont .tab-item .text .f18{max-height: 210px;} .home2 .d2 .item .f18{height: 96px;} } @media screen and (min-width:1024px){ .home8 .navg1 .prev:hover {background-image: url(../image/jjl/prev1_b.png);} .home8 .navg1 .next:hover {background-image: url(../image/jjl/next1_b.png);} .photos .div{margin-left:30px;} .photos .list .item{margin-left:20px;margin-bottom:20px;width:calc(33.33% - 13.33px);} } @media screen and (max-width:1150px){/* 1/2(0.6) for 1024 big*0.55 middel*0.7 small*0.9-1 */ .home3 .title{padding:3em;} .home6 .part2 .dl .item{padding-left:40px;} .home6 .part1 .dr{padding:50px;} .home6 .part2 .dl{padding:50px;} .home6 .part3 .dr{padding:20px;} .home6 .part3 .dr .item{padding-left: 20px;} .home8 .dr .item{margin:30px 0 0 30px;width:calc(50% - 15px);} .home8 .dl .title{padding:45px 45px 20px;} } @media screen and (max-width:1024px){ .home1 .child .text .h{font-size: 22px;} .home1 .child .text{bottom: 35px;} .home2 .d2 .item:hover{background:#fff;/*color:inherit;*/} /*.home2 .d2 .item:hover .f20{color:#a20000;}*/ .home6 .part2 .dl .item:hover:after{left:-7px;top:5px;width:12px;height:12px;border:2px solid #a00000;} .admissions1 .db .item .a i{display:none;} .admissions2 .dr{background:#fff;} .admissions2 .dr .f50{background:#ececec;} .admissions2 .dr .d1{position:static;width:55%;height:100%;} .admissions2 .dr .d2{padding:0;bottom:50%;left:55%;} .admissions2 .dr .d3{left:55%;top:50%;} .staff1{padding:45px 20px 0;} .staff1 .bg{display:none;} .staff1 .dl{padding:0;width:40%;} .staff1 .dl .pic{margin-right:0;width:100%;} .staff1 .dc{width:60%;} .staff1 .dr{display:none;} .staff3 .content{padding:0;} .staff3 .content .bg{display:none;} .study2 .pic{margin-right:0;} .study3 .dl{padding-right:0;} .about1 .dr {margin-left: 30px} .about3 .tab-cont .tab-item .box1 {display: block;} .about3 .tab-cont .tab-item .pic {width: 100%;margin: 0 0 15px;} .about3 .tab-cont .tab-item .con {width: 100%;} } @media screen and (max-width:960px){/*mobile*/ .home1 .child{height:48vw;} .home1 .child .text{left:0px;right:240px;} .home1 .mouse{display:none;} /*.home3{background:#312a29;}*/ .home4 .content{display:block;} .home4 .dl{width:auto;} .home4 .dr{width:auto;height:100vw;} .home4 .dl .list{padding-left:10px;} .home4 .dl .item::after{width:10px !important;height:10px !important;left:-8px !important;top:33px !important;} .home4 .dl .item{padding:0 0 20px 25px;} .home6 .part1 .dr{padding:40px;} .home6 .part2 .dl{padding:40px;} .home6 .part3 .dr{padding:40px;} .home6 .part1{display:block;box-shadow:0 0 10px rgba(0,0,0,0.15);} .home6 .part1 .dl{width:auto;height:60vw;} .home6 .part1 .dr{width:auto;padding:30px;} .home6 .part2{-ms-flex-direction:column-reverse;flex-direction:column-reverse;box-shadow:0 0 10px rgba(0,0,0,0.15);} .home6 .part2 .dl .item{padding-bottom:10px;padding-left:30px;} .home6 .part2 .dl .f18{font-size:14px;} .home6 .part2 .dl{width:auto;padding:30px;} .home6 .part2 .dr{width:auto;height:60vw;} .home6 .part3{display:block;box-shadow:0 0 10px rgba(0,0,0,0.15);} .home6 .part3 .dl{width:auto;height:60vw;} .home6 .part3 .dr{width:auto;padding:30px;} .home6 .part3 .dr .item{padding:3px 0;padding-left:30px;} .home6 .part3 .mt40{margin-top:10px;} .home7{opacity:1;} .home8 .dr .item{width:calc(50% - 10px);margin:20px 0 0 20px;} .about3 .dr .navg1{right:0;} .about3 .content{display:block;} .about3 .dl{width:auto;height:95vw;} .about3 .dr{width:auto;} .about3 .dr .focus{padding-right:0;} .about3 .dr .focus .mt50{text-align:center;} .about6 .content{display:block;} .about6 .dl{width:auto;height:95vw;} .about6 .dr{width:auto;} .about6 .dr .pv120{padding:0;} .about6 .dr .bg{margin:auto;} /*.about7 .item {width: 33.33%;}*/ .about3 .tab-bar {margin: 30px 0 0;} .about3 .item {padding: 0 15px;} .about3 .tab-cont .tab-item .text .f54 {font-size: 28px;} .about3 .tab-cont .tab-item .text .f32 {font-size: 20px;} .about3 .item:last-child {margin-right: 40px;} .admissions4 .item .f52 {font-size: 26px;} .admissions2 .dl{width:40%;} .admissions2 .dl .pl140{padding:0;} .admissions2 .dr{width:60%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;} .admissions2 .dr .cont{height:auto;} .admissions2 .db{display:none;} .admissions3 .item{width:calc(33.33% - 13.33px);} .research4 .focus{width:auto;} .research4 .frame{height:50vw;} .research4 .prev{left:10px;} .research4 .next{right:10px;} .collaboration .dr .button1{min-width:220px;} .admissions4 .block {height: 620px;} .admissions4 .i1 {height: 355px;} .admissions4 .i2 {height: 375px;} .admissions4 .i3 {height: 240px;} .research3 .list {/*-ms-flex-wrap: wrap;flex-wrap: wrap;*/padding: 0;} /*.research3 .item {width: 50%;}*/ .research3 .item .cover {height: 32vw;} /*20210121*/ .home4:before, .home4:after{display: none;} .home4 .dr{height: auto;} .home4 .dr .pic .img.act{position: relative;transform: none;top: auto;} .home4 .dr .pic .img{width: 100%;padding-bottom: 75%;} .home8 .dl .title{ padding-bottom: 80px;position: relative;} .home8 .dl .t_top{display: block;} .home8 .dl .t_top .more1{position: absolute;bottom: 40px;left: 45px;} .about7 .i_t{padding: 5px;} .home4 .dl .item .f24{padding-right: 0;} .about3:after, .about3:before{display: none;} /*20210121*/ .about1 .text{max-height: 300px;padding-right: 0;} .hcont_box{position: static;} .home2 .d2 .item{padding: 30px 25px;} } @media screen and (max-width:850px){ .fz40{font-size:20px;} .photos .div{margin-left:20px;} .photos .list .item{width:calc(50% - 7.5px);margin:0 0 25px 15px;} .photos .list .item .h{opacity:1;bottom:0;} .photos .list .item:nth-child(3n-2){margin-left:15px;} .photos .list .item:nth-child(odd){margin-left:0;} .photos .list .item .d{margin-top:10px;} .photos .list{margin-top:20px;} .photos .date img{height:50px;} .photos .date .inr{font-size:20px;line-height:50px;background-size:contain;} .photos .list .item{width:100%;margin:0 0 35px !important;} .home1 .navg{ display: none; } /*20210121*/ .about7{padding-bottom: 45px;} .about7 .list{height: auto;} .about7 .list .l_row{height: auto;position: relative;} .about7 .item{width: 50%;height: 150px;} .about7 .l_row:nth-child(2) .item:first-child{position: absolute;bottom: 100%;right: 0;} .about7 .l_row:nth-child(3) .item{display: none;} .about7 .l_row:nth-child(3) .item:last-child{display: block;height: auto;width: 100%;} .about7 .l_row:nth-child(3) .item:last-child br{display: none;} .about7 .i_t{text-align: center;padding: 15px;} .about1 .text{max-height: 240px;} /*20210121*/ /*.home2 .d2 .item .f18{height: 144px;}*/ } @media screen and (max-width:800px){ .home1 .child .a2{ bottom: 0; right: 0; height: 50px; line-height: 50px; } .home1 .child .text{bottom: 5px;} } @media screen and (max-width:785px){ .home2 .d2 .item .f18{height: 120px;} } @media screen and (max-width:768px){/*ipad*/ .home1 .child .text .h{font-size: 16px;line-height: 1.3;padding: 5px 10px;} .home1 .prev{left:10px;} .home1 .prev:after{font-size:40px;} .home1 .next{right:10px;} .home1 .next:after{font-size:40px;} .home2 .d1{display:block;} .home2 .d1 .pic{height:39vw;width:auto;} .home2 .d1 .text{width:auto;padding:30px;} .home2 .list .more{position:static;height:2.5em;line-height:2.5em;margin:1.2em auto 0;width:auto;max-width:220px;} .home2 .d1 .text a:hover{text-decoration:none;} .home2 .d2 .item{padding:30px;} .home2 .d2 .item:nth-child(-n+6){width:100%;} /*.home2 .d2 .item:last-child{width:100%;}*/ /*.home3{background:#312a29;}*/ .home3 .title{padding:1.5em;} .home4 .dl .mt50{text-align:center;} .home5 .slick-slide{margin:0 15px;} .home8 .dl .b{padding:15px 20px;} .home8 .dr .db{padding:20px;} .home8 .dl .navg1 {bottom: 15%;right: 5%;} .home2 .d2 .item .f18{height: auto;} /*.about1 .d:last-child{margin-left:20px;}*/ .about1 .dr{margin-left:20px;} .about3 .dr .list{padding-left:12px;height:300px;} .about3 .dr .item{height:60px;} .about3 .dr .item .f20{line-height:1.2;} .about3 .dr .item:after{width:12px;height:12px;margin-top:-6px;left:-9px;} .about3 .dr .item.cur:after{width:12px;height:12px;margin-top:-6px;left:-9px;} .about3 .item {height: 60px;} .about3 .item .f20 {line-height: 20px;} .about3 .item.cur>div {font-size: 20px;} .about5 .item{margin-left:40px;width:calc(50% - 58px);} .about5 .item:nth-child(even){margin-left:75px;} .about5 .item .h::before{left:-35px;} .about3 .list {margin: 0 60px;} .about3 .item {padding: 0 8px;} .admissions1 .dt{padding:0;} .admissions1 .dt .bg{display:none;} .admissions1 .db .bg{display:none;} .admissions1 .db{padding:0;} .admissions1 .db .item{height:20vw;} .admissions1 .db .navg2{height:20vw;} .admissions2 .content{display:block;} .admissions2 .dl{width:auto;height:40vw;min-height:0;} .admissions2 .dr{width:auto;} .courses1 .content{display:block;} .courses1 .content .dl{width:auto;height:65vw;} .courses1 .content .dr{width:auto;} .courses1 .item{padding:0 0 15px 30px;} .courses2 .content{display:block;} .courses2 .content .dl{width:auto;height:65vw;} .courses2 .content .dr{width:auto;} .courses2 .dl .cover{margin-left:0;} .courses2 .dl .pr120{padding:0;} .research1 .content{display:block;} .research1 .dl{width:auto;height:60vw;} .research1 .dr{width:auto;height:auto;display:block;} .research1 .dr .d{height:auto;} .research1 .dr .d .pic{min-height: 30vh;} .research3 .list{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;} /*.research3 .item{width:50%;}*/ .research3 .item .cover{padding:30px 20px;/*height:100% !important;*/min-height: 3rem;} .staff1{padding:0;} .staff1 .dl{display:none;} .staff1 .dc{width:100%;} .staff2{padding:0;} .staff2 .dl{display:none;} .staff3 .dl{width:100%;} .staff3 .dr{display:none;} .study1{padding:0;} .study1 .pd140{padding:0 0 30px;} .study1 .bg1{width:100%;} .study1 .bg2{display:none;} .study1 .bg3{display:none;} .study1 .bg4{display:none;} .study1 .dr{display:none;} .study2 .dl{display:none;} .study4 .d1 .d{width:calc(50% - 7.5px);} .study4 .d2 .item{width:calc(25% - 10px);} .collaboration .dr .item{padding:0 0 15px 30px;} .collaboration .d{display:block;box-shadow:0 0 10px rgba(0,0,0,0.15);} .collaboration .dl{width:auto;} .collaboration .dr{width:auto;margin:auto;} .collaboration .dl .text{right:0;} .admissions4 {padding-top: 10px;} .admissions4 .block {height: 420px;width: auto;} .admissions4 .title {text-align: center;} .admissions4 .i1 {height: 220px;width: 50%;top: 35px;} .admissions4 .i2 {height: 190px;padding-left: 0;top: 80px;} .admissions4 .i3 {height: 140px;padding-left: 0;} .admissions4 .item .f52 {font-size: 20px;width:100%;} .home8 .content{display:block;} .home8 .dl{width:auto;} .home8 .dl .pic{height:60vw;} .home8 .dl .title{padding:25px 20px; padding-bottom: 70px;} .home8 .dr{width:auto;} .home8 .dr .db{padding:20px 16px;} .home8 .dr .item{width:cala(50% - 16px);margin:16px 0 0 16px;} /*20210121*/ .about3 .item{margin-right: 20px;} .about3 .item:after,.about3 .item.cur:after{width: 6px;} .about3 .list:before{bottom: 13px;} .home8 .dl .t_top .more1{left: 20px;bottom: 20px;} /*20210121*/ .about3 .tab-cont .tab-item .text .f18{max-height: 180px;} } @media screen and (max-width:650px){ /*.about1 .text{max-height: 240px;}*/ } @media screen and (max-width:600px){/*phone*/ .home1 .child .text .h{text-shadow:0 0 8px rgba(0,0,0,0.2);line-height:1.2;} .home1 .navg{height:auto;line-height:1;bottom:0;padding-bottom:15px;} .home1 .slick-dots{text-align:center;} .home1 .slick-dots li{font-size:0;width:8px;height:8px;border-radius:100%;background:#fff;display:inline-block;margin:0 5px;} .home1 .slick-dots li.slick-active:after{display:none;} .home1 .slick-dots li.slick-active{background:#b10000;font-size: 0;} .home2 .d1 .text{padding:16px;} .home2 .list .more{} .home2 .d2 .item{padding:16px;} .home5 .child .text{padding:16px;} .home6 .part1 .dr{padding:16px;} .about1 .content{display:block;} .about1 .text{height:auto;} /*.about1 .d:last-child{margin-left:16px;}*/ .about1 .dl{width:auto;} .about1 .dr{width:auto;display:block;margin:20px 0 0;} .about3 .dr .item{padding:0 0 0 25px;} .about5 .content{display:block;padding:20px 0;} .about5 .block{margin:0;} .about5 .list{width:auto;padding:0 15px;} .about5 .item{margin-left:0 !important;width:100%;border-top:1px solid #ddd !important;} .about5 .item .h:before{width:12px;height:12px;left:-28px;display: none;} .about5 .item .p{margin-top:0;} .about7 .item{width:50%;} .about6 .dr .item{padding-left:30px;} .about7 .item .f30{white-space:normal;} .admissions1 .dt .pt120{width:100%;padding:0;} .admissions1 .db .item{width:50%;height:35vw;} .admissions1 .db .item:nth-child(1){margin-right:50%;} .admissions1 .db .item:nth-child(2){margin-right:0;} .admissions1 .db .navg2{width:50%;height:35vw;} .admissions2 .dr .d1{width:auto;height:auto;} .admissions2 .dr .d2{width:auto;height:auto;position:static;height:40vw;} .admissions2 .dr .d3{width:auto;height:auto;position:static;height:40vw;} .admissions3 .list{display:block;} .admissions3 .item{width:auto;margin-top:16px;} .research2 .content .dl{height:30vw;} .research2 .content .dr{height:30vw;padding-bottom:0;} .research3 .item{width:100%;min-height:30vw;} .research4 .frame{height:80vw;} .research4 .child.c{width:60%;left:20%;} .study3{padding:0;} .study3 .content{padding:0;-ms-flex-direction:column-reverse;flex-direction:column-reverse;} .study3 .dl{width:100%;-ms-flex:0 1 auto;height:100%;} .study3 .dr{width:100%;-ms-flex:0 1 auto;height:100%;} .study3 .dl .inner{width:100%;padding:0;} .study3 .dl .inner .bg{padding:20px 0;min-height:180px;} .study4 .d1{display:block;} .study4 .d1 .d{width:auto;border-top:1px solid #ddd;} .study4 .d1 .d:first-child{border-top:0;} .study4 .d2 .list{-ms-flex-wrap:wrap;flex-wrap:wrap;} .study4 .d2 .item{width:calc(50% - 7.5px);height:40vw;margin-top:15px;} .study4 .d2 .item:nth-child(-n+2){margin-top:0;} /*20210121*/ /*.home8 .dl .title{padding-bottom: 70px;}*/ .home8 .dl .t_top .more1{left: 20px;bottom: 30px;} /*20210121*/ } @media screen and (max-width:500px){/*phone small*/ .collaboration .dl .text{position:static;background:#b10000;} }