534 lines
6.7 KiB
Plaintext
534 lines
6.7 KiB
Plaintext
.top {
|
|
width:100%;height:100rpx;position:fixed;left:0;top:0;z-index:10;
|
|
}
|
|
.top_nav {
|
|
height:100rpx;
|
|
line-height:100rpx;
|
|
background:#6493FF;
|
|
position:relative;
|
|
color:#FFF;
|
|
font-size:32rpx;
|
|
}
|
|
.top_nav_center {
|
|
width:100%;
|
|
text-align:center;
|
|
}
|
|
.time {
|
|
height:100rpx;
|
|
line-height:100rpx;
|
|
position:absolute;
|
|
left:4%;
|
|
top:0;
|
|
}
|
|
.time image{
|
|
width:50rpx;
|
|
height:50rpx;
|
|
margin-top:25rpx;
|
|
float:left;
|
|
}
|
|
.time text {
|
|
height:100rpx;
|
|
line-height:100rpx;
|
|
display:inline-block;
|
|
width:120rpx;
|
|
text-align:center;
|
|
letter-spacing:5rpx;
|
|
color:#FFF;
|
|
margin-left:20rpx;
|
|
}
|
|
|
|
.coll {
|
|
position:absolute;
|
|
top:15rpx;
|
|
right:15%;
|
|
width:50rpx;
|
|
height:50rpx;
|
|
|
|
}
|
|
.coll image {
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.paper {
|
|
position:absolute;
|
|
top:15rpx;
|
|
right:4%;
|
|
width:50rpx;
|
|
height:50rpx;
|
|
}
|
|
.paper image {
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.the_foot {
|
|
width:100%;
|
|
height:100rpx;
|
|
position:fixed;
|
|
left:0;
|
|
bottom:0;
|
|
z-index:10;
|
|
}
|
|
.foot {
|
|
height:100rpx;
|
|
line-height:100rpx;
|
|
background:#6493FF;
|
|
position:relative;
|
|
color:#FFF;
|
|
font-size:30rpx;
|
|
}
|
|
.foot_left {
|
|
width:28%;
|
|
height:100rpx;
|
|
position:absolute;
|
|
left:0;
|
|
top:0;
|
|
}
|
|
|
|
.foot_center {
|
|
width:26%;
|
|
height:100rpx;
|
|
margin:0 auto;
|
|
text-align:center;
|
|
}
|
|
.foot_center image {
|
|
width:50rpx;
|
|
height:50rpx;
|
|
margin-top:25rpx;
|
|
float:left;
|
|
}
|
|
.foot_center text {
|
|
height:100rpx;
|
|
line-height:100rpx;
|
|
display:inline-block;
|
|
text-align:center;
|
|
color:#FFF;
|
|
margin-left:10rpx;
|
|
}
|
|
|
|
|
|
.foot_right {
|
|
width:28%;
|
|
height:100rpx;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
}
|
|
.foot button{
|
|
width:90%;
|
|
height:70rpx;
|
|
line-height:70rpx;
|
|
margin-top:17rpx;
|
|
color:#6493FF;
|
|
font-size:30rpx;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*草稿纸*/
|
|
.topic_cgz{
|
|
position:fixed;
|
|
top:0;
|
|
width:100%;
|
|
height:100%;
|
|
background-color:rgba(0,0,0,0.4);
|
|
z-index:999;
|
|
overflow:hidden;
|
|
}
|
|
.topic_cgz_tab{
|
|
width: 100%;
|
|
height:100%;
|
|
padding:0;
|
|
position: fixed;
|
|
top:0rpx;
|
|
}
|
|
.topic_cgz_tab .fl{
|
|
width: 25%;
|
|
text-align: center;
|
|
}
|
|
.topic_cgz_tab image{
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*滚动层*/
|
|
scroll-item {
|
|
z-index:9;
|
|
}
|
|
.scoll-h {
|
|
height:100%;
|
|
}
|
|
.tab-content {
|
|
height:100%;
|
|
width:100%;
|
|
background:#fff;
|
|
}
|
|
.the_big_box {
|
|
height:100%;
|
|
width:100%;
|
|
background:#fff;
|
|
overflow-x:hidden;
|
|
}
|
|
.tab-content-top {
|
|
margin-top:20rpx;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*问题*/
|
|
.problem {
|
|
line-height:50rpx;
|
|
margin:20rpx;
|
|
font-size:34rpx;
|
|
color:#333333;
|
|
}
|
|
.wxParse-inline {
|
|
font-size:34rpx;
|
|
}
|
|
/*选项*/
|
|
.option_box {
|
|
margin:0 30rpx;
|
|
}
|
|
.option{
|
|
margin:30rpx 0;
|
|
margin-bottom:50rpx;
|
|
}
|
|
.option>view {
|
|
float:left;
|
|
width:70rpx;
|
|
height:70rpx;
|
|
position:relative;
|
|
}
|
|
.option>view>image {
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.option>view>text {
|
|
position:absolute;
|
|
width:100%;
|
|
height:100%;
|
|
text-align:center;
|
|
left:0;
|
|
line-height:70rpx;
|
|
font-size:34rpx;
|
|
color:#B3B3B3;
|
|
}
|
|
.option>text {
|
|
margin-left:15rpx;
|
|
float:left;
|
|
width:85%;
|
|
font-size:34rpx;
|
|
color:#333;
|
|
line-height:50rpx;
|
|
margin-top:10rpx;
|
|
}
|
|
/*答题卡*/
|
|
.Answer_card {
|
|
width:100%;
|
|
height:100%;
|
|
position:fixed;
|
|
left:0;
|
|
top:0;
|
|
background:#fff;
|
|
z-index:11;
|
|
overflow-y:scroll;
|
|
}
|
|
.card_top {
|
|
height:auto;
|
|
border-bottom:10rpx solid #f5f5f5;
|
|
}
|
|
.card_redius>view {
|
|
width:100%;
|
|
height:100%;
|
|
position:relative;
|
|
}
|
|
.card_redius {
|
|
width:200rpx;
|
|
height:200rpx;
|
|
border:2px solid #6493FF;
|
|
border-radius:50%;
|
|
margin:70rpx auto;
|
|
}
|
|
.card_redius .little_text {
|
|
position:absolute;
|
|
left:0;
|
|
top:40rpx;
|
|
width:100%;
|
|
text-align:center;
|
|
color:#999999;
|
|
font-size:30rpx;
|
|
}
|
|
.big_number {
|
|
position:absolute;
|
|
width:100%;
|
|
left:0;
|
|
top:83rpx;
|
|
text-align:center;
|
|
font-size:60rpx;
|
|
}
|
|
.circle {
|
|
width:80rpx;
|
|
height:80rpx;
|
|
overflow:hidden;
|
|
margin-top:40rpx;
|
|
margin-bottom:10rpx;
|
|
margin-left:60rpx;
|
|
display:inline-block;
|
|
}
|
|
.circle>view {
|
|
width:100%;
|
|
height:100%;
|
|
position:relative;
|
|
}
|
|
.circle image {
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.circle text {
|
|
position:absolute;
|
|
left:0;
|
|
top:0;
|
|
width:100%;
|
|
text-align:center;
|
|
height:80rpx;
|
|
line-height: 80rpx;
|
|
font-size: 34rpx;
|
|
color:#bbb;
|
|
}
|
|
.title {
|
|
height:80rpx;
|
|
line-height:80rpx;
|
|
margin-top:20rpx;
|
|
}
|
|
.title>text {
|
|
font-size:34rpx;
|
|
margin-left:30rpx;
|
|
border-left:3px solid #6493FF;
|
|
padding-left:20rpx;
|
|
font-weight:bold;
|
|
}
|
|
.card_bottom {
|
|
margin:50rpx;
|
|
}
|
|
.button {
|
|
width:48%;
|
|
height:100rpx;
|
|
display:inline-block;
|
|
position:relative;
|
|
margin:1%;
|
|
}
|
|
.button_bj {
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.button_image {
|
|
position:absolute;
|
|
left:40rpx;
|
|
top:31rpx;
|
|
width:40rpx;
|
|
height:40rpx;
|
|
}
|
|
.button text {
|
|
width:100%;
|
|
position:absolute;
|
|
left:30rpx;
|
|
top:0;
|
|
height:100rpx;
|
|
line-height:100rpx;
|
|
text-align:center;
|
|
color:#fff;
|
|
font-size:32rpx;
|
|
}
|
|
.tag {
|
|
padding:20rpx;
|
|
border-top:25rpx solid #f5f5f5;
|
|
padding-top:40rpx;
|
|
}
|
|
.tag .class{
|
|
display:inline-block;
|
|
border:1px solid #6493FF;
|
|
padding:10rpx 20rpx;
|
|
font-size:30rpx;
|
|
margin-right:20rpx;
|
|
color:#6493FF;
|
|
border-radius:3px;
|
|
margin-bottom:20rpx;
|
|
}
|
|
.tag .label{
|
|
display:inline-block;
|
|
border:1px solid #888888;
|
|
padding:10rpx 20rpx;
|
|
font-size:30rpx;
|
|
margin-right:20rpx;
|
|
margin-bottom:20rpx;
|
|
color:#888888;
|
|
border-radius:3px;
|
|
}
|
|
.analysis {
|
|
border-top:1px solid #f5f5f5;
|
|
padding-top:20rpx;
|
|
min-height:300rpx;
|
|
}
|
|
.analysis_title {
|
|
height:80rpx;
|
|
padding-top:15rpx;
|
|
|
|
}
|
|
.analysis_title_left{
|
|
margin-left:30rpx;
|
|
font-size:34rpx;
|
|
border-left:10rpx solid #6493FF;
|
|
padding-left:30rpx;
|
|
font-weight:bold;
|
|
float:left;
|
|
}
|
|
.analysis_title_right {
|
|
float:right;
|
|
width:220rpx;
|
|
height:60rpx;
|
|
background:#6493FF;
|
|
border-radius:50rpx;
|
|
margin-right:15rpx;
|
|
}
|
|
.analysis_title_right image {
|
|
width:35rpx;
|
|
height:35rpx;
|
|
position:absolute;
|
|
left:37rpx;
|
|
top:14rpx;
|
|
}
|
|
.analysis_title_right text{
|
|
color:#E2EBFF;
|
|
height:60rpx;
|
|
line-height:60rpx;
|
|
padding-left:83rpx;
|
|
font-size:30rpx;
|
|
}
|
|
.list {
|
|
margin:20rpx;
|
|
border-radius:25rpx;
|
|
padding:20rpx;
|
|
}
|
|
.blue {
|
|
background:#E8F1FF;
|
|
border:1px solid #6493FF;
|
|
}
|
|
|
|
.list_top {
|
|
position:relative;
|
|
height:125rpx;
|
|
}
|
|
.nickname {
|
|
position:absolute;
|
|
left:20%;
|
|
top:20rpx;
|
|
font-size:34rpx;
|
|
width:53%;
|
|
overflow:hidden;
|
|
height:45rpx;
|
|
}
|
|
.date {
|
|
position:absolute;
|
|
left:20%;
|
|
top:65rpx;
|
|
font-size:30rpx;
|
|
color:#888;
|
|
}
|
|
.head {
|
|
width:100rpx;
|
|
height:100rpx;
|
|
position:absolute;
|
|
left:2%;
|
|
top:10rpx;
|
|
}
|
|
.ding{
|
|
width:50rpx;
|
|
height:50rpx;
|
|
position:absolute;
|
|
right:20%;
|
|
top:25rpx;
|
|
}
|
|
.zan{
|
|
width:50rpx;
|
|
height:50rpx;
|
|
position:absolute;
|
|
right:8%;
|
|
top:20rpx;
|
|
}
|
|
.list_top image{
|
|
width:100%;
|
|
height:100%;
|
|
border-radius:50%;
|
|
}
|
|
.list_down {
|
|
font-size:32rpx;
|
|
color:#888;
|
|
}
|
|
.list_down image {
|
|
width:120rpx;
|
|
height:120rpx;
|
|
display:block;
|
|
float:left;
|
|
margin-right:20rpx;
|
|
margin-top:20rpx;
|
|
}
|
|
.zan_count {
|
|
position:absolute;
|
|
right:2%;
|
|
top:32rpx;
|
|
font-size:32rpx;
|
|
color:#888888;
|
|
}
|
|
.image_box {
|
|
margin-top:40rpx;
|
|
}
|
|
.add {
|
|
width:120rpx;
|
|
height:120rpx;
|
|
}
|
|
.image_box text {
|
|
display:inline-block;
|
|
line-height:50rpx;
|
|
font-size:34rpx;
|
|
margin-left:15rpx;
|
|
padding-bottom:11rpx;
|
|
color:#888;
|
|
}
|
|
textarea {
|
|
position:static;
|
|
} |