/***************** *通用样式 * *******************/ *{padding: 0; margin: 0; outline: none;} a,a:link,a:visited{text-decoration:none;} body{ font-family: "微软雅黑"; background: #F5F5F5;font-size: 12px; color: #333333;} .clear{clear: both; margin: 0; height: 0; padding: 0; font-size:0; line-height: 0;} .ui-center{height: auto} /* 线条颜色 */ .page-border{border:1px solid #DEDEDE;} .page-border-left{border-left:1px solid #DEDEDE;} .page-border-right{border-right:1px solid #DEDEDE;} .page-border-top{border-top:1px solid #DEDEDE;} .page-border-bottom{border-bottom:1px solid #DEDEDE;} /* 各个页面字体公共样式 */ /* 1、首页链接字体 */ .index-a-font{font-size: 12px; color: #333333;} /* 2、页面标题字体 */ .page-title-font{font-size: 16px; color: #FFFFFF;} /* 3、文章标题字体 */ .title-font{font-size: 14px; color: #333333;} /* 4、文章正文字体 */ .text-font{font-size: 12px; color: #333333;} /* 5、时间字体 */ .time-font{font-size: 12px; color: #999999;} /* 6、评论字体 */ .comm-font{font-size: 12px; color: #666666;} /* 7、按钮字体 */ .button-font{font-size: 14px; color: #FFFFFF;} /**背景颜色**/ .backcolor,.header_back_font{ background:#32AF4D;} /**每个界面表头栏的样式**/ .head_title_center{text-align:center;} .head_title_center a{color: #fff;} .header_content_icon{float:left; width:15px; height:26px; margin: 5px 0 0 0; display: inline-block;} .header_content_icon img{height:100%;} /**按钮的背景颜色与字体颜*/ .font-back-color{color:#fff; background:#32AF4D;} /**跳出提示下载app的通用修改样式**/ .eject_app_download{z-index:200; margin:0px auto; width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.8); display:none;} /**改变按钮的颜色**/ .eject_app_download button:not(.disabled):not(:disabled):active:hover{background:#ccc;} .eject_app_download .second_app_xiazai{border:solid 1px #c9c9c9; border-radius:6px; width:250px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-125px; margin-top:-100px; font-size:14px;} .eject_app_download .second_app_title{line-height:40px; text-align:center; border-bottom:solid 1px #d9d9d9;} .eject_app_download .second_app_conter{line-height:20px; margin:20px;} .eject_app_download .second_app_font{font-weight:bolder; color:#32AF4D;} .eject_app_download .second_app_button{width:100%; border-top:solid 1px #d9d9d9;} .eject_app_download .second_app_cacel{display:inline-block; width:49%; line-height:40px; border-right:solid 1px #d9d9d9; color:#2299EE;} .eject_app_download .second_app_download{display:inline-block; width:49%; line-height:40px; color:#2299EE;} /**暂无数据的的通用格式**/ .ajax_none_over{width:100%; text-align:center; padding-top:40px;} /*********************** *每个界面的私有样式 * ***********************/ /** * * *切换活跃宝贝 * * **/ #switch-baobei div.switch-online{border:solid 1px #ccc; margin:15px; border-radius:5px; line-height:40px; color:green; padding-left:20px;} #switch-active div.switch-silence{border:solid 1px #ccc; margin:15px; border-radius:5px; line-height:40px; color:green; padding-left:20px;} /** * * *添加宝贝 * * **/ #add-relation{width:100%; height:auto; margin-top:60px; font-size:16px;} #add-relation div.selection{border:solid 1px #ccc; margin:15px; border-radius:5px; color:green; padding-left:20px; line-height:50px; background:#fff; position:relative; left:0px; top:0px;} #ass-relation input.selection-box{border:0px;} #add-relation ul.selection-list{ background:#32AF4D; color:#fff; position:absolute; left:0px; display:none; overflow:auto; width:100%; z-index:100; max-height:300px; text-align:left; line-height:50px; text-indent:20px;} #school-list li{ border-top:solid 1px #eee;} #add-relation #relaction-name{border:solid 1px #ccc; margin:15px; border-radius:5px; line-height:0px; color:green; padding-left:20px; line-height:50px; background:#fff;} #add-relation select#relation-list{ width:50%; height:50px; border:0px; line-height:50px; } #add-relation .ui-btn-wrap{margin:15px;} /**验证添加宝贝**/ #verification-add{width:100%; height:auto; margin-top:80px; display:none;} #verification-add div.verifcation-title{line-height:300%; font-size:10px; text-align:center;} #verification-add div#verification-phone{line-height:300%; font-size:20px; text-align:center; color:#555;} #verification-add div.verification-box{border:solid 1px #777; margin:15px; border-radius:4px; color:#666; line-height:40px; background:#fff; padding:0 5px 0 20px;} #verification-add input#verification-input{border:0px; line-height:50px;} #verification-add input#btn{border-color:#32AF4D; border-radius:4px; margin-top:5px; color:#fff; background:#32AF4D; float:right; height:40px; padding:0 5px;} #verification-add .ui-btn-wrap{margin:15px;} /** * * *入园预约* * * **/ /**导航栏**/ #reservation-top ul li.active{color:#32AF4D;} #reservation-top ul li{font-size:14px;} #reservation-top{position:fixed; left:0px; top:45px; z-index:100;} /**预约学校**/ #reservation-bottom{font-size:14px;} #reservation-bottom .text_input{ border:solid 1px #d9d9d9; height:38px; width:100%; border-radius:5px; padding-left:15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; } .outer_frame{height:50px; line-height:50px; } #schoolList{position:absolute; width:100%; max-height:300px; overflow:auto; text-align:center; background:#32AF4D; color:#fff; z-index:100; } #schoolList .school-name{border-top:solid 1px #eee;line-height:50px; text-align:left; text-indent:15px;} #reservation-bottom .swiper-slide{height:100%; overflow:auto;} /**外边框的左右间距**/ .reservation-left-layout{padding:0px; margin-left:15px; margin-right:15px; border:0px solid red; margin-top:50px; line-height:50px;} .reservation-left-zero{height:auto; width:100%;} .reservation-left-zero table tr td.reservation_school{} .reservation-left-sex{display:inline-block; text-align:center; width:47%;} /**学校定位**/ .reservation-left-school{width:70px;} .reservation-school-list{position:relative;} /**最后一个文本输入框**/ #reservation-bottom .go_school_tit{float:left; height:40px;} #reservation-bottom .go_school_text{height:70px; padding-top:5px; margin-top:10px;} /**预约记录**/ /**删除按钮**/ #reservation .delete_button{float:right; width:40px; margin-top:6px; text-align:center; line-height:26px; font-size:16px; color:red; border:solid 1px red; border-radius:4px;} /**记录正文**/ .reservation_jilu{padding:0 15px 15px;} .reservation_jilu-school{font-size:14px; line-height:40px;} .reservation_jilu_first{float:right; color:#F46D5A;} .reservation_jilu_second{float:right; color:#ECA81E;} .reservation_jilu_third{float:right; color:#32AF4D;} .reservation_jilu_fourth{float:right; color:#17AFE1;} .reservation_jilu_content{font-size:14px; line-height:2em; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; padding:10px 0px;} .reservation_jilu_lianxiren{font-size:14px; margin-top:10px;} .reservation_jilu_lianxiren1{float:left;} .reservation_jilu_lianxiren2{display:inline-block; line-height:150%;} .reservation_strip{width:100%; background:#e9e9e9; border:solid 1px #ccc; height:10px;} .reservation_end{text-align: center; color: #dedede; border: none; padding: 10px 0 0 0;} /** * * *宝贝请假样式(leave) * * */ /** * * *课程安排 * * **/ .week0{color:#fff; background:#A36365;} .week1{color:#fff; background:#AC9277;} .week2{color:#fff; background:#72C3A6;} .week3{color:#fff; background:#A3A672;} .week4{color:#fff; background:#6D9E9F;} .week5{color:#fff; background:#60608D;} .week6{color:#fff; background:#8B6188;} /** * * *单科作业 * * **/ #subject_homework{padding-top:45px;} #subject_homework .homework_img{width:80px; height:80px; margin-left:4px;} @media(max-width:350px){ #subject_homework .homework_img{width:60px; height:60px; margin-left:4px;} } #subject_homework .homework_bor1{margin-top:10px; padding-bottom:40px;} #subject_homework .homework_bor2{margin-top:10px; padding-bottom:40px; border-bottom:solid 1px #d9d9d9;} #subject_homework .homework_left{display:inline-block; vertical-align:top; word-break:break-all; margin:0px 10px;} #subject_homework .portrait{width:40px; height:40px; margin-top:3px;} #subject_homework .portrait img{width:100%; border-radius:3px;} #subject_homework .homework_right{display:inline-block; vertical-align:top; word-break:break-all;} #subject_homework .homework_right .subjectName{font-size:10px; color:#00458a;} #subject_homework .homework_right .subject_star_time{float:right; color:#aaa;} #subject_homework .homework_right .homework_content{line-height:30px;} #subject_homework .homework_right .photo_a img{max-width:200px; max-height:200px;} #subject_homework .homework_right .photo_b{width:230px;} #subject_homework .homework_right .photo_b img{width:80px; height:80px; margin-left:4px;} #subject_homework .homework_right .photo_c{max-width:260px;} #subject_homework .homework_right .homework_audio{width:60%; height:40px;} /** * * *用户本人的信息及更改* * * **/ .user-details-hidden{display:none;} .userInfo-font{font-size:14px;} .set_userInfo_layout{margin-top:60px; text-align:center;} /*头像条属性*/ #userDetails div.first_layout{height:70px; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; background:#fff;} #userDetails div.first_title{float:left; margin-left:20px; line-height:70px; font-size:16px;} #userDetails div.first_strip{float:right; color:#ccc; margin-top:25px; width:20px; height:20px; margin-right:10px;} #userDetails div.first_icon{float:right; width:50px; margin-right:20px; margin-top:10px; height:50px;} #userDetails div.first_icon_radiu{width:50px; height:50px; border:solid 1px #d9d9d9; border-radius:48px; overflow:hidden;} /**关系、手机号、QQ、微信、邮箱属性**/ #userDetails div.second_layout{ height:50px; border-bottom:solid 1px #d9d9d9; background:#fff;} #userDetails div.second_title{float:left; margin-left:20px; line-height:50px; width:60px; font-size:14px;} #userDetails div.second_info{float:left; margin-left:15px; line-height:50px; } #userDetails div.second_strip{float:right; color:#ccc; margin-top:15px; width:20px; height:20px; margin-right:10px;} /**是否隐藏信息**/ #userDetails div.third_layout{margin-top:15px; height:40px; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; background:#fff;} #userDetails div.third_icon{float:left; margin-left:20px; width:60px; line-height:40px;} #userDetails div.third_title{float:left; margin-left:15px; line-height:40px; color:#444;} /**更改各项信息**/ /**更改用户的关系类型**/ #set-user-details .userInfo-relation{text-align:center; line-height:50px; margin-bottom:10px; background:#fff;} #set-user-details .relation_name{display:inline-block; margin-right:10px;} #set-user-details .relation_select{height:50px; width:70%; border:0px; border-bottom:solid 2px #ccc;} /**更改用户的手机号码**/ #set-user-details .userInfo-phone1{text-align:center; line-height:50px; background:#fff;} #set-user-details .setupNewPhone2{display:none; text-align:left;} #set-user-details .phone-margin{margin:10px 0; padding: 0 15px;} #set-user-details .phone-number{ height:40px; line-height:40px; border:solid 1px #ddd; border-radius:6px; width:100%; text-indent: 10px;} #set-user-details .phone-code{padding-left:10px; height:40px; width:59%; line-height:40px; border:solid 1px #ddd; border-radius:6px;} #set-user-details .getCode{margin-left:10px; width:32%; padding:0px 5px; font-size:12px; line-height:40px; border:solid 1px #ccc; border-radius:6px; background:#32AF4D; color:#fff; text-align:center;} /**按钮两边距离的样式**/ #set-user-details .set_button{margin:15px;} /**更改用户的微信号,QQ.邮箱**/ .parent-box{ padding: 15px 15px;} #set-user-details .qq-weixin-email{margin-bottom:10px;text-indent: 10px; width:100%; height:50px; display: block; line-height:50px; border:solid 1px #ddd; border-radius:6px;} /********************************* * * 晨检记录 * **********************************/ .moningTitle{ width: 100%; margin: 5px auto 0 auto;} .moningTitle a{display: block;} .moningTitle a.moningTitle_left{ float: left; padding: 0 0 0 15px;} .moningTitle a.moningTitle_right{ float: right;padding: 0 15px 0 0;} .moningTitle span.moningTitle_text{line-height: 30px; font-size: 12px;} #moningList{width: 100%; background: #eeeeee;} #moningList li{text-align: left; background: #fff; margin: 0 0 0 0; padding: 5px 15px;} #moningList li.no_info{text-align: center; background: none;} #moningList li.no_info a{color: #D1D1D1; font-size: 24px; font-weight: bold;} #moningList li .d_01{ padding:0 0 0 22px; line-height: 35px; text-align: center;} #moningList li .d_01 p.p_01{display: inline-block; background: url("../images/clock_img.png") no-repeat 0 center; background-size: 15px 15px; padding: 0 0 0 20px;} #moningList li .d_02{padding: 0; text-align: center;} #moningList li .d_02 img{width: 300px; height: 170px;} #moningList li ul{} #moningList li ul li{float: left; width: 40%;} #moningList li ul li img{float: left; width: 40px; padding: 10px;} #moningList li ul li p{padding: 13px 0 0 0; line-height: 16px;} #moningList li ul li p span.span_01{font-size: 20px; font-weight: bold;} #moningList li ul li p span.span_02{font-weight: bold;} #moningList li ul li p span.c_32AF4D{color:#32AF4D;} #moningList li ul li p span.c_red{color:red;} #moningList li p.p_03{line-height: 35px;border-top: 1px solid #d9d9d9;} /********************************* * * 学校预约 * **********************************/ #schoolSearch{background: #fff; width: 100%; height: 55px; line-height: 55px;} #schoolSearch #schoolName{background: #eee; border: none; height: 35px; line-height: 35px; border-radius: 20px; text-align: center; width: 90%;} #bespeakList{background: #eee; border-top: 1px solid #d9d9d9; width: 100%;} #bespeakList li{border-bottom: 1px solid #d9d9d9; background: #fff; text-align: left; position: relative; min-height: 110px;} #bespeakList li a.c_333{color: #333;} #bespeakList li .logo_left{ height: 90px; width: 90px; float: left; padding:10px 10px 10px 5px;} #bespeakList li .logo_left img{max-height: 90px; max-width: 90px;} #bespeakList li h3{font-weight: bold; padding: 10px 0 0 0; font-size: 16px;} #bespeakList li p.p_01{ font-size: 14px; padding: 5px 0 0 0;} #bespeakList li p.p_02{ font-size: 12px; padding: 5px 0 0 0; width: 280px; background: url("../images/geo_bg.png") no-repeat 100px 0; padding: 0 0 0 120px; background-size: 20px;} #bespeakList li .along{position: absolute; top: 13px; right: 10px;} #bespeakList li .bespeak_button{ position: absolute; right: 10px; bottom: 10px; display: block; padding: 6px 20px; background: #32AF4D; color: #fff; border-radius:5px;}