Commit 7aac1bbf by 施宇

11

parent 1d8a2e16
...@@ -15,8 +15,9 @@ return array( ...@@ -15,8 +15,9 @@ return array(
), ),
'URL_MAP_RULES' => array(//静态路由 'URL_MAP_RULES' => array(//静态路由
'index' => 'Home/Index/index',
'login' => 'Home/Index/login', 'login' => 'Home/Index/login',
'index' => 'Home/Index/home', 'home' => 'Home/Index/home',
'inquiry' => 'Home/Index/inquiry', 'inquiry' => 'Home/Index/inquiry',
'quote' => 'Home/Index/quote', 'quote' => 'Home/Index/quote',
'account' => 'Home/Index/account', 'account' => 'Home/Index/account',
......
...@@ -9,15 +9,21 @@ class IndexController extends Controller ...@@ -9,15 +9,21 @@ class IndexController extends Controller
/** /**
* 登录页面 * 登录页面
*/ */
/**
* 首页
*/
public function index()
{
$this->display('Index/index');
}
public function login() public function login()
{ {
$this->display('Login/index'); $this->display('Login/index');
} }
/** /**
* 首页 * 后台管理首页
*/ */
public function index() public function home()
{ {
$this->display('Home/index'); $this->display('Home/index');
} }
......
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<div class="filter_section clr"> <div class="filter_section clr">
<div class="fr"> <div class="fr">
<div class="btn_div fr"> <div class="btn_div fr">
<a class="cx lineBlock btn">查询</a> <a class="cx lineBlock btn nohover">查询</a>
</div> </div>
<div class="date_div fr"> <div class="date_div fr">
<span class="fl">日期选择:</span> <span class="fl">日期选择:</span>
......
...@@ -57,9 +57,15 @@ ...@@ -57,9 +57,15 @@
<span class="input_title lineBlock">*单价:</span> <span class="input_title lineBlock">*单价:</span>
<div class="input_parent"> <div class="input_parent">
<input type="text" placeholder="请输入接受价格" class="input boxsiz price_input"> <input type="text" placeholder="请输入接受价格" class="input boxsiz price_input">
<div class="rmb"> <div class="rmb layui-form">
<span class="text">RMB</span> <select name="city" lay-verify="required">
<span class="icon iconfont iconjuxing15"></span> <option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div> </div>
</div> </div>
</div> </div>
......
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<include file="public/header" />
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/index.css">
<style>
.search_section {
background: url('__PUBLIC__/images/homebg.png') no-repeat;
}
</style>
</head>
<body>
<div class="index_wrapper">
<include file="public/indexheader" />
<div class="content index_content">
<div class="top_section">
<div class="search_section">
<div class="width_1190">
<h3 class="bold">专注芯片交易,让交易更简单</h3>
<p>输入型号,尝试搜索一下吧。</p>
<div class="search_div clr">
<div class="input_div fl">
<span class="icon iconfont iconjuxing"></span>
<input type="text" placeholder="请输入要搜索的型号">
</div>
<div class="input_btn fl btn_48 btn bold">
搜索
</div>
</div>
<div class="lb_nav">
<span class="active">网页版</span>
<span>小程序</span>
<span>手机版</span>
</div>
<div class="lb_div">
<img src="__PUBLIC__/images/test.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="jy_div">
<div class="width_1190">
<h3 class="bold h3_common">您的交易,是我们最重要的</h3>
<p>对于交易每个环节,都是非常重要的。从询价到报价,从商品资讯到在线沟通,每条数据我们都替你保<br />护,所有记录均加密保存至云端供查阅。</p>
<div class="jy_ul clr">
<div class="jy_li fl">
<img src="__PUBLIC__/images/jy1.png" alt="">
<h4 class="bold">一键询价</h4>
<div>提交您要的需求信息,一键全网发布。剩下的交给我们来处理。</div>
</div>
<div class="jy_li fl">
<img src="__PUBLIC__/images/jy2.png" alt="">
<h4 class="bold">快速报价</h4>
<div>询价中心,支持询价内容筛选,快速找到自己擅长的询价,快速完成报价。</div>
</div>
<div class="jy_li fl">
<img src="__PUBLIC__/images/jy3.png" alt="">
<h4 class="bold">一键发布商品</h4>
<div>只要使用微信或手机登录,无需经过复杂的流程,即可手机一键免费发布商品。</div>
</div>
<div class="jy_li fl">
<img src="__PUBLIC__/images/jy4.png" alt="">
<h4 class="bold">无延迟沟通</h4>
<div>询价内容,自动发送到当前消息对话。询报价消息实时同步推送,零延迟沟通。</div>
</div>
</div>
<div class="btn btn_yellow use">
免费使用
</div>
</div>
</div>
<div class="hz_div">
<div class="width_1190">
<h3 class="bold h3_common">合作伙伴</h3>
<p>专注于优化交易,我们希望为用户提供更多的数据支持和服务体验,我们还在努力接入更多的数据...</p>
<div class="hz_list clr">
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz1.png" alt="">
</div>
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz2.png" alt="">
</div>
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz3.png" alt="">
</div>
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz4.png" alt="">
</div>
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz5.png" alt="">
</div>
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz6.png" alt="">
</div>
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz7.png" alt="">
</div>
<div class="hz_item fl">
<img src="__PUBLIC__/images/hz8.png" alt="">
</div>
</div>
</div>
</div>
</div>
<include file="public/indexfoot" />
</div>
</body>
</html>
\ No newline at end of file
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
</div> </div>
<div class="btn_div fr"> <div class="btn_div fr">
<a class="cx lineBlock btn">查询</a> <a class="cx lineBlock btn nohover">查询</a>
<a class="cz lineBlock boxsiz btn btn_border">重置</a> <a class="cz lineBlock boxsiz btn btn_border">重置</a>
</div> </div>
......
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
</div> </div>
<div class="btn_div fr"> <div class="btn_div fr">
<a class="cx lineBlock btn">查询</a> <a class="cx lineBlock btn nohover">查询</a>
<a class="cz lineBlock btn btn_border">重置</a> <a class="cz lineBlock btn btn_border">重置</a>
</div> </div>
......
...@@ -65,7 +65,8 @@ ...@@ -65,7 +65,8 @@
<div class="fz fl boxsiz ellipsis"> <div class="fz fl boxsiz ellipsis">
封装:<span>LQFP-144</span> 封装:<span>LQFP-144</span>
</div> </div>
<div class="num fl boxsiz ellipsis"> 数量:<span class="bold">100,000 PCS</span></div> <div class="num fl boxsiz ellipsis"> 数量:<span class="bold">100,000 PCS</span>
</div>
<div class="hq fl boxsiz ellipsis"> 货期:<span>现货</span></div> <div class="hq fl boxsiz ellipsis"> 货期:<span>现货</span></div>
<div class="bz fl boxsiz ellipsis"> <div class="bz fl boxsiz ellipsis">
备注:<span>我们有大量的现货,随时都可以出库。我们有大量的现货,随时都可以出库。</span></div> 备注:<span>我们有大量的现货,随时都可以出库。我们有大量的现货,随时都可以出库。</span></div>
...@@ -126,9 +127,15 @@ ...@@ -126,9 +127,15 @@
<span class="input_title lineBlock">接受价:</span> <span class="input_title lineBlock">接受价:</span>
<div class="input_parent"> <div class="input_parent">
<input type="text" placeholder="请输入接受价格" class="input boxsiz price_input"> <input type="text" placeholder="请输入接受价格" class="input boxsiz price_input">
<div class="rmb"> <div class="rmb layui-form">
<span class="text">RMB</span> <select name="city" lay-verify="required">
<span class="icon iconfont iconjuxing15"></span> <option value=""></option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div> </div>
</div> </div>
</div> </div>
...@@ -157,10 +164,10 @@ ...@@ -157,10 +164,10 @@
</div> </div>
<script src="__PUBLIC__/js/layui/layui.all.js"></script> <script src="__PUBLIC__/js/layui/layui.all.js"></script>
<script> <script>
$('.cz').click(function(){ $('.cz').click(function () {
$('.from_mask').fadeOut() $('.from_mask').fadeOut()
}) })
$('.bj_btn').click(function(){ $('.bj_btn').click(function () {
$('.from_mask').fadeIn() $('.from_mask').fadeIn()
}) })
</script> </script>
......
...@@ -54,8 +54,6 @@ ...@@ -54,8 +54,6 @@
<div class="input_parent"> <div class="input_parent">
<input type="text" placeholder="请输入接受价格" class="input boxsiz price_input"> <input type="text" placeholder="请输入接受价格" class="input boxsiz price_input">
<div class="rmb layui-form"> <div class="rmb layui-form">
<!-- <span class="text">RMB</span>
<span class="icon iconfont iconjuxing15"></span> -->
<select name="city" lay-verify="required"> <select name="city" lay-verify="required">
<option value=""></option> <option value=""></option>
<option value="0">北京</option> <option value="0">北京</option>
......
<div class="index_footer">
<div class="footer_content public_content width_1190">
<div class="fl">
<img src="__PUBLIC__/images/navlogo.png" alt="IC业务助手" class="fl public_img">
<div class="text fl public_text">
<h3 class="bold">IC业务助手</h3>
<p>让询报价更轻松、便捷</p>
</div>
</div>
<div class="fr">
<div class="fl fw_desc">
<p>
<span>服务时间<i>9:00-22:00</i></span>
<span>联系电话:<i>400-888-1688</i></span>
</p>
<h5>copyright &#169 2019 www.ICsales.com</h5>
</div>
<div class="fl qrcode">
<img src="__PUBLIC__/images/qrcode.png" alt="">
<p>微信公众号</p>
</div>
</div>
</div>
</div>
\ No newline at end of file
<div class="index_header">
<div class="header_content boxsiz public_content width_1190">
<div class="fl">
<img src="__PUBLIC__/images/navlogo.png" alt="IC业务助手" class="fl public_img">
<div class="text fl public_text">
<h3 class="bold">IC业务助手</h3>
<p>让询报价更轻松、便捷</p>
</div>
</div>
<div class="fr btn_group">
<div class="fl btn">小程序</div>
<div class="fl btn btn_yellow">网页版</div>
</div>
</div>
</div>
\ No newline at end of file
...@@ -153,7 +153,7 @@ img { ...@@ -153,7 +153,7 @@ img {
box-sizing: border-box; box-sizing: border-box;
} }
body { body {
overflow: hidden; overflow: auto;
font-size: 12px !important; font-size: 12px !important;
} }
.emptys { .emptys {
...@@ -413,6 +413,99 @@ body { ...@@ -413,6 +413,99 @@ body {
border-color: #0D84D1 !important; border-color: #0D84D1 !important;
background-color: #0D84D1 !important; background-color: #0D84D1 !important;
} }
.width_1190 {
width: 1190px;
margin: 0 auto;
}
.index_wrapper {
position: relative;
min-height: 100%;
}
.index_wrapper .content {
padding: 119px 0 212px 0;
}
.index_wrapper .public_content {
height: 100%;
}
.index_wrapper .public_img {
width: 60px;
height: 60px;
}
.index_wrapper .public_text {
margin-left: 20px;
}
.index_wrapper .public_text h3 {
font-size: 18px;
color: #3F3A3A;
}
.index_wrapper .public_text p {
font-size: 12px;
color: #9F9FA0;
margin-top: 5px;
}
.index_wrapper .index_header {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 119px;
background-color: #fff;
z-index: 2;
}
.index_wrapper .index_header .header_content {
padding: 30px 0;
}
.index_wrapper .index_header .header_content .text {
margin-top: 6px;
}
.index_wrapper .index_header .header_content .btn_group {
margin-top: 10px;
}
.index_wrapper .index_header .header_content .btn_group div {
width: 120px;
margin-right: 20px;
}
.index_wrapper .index_footer {
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 210px;
border-top: 2px solid #F5F9FC;
background-color: #fff;
}
.index_wrapper .index_footer .footer_content img {
margin-top: 50px;
}
.index_wrapper .index_footer .footer_content .text {
margin-top: 56px;
}
.index_wrapper .index_footer .footer_content .fw_desc {
font-size: 14px;
color: #ADB6BF;
margin-top: 74px;
}
.index_wrapper .index_footer .footer_content .fw_desc i {
color: #686E73;
}
.index_wrapper .index_footer .footer_content .fw_desc h5 {
text-align: right;
margin-top: 4px;
}
.index_wrapper .index_footer .footer_content .qrcode {
margin: 0 20px 0 30px;
}
.index_wrapper .index_footer .footer_content .qrcode img {
height: 80px;
width: 80px;
margin-top: 50px;
}
.index_wrapper .index_footer .footer_content .qrcode p {
font-size: 12px;
color: #ADB6BF;
text-align: center;
margin-top: 5px;
}
@font-face { @font-face {
font-family: "iconfont"; font-family: "iconfont";
src: url('iconfont.eot?t=1560242605876'); src: url('iconfont.eot?t=1560242605876');
......
...@@ -7,7 +7,8 @@ html { ...@@ -7,7 +7,8 @@ html {
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
} }
html, body { html,
body {
*position: static; *position: static;
height: 100%; height: 100%;
width: 100%; width: 100%;
...@@ -21,18 +22,59 @@ html * { ...@@ -21,18 +22,59 @@ html * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
} }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section { body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
button, input, select, textarea { button,
input,
select,
textarea {
font-size: 100%; font-size: 100%;
border: none; border: none;
-webkit-appearance: none; -webkit-appearance: none;
} }
input[type=button], input[type=file], input[type=submit] { input[type=button],
input[type=file],
input[type=submit] {
cursor: pointer; cursor: pointer;
} }
...@@ -41,16 +83,25 @@ table { ...@@ -41,16 +83,25 @@ table {
border-spacing: 0; border-spacing: 0;
} }
ol, ul, dl { ol,
ul,
dl {
list-style: none; list-style: none;
} }
h1, h2, h3, h4, h5, h6 { h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%; font-size: 100%;
font-weight: 500; font-weight: 500;
} }
em, b, i { em,
b,
i {
font-style: normal; font-style: normal;
} }
...@@ -128,7 +179,7 @@ img { ...@@ -128,7 +179,7 @@ img {
} }
body { body {
overflow: hidden; overflow: auto;
font-size: 12px !important; font-size: 12px !important;
} }
...@@ -282,6 +333,7 @@ body { ...@@ -282,6 +333,7 @@ body {
} }
} }
} }
.bg-color { .bg-color {
background: #F5F9FC; background: #F5F9FC;
} }
...@@ -289,10 +341,12 @@ body { ...@@ -289,10 +341,12 @@ body {
.layui-form-select dl dd.layui-this { .layui-form-select dl dd.layui-this {
background-color: #0D84D1 !important; background-color: #0D84D1 !important;
} }
// 商品询价的公共样式 // 商品询价的公共样式
.goods_data_list { .goods_data_list {
.my_xj_list { .my_xj_list {
padding-right: 20px; padding-right: 20px;
.my_xj_item { .my_xj_item {
background-color: #fff; background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5); box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
...@@ -349,14 +403,16 @@ body { ...@@ -349,14 +403,16 @@ body {
.item_user { .item_user {
border-top: 1px solid #F5F9FC; border-top: 1px solid #F5F9FC;
font-size: 12px; font-size: 12px;
padding-top:12px; padding-top: 12px;
margin-top:20px; margin-top: 20px;
.type { .type {
border-radius: 5px 0px 5px 0px; border-radius: 5px 0px 5px 0px;
width:48px; width: 48px;
height:20px; height: 20px;
text-align: center; text-align: center;
line-height: 20px; line-height: 20px;
&.grtype { &.grtype {
background-color: rgba(97, 160, 242, 0.2); background-color: rgba(97, 160, 242, 0.2);
color: #0D84D1; color: #0D84D1;
...@@ -377,6 +433,7 @@ body { ...@@ -377,6 +433,7 @@ body {
} }
} }
} }
@media screen and (max-width:1440px) { @media screen and (max-width:1440px) {
//三个 //三个
...@@ -408,11 +465,13 @@ body { ...@@ -408,11 +465,13 @@ body {
} }
.nohover:hover{
color:#fff .nohover:hover {
color: #fff
} }
// 按钮公共样式 // 按钮公共样式
.btn{ .btn {
border-radius: 4px; border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
...@@ -420,38 +479,160 @@ body { ...@@ -420,38 +479,160 @@ body {
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 16px;
background-color: #0D84D1; background-color: #0D84D1;
color:#fff; color: #fff;
height:40px; height: 40px;
line-height: 40px; line-height: 40px;
&.btn_48{
height:48px; &.btn_48 {
height: 48px;
line-height: 48px; line-height: 48px;
} }
&.btn_60{
height:60px; &.btn_60 {
height: 60px;
line-height: 60px; line-height: 60px;
} }
&.btn_fz_18{
&.btn_fz_18 {
font-size: 18px; font-size: 18px;
} }
&.btn_yellow{ &.btn_yellow {
background-color: #EAAD37; background-color: #EAAD37;
} }
&.btn_green{
&.btn_green {
background-color: #52CCA8; background-color: #52CCA8;
} }
&.btn_border{
&.btn_border {
background-color: #fff; background-color: #fff;
border:1px solid #D8DFE6; border: 1px solid #D8DFE6;
color:#515559; color: #515559;
} }
} }
.layui-form-onswitch{
.layui-form-onswitch {
border-color: #0D84D1 !important; border-color: #0D84D1 !important;
background-color: #0D84D1 !important; background-color: #0D84D1 !important;
} }
//首页公共样式
.width_1190{
width:1190px;
margin:0 auto;
}
.index_wrapper {
position: relative;
min-height: 100%;
.content{
padding:119px 0 212px 0;
}
.public_content {
height: 100%;
}
.public_img {
width: 60px;
height: 60px;
}
.public_text {
margin-left: 20px;
h3 {
font-size: 18px;
color: #3F3A3A
}
p {
font-size: 12px;
color: #9F9FA0;
margin-top: 5px;
}
}
.index_header {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 119px;
background-color: #fff;
z-index: 2;
.header_content {
padding: 30px 0;
.text {
margin-top: 6px;
}
.btn_group {
margin-top: 10px;
div {
width: 120px;
margin-right: 20px;
}
}
}
}
.index_footer {
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 210px;
border-top: 2px solid #F5F9FC;
background-color: #fff;
.footer_content {
img {
margin-top: 50px;
}
.text {
margin-top: 56px
}
.fw_desc {
font-size: 14px;
color: #ADB6BF;
margin-top: 74px;
i {
color: #686E73;
}
h5 {
text-align: right;
margin-top: 4px;
}
}
.qrcode {
margin: 0 20px 0 30px;
img {
height: 80px;
width: 80px;
margin-top: 50px;
}
p {
font-size: 12px;
color: #ADB6BF;
text-align: center;
margin-top: 5px;
}
}
}
}
}
// 字体样式 // 字体样式
@import "./fonts.less"; @import "./fonts.less";
// 侧边栏 // 侧边栏
......
.index_content .h3_common {
font-size: 38px;
color: #2E3033;
padding-top: 90px;
}
.index_content .top_section {
height: 710px;
background-color: #fff;
position: relative;
text-align: center;
}
.index_content .top_section .search_section {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 665px;
background-size: 100% 100%;
}
.index_content .top_section .search_section h3 {
color: #2E3033;
font-size: 42px;
padding-top: 70px;
}
.index_content .top_section .search_section p {
font-size: 16px;
color: #8A9299;
margin-top: 10px;
}
.index_content .top_section .search_section .search_div {
width: 800px;
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
height: 48px;
margin: 43px auto 0;
}
.index_content .top_section .search_section .search_div .input_div {
width: 592px;
height: 100%;
border-radius: 0px 4px 4px 0px;
position: relative;
padding: 0 20px 0 70px;
}
.index_content .top_section .search_section .search_div .input_div .icon {
font-size: 30px;
position: absolute;
top: 9px;
color: #ADB6BF;
left: 20px;
}
.index_content .top_section .search_section .search_div .input_div input {
height: 100%;
width: 100%;
font-size: 16px;
color: #515559;
line-height: 48px;
}
.index_content .top_section .search_section .search_div .input_btn {
width: 118px;
border-radius: 0px 4px 4px 0px;
}
.index_content .top_section .search_section .lb_nav {
font-size: 14px;
color: #ADB6BF;
margin-top: 43px;
}
.index_content .top_section .search_section .lb_nav span {
margin-right: 26px;
cursor: pointer;
}
.index_content .top_section .search_section .lb_nav span.active,
.index_content .top_section .search_section .lb_nav span:hover {
color: #0D84D1;
}
.index_content .top_section .search_section .lb_div {
height: 400px;
}
.index_content .top_section .search_section .lb_div img {
height: 100%;
width: 100%;
}
.index_content .jy_div {
text-align: center;
padding-bottom: 100px;
}
.index_content .jy_div p {
color: #8A9299;
font-size: 16px;
margin-top: 10px;
line-height: 30px;
}
.index_content .jy_div .jy_ul {
margin-top: 60px;
}
.index_content .jy_div .jy_ul .jy_li {
width: 200px;
margin-right: 97.5px;
}
.index_content .jy_div .jy_ul .jy_li img {
height: 200px;
width: 100%;
}
.index_content .jy_div .jy_ul .jy_li h4 {
color: #2E3033;
font-size: 18px;
}
.index_content .jy_div .jy_ul .jy_li div {
font-size: 14px;
color: #ADB6BF;
margin-top: 7px;
}
.index_content .jy_div .use {
width: 120px;
margin: 45px auto 0;
}
.index_content .hz_div {
text-align: center;
padding-bottom: 100px;
background: linear-gradient(180deg, #f5f9fc 0%, rgba(253, 254, 255, 0) 100%);
}
.index_content .hz_div p {
color: #8A9299;
font-size: 16px;
margin-top: 25px;
}
.index_content .hz_div .hz_list {
width: 984px;
margin: 10px auto 0;
}
.index_content .hz_div .hz_list .hz_item {
margin: 10px 80px 0 0;
}
.index_content .hz_div .hz_list .hz_item img {
height: 80px;
width: 166px;
}
.index_content {
.h3_common{
font-size: 38px;
color: #2E3033;
padding-top: 90px;
}
.top_section {
height: 710px;
background-color: #fff;
position: relative;
text-align: center;
.search_section {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 665px;
background-size: 100% 100%;
h3 {
color: #2E3033;
font-size: 42px;
padding-top: 70px;
}
p {
font-size: 16px;
color: #8A9299;
margin-top: 10px;
}
.search_div {
width: 800px;
background-color: #fff;
box-shadow: 0px 5px 10px 0px rgba(216, 223, 230, 0.5);
height: 48px;
margin: 43px auto 0;
.input_div {
width: 592px;
height: 100%;
border-radius: 0px 4px 4px 0px;
position: relative;
padding: 0 20px 0 70px;
.icon {
font-size: 30px;
position: absolute;
top: 9px;
color: #ADB6BF;
left: 20px;
}
input {
height: 100%;
width: 100%;
font-size: 16px;
color: #515559;
line-height: 48px;
}
}
.input_btn {
width: 118px;
border-radius: 0px 4px 4px 0px;
}
}
.lb_nav {
font-size: 14px;
color: #ADB6BF;
margin-top: 43px;
span {
margin-right: 26px;
cursor: pointer;
&.active,
&:hover {
color: #0D84D1;
}
}
}
.lb_div {
height: 400px;
img {
height: 100%;
width: 100%;
}
}
}
}
.jy_div {
text-align: center;
padding-bottom: 100px;
p {
color: #8A9299;
font-size: 16px;
margin-top: 10px;
line-height: 30px
}
.jy_ul {
margin-top:60px;
.jy_li {
width: 200px;
margin-right: 97.5px;
img {
height: 200px;
width: 100%;
}
h4 {
color: #2E3033;
font-size: 18px;
}
div {
font-size: 14px;
color: #ADB6BF;
margin-top: 7px;
}
}
}
.use {
width: 120px;
margin: 45px auto 0;
}
}
.hz_div {
text-align: center;
padding-bottom:100px;
background: linear-gradient(180deg, rgba(245, 249, 252, 1) 0%, rgba(253, 254, 255, 0) 100%);
p{
color: #8A9299;
font-size: 16px;
margin-top:25px;
}
.hz_list{
width:984px;
margin:10px auto 0;
.hz_item{
margin:10px 80px 0 0;
img{
height:80px;
width:166px;
}
}
}
}
}
\ No newline at end of file
...@@ -431,14 +431,18 @@ ...@@ -431,14 +431,18 @@
border-left: 1px solid #D8DFE6; border-left: 1px solid #D8DFE6;
line-height: 26px; line-height: 26px;
} }
.from_mask .form .form_content .input_div .input_parent .rmb .text { .from_mask .form .form_content .input_div .input_parent .rmb .layui-form-select {
margin: 0 8px 0 15px; height: 100%;
font-size: 14px;
color: #515559;
} }
.from_mask .form .form_content .input_div .input_parent .rmb .icon { .from_mask .form .form_content .input_div .input_parent .rmb .layui-form-select .layui-select-title {
font-size: 12px; height: 100%;
color: #D8DFE6; }
.from_mask .form .form_content .input_div .input_parent .rmb .layui-form-select input {
height: 100%;
border: none;
width: 99%;
padding-right: 0;
line-height: 26px;
} }
.from_mask .form .form_content .btn_div { .from_mask .form .form_content .btn_div {
margin: 30px 0 0 90px; margin: 30px 0 0 90px;
......
...@@ -455,15 +455,20 @@ ...@@ -455,15 +455,20 @@
border-left: 1px solid #D8DFE6; border-left: 1px solid #D8DFE6;
line-height: 26px; line-height: 26px;
.text { .layui-form-select {
margin: 0 8px 0 15px; height: 100%;
font-size: 14px;
color: #515559; .layui-select-title {
height: 100%;
} }
.icon { input {
font-size: 12px; height: 100%;
color: #D8DFE6; border: none;
width: 99%;
padding-right: 0;
line-height: 26px;
}
} }
} }
......
...@@ -138,6 +138,22 @@ ...@@ -138,6 +138,22 @@
border-left: 1px solid #D8DFE6; border-left: 1px solid #D8DFE6;
line-height: 26px; line-height: 26px;
} }
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb .layui-form-select,
.upload_single_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb .layui-form-select {
height: 100%;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb .layui-form-select .layui-select-title,
.upload_single_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb .layui-form-select .layui-select-title {
height: 100%;
}
.release_inquiry_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb .layui-form-select input,
.upload_single_content .inquiry_form .form_content .form_left .input_div .input_parent .rmb .layui-form-select input {
height: 100%;
border: none;
width: 99%;
padding-right: 0;
line-height: 26px;
}
.release_inquiry_content .inquiry_form .form_content .form_left .btn_div, .release_inquiry_content .inquiry_form .form_content .form_left .btn_div,
.upload_single_content .inquiry_form .form_content .form_left .btn_div { .upload_single_content .inquiry_form .form_content .form_left .btn_div {
margin: 30px 0 0 90px; margin: 30px 0 0 90px;
......
...@@ -135,17 +135,21 @@ ...@@ -135,17 +135,21 @@
bottom: 7px; bottom: 7px;
border-left: 1px solid #D8DFE6; border-left: 1px solid #D8DFE6;
line-height: 26px; line-height: 26px;
.layui-form-select{
height:100%;
.layui-select-title{
height:100%;
}
input{
height:100%;
border:none;
width:99%;
padding-right:0;
line-height: 26px;
}
}
// .text {
// margin: 0 8px 0 15px;
// font-size: 14px;
// color: #515559;
// }
// .icon {
// font-size: 12px;
// color: #D8DFE6;
// }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment