/** 清除内外边距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td, /* table elements 表格元素 */ img/* img elements 图片元素 */{ border:medium none; margin: 0; padding: 0; } /** 设置默认字体 **/ body,button, input, select, textarea { outline:none;font: 12px/1.5 '宋体',tahoma, Srial, helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } em{font-style:normal;} /** 重置列表元素 **/ ul, ol { list-style: none; } /** 重置超链接元素 **/ a { text-decoration: none; color:#fff;} a:hover { text-decoration: underline; color:#fff; } /** 重置图片元素 **/ img{ border:0px;} /** 重置表格元素 **/ table { border-collapse: collapse; border-spacing: 0; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #C7C7C7; } input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #C7C7C7; } input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #C7C7C7; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #C7C7C7; } .alert{ position: fixed; top: 0; left: 0; right: 0; width: 100%; border-radius: 0; text-align: center; -webkit-animation: 0.3s alert linear ; animation: 0.3s alert linear ; z-index: 9999999; padding:15px;margin-bottom:20px;border:1px solid transparent; box-sizing: border-box; font-size: 14px; } .alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6} .alert-success hr{border-top-color:#c9e2b3} .alert-success .alert-link{color:#2b542c} .alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534} @-webkit-keyframes alert { 0% { -webkit-transform:translateY(-80px) ; transform: translateY(-80px); opacity: 0; } 100% { -webkit-transform:translateY(0) ; transform: translateY(0); opacity: 1; } } @keyframes alert { 0% { -webkit-transform:translateY(-80px) ; transform: translateY(-80px); opacity: 0; } 100% { -webkit-transform:translateY(0) ; transform: translateY(0); opacity: 1; } } /** 通用模块 **/ body{ background: white; font-size: 14px; color: #4B4B4B; } body,html{ width: 100%; min-height: 100vh; overflow-x: hidden; overflow-y: auto; } .body{ /* background:url('../images/body_bg1.png')no-repeat left 5% bottom 4%, url('../images/body_bg2.png')no-repeat center bottom 4%, url('../images/body_bg3.png')no-repeat right 5% bottom 4%, url('../images/body_bg4.png')no-repeat bottom left, #000B31 ; */ /* background-size: 40px auto,40px auto,40px auto,contain; */ padding-bottom: 60px; background: white; color: #4B4B4B; } .font_10{ font-size: 10px; } .font_12{ font-size: 12px; } .font_14{ font-size: 14px; } .font_16{ font-size: 16px; } .font_18{ font-size: 18px; } .font_20{ font-size: 20px; } .font_22{ font-size: 22px; } .font_24{ font-size: 24px; } .font_26{ font-size: 26px; } .font_28{ font-size: 28px; } .font_30{ font-size: 30px; } .font_32{ font-size: 32px; } .font_34{ font-size: 34px; } .color_white { color: white; } .color_4b { color: #4B4B4B; } .font_weight { font-weight: bold; } .flex{ display: -webkit-box; display: -webkit-flex; display: flex; } .flex_item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; /* padding-left: 10px; */ } .flex_center{ justify-content: center; } .flex_align_center{ align-content:center } .flex_align_top{ align-content: flex-start; } .text_center{ text-align: center; } .text_left{ text-align: left; } .vertical_top{ vertical-align: top; } .flex_direction_column{ flex-direction:column; } .content{ /* padding: 0 8%; */ width: 100%; box-sizing: border-box; } .pop_loading{ position: fixed; height: 50px; width: 100px; background: rgba(0,0,0,0.7); top: 50%; left: 50%; margin-top: -25px; margin-left: -50px; border-radius: 5px; color: #fff; line-height: 50px; text-align: center; font-size: 14px; z-index: 9999; } /* .title{ position: relative; padding: 0 5px 7px 5px; display: inline-block; border-bottom: 2px solid #B5A36A; } */ /* .title::after{ content: ''; position: absolute; width: 100%; height: 12px; bottom: 0; left: 0; right: 0; background:linear-gradient(0deg,rgba(31,68,172,1),rgba(72,25,159,1)); border-radius:6px; z-index: -1; } */ @font-face { /* 英文字体 */ font-family: "CadillacTrimV1-Light"; src: url("./font/CadillacTrimV1/CadillacTrimV1-Light.otf"); font-family: "CadillacTrimV1-Medium"; src: url("./font/CadillacTrimV1/CadillacTrimV1-Medium.otf"); font-family: "CadillacTrimV1-Regular"; src: url("./font/CadillacTrimV1/CadillacTrimV1-Regular.otf"); font-family: "CadillacTrimV1-Thin"; src: url("./font/CadillacTrimV1/CadillacTrimV1-Thin.otf"); font-family: "hyjh35j"; src: url("./font/hyjh/hyjh35j.ttf"); font-family: "hyjh50j"; src: url("./font/hyjh/hyjh50j.ttf"); font-family: "hyjh70j"; src: url("./font/hyjh/hyjh70j.ttf"); font-family: "hyjh90j"; src: url("./font/hyjh/hyjh90j.ttf"); } .content{ } .title{ height:20px; font-size:16px; font-family:PingFangSC-Medium,PingFang SC; font-weight:500; color:rgba(17,17,17,1); line-height:20px; margin: 20px 30px; } .content-data{ max-width: 700px; width: auto; margin: 0 auto; padding: 0 0 70px 0; } .content-data img{ width:100%; display: inline-block; } .footer_btn{ background: #fff; box-shadow:0px -3px 9px 0px rgba(127,129,138,0.15); width: 100%; height: 58px; position: fixed; padding-bottom:20px; box-sizing: border-box; bottom: 0px; text-align: center; } .footer_btn_item{ margin-top: -30px; } .img-full{ width: 100%; height: 100%; } .demonstrate-box{ display: flex; height: 100%; padding:0; box-sizing: border-box; flex-direction: column; } .top{ padding:0 60px; padding-top: 40px; } .top .subtitle{ color:#111111; font-size:32px; } .top .time-box{ display: flex; height: 40px; align-items: center; margin-top: 15px; } .top .time-box .text{ display: flex; height: 40px; align-items: center; color:#8D8D8D; font-size:24px; } .top .time-box image{ width: 26px; height: 26px; margin-right: 12px; } .top .adr-box{ display: flex; height: 40px; align-items: center; margin-top: 10px; } .top .adr-box .text{ display: flex; height: 40px; align-items: center; color:#8D8D8D; font-size:24px; } .top .adr-box image{ width: 26px; height: 26px; margin-right: 12px; } .main{ margin-top: 52px; } /*.main .item-title{*/ /* position: relative;*/ /* font-size:28px;*/ /* color:#111111;*/ /* padding-left: 60px;*/ /* padding-bottom: 34px;*/ /*}*/ .main .item-title .left-line{ position: absolute; left: 0; top: 0; width:4px; height:40px; background:rgba(22,22,22,1); } .main .title{ font-weight: bold; } .main .paragraph{ line-height:48px; padding:0 60px; font-size:24px; color:#111111; padding-bottom: 20px; } .main .pic-box{ padding:0 60px; padding-bottom: 36px; } .main .pic-box .pic{ width: 100%; margin-top: 32px; } /* pages/copyright/copyright.wxss */ .page-copyright{ } .page-copyright .copyright-item{ margin-bottom: 20px; } .page-copyright .copyright-item .title{ position: relative; color: #111111; font-size: 16px; padding: 0 25px; line-height: 45px; font-weight:500; height: auto; margin: 0; } .page-copyright .copyright-item .title::after{ position: absolute; left: 0; top:50%; transform: translate(0,-50%); width:2px; height:20px; background:rgba(22,22,22,1); content: ""; } .page-copyright .copyright-item .info{ font-size: 12px; color: #111111; padding: 0 25px; } .page-copyright .copyright-code{ margin-top: 50px; } .page-copyright .copyright-code .img-wrap{ width:148px; height:140px; margin: 0 auto; box-sizing: border-box; padding:10px; border:1px solid rgba(236,238,243,1); /* border:1px solid rgba(236,238,243,1); box-sizing: border-box; padding:20px; */ } .page-copyright .copyright-code .info{ text-align: center; font-size: 16px; color: #111111; margin-top: 15px; } .page-copyright .footer-brand-text{ color:#9A9A9A; font-size: 12px; text-align: center; line-height: 20px; margin-top: 80px; padding-bottom: 20px; }