Commit 43ead1f4 by 梁建民

css

parent 737df1d3
......@@ -46,7 +46,7 @@
<div class="xh input_div">
<span class="input_title lineBlock">所在地区:</span>
<div class="input_parent">
<div class="layui-input-inline" style="width: 170px;margin-left: 0;margin-right: 20px;">
<div class="layui-input-inline auto-area" style="width: 170px;margin-left: 0;margin-right: 20px;">
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
......@@ -56,7 +56,7 @@
<option value="4">杭州</option>
</select>
</div>
<div class="layui-input-inline" style="width: 170px;margin-left: 0;margin-right: 20px;">
<div class="layui-input-inline auto-area" style="width: 170px;margin-left: 0;margin-right: 20px;">
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
......@@ -66,7 +66,7 @@
<option value="4">杭州</option>
</select>
</div>
<div class="layui-input-inline" style="width: 170px;margin-left: 0;">
<div class="layui-input-inline auto-area" style="width: 170px;margin-left: 0;">
<select name="city" lay-verify="required">
<option value=""></option>
<option value="0">北京</option>
......
......@@ -8,8 +8,45 @@
<body>
<div class="person">
<div class="wrap">
<div class="top">
<i class="logo"></i>
<p class="t1">IC业务助手</p>
<p class="t2">让询报价更轻松、便捷</p>
</div>
<div class="wechat" style="display: none">
<a href="javascript:;" class="btn">
<i class="iconfont iconjuxing22 va-m"></i>
<span class="va-m">微信登录</span>
</a>
<p class="tab-sel">
<a href="javascript:;">验证码登录</a>
<a href="javascript:;">密码登录</a>
</p>
</div>
<div class="bind-mobile layui-form">
<div class="input-wrap">
<i class="iconfont iconjuxing23 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
<div class="sel lineBlock va-m">
<select name="interest">
<option value="0">中国 +86</option>
<option value="1">香港 +86</option>
</select>
</div>
</div>
<div class="input-wrap">
<i class="iconfont iconjuxing26 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
</div>
<div class="btn-wrap">
<a href="javascript:;" class="btn">绑定手机号</a>
</div>
</div>
</div>
</div>
<include file="public/foot" />
</body>
</html>
\ No newline at end of file
......@@ -226,4 +226,9 @@
.release_inquiry_content .tod-bar .list-box li .r .sw {
margin-top: 10px;
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
.auto-area {
width: 130px !important;
}
}
/*# sourceMappingURL=account.css.map */
\ No newline at end of file
{"version":3,"sources":["account.less"],"names":[],"mappings":"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","file":"account.css"}
\ No newline at end of file
{"version":3,"sources":["account.less"],"names":[],"mappings":"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","file":"account.css"}
\ No newline at end of file
......@@ -8,21 +8,21 @@
.release_inquiry_content {
padding: 0 20px;
.nav_title {
padding: 20px 0;
}
.inquiry_form {
background-color: #fff;
padding-bottom: 40px;
h3 {
font-size: 20px;
color: #2E3033;
padding: 26px 0 0 30px;
}
.gb {
height: 34px;
line-height: 34px;
......@@ -30,70 +30,70 @@
margin: 16px 30px 0 30px;
color: #EAA217;
font-size: 14px;
.icon {
font-size: 15px;
margin: 0 6px 0 12px;
}
}
.form_content {
font-size: 14px;
margin: 10px 0 0 51px;
.form_left {
width: 50%;
.input_div {
margin-top: 20px;
position: relative;
height: 40px;
line-height: 40px;
&.textarea_div {
margin-top: 20px;
position: relative;
height: auto;
line-height: 1;
}
.input_title {
color: #686E73;
width: 66px;
text-align: right;
}
.layui-input-block {
margin-left: 85px;
.layui-textarea {
min-height: 80px;
border-radius: 4px;
border: 1px solid #D8DFE6;
}
}
.input_parent {
position: absolute;
left: 85px;
right: 0;
top: 0;
.layui-form-radio {
margin-top: 0;
i:hover {
color: #0D84D1
}
}
.layui-form-radioed {
i {
color: #0D84D1
}
}
.input {
height: 40px;
border-radius: 4px;
......@@ -101,24 +101,24 @@
padding: 0 15px;
width: 100%;
line-height: 40px;
&.price_input {
padding: 0 90px 0 15px;
}
&.day_input {
width: 139px;
padding: 0 35px 0 15px;
}
}
.day {
position: relative;
color: #515559;
left: -30px;
}
.rmb {
position: absolute;
cursor: pointer;
......@@ -128,26 +128,26 @@
bottom: 7px;
border-left: 1px solid #D8DFE6;
line-height: 26px;
.text {
margin: 0 8px 0 15px;
font-size: 14px;
color: #515559;
}
.icon {
font-size: 12px;
color: #D8DFE6;
}
}
}
}
.btn_div {
margin: 30px 0 0 90px;
span {
height: 40px;
width: 120px;
......@@ -156,12 +156,12 @@
font-size: 16px;
border-radius: 3px;
cursor: pointer;
&.fb {
color: #fff;
background-color: #0D84D1
}
&.cz {
color: #515559;
border: 1px solid #E6ECF2;
......@@ -170,11 +170,11 @@
}
}
}
.form_right {
text-align: center;
margin: 20px 0 0 6.67%;
.sc {
height: 180px;
width: 180px;
......@@ -182,26 +182,26 @@
text-align: center;
cursor: pointer;
border-radius: 50%;
div {
color: #ADB6BF;
font-size: 60px;
padding-top: 67px;
}
p {
color: #8A9299;
font-size: 16px;
margin-top: 23px;
}
}
a.change{
width:120px;
height:40px;
background:rgba(255,255,255,1);
border-radius:3px;
border:1px solid rgba(230,236,242,1);
a.change {
width: 120px;
height: 40px;
background: rgba(255, 255, 255, 1);
border-radius: 3px;
border: 1px solid rgba(230, 236, 242, 1);
font-size: 16px;
color: #515559;
line-height: 40px;
......@@ -210,48 +210,48 @@
margin: 20px auto 0;
}
}
}
}
.tod-bar {
background-color: #fff;
h3 {
font-size: 20px;
color: #2E3033;
padding: 26px 0 0 30px;
}
.list-box {
padding: 40px 30px 0 40px;
li {
margin-bottom: 40px;
.l {
.iconjuxing22 {
font-size: 48px;
color: #52cca8;
}
.iconjuxing1, .iconjuxing7, .iconjuxing19 {
font-size: 47px;
color: #d8dfe6;
}
.t1 {
font-size: 16px;
color: #515559;
margin-bottom: 10px;
}
.t2 {
font-size: 14px;
color: #8a9299;
}
.t3 {
position: relative;
top: -9px;
......@@ -259,7 +259,7 @@
color: #adb6bf;
}
}
.r {
.btn {
width: 120px;
......@@ -272,11 +272,19 @@
font-size: 16px;
color: #ffffff;
}
.sw{
.sw {
margin-top: 10px;
}
}
}
}
}
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
.auto-area {
width: 130px !important;
}
}
\ No newline at end of file
......@@ -341,9 +341,11 @@ body {
.layui-form-select dl dd.layui-this {
background-color: #0D84D1 !important;
}
.layui-laypage a:hover {
color: #61A0F2 !important;
}
// 商品询价的公共样式
.goods_data_list {
.my_xj_list {
......@@ -436,7 +438,7 @@ body {
}
}
@media screen and (max-width:1440px) {
@media screen and (max-width: 1440px) {
//三个
.my_xj_item {
......@@ -444,7 +446,7 @@ body {
}
}
@media screen and (min-width:1440px) and (max-width:1750px) {
@media screen and (min-width: 1440px) and (max-width: 1750px) {
//四个
.my_xj_item {
......@@ -453,7 +455,7 @@ body {
}
@media screen and (min-width:1750px) {
@media screen and (min-width: 1750px) {
//五个
.my_xj_item {
......@@ -465,7 +467,6 @@ body {
}
}
.nohover:hover {
......@@ -520,18 +521,20 @@ body {
}
//首页公共样式
.width_1190{
width:1190px;
margin:0 auto;
.width_1190 {
width: 1190px;
margin: 0 auto;
}
.index_wrapper {
position: relative;
min-height: 100%;
min-width: 1190px;
.content{
padding:119px 0 212px 0;
.content {
padding: 119px 0 212px 0;
}
.public_content {
height: 100%;
}
......@@ -636,19 +639,24 @@ body {
}
}
}
@media screen and (max-width:1024px) {
.index_wrapper{
@media screen and (max-width: 1024px) {
.index_wrapper {
display: none;
}
.mobile_wrapper{
.mobile_wrapper {
display: block;
}
}
@media screen and (min-width:1025px) {
.index_wrapper{
@media screen and (min-width: 1025px) {
.index_wrapper {
display: block;
}
.mobile_wrapper{
.mobile_wrapper {
display: none;
}
}
......
......@@ -13,5 +13,116 @@ body {
background: #ffffff;
box-shadow: 2px 2px 10px 0px rgba(230, 236, 242, 0.5);
margin: 0 auto;
display: table;
}
.person .wrap {
display: table-cell;
vertical-align: middle;
}
.person .wrap .top .logo {
width: 160px;
height: 160px;
background: url("../images/navlogo.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto;
}
.person .wrap .top .t1 {
font-size: 26px;
color: #3f3a3a;
line-height: 37px;
font-weight: 600;
text-align: center;
margin-top: 20px;
margin-bottom: 8px;
}
.person .wrap .top .t2 {
font-size: 16px;
color: #9f9fa0;
line-height: 22px;
text-align: center;
}
.person .wrap .wechat .btn {
width: 400px;
height: 48px;
background: #0d84d1;
border-radius: 3px;
display: block;
line-height: 48px;
text-align: center;
margin: 77px auto 0;
}
.person .wrap .wechat .btn i {
font-size: 30px;
}
.person .wrap .wechat .btn span {
font-size: 18px;
color: #ffffff;
}
.person .wrap .wechat .btn:hover i {
color: #fff;
}
.person .wrap .wechat .tab-sel {
margin-top: 175px;
text-align: center;
}
.person .wrap .wechat .tab-sel a {
font-size: 16px;
color: #8a9299;
}
.person .wrap .wechat .tab-sel a:first-child {
margin-right: 30px;
}
.person .wrap .bind-mobile {
width: 400px;
margin: 50px auto 0;
}
.person .wrap .bind-mobile .input-wrap {
height: 48px;
margin-bottom: 20px;
border-bottom: 1px solid #E6ECF2;
padding-left: 10px;
white-space: nowrap;
}
.person .wrap .bind-mobile .input-wrap .iconjuxing23,
.person .wrap .bind-mobile .input-wrap .iconjuxing26 {
font-size: 28px;
color: #adb6bf;
}
.person .wrap .bind-mobile .input-wrap .w {
font-size: 16px;
line-height: 40px;
text-indent: 1em;
}
.person .wrap .bind-mobile .input-wrap .w.w1 {
width: 255px;
}
.person .wrap .bind-mobile .input-wrap .sel {
position: relative;
width: 100px;
}
.person .wrap .bind-mobile .input-wrap .sel:after {
position: absolute;
top: 9px;
left: 0;
content: '';
width: 1px;
height: 22px;
background: #D8DFE6;
}
.person .wrap .bind-mobile .input-wrap .sel .layui-input {
border: none !important;
}
.person .wrap .bind-mobile .btn-wrap .btn {
width: 400px;
height: 48px;
margin: 0 auto;
background: #0d84d1;
border-radius: 3px;
display: block;
line-height: 48px;
text-align: center;
font-size: 18px;
color: #ffffff;
}
/*# sourceMappingURL=person.css.map */
\ No newline at end of file
{"version":3,"sources":["person.less"],"names":[],"mappings":"AAAA;AAAM;EACJ,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,iBAAA;;AAGF;EACE,YAAA;EACA,aAAA;EACA,mBAAA;EACA,qDAAA;EACA,cAAA","file":"person.css"}
\ No newline at end of file
{"version":3,"sources":["person.less"],"names":[],"mappings":"AAAA;AAAM;EACJ,WAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,iBAAA;;AAGF;EACE,YAAA;EACA,aAAA;EACA,mBAAA;EACA,qDAAA;EACA,cAAA;EACA,cAAA;;AANF,OAQE;EACE,mBAAA;EACA,sBAAA;;AAVJ,OAQE,MAIE,KACE;EACE,YAAA;EACA,aAAA;EACA,gBAAgB,yCAAhB;EACA,sBAAA;EACA,cAAA;EACA,cAAA;;AAnBR,OAQE,MAIE,KAUE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;EACA,gBAAA;EACA,kBAAA;;AA7BR,OAQE,MAIE,KAoBE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;;AApCR,OAQE,MAgCE,QACE;EACE,YAAA;EACA,YAAA;EACA,mBAAA;EACA,kBAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;EACA,mBAAA;;AAjDR,OAQE,MAgCE,QACE,KAUE;EACE,eAAA;;AApDV,OAQE,MAgCE,QACE,KAcE;EACE,eAAA;EACA,cAAA;;AAGF,OApDN,MAgCE,QACE,KAmBG,MACC;EACE,WAAA;;AA9DZ,OAQE,MAgCE,QA2BE;EACE,iBAAA;EACA,kBAAA;;AArER,OAQE,MAgCE,QA2BE,SAIE;EACE,eAAA;EACA,cAAA;;AAEA,OAnER,MAgCE,QA2BE,SAIE,EAIG;EACC,kBAAA;;AA5EZ,OAQE,MA0EE;EACE,YAAA;EACA,mBAAA;;AApFN,OAQE,MA0EE,aAIE;EACE,YAAA;EACA,mBAAA;EACA,gCAAA;EACA,kBAAA;EACA,mBAAA;;AA3FR,OAQE,MA0EE,aAIE,YAOE;AA7FR,OAQE,MA0EE,aAIE,YAOgB,CAAA;EACZ,eAAA;EACA,cAAA;;AA/FV,OAQE,MA0EE,aAIE,YAYE;EACE,eAAA;EACA,iBAAA;EACA,gBAAA;;AAEA,OA/FR,MA0EE,aAIE,YAYE,GAKG;EACC,YAAA;;AAxGZ,OAQE,MA0EE,aAIE,YAsBE;EACE,kBAAA;EACA,YAAA;;AAEA,OAxGR,MA0EE,aAIE,YAsBE,KAIG;EACC,kBAAA;EACA,QAAA;EACA,OAAA;EACA,SAAS,EAAT;EACA,UAAA;EACA,YAAA;EACA,mBAAA;;AAvHZ,OAQE,MA0EE,aAIE,YAsBE,KAcE;EACE,uBAAA;;AA3HZ,OAQE,MA0EE,aA8CE,UACE;EACE,YAAA;EACA,YAAA;EACA,cAAA;EACA,mBAAA;EACA,kBAAA;EACA,cAAA;EACA,iBAAA;EACA,kBAAA;EACA,eAAA;EACA,cAAA","file":"person.css"}
\ No newline at end of file
......@@ -13,4 +13,142 @@ html, body {
background: rgba(255, 255, 255, 1);
box-shadow: 2px 2px 10px 0px rgba(230, 236, 242, 0.5);
margin: 0 auto;
display: table;
.wrap {
display: table-cell;
vertical-align: middle;
.top {
.logo {
width: 160px;
height: 160px;
background: url("../images/navlogo.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto;
}
.t1 {
font-size: 26px;
color: #3f3a3a;
line-height: 37px;
font-weight: 600;
text-align: center;
margin-top: 20px;
margin-bottom: 8px;
}
.t2 {
font-size: 16px;
color: #9f9fa0;
line-height: 22px;
text-align: center;
}
}
.wechat {
.btn {
width: 400px;
height: 48px;
background: rgba(13, 132, 209, 1);
border-radius: 3px;
display: block;
line-height: 48px;
text-align: center;
margin: 77px auto 0;
i {
font-size: 30px;
}
span {
font-size: 18px;
color: #ffffff;
}
&:hover {
i {
color: #fff;
}
}
}
.tab-sel {
margin-top: 175px;
text-align: center;
a {
font-size: 16px;
color: #8a9299;
&:first-child {
margin-right: 30px;
}
}
}
}
.bind-mobile {
width: 400px;
margin:50px auto 0;
.input-wrap {
height: 48px;
margin-bottom: 20px;
border-bottom: 1px solid #E6ECF2;
padding-left: 10px;
white-space: nowrap;
.iconjuxing23,.iconjuxing26 {
font-size: 28px;
color: #adb6bf;
}
.w {
font-size: 16px;
line-height: 40px;
text-indent: 1em;
&.w1 {
width: 255px;
}
}
.sel {
position: relative;
width: 100px;
&:after {
position: absolute;
top: 9px;
left: 0;
content: '';
width: 1px;
height: 22px;
background: #D8DFE6;
}
.layui-input {
border: none !important;
}
}
}
.btn-wrap {
.btn {
width: 400px;
height: 48px;
margin: 0 auto;
background: rgba(13, 132, 209, 1);
border-radius: 3px;
display: block;
line-height: 48px;
text-align: center;
font-size: 18px;
color: #ffffff;
}
}
}
}
}
\ No newline at end of file
No preview for this file type
......@@ -107,6 +107,9 @@ Created by iconfont
<glyph glyph-name="juxing25" unicode="&#58909;" d="M812.202667 345.173333c-7.210667 96.128 56.405333 156.842667 116.394666 199.04-56.405333 50.602667-105.386667 99.498667-209.066666 104.490667-83.626667 3.413333-121.813333-43.818667-200.021334-45.482667-72.704-1.706667-67.328 52.266667-218.197333 37.077334-130.816-13.482667-245.418667-134.912-236.330667-305.194667C74.112 151.296 212.309333-103.253333 341.333333-103.253333c90.88 1.706667 112.725333 42.112 187.306667 42.112 92.714667 0 114.517333-50.602667 187.306667-40.533334 125.482667 16.938667 243.626667 200.618667 243.626666 259.626667-69.12 33.792-138.24 91.093333-147.328 187.221333zM706.816 871.253333c-172.714667-21.930667-221.824-168.618667-212.736-235.989333 132.693333-6.741333 232.704 123.093333 212.736 235.946667z" horiz-adv-x="1066" />
<glyph glyph-name="juxing26" unicode="&#58910;" d="M276.48 650.24a133.266286 133.266286 0 0 1-133.12-133.12v-259.584a133.266286 133.266286 0 0 1 133.12-133.12h477.257143a133.266286 133.266286 0 0 1 133.12 133.12V517.12a133.266286 133.266286 0 0 1-133.12 133.12H276.48z m477.257143-587.264H276.48a194.779429 194.779429 0 0 0-194.56 194.56V517.12a194.779429 194.779429 0 0 0 194.56 194.56h477.257143a194.779429 194.779429 0 0 0 194.56-194.56v-259.584a194.779429 194.779429 0 0 0-194.56-194.56z m-427.264 206.262857a30.72 30.72 0 0 0-30.72 30.72V474.697143a30.72 30.72 0 0 0 61.44 0v-174.665143a30.72 30.72 0 0 0-30.72-30.72z m188.635428 0a30.72 30.72 0 0 0-30.72 30.72V474.697143a30.72 30.72 0 0 0 61.44 0v-174.665143a30.72 30.72 0 0 0-30.72-30.72z m188.635429 0a30.72 30.72 0 0 0-30.72 30.72V474.697143a30.72 30.72 0 0 0 61.44 0v-174.665143a30.72 30.72 0 0 0-30.72-30.72z" horiz-adv-x="1024" />
</font>
......
No preview for this file type
No preview for this file type
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