forgeplus/public/stylesheets/css/edu-index.css

82 lines
6.1 KiB
CSS

/*edu首页 17/05/10byLinda*/
.edu-index-h2{ font-size:40px; text-align: center; font-weight:normal;color: #FFFFff }
.edu-index-banner-p{ font-size:18px; display:block; padding:5px 15px;background:rgba(0,0,0,0.2); color:#fff; text-align: center; margin:5px auto 30px; width: 300px;}
.edu-index-h3{ font-size:24px; color:#fff; font-weight: normal; }
.edu-index-banner{ width:100%; min-width:1200px;background: url(/images/bigdata/edu-index/banner.jpg) 0 0 no-repeat;background-size:100% 100%; }
.edu-index-banner-con{ width: 1200px; margin:0px auto; padding:40px 0px 40px 0px;box-sizing: border-box}
.edu-index-banner-box{ width:200px; padding:30px 50px; border:1px solid #ccc; background:rgba(0,0,0,0.3); color:#fff;}
.edu-index-show{ width: 100%;min-width:1200px; padding:100px 0; background:#fff;}
.edu-index-show-con{ width: 1200px; margin:0 auto; text-align: center; color:#333; }
.edu-index-show-con h3{ font-size:32px;font-weight: normal;}
.edu-index-show-apple{width:1000px; height:419px; background: url(/images/bigdata/edu-index/edu-index-apple.png) 170px 0 no-repeat; margin:50px auto 0; }
.edu-index-show-apple a{ color:#333;}
.edu-index-show-ul{ width:240px; font-size:18px; margin-top:40px;}
.edu-index-show-ul li{ height:79px;}
.edu-index-list{ width:1030px; margin:40px auto 0;}
.edu-index-list-box{ width:310px;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); padding-top:50px; margin:0 15px 20px; }
.task-index-list-box-top,h3.edu-index-list-title a{ color:#fff;}
h3.edu-index-list-title{ font-size:16px; max-width:290px; text-align: center;}
.edu-index-list-user{ background:rgba(255,255,255,0.3); display:inline-block; padding:5px; border-radius:35px; margin-bottom:25px;}
.edu-index-list-user img{ border-radius:100px; width:40px; height: 40px;}
a.edu-index-name{ max-width:140px; line-height:40px; color:#fff!important;}
.edu-index-list-bottom li{ float: left; height: 50px; line-height: 50px; width:30%;}
.edu-index-list-bottom { background:#fff; color:#acacac; padding:0 10px;}
.edu-index-parter{ width:1240px; margin:40px auto 0;}
.edu-index-parter ul li{ float: left; width: 270px; padding:25px 0 15px; background:#fff; margin:0 20px 20px; text-align: center;}
.edu-index-parter ul li img{ width: 210px;}
/*新版首页---------添加登录注册-------------by cs 17/12/27*/
.edu-index-white{ width: 100%;min-width:1200px; padding:50px 0; background:#fff;}
.edu-index-grey{ width: 100%;min-width:1200px; padding:50px 0; background:#eee;}
.edu-login-box{width:412px;min-height: 388px;border:1px solid #ccc; background:rgba(0,0,0,0.3); }
.edu-login-box .edu-login-ul{height: 48px;border-bottom: 2px solid #FFFFff;width: 100%;position: relative; color:#fff;}
.edu-login-box .edu-login-ul li{float: left;height: 48px;padding: 0px 15px;line-height: 48px;font-size: 15px;cursor: pointer;position: absolute;bottom: -2px;border-bottom: 2px solid #ffffff}
.edu-login-box .edu-login-ul li:last-child{left: 90px;}
.edu-login-box .edu-login-ul li.active{color: #FF7500;border-bottom: 2px solid #FF7500}
.edu-login-box .new_loggin_users{background: #FFFFff}
.edu-login-box .new_loggin_users span{display: block;float: left;width: 45px;text-align: center;padding: 11.5px 0px}
.edu-login-box input.new_loggin_input{border-radius: 0px!important;border-left: 1px solid #EEEEEE!important;width: 75%!important;}
/*获取验证码按钮*/
.edu-login-box .task-btn-ver{height: 40px;line-height: 40px;background: #cccccc;color: #333333}
.newedition_form_main .task-btn-ver{height: 45px;line-height: 45px;background: #FFAE76;background: #cccccc;color: #333333}
.btn_orange_bg{background: #FF7500!important;color: #fff!important;}
.edu-login-box .new_login_submit{background: #FF7500}
.login_btn{width: 100%;height: 40px;line-height: 40px;display: block;text-align: center;background: #cccccc;color: #FFFFff!important;border-radius: 4px}
.Top_three{width:auto;margin:0px auto;padding: 25px 20% 10px; }
.theTop{float: left;width: 33%;text-align: center;}
.top_img{width: 90px;margin:0px auto;position: relative;}
.crown{position: absolute;display: block;width: 22px;height: 15px;top: -15px;left:34px; }
.nameplate{position: absolute;display: block;width: 35px;height: 17px;bottom: 0px;right:0px; border-radius: 8px;font-size: 12px;color: #fff;line-height: 17px;text-align: center;}
.plate_bg_Au{background: #FAC518}
.plate_bg_Ag{background: #D1D1CE}
.plate_bg_Cu{background: #FEC595}
.top_name font{display: block;float: left;}
.top_name font:first-child{width: 54%;text-align: right}
.top_name font:last-child{width: 42%;text-align: left;line-height: 30px}
.show_good_person{width: 935px;margin: 30px auto 0px;}
.show_good_person img{margin: 10px 25px;width: 80px;height: 80px;border-radius: 50%}
.famous_teacher{padding: 30px 100px}
.famous_item{box-shadow: 0 0 8px 0 rgba(142,142,142,.1);text-align: center;width: 23.65%;margin:2% 1.5% 2% 0px;float: left;min-height: 260px;background: #FFFFff;position: relative;padding-top: 60px;box-sizing: border-box}
.famous_item:nth-child(4n+0){margin:2% 0px 2% 0px;}
.famous_img{border-radius: 50%;position: absolute;width: 80px;height: 80px;top:-20px;left: 79px}
.famous_img img{width: 80px;height: 80px;border-radius: 50%;}
.affect{max-height: 90px;text-align: justify;text-overflow: ellipsis;word-break: break-all;padding: 0px 20px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.learnPath_item{box-shadow: 0 0 8px 0 rgba(142,142,142,.1);text-align: center;width: 23.65%;margin:2% 1.5% 1% 0px;float: left;height: 200px;background: #FFFFff;box-sizing: border-box;border-radius: 5px}
.learnPath_item:nth-child(4n+0){margin:2% 0px 1% 0px;}
.learn_img img{max-width: 100%;max-height: 130px}
.learn_img{width:283px; height:130px; text-align:center; vertical-align:middle; display:table-cell;}
.learn_name{line-height: 70px}
.leason_shixun{box-shadow: 5px 6px 9px 0 rgba(142,142,142,.1);text-align: center;width: 23.65%;margin:2% 1.5% 1% 0px;float: left;height: 260px;background: #FFFFff;box-sizing: border-box;border-radius: 5px}
.leason_shixun:nth-child(4n+0){margin:2% 0px 1% 0px;}
.ls_img{width: 100%;height: 190px;}
.ls_img img{width: 100%;height: 190px;}