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; }