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.
699 lines
10 KiB
699 lines
10 KiB
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
min-height: 100%;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
html {
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
ul, ol, li {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: outside none none;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
outline: none;
|
|
}
|
|
|
|
a:focus, input:focus, textarea:focus {
|
|
border: none;
|
|
outline: medium;
|
|
box-shadow: none;
|
|
}
|
|
|
|
img {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.wrap {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.stabar {
|
|
position: fixed;
|
|
top: 0;
|
|
z-index: 9999;
|
|
padding: 0 5%;
|
|
width: 100%;
|
|
height: 90rpx;
|
|
color: #fff;
|
|
line-height: 30px;
|
|
background-color: #bac6fc;
|
|
}
|
|
|
|
/*************** 首页 ************************/
|
|
|
|
|
|
|
|
.mainwrap {
|
|
position: relative;
|
|
top: 90rpx;
|
|
height: calc(100% - 250rpx);
|
|
width: 100%;
|
|
background-image: linear-gradient(to bottom, #bac6fc, transparent 50%);
|
|
box-sizing: content-box;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.topcont {
|
|
position: relative;
|
|
top: 1%;
|
|
width: 100%;
|
|
height: 16.5%;
|
|
text-align: center;
|
|
}
|
|
|
|
.topcont img {
|
|
width: 80%;
|
|
height: 100%;
|
|
}
|
|
|
|
.banbox {
|
|
position: relative;
|
|
top: -3.5%;
|
|
z-index: 1;
|
|
margin: 0 auto;
|
|
height: 63%;
|
|
width: 94%;
|
|
box-sizing: content-box;
|
|
border-radius: 20rpx;
|
|
}
|
|
|
|
.itembox {
|
|
display: flex;
|
|
position: relative;
|
|
top: -3.5%;
|
|
margin: 3.5% auto 0;
|
|
width: 94%;
|
|
height: 21%;
|
|
}
|
|
|
|
.itembox span {
|
|
display: block;
|
|
margin-right: 5%;
|
|
width: 50%;
|
|
}
|
|
|
|
.itembox span:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.subtop, .sectop {
|
|
position: fixed;
|
|
top: 35px;
|
|
z-index: 1000;
|
|
width: 100%;
|
|
height: 100rpx;
|
|
}
|
|
|
|
.subtop {
|
|
height: 200rpx;
|
|
background: #fff none;
|
|
}
|
|
|
|
.pagetit {
|
|
text-align: center;
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
.subtop .pagetit, .sectop .pagetit {
|
|
margin-top: -40rpx;
|
|
}
|
|
|
|
h3.contit {
|
|
margin: 1% 0 2% 4%;
|
|
width: 96%;
|
|
height: 2rem;
|
|
line-height: 2;
|
|
}
|
|
|
|
h3.contit span {
|
|
display: inline-block;
|
|
float: left;
|
|
font-size: 1.15rem;
|
|
font-weight: 600;
|
|
color: #666;
|
|
}
|
|
|
|
.footbox {
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 64px;
|
|
background-image: linear-gradient(to top, rgba(220,234,253,1), rgba(255,255,255,1));
|
|
border-top: 1px solid #eee;
|
|
box-shadow: 0 0 10px #eee;
|
|
text-align: center;
|
|
}
|
|
|
|
.footbox a {
|
|
position: relative;
|
|
display: inline-block;
|
|
margin: 10px 0;
|
|
padding-top: 28px;
|
|
width: 23%;
|
|
text-align: center;
|
|
background-size: 20%;
|
|
font-size: 1.0rem;
|
|
color: #999;
|
|
cursor: pointer;
|
|
background-size: 25%;
|
|
}
|
|
|
|
.footbox a:hover, .footbox a.curaf {
|
|
background-size: 25%;
|
|
color: #0b68f7;
|
|
}
|
|
|
|
/* .ahome {
|
|
background: url(/static/images/icon_home_2.png) no-repeat center top;
|
|
}
|
|
|
|
.ahome:hover, .ahome.curaf {
|
|
background: url(/static/images/icon_home.png) no-repeat center top;
|
|
}
|
|
|
|
.scannav {
|
|
background: url(/static/images/icon_scan_2.png) no-repeat center top;
|
|
}
|
|
|
|
.scannav:hover, .scannav.curaf {
|
|
background: url(/static/images/icon_scan.png) no-repeat center top;
|
|
}
|
|
|
|
.infonav {
|
|
background: url(/static/images/icon_info_2.png) no-repeat center top;
|
|
}
|
|
|
|
.infonav:hover, .infonav.curaf {
|
|
background: url(/static/images/icon_info.png) no-repeat center top;
|
|
}
|
|
|
|
.amine {
|
|
background: url(/static/images/icon_mine_2.png) no-repeat center top;
|
|
}
|
|
|
|
.amine:hover, .amine.curaf {
|
|
background: url(/static/images/icon_mine.png) no-repeat center top;
|
|
} */
|
|
|
|
/*************** 场景 ************************/
|
|
|
|
|
|
|
|
.secbar {
|
|
position: relative;
|
|
z-index: 99;
|
|
top: 90rpx;
|
|
width: 100%;
|
|
height: 90rpx;
|
|
background-color: #bac6fc;
|
|
}
|
|
|
|
.secbar label.back {
|
|
display: inline-block;
|
|
position: relative;
|
|
top: 16rpx;
|
|
left: 4%;
|
|
padding-left: 1.25rem;
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
background: url(/static/images/icon_arb.png) no-repeat left center;
|
|
background-size: auto 60%;
|
|
}
|
|
|
|
.title {
|
|
margin: -54rpx 0 50rpx;
|
|
color: #333;
|
|
font-size: 36rpx;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
.banbox_sec {
|
|
position: relative;
|
|
top: -10px;
|
|
z-index: 1;
|
|
margin: 0 auto;
|
|
height: 20%;
|
|
width: 94%;
|
|
box-sizing: content-box;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.subwrap {
|
|
position: relative;
|
|
top: 0;
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
padding: 1% 3% 9%;
|
|
width: 94%;
|
|
height: 94%;
|
|
}
|
|
|
|
.mainwrap2, .mainwrap3, .tabwrap {
|
|
position: relative;
|
|
top: 90rpx;
|
|
width: 100%;
|
|
height: calc(100% - 90rpx);
|
|
background-image: linear-gradient(to bottom, #bac6fc, transparent 40%);
|
|
box-sizing: content-box;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mainwrap3 {
|
|
top: 50rpx;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.tabwrap {
|
|
position: fixed;
|
|
top: 220rpx;
|
|
height: calc(100% - 300rpx);
|
|
}
|
|
|
|
.subsearch {
|
|
position: relative;
|
|
top: -2%;
|
|
width: 100%;
|
|
height: 5.0rem;
|
|
}
|
|
|
|
.subtop .subsearch {
|
|
top: 60px;
|
|
}
|
|
|
|
.msearchbox {
|
|
position: relative;
|
|
margin: 10px 3%;
|
|
padding: 3px 45px 3px 15px;
|
|
width: 70%;
|
|
height: 36px;
|
|
line-height: 34px;
|
|
background-color: transparent;
|
|
/* background: #f6f7fe url(/static/images/icon_sou.png) no-repeat right 16px center; */
|
|
background-size: auto 50%;
|
|
box-sizing: border-box;
|
|
border: 1px solid rgba(0,0,0,.05);
|
|
border-radius: 16px;
|
|
color: #999999;
|
|
outline: none;
|
|
}
|
|
|
|
.subsearch .msearchbox {
|
|
left: 2%;
|
|
padding: 3px 15px 3px 12%;
|
|
width: 90%;
|
|
background-position: left 16px center;
|
|
}
|
|
|
|
.msearchbtn {
|
|
position: absolute;
|
|
top: 24%;
|
|
right: 28%;
|
|
height: 28px;
|
|
width: 36px;
|
|
background: transparent;
|
|
color: transparent;
|
|
border: 0 none;
|
|
}
|
|
|
|
.scitem {
|
|
position: relative;
|
|
margin: 3% 0;
|
|
width: 100%;
|
|
height: 25%;
|
|
background: #000;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.scitem img {
|
|
opacity: .7;
|
|
}
|
|
|
|
.scdec {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 15%;
|
|
left: 5%;
|
|
color: #fff;
|
|
}
|
|
|
|
.scdec h4 {
|
|
margin: 15% 0;
|
|
font-size: 1.5rem;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.scdec span {
|
|
display: block;
|
|
margin: 5% 0;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
/*************** 我的 ************************/
|
|
|
|
|
|
|
|
|
|
.mitop {
|
|
margin-top: 0;
|
|
height: 40vw;
|
|
}
|
|
|
|
.topban h1 {
|
|
width: 100%;
|
|
color: #fff;
|
|
font-size: 1.2rem;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
text-align: center;
|
|
line-height: 8rem;
|
|
}
|
|
|
|
.perinfo {
|
|
position: relative;
|
|
margin: 10% 3% 1%;
|
|
height: 7.5rem;
|
|
width: 94%;
|
|
}
|
|
|
|
.perinfo .type-name {
|
|
float: left;
|
|
margin: 3% 3%;
|
|
display: inline-block;
|
|
width: 5rem;
|
|
height: 5rem;
|
|
overflow: hidden;
|
|
/* background: url(/static/images/hpic.jpg) no-repeat; */
|
|
background-size: cover;
|
|
background-position: center top;
|
|
border: 1px solid #fff;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.perinfo .dycd {
|
|
float: left;
|
|
margin: 3.5% 5%;
|
|
width: calc(80% - 5rem);
|
|
color: #333;
|
|
font-size: 1.0rem;
|
|
line-height: 1.5;
|
|
text-align: left;
|
|
}
|
|
|
|
.myname {
|
|
display: block;
|
|
margin: 0 0 7.5%;
|
|
color: #000;
|
|
font-size: 1.25rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.myitem {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.myitem span {
|
|
position: relative;
|
|
margin: 1% 10% 0 0;
|
|
padding-right: 0.6rem;
|
|
font-size: 0.9rem;
|
|
color: #666;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.myitem span b {
|
|
color: #333;
|
|
font-size: 0.7rem;
|
|
}
|
|
|
|
.myitem span i {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 100%;
|
|
/* background-color: #fb3737; */
|
|
}
|
|
|
|
.mset {
|
|
position: relative;
|
|
width: 94%;
|
|
min-height: 30%;
|
|
height: calc(90% - 17rem);
|
|
margin: 0 3%;
|
|
overflow: auto;
|
|
}
|
|
|
|
.mset ul {
|
|
width: 96%;
|
|
height: 96%;
|
|
margin: 2%;
|
|
}
|
|
|
|
.mset li {
|
|
width: 100%;
|
|
/*height: 20%;*/
|
|
/* background: url(/static/images/arrow-r.png) no-repeat right 2% center; */
|
|
background-size: auto 30%;
|
|
display: table;
|
|
}
|
|
|
|
.version-number {
|
|
padding: 5% 2% !important;
|
|
}
|
|
|
|
.mset li span {
|
|
background-position: left 1% center;
|
|
background-repeat: no-repeat;
|
|
background-size: 6% auto;
|
|
padding: 3.5% 10%;
|
|
display: table-cell;
|
|
width: 30%;
|
|
height: 90%;
|
|
font-size: 1.15rem;
|
|
}
|
|
|
|
/***********************/
|
|
|
|
|
|
|
|
.maintab {
|
|
position: relative;
|
|
top: 25px;
|
|
margin: 0;
|
|
align-items: center;
|
|
background: #fff;
|
|
border-bottom: 0.5rem solid #f3f4f5;
|
|
}
|
|
|
|
.titbox {
|
|
position: relative;
|
|
display: flex;
|
|
margin: 0 auto;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.titbox>span {
|
|
flex: 1;
|
|
margin: 0 3%;
|
|
width: auto;
|
|
text-align: center;
|
|
color: #999;
|
|
line-height: 2;
|
|
}
|
|
|
|
.titbox>span.actit {
|
|
color: #09F;
|
|
}
|
|
|
|
.titbox>span.actit:after {
|
|
display: block;
|
|
margin: -3px auto 0;
|
|
content: "";
|
|
width: 3rem;
|
|
height: 3px;
|
|
background-color: #09F;
|
|
}
|
|
|
|
.tab_item {
|
|
display: none;
|
|
position: relative;
|
|
height: 100%;
|
|
clear: both;
|
|
}
|
|
|
|
.list_tit {
|
|
margin: 0;
|
|
padding-left: 3%;
|
|
background: #f3f4f5;
|
|
height: 3rem;
|
|
line-height: 3.5;
|
|
color: #999;
|
|
font-weight: normal;
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
.listbox li {
|
|
position: relative;
|
|
display: flex;
|
|
padding: 2% 0;
|
|
width: 100%;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.listbox li:last-child {
|
|
border-bottom: 0;
|
|
margin-bottom: 3%;
|
|
}
|
|
|
|
.listbox li>span {
|
|
display: inline-flex;
|
|
margin: auto 2%;
|
|
padding-left: 7px;
|
|
color: #999;
|
|
}
|
|
|
|
.listbox input, .listbox select, .listbox textarea {
|
|
margin: 0;
|
|
height: 2.4rem;
|
|
color: #666;
|
|
border: 0 none;
|
|
font-size: 1rem;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
text-align: right;
|
|
}
|
|
|
|
.listbox li>div {
|
|
flex: 1;
|
|
margin: 0 1rem;
|
|
text-align: right;
|
|
color: #000;
|
|
}
|
|
|
|
.listbox li>div>input {
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
.listbox li span>b {
|
|
margin: 1% 2px 0 -7px;
|
|
color: #f00;
|
|
}
|
|
|
|
.listbox textarea, .textabox {
|
|
margin: -0.5rem 0 0 0;
|
|
padding: 0.5rem;
|
|
width: 96%;
|
|
min-height: 4.5rem;
|
|
background: #f5f5f5;
|
|
text-align: left;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.picbox>span {
|
|
display: inline-block;
|
|
margin: 0 0 2% 3%;
|
|
width: 20%;
|
|
height: 3rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.picbox>span>img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
span.rigadd {
|
|
float: right;
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
line-height: 20rem;
|
|
overflow: hidden;
|
|
/* background: url(/static/images/icon_60add.png) no-repeat top 28.5% center; */
|
|
background-size: auto 75%;
|
|
border: 1px solid #ddd;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.footbtn_2 {
|
|
display: flex;
|
|
margin: 3% 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.footbtn_2 a {
|
|
display: inline-block;
|
|
flex: 1;
|
|
margin: 3%;
|
|
width: 40%;
|
|
height: 3rem;
|
|
line-height: 3;
|
|
background: #199ffe;
|
|
border: 1px solid #199ffe;
|
|
border-radius: 30px;
|
|
color: #fff;
|
|
font-size: 1rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.footbtn_2 a:last-child {
|
|
background: #fff;
|
|
border: 1px solid #b1b1b1;
|
|
color: #797979;
|
|
}
|
|
|
|
.onebtn {
|
|
position: relative;
|
|
top: 30vw;
|
|
background: #3a02a5;
|
|
width: 96%;
|
|
border-radius: 10px;
|
|
color: #fff;
|
|
text-align: center;
|
|
margin: 3% 2%;
|
|
line-height: 3.0;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
/* 关闭按钮 */
|
|
.closesty {
|
|
position: absolute;
|
|
top: -50rpx;
|
|
right: -30rpx;
|
|
width: 50rpx;
|
|
height: 50rpx;
|
|
background-color: #e4eafe;
|
|
border-radius: 50%;
|
|
}
|
|
.closesty:before, .closesty:after {
|
|
position: absolute;
|
|
top: 10rpx;
|
|
left: 25rpx;
|
|
content: "";
|
|
width: 3rpx;
|
|
height: 30rpx;
|
|
background: #000;
|
|
transform: rotate(45deg);
|
|
|
|
}
|
|
.closesty:after {
|
|
transform: rotate(-45deg);
|
|
}
|
|
/* ** */
|