@charset "utf-8"; body { font-size:12px; } /*开启硬件加速 解决页面闪白 保证动画流畅*/ .css { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*活动报名与投票*/ .play-list { width:80%; margin:10px auto;} .play-list h3 {font-size:1.2rem; text-align:center; margin:15px 0;} .play-list ul {} .play-list ul li {/* filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; */ height:45px; line-height:45px; margin:10px 0; border-radius:10px; } .play-list ul li span{ font-size:1.1rem; padding-left:15px; } .enroll-list { width:80%; margin:10px auto;} .enroll-list h3 {font-size:1.2rem; text-align:center; margin:15px 0;} .enroll-list ul {} .enroll-list ul li {/* filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; */ height:35px; line-height:35px; margin:10px 0; } .enroll-list ul li span{ padding-left:45px; } .vote-title{font-size:1.2rem; text-align:center; margin:0px 0 10px 0 ;} .vote-btn{display: block; width: 90%; text-align: center; -webkit-appearance : none ; line-height: 30px; border-radius: 3px; font-size: 1em; margin: 10px 0 10px 5%; } .vote-list { width:90%; margin:10px auto;} .vote-list h3 { font-size:1.2rem; text-align:center; margin:15px 0;} .vote-list ul {} .vote-list ul li {/* filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; */ height:110px; line-height:25px; margin:10px 0; } .vote-list ul li span{ padding-left:5px; } .vote-list-1 { width:99%; margin:10px auto; overflow: auto;} .vote-list-1 h3 { font-size:1.2rem; text-align:center; margin:15px 0;} .vote-list-1 ul { margin-left:5px;} .vote-list-1 ul li { text-align:center; width:31%; height:130px; line-height:18px; margin:5px 1% 5px 0; float:left; } .vote-list-1 ul li img{ width:80px; height:80px; margin:5px 5px; } .vote-person-maxim{ padding-left:5px; text-indent:2.0rem; line-height:20px; height:60px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .vote-person-more{ font-size:0.8rem; float:right; margin-right:10px; } .vote-foot{ position: fixed; width: 100%; height:35px; line-height: 35px; bottom: 0; text-align: center; overflow:hidden; } .vote-footed{ position: fixed; width: 100%; height:35px; line-height: 35px; bottom: 0; text-align: center; overflow:hidden; } /* actGotop 火箭go-top*/ .actGotop{position:fixed;_position:absolute;bottom:40px;right:20px;width:42px;height:42px;display:none;} .actGotop a,.actGotop a:link{width:150px;height:195px;display:inline-block;outline:none;} .actGotop a:hover{outline:none;} #wrapper{ width:100%; overflow:hidden; position:absolute; top:0px; right:180px; margin-right:-180px; } div.screen{ width:100%; /*position:absolute; top:0px; right:0px; bottom:42px;*/ -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } div.screen.animate{ right:100%; -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } div.burger { height: 52px; width: 90px; position: fixed; top: 0px; right: 0px; cursor: pointer; } div.open { height:46px; width:60px; position: fixed; right:0px; cursor: pointer; -webkit-transition: all 70ms ease-out; -moz-transition: all 70ms ease-out; -ms-transition: all 70ms ease-out; -o-transition: all 70ms ease-out; transition: all 70ms ease-out; } div.navbar{ height:52px; width:100%; overflow: hidden; position:fixed; z-index:9; top:0; } div.navbar.animate{ height:46px; width:100%; overflow: hidden; position:fixed; top:0; right:176px; } div.navbar h1{ line-height:52px; text-align:center; font-size:1.0rem; } div.menu { height:100%; width:100%; margin-right:100%; opacity:0; position:absolute; -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } div.menu.animate{ margin-right:0px; opacity:1; -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } #menu-bg{ position: absolute; right: 0px; right: -120px; opacity: 0.3; -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } div.menu.animate #menu-bg{ right:176px; top:110px; -webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } /*签收、发送短信 添加发布页面*/ .receive-add { font-size:1.0rem; height:45px; width:100%; } .receive-add i { width:30px; height:30px; line-height:20px; padding:3px 0 3px 20px; } .receive-add i.selected { width:30px; height:30px; padding-left:20px; padding:3px 0 3px 20px; } .receive-add-input-2 { margin:0px 170px 5px 0px; height:30px; width:auto; } .receive-add-input-1 { margin:0px 115px 5px 0px; height:30px; width:auto; } .receive-add-input-3 { margin:0px 80px 5px 0px; height:30px; width:auto; } .receive-add .input { margin:4px 5px 3px 0px; height:35px; width:99%; font-size:0.95rem; padding-left:30px; } /*评分竞赛 my-score.html*/ /*点击推出列表 my-score.html*/ .score-push { padding: 1px 0 3px 5px; font-size:1.1rem; overflow: hidden; } .score-push li { float: left; margin: 3px 3px 3px 0; overflow: hidden; } .score-push li span { display: block; overflow: hidden; float: left; line-height: 20px; text-align: center; padding: 0 2px; border-radius: 3px; font-size: 0.8em; margin: 0 2px 5px 10px; } .score-push img { width: 30px; height: 30px; vertical-align: middle; border-radius: 50%; } .rightmenu{width:100%;padding-bottom:0px; overflow:hidden;margin-top:46px; } .rightmenu dd{line-height:40px;font-weight:bold;font-size:1.0rem; } .rightmenu dd .rmenuson{display:none;} .rmenuson li{ float: left; } .rmenuson li a { height:60px; line-height:80px; font-size: 14px; text-decoration: none; text-align: center; display: block; margin-bottom:10px; width:72px; } .rmenuson li a.current { font-size: 14px; } .rmenuson li a span{ display:block; width:72px; font-weight:100; height:60px; line-height:100px; text-align:center; } .rmenuson li a.current span{ display:block; width:80px; height:60px; line-height:100px; text-align:center; } .rightmenu dd:first-child .rmenuson{display:block;} .leftmenu{width:99.5%;padding-bottom:0px; overflow:hidden; } .leftmenu dd{line-height:40px;font-weight:bold;font-size:1.0rem; } .leftmenu dd span{margin:10px 0px 0px 0px; } .leftmenu dd span img{margin:0px 8px 5px 5px; vertical-align:middle;} .leftmenu dd .menuson{display:none;} .leftmenu dd:first-child .menuson{display:block;} .leftmenu dd input{ margin:10px 0px; height:35px; border-radius:0px; -webkit-appearance: none; padding-left:10px;} .leftmenu dd input.text{ margin:0px;height:30px; border-radius:0px; -webkit-appearance: none;line-height:20px;font-weight:bold;font-size:1.0rem; } .leftmenu dd input.sub{height:37px;} .score-btn{ margin:0px 5px 0px 0px; width:40px; } .score-btn img{ width:35px; height:35px; margin-top:10px; } .score-input-score-l{ margin:0px 5px 5px 90px; height:35px; width:auto; } .score-input-score-r{ margin:0px 95px 5px 0px; height:35px; width:auto; } .score-input-score-b{ margin:0px 50px 5px 45px; height:35px; width:auto; } .menuson {line-height:35px; font-weight:normal; } .menuson li{cursor:pointer;} .menuson li.active{position:relative; line-height:35px; } .menuson li cite{display:block; float:left; margin-left:15px; width:16px; height:16px; margin-top:7px;} .menuson li.active i{display:block; width:6px; height:11px; position:absolute; right:0;z-index:10000; top:9px; right:-1px;} .menuson li a{ display:block; *display:inline; *padding-top:5px;} .menuson li.active a{} .title{cursor:pointer; width:96%; height:40px; border-radius:10px; margin:5px;} .title-1{cursor:pointer; width:99%; height:40px; border-radius:10px; margin:10px 0px; text-align:center; font-weight:100;} /**支持二级菜单覆盖样式**/ .menuson li .header{height:30px;} .menuson li .sub-menus{ display:none; padding:10px 0;} .menuson li .sub-menus li{height:25px;line-height:25px;padding-left:48px; float:left;} .menuson li .sub-menus li.active{position:relative;right:-1px;border-left:none;} .menuson li .sub-menus li a{padding-left:9px;} .menuson li.active.open cite{margin-top:12px;margin-left:37px;} /*评分页面*/ .text{ width:50px; height: 30px; font-size:0.8rem; line-height:34px; text-align:center; overflow: hidden; border:none; } /*费用支付页面*/ .pay-title { font-size:1.0rem; font-weight:bold; } .pay-go { font-size:0.9rem; font-weight:bold; } .pay-ed { font-size:0.9rem; font-weight:bold; } .pay-choose { padding: 8px; border-radius:5px; } .pay-choose li { padding-left: 8px; font-size:1.0em; height:45px; line-height: 45px; } .pay-choose i { width:40px; } .pay-choose-contain{ overflow: hidden; height:45px; line-height: 45px; } .pay-choose-contain img { float:left; margin:7px 10px 0 0; border-radius:50%; width:30px; height:30px; } .pay-explain { padding: 15px 10px; } .pay-explain p { font-size:0.8rem;/* text-indent: -1.6rem;*/ padding:0 10px 0 25px; } .pay-explain p a { font-size:0.8rem; text-indent: 1.6rem; } /* 因footer定位问题 */ main { width:100%; display: block; /* main绝对定位,进行内部滚动 */ position: absolute; top: 0; bottom: 34px; /* 使之可以滚动 */ overflow-y: scroll; /* 增加该属性,可以增加弹性,是滑动更加顺畅 */ -webkit-overflow-scrolling: touch; } main .content { min-height:700px; } /*微社区*/ .tag{ border-radius: 10px; position:relative; margin:5px; } .tag:before,.tag:after{ content:"";display:block; border-width:8px; position:absolute; bottom:-17px; left:50px; border-style:solid dashed dashed; font-size:0; line-height:0; } .tag:after{ bottom:-15px; } .community { } .community-title { width:100%; height:100px; } .community-title img{ width:50px; height:50px; border-radius: 20px; margin:20px 0 0 15px; float:left; } .community-title span{ font-size:1.4em; position:absolute; top:20px; left:80px; } .community-title i.lai{ font-size:1.0em; position:absolute; top:50px; left:80px; padding-left:20px; } .community-title i.tie{ font-size:1.0em; position:absolute; top:50px; left:180px; padding-left:20px; } .community-list { min-height: 240px; padding: 5px 5px 10px; overflow: hidden; } .community-item { border-radius: 4px; margin-bottom: 8px; } .community-item h4 { padding: 0 26px; } .community-item-header { overflow: hidden; padding: 10px; } .line { height: 1px; overflow: hidden; margin: 5px 0; } .line6 { height: 6px; overflow: hidden; } .line span { float: left; width: 80px; height: 100%; } .all-shown { text-align: center; } .avatar { float: left; width: 35px; height: 35px; border-radius: 50px; margin-right: 10px; } .community-txt { padding: 0 13px 10px; font-size: 14px; } .comment-box { overflow: hidden; text-align: center; padding-bottom: 10px; } .comment-box i { padding-left:5px; } .comment-box a.like { display: inline-block; margin-right: 10px; padding-left: 22px; } .comment-box a.coment { display: inline-block; margin-right: 10px; padding-left: 22px; } .comment-box a.like-ed { display: inline-block; margin-right: 10px; padding-left: 22px; } .comment-box a.coment-ed { display: inline-block; margin-right: 10px; padding-left: 22px; } .comment-box a.read { display: inline-block; margin-right: 10px; padding-left: 22px; } .comment-box a.delete { display: inline-block; margin-right: 10px; padding-left: 22px; } .comment-list { border-radius: 0 0 4px 4px; padding:2px 10px; } .comment-list li { overflow: hidden; padding-bottom: 5px; padding-top:5px; border-bottom: none; } .comment-list li.worktask{ margin:0 0 0 10px;} .comment-list .avatar { width: 20px; height: 20px; margin: 0; } .comment-list span { display: inline-block; } p.comment-box {padding:2px 0;} .comment-list p { margin-left: 25px; } .comment-list-1 { border-radius: 0 0 4px 4px; padding: 10px; } .comment-list-1 p { text-indent:0px; } .reply, .reply-bg { position: fixed; width: 100%; z-index: 99; top: 0; left: 0; } .reply .search-txt { float: none; display: block; width: 99%; height: 120px; margin: 5px auto; } .reply-bg { opacity: 0.3; height: 100%; } .reply-btns {padding: 0 5px 10px; text-align: right;} .upload span { float: left; padding: 10px; } .upload input { width: 50px; height: 50px; opacity: 0; } /* 添加发布页面表格*/ .add-table{ width:99%; clear:both; margin:2px; } .add-table td{ text-align:center; vertical-align:top; padding:5px 3px 5px 3px; text-align:left; } /* 选修课表格*/ .tablelist{ width:99%; clear:both; margin:2px; } .tab-title{ margin:2px 1% 2px 4px; height:34px; line-height:34px; text-align:center; font-weight:bold; font-size:1.2em; } .tab-title2{ margin:2px 1% 2px 4px; text-align:center; font-weight:bold; font-size:1.2em; } .tablelist th{ height:34px; line-height:34px; text-align:center; font-weight:100; } .tablelist td{ height:34px; line-height:34px; text-align:center; } .meetingdetail-list{ position:fixed; top:120px; left:10px; width:80%; padding:20px; z-index:166; border-radius:10px; } .meetingdetail-list span{ padding-left:2.0rem; } .meetingroom{ display: block; width:100%; } .meetingroom ul li{ display: block; width:47%; height:90px; margin:10px 1% 0 1%; float:left; } .meetingroom ul li span{ display: block; width:120px; height:90px; text-align: center; border-radius:1.2rem; -webkit-appearance : none ; line-height: 90px; font-size: 1.1rem; margin:0px auto; padding:0 5px; } .meetingroom ul li span.more{ line-height: 45px; } .meeting-rate { margin:10px 10px 0 4%; height:35px; width:90%; font-size:0.95rem; border-radius:5px; } .meeting-pre { display: block; width: 80%; text-align: center; -webkit-appearance : none ; line-height: 30px; border-radius: 3px; font-size: 1em; margin: 10px 0 10px 9%; } .meeting-in { display: block; width: 80%; text-align: center; -webkit-appearance : none ; line-height: 30px; border-radius: 3px; font-size: 1em; margin: 10px 0 10px 9%; } .meeting-ed { display: block; width: 80%; text-align: center; -webkit-appearance : none ; line-height: 30px; border-radius: 3px; font-size: 1em; margin: 10px 0 10px 9%; } /* 滚动条 隐藏*/ #sucai4{ width:100%; height:100%; padding:0px; overflow:hidden; } #sucai{ width:64px; height:100%; padding:0px; position: fixed; top:102px; left:0; } #sucai2{ min-width:20px; height:100%; padding:2px 0px 0px 0px; overflow:hidden; margin:0px 0px 36px 64px; } #sucai3{ min-width:20px; height:100%; padding:2px 0px 46px 0px; overflow:hidden; margin:0px 0px 46px 4px; } /* stay-top 标题置顶*/ .sw_categorys_nav{ position:relative; width:100%; height:40px; z-index:1000; margin-right:60px; } .sw_categorys_nav .container{ position:fixed; left:64px; top:102px; margin-left:auto; margin-right:auto; padding-bottom:3px; } /*说明指引文字*/ .show-tittle{ padding:10px 0px 0 10px; } /* reset */ html, body {min-height: 100%;} body{font:0.95rem "微软雅黑",arial,sans-serif;} input,textarea{} body,div,p,span,form,iframe,table,td,th,input,textarea,button,label,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-size:100%; } ul,ol,li,dl{list-style-type:none;} em,i,dfn,cite,strong,small{font-style:normal;} img{border:0;} textarea,button,input,select,option{vertical-align:middle;font-size:0.95rem; "微软雅黑",arial,sans-serif;} table{border-collapse:collapse;border-spacing:0} textarea{resize:none} dl,dt,dd{margin:0;padding:0;display:block;} /* color */ a{text-decoration:none;} a:hover{ text-decoration:none; outline:none; } a:focus{ text-decoration:none; outline:none; } :focus{ outline:0; } /* clearfix */ .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ''; } .clearfix:after { clear: both; } .clearfix { *zoom:1; } /* public.omission */ .fl{ float:left;} .fr{ float:right;} .tl{ text-align:left;} .tc{ text-align:center;} .tr{ text-align:right;} .fb{ font-weight:bold;} .f12{ font-size:12px;} .listop{ padding-top:15px;} .mr10{ margin-right:10px;} .ml10{ margin-left:10px;} .mt10{ margin-top:10px;} .mb10{ margin-bottom:10px;} .mr15{ margin-right:15px;} .mt15{ margin-top:15px;} .ml15{ margin-left:15px;} .mb15{ margin-bottom:15px;} .mr8{ margin-right:8px;} .ml8{ margin-left:8px;} .mt8{ margin-top:8px;} .mb8{ margin-bottom:8px;} .mr5{ margin-right:5px;} .ml5{ margin-left:5px;} .mt5{ margin-top:5px;} .mb5{ margin-bottom:5px;} .mt40 {margin-top:40px; } .mb90{ margin-bottom:108px;} .mb50{ margin-bottom:50px;} .pdr10 {padding-right: 10px;} .mgt10 {margin-top: -10px;} .bw{} .returnback-icon{ content: " "; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); height:14px; width:14px; border-width:0 0 2px 2px; border-style: solid; position: relative; top: -2px; position: absolute; top: 20px; left: 15px; margin-top: -3px; } .returnback{ width: 24px; height: 48px; float: left; border-radius: 50%; margin: 2px 10px; } .returncross { display:inline-block; width:26px; height:2px; font-size:0; line-height:0; vertical-align:middle; -webkit-transform: rotate(45deg); position: relative; top: 6px; position: absolute; top: 20px; right: 15px; margin-top: 3px; } .returncross:after { content:'.'; display:block; width:26px; height:2px; -webkit-transform: rotate(-90deg); } .block {display: block;} .wrap { padding-bottom: 36px; max-width: 2000px; margin: 0 auto; min-height: 100%; } .header-class { text-align: center; padding: 10px 0; font-size: 0.8rem; text-align:left; } .header-class select { border-radius: 15px; padding: 0 10px; margin:2px 0; } .header-class select option { border-radius: 15px; padding: 0 10px; margin:2px 0; } .user-min-office{ height:31px; line-height:31px; text-align:right; padding-right:32px; float:right; font-size:0.95rem; } .user-min-office a { display: inline-block; line-height: 24px; } .head-all-corner { border-radius: 15px; padding: 0 10px; margin:2px; } .header-class a { display: inline-block; line-height: 24px; } .user{ padding:20px; text-align:center; } .user img{ display: inline-block; border-radius:50%; width:90px; height:90px; padding:2px; } .user-samll{ padding:10px; text-align:center; } .user-samll ul li{ padding:5px; display: inline-block; width:70px; height:70px; } .user-samll ul li span{ height:20px; line-height:20px; } .user-samll ul li img{ display: inline-block; border-radius:50%; width:40px; height:40px; padding:2px; margin: 2px 10px; } .user-img { display: inline-block; float:left; } .user-img-1 { padding:10px 0; display: inline-block; float:right; width:100%; } .user-name{ position:absolute; left:86px; top:15px; display: inline-block; font-size: 1.1rem; height:24px; line-height:24px; overflow:hidden; max-width: 90px; white-space: nowrap; text-overflow: ellipsis; } .user-name-id{ position:absolute; left:86px; top:45px; display: inline-block; font-size: 0.9rem; height:20px; line-height:20px; overflow:hidden; } .user-list{ margin-top:30px; text-align:left; } .user-header { width: 65px; height: 65px; float: left; border-radius: 50%; margin: 5px 10px 0 5px; } .user-header-50 { width: 48px; height: 48px; float: left; border-radius: 50%; margin: 2px 10px; } .user_message{ display:inline-block; width:30px; height:30px; float:left; margin:2px 0 0 -30px; border-radius: 50%; text-align:center; font-weight:normal; font-size:1.2em; line-height:30px; } .user-teacher-min{ width:16px; height:16px; margin:1px 0 0 2px; border-radius: 50%; text-align:center; font-size:0.5rem; line-height:16px; } .user-renzhen-min{ width:16px; height:16px; margin:1px 0 0 2px; border-radius: 50%; text-align:center; font-size:0.5rem; line-height:16px; } .user-jiawei-min{ width:16px; height:16px; margin:1px 0 0 2px; border-radius: 50%; text-align:center; font-size:0.5rem; line-height:16px; } .user-teacher{ display:inline-block; width:20px; height:20px; float:left; margin:1px 0 0 -82px; border-radius: 50%; text-align:center; font-weight:normal; font-size:0.8rem; line-height:20px; } .user-renzhen{ display:inline-block; width:20px; height:20px; float:left; margin:1px 0 0 -30px; border-radius: 50%; text-align:center; font-weight:normal; font-size:0.8rem; line-height:20px; } .user-jiawei{ display:inline-block; width:20px; height:20px; float:left; margin:24px 0 0 -20px; border-radius: 50%; text-align:center; font-weight:normal; font-size:0.8rem; line-height:20px; } .renzhen{ display:inline-block; width:18px; height:18px; float:left; margin:1px 0 0 -18px; border-radius: 50%; text-align:center; font-weight:normal; font-size:1.0em; line-height:18px; } .fangxin{ display:inline-block; width:18px; height:40px; float:left; margin:1px 0 0 -20px; border-radius:5px; text-align:center; font-weight:normal; font-size:1.0em; line-height:18px; } .yihuijia{ display:inline-block; width:18px; height:40px; float:left; margin:1px 0 0 -20px; border-radius:5px; text-align:center; font-weight:normal; font-size:1.0em; line-height:18px; } .jiawei{ display:inline-block; width:18px; height:18px; float:left; margin:20px 0 0 -18px; border-radius: 50%; text-align:center; font-weight:normal; font-size:1.0em; line-height:18px; } .teacher{ display:inline-block; width:18px; height:18px; float:left; margin:1px 0 0 -60px; border-radius: 50%; text-align:center; font-weight:normal; font-size:1.0em; line-height:18px; } .tixing-number-green{ display:inline-block; width:18px; height:18px; float:left; margin:0px 0 0 22px; border-radius: 50%; text-align:center; font-weight:normal; font-size:0.5em; line-height:18px; } .tixing-number-red{ display:inline-block; width:15px; height:15px; float:left; margin:8px 0 0 3px; border-radius: 50%; text-align:center; font-weight:normal; font-size:0.7rem; line-height:15px; } .tixing-number-blue{ display:inline-block; width:18px; height:18px; float:left; margin:0px 0 0 22px; border-radius: 50%; text-align:center; font-weight:normal; font-size:0.5em; line-height:18px; } .tixing-number-yellow{ display:inline-block; width:18px; height:18px; float:left; margin:0px 0 0 22px; border-radius: 50%; text-align:center; font-weight:normal; font-size:0.5em; line-height:18px; } .tixing-number-orange{ display:inline-block; width:18px; height:18px; float:left; margin:8px 0 0 -3px; border-radius: 50%; text-align:center; font-weight:normal; font-size:0.5em; line-height:18px; } .tixing-point-red{ display:inline-block; width:10px; height:10px; float:left; margin:8px 0 0 1px; border-radius: 50%; text-align:center; font-weight:normal; font-size:0.5em; line-height:18px; } .tixing-point-orange{ display:inline-block; width:10px; height:10px; float:left; margin:0px 0 0 28px; border-radius: 50%; text-align:center; font-weight:normal; font-size:0.5em; line-height:18px; } .tixing-point-yellow{ display:inline-block; width:10px; height:10px; float:left; margin:0px 0 0 28px; border-radius: 50%; text-align:center; font-weight:normal; font-size:0.5em; line-height:18px; } .tixing-point-green{ display:inline-block; width:10px; height:10px; float:left; margin:0px 0 0 28px; border-radius: 50%; text-align:center; font-weight:normal; font-size:0.5em; line-height:18px; } .tixing-point-blue{ display:inline-block; width:10px; height:10px; float:left; margin:0px 0 0 28px; border-radius: 50%; text-align:center; font-weight:normal; font-size:0.5em; line-height:18px; } .header h2 { font-weight: bold; float: left; margin-top: 30px; } .header h2 span { display: inline-block; font-size: 1.5em; margin-right: 10px; } .nav { float: right; width:100%; min-height: 640px; padding-bottom:46px; height:100%; } .nav a { height: 40px; line-height:40px; display: block; padding-left:10px; text-align: left; font-size:0.95rem; } .nav span{ height: 40px; line-height:40px; float: left; } .nav i { display:inline-block; width: 30px; height: 25px; float: left; margin: 8px 10px 0 10px; overflow: hidden; } .main-body { width:100%; min-height: 100%; padding-left:1px; overflow: auto; margin-top:52px; /*position:fixed; top:52px; bottom:50px;*/ -webkit-overflow-scrolling: touch; } .full-body { border-top-left-radius: 5px; min-height: 300px; margin-left: 0px; } .main-title-2 { position:fixed; left:0px; top:102px; width:100%; padding: 2px 10px 0; height: 30px; overflow: hidden; border-top-left-radius: 5px; } .main-title-2 h3 { float: left; font-size: 1.3em; line-height: 30px; font-weight: bold; } .main-title-2 a { float: right; margin-right:18px; } .main-title-1 { position:fixed; left:64px; top:102px; width:100%; padding: 2px 10px 0; height: 30px; overflow: hidden; border-top-left-radius: 5px; } .main-title-1 h3 { float: left; font-size: 1.3em; line-height: 30px; font-weight: bold; } .main-title-1 a { float: right; margin-right:18px; } .btn-margin-1{ margin-right:5px;} .main-title { padding: 2px 0px 0 0; height: 30px; overflow: hidden; } .main-title h3 { float: left; padding-left:5px; font-size: 1.1rem; line-height: 30px; font-weight: bold; } .main-title h3.contact { margin-left:5px; } .btn { float: right; padding: 3px 5px; border-radius: 3px; margin-top: 3px; } .btn-green { padding: 3px 5px; border-radius: 3px; margin: 5px; } .btn-orange { padding: 3px 5px; border-radius: 3px; margin: 5px; } .btn-grey { padding: 3px 5px; border-radius: 3px; margin: 5px; } .btn-del-all { padding: 1px 2px; border-radius: 3px; font-size:0.8rem; } .btn-margin-2{ margin:5px 10px;} .add-btn { float:right; margin: 3px 10px 3px 0px; } .add-btn-contact { float:right; margin: 12px 15px 3px 0px; } .main-list li { padding-left: 8px; } .main-list-contain{ width:100%; overflow: hidden; height:28px; line-height: 28px; } .main-list-contain a { float:left; width:140px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .main-list-contain span { float:right; margin-right:10px; } .main-list_delete { width:20px; float:right; margin:4px 10px 0 0; } /*正文附件*/ .attachment{ font-size:1.0rem; padding:3px 0; margin-bottom:3px; } .attachment-list { overflow: hidden; padding-top:5px; } .attachment-list-title{ overflow: hidden; margin-right:20px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .attachment-list img { margin:7px 0 0 0; padding-left:10px; line-height:40px; width:16px; height:16px; } .attachment-list li { padding-left:35px; overflow: hidden; font-size:0.95rem; height:30px; line-height:30px; } .attachment-list li.avi{ } .attachment-list li.bmp{ } .attachment-list li.css{ } .attachment-list li.doc{ } .attachment-list li.eml{ } .attachment-list li.eps{ } .attachment-list li.fla{ } .attachment-list li.gif{ } .attachment-list li.html{ } .attachment-list li.ind{ } .attachment-list li.jpeg{ } .attachment-list li.jsf{ } .attachment-list li.midi{ } .attachment-list li.mov{ } .attachment-list li.mp3{ } .attachment-list li.mpeg{ } .attachment-list li.pdf{ } .attachment-list li.png{ } .attachment-list li.pptx{ } .attachment-list li.proj{ } .attachment-list li.psd{ } .attachment-list li.pst{ } .attachment-list li.pub{ } .attachment-list li.rar{ } .attachment-list li.text{ } .attachment-list li.tiff{ } .attachment-list li.vsd{ } .attachment-list li.wav{ } .attachment-list li.wma{ } .attachment-list li.wmv{ } .attachment-list li.xlsx{ } .attachment-list li.zip{ } /*end*/ .lesson-list { overflow: hidden; } .lesson-list span{ overflow: hidden; height:24px; line-height: 24px; font-size:0.8rem; } .lesson-list li { padding:2px 0px; } .lesson-list li .lesson_box { width:100%; border-top:1px solid #dddddd; padding:5px 0px; } .lesson-list li .lesson_box .open-popup { color:#ffffff; background:#ff6600; border-radius: 5px; padding:0px 5px;height:24px; line-height: 24px; font-size:0.8rem; display:inline-block; } .lesson-list li .lesson_box span.lesson_info{ color:#585858; } .lesson-list li .lesson_box span.lesson_succeed{ color:#0bbf7c; } .message-list { overflow: hidden; } .message-list span{ overflow: hidden; height:24px; line-height: 24px; font-size:0.8rem; } .message-list li { padding:2px 8px; } .message-list-contain{ margin-right:40px; font-weight:bold; overflow: hidden; font-size:0.95rem; height:28px; line-height: 28px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .news-list-tittle{ margin-right:10px; overflow: hidden; font-size:0.95rem; height:28px; line-height: 28px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .message-list-tittle{ margin-right:70px; overflow: hidden; font-size:0.95rem; height:28px; line-height: 28px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .message-list-contain a { float:left; font-size:0.95rem; font-weight:bold; max-width:250px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .message-list-contain img.icon{ float:left; overflow: hidden; height:28px; width:28px; line-height: 28px; } .message-list_delete { height:40px; width:40px; text-align:right; float:right; margin-top:-30px; padding:17px 10px 0 0; } .curriculum-list_delete { height:25px; width:40px; text-align:right; float:right; margin-top:5px; padding:0px 10px 0 0; } .message-list_count { width:20px; float:left; margin:4px 10px 0 10px; } .loadmore{ text-align:center; height:40px; line-height:40px; } .homework-list { padding-top:0px; } .homework-list li { padding:5px; } .homework-title { overflow: hidden; padding-left: 32px; line-height: 28px; } .homework-list_delete { height:30px; width:40px; text-align:right; float:right; margin-top:-74px; padding:50px 10px 0 0; } .course-list{ padding-top:15px; } .course-list-main{ overflow: hidden; } .course-title { overflow: hidden; padding-left: 32px; line-height: 28px; } .curriculum-title { overflow: hidden; padding-left: 32px; line-height: 28px; } .curriculum-title span { float: left; font-size: 1.2em; } .curriculum-title a { float: right; padding-right: 16px; font-weight: normal; } .curriculum-title a.expand { margin-right: 10px; } .curriculum-in-title { overflow: hidden; padding-left: 32px; line-height: 28px; } .homework-in-title { overflow: hidden; padding-left: 32px; line-height: 28px; } .homework-title span { float: left; font-size: 1.0rem; } .homework-title a { float: right; padding-right: 16px; font-weight: normal; } .homework-title a.expand { margin-right: 10px; } .homework-content .time { display: block; } .homework-content img { display:block; width: 100%; } .homework-more { display: none; } .contacts-list { overflow:hidden; } .contacts-list li { padding-left: 8px; font-size:18px; height:45px; line-height: 45px; } .contacts-list-1 li { padding-left: 8px; font-size:1.4em; } .score-form { overflow: hidden; margin-left:0px; } .score-list-tab { font-size:1.0rem; } .score-list-tab tr{ height:50px; line-height:50px; } .score-list-tab img.left { border-radius:50%; width:30px; height:30px; margin-left:5px; } .score-list-tab img.right { width:15px; height:20px; } #score-name{ position:absolute; font-size:1.0rem; } #score-grade{ position:absolute; font-size:1.0rem; } #score-class{ position:absolute; font-size:1.0rem; } .score-list-name-tab { font-size:1.0rem; } .score-list-name-tab tr{ height:50px; line-height:50px; } .score-list-name-tab img { border-radius:50%; width:30px; height:30px; } .img-right-1 { width:15px; height:20px; } .img-right-2 { width:15px; height:20px; } .img-right-3 { width:15px; height:20px; } .img-right-4 { width:12px; height:20px; } .score-list-tab input { width:95%; height:30px; float:left; } .score-list-tab textarea.input { margin:12px 0px 0 0; width:100%; height:90px; } /*点击弹出列表 my-score-list.html*/ .score-list-save { overflow: hidden; padding: 10px 0 10px 2px; font-size:1.1rem; } .score-list-save li { float: left; margin: 3px 3px 3px 0; } .score-list-save span { width: 60px; height: 80px; display: block; overflow: hidden; } .score-list img { width: 30px; height: 30px; vertical-align: middle; border-radius: 50%; } .score-list { position: fixed; width: 100%; z-index: 99; bottom:42px; left: 0; overflow: scroll; font-size:1.1rem; } .score-list li { float: left; margin: 3px 0px 3px 0; overflow: hidden; } .score-list span { float: left; width: 95px; height: 35px; line-height: 20px; text-align: center; padding: 0 2px; border-radius: 3px; font-size: 0.8em; margin: 0 2px 5px 10px; } .score-list img.right { width:15px; height:20px; } .score-list li input { float:left; margin:12px 10px 0 0; width:100px; height:25px; } .turn-right { float:right; margin: 3px 10px 3px 0px; padding-right:25px; } .contacts-list a.expand { float: right; width:60px; margin-right:5px; font-size:1.0rem; } .contacts-list a.expanded { margin-right:5px; } .contacts-list-more{ display: none; } .contacts-list i { width:40px; float:left; } .contacts-list i.selected { } .contacts-list-contain{ overflow: hidden; height:45px; line-height: 45px; position:relative; } .contacts-list-contain a.username { font-size:1.0rem; float:left; min-width:100px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding-right:10px; } .contacts-list-contain img { margin-top:5px; } .contacts-pho { float:left; margin:5px 10px 0 0; /*border-radius:50%;*/ width:35px; height:35px; } .contacts-list li.all { height:35px; line-height: 35px; } .contacts-list li.odd { height:35px; line-height: 35px;padding-left:20px; } .contacts-list li.rank { height:50px; line-height: 50px; padding-left:20px; } .contacts-list li.noline { height:50px; line-height: 50px; } .contacts-list .ico-phone { float: right; margin: 15px 20px 15px 10px; width:20px; height:20px; background:url(../imgs/nav-icon-contactslist-1.png) no-repeat center center; background-size:100% 100%; } .contacts-list-contain .contacts-title { width:80px; height:35px; line-height: 35px; display:inline-block; } .fixed{ position:fixed; top:52px; } .contacts-search { padding-bottom:5px; padding-top:5px; font-size:0.95rem; /*height:38px;*/ width:100%; } .contacts-search-btn { float: right; padding: 3px 10px; border-radius: 3px; margin-top: 5px; margin-right:10px; line-height:25px; } .contacts-search-input { margin:0px 105px 5px 5px; height:38px; width:auto; } .contacts-search-input-1 { margin:0px 75px 5px 5px; height:38px; width:auto; } .contacts-search-input-2 { margin:0px 120px 0px 10px; height:40px; width:auto; } .contacts-search-input-4 { margin:0px 40% 5px 5px; height:30px; width:auto; } .contacts-search-input-5 { margin:0px 5px 5px 40%; height:30px; width:auto; } .contacts-search .input { margin:4px 5px 3px 0px; height:30px; width:99%; font-size:0.95rem; border-radius:10px; padding-left:30px; } .contacts-search-1 { font-size:0.95rem; height:38px; width:55%; } .contacts-search-1 span{ font-size:0.95rem; line-height:40px; } .contacts-search-1-input-1 { margin:0px 35px 5px 5px; height:44px; width:auto; } .contacts-search-1-input-2 { margin:0px 95px 5px 1px; height:44px; width:auto; } .contacts-search-2 { font-size:0.95rem; height:38px; width:45%; } .contacts-search-2 span{ font-size:0.95rem; line-height:40px; } .contacts-search-2 .input-rate { margin:4px 1px 3px 0px; height:30px; width:99%; font-size:0.95rem; border-radius:10px; padding-left:5px; } .contacts-search-1 .input-rate { margin:4px 1px 3px 0px; height:30px; width:99%; font-size:0.95rem; border-radius:10px; padding-left:5px; } .contacts-search-choose { width:100%; /*height:36px;*/ padding:5px 0px; } .contacts-search-choose a { display: inline-block; margin:0 5px 5px 5px; width:30%; } .contacts-search-choose input{ margin:0px 0 0 1.5%; text-align: center; -webkit-appearance : none ; border-radius: 3px; font-size: 12px; outline:none; display:block; padding:5px 10px;width:100%; } .contacts-search-choose input.select,.contacts-search-choose a.select input{ background:#1aad19; color:#ffffff; } .contacts-search-choose input.last{ margin:3px 0 0 1.5%; } .contacts-search-choose input.last-1{ margin:0px 0 0 1.5%; } .contacts-search-choose input.last-2{ margin:7px 0 0 1.5%; } .contacts-personal-icon { margin-top:30px; } .contacts-personal-icon ul li{ font-size:1.0rem; line-height:30px; height:35px; margin:10px 10px 0 10px; } .contacts-personal-icon ul li img{ width:30px; height:30px; } .contacts-personal-icon ul li span{ font-size:1.0rem; height:40px; padding-left:40px; } .contacts-personal-name { font-size:1.1rem; font-weight:bold; margin:20px 10px 0 0; } .contacts-personal-tel { font-size:0.9rem; margin:20px 10px 0 0; } .contacts-personal img { float:left; margin:10px 10px 0 0; border-radius:50%; width:80px; height:80px; } .contact-group{ text-align:center; position:fixed; top:50px; height:50px; width:100%; } .contact-group-delete{ text-align:center; width:50%; float:right; } .contact-group-add{ text-align:center; width:50%; float:left; } /*发消息弹选择通讯录*/ .choose-contacts-title { height: 40px; overflow: hidden; } .choose-contacts-title h3{ font-size:1.0rem; height: 40px; line-height:40px; width:auto; text-align:center; } #choose-contact { position:absolute; top:60px; overflow:scroll; } .choose-contact-list { position:fixed; width:100%; height:100%; z-index:1999; bottom:0px; left:0px; /*font-size:0.9rem;*/ overflow: auto; -webkit-overflow-scrolling: touch; } .yes-btn { float:right; margin: 8px 20px 5px 20px; } .no-btn{ float:left; margin:8px 20px 5px 20px; } .choose-contact-button{ height:30px; font-size:1.0rem; line-height:30px; margin:5px 10px; } .choose-contact-circle{ border-radius:50%; height:20px; width:20px; margin:7px 10px; padding:2px; } .form { font-size: 0.95rem; overflow: hidden; padding: 0 5px 5px 5px; } .form label { display: inline-block; font-size: 1em; padding-top: 8px; } .form label.font12 { font-size: 0.9em; } .form .input { width: 99%; height: 30px; border-radius: 3px; padding-left:5px; } .form .input-1 { width: 50%; height: 30px; border-radius: 3px; padding-left:5px; } .form .input-2 { width: 20%; height: 30px; border-radius: 3px; padding-left:5px; margin:0 10px; } .form textarea.input { height:6.0rem; font-size:1.1rem; } .form-pay { font-size: 1.2rem; padding: 0 5px; } .form-pay label { display: block; font-size: 1.0rem; padding-top: 8px; } .form-pay label.font12 { font-size: 0.9em; } .form-pay .input { width: 99%; height: 30px; border-radius: 3px; } .form-pay textarea.input { height: 120px; } .add-class-img { width:60px; height: 60px; border-radius: 5px; float:left; } .add-class-img input { width: 60px; height: 60px; opacity: 0; } .add-img-box { height: 60px; float:left; margin:0; } .add-img { width:60px; height: 60px; border-radius: 5px; float:left; margin:5px 10px 5px 0px; } .add-img input { width: 70px; height: 70px; opacity: 0; } .add-img-score { width:64px; height: 64px; border-radius:5px; float:left; } .add-img-score input { width: 70px; height: 70px; opacity: 0; } .add-img-select { width:60px; height:60px; border-radius: 5px; float:left; margin:5px 11px 5px 0px; position:relative; } .add-img-select img { border:none!important; border-radius: 5px !important; width:60px !important; height:60px !important; padding:0px !important; position:absolute;top:0;left:0; z-index:1;} .add-img-select input { width: 60px; height: 40px; opacity: 0; } .add-img-text{ width:60px; height: 20px; font-size:0.8rem; line-height:15px; text-align:center; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;position:absolute;bottom:0;left:0; z-index:9; } .add-img-del{width:20px;height:20px;position:absolute;top:0px;right:0px; z-index:10;} .add-img-small { width:100%; } .add-img-small li{ width:70px; height: 70px; border-radius: 5px; float:left; margin:0px 3px 0px 0; } .afterschool-title{ margin:50px 0 0 0; text-align: center; font-size:1.5rem; font-weight:bold; } .signed-title { font-size: 1.2rem; text-align: center; margin-top:10px; font-weight:bold; } .signed { display: block; width:130px; height:120px; text-align: center; border-radius: 50%; -webkit-appearance : none ; line-height: 130px; font-size: 1.5rem; margin:15px auto; } .signed-cancel { display: block; width:130px; height:120px; text-align: center; border-radius: 50%; -webkit-appearance : none ; line-height: 130px; font-size: 1.5rem; margin:50px auto; } .submit-afterschool { display: block; width:160px; height:150px; text-align: center; border-radius: 50%; -webkit-appearance : none ; line-height: 150px; font-size: 1.5rem; margin:50px auto; } .submit-afterschool-ed { display: block; width:160px; height:150px; text-align: center; border-radius: 50%; -webkit-appearance : none ; line-height: 150px; font-size: 1.5rem; margin:50px auto; } .submit { display: block; width: 99%; text-align: center; -webkit-appearance : none ; line-height: 40px; border-radius: 3px; font-size: 1.0rem; font-weight:bold; margin: 5px 0; } .submit-user-change{ position:absolute; left:86px; top:68px; display: inline-block; font-size: 0.8rem; height:18px; line-height:18px; overflow:hidden; text-align: center; -webkit-appearance : none ; border-radius: 3px; padding: 0px 3px; } .submit-qianshou { display: block; width: 80%; text-align: center; -webkit-appearance : none ; line-height: 30px; border-radius: 3px; font-size: 1em; margin: 10px 0 10px 10%; } .submit_over { text-align:center; } .authentication-text{ font-size:1.0rem; text-align:center; } .submit-half { display: block; width: 45%; text-align: center; -webkit-appearance : none ; line-height: 30px; border-radius: 3px; font-size: 1em; margin: 10px 3px 10px 3px; float:left; } .submit-half-grey { display: block; width: 45%; text-align: center; -webkit-appearance : none ; line-height: 30px; border-radius: 3px; font-size: 1em; margin: 10px 3px 10px 3px; } .submit-half-yes { display: block; width: 45%; text-align: center; -webkit-appearance : none ; line-height: 30px; border-radius: 3px; font-size: 1em; margin: 10px 3px 10px 3px; } .submit-half-no { display: block; width: 45%; text-align: center; -webkit-appearance : none ; line-height: 30px; border-radius: 3px; font-size: 1em; margin: 10px 3px 10px 3px; } .submit-half-no-1 { display: block; width: 45%; text-align: center; -webkit-appearance : none ; line-height: 30px; border-radius: 3px; font-size: 1em; margin: 10px 3px 10px 3px; } .submit-btn { text-align: center; -webkit-appearance : none ; line-height: 25px; border-radius: 3px; font-size: 1em; padding:0 10px; margin: 2px 3px 6px 3px; outline:none; border:none; display:block; } .disblesubmit { display: block; width: 99%; text-align: center; -webkit-appearance : none ; line-height: 40px; border-radius: 3px; font-size: 1em; margin: 10px 0; } .check-list { padding: 10px 5px 5px; } /*.check-list label { float: left; height: 30px; font-size: 0.8em; padding: 0 0 0 15px; color: #304772; }*/ /*tab-切换样式 无底色 无圆角*/ .tab-body-2 { margin-top:0px; } .tab-body-1 { margin-top:0px; } .tab-tab-header { text-align: left; margin:0 0px 0px 0px; font-size:0.95rem; font-weight:bold; width:100%; } .tab-tab-header a,.tab-tab-header span { height:50px; display: inline-block; line-height:50px; cursor:pointer; } .tab-tab-corner { padding: 0 10px 0 10px; } .tab-tab-corner-g { width:33%; text-align:center; } /*tab-切换样式 成长相册、家长寄语*/ .tab-header-2 { position:fixed; left:0px; top:136px; width:100%; text-align: center; padding: 10px 0; font-size: 0.8em; } .tab-header-2 a { display: inline-block; line-height: 30px; } .tab-header-1 { position:fixed; left:64px; top:136px; width:100%; text-align: center; padding: 10px 64px 10px 0px; font-size: 0.8em; } .tab-header-1 a { display: inline-block; line-height: 30px; } .tab-header { text-align: center; padding: 10px 0; font-size: 0.8em; } .tab-header a { display: inline-block; line-height: 30px; } .center-tab { padding: 0 10px; } .left-corner { border-top-left-radius: 15px; border-bottom-left-radius: 15px; padding: 0 5px 0 15px; } .right-corner { border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding: 0 15px 0 5px; } .all-corner { border-radius: 15px; padding: 0 15px 0 15px; } .tab-item { } .account-list-1 { overflow: hidden; margin-bottom:96px; } .account-list-1 li { overflow: hidden; text-align: center; padding: 3px 5px; } .account-list-1 span.fr { height:24px; width:70px; overflow: hidden; text-align: right; float:right; padding-left:3px; } .account-list-1 span.fl { height:22px; max-width:120px; overflow: hidden; text-align: left; float:left; padding-right:2px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .account-list-1 span.date { width:30%; overflow: hidden; text-align: left; float:left; padding-right:5px; } .account-list-1 span.value { width:29%; overflow: hidden; text-align: left; float:left; padding-right:5px; } .account-list-1 span.type { width:12%; overflow: hidden; text-align: left; float:left; padding-right:5px; } .account-list-1 span.explain { max-width:22%; overflow: hidden; text-align: left; float:left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .account-list { overflow: hidden; padding-bottom:6px; margin-bottom:6px; } .account-list li { overflow: hidden; text-align: center; padding: 3px 5px; } .account-list span.fr { height:24px; width:70px; overflow: hidden; text-align: right; float:right; padding-left:3px; } .account-list span.fl { height:22px; max-width:120px; overflow: hidden; text-align: left; float:left; padding-right:2px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .account-list span.date { width:30%; overflow: hidden; text-align: left; float:left; padding-right:5px; } .account-list span.value { width:29%; overflow: hidden; text-align: left; float:left; padding-right:5px; } .account-list span.type { width:12%; overflow: hidden; text-align: left; float:left; padding-right:5px; } .account-list span.explain { max-width:22%; overflow: hidden; text-align: left; float:left; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .information-list { margin-top: 10px; } .information-list li { overflow: hidden; text-align: left; padding: 3px 10px; } .check-mode label { font-size: 0.85rem; padding: 3px 0; } .homework-detail { padding: 10px; margin-bottom:92px; padding-bottom:5px; } .question-reply { padding:2px 0; margin-bottom: 2px; } .question-reply p { } .question-reply p.reply { margin-left:45px; } .question-reply li { padding: 5px 10px; } /*正文*/ .article { overflow: hidden; padding: 0 5px 5px 5px; } .article .btn { margin-right: 10px; min-width: 40px; text-align: center; } .article-title { font-size: 1.2rem; text-align: center; margin-top:10px; } .article-succes { font-size: 1.0rem; text-align: center; } .article-time { display: block; text-align: center; margin-bottom: 8px; } .article-content { min-height: 60px; padding: 15px 10px; } .article-content img { display: block; margin: 5px auto; max-width:100%; } .article-content p {/* text-indent: 2.0rem;*/ font-size:1.0rem; line-height:1.9rem; } .album { overflow: hidden; padding: 10px 0 10px 10px; } .album li { float: left; margin: 5px 5px 5px 0; } .album a { display: block; text-align: center; } .album span { width: 63px; height: 63px; line-height: 58px; display: block; border-radius: 10px; overflow: hidden; } .album img { max-width: 63px; max-height: 63px; vertical-align: middle; } .full-year-questionbank { padding: 20px 5px 10px 35px; } .full-year-questionbank li{ margin: 10px 0; } .date-year { clear: inherit; float: left; width: 45px; } .full-year { padding: 20px 5px 10px 35px; } .full-year li { margin: 10px 0; } .t-item { margin-left: 25px; border-radius: 5px; padding: 6px; font-size: 0.8em; } .t-item h4 { font-size: 0.95rem; } .t-item p { font-size: 0.95rem;/* text-indent: 2.0rem;*/ } .t-item p.worktask { margin-left: 47px; min-height:35px; } .t-item p i { font-size: 0.85rem; display: block; height: 30px; line-height:30px; } .t-item img { display: block; max-width: 100%; } .t-item .arrow { display: block; width: 12px; height: 12px; position: absolute; top: 10px; left: -10px; } .radio-inputs {overflow: hidden;} .radio-inputs span { float: left; min-width: 30px; height: 35px; line-height: 35px; text-align: center; padding: 0 10px; border-radius: 3px; font-size: 0.8em; margin: 0 5px 5px 0; } .radio-inputs span.selected { padding-right: 25px; } .pager {overflow: hidden; padding: 10px 8px 10px 5px; text-align: center;} .p-prev,.p-next { padding: 3px; border-radius: 3px; } .p-prev { float: left; padding-left: 16px; } .p-next { float: right; padding-right: 16px; } .pager span { display: inline-block; font-size: 1em; line-height: 25px; } .pager i { font-weight: bold; } foot { position: fixed; width:180px; height:42px; line-height: 42px; bottom: 0; left:0; text-align: center; overflow:hidden; } foot a i{ width:70px; height:17px; padding-left:20px; padding-right:10px; } foot span{ margin:0 10px; } .foot_block { display:block; width:100%; height:100px; } footer { position: fixed; width: 100%; height:52px; line-height: 42px; bottom: 0; text-align: center; overflow:hidden; } footer a { width:20%; height: 52px; line-height:52px; display: block; font-size:0.75rem; float:left; } footer i { display: block; margin:0 auto; height: 32px; overflow: hidden; } footer span{ display: block; height: 20px; line-height:20px; text-align:center; } footer a.orange i.home {} footer i.home {} footer a.cur i.home {} footer i.my {} footer a.cur i.my {} footer i.msg {} footer a.cur i.msg {} footer i.tel-list {} footer a.cur i.tel-list {} footer i.office {} footer a.cur i.office {} footer i.psc {} footer a.cur i.psc {} .edi-post{ line-height:20px; padding-left:20px; } .go-back { float: left; width: 10%; height: 30px; margin: 6px 0 0 1%; } .foot-text { float: left; width: 39%; height: 26px; font-size:1.0rem; line-height:1.0rem; text-align:center; border-radius:3px; margin: 7px 4% 0 4%; -webkit-transform:translate3d(0,0,0); -webkit-appearance: none; transform:translate3d(0,0,0); } .foot-text-no { float: left; width: 40%; height: 26px; font-size:1.0rem; line-height:1.0rem; text-align:center; border-radius:3px; margin: 7px 4% 0 4%; -webkit-transform:translate3d(0,0,0); -webkit-appearance: none; transform:translate3d(0,0,0); } .foot-set { float: left; width: 11%; height: 30px; margin: 5px 0 0 0; } .foot-contacts { float: right; width: 13%; height: 30px; margin: 6px 0 0 0; } .foot-contacts-no { float: right; width: 10%; height: 30px; margin: 6px 0 0 0; } .share { float: right; width: 13%; height: 30px; margin: 5px 0 0 0; } .collection { float: right; width: 13%; height: 30px; margin: 5px 0 0 0; } .collection-ed { float: right; width: 13%; height: 30px; margin: 5px 0 0 0; } .to-home { float: right; width: 13%; height: 30px; margin: 6px 2% 0 0; } .noborder { border:none; } /*有 "认证 、家委会"标志 选择 人物班级的页面*/ .add_message { overflow: hidden; padding: 8px 0 10px 2px; } .add_message li { float: left; margin: 3px 3px 3px 0; } .add_message span { width: 60px; height: 80px; display: block; overflow: hidden; } .add_message img { width: 60px; height: 60px; vertical-align: middle; border-radius: 10px; } .add_message img.mask { width: 60px; height: 60px; vertical-align: middle; border-radius: 10px; opacity: .4; } .add_message-save { overflow: hidden; } .add_message-save li { float: left; margin: 3px 0px 3px 0; overflow: hidden; } .add_message-save span { float: left; width: 60px; height: 80px; line-height: 20px; text-align: center; padding: 0 2px; border-radius: 3px; font-size: 0.9rem; margin: 0 0px 0px 0; } /*有 "前移 、删除" 图标的页面*/ .nav-icon-set-list { overflow: hidden; padding: 0px 0 1px 0px; } .nav-icon-set { overflow: hidden; margin:0.6rem; } .nav-icon-set img { width: 50px; height: 50px; padding:5px; vertical-align: middle; border-radius: 10px; } .nav-icon-set ul{ overflow: hidden; float:left; } .nav-icon-set ul li { float: left; margin: 5px 10px 5px 0; overflow: hidden; } .nav-icon-set span { float: left; width: 60px; height: 80px; line-height: 20px; text-align: center; padding: 0 2px 0 1px; border-radius: 3px; font-size: 0.9rem; margin: 0 0px 0px 0; } .nav-icon-set a { float: left; width: 60px; height: 80px; line-height: 20px; text-align: center; padding: 0 2px; border-radius: 3px; font-size: 0.8em; margin: 0 0px 0px 0; } .nav-icon-list-del{ width:58px; height:48px; float:left; margin:0px 0 0 -60px; } .nav-icon-list-add{ display:inline-block; width:58px; height:58px; float:left; margin:2px 0 0 -60px; border-radius: 50%; text-align:center; font-weight:normal; line-height:24px; } .nav-icon-list-up{ display:inline-block; width:25px; height:25px; float:left; margin:36px 0 0 -60px; border-radius: 50%; text-align:center; font-weight:normal; font-size:1.8em; line-height:24px; } /*进度条*/ .skillbar { position:relative; display:block; margin:5px 0px -10px 118px; width:135px; height:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; } .skillbar-bar { height:10px; width:0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } /*题库 题型*/ .Topic { overflow: hidden; margin-bottom:92px; } .Topic li { height: 40px; line-height: 40px; margin: 3px 0px 3px 0; overflow: hidden; } .Topic input { width: 25px; margin:0 3px; } .Topic dd { float:right; margin:0 5px 0 3px; } .Topic span { float: left; width: 160px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding:0 2px 0 20px; border-radius: 3px; font-size: 1.0em; margin: 0 0px 0px 0; } /*微办公班级悬着状态弹窗*/ #office-class { position:absolute; top:60px; overflow:scroll; } .arrow-up { width: 0; height: 0; overflow:hidden; } .office-class-list { position: fixed; width: 240px; z-index: 99; top:55px; right:5px; border-radius:10px; font-size:0.9rem; } .office-class-list li { width:110px; float:left; padding-left:5px; height:30px; line-height: 30px; } .office-class-list i { width:40px; } .office-class-list img { float:left; margin:7px 10px 7px 0px; width:16px; height:16px; } /*分享弹出框*/ #cover{display:none;position:absolute;left:0;top:0;z-index:0;opacity:0.7; } #guide{display:none;position:absolute; right:0; top:60px; z-index:19999;} .share-icon-list { width:100%; } .share-icon-list li { width:30%; float: left; text-align:center; } #share_2 { position:absolute; top:50px; } #cancel{ } .share-icon { position: fixed; width: 100%; z-index: 99; bottom:42px; left: 0; } /* 分享表格*/ .tablesharelist{ width:84%; clear:both; margin:20px 8%; } .tablesharelist tr{ height:90px; } .tablesharelist td{ width:15%; text-align:center; } .tablesharelist img{ width:50px; height:50px; } /*学校介绍列表*/ .schoolview-list { overflow: hidden; width:100%; } .schoolview-list ul { margin:0 auto; width:320px; } .schoolview-list ul li { width: 150px; height:150px; float: left; margin:5px 3px 0 3px; text-align:center; } .schoolview-list-text{ width: 100%; height: 28px; line-height:30px; text-align:center; font-size: 0.9rem; } .schoolview-list-text span { width:auto; height: 28px; line-height:30px; text-align:center; font-size: 0.9rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .schoolview-list-text i{ display:inline-block; width:20px; height:26px; float:right; margin:2px 2px 0 0px; } .schoolview-list-img { width:100%; height:120px; overflow:hidden; } .schoolview-list-img img { width:100%; min-height:100%; display: block; } /*QQ空间相册列表*/ .photo-group { overflow: hidden; width:100%; } .photo-group ul li { width: 47%; height:150px; float: left; margin:10px 1% 0 1%; text-align:center; } .photo-group-text{ width: 100%; height: 28px; line-height:30px; text-align:center; font-size: 0.9rem; } .photo-group-text span { width:auto; height: 28px; line-height:30px; text-align:center; font-size: 0.9rem; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .photo-group-text i{ display:inline-block; width:20px; height:26px; float:right; margin:2px 2px 0 0px; } .photo-group-text h4{ display:inline-block; width:30px; height:30px; float:right; text-align:center; font-weight:normal; font-size:1.2em; line-height:30px; } .photo-group-img { width:100%; height:120px; overflow:hidden; } .photo-group-img img { height:100%; display: block; } .photo-group-img-add { width:100%; height:120px; text-align:center; } .photo-group-img-add input { width:100%; height: 145px; opacity: 0; } /*照片列表*/ .photo-group-list ul li { margin-top:5px; padding: 6px; font-size: 0.8em; } .photo-group-list img { display: block; max-width: 100%; } .photo-group-list-text{ width: 100%; line-height:24px; text-align:left; font-size: 0.9rem; } .photo-group-list-text p { width:auto; font-size: 0.95rem; } .photo-group-list-text i{ display:inline-block; width:30px; height:26px; float:right; margin:2px 2px 0 0px; } /* star星星打分 */ #star{position:relative;width:600px;margin:5px 10px;height:28px;} #star ul,#star span{float:left;display:inline;height:24px;line-height:24px; font-size:0.9rem;} #star ul{margin:0 10px;} #star li{float:left;width:28px;cursor:pointer;text-indent:-9999px;} #star strong{padding-left:10px;} #star li.on{} #star p{} #star p em{display:block;font-style:normal;} /*主页滚动图片*/ .scroll header{height:150px; overflow: hidden;} #scroll p {position: absolute; bottom: 0; width: 100%; line-height: 30px;} #scroll p span {display: block; padding: 0 20px;} #scroll li a {display: block; width: 100%; height: 100%;} #scroll img {vertical-align: middle;} .focus span{width:12px;height:12px;margin-right:10px;border-radius:50%;font-size:0} /*校友登记*/ .q-text{ margin-left:20px; } .zh-title-exp { padding-top: .67em; padding-bottom: .4em; padding-left: 15px; padding-right: 15px; font-size: 14px; } .zh-title{ height: 52px; width: 100%; overflow: hidden; position: fixed; top: 0;} .zh-title h1{ text-align:center;} .jc-title-exp { padding-top: .67em; padding-bottom: .4em; padding-left: 15px; padding-right: 15px; font-size: 14px; } .jc-title{ height: 52px; width: 100%; overflow: hidden; position: fixed; top: 0; } .jc-title h1{ text-align:center; } /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } .pswp__img--placeholder { -webkit-backface-visibility: hidden; } .pswp__img--placeholder--blank { } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; } .pswp__error-msg a { text-decoration: underline; } /*