html {
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 62.5%;
word-spacing: 1px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: border-box;
margin: 0;
}
input{
border: none;
outline: none;
border-bottom: 1px solid #d8cdcd;
padding: 0.5rem;
width: 100%;
}
.form{
padding: 1.5rem 2rem;
}
textarea{
border: none;
outline: none;
border-bottom: 1px solid #d8cdcd;
padding: 0.5rem;
width: 100%;
resize:none;
}
.button--green {
display: inline-block;
border-radius: 4px;
border: 1px solid #3b8070;
color: #3b8070;
text-decoration: none;
padding: 10px 30px;
}
.button--green:hover {
color: #fff;
background-color: #3b8070;
}
.button--grey {
display: inline-block;
border-radius: 4px;
border: 1px solid #35495e;
color: #35495e;
text-decoration: none;
padding: 10px 30px;
margin-left: 15px;
}
.button--grey:hover {
color: #fff;
background-color: #35495e;
}
.bottom-fxied{
position: fixed;
height: 45px;
left: 0px;bottom: 0px;width: 100%;display: block;
}
.bottom-fxied footer{
height: 100%;
width: 100%;
background: #fff;
box-shadow: 2px -3px 5px #ddd;
color:#999;
display: flex;
}
.bottom-fxied footer span{
width: 25%;
display: inline-block;
height: 100%;
line-height: 100%;
text-align: center;
padding-top: 0.7rem;
}
.bottom-fxied footer span div{
margin-top: 0.5rem;
}
.bottom-fxied footer span a i{
font-size: 2rem;
padding-top:0.5rem;
display: inline-block;
width: 100%;
}
.bottom-fxied a{
color:#999;
font-size: 1.25rem;
display: inline-block;
width: 100%;
}
a{
text-decoration: none;
-webkit-tap-highlight-color: transparent; /*移动端iphone按下a链接背景颜色会变灰,如何解决? */
-webkit-tap-highlight-color: rgba(255,255,255,0);
}
a:visited {
text-decoration: none;
}
a:hover { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.active{
color: #FF0000!important;
}
ul{
margin: 0;
padding: 0;
}
li{
list-style-type: none;
margin:0;
padding: 0;
}
.container {
min-height: 100vh;
text-align: center;
padding-top : 6rem;
}
.container {
min-height: 100vh;
text-align: center;
padding-top : 6rem;
}
.title {
font-family: "Quicksand", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* 1 */
display: block;
font-weight: 300;
font-size: 2.5rem;
color: #35495e;
margin-top: 2.5rem;
letter-spacing: 1px;
margin-bottom: 5rem;
}
.content{
width: 100%;
}
.data_header{
width: 100%;
text-align: left;
font-size: 1.5rem;
padding: 1rem 2rem;
border-bottom: 1px solid #ddd;
}
.data_list li {
text-align: left;
padding:1rem 2rem;
font-size: 1.5rem;
color:#35495e;
border-bottom: 1px solid #ddd;
display: flex;
}
.data_list li span:first-child{
padding-right: 1.5rem;
width: 75%;
}
.data_list li span:last-child{
float: right;
width: 25%;
min-width: 78px;
text-align: right;
}
/* 企业 */
header{
width: 100%;
text-align: center;
font-size: 2rem;
padding: 1rem 0;
box-shadow: 2px 3px 5px #ddd;
position: fixed;
background: #fff;
}
.has_header{
padding-top: 6.5rem;
}
.has_footer{
padding-bottom: 5.5rem;
}
.list li {
text-align: left;
padding: 1rem 1.5rem ;
width: 100%;
border-bottom: 1px solid #d6d6d6;
}
.list li div{
padding: 0.5rem 0;
color: #333;
font-size: 1.2rem;
}
.list li .name{
font-size: 1.5rem;
color: #666;
}
a{
color:#666;
}
header .back{
padding-left: 1rem;
float: left;
font-size: 2rem;
height: 2rem;
}
/* 服务 */
.box_list{
width: 100%;
padding: 0 2rem;
}
.box_list li a{
display: block;
width: 100%;
margin: 2rem 0;
font-size: 2.5rem;
height: 5rem;
line-height: 5rem;
padding: 0 1rem;
color: #616161 ;
box-shadow: 0px 3px 5px #ddd;
}
.box_list li i{
font-size: 2.5rem;
width: 20%;
display: inline-block;
text-align: right;
}
.box_list li span{
display: inline-block;
width: 75%;
padding-left:3rem;
text-align: left;
}
/* 正文 */
.text{
padding: 2rem 1.5rem;
}
.mbsc-fr-popup{
max-width: 100%!important;
}
.form_item {
margin: 1rem;
}
.form .btn{
border-radius: 0.25rem;
border: none;
color:#fff;
height: 3rem;
font-size: 1.5rem;
width: 25%;
}
.form .btn{
margin-right: 1.5rem;
}
.form .btn:last-child{
margin-right: 0;
}
.btn_yellow{
background-color: #F1B045;
}
.login_forget{
margin-top: 20px;
text-align: right;
width: 100%;
padding:0 10%;
font-size: 1.25rem;
}
.login_forget span{
color: #666;
}
.form-btn{
width: 100%;
text-align: center;
padding-top: 2rem;
}
.list .date{
font-size: 2rem;
}
.cell span {
display: inline-block;
padding: 0.5rem;
}
.cell .status {
color:#FF0000;
}
.span1{
display: inline-block;
width: 100%!important;
}
.relative{
position: relative;
}
.get_text{
position: absolute;
top: -1rem; right:1rem;
bottom: 0;
font-size: 1.5rem;
border: solid 1px #F1B045;
padding: 3px 2rem;
line-height: 3rem;
border-radius: 0.5rem;
}
/* 企业详情 */
.enterprise_info{
width: 100%;
padding: 0 2rem 2rem;
}
.enterprise_info .name{
font-size: 2rem;
color: #666;
padding: 1rem 0;
}
.enterprise_info .meta{
font-size: 1.5rem;
padding:0.2rem 0;
color: #999;
}
.enterprise_info .meta:last-child{
color: #999;
padding-bottom: 2rem;
border-bottom: solid 2px #F1B045;
}
.enterprise_list {
padding:1rem 2rem 1rem;
}
.enterprise_list .intro{
font-size: 1.5rem;
}
.product_list {
padding-top: 1rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
}
.product_list ul{
width: 100%;
font-size: 0;
}
.product_list li{
width: 33%;
display: inline-block;
padding: 1rem;
font-size:1.5rem;
}
.product_list img{
width: 90%;
}
.product_list .meta{
padding: 1rem 0;
text-align: center;
}