You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4216 lines
71 KiB
4216 lines
71 KiB
.container {
|
|
font-size: 0.14rem;
|
|
}
|
|
|
|
.container .index-top {
|
|
width: 100%;
|
|
height: 3.82rem;
|
|
overflow: hidden;
|
|
padding-top: 0.2rem;
|
|
margin-bottom: 0.05rem;
|
|
padding-bottom: 0.2rem;
|
|
margin-bottom: 0.05rem;
|
|
background-image: url(../../static/rootsit/img/wenli.gif);
|
|
}
|
|
.video-pic{
|
|
position: relative;
|
|
}
|
|
.container .index-top .login-form {
|
|
width: 30%;
|
|
float: left;
|
|
box-sizing: border-box;
|
|
padding-right: 0.2rem;
|
|
}
|
|
.phone-mes{
|
|
display: none;
|
|
}
|
|
.wrap-ht{
|
|
height: 3.4rem;
|
|
padding: 0.2rem 0.3rem;
|
|
background: #1a1d24;
|
|
box-shadow: 0px 0px 6px 0px #000;
|
|
}
|
|
.position p .witch-confine{
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
white-space: nowrap;
|
|
width: 2rem;
|
|
text-overflow: ellipsis;
|
|
vertical-align: top;
|
|
}
|
|
.container .index-top .login-form .content {
|
|
background-color: #37373f;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0.3rem 0.2rem;
|
|
height: 3.22rem;
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.container .index-top .login-form .form-group {
|
|
margin-bottom: 0.1rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.container .index-top .login-form p.error {
|
|
color: #f00;
|
|
font-size: 0.12rem;
|
|
margin: 0;
|
|
position: absolute;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.container .index-top .form-group input {
|
|
display: block;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0.08rem;
|
|
outline: none;
|
|
}
|
|
|
|
.container .index-top .form-group .login-btn {
|
|
background-color: #4095ce;
|
|
color: #fff;
|
|
font-size: 0.16rem;
|
|
border: 0.01rem solid #5a98de;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.times .put-paper{
|
|
border: none;
|
|
border-radius: 0.05rem;
|
|
padding: 0.05rem 0.85rem;
|
|
color: #FFFFFF;
|
|
background-color: #f0ad4e;
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.container .index-top .form-group .login-btn:hover {
|
|
background-color: #5a98de;
|
|
}
|
|
|
|
.container .index-top .register {
|
|
position: absolute;
|
|
bottom: 0.9rem;
|
|
right: 0.2rem;
|
|
}
|
|
|
|
.container .index-top .contact {
|
|
margin-top: 0.2rem;
|
|
color: #666;
|
|
font-size: 0.12rem;
|
|
}
|
|
.phone-anbox{
|
|
display: none;
|
|
}
|
|
.container .index-top .contact .phone {
|
|
padding-left: 0.3rem;
|
|
background: url("../img/icon-phone.png") no-repeat left;
|
|
}
|
|
|
|
.container .index-top .contact .qq {
|
|
padding-left: 0.3rem;
|
|
background: url("../img/icon-qq.png") no-repeat left;
|
|
}
|
|
|
|
.container .index-top .banner {
|
|
width: 40%;
|
|
height: 3.22rem;
|
|
float: left;
|
|
background-color: #fea;
|
|
}
|
|
|
|
.container .index-top .login-success {
|
|
width: 30%;
|
|
float: left;
|
|
box-sizing: border-box;
|
|
padding-right: 0.2rem;
|
|
}
|
|
|
|
.container .index-top .login-success .content {
|
|
background-color: #fff;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0.3rem 0.2rem;
|
|
height: 3.22rem;
|
|
position: relative;
|
|
}
|
|
|
|
.container .index-top .login-success .user-pic {
|
|
width: 40%;
|
|
float: left;
|
|
}
|
|
|
|
.container .index-top .login-success .user-pic img {
|
|
width: 100%;
|
|
background-color: #fea;
|
|
}
|
|
|
|
.container .index-top .login-success .user-text {
|
|
width: 60%;
|
|
box-sizing: border-box;
|
|
padding-left: 0.1rem;
|
|
float: left;
|
|
}
|
|
|
|
.container .index-top .login-success .user-text a {
|
|
color: #333;
|
|
font-size: 0.16rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.container .index-top .login-success .user-text p {
|
|
color: #666;
|
|
font-size: 0.14rem;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.container .index-top .login-success .btns {
|
|
margin: 0.15rem 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.container .index-top .login-success .btns a {
|
|
display: inline-block;
|
|
float: left;
|
|
background-color: #4095ce;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 0.16rem;
|
|
height: 0.35rem;
|
|
line-height: 0.35rem;
|
|
}
|
|
|
|
.container .index-top .login-success .btns .btn-stu {
|
|
display: inline-block;
|
|
width: 48%;
|
|
float: left;
|
|
}
|
|
|
|
.container .index-top .login-success .btns .btn-logout {
|
|
width: 48%;
|
|
margin-left: 4%;
|
|
float: left;
|
|
}
|
|
|
|
.owl-carousel .owl-item img {
|
|
height: 3.22rem;
|
|
}
|
|
|
|
.container .index-top .notice {
|
|
width: 30%;
|
|
float: left;
|
|
box-sizing: border-box;
|
|
padding-left: 0.2rem;
|
|
}
|
|
|
|
.container .index-top .notice .content {
|
|
background: #1a1d24;
|
|
padding: 0 0.2rem 0.2rem;
|
|
box-sizing: border-box;
|
|
height: 3.22rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.container .index-top .notice .title {
|
|
height: 0.36rem;
|
|
margin-bottom: 0.1rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.container .index-top .notice .title h3 {
|
|
line-height: 0.36rem;
|
|
font-size: 0.16rem;
|
|
margin: 0;
|
|
float: left;
|
|
}
|
|
|
|
.container .index-top .notice .title a {
|
|
float: right;
|
|
color: #C7C7C7;
|
|
font-size: 0.12rem;
|
|
line-height: 0.3rem;
|
|
}
|
|
|
|
.container .index-top .notice ul li {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
.container .index-top .notice ul li a {
|
|
color: #C7C7C7;
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
line-height: 0.3rem;
|
|
}
|
|
|
|
.container .index-top .notice ul li a:hover {
|
|
color: #f60;
|
|
}
|
|
|
|
|
|
/*star*/
|
|
|
|
.container .star .tab {
|
|
background-color: #fff;
|
|
position: relative;
|
|
}
|
|
|
|
.container .star .tab-head {
|
|
background-color: #f9f9f9;
|
|
height: 0.5rem;
|
|
}
|
|
|
|
.container .star .tab-head ul li {
|
|
float: left;
|
|
}
|
|
|
|
.container .star .tab-head ul li a.active {
|
|
border-top: 0.03rem solid #005ebf;
|
|
background-color: #fff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.container .star .tab-head ul li a {
|
|
border-top: 0.03rem solid #f9f9f9;
|
|
display: block;
|
|
padding: 0 0.2rem;
|
|
line-height: 0.47rem;
|
|
color: #222;
|
|
}
|
|
|
|
.container .star .tab-body {
|
|
padding-top: 0.3rem;
|
|
overflow: hidden;
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.container .star .tab-body ul li {
|
|
width: 50%;
|
|
float: left;
|
|
box-sizing: border-box;
|
|
padding-left: 2%;
|
|
margin-bottom: 0.3rem;
|
|
}
|
|
|
|
.container .star .tab-body .star-pic {
|
|
float: left;
|
|
width: 30%;
|
|
}
|
|
|
|
.container .star .tab-body .star-pic img {
|
|
width: 100%;
|
|
height: 1.62rem;
|
|
background-color: #fea;
|
|
}
|
|
|
|
.container .star .tab-body .star-info {
|
|
width: 70%;
|
|
float: left;
|
|
box-sizing: border-box;
|
|
padding: 0 0.2rem;
|
|
}
|
|
|
|
.container .star .tab-body .star-info .username {
|
|
color: #333;
|
|
}
|
|
|
|
.container .star .tab-body .star-info p {
|
|
color: #666;
|
|
font-size: 0.13rem;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 5;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.container .star .tab-body .star-info a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.container .star .tab-body .more {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0.2rem;
|
|
color: #666;
|
|
font-size: 0.12rem;
|
|
line-height: 0.5rem;
|
|
}
|
|
|
|
.container .star .tab-body .more:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.anster-c {
|
|
background-color: #61cdb5;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
/*stu-resource*/
|
|
|
|
.container .stu-resource {
|
|
overflow: hidden;
|
|
margin-bottom: 0.4rem;
|
|
}
|
|
|
|
.container .stu-resource .weike,
|
|
.container .stu-resource .activity {
|
|
background-color: #fff;
|
|
width: 49%;
|
|
}
|
|
|
|
.container .stu-resource .weike {
|
|
float: left;
|
|
}
|
|
|
|
.container .stu-resource .activity {
|
|
margin-left: 2%;
|
|
float: left;
|
|
}
|
|
|
|
.container .stu-resource .top {
|
|
height: 0.5rem;
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.container .stu-resource .top .title {
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
color: #000;
|
|
padding: 0 0.2rem;
|
|
line-height: 0.47rem;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.container .stu-resource .top .more {
|
|
font-size: 0.12rem;
|
|
color: #666;
|
|
float: right;
|
|
margin-right: 0.2rem;
|
|
line-height: 0.5rem;
|
|
}
|
|
|
|
.container .stu-resource .content {
|
|
padding: 0.3rem 0.2rem;
|
|
}
|
|
|
|
.container .stu-resource .content .pic {
|
|
width: 30%;
|
|
float: left;
|
|
}
|
|
|
|
.container .stu-resource .content .pic img {
|
|
width: 100%;
|
|
height: 0.9rem;
|
|
background-color: #fea;
|
|
}
|
|
.info p{
|
|
word-break: break-all;
|
|
}
|
|
.container .stu-resource .content .info {
|
|
width: 70%;
|
|
box-sizing: border-box;
|
|
padding-left: 0.2rem;
|
|
float: left;
|
|
}
|
|
|
|
.container .stu-resource .content .info .name {
|
|
font-weight: bold;
|
|
color: #333;
|
|
display: block;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.container .stu-resource .content .info .name:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.container .stu-resource .content .info .date {
|
|
color: #a599a5;
|
|
font-size: 0.12rem;
|
|
}
|
|
|
|
.container .stu-resource .content .info .text {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
/*study*/
|
|
|
|
.header .main-nav .home {
|
|
display: inline-block;
|
|
margin-top: 0.06rem;
|
|
background: url("../img/icon-home.png") no-repeat;
|
|
color: #666;
|
|
padding-left: 0.35rem;
|
|
line-height: 0.32rem;
|
|
}
|
|
|
|
.container .study-box .stage {
|
|
background-color: #fff;
|
|
width: 100%;
|
|
margin: 0.1rem 0;
|
|
}
|
|
|
|
.study-box .position {
|
|
height: 0.3rem;
|
|
padding-left: 0.4rem;
|
|
background-color: #eee;
|
|
border: 0.01rem solid #ddd;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.study-box .position p {
|
|
margin: 0;
|
|
line-height: 0.3rem;
|
|
}
|
|
|
|
.position p span:before {
|
|
content: ">";
|
|
padding: 0 0.05rem;
|
|
}
|
|
|
|
.study-box .position p a {
|
|
color: #666;
|
|
}
|
|
|
|
.study-box .position p a:hover {
|
|
color: #333;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.study-box .stage .item {
|
|
display: inline-block;
|
|
margin: 0 0.4rem;
|
|
position: relative;
|
|
}
|
|
|
|
.study-box .stage .item .name a {
|
|
display: inline-block;
|
|
height: 0.4rem;
|
|
line-height: 0.4rem;
|
|
padding-right: 0.25rem;
|
|
color: #333;
|
|
font-size: 0.16rem;
|
|
background: url("../img/icon-down.png") no-repeat center right;
|
|
overflow: hidden;
|
|
width: 0.8rem;
|
|
}
|
|
|
|
.study-box .stage .item .tool {
|
|
width: 100%;
|
|
background-color: #fff;
|
|
position: absolute;
|
|
top: 0.48rem;
|
|
box-sizing: border-box;
|
|
border: 0.01rem solid #eee;
|
|
border-top: 0.01rem solid #fff;
|
|
z-index: 999;
|
|
display: none;
|
|
}
|
|
|
|
.stage .item .tool .trigon-box {
|
|
width: 100%;
|
|
height: 0.15rem;
|
|
position: absolute;
|
|
top: -11px;
|
|
left: 0;
|
|
}
|
|
|
|
.stage .item .tool .trigon {
|
|
border-left: 10px solid transparent;
|
|
border-right: 10px solid transparent;
|
|
border-bottom: 10px solid #fff;
|
|
width: 0;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.stage .item .tool ul {
|
|
padding: 0 0.1rem;
|
|
}
|
|
|
|
.stage .item .tool ul li {
|
|
width: 100%;
|
|
height: 0.3rem;
|
|
box-sizing: border-box;
|
|
border-bottom: 0.01rem solid #ddd;
|
|
}
|
|
|
|
.stage .item .tool ul li:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.stage .item .tool ul li a {
|
|
display: block;
|
|
padding: 0 0.1rem;
|
|
color: #666;
|
|
line-height: 0.3rem;
|
|
font-size: 0.14rem;
|
|
}
|
|
|
|
.stage .item .tool ul li a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.study-box .stage .item .intro {
|
|
position: absolute;
|
|
left: 1.3rem;
|
|
top: 0;
|
|
z-index: 2000;
|
|
background-color: #fafafa;
|
|
box-sizing: border-box;
|
|
padding: 0.1rem;
|
|
border: 1px solid #ff7e00;
|
|
box-shadow: 0.02rem 0.02rem 0.03rem 0 #e3a971;
|
|
display: none;
|
|
}
|
|
|
|
.study-box .stage .item .intro .trigon-box {
|
|
border-color: transparent #ff7e00 transparent transparent;
|
|
border-style: dashed dashed solid;
|
|
border-width: 10px 10px 10px 0;
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
left: -0.11rem;
|
|
top: 0.1rem;
|
|
}
|
|
|
|
.study-box .stage .item .intro .trigon-box .trigon {
|
|
border-color: transparent #fff transparent transparent;
|
|
border-style: dashed dashed solid;
|
|
border-width: 10px 10px 10px 0;
|
|
width: 0;
|
|
height: 0;
|
|
line-height: 0;
|
|
position: absolute;
|
|
left: 2px;
|
|
top: -10px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.study-box .stage .item .intro .text p {
|
|
white-space: nowrap;
|
|
margin-right: 0.2rem;
|
|
}
|
|
|
|
.study-box .stage .item .name:hover .intro {
|
|
display: block;
|
|
}
|
|
|
|
.study-box .content {
|
|
background-color: #fff;
|
|
padding: 0.3rem 0.2rem 0.2rem;
|
|
margin-bottom: 0.4rem;
|
|
border: 0.01rem solid #ddd;
|
|
}
|
|
|
|
.study-box .content .task {
|
|
margin-bottom: 0.2rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.study-box .content .task>div {
|
|
box-sizing: border-box;
|
|
border: 0.01rem solid #e3e3e3;
|
|
padding: 0.1rem;
|
|
}
|
|
|
|
.study-box .content .task .claim .title {
|
|
color: #0077b9;
|
|
font-size: 0.18rem;
|
|
}
|
|
|
|
.study-box .content .task .result .title {
|
|
color: #dc4848;
|
|
font-size: 0.18rem;
|
|
}
|
|
|
|
.study-box .content .task p {
|
|
color: #555;
|
|
font-size: 0.14rem;
|
|
}
|
|
|
|
.study-box .content .task p span {
|
|
color: #ff7e00;
|
|
font-weight: bold;
|
|
font-size: 0.16rem;
|
|
}
|
|
|
|
.study-box .content .task .claim {
|
|
width: 49%;
|
|
float: left;
|
|
}
|
|
|
|
.study-box .content .task .result {
|
|
width: 49%;
|
|
margin-left: 2%;
|
|
float: left;
|
|
}
|
|
|
|
.study-box .content .search {
|
|
margin-bottom: 0.3rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.study-box .content .search .search-group {
|
|
float: left;
|
|
margin-right: 0.2rem;
|
|
}
|
|
|
|
.study-box .content .search .btn-search {
|
|
float: right;
|
|
}
|
|
|
|
.study-box .content .search .btn-search input {
|
|
box-sizing: border-box;
|
|
border: 0.01rem solid #2494CB;
|
|
background-color: #01aaff;
|
|
color: #fff;
|
|
border-radius: 0.03rem;
|
|
padding: 0.02rem 0.15rem;
|
|
margin-right: 0.2rem;
|
|
outline: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.study-box .content .search .btn-add {
|
|
margin-top: 0.2rem;
|
|
clear: right;
|
|
float: right;
|
|
margin-right: 0.2rem;
|
|
}
|
|
|
|
.study-box .content .search .btn-add a {
|
|
border-radius: 0.03rem;
|
|
padding: 0.05rem 0.3rem;
|
|
background-color: #dc4848;
|
|
display: inline-block;
|
|
text-align: center;
|
|
color: #fff;
|
|
}
|
|
|
|
.study-box .content-list .label {
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.study-box .content-list .label span {
|
|
border: 0.01rem solid #e3e3e3;
|
|
border-radius: 3px;
|
|
background-image: -moz-linear-gradient(90deg, #f0f0f0 0%, #f8f8f8 79%);
|
|
background-image: -webkit-linear-gradient(90deg, #f0f0f0 0%, #f8f8f8 79%);
|
|
background-image: -ms-linear-gradient(90deg, #f0f0f0 0%, #f8f8f8 79%);
|
|
padding: 0.05rem 0.2rem;
|
|
cursor: pointer;
|
|
background-color: #f0f0f0 \0;
|
|
margin-right: 0.15rem;
|
|
}
|
|
|
|
.study-box .content-list .label span.active {
|
|
color: #fff;
|
|
background-image: -moz-linear-gradient(90deg, #0077b9 0%, #0e95e0 79%);
|
|
background-image: -webkit-linear-gradient(90deg, #0077b9 0%, #0e95e0 79%);
|
|
background-image: -ms-linear-gradient(90deg, #0077b9 0%, #0e95e0 79%);
|
|
border-color: #0e95e0;
|
|
background-color: #0077b9 \0;
|
|
}
|
|
|
|
.study-box .content-list ul {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.study-box .content-list .video-box ul li {
|
|
float: left;
|
|
width: 23%;
|
|
margin-right: 2%;
|
|
margin-bottom: 0.6rem;
|
|
height: 1.92rem;
|
|
box-sizing: border-box;
|
|
border: 0.01rem solid #fff;
|
|
}
|
|
|
|
.video-box ul li {
|
|
position: relative;
|
|
}
|
|
|
|
.chenges {
|
|
position: absolute;
|
|
top: 2rem;
|
|
left: 2.15rem;
|
|
border: none;
|
|
background-color: #CC3333;
|
|
border-radius: 0.05rem;
|
|
display: none;
|
|
}
|
|
|
|
.chenges a {
|
|
padding: 0 0.08rem;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.video-box ul li:hover .chenges {
|
|
display: block;
|
|
}
|
|
|
|
.study-box .content-list .video-box ul li:hover {
|
|
border-color: #ddd;
|
|
box-shadow: 1px 1px 2px 1px #ECECEC;
|
|
}
|
|
|
|
.study-box .content-list .video-box ul li .video-pic {
|
|
padding: 0.05rem;
|
|
}
|
|
|
|
.study-box .content-list .video-box ul li .video-pic img {
|
|
width: 100%;
|
|
height: 1.3rem;
|
|
background-color: #fea;
|
|
}
|
|
|
|
.study-box .content-list .video-box ul li .video-info {
|
|
padding: 0 0.05rem;
|
|
}
|
|
|
|
.study-box .content-list .video-box ul li .video-info a {
|
|
display: block;
|
|
color: #333;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
height: 40px;
|
|
font-size: 14px;
|
|
padding-bottom: 0.1rem;
|
|
}
|
|
|
|
.study-box .content-list .video-box ul li .video-info .watch {
|
|
font-size: 0.12rem;
|
|
padding-left: 0.2rem;
|
|
background: url("../img/icon-watch.png") no-repeat;
|
|
}
|
|
|
|
.study-box .content-list .video-box ul li .video-info .author {
|
|
/* float: right;*/
|
|
font-size: 0.12rem;
|
|
padding-left: 0.2rem;
|
|
padding-top: 0.02rem;
|
|
}
|
|
|
|
|
|
/*course-player*/
|
|
|
|
.course-player .position {
|
|
margin-bottom: 0.1rem;
|
|
}
|
|
|
|
.course-player .position p {
|
|
margin: 0.05rem 0;
|
|
}
|
|
|
|
.course-player .position p span:before {
|
|
content: ">";
|
|
padding: 0 0.05rem;
|
|
}
|
|
|
|
.course-player .position p a {
|
|
color: #333;
|
|
}
|
|
|
|
.course-player .position p a:hover {
|
|
color: #666;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.course-player .video-box .title {
|
|
font-size: 0.2rem;
|
|
height: 0.4rem;
|
|
line-height: 0.4rem;
|
|
}
|
|
|
|
.course-player .video-box .player {
|
|
width: 100%;
|
|
height: 6.75rem;
|
|
background-color: #333;
|
|
color: #fff;
|
|
}
|
|
|
|
.course-player .player-tab {
|
|
margin: 0.2rem 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.course-player .player-tab .tab-head {
|
|
width: 100%;
|
|
height: 0.4rem;
|
|
background-color: #eee;
|
|
}
|
|
|
|
.course-player .player-tab .tab-head span {
|
|
display: block;
|
|
width: auto;
|
|
height: 0.4rem;
|
|
line-height: 0.4rem;
|
|
font-size: 0.16rem;
|
|
color: #555;
|
|
padding: 0 0.2rem;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.course-player .player-tab .tab-head span:hover,
|
|
.course-player .player-tab .tab-head span.active {
|
|
border-bottom: 0.02rem solid #005ebf;
|
|
color: #005ebf;
|
|
}
|
|
|
|
.course-player .player-tab .tab-body {
|
|
padding: 0.3rem 0.2rem;
|
|
}
|
|
|
|
.course-list ul li {
|
|
overflow: hidden;
|
|
margin-bottom: 0.1rem;
|
|
border-bottom: 0.01rem solid #ddd;
|
|
padding-bottom: 0.1rem;
|
|
}
|
|
|
|
.course-list ul li.on .lesson-num {
|
|
background: url("../img/icon-player.png") no-repeat -2px -2px;
|
|
font-size: 0;
|
|
}
|
|
|
|
.course-list ul li .lesson-num {
|
|
width: 0.18rem;
|
|
height: 0.18rem;
|
|
border-radius: 50%;
|
|
background-color: #ddd;
|
|
margin-top: 0.05rem;
|
|
float: left;
|
|
}
|
|
|
|
.course-list ul li .lesson-num i {
|
|
color: #fff;
|
|
font-style: normal;
|
|
display: block;
|
|
text-align: center;
|
|
line-height: 0.18rem;
|
|
}
|
|
|
|
.course-list ul li .txt-box {
|
|
padding-left: 0.3rem;
|
|
font-size: 0.16rem;
|
|
}
|
|
|
|
.course-list ul li .txt-box a {
|
|
color: #333;
|
|
}
|
|
|
|
.course-list ul li .txt-box a:hover,
|
|
.course-list ul li .txt-box a.active {
|
|
color: #005ebf;
|
|
}
|
|
|
|
.course-list ul li .txt-box p {
|
|
/*overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;*/
|
|
font-size: 0.14rem;
|
|
margin: 0.05rem 0;
|
|
color: #666;
|
|
}
|
|
|
|
.course-detail {
|
|
display: none;
|
|
}
|
|
|
|
.course-comment {
|
|
display: none;
|
|
}
|
|
|
|
.course-comment .input-box {
|
|
padding-bottom: 0.2rem;
|
|
margin-bottom: 0.1rem;
|
|
border-bottom: 0.01rem solid #ddd;
|
|
}
|
|
|
|
.course-comment .input-box textarea {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0.1rem;
|
|
outline: none;
|
|
}
|
|
|
|
.course-comment .input-box textarea:focus {
|
|
border: 0.01rem solid #005ebf;
|
|
}
|
|
|
|
.course-comment .input-box .star {
|
|
float: left;
|
|
width: auto;
|
|
margin-top: 0.06rem;
|
|
}
|
|
|
|
.course-comment .input-box input[type=button] {
|
|
float: right;
|
|
margin-right: 0.2rem;
|
|
color: #fff;
|
|
background-color: #f00;
|
|
border: 0.01rem solid #f60;
|
|
box-sizing: border-box;
|
|
padding: 0.05rem 0.2rem;
|
|
outline: none;
|
|
cursor: pointer;
|
|
border-radius: 0.03rem;
|
|
}
|
|
|
|
.course-comment .comment-list {
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.course-comment .comment-list ul li {
|
|
border-bottom: 0.01rem solid #ddd;
|
|
padding: 0.1rem 0;
|
|
}
|
|
|
|
.course-comment .comment-list .user-pic {
|
|
width: 0.6rem;
|
|
height: 0.6rem;
|
|
border-radius: 0.05rem;
|
|
background-color: #fea;
|
|
float: left;
|
|
}
|
|
|
|
.course-comment .comment-list .comment-text {
|
|
padding-left: 0.7rem;
|
|
}
|
|
|
|
.course-comment .comment-list .comment-text .username {
|
|
font-weight: bold;
|
|
color: #4d555d;
|
|
font-size: 0.16rem;
|
|
}
|
|
|
|
.course-comment .comment-list .comment-text p {
|
|
font-size: 0.14rem;
|
|
color: #333;
|
|
margin: 0.05rem 0;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.course-comment .comment-list .comment-text .date {
|
|
font-size: 0.12rem;
|
|
color: #666;
|
|
}
|
|
|
|
.course-notes {
|
|
display: none;
|
|
}
|
|
|
|
.course-notes .input-box {
|
|
padding-bottom: 0.2rem;
|
|
margin-bottom: 0.1rem;
|
|
border-bottom: 0.01rem solid #ddd;
|
|
}
|
|
|
|
.course-notes .input-box textarea {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0.1rem;
|
|
outline: none;
|
|
}
|
|
|
|
.course-notes .input-box textarea:focus {
|
|
border: 0.01rem solid #005ebf;
|
|
}
|
|
|
|
.course-notes .input-box .star {
|
|
float: left;
|
|
width: auto;
|
|
margin-top: 0.06rem;
|
|
}
|
|
|
|
.course-notes .input-box input[type=button] {
|
|
float: right;
|
|
margin-right: 0.2rem;
|
|
color: #fff;
|
|
background-color: #f00;
|
|
border: 0.01rem solid #f60;
|
|
box-sizing: border-box;
|
|
padding: 0.05rem 0.2rem;
|
|
outline: none;
|
|
cursor: pointer;
|
|
border-radius: 0.03rem;
|
|
}
|
|
|
|
.course-notes .comment-list {
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.course-notes .comment-list ul li {
|
|
border-bottom: 0.01rem solid #ddd;
|
|
padding: 0.1rem 0;
|
|
}
|
|
|
|
.course-notes .comment-list .user-pic {
|
|
width: 0.6rem;
|
|
height: 0.6rem;
|
|
border-radius: 0.05rem;
|
|
background-color: #fea;
|
|
float: left;
|
|
}
|
|
|
|
.course-notes .comment-list .comment-text {
|
|
padding-left: 0.7rem;
|
|
}
|
|
|
|
.course-notes .comment-list .comment-text .username {
|
|
font-weight: bold;
|
|
color: #4d555d;
|
|
font-size: 0.16rem;
|
|
}
|
|
|
|
.course-notes .comment-list .comment-text p {
|
|
font-size: 0.14rem;
|
|
color: #333;
|
|
margin: 0.05rem 0;
|
|
}
|
|
|
|
.course-notes .comment-list .comment-text .date {
|
|
font-size: 0.12rem;
|
|
color: #666;
|
|
}
|
|
|
|
|
|
/*考核要求*/
|
|
|
|
.study-box .requirements .schedule {
|
|
background-color: #eee;
|
|
height: 0.4rem;
|
|
margin-bottom: 0.1rem;
|
|
}
|
|
|
|
.study-box .requirements .schedule p {
|
|
line-height: 0.4rem;
|
|
padding-left: 0.1rem;
|
|
font-size: 0.16rem;
|
|
color: #333;
|
|
margin: 0;
|
|
}
|
|
|
|
.study-box .requirements .schedule span {
|
|
font-size: 0.14rem;
|
|
color: #666;
|
|
}
|
|
|
|
.study-box .requirements .schedule i {
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
color: #ff7e00;
|
|
font-size: 0.16rem;
|
|
padding: 0 0.05rem;
|
|
}
|
|
|
|
.study-box .requirements .item {
|
|
margin-bottom: 0.1rem;
|
|
}
|
|
|
|
.study-box .requirements .item .stage-info {
|
|
height: 0.4rem;
|
|
padding-left: 0.5rem;
|
|
}
|
|
|
|
.study-box .requirements .item .stage-img {
|
|
background: #eee url(../img/suo.png) no-repeat 0.08rem 0.08rem;
|
|
background-size: 0.25rem;
|
|
}
|
|
|
|
.study-box .requirements .item .stage-imgnot {
|
|
background: #eee;
|
|
background-size: 0.25rem;
|
|
}
|
|
|
|
.study-box .requirements .item .stage-info p {
|
|
float: left;
|
|
line-height: 0.4rem;
|
|
margin: 0;
|
|
font-weight: bold;
|
|
float: left;
|
|
width: 30%;
|
|
line-height: 0.4rem;
|
|
margin: 0;
|
|
font-weight: bold;
|
|
overflow: hidden;
|
|
margin-right: 0.2rem;
|
|
}
|
|
.course-list p{
|
|
word-break: break-all;
|
|
}
|
|
.study-box .requirements .item .stage-info .witch-confine{
|
|
overflow: hidden; white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
.study-box .requirements .item .stage-info .switch {
|
|
width: 0.18rem;
|
|
height: 0.18rem;
|
|
margin-top: 0.11rem;
|
|
display: block;
|
|
float: right;
|
|
margin-right: 0.1rem;
|
|
background: url("../img/icon-khyq-close.png") no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.study-box .requirements .item .tab-box {
|
|
width: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.study-box .requirements .item table {
|
|
width: 100%;
|
|
min-width: 5.3rem;
|
|
overflow-y: auto;
|
|
border-collapse: collapse;
|
|
border: 0.01rem solid #ddd;
|
|
}
|
|
|
|
.tab-box::-webkit-scrollbar {
|
|
-webkit-appearance: none;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
.tab-box::-webkit-scrollbar-thumb {
|
|
border-radius: 8px;
|
|
border: 3px solid #fff;
|
|
background-color: rgba(0, 0, 0, .3);
|
|
}
|
|
|
|
.study-box .requirements .item table tr,
|
|
.study-box .requirements .item table td,
|
|
.study-box .requirements .item table th {
|
|
border: 0.01rem solid #ddd;
|
|
height: 0.4rem;
|
|
}
|
|
|
|
.study-box .requirements .item table td {
|
|
padding: 0 0.05rem;
|
|
color: #777;
|
|
}
|
|
|
|
.study-box .requirements .item table td .pay-mg {
|
|
width: 0.25rem;
|
|
height: 0.25rem;
|
|
}
|
|
|
|
.study-box .requirements .item table td:first-child,
|
|
.study-box .requirements .item table td:last-child {
|
|
max-width: 0.4rem;
|
|
min-width: 0.2rem;
|
|
}
|
|
|
|
.study-box .requirements .item table td a {
|
|
color: #777;
|
|
}
|
|
|
|
|
|
/*uploadweike*/
|
|
|
|
.study-box .upload-file {
|
|
min-height: 5.03rem;
|
|
}
|
|
|
|
.study-box .upload-file .form-group {
|
|
margin-bottom: 0.2rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.study-box .upload-file .form-group label {
|
|
margin-right: 0.25rem;
|
|
float: left;
|
|
}
|
|
|
|
.study-box .upload-file .form-group .m-1 {
|
|
margin-right: 0.1rem;
|
|
}
|
|
|
|
.form-group a {
|
|
text-decoration: underline;
|
|
color: #555;
|
|
margin-left: 0.5rem;
|
|
}
|
|
|
|
.butbox img {
|
|
width: 2rem;
|
|
height: 2rem;
|
|
margin-left: 0.5rem;
|
|
}
|
|
|
|
.chear {
|
|
border: 1px solid #E0E0E0;
|
|
}
|
|
|
|
.study-box .upload-file .form-group .txt-r {
|
|
width: 0.85rem;
|
|
text-align: right;
|
|
}
|
|
|
|
.study-box .upload-file .form-group .file-box {
|
|
width: 1.95rem;
|
|
height: 0.38rem;
|
|
margin-left: 0.1rem;
|
|
background: url("../img/btn-uploadfile.png") no-repeat;
|
|
float: left;
|
|
cursor: pointer;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.study-box .upload-file .form-group .mr0 {
|
|
margin: 0;
|
|
}
|
|
|
|
.study-box .upload-file .form-group .file-box span {
|
|
display: block;
|
|
text-align: center;
|
|
line-height: 0.38rem;
|
|
color: #fff;
|
|
font-size: 0.16rem;
|
|
}
|
|
|
|
.study-box .upload-file .file-box input[type=file] {
|
|
width: 2rem;
|
|
height: 0.38rem;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
position: absolute;
|
|
top: 0;
|
|
left: -0.05rem;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.form-group-img {
|
|
width: 2rem;
|
|
height: 2rem;
|
|
margin-left: 0.5rem;
|
|
display: inline-block;
|
|
}
|
|
.form-group-img{
|
|
width: 2rem;
|
|
height: 2rem;
|
|
margin-left: 0.5rem;
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
.study-box .upload-file .form-group .upload-yq {
|
|
clear: left;
|
|
padding-left: 0.4rem;
|
|
padding-top: 0.1rem;
|
|
padding-bottom: 0.2rem;
|
|
border-bottom: 0.01rem dashed #ddd;
|
|
}
|
|
|
|
.study-box .upload-file .form-group .upload-yq p {
|
|
font-size: 0.16rem;
|
|
color: #666;
|
|
}
|
|
|
|
.study-box .upload-file .form-group .upload-yq ul li {
|
|
font-size: 0.12rem;
|
|
color: #666;
|
|
}
|
|
|
|
.study-box .upload-file .form-group .upload-yq span {
|
|
padding-right: 0.04rem;
|
|
}
|
|
|
|
.study-box .upload-file .form-group .tips {
|
|
margin-left: 0.1rem;
|
|
color: #f00;
|
|
font-size: 0.12rem;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.study-box .upload-file .form-group input[type=text],
|
|
.study-box .upload-file .form-group textarea {
|
|
width: 5rem;
|
|
padding: 0.06rem 0.06rem 0.05rem 0.06rem;
|
|
border: 0.01rem solid #999;
|
|
outline: none;
|
|
}
|
|
|
|
.study-box .upload-file .form-group input[type=text]:focus,
|
|
.study-box .upload-file .form-group textarea:focus {
|
|
border-color: #005ebf;
|
|
}
|
|
|
|
.study-box .upload-file .form-group .block {
|
|
float: none;
|
|
display: block;
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.study-box .upload-file .form-group .select-box {
|
|
clear: left;
|
|
display: inline-block;
|
|
width: auto;
|
|
margin-right: 0.3rem;
|
|
}
|
|
|
|
.study-box .upload-file .form-group .select-box select {
|
|
outline: none;
|
|
}
|
|
|
|
.study-box .upload-file .form-group input[type=button] {
|
|
width: 114px;
|
|
height: 33px;
|
|
border-radius: 3px;
|
|
background-color: #dc4848;
|
|
color: #fff;
|
|
border: 0.01rem;
|
|
cursor: pointer;
|
|
margin-right: 0.2rem;
|
|
margin-top: 0.1rem;
|
|
outline: none;
|
|
}
|
|
|
|
.study-box .upload-file .form-group input.btn-reset {
|
|
width: 114px;
|
|
height: 33px;
|
|
border-radius: 3px;
|
|
background-color: #ff9600;
|
|
color: #fff;
|
|
border: 0.01rem;
|
|
cursor: pointer;
|
|
margin-right: 0.2rem;
|
|
margin-top: 0.1rem;
|
|
outline: none;
|
|
}
|
|
|
|
.study-box .upload-file .form-group .back {
|
|
width: 114px;
|
|
height: 33px;
|
|
border-radius: 3px;
|
|
background-color: #5bce89;
|
|
display: inline-block;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 0.33rem;
|
|
margin-top: 0.1rem;
|
|
}
|
|
|
|
|
|
/*作业列表*/
|
|
|
|
.study-box .stagetask-box ul li {
|
|
box-sizing: border-box;
|
|
border: 0.01rem solid #ddd;
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-name {
|
|
width: 100%;
|
|
background-color: #f2f2f2;
|
|
height: 0.4rem;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-name p {
|
|
margin: 0;
|
|
line-height: 0.4rem;
|
|
padding-left: 0.2rem;
|
|
font-weight: bold;
|
|
color: #666;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-name p span {
|
|
font-weight: normal;
|
|
color: #333;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-intro {
|
|
overflow: hidden;
|
|
padding: 0.1rem 0.2rem;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-intro .claim {
|
|
width: 60%;
|
|
float: left;
|
|
border-right: 0.01rem solid #ddd;
|
|
box-sizing: border-box;
|
|
padding-right: 0.2rem;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-intro .claim p {
|
|
color: #666;
|
|
line-height: 0.3rem;
|
|
height: 0.6rem;
|
|
margin: 0;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-intro .claim p span {
|
|
color: #333;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-intro .claim .task-file {
|
|
margin-top: 0.1rem;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-intro .claim .task-file p {
|
|
height: 0.3rem;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-intro .mine {
|
|
width: 40%;
|
|
float: left;
|
|
box-sizing: border-box;
|
|
padding-left: 0.2rem;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-intro .mine .task-submit {
|
|
display: block;
|
|
width: 107px;
|
|
height: 34px;
|
|
font: normal 14px/34px 'Microsoft YaHei';
|
|
border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
background-color: #DC4A4A;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-intro .mine p {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
color: #666;
|
|
line-height: 0.3rem;
|
|
margin: 0;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-intro .mine p span {
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-intro .mine .score span {
|
|
color: #F6682D;
|
|
}
|
|
|
|
.study-box .stagetask-box .task-intro .mine .btns a {
|
|
display: inline-block;
|
|
width: 70px;
|
|
height: 25px;
|
|
text-align: center;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
margin-right: 18px;
|
|
margin-top: 15px;
|
|
background-color: #16A5F5;
|
|
}
|
|
|
|
|
|
/*查看作业*/
|
|
|
|
.show-content .position {
|
|
margin-bottom: 0.1rem;
|
|
}
|
|
|
|
.show-content .position p {
|
|
margin: 0.05rem 0;
|
|
}
|
|
|
|
.show-content .position p a {
|
|
color: #333;
|
|
}
|
|
|
|
.show-content .task-intro {
|
|
background-color: #fff;
|
|
box-sizing: border-box;
|
|
padding: 0.1rem 0.2rem;
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.show-content .task-intro .claim p {
|
|
margin: 0 0 0.1rem 0;
|
|
font-weight: bold;
|
|
color: #666;
|
|
}
|
|
|
|
.show-content .task-intro .author {
|
|
border-top: 0.01rem solid #ddd;
|
|
padding-top: 0.05rem;
|
|
}
|
|
|
|
.show-content .task-intro .author span {
|
|
margin-right: 0.3rem;
|
|
}
|
|
|
|
.show-content .task-intro .author span:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.show-content .task-intro .claim p span {
|
|
font-weight: normal;
|
|
}
|
|
.plugin-box p{
|
|
padding: 0 0.3rem;
|
|
word-break: break-all;
|
|
}
|
|
.show-content .plugin-box {
|
|
width: 100%;
|
|
/*height: 6.75rem;*/
|
|
background-color: #fff;
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
.show-content .comment-box {
|
|
background-color: #fff;
|
|
box-sizing: border-box;
|
|
padding: 0.2rem;
|
|
margin-bottom: 0.4rem;
|
|
}
|
|
|
|
.show-content .comment-box .task-score {
|
|
border-bottom: 0.01rem solid #ddd;
|
|
padding-bottom: 0.1rem;
|
|
margin-bottom: 0.1rem;
|
|
}
|
|
|
|
.show-content .comment-box .task-score span {
|
|
margin-right: 0.2rem;
|
|
}
|
|
|
|
.show-content .comment-box .task-score i {
|
|
color: #dc4848;
|
|
padding: 0 0.03rem;
|
|
font-style: normal;
|
|
}
|
|
|
|
.show-content .comment-box .submit-comment {
|
|
border-bottom: 0.01rem solid #ddd;
|
|
padding-bottom: 0.2rem;
|
|
margin-bottom: 0.1rem;
|
|
}
|
|
|
|
.show-content .comment-box .submit-comment textarea {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0.06rem;
|
|
margin-bottom: 0.1rem;
|
|
outline: none;
|
|
}
|
|
|
|
.show-content .comment-box .submit-comment input[type=number] {
|
|
width: 38%;
|
|
max-width: 2rem;
|
|
padding: 0.06rem;
|
|
outline: none;
|
|
}
|
|
|
|
.show-content .comment-box .submit-comment input[type=button] {
|
|
float: right;
|
|
margin-right: 0.2rem;
|
|
color: #fff;
|
|
background-color: #f00;
|
|
border: 0.01rem solid #f60;
|
|
box-sizing: border-box;
|
|
padding: 0.05rem 0.2rem;
|
|
outline: none;
|
|
cursor: pointer;
|
|
border-radius: 0.03rem;
|
|
}
|
|
|
|
.show-content .comment-box .submit-comment span {
|
|
margin-left: 0.1rem;
|
|
}
|
|
|
|
.show-content .comment-box .comment-list ul li {
|
|
border-bottom: 0.01rem solid #ddd;
|
|
padding: 0.1rem 0;
|
|
}
|
|
|
|
.show-content .comment-box .comment-list .user-pic {
|
|
width: 0.6rem;
|
|
height: 0.6rem;
|
|
border-radius: 0.05rem;
|
|
background-color: #fea;
|
|
float: left;
|
|
}
|
|
|
|
.show-content .comment-box .comment-list .comment-text {
|
|
padding-left: 0.7rem;
|
|
}
|
|
|
|
.show-content .comment-box .comment-list .comment-text .username {
|
|
font-weight: bold;
|
|
color: #4d555d;
|
|
font-size: 0.16rem;
|
|
}
|
|
|
|
.show-content .comment-box .comment-list .comment-text p {
|
|
font-size: 0.14rem;
|
|
color: #333;
|
|
margin: 0.05rem 0;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.show-content .comment-box .comment-list .comment-text .date {
|
|
font-size: 0.12rem;
|
|
color: #666;
|
|
}
|
|
|
|
|
|
/*在线学习--资源*/
|
|
|
|
.study-box .resource-box ul li {
|
|
border: 0.01rem solid #ddd;
|
|
box-sizing: border-box;
|
|
padding: 0.1rem;
|
|
margin-bottom: 0.2rem;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.study-box .resource-box ul li .res-pic {
|
|
width: 0.7rem;
|
|
height: 0.8rem;
|
|
float: left;
|
|
}
|
|
|
|
.study-box .resource-box ul li .res-pic img {
|
|
width: 0.7rem;
|
|
height: 0.8rem;
|
|
background-color: #fea;
|
|
}
|
|
|
|
.study-box .resource-box ul li .res-intro {
|
|
padding-left: 0.8rem;
|
|
}
|
|
|
|
.study-box .resource-box ul li .res-intro .username {
|
|
font-size: 0.14rem;
|
|
color: #666;
|
|
margin: 0;
|
|
}
|
|
|
|
.study-box .resource-box ul li .res-intro .res-name {
|
|
margin: 0.05rem 0;
|
|
padding-right: 0.8rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.study-box .resource-box ul li .res-intro .res-name a {
|
|
color: #333;
|
|
}
|
|
|
|
.study-box .resource-box ul li .res-intro .res-name a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.study-box .resource-box ul li .res-intro .date {
|
|
position: absolute;
|
|
color: #999;
|
|
top: 0.37rem;
|
|
right: 0.1rem;
|
|
}
|
|
|
|
.study-box .resource-box ul li .res-intro .star {
|
|
width: auto;
|
|
margin-top: 0.1rem;
|
|
float: left;
|
|
}
|
|
|
|
.study-box .resource-box ul li .res-intro .star .com-number {
|
|
margin-left: 0.1rem;
|
|
font-size: 0.12rem;
|
|
}
|
|
|
|
.study-box .resource-box ul li .res-intro .edit {
|
|
float: right;
|
|
display: inline-block;
|
|
width: 70px;
|
|
height: 25px;
|
|
text-align: center;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
margin-top: 0.03rem;
|
|
background-color: #16A5F5;
|
|
line-height: 25px;
|
|
}
|
|
|
|
|
|
/*在线学习--话题*/
|
|
|
|
.study-box .topic-box ul li {
|
|
border: 0.01rem solid #ddd;
|
|
box-sizing: border-box;
|
|
padding: 0.1rem;
|
|
margin-bottom: 0.2rem;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.study-box .topic-box ul li .topic-pic {
|
|
width: 0.7rem;
|
|
height: 0.8rem;
|
|
float: left;
|
|
}
|
|
|
|
.study-box .topic-box ul li .topic-pic img {
|
|
width: 0.7rem;
|
|
height: 0.8rem;
|
|
background-color: #fea;
|
|
}
|
|
|
|
.study-box .topic-box ul li .topic-intro {
|
|
padding-left: 0.8rem;
|
|
}
|
|
|
|
.study-box .topic-box ul li .topic-intro .username {
|
|
font-weight: normal;
|
|
font-size: 0.14rem;
|
|
color: #666;
|
|
margin: 0;
|
|
}
|
|
|
|
.study-box .topic-box ul li .topic-intro .topic-name {
|
|
position: relative;
|
|
margin: 0.05rem 0;
|
|
color: #666;
|
|
}
|
|
|
|
.study-box .topic-box ul li .topic-intro .topic-name a {
|
|
display: block;
|
|
color: #333;
|
|
box-sizing: border-box;
|
|
padding-right: 1rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
float: left;
|
|
}
|
|
|
|
.study-box .topic-box ul li .topic-intro .topic-name a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.study-box .topic-box ul li .topic-intro .topic-name span {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.study-box .topic-box ul li .topic-intro .reply {
|
|
float: left;
|
|
width: auto;
|
|
}
|
|
|
|
.study-box .topic-box ul li .topic-intro .reply span {
|
|
margin-right: 0.15rem;
|
|
color: #999;
|
|
white-space: nowrap;
|
|
font-size: 0.12rem;
|
|
}
|
|
|
|
.study-box .topic-box ul li .topic-intro .reply span:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.study-box .topic-box ul li .topic-intro .edit {
|
|
float: right;
|
|
display: inline-block;
|
|
width: 70px;
|
|
height: 25px;
|
|
text-align: center;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
margin-top: 0.03rem;
|
|
background-color: #16A5F5;
|
|
line-height: 25px;
|
|
}
|
|
|
|
|
|
/*上传话题*/
|
|
|
|
.study-box .upload-file .tab-head .label {
|
|
margin-bottom: 0.2rem;
|
|
height: 0.35rem;
|
|
}
|
|
|
|
.study-box .upload-file .tab-head .label span {
|
|
border: 0.01rem solid #e3e3e3;
|
|
border-radius: 3px;
|
|
background-image: -moz-linear-gradient(90deg, #f0f0f0 0%, #f8f8f8 79%);
|
|
background-image: -webkit-linear-gradient(90deg, #f0f0f0 0%, #f8f8f8 79%);
|
|
background-image: -ms-linear-gradient(90deg, #f0f0f0 0%, #f8f8f8 79%);
|
|
padding: 0.05rem 0.2rem;
|
|
cursor: pointer;
|
|
background-color: #f0f0f0 \0;
|
|
margin-right: 0.15rem;
|
|
}
|
|
|
|
.study-box .upload-file .tab-head .label .active {
|
|
color: #fff;
|
|
background-image: -moz-linear-gradient(90deg, #0077b9 0%, #0e95e0 79%);
|
|
background-image: -webkit-linear-gradient(90deg, #0077b9 0%, #0e95e0 79%);
|
|
background-image: -ms-linear-gradient(90deg, #0077b9 0%, #0e95e0 79%);
|
|
border-color: #0e95e0;
|
|
background-color: #0077b9 \0;
|
|
}
|
|
|
|
.study-box .upload-file .tab-body .content-show {
|
|
display: none;
|
|
}
|
|
|
|
.study-box .upload-file .tab-body .content-show:first-child {
|
|
display: block;
|
|
}
|
|
|
|
.study-box .upload-file .tab-body .rich-edit {
|
|
float: left;
|
|
border: 0.01rem solid #999;
|
|
}
|
|
|
|
.upload-file .tab-body .form-group .video-mode {
|
|
float: left;
|
|
}
|
|
|
|
.upload-file .tab-body .form-group .tab-head {
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.upload-file .tab-body .form-group .tab-head span {
|
|
display: inline-block;
|
|
width: auto;
|
|
padding: 0.05rem 0.2rem;
|
|
background-color: #ddd;
|
|
border-radius: 0.04rem;
|
|
margin-right: 0.2rem;
|
|
color: #999;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.upload-file .tab-body .form-group .tab-head .on {
|
|
background-color: #0a8dd5;
|
|
color: #fff;
|
|
}
|
|
|
|
.upload-file .form-group .tab-body .source {
|
|
display: none;
|
|
}
|
|
|
|
.upload-file .form-group .tab-body .source:first-child {
|
|
display: block;
|
|
}
|
|
|
|
.upload-file .form-group input[type=url] {
|
|
width: 3rem;
|
|
padding: 0.04rem;
|
|
border: 0.01rem solid #999;
|
|
outline: none;
|
|
}
|
|
|
|
|
|
/*活动*/
|
|
|
|
.study-box .activity-box ul li {
|
|
border: 0.01rem solid #ddd;
|
|
box-sizing: border-box;
|
|
padding: 0.1rem;
|
|
margin-bottom: 0.2rem;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 49%;
|
|
margin-right: 2%;
|
|
float: left;
|
|
}
|
|
|
|
.study-box .activity-box ul li:nth-child(2n) {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.study-box .activity-box ul li .act-pic {
|
|
width: 30%;
|
|
height: 0.9rem;
|
|
float: left;
|
|
}
|
|
|
|
.study-box .activity-box ul li .act-pic img {
|
|
width: 100%;
|
|
height: 0.9rem;
|
|
background-color: #fea;
|
|
}
|
|
|
|
.study-box .activity-box ul li .act-intro {
|
|
width: 70%;
|
|
box-sizing: border-box;
|
|
padding-left: 0.1rem;
|
|
float: left;
|
|
}
|
|
|
|
.study-box .activity-box ul li .act-intro p {
|
|
margin: 0;
|
|
}
|
|
|
|
.study-box .activity-box ul li .act-intro .act-name {
|
|
margin: 0.05rem 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.study-box .activity-box ul li .act-intro .username {
|
|
color: #666;
|
|
}
|
|
|
|
.study-box .activity-box ul li .act-intro .act-name a {
|
|
color: #333;
|
|
}
|
|
|
|
.study-box .activity-box ul li .act-intro .act-name a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.study-box .activity-box ul li .act-intro .date {
|
|
color: #999;
|
|
font-size: 0.12rem;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.study-box .activity-box ul li .act-intro span {
|
|
font-size: 0.12rem;
|
|
}
|
|
|
|
.study-box .activity-box ul li .act-intro .status {
|
|
float: right;
|
|
}
|
|
|
|
|
|
/*查看活动*/
|
|
|
|
.show-content .activity {
|
|
background-color: #fff;
|
|
padding: 0.2rem;
|
|
margin-bottom: 0.4rem;
|
|
}
|
|
|
|
.show-content .activity .act-top {
|
|
overflow: hidden;
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.show-content .activity .act-top .act-pic {
|
|
width: 20%;
|
|
height: 1.14rem;
|
|
float: left;
|
|
background-color: #fea;
|
|
}
|
|
|
|
.show-content .activity .act-top .act-text {
|
|
width: 80%;
|
|
float: left;
|
|
box-sizing: border-box;
|
|
padding-left: 0.2rem;
|
|
position: relative;
|
|
}
|
|
|
|
.show-content .activity .act-top .act-text h2 {
|
|
margin: 0;
|
|
font-size: 0.2rem;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.show-content .activity .act-top .act-text p {
|
|
margin: 0.05rem 0;
|
|
color: #666;
|
|
}
|
|
|
|
.show-content .activity .act-top .act-text p span {
|
|
margin-right: 0.3rem;
|
|
}
|
|
|
|
.show-content .activity .act-top .act-text .float-r {
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
|
|
.show-content .activity .act-top .act-text input[type=button] {
|
|
border: 0.01rem;
|
|
color: #fff;
|
|
box-sizing: border-box;
|
|
height: 0.35rem;
|
|
padding: 0 0.3rem;
|
|
border-radius: 0.04rem;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.show-content .activity .act-top .act-text input.manage {
|
|
background-color: #5bce89;
|
|
}
|
|
|
|
.show-content .activity .act-top .act-text input.join {
|
|
background-color: #dc4848;
|
|
}
|
|
|
|
.show-content .activity .act-main {
|
|
box-sizing: border-box;
|
|
border: 0.01rem solid #e5e5e5;
|
|
padding: 0.2rem;
|
|
}
|
|
|
|
.show-content .activity .act-main .box {
|
|
width: 100%;
|
|
display: table;
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.show-content .activity .act-main .box>span {
|
|
padding-right: 0.2rem;
|
|
white-space: nowrap;
|
|
width: 0.7rem;
|
|
display: table-cell;
|
|
*display: inline-block;
|
|
}
|
|
|
|
.show-content .activity .act-main .box .content {
|
|
display: table-cell;
|
|
*display: inline-block;
|
|
}
|
|
|
|
.show-content .activity .act-main .box .content .detail {
|
|
margin-left: 0.1rem;
|
|
}
|
|
|
|
.show-content .activity .act-main .box .content .step {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.show-content .activity .act-main .box .content .step-l {
|
|
display: table-cell;
|
|
*display: inline-block;
|
|
padding-right: 0.3rem;
|
|
border-right: 0.01rem solid #e5e5e5;
|
|
}
|
|
|
|
.show-content .activity .act-main .box .content .step-r {
|
|
display: table-cell;
|
|
*display: inline-block;
|
|
width: 30%;
|
|
box-sizing: border-box;
|
|
padding-left: 0.3rem;
|
|
}
|
|
|
|
.show-content .activity .act-main .step ul li {
|
|
width: 100%;
|
|
height: 0.84rem;
|
|
margin-bottom: 0.2rem;
|
|
background-color: #f1f1f1;
|
|
display: table;
|
|
}
|
|
|
|
.act-main .step-l ul li .tool-pic {
|
|
display: table-cell;
|
|
width: 30%;
|
|
height: 0.84rem;
|
|
position: relative;
|
|
font-size: 0.14rem;
|
|
}
|
|
|
|
.act-main .step-l ul li .tool-pic i {
|
|
position: absolute;
|
|
z-index: 100;
|
|
width: 0.2rem;
|
|
height: 0.2rem;
|
|
font-style: normal;
|
|
text-align: center;
|
|
border-radius: 50%;
|
|
background-color: #fff;
|
|
color: #999;
|
|
}
|
|
|
|
.act-main .step-l ul li .tool-pic img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #fea;
|
|
}
|
|
|
|
.act-main .step-l ul li .tool-txt {
|
|
display: table-cell;
|
|
width: 70%;
|
|
font-size: 0.14rem;
|
|
box-sizing: border-box;
|
|
padding-left: 0.1rem;
|
|
padding-top: 0.15rem;
|
|
}
|
|
|
|
.act-main .step-l ul li .tool-txt a {
|
|
color: #333;
|
|
}
|
|
|
|
.act-main .step-l ul li .tool-txt a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.act-main .step-l ul li .tool-txt p {
|
|
margin: 0.05rem 0;
|
|
color: #999;
|
|
}
|
|
|
|
.act-main .step-r .tool {
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.act-main .step-r .tool:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.act-main .step-r .tool .item img {
|
|
width: 0.5rem;
|
|
height: 0.5rem;
|
|
background-color: #fea;
|
|
vertical-align: middle;
|
|
float: left;
|
|
}
|
|
|
|
.act-main .step-r .tool .item .txt {
|
|
display: block;
|
|
padding-left: 0.1rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.act-main .comment-result {
|
|
margin-bottom: 0.1rem;
|
|
}
|
|
|
|
.act-main .comment-result .star {
|
|
display: inline-block;
|
|
width: auto;
|
|
margin-right: 0.1rem;
|
|
}
|
|
|
|
.act-main .comment-result span {
|
|
color: #999;
|
|
}
|
|
|
|
.act-main .comment-result span i {
|
|
font-style: normal;
|
|
color: #c33;
|
|
}
|
|
|
|
.act-main .comment-form {
|
|
margin-bottom: 0.3rem;
|
|
}
|
|
|
|
.act-main .comment-form textarea {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0.08rem;
|
|
}
|
|
|
|
.act-main .comment-form .grade {
|
|
float: left;
|
|
}
|
|
|
|
.act-main .comment-form .grade .star {
|
|
display: inline-block;
|
|
margin: 0.05rem 0;
|
|
}
|
|
|
|
.act-main .comment-form input[type=button] {
|
|
float: right;
|
|
margin-top: 0.05rem;
|
|
color: #fff;
|
|
background-color: #f00;
|
|
border: 0.01rem solid #f60;
|
|
box-sizing: border-box;
|
|
padding: 0.05rem 0.2rem;
|
|
outline: none;
|
|
cursor: pointer;
|
|
border-radius: 0.03rem;
|
|
}
|
|
|
|
.act-main .comment-list ul li {
|
|
border-bottom: 0.01rem solid #ddd;
|
|
padding: 0.1rem 0;
|
|
}
|
|
|
|
.act-main .comment-list .user-pic {
|
|
width: 0.6rem;
|
|
height: 0.6rem;
|
|
border-radius: 0.05rem;
|
|
background-color: #fea;
|
|
float: left;
|
|
}
|
|
|
|
.act-main .comment-list .comment-text {
|
|
padding-left: 0.7rem;
|
|
}
|
|
|
|
.act-main .comment-list .comment-text .username {
|
|
font-weight: bold;
|
|
color: #4d555d;
|
|
font-size: 0.16rem;
|
|
}
|
|
|
|
.act-main .comment-list .comment-text .star {
|
|
display: inline-block;
|
|
}
|
|
|
|
.act-main .comment-list .comment-text .date {
|
|
float: right;
|
|
font-size: 0.12rem;
|
|
color: #666;
|
|
}
|
|
|
|
.container .activity .act-box {
|
|
overflow: hidden;
|
|
margin-bottom: 0.4rem;
|
|
min-height: 4.22rem;
|
|
}
|
|
|
|
.act-box .nav {
|
|
width: 1.2rem;
|
|
box-sizing: border-box;
|
|
float: left;
|
|
border: 0.01rem solid #e5e5e5;
|
|
margin-right: 0.2rem;
|
|
position: relative;
|
|
}
|
|
|
|
.act-box .nav .title a {
|
|
display: block;
|
|
text-align: center;
|
|
color: #333;
|
|
font-size: 0.2rem;
|
|
height: 0.45rem;
|
|
line-height: 0.45rem;
|
|
}
|
|
|
|
.act-box .nav .title .mobile-menu {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0.1rem;
|
|
right: 0.1rem;
|
|
}
|
|
|
|
.act-box .nav .title .mobile-menu img {
|
|
display: block;
|
|
width: 0.22rem;
|
|
border: 0.01rem solid #f9f9f9;
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
.act-box .nav ul li.on,
|
|
.act-box .nav ul li:hover {
|
|
background-color: #eee;
|
|
}
|
|
|
|
.act-box .nav ul li a {
|
|
display: block;
|
|
width: 100%;
|
|
height: 0.4rem;
|
|
line-height: 0.4rem;
|
|
text-align: center;
|
|
color: #666;
|
|
}
|
|
.cbox h2{
|
|
color: #0077B9;
|
|
text-align: center;
|
|
font-size: 0.3rem;
|
|
margin: 0;
|
|
padding-bottom: 0.2rem;
|
|
border-bottom: 2px solid #CC5522;
|
|
}
|
|
.cbox label, .cbox span{
|
|
font-size: 0.15rem;
|
|
}
|
|
.m-r{
|
|
margin-left: 85%;
|
|
font-size: 0.3rem;
|
|
}
|
|
|
|
.act-box .nav ul li.on a,
|
|
.act-box .nav ul li:hover a {
|
|
color: #06c;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.act-box .content {
|
|
margin-left: 1.4rem;
|
|
box-sizing: border-box;
|
|
border: 0.01rem solid #e5e5e5;
|
|
padding: 0.1rem;
|
|
min-height: 4rem;
|
|
}
|
|
|
|
.act-box .content .detail {
|
|
margin-bottom: 0.3rem;
|
|
}
|
|
|
|
.act-box .content .detail p {
|
|
text-indent: 2em;
|
|
}
|
|
|
|
.act-box .content .list-box {
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.act-box .content .list-box .tab-head {
|
|
overflow: hidden;
|
|
border-bottom: 0.01rem solid #e5e5e5;
|
|
height: 0.45rem;
|
|
}
|
|
|
|
.act-box .content .list-box .tab-head span {
|
|
display: block;
|
|
width: 1.1rem;
|
|
height: 0.45rem;
|
|
box-sizing: border-box;
|
|
border: 0.01rem solid #e5e5e5;
|
|
border-bottom: 0;
|
|
border-right: 0;
|
|
text-align: center;
|
|
line-height: 0.45rem;
|
|
float: left;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.act-box .content .list-box .tab-head .last {
|
|
border-right: 0.01rem solid #e5e5e5;
|
|
}
|
|
|
|
.act-box .content .list-box .tab-head span.on {
|
|
background: url("../img/icon-daoxu.gif") no-repeat 0.9rem center #707070;
|
|
color: #fff;
|
|
}
|
|
|
|
.act-box .content .list-box .tab-head a {
|
|
display: block;
|
|
float: right;
|
|
width: 1.1rem;
|
|
height: 0.34rem;
|
|
line-height: 0.34rem;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
border-radius: 4px;
|
|
background-color: #0077B9;
|
|
}
|
|
|
|
.act-box .tab-body .act-weike ul li {
|
|
width: 20%;
|
|
float: left;
|
|
margin-top: 0.2rem;
|
|
height: 1.8rem;
|
|
box-sizing: border-box;
|
|
border: 0.01rem solid #fff;
|
|
}
|
|
|
|
.act-box .tab-body .act-weike ul li:hover {
|
|
border: 0.01rem solid #ddd;
|
|
box-shadow: 1px 1px 2px 1px #ECECEC;
|
|
}
|
|
|
|
.act-box .tab-body .act-weike .video-pic {
|
|
padding: 0.05rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-weike .video-pic img {
|
|
width: 100%;
|
|
height: 1rem;
|
|
background-color: #fea;
|
|
}
|
|
|
|
.act-box .tab-body .act-weike .video-info {
|
|
padding: 0 0.05rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-weike .video-info a {
|
|
display: block;
|
|
color: #333;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
height: 40px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.act-box .tab-body .act-weike .video-info .watch {
|
|
font-size: 0.12rem;
|
|
padding-left: 0.2rem;
|
|
background: url(../img/icon-watch.png) no-repeat;
|
|
}
|
|
|
|
.act-box .tab-body .act-weike .video-info .author {
|
|
float: right;
|
|
font-size: 0.12rem;
|
|
padding-right: 0.05rem;
|
|
}
|
|
|
|
|
|
/*activity resource*/
|
|
|
|
.act-box .tab-body .act-resource ul li {
|
|
border: 0.01rem solid #ddd;
|
|
box-sizing: border-box;
|
|
padding: 0.1rem;
|
|
margin-top: 0.2rem;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.act-box .tab-body .act-resource ul li .res-pic {
|
|
width: 0.7rem;
|
|
height: 0.8rem;
|
|
float: left;
|
|
}
|
|
|
|
.act-box .tab-body .act-resource ul li .res-pic img {
|
|
width: 0.7rem;
|
|
height: 0.8rem;
|
|
background-color: #fea;
|
|
}
|
|
|
|
.act-box .tab-body .act-resource ul li .res-intro {
|
|
padding-left: 0.8rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-resource ul li .res-intro .username {
|
|
font-size: 0.14rem;
|
|
color: #666;
|
|
margin: 0;
|
|
}
|
|
|
|
.act-box .tab-body .act-resource ul li .res-intro .res-name {
|
|
margin: 0.05rem 0;
|
|
padding-right: 0.8rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.act-box .tab-body .act-resource ul li .res-intro .res-name a {
|
|
color: #333;
|
|
}
|
|
|
|
.act-box .tab-body .act-resource ul li .res-intro .res-name a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.act-box .tab-body .act-resource ul li .res-intro .date {
|
|
position: absolute;
|
|
color: #999;
|
|
top: 0.37rem;
|
|
right: 0.1rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-resource ul li .res-intro .star {
|
|
width: auto;
|
|
margin-top: 0.1rem;
|
|
float: left;
|
|
}
|
|
|
|
.act-box .tab-body .act-resource ul li .res-intro .star .com-number {
|
|
margin-left: 0.1rem;
|
|
font-size: 0.12rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-resource ul li .res-intro .edit {
|
|
float: right;
|
|
display: inline-block;
|
|
width: 70px;
|
|
height: 25px;
|
|
text-align: center;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
margin-top: 0.03rem;
|
|
background-color: #16A5F5;
|
|
line-height: 25px;
|
|
}
|
|
|
|
|
|
/*activity topic*/
|
|
|
|
.act-box .tab-body .act-topic ul li {
|
|
border: 0.01rem solid #ddd;
|
|
box-sizing: border-box;
|
|
padding: 0.1rem;
|
|
margin-top: 0.2rem;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.act-box .tab-body .act-topic .topic-pic {
|
|
width: 0.7rem;
|
|
height: 0.8rem;
|
|
float: left;
|
|
}
|
|
|
|
.act-box .tab-body .act-topic .topic-pic img {
|
|
width: 0.7rem;
|
|
height: 0.8rem;
|
|
background-color: #fea;
|
|
}
|
|
|
|
.act-box .tab-body .act-topic .topic-intro {
|
|
padding-left: 0.8rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-topic .topic-intro .username {
|
|
font-weight: normal;
|
|
font-size: 0.14rem;
|
|
color: #666;
|
|
margin: 0;
|
|
}
|
|
|
|
.act-box .tab-body .act-topic .topic-intro .topic-name {
|
|
position: relative;
|
|
margin: 0.05rem 0;
|
|
color: #666;
|
|
}
|
|
|
|
.act-box .tab-body .act-topic .topic-intro .topic-name a {
|
|
display: block;
|
|
width: 100%;
|
|
color: #333;
|
|
box-sizing: border-box;
|
|
padding-right: 1rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
float: left;
|
|
}
|
|
|
|
.act-box .tab-body .act-topic .topic-intro .topic-name a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.act-box .tab-body .act-topic .topic-intro .topic-name span {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.act-box .tab-body .act-topic .topic-intro .reply {
|
|
float: left;
|
|
width: auto;
|
|
}
|
|
|
|
.act-box .tab-body .act-topic .topic-intro .reply span {
|
|
margin-right: 0.15rem;
|
|
color: #999;
|
|
white-space: nowrap;
|
|
font-size: 0.12rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-topic .topic-intro .reply span:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.act-box .tab-body .act-topic .topic-intro .edit {
|
|
float: right;
|
|
display: inline-block;
|
|
width: 70px;
|
|
height: 25px;
|
|
text-align: center;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
margin-top: 0.03rem;
|
|
background-color: #16A5F5;
|
|
line-height: 25px;
|
|
}
|
|
|
|
|
|
/*activity task*/
|
|
|
|
.act-box .tab-body .act-task ul li {
|
|
box-sizing: border-box;
|
|
border: 0.01rem solid #ddd;
|
|
margin-top: 0.2rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-name {
|
|
width: 100%;
|
|
background-color: #f2f2f2;
|
|
height: 0.4rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-name p {
|
|
margin: 0;
|
|
line-height: 0.4rem;
|
|
padding-left: 0.2rem;
|
|
font-weight: bold;
|
|
color: #666;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-name p span {
|
|
font-weight: normal;
|
|
color: #333;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-intro {
|
|
overflow: hidden;
|
|
padding: 0.1rem 0.2rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-intro .claim {
|
|
width: 60%;
|
|
float: left;
|
|
border-right: 0.01rem solid #ddd;
|
|
box-sizing: border-box;
|
|
padding-right: 0.2rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-intro .claim p {
|
|
color: #666;
|
|
line-height: 0.3rem;
|
|
height: 0.6rem;
|
|
margin: 0;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-intro .claim p span {
|
|
color: #333;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-intro .claim .task-file {
|
|
margin-top: 0.1rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-intro .claim .task-file p {
|
|
height: 0.3rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-intro .mine {
|
|
width: 40%;
|
|
float: left;
|
|
box-sizing: border-box;
|
|
padding-left: 0.2rem;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-intro .mine .task-submit {
|
|
display: block;
|
|
width: 107px;
|
|
height: 34px;
|
|
font: normal 14px/34px 'Microsoft YaHei';
|
|
border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
background-color: #DC4A4A;
|
|
color: #FFFFFF;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-intro .mine p {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
color: #666;
|
|
line-height: 0.3rem;
|
|
margin: 0;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-intro .mine p span {
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-intro .mine .score span {
|
|
color: #F6682D;
|
|
}
|
|
|
|
.act-box .tab-body .act-task .task-intro .mine .btns a {
|
|
display: inline-block;
|
|
width: 70px;
|
|
height: 25px;
|
|
text-align: center;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
margin-right: 18px;
|
|
margin-top: 15px;
|
|
background-color: #16A5F5;
|
|
}
|
|
|
|
|
|
/*activity comment*/
|
|
|
|
.act-box .content .comment-result {
|
|
margin-bottom: 0.1rem;
|
|
}
|
|
|
|
.act-box .content .comment-result .star {
|
|
display: inline-block;
|
|
width: auto;
|
|
margin-right: 0.1rem;
|
|
}
|
|
|
|
.act-box .content .comment-result span {
|
|
color: #999;
|
|
}
|
|
|
|
.act-box .content .comment-result span i {
|
|
font-style: normal;
|
|
color: #c33;
|
|
}
|
|
|
|
.act-box .content .comment-form {
|
|
margin-bottom: 0.3rem;
|
|
}
|
|
|
|
.act-box .content .comment-form textarea {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 0.08rem;
|
|
}
|
|
|
|
.act-box .content .comment-form .grade {
|
|
float: left;
|
|
}
|
|
|
|
.act-box .content .comment-form .grade .star {
|
|
display: inline-block;
|
|
margin: 0.05rem 0;
|
|
}
|
|
|
|
.act-box .content .comment-form input[type=button] {
|
|
float: right;
|
|
margin-top: 0.05rem;
|
|
color: #fff;
|
|
background-color: #f00;
|
|
border: 0.01rem solid #f60;
|
|
box-sizing: border-box;
|
|
padding: 0.05rem 0.2rem;
|
|
outline: none;
|
|
cursor: pointer;
|
|
border-radius: 0.03rem;
|
|
}
|
|
|
|
.act-box .content .comment-list ul li {
|
|
border-bottom: 0.01rem solid #ddd;
|
|
padding: 0.1rem 0;
|
|
}
|
|
|
|
.act-box .content .comment-list .user-pic {
|
|
width: 0.6rem;
|
|
height: 0.6rem;
|
|
border-radius: 0.05rem;
|
|
background-color: #fea;
|
|
float: left;
|
|
}
|
|
|
|
.act-box .content .comment-list .comment-text {
|
|
padding-left: 0.7rem;
|
|
}
|
|
|
|
.act-box .content .comment-list .comment-text .username {
|
|
font-weight: bold;
|
|
color: #4d555d;
|
|
font-size: 0.16rem;
|
|
}
|
|
|
|
.act-box .content .comment-list .comment-text .star {
|
|
display: inline-block;
|
|
}
|
|
|
|
.act-box .content .comment-list .comment-text .date {
|
|
float: right;
|
|
font-size: 0.12rem;
|
|
color: #666;
|
|
}
|
|
|
|
|
|
/*activity upload file*/
|
|
|
|
.act-box .content .upload-file {
|
|
min-height: 5.03rem;
|
|
margin-left: 0.2rem;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group {
|
|
margin-bottom: 0.2rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group label {
|
|
margin-right: 0.1rem;
|
|
float: left;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group .txt-r {
|
|
width: 0.85rem;
|
|
text-align: right;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group .file-box {
|
|
width: 1.95rem;
|
|
height: 0.38rem;
|
|
margin-left: 0.1rem;
|
|
background: url("../img/btn-uploadfile.png") no-repeat;
|
|
float: left;
|
|
cursor: pointer;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group .mr0 {
|
|
margin: 0;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group .file-box span {
|
|
display: block;
|
|
text-align: center;
|
|
line-height: 0.38rem;
|
|
color: #fff;
|
|
font-size: 0.16rem;
|
|
}
|
|
|
|
.act-box .content .upload-file .file-box input[type=file] {
|
|
width: 2rem;
|
|
height: 0.38rem;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
position: absolute;
|
|
top: 0;
|
|
left: -0.05rem;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group .upload-yq {
|
|
clear: left;
|
|
padding-left: 0.4rem;
|
|
padding-top: 0.1rem;
|
|
padding-bottom: 0.2rem;
|
|
border-bottom: 0.01rem dashed #ddd;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group .upload-yq p {
|
|
font-size: 0.16rem;
|
|
color: #666;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group .upload-yq ul li {
|
|
font-size: 0.12rem;
|
|
color: #666;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group .upload-yq span {
|
|
padding-right: 0.04rem;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group .tips {
|
|
margin-left: 0.1rem;
|
|
color: #f00;
|
|
font-size: 0.12rem;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group input[type=text],
|
|
.act-box .content .upload-file .form-group textarea {
|
|
width: 5rem;
|
|
padding: 0.06rem;
|
|
border: 0.01rem solid #999;
|
|
outline: none;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group input[type=text]:focus,
|
|
.act-box .content .upload-file .form-group textarea:focus {
|
|
border-color: #005ebf;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group .block {
|
|
float: none;
|
|
display: block;
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group .select-box {
|
|
clear: left;
|
|
display: inline-block;
|
|
width: auto;
|
|
margin-right: 0.3rem;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group .select-box select {
|
|
outline: none;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group input[type=button] {
|
|
width: 114px;
|
|
height: 33px;
|
|
border-radius: 3px;
|
|
background-color: #dc4848;
|
|
color: #fff;
|
|
border: 0.01rem;
|
|
cursor: pointer;
|
|
margin-right: 0.2rem;
|
|
margin-top: 0.1rem;
|
|
outline: none;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group input.btn-reset {
|
|
width: 114px;
|
|
height: 33px;
|
|
border-radius: 3px;
|
|
background-color: #ff9600;
|
|
color: #fff;
|
|
border: 0.01rem;
|
|
cursor: pointer;
|
|
margin-right: 0.2rem;
|
|
margin-top: 0.1rem;
|
|
outline: none;
|
|
}
|
|
|
|
.act-box .content .upload-file .form-group .back {
|
|
width: 114px;
|
|
height: 33px;
|
|
border-radius: 3px;
|
|
background-color: #5bce89;
|
|
display: inline-block;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 0.33rem;
|
|
margin-top: 0.1rem;
|
|
}
|
|
|
|
|
|
/*activity upload topic */
|
|
|
|
.act-box .content .upload-file .tab-head .label {
|
|
margin-bottom: 0.2rem;
|
|
height: 0.35rem;
|
|
}
|
|
|
|
.act-box .content .upload-file .tab-head .label span {
|
|
border: 0.01rem solid #e3e3e3;
|
|
border-radius: 3px;
|
|
background-image: -moz-linear-gradient(90deg, #f0f0f0 0%, #f8f8f8 79%);
|
|
background-image: -webkit-linear-gradient(90deg, #f0f0f0 0%, #f8f8f8 79%);
|
|
background-image: -ms-linear-gradient(90deg, #f0f0f0 0%, #f8f8f8 79%);
|
|
padding: 0.05rem 0.2rem;
|
|
cursor: pointer;
|
|
background-color: #f0f0f0 \0;
|
|
margin-right: 0.15rem;
|
|
}
|
|
|
|
.act-box .content .upload-file .tab-head .label .active {
|
|
color: #fff;
|
|
background-image: -moz-linear-gradient(90deg, #0077b9 0%, #0e95e0 79%);
|
|
background-image: -webkit-linear-gradient(90deg, #0077b9 0%, #0e95e0 79%);
|
|
background-image: -ms-linear-gradient(90deg, #0077b9 0%, #0e95e0 79%);
|
|
border-color: #0e95e0;
|
|
background-color: #0077b9 \0;
|
|
}
|
|
|
|
.act-box .content .upload-file .tab-body .content-show {
|
|
display: none;
|
|
}
|
|
|
|
.act-box .content .upload-file .tab-body .content-show:first-child {
|
|
display: block;
|
|
}
|
|
|
|
|
|
/*项目首页-方案star*/
|
|
|
|
.scheme {}
|
|
|
|
.navcss {
|
|
background-color: #4095ce;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.wrap .navcss li .lcss {
|
|
background: #FFFFFF;
|
|
border-radius: 15px;
|
|
padding: 0.08rem 0.2rem;
|
|
color: #4095ce;
|
|
}
|
|
|
|
.wrap .navcss li a:hover {
|
|
background: #FFFFFF;
|
|
border-radius: 15px;
|
|
padding: 0.08rem 0.2rem;
|
|
color: #4095ce;
|
|
}
|
|
|
|
.index-activity ul li {
|
|
overflow: hidden;
|
|
position: relative;
|
|
border-bottom: 1px dashed #d9d9d9;
|
|
}
|
|
|
|
.index-activity ul li .act-name {
|
|
width: 80%;
|
|
box-sizing: border-box;
|
|
padding-right: 1.3rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
}
|
|
|
|
.index-activity ul li .act-date {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: auto;
|
|
box-sizing: border-box;
|
|
padding-left: 0.1rem;
|
|
}
|
|
|
|
.title {
|
|
font-size: 0.2rem;
|
|
color: #4095ce;
|
|
border-left: 0.05rem solid #D6000F;
|
|
padding-left: 0.1rem;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.list-b {
|
|
width: 0.3rem;
|
|
height: 0.2rem;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
padding-top: 0.16rem;
|
|
background-image: url(../img/you .png);
|
|
}
|
|
|
|
|
|
/*项目首页-方案end*/
|
|
|
|
|
|
/*考试*/
|
|
|
|
.banner {
|
|
width: 100%;
|
|
height: 1rem;
|
|
font-size: 0.2rem;
|
|
margin-bottom: 0.15rem;
|
|
background-image: url(../img/test/container-top-pic.png);
|
|
}
|
|
|
|
.banbox {
|
|
width: 64%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.banbox h3 {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.banbox ul li {
|
|
float: left;
|
|
margin-right: 0.1rem;
|
|
}
|
|
|
|
.banbox ul {
|
|
display: inline-block;
|
|
}
|
|
|
|
.banbox h3 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.lefbox {
|
|
width: 18%;
|
|
height: 0.01rem;
|
|
}
|
|
|
|
.rigbox {
|
|
width: 18%;
|
|
height: 0.01rem;
|
|
}
|
|
|
|
.cbox {
|
|
margin: 0 auto;
|
|
width: 64%;
|
|
}
|
|
|
|
.message {
|
|
width: 16%;
|
|
border: 0.01rem solid #CECECE;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.paper {
|
|
display: inline-block;
|
|
width: 78%;
|
|
border: 0.01rem solid #E2E2E2;
|
|
background-color: #fff;
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
.anster {
|
|
width: 62%;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.abbr {
|
|
margin-left: 0.3rem;
|
|
margin-right: 1rem;
|
|
}
|
|
.anbox{
|
|
margin-top: 0.24rem;
|
|
/*position: absolute;
|
|
z-index: 3;
|
|
bottom: 1.5rem;
|
|
left: 6rem;*/
|
|
}
|
|
.an-name{
|
|
width: 64%;
|
|
margin: 0 auto;
|
|
}
|
|
.anbox{
|
|
margin-bottom: 0.3rem;
|
|
}
|
|
.an-name p{
|
|
font-size: 0.16rem;
|
|
margin: 0;
|
|
width: 1.6rem;
|
|
text-align: center;
|
|
background-color: #61cdb5;
|
|
color: #FFFFFF;
|
|
line-height: 0.3rem;
|
|
border-top-right-radius: 0.1rem;
|
|
border-bottom-left-radius: 0.1rem;
|
|
}
|
|
.overturn {
|
|
width: 100%;
|
|
margin-bottom: 0.2rem;
|
|
text-align: right;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
.times {
|
|
text-align: center;
|
|
}
|
|
|
|
.l-mov {
|
|
padding-right: 1.24rem;
|
|
font-size: 0.2rem;
|
|
color: #000088;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.times p {
|
|
font-size: 0.2rem;
|
|
margin: 0;
|
|
padding: 0.1rem 0;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.times img {
|
|
width: 0.8rem;
|
|
height: 0.8rem;
|
|
margin-top: 0.2rem;
|
|
}
|
|
.information img{
|
|
margin: 0.2rem 0;
|
|
}
|
|
.times p span {
|
|
font-size: 0.4rem;
|
|
}
|
|
.times button{
|
|
border: none;
|
|
border-radius: 0.05rem;
|
|
padding: 0.05rem 0.85rem;
|
|
color: #FFFFFF;
|
|
background-color: #f0ad4e;
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
.information {
|
|
text-align: center;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.information p {
|
|
text-align: left;
|
|
padding-left: 0.2rem;
|
|
padding: 0.1rem 0 0.1rem 0.2rem;
|
|
margin: 0;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.test-nav {
|
|
background: #61cdb5;
|
|
width: 100%;
|
|
font-size: 0.16rem;
|
|
color: #222222;
|
|
}
|
|
|
|
.test-nav li a {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.test-nav li a:hover {
|
|
text-decoration: underline;
|
|
color: #000088;
|
|
}
|
|
|
|
.test-nav ul li {
|
|
display: inline-block;
|
|
padding: 0.1rem 0.2rem;
|
|
}
|
|
.times p .s-time{
|
|
color: #f0ad4e;
|
|
}
|
|
.test-count {
|
|
padding: 0 0.3rem;
|
|
font-size: 0.15rem;
|
|
background: #fff;
|
|
}
|
|
.information p label,.information p span{
|
|
color: #666;
|
|
margin-right: 0.2rem;
|
|
}
|
|
.l-mov{
|
|
background-color: #61cdb5;
|
|
}
|
|
.hint {
|
|
margin-right: 50%;
|
|
}
|
|
|
|
.test-count form input{
|
|
border: none;
|
|
outline:none;
|
|
border-bottom: 0.01rem solid #555;
|
|
width: 0.5rem;
|
|
background-color: inherit;
|
|
margin-bottom: 0.1rem;
|
|
}
|
|
.l-anster form input{
|
|
border: none;
|
|
outline:none;
|
|
border-bottom: 0.01rem solid #555;
|
|
width: 1rem;
|
|
background-color: inherit;
|
|
margin-bottom: 0.1rem;
|
|
color: #006600;
|
|
}
|
|
.l-anster form{
|
|
margin-top: 0.2rem;
|
|
}
|
|
.gap-filling form {
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
.anster {
|
|
font-size: 0.2rem;
|
|
font-family: arial;
|
|
border: 0.01rem solid #CECECE;
|
|
margin: 0.2rem 0;
|
|
padding: 0.05rem 0.1rem;
|
|
}
|
|
|
|
.anster a {
|
|
width: 0.3rem;
|
|
height: 0.3rem;
|
|
display: inline-block;
|
|
margin: 0.1rem 0.1rem;
|
|
border: 0.01rem solid #CECECE;
|
|
text-align: center;
|
|
border-radius: 10%;
|
|
color: #909090;
|
|
}
|
|
.x-box p,.d-box p,.t-box p,.z-box p,.h-box p{
|
|
background-color: #61cdb5;
|
|
border-bottom: 0.02rem solid #61cdb5;
|
|
color: #FFFFFF;
|
|
padding: 0 0.2rem;
|
|
line-height: 0.4rem;
|
|
}
|
|
|
|
.anster a:hover {
|
|
background-color: #61cdb5;
|
|
color: #FFFFFF;
|
|
}
|
|
.r-score{
|
|
margin-left: 5%;
|
|
}
|
|
.anster p {
|
|
font-size: 0.2rem;
|
|
color: #000088;
|
|
font-weight: bold;
|
|
font-family: "微软雅黑";
|
|
}
|
|
|
|
.buts {
|
|
padding: 0.05rem 0.2rem;
|
|
border: 0.01rem solid #CECECE;
|
|
border-radius: 0.1rem;
|
|
background-color: #61cdb5;
|
|
color: #FFFFFF;
|
|
margin-top: 0.4rem;
|
|
}
|
|
.cards{
|
|
font-size: 0.2rem;
|
|
font-family: arial;
|
|
background-color: #FFFFFF;
|
|
padding: 2%;
|
|
}
|
|
.cards a{
|
|
width: 0.3rem;
|
|
height: 0.3rem;
|
|
display: inline-block;
|
|
margin: 0.1rem 0.1rem;
|
|
text-align: center;
|
|
}
|
|
.banbox .mob-nav {
|
|
display: none;
|
|
}
|
|
.undo-box{
|
|
width: 64%;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
padding: 0.2rem 0;
|
|
}
|
|
.undo-box a{
|
|
color: #888888;
|
|
border-radius: 0.05rem;
|
|
}
|
|
.cbox .c-f {
|
|
color: #D6000F;
|
|
font-size: 0.3rem;
|
|
}
|
|
|
|
.c-t {
|
|
color: #006600;
|
|
font-size: 0.3rem;
|
|
}
|
|
.card-t{
|
|
background-color: #61cdb5;
|
|
border:0.01rem solid #61cdb5;
|
|
border-radius: 10%;
|
|
color: #FFFFFF;
|
|
}
|
|
.card-r{
|
|
background-color: #fa5656;
|
|
border:0.01rem solid #fa5656;
|
|
border-radius: 10%;
|
|
color: #FFFFFF;
|
|
}
|
|
.list-t{
|
|
color: #006600;
|
|
border-bottom:0.01rem solid #006600;
|
|
border-radius: 0;
|
|
}
|
|
.list-r{
|
|
color: #FF0000;
|
|
border-bottom:0.01rem solid #FF0000;
|
|
border-radius: 0;
|
|
}
|
|
|
|
|
|
.anster p {
|
|
display: inline-block;
|
|
}
|
|
|
|
.anster .shut {
|
|
border-radius: 50%;
|
|
color: #FFFFFF;
|
|
background-color: #0077B9;
|
|
margin-left: 82%;
|
|
display: none;
|
|
width: 0.3rem;
|
|
height: 0.3rem;
|
|
}
|
|
|
|
.information .shut {
|
|
display: none;
|
|
}
|
|
/*多选题*/
|
|
|
|
|
|
/*考试*/
|
|
.l-anster{
|
|
font-size: 0.16rem;
|
|
border: 0.01rem solid #E2E2E2;
|
|
margin: 0.2rem 0;
|
|
padding: 0.05rem 0.3rem;
|
|
background-color: #fff;
|
|
}
|
|
.l-anster label{
|
|
font-size: 0.2rem;
|
|
color: #0077B9;
|
|
border-bottom: 0.02rem solid #F6682D;
|
|
}
|
|
/*考试列表*/
|
|
|
|
.container .test-box ul {
|
|
border-bottom: 0.01rem solid #E3E3E3;
|
|
float: left;
|
|
}
|
|
|
|
.container .test-box p {
|
|
font-size: 0.25rem;
|
|
color: #999;
|
|
border-bottom: 0.02rem solid #E3A971;
|
|
margin-bottom: 0.08rem;
|
|
padding-bottom: 0.1rem;
|
|
}
|
|
|
|
.container .test-box ul {
|
|
width: 90%;
|
|
padding: 0 3%;
|
|
}
|
|
|
|
.container .test-box ul li {
|
|
font-size: 0.15rem;
|
|
float: left;
|
|
margin: 0.1rem 0;
|
|
color: #666666;
|
|
}
|
|
.test-box ul:hover{
|
|
background-color: #f6ebcb;
|
|
}
|
|
.container .test-box ul li a {
|
|
float: left;
|
|
width: 0.7rem;
|
|
line-height: 0.25rem;
|
|
color: #FFF;
|
|
font-size: 0.15rem;
|
|
border-radius: 0.08rem;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.test-box ul li {
|
|
display: inline-block;
|
|
line-height: 0.2rem;
|
|
}
|
|
|
|
.test-box {
|
|
width: 64%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.test-name {
|
|
width: 60%;
|
|
}
|
|
.test-time {
|
|
width: 17%;
|
|
text-align: center;
|
|
}
|
|
|
|
.operation {
|
|
width: 20%;
|
|
text-align: center;
|
|
}
|
|
|
|
.test-box ul li .r-color {
|
|
background-color: #febf0f;
|
|
margin-left: 0.4rem;
|
|
}
|
|
|
|
.test-box ul li .g-color {
|
|
background-color: #61cdb5;
|
|
margin-left: 0.2rem;
|
|
}
|
|
|
|
.test-box .paging .pagingbox p {
|
|
font-size: 0.15rem;
|
|
margin-top: 0.4rem;
|
|
}
|
|
|
|
.test-box .paging .pagingbox p {
|
|
border: none;
|
|
}
|
|
.practice-choose label{
|
|
font-size: 0.2rem;
|
|
display: block;
|
|
padding: 0.06rem 0.4rem;
|
|
background-color: #E0E0E0;
|
|
color: #61cdb5;
|
|
}
|
|
.correct-box p{
|
|
text-align: left;
|
|
}
|
|
.test-count ul li{
|
|
line-height: 0.3rem;
|
|
}
|
|
.test-count ul {
|
|
margin-bottom: 0.3rem;
|
|
}
|
|
.correct-box{
|
|
background-color: #f6ebcb;
|
|
}
|
|
.c-r{
|
|
color: #FF0000;
|
|
}
|
|
.c-g{
|
|
color: #006600;
|
|
}
|
|
.key3{
|
|
margin-right: 5%;
|
|
display: inline-block;
|
|
}
|
|
.key4{
|
|
margin-right: 20%;
|
|
display: inline-block;
|
|
}
|
|
.test-count p input{
|
|
width: 0.25rem;
|
|
}
|
|
.practice-choose ul li{
|
|
color: #61cdb5;
|
|
border-radius: 0.1rem;
|
|
font-size: 0.15rem;
|
|
margin:0.1rem 0.2rem;
|
|
line-height: 0.25rem;
|
|
}
|
|
.practice-choose{
|
|
width: 16%;
|
|
border: 0.01rem solid #E2E2E2;
|
|
background-color: #fff;
|
|
display: inline-block;
|
|
}
|
|
.container .test-box p a{
|
|
color: #61cdb5;
|
|
}
|
|
.banbox p a{
|
|
margin-right: 0.2rem;
|
|
}
|
|
.banbox p a img{
|
|
vertical-align: middle;
|
|
padding-right: 0.05rem;
|
|
}
|
|
.container .test-box p a:hover{
|
|
color: #FFFFFF;
|
|
}
|
|
.container .test-box p .l-butt{
|
|
margin-left: 0.2rem;
|
|
|
|
}
|
|
.message{
|
|
margin-right: 2%;
|
|
}
|
|
.banbox p{
|
|
margin: 0;
|
|
line-height: 1rem;
|
|
padding: 0 0.3rem;
|
|
|
|
}
|
|
.banbox p a{
|
|
color: #FFFFFF;
|
|
}
|
|
.c-lis-box{
|
|
width: 64%;
|
|
margin: 0 auto;
|
|
}
|
|
.d-choice{
|
|
width: 24%;
|
|
}
|
|
.d-c-img,.d-c-but{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
padding: 0 0.1rem;
|
|
}
|
|
.d-choice{
|
|
display: inline-block;
|
|
margin: 0.3rem 0;
|
|
}
|
|
.c-lis-box{
|
|
min-height: 5.8rem;
|
|
}
|
|
.d-c-but a:hover{
|
|
background-color: #febf0f;
|
|
border-radius: 0.1rem;
|
|
}
|
|
.d-c-but a{
|
|
background-color: #61cdb5;
|
|
padding: 0.05rem 0.18rem;
|
|
border-radius: 0.05rem;
|
|
color: #fff;
|
|
display: block;
|
|
margin-bottom: 0.05rem;
|
|
}
|
|
.d-c-but h4{
|
|
color: #666;
|
|
font-size: 0.2rem;
|
|
margin: 0;
|
|
padding-bottom: 0.05rem;
|
|
}
|
|
.d-c-img img{
|
|
width: 1rem;
|
|
}
|
|
.d-c-but a i img{
|
|
vertical-align: middle;
|
|
margin-right: 0.05rem;
|
|
}
|
|
/*考试列表*/
|
|
}
|
|
|
|
|
|
@media only screen and (max-width:1200px) {
|
|
.lefbox,
|
|
.rigbox {
|
|
display: none;
|
|
}
|
|
.cbox,
|
|
.anster {
|
|
width: 100%;
|
|
}
|
|
.paper {
|
|
width: 100%;
|
|
}
|
|
.times button {
|
|
padding: 0.05rem 0.35rem;
|
|
|
|
}
|
|
}
|
|
@media only screen and (max-width:1024px){
|
|
.cbox{
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 800px) {
|
|
.paper {
|
|
width: 80%;
|
|
}
|
|
.hint {
|
|
margin-right: 45%;
|
|
}
|
|
.banbox h3 {
|
|
margin-left: -1rem;
|
|
}
|
|
.anster {
|
|
width: 94%;
|
|
margin-left: 0.1rem;
|
|
}
|
|
.massage {
|
|
margin-left: 0.1rem;
|
|
}
|
|
.test-box{
|
|
width: 95%;
|
|
}
|
|
.pagingbox{
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding-top: 0.1rem;
|
|
padding-left: 0.01rem;
|
|
float: left;
|
|
}
|
|
.rightp{
|
|
margin-left: 0.5rem;
|
|
margin-top: 0.2rem;
|
|
}
|
|
.test-name {
|
|
overflow: hidden;
|
|
width: 54%;
|
|
}
|
|
.test-time {
|
|
width: 14%;
|
|
}
|
|
.operation {
|
|
width: 32%;
|
|
}
|
|
.butbox img{
|
|
margin-top: 0.2rem;
|
|
margin-left: 0.65rem;
|
|
}
|
|
.message{
|
|
width: 24%;
|
|
}
|
|
.paper{
|
|
width: 71%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:414px) {
|
|
|
|
.message {
|
|
width: 16%;
|
|
border: 0.01rem solid #000066;
|
|
background-color: #fff;
|
|
position: absolute;
|
|
left: -1rem;
|
|
}
|
|
.header .hbox p {
|
|
display: none;
|
|
}
|
|
.navs {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: 0;
|
|
}
|
|
.hbox {
|
|
width: 100%;
|
|
}
|
|
.logo {
|
|
display: none;
|
|
}
|
|
.navs li a img {
|
|
width: 2rem;
|
|
height: 2rem;
|
|
}
|
|
.m-r{
|
|
margin-left: 30%;
|
|
font-size: 0.2rem;
|
|
}
|
|
.cards .m-r{
|
|
font-size: 0.2rem;
|
|
}
|
|
.paper {
|
|
border: none;
|
|
background-color: initial;
|
|
}
|
|
.test-count {
|
|
background-color: initial;
|
|
}
|
|
.banbox h3 {
|
|
display: none;
|
|
}
|
|
.banbox .mob-nav {
|
|
display: block;
|
|
}
|
|
.banbox .mob-nav li a {
|
|
color: #FFFFFF;
|
|
|
|
}
|
|
.th-w{
|
|
width: 0.4rem;
|
|
}
|
|
.banbox .mob-nav li {
|
|
color: #FFFFFF;
|
|
margin-right: 0.1rem;
|
|
font-size: 0.16rem;
|
|
}
|
|
.banbox {
|
|
width: 85%;
|
|
width: 85%;
|
|
float: left;
|
|
padding-top: 0.1rem;
|
|
margin-left: 0.3rem;
|
|
}
|
|
.anster {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0.7rem;
|
|
width: 94%;
|
|
text-align: center;
|
|
}
|
|
.anster .shut {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0.16rem;
|
|
}
|
|
.massage {
|
|
display: none;
|
|
border-color: inherit;
|
|
}
|
|
.massage {
|
|
width: 100%;
|
|
border: none;
|
|
}
|
|
.times {
|
|
display: none;
|
|
}
|
|
.information {
|
|
width: 100%;
|
|
width: 414px;
|
|
position: absolute;
|
|
top: -0.1rem;
|
|
right: -4.3rem;
|
|
z-index: 6;
|
|
display: none;
|
|
border: none;
|
|
min-height:5rem;
|
|
}
|
|
.information img{
|
|
width: 1.5rem;
|
|
}
|
|
.l-mov{
|
|
display: none;
|
|
}
|
|
.information .shut {
|
|
width: 0.3rem;
|
|
height: 0.3rem;
|
|
font-size: 0.2rem;
|
|
border-radius: 50%;
|
|
color: #FFFFFF;
|
|
background-color: #0077B9;
|
|
display: block;
|
|
position: absolute;
|
|
top: 0.1rem;
|
|
right: 0.1rem;
|
|
}
|
|
.paper {
|
|
width: 90%;
|
|
}
|
|
.anster {
|
|
transform: scale(0.98);
|
|
}
|
|
.cbox {
|
|
width: 100%;
|
|
}
|
|
.cbox img {
|
|
max-width: 380px;
|
|
}
|
|
.key {
|
|
margin-right: 20%;
|
|
}
|
|
.test-count,
|
|
.overturn {
|
|
padding: 0 0.01rem;
|
|
}
|
|
.hint {
|
|
width: 90%;
|
|
margin-right: 0;
|
|
}
|
|
.test-nav {
|
|
display: none;
|
|
}
|
|
.banner {
|
|
height: 0.5rem;
|
|
background-color: #003366;
|
|
}
|
|
.abbr {
|
|
margin-left: 5%;
|
|
|
|
}
|
|
/*项目考试*/
|
|
.test-box {
|
|
width: 100%;
|
|
font-size: 0.1rem;
|
|
}
|
|
.container .test-box ul li {
|
|
font-size: 0.15rem;
|
|
}
|
|
.test-name {
|
|
overflow: hidden;
|
|
width: 50%;
|
|
}
|
|
.test-time {
|
|
width: 20%;
|
|
}
|
|
.operation {
|
|
width: 30%;
|
|
}
|
|
.container .test-box ul li a {
|
|
font-size: 0.08rem;
|
|
line-height: 0.2rem;
|
|
width: 0.5rem;
|
|
height: 0.2rem;
|
|
color: #FFF;
|
|
text-align: center;
|
|
margin-left: 0.03rem;
|
|
}
|
|
.container .test-box p {
|
|
padding-left: 0.2rem;
|
|
}
|
|
.pagingbox{
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding-top: 0.1rem;
|
|
padding-left: 0.01rem;
|
|
float: left;
|
|
}
|
|
.rightp{
|
|
margin-left: 0.5rem;
|
|
margin-top: 0.2rem;
|
|
}
|
|
.l-anster{
|
|
width:82%;
|
|
border: none;
|
|
background-color: inherit;
|
|
}
|
|
.practice-choose{
|
|
width: 100%;
|
|
border:none;
|
|
background-color: inherit;
|
|
position: absolute;
|
|
top: 0.3rem;
|
|
}
|
|
.practice-choose label{
|
|
display: none;
|
|
}
|
|
.practice-choose ul{
|
|
margin-left: 0.4rem;
|
|
}
|
|
.practice-choose ul li{
|
|
float: left;
|
|
background-color: inherit;
|
|
margin-right: 0.2rem;
|
|
}
|
|
/*项目考试*/
|
|
.cards{
|
|
border: none;
|
|
width: 100%;
|
|
}
|
|
.anbox{
|
|
display: none;
|
|
}
|
|
.phone-anbox{
|
|
display: block;
|
|
}
|
|
.phone-anster {
|
|
font-size: 0.2rem;
|
|
font-family: arial;
|
|
border: 0.01rem solid #CECECE;
|
|
margin: 0.2rem 0;
|
|
padding: 0.05rem 0.1rem;
|
|
}
|
|
.phone-anster a{
|
|
width: 0.3rem;
|
|
height: 0.3rem;
|
|
display: inline-block;
|
|
margin: 0.1rem 0.1rem;
|
|
border: 0.01rem solid #CECECE;
|
|
text-align: center;
|
|
border-radius: 10%;
|
|
color: #909090;
|
|
}
|
|
|
|
}.phone-mes{
|
|
font-size: 0.15rem;
|
|
text-align: center;
|
|
color: #666;
|
|
|
|
}
|
|
.phone-mes img {
|
|
margin: 0.2rem 0;
|
|
}
|
|
.phone-mes p {
|
|
text-align: left;
|
|
padding-left: 0.2rem;
|
|
padding: 0.1rem 0 0.1rem 0.2rem;
|
|
margin: 0;
|
|
}
|
|
@media only screen and (max-width:375px) {
|
|
.container .test-box ul {
|
|
width: 100%;
|
|
}
|
|
.test-name {
|
|
overflow: hidden;
|
|
width: 47%;
|
|
}
|
|
.test-time {
|
|
width: 19%;
|
|
}
|
|
|
|
.operation {
|
|
width: 34%;
|
|
}
|
|
.sum{
|
|
display: none;
|
|
}
|
|
.each-page{
|
|
display: none;
|
|
}
|
|
.test-box .paging .pagingbox p {
|
|
margin-left: 0.4rem;
|
|
}
|
|
.practice-choose ul{
|
|
margin-left: 0.2rem;
|
|
}
|
|
.practice-choose ul li{
|
|
margin-right: 0.15rem;
|
|
}
|
|
}
|
|
@media only screen and (max-width:360px) {
|
|
.container .test-box ul {
|
|
width: 100%;
|
|
}
|
|
.test-name {
|
|
overflow: hidden;
|
|
width: 47%;
|
|
}
|
|
.test-time {
|
|
width: 19%;
|
|
}
|
|
.operation {
|
|
width: 34%;
|
|
}
|
|
}
|
|
.alert-box .tab-body .contact-r{
|
|
margin-top: 0.6rem;
|
|
}
|
|
}
|
|
@media only screen and (max-width:320px) {
|
|
.container .test-box ul {
|
|
width: 100%;
|
|
}
|
|
.test-name {
|
|
overflow: hidden;
|
|
width: 47%;
|
|
}
|
|
.test-time {
|
|
width: 14%;
|
|
}
|
|
.operation {
|
|
width: 38%;
|
|
}
|
|
.container .test-box ul li a {
|
|
|
|
margin-left: 0;
|
|
}
|
|
.test-box .paging .pagingbox p {
|
|
margin-left: 0.22rem;
|
|
}
|
|
.practice-choose ul{
|
|
margin-left: 0.15rem;
|
|
}
|
|
.practice-choose ul li{
|
|
margin-right: 0.10rem;
|
|
}
|
|
#taskid{
|
|
width: 1rem;
|
|
}
|
|
}
|
|
|
|
/*考试*/
|
|
.banner{
|
|
width: 100%;
|
|
}
|
|
.f-l{
|
|
float: left;
|
|
|
|
}
|
|
.lefbox{
|
|
width: 18%;
|
|
}
|
|
.rigbox{
|
|
width: 18%;
|
|
}
|
|
/*.cbox{
|
|
width: 64%;
|
|
}*/
|
|
.message{
|
|
display: inline-block;
|
|
width: 20%;
|
|
}
|
|
.paper{
|
|
width: 76%;
|
|
|
|
}
|
|
.practice-choose button{
|
|
border: none;
|
|
border-radius: 0.05rem;
|
|
padding: 0.05rem 0.65rem;
|
|
color: #FFFFFF;
|
|
background-color: #f0ad4e;
|
|
margin-bottom: 0.2rem;
|
|
}
|
|
.answer{
|
|
width: 100%;
|
|
margin: auto;
|
|
}
|
|
|
|
.anster{
|
|
margin: 0 auto;
|
|
width: 64%;
|
|
|
|
}
|
|
.overturn button{
|
|
|
|
padding: 0.05rem 0.2rem;
|
|
border: 0.01rem solid #CECECE;
|
|
border-radius: 0.1rem;
|
|
background-color: #febf0f;
|
|
color: #FFFFFF;
|
|
margin-top: 0.4rem;
|
|
}
|
|
.put-box{
|
|
float: left;
|
|
padding-left: 50%;
|
|
}
|
|
/*.anbox{
|
|
position: absolute;
|
|
bottom: 0.5rem;
|
|
}*/
|
|
|
|
/*考试
|
|
*/
|
|
@media only screen and (max-width:1200px ) {
|
|
.lefbox,.rigbox{
|
|
display: none;
|
|
}
|
|
|
|
.cbox,.anster{
|
|
width: 92%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:420px ){
|
|
.header .hbox p{
|
|
display: none;
|
|
}
|
|
.navs{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: 0;
|
|
}
|
|
.hbox{
|
|
width: 100%;
|
|
}
|
|
.logo{
|
|
display: none;
|
|
}
|
|
.navs li a img{
|
|
width: 2rem;
|
|
height: 2rem;
|
|
}
|
|
body{
|
|
min-width: 412px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width:320px ) {
|
|
.message{
|
|
display: none;
|
|
}
|
|
.paper{
|
|
width: 100%;
|
|
}
|
|
}
|