@charset "utf-8"; .iosSliderDemo { clear: both; width: 100%; /* padding: 0 0 30% 0; */ position: relative; } .fluidHeight { position: absolute; width: 100%; } .sliderContainer { height: 100%; max-height:360px; padding: 0 0; } .iosSlider { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; } .iosSlider .slider { width: 100%; height: 100%; } .iosSliderDemo .paste-item-bg { width:320px; height:300px; position:absolute; z-index:2; top:0px; right:75px; background-color:#EFEFEF; opacity:1; padding:0px; font-size:16px; } .iosSliderDemo .paste-item { width:320px; height:300px; position:absolute; z-index:3; top:0px; right:75px; padding:0px; font-size:16px; background-color:rgb(230,230,230); background-color:rgba(230,230,230,1); } .iosSliderDemo .paste-item p { margin:15px 0px 15px 0px; padding:0 10px 0 10px; height:40px; line-height:40px; background-color:#fff; color:#000; } .iosSliderDemo .paste-item p.tip { height:auto; color:#B7B7B9; line-height:30px; } .iosSliderDemo .paste-item p.no-top { margin-top:0px; border-top:1px solid #ccc; } .iosSliderDemo .paste-item p.no-btm { margin-bottom:0px; } .iosSliderDemo .paste-item p a#forgot-pwd { position:absolute; right:10px; top:55px; color:#000; } .iosSliderDemo .paste-item p a#forgot-pwd:hover { color:#8C0000; } .iosSliderDemo .paste-item .input-item { width:300px; height:40px; line-height:40px; padding:0px; border-radius : 0px ; background-color:#fff; border:none; opacity:1; font-size:16px; color:#B7B7B9; } .iosSliderDemo .paste-item .btn-item { -webkit-appearance: none; border-radius : 0px ; width:300px; height:40px; border:none; opacity:1; font-size:16px; color:#000; cursor:pointer; padding:0px; } .iosSliderDemo .paste-item .btn-item-part { -webkit-appearance: none; border-radius : 0px ; width:147px; height:40px; padding:0px; border:none; opacity:1; font-size:16px; color:#000; cursor:pointer; } .iosSliderDemo .paste-item .btn-item-part:first-child { border-right:1px solid #ccc; } .iosSliderDemo .paste-item .btn-pku-red{ color:#8C0000; } .iosSliderDemo .paste-item p .s-blk { display:inline-block; height:41px; width:150px; } .iosSliderDemo .paste-item p #conn-opt { text-align:right; cursor:pointer; } .iosSliderDemo .paste-item p.tip .s-blk { display:inline-block; height:30px; width:150px; } .iosSlider .slider .item { /* PKU width: 1200px; */ width: 100%; max-width:1380px; height: 100%; padding: 0 0 0 0; margin:0 auto; text-align: center; display:none; } .iosSlider .slider .item .inner { position: relative; top: 0; left: 0; width:100%; margin: 0 auto; /* height: 100%; */ box-shadow: 0 0 10px -5px #000; background-position: 50% 0; background-repeat: no-repeat; } .iosSlider .slider .item .inner img { position: relative; top: 0; left: 0; width: 100%; margin: 0 auto; } .iosSlider .slider .item .inner .selectorShadow { position: absolute; left: 0; bottom: 0; background: url(../_img/selector-shadow.png) no-repeat 0 0; width: 120px; height: 30px; display: none; } .iosSlider .slider .item .inner .text1{ opacity: 0; filter: alpha(opacity=0); /* PKU background:#9b0000; */ background: none repeat scroll 0 0 #000000; position: absolute; /* PKU left: 150px; */ /* PKU top: 250px; */ left: 0px; bottom: 30%; padding: 0 12px 0 12px; height:50px; text-align: left; } .iosSlider .slider .item .inner .text1 span { color: #fff; font-size:24px; font-weight: 700; line-height:50px; padding: 0 8px; font-family:"Microsoft Yahei"; } .iosSlider .slider .item .inner .text1 span i { margin: 0 0 0 5px; } .iosSlider .slider .item .inner .text2 { background: none repeat scroll 0 0 #000000; opacity: 0; filter: alpha(opacity=0); padding: 10px 12px 10px; position: absolute; left: 0px; /* PKU top: 301px; */ top: 451px; text-align: left; } .iosSlider .slider .item .inner .text2 span { display: block; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.5; font-weight: 100; padding: 0 8px; font-family:"Microsoft Yahei" } .iosSlider .slider .item .inner .fav-link{ opacity: 0.8; background: none repeat scroll 0 0 #fff; position: absolute; top: 110px; right:0; padding: 0; height:240px; /* width:280px; zb */ width:180px; z-index:2; text-align: center; } .iosSlider .slider .item .inner .fav-link li{ height:61px; line-height:60px; font-size:24px; } .iosSlider .slider .item .inner .fav-link li .fav-icon{ display:inline-block; width:100px; height:59px; float:left; border-left:solid 1px #ccc; border-bottom:solid 1px #ccc; } .iosSlider .slider .item .inner .fav-link li .fav-icon:first-child{ height:58px; border-top:solid 1px #ccc; } .iosSlider .slider .item .inner .fav-link li .fav-icon img{ width:30px; height:30px; margin:14px; text-align:center; } .iosSlider .slider .item .inner .fav-link li .fav-title { display:inline-block; height:59px; width:180px; background-color:#8c0000; color:#fff; border-top:solid 1px #fff; } .iosSlider .slider .item .inner .fav-link li .fav-title a { color:#fff; } .iosSlider .slider .item .inner .fav-link li .fav-title:first-child { height:60px; border-top:none; } .iosSlider .slider .item .inner .more{ /* opacity: 0.3; zb */ opacity: 0.4; background: none repeat scroll 0 0 #fff; position: absolute; bottom: 6%; right:0; /* padding: 0 5px; zb */ padding: 0 5px 0 2px; height:25px; width:55px; z-index:2; text-align: center; } .iosSlider .slider .item .inner .more a { color: #000; text-decoration:none; font-size:14px; line-height:25px; font-family:"微软雅黑" } .sliderContainer .slideSelectors { position: relative; bottom:20px; /* PKU left: 0; width: 137px; */ width: 160px; margin: 0 auto; z-index: 1; height: 11px; } .sliderContainer .slideSelectors .prev { float: left; width: 11px; height: 11px; background: url(../img/arrow_left.png) no-repeat 50% 0; cursor:pointer; } .sliderContainer .slideSelectors .next { float: left; width: 11px; height: 11px; margin: 0 0 0 10px; background: url(../img/arrow_right.png) no-repeat 50% 0; cursor:pointer; } .sliderContainer .slideSelectors .item { float: left; width: 9px; height: 9px; background: #aaa; margin: 1px 1px 1px 11px; /* opacity: 0.25; */ filter: alpha(opacity=25); border-radius: 10px; cursor:pointer; } .sliderContainer .slideSelectors .item.first { margin-left: 1px; } .sliderContainer .slideSelectors .selected { width: 11px; height: 11px; margin: 0 0 0 10px; background: #eee; opacity: 1; filter: alpha(opacity=100); box-shadow: none; } .sliderContainer .slideSelectors .selected.first { margin-left: 0; } .sliderContainer .scrollbarContainer { position: relative; bottom: 4px; left: 0; /* PKU width: 1024px; */ height: 4px; margin: 0 auto; z-index: 1; } @media screen and (max-width:1366px) { .content .campus h3 { padding-left:73px; } .content .campus_con { width:1100px; } } @media screen and (max-width:1200px) { .iosSlider .slider .item .inner .fav-link{ height:200px; } .iosSlider .slider .item .inner .fav-link li{ height:51px; line-height:50px; font-size:20px; } .iosSlider .slider .item .inner .fav-link li .fav-icon{ height:49px; } .iosSlider .slider .item .inner .fav-link li .fav-icon:first-child{ height:48px; } .iosSlider .slider .item .inner .fav-link li .fav-icon img{ width:30px; height:30px; margin:9px; text-align:center; } .iosSlider .slider .item .inner .fav-link li .fav-title { height:49px; } .iosSlider .slider .item .inner .fav-link li .fav-title:first-child { height:50px; } .content .thuimg .imgarrow.imgarrowleft { left:10px; } .content .thuimg .imgarrow.imgarrowright { right:10px; } .content .bouti-tit { width:1200px; min-width:1200px; } .hnl-link-list { width:1200px; } .hnl-link-item { width:370px; } .news-link-item { width:370px; } .help-link-item li { /* PKU width:252px; */ width: 350px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .news-link-item li { height:48px; overflow:hidden; } } @media screen and (max-width:1024px) { .iosSlider .slider .item .inner .text1 { /* PKU top:178px; */ height:30px; } .iosSlider .slider .item .inner .text2 { /* PKU top:229px; */ top:329px; } .iosSliderDemo { padding:0 0 236px; } .fluidHeight { height:236px; } .sliderContainer { max-height:236px; } /*.iosSlider .slider .item { width:1007px; }*/ .iosSlider .slider .item .inner .text1 span { line-height:30px; font-size:14px; } .iosSlider .slider .item .inner .more{ width:45px; height:20px; } .iosSlider .slider .item .inner .more a { font-size:12px; line-height:20px; } .iosSlider .slider .item .inner .fav-link{ height:160px; width:160px; } .iosSlider .slider .item .inner .fav-link li{ height:41px; line-height:40px; font-size:18px; } .iosSlider .slider .item .inner .fav-link li .fav-icon{ height:39px; } .iosSlider .slider .item .inner .fav-link li .fav-icon:first-child{ height:38px; } .iosSlider .slider .item .inner .fav-link li .fav-icon img{ width:30px; height:30px; margin:5px; text-align:center; } .iosSlider .slider .item .inner .fav-link li .fav-title { height:39px; width:160px; } .iosSlider .slider .item .inner .fav-link li .fav-title:first-child { height:40px; } } @media screen and (max-width:800px) { .iosSlider .slider .item .inner .text1 { /* PKU top:100px; */ } .iosSlider .slider .item .inner .text2 { /* PKU top:149px; */ top:199px; } .iosSliderDemo { padding:0 0 153px; } .fluidHeight { height:153px; } .sliderContainer { max-height:153px; } /*.iosSlider .slider .item .inner { width:760px; }*/ .iosSlider .slider .item .inner .text1 span { font-size:14px; } .iosSlider .slider .item .inner .fav-link{ height:120px; width:130px; } .iosSlider .slider .item .inner .fav-link li{ height:31px; line-height:30px; font-size:14px; } .iosSlider .slider .item .inner .fav-link li .fav-icon{ height:29px; } .iosSlider .slider .item .inner .fav-link li .fav-icon:first-child{ height:28px; } .iosSlider .slider .item .inner .fav-link li .fav-icon img{ width:20px; height:20px; margin:5px; text-align:center; } .iosSlider .slider .item .inner .fav-link li .fav-title { height:29px; width:130px; } .iosSlider .slider .item .inner .fav-link li .fav-title:first-child { height:30px; } } @media screen and (max-width:640px) { .iosSliderDemo { padding:0 0 100px; } .fluidHeight { height:100px; } .sliderContainer { max-height:100px; } /*.iosSlider .slider .item .inner { width:600px; }*/ .iosSlider .slider .item .inner .text1 { /* PKU top:50px; */ } .iosSlider .slider .item .inner .text2 { /* PKU top:100px; */ top:125px; } .iosSlider .slider .item .inner .fav-link{ height:80px; width:90px; } .iosSlider .slider .item .inner .fav-link li{ height:21px; line-height:20px; font-size:12px; } .iosSlider .slider .item .inner .fav-link li .fav-icon{ height:19px; } .iosSlider .slider .item .inner .fav-link li .fav-icon:first-child{ height:18px; } .iosSlider .slider .item .inner .fav-link li .fav-icon img{ width:10px; height:10px; margin:5px; text-align:center; } .iosSlider .slider .item .inner .fav-link li .fav-title { height:19px; width:90px; } .iosSlider .slider .item .inner .fav-link li .fav-title:first-child { height:20px; } } @media screen and (max-width:480px) { /*.iosSlider .slider .item .inner { width:300px; }*/ .iosSlider .slider .item .inner .text1 { display:none; } .iosSlider .slider .item .inner .text2 { display:none; } .iosSliderDemo { padding-bottom:63px; } .fluidHeight { height:63px; } .iosSlider .slider .item .inner .fav-link{ display:none; } /*.iosSlider .slider .item .inner .fav-link{ height:48px; width:50px; } .iosSlider .slider .item .inner .fav-link li{ height:13px; line-height:12px; font-size:8px; } .iosSlider .slider .item .inner .fav-link li .fav-icon{ height:12px; } .iosSlider .slider .item .inner .fav-link li .fav-icon:first-child{ height:11px; } .iosSlider .slider .item .inner .fav-link li .fav-icon img{ width:7px; height:7px; margin:2px; text-align:center; } .iosSlider .slider .item .inner .fav-link li .fav-title { height:11px; width:50px; } .iosSlider .slider .item .inner .fav-link li .fav-title:first-child { height:12px; }*/ }