Commit 3afe43cc by 梁建民

h5 落地推广页面

parent d0c1e932
Showing with 896 additions and 20 deletions
......@@ -138,6 +138,12 @@ export const apis = {
actionLogin: productionUrlApi + 'login/action',
/**
* *
* 登录接口api
* *
*/
actionLogins: productionUrlApi + 'login/action',
/**
* *
* 获取短信api
* *
*/
......@@ -415,7 +421,11 @@ export const apis = {
/**
* 资料下载(地址)
*/
downloadFile: productionUrlApi + 'article/DownloadFile'
downloadFile: productionUrlApi + 'article/DownloadFile',
/**
* 发送验证码
*/
smsVerifys: productionUrlApi + 'public/smsVerify'
}
......@@ -433,9 +443,15 @@ export const services = {
smsVerify(params) {
return axios.post(apis.smsVerify, params)
},
smsVerifys(params) {
return axios.post(apis.smsVerifys, params)
},
actionLogin(params) {
return axios.post(apis.actionLogin, params)
},
actionLogins(params) {
return axios.post(apis.actionLogins, params)
},
feedback(params) {
return axios.post(apis.feedback, params)
},
......@@ -510,7 +526,6 @@ export const services = {
changeReceivePrizeAddress(params) {
return axios.post(apis.changeReceivePrizeAddress, params)
},
setdefault(params) {
return axios.post(apis.setdefault, params)
},
......@@ -523,7 +538,6 @@ export const services = {
getOverseaMsgArea(params) {
return axios.post(apis.getOverseaMsgArea, params)
},
getUserPointExchangeDetail(params) {
return axios.post(apis.getUserPointExchangeDetail, params)
},
......@@ -678,7 +692,7 @@ export const services = {
},
wxShare(params) {
return axios.post(apis.wxShare, params)
},
},
selfSampleCreate(params) {
return axios.post(apis.selfSampleCreate, params)
},
......@@ -703,7 +717,7 @@ export const services = {
}
})
},
getSampleInfo(params){
getSampleInfo(params) {
return axios.post(apis.getsampleinfo, params)
}
};
\ No newline at end of file
.special {
width: 100%;
background: #fd4e40;
padding-bottom: 1.143rem; }
.special .header {
width: 100%;
height: 15rem;
background: url("../../images/special/banner.jpg") no-repeat center bottom;
background-size: cover; }
.special .header .wrap {
position: absolute;
bottom: 3.6rem;
left: 0;
right: 0;
margin: 0 auto;
width: 9.2rem;
background-color: #ffffff;
border-radius: 4px;
padding-top: 0.693rem;
padding-bottom: 0.667rem; }
.special .header .wrap .inp {
width: 7.333rem;
height: 40px;
background: rgba(189, 188, 187, 0.1);
margin: 0 auto 0.253rem;
display: flex;
flex-direction: row;
align-items: center; }
.special .header .wrap .inp .ico {
width: 12px;
height: 20px;
background: url("../../images/special/mobile.png") no-repeat center;
background-size: cover;
margin-left: 0.4rem;
margin-right: 0.3rem; }
.special .header .wrap .inp .inpt {
height: 20px;
line-height: 40px;
background: none;
margin: 10px 0;
color: #bdbcbb;
border-left: 1px solid rgba(189, 188, 187, 0.6);
padding-left: 0.3rem; }
.special .header .wrap .inp .inpt::-webkit-input-placeholder {
color: #bdbcbb;
opacity: 0.6; }
.special .header .wrap .code {
width: 7.467rem;
height: 40px;
margin: 0 auto 0.253rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between; }
.special .header .wrap .code .l {
background: rgba(189, 188, 187, 0.1);
white-space: nowrap;
width: 4.667rem;
height: 40px; }
.special .header .wrap .code .l .ico {
width: 17px;
height: 17px;
background: url("../../images/special/msg.png") no-repeat center;
background-size: cover;
margin-left: 0.4rem;
margin-right: 0.2rem; }
.special .header .wrap .code .l .inpt {
height: 20px;
line-height: 40px;
background: none;
margin: 10px 0;
color: #bdbcbb;
border-left: 1px solid rgba(189, 188, 187, 0.6);
padding-left: 0.3rem; }
.special .header .wrap .code .l .inpt::-webkit-input-placeholder {
color: #bdbcbb;
opacity: 0.6; }
.special .header .wrap .code .imgcode {
height: 40px; }
.special .header .wrap .code .imgcode img {
width: 2.573rem;
height: 40px; }
.special .header .wrap .code .codebtn {
width: 2.573rem;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #ff8f1b;
border-radius: 2px;
display: inline-block;
font-size: 13px;
color: #ffffff; }
.special .header .wrap .code .codebtn.codebtndisabled {
background-color: #c2c2c2; }
.special .header .wrap .btn {
margin-top: 0.48rem;
width: 7.333rem;
height: 40px;
line-height: 40px;
text-align: center;
background-image: linear-gradient(90deg, #ff3b00 0%, #ff901b 100%);
border-radius: 2px;
display: block;
font-size: 15px;
color: #fff; }
.special .list-a {
margin: 0 0.4rem 0.4rem 0.4rem;
background-color: #ffffff;
border-radius: 4px;
padding: 0.693rem 0 0.45rem 0; }
.special .list-a .tit {
width: 241px;
height: 13px;
background: url("../../images/special/bb.png") no-repeat center;
background-size: cover;
margin: 0 auto 0.747rem; }
.special .list-a ul {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap; }
.special .list-a ul li {
width: 2.813rem;
height: 4.813rem;
background-color: #ffffff;
margin-bottom: 0.12rem;
margin-right: 0.093rem; }
.special .list-a ul li:nth-of-type(3n) {
margin-right: 0; }
.special .list-a ul li a {
display: block; }
.special .list-a ul li a img {
width: 100%;
height: 100%; }
.special .list-b {
margin: 0 0.4rem;
background-color: #ffffff;
border-radius: 4px;
padding: 0.693rem 0 0.45rem 0; }
.special .list-b .tit {
width: 241px;
height: 13px;
background: url("../../images/special/cc.png") no-repeat center;
background-size: cover;
margin: 0 auto 0.747rem; }
.special .list-b ul {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap; }
.special .list-b ul li {
width: 2.667rem;
height: 1.067rem;
background-color: #ffffff;
margin-bottom: 0.2rem;
margin-right: 0.2rem;
border: 1px solid #e5e5e5; }
.special .list-b ul li:nth-of-type(3n) {
margin-right: 0; }
.special .list-b ul li a {
display: block; }
.special .list-b ul li a img {
width: 100%;
height: 100%; }
.special .foot {
padding: 0 .747rem;
margin-top: 1.093rem;
margin-bottom: 1.147rem; }
.special .foot ul {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 0.28rem; }
.special .foot li {
display: flex;
flex-direction: row;
align-items: center; }
.special .foot li img {
width: 0.933rem;
height: 0.933rem; }
.special .foot li .text {
margin-left: 0.3rem;
width: 3rem; }
.special .foot li .text p {
color: #ffffff;
font-size: 11px;
opacity: 0.8; }
.special .btn {
width: 7.62rem;
height: 1.24rem;
background: url("../../images/special/btn.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto; }
/*# sourceMappingURL=index.css.map */
{
"version": 3,
"mappings": "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",
"sources": ["index.scss"],
"names": [],
"file": "index.css"
}
.special {
width: 100%;
background: #fd4e40;
padding-bottom: 1.143rem;
.header {
width: 100%;
height: 15rem;
background: url("../../images/special/banner.jpg") no-repeat center bottom;
background-size: cover;
.wrap{
position: absolute;
bottom: 3.6rem;
left: 0;
right: 0;
margin: 0 auto;
width: 9.2rem;
background-color: #ffffff;
border-radius: 4px;
padding-top: 0.693rem;
padding-bottom: 0.667rem;
.inp{
width: 7.333rem;
height: 40px;
background: rgba(189,188,187,0.1);
margin: 0 auto 0.253rem;
display: flex;
flex-direction: row;
align-items: center;
.ico{
width: 12px;
height: 20px;
background: url("../../images/special/mobile.png") no-repeat center;
background-size: cover;
margin-left: 0.4rem;
margin-right: 0.3rem;
}
.inpt{
height: 20px;
line-height: 40px;
background: none;
margin: 10px 0;
color: #bdbcbb;
border-left: 1px solid rgba(189,188,187,0.6);
padding-left: 0.3rem;
&::-webkit-input-placeholder {
color: #bdbcbb;
opacity: 0.6;
}
}
}
.code{
width: 7.467rem;
height: 40px;
margin: 0 auto 0.253rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
.l{
background: rgba(189,188,187,0.1);
white-space: nowrap;
width: 4.667rem;
height: 40px;
.ico{
width: 17px;
height: 17px;
background: url("../../images/special/msg.png") no-repeat center;
background-size: cover;
margin-left: 0.4rem;
margin-right: 0.2rem;
}
.inpt{
height: 20px;
line-height: 40px;
background: none;
margin: 10px 0;
color: #bdbcbb;
border-left: 1px solid rgba(189,188,187,0.6);
padding-left: 0.3rem;
&::-webkit-input-placeholder {
color: #bdbcbb;
opacity: 0.6;
}
}
}
.imgcode{
height: 40px;
img{
width: 2.573rem;
height: 40px;
}
}
.codebtn{
width: 2.573rem;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #ff8f1b;
border-radius: 2px;
display: inline-block;
font-size: 13px;
color: #ffffff;
&.codebtndisabled{
background-color: #c2c2c2;
}
}
}
.btn{
margin-top: 0.48rem;
width: 7.333rem;
height: 40px;
line-height: 40px;
text-align: center;
background-image: linear-gradient(90deg, #ff3b00 0%, #ff901b 100%);
border-radius: 2px;
display: block;
font-size: 15px;
color: #fff;
}
}
}
.list-a {
margin: 0 0.4rem 0.4rem 0.4rem;
background-color: #ffffff;
border-radius: 4px;
padding: 0.693rem 0 0.45rem 0;
.tit {
width: 241px;
height: 13px;
background: url("../../images/special/bb.png") no-repeat center;
background-size: cover;
margin: 0 auto 0.747rem;
}
ul {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
li {
width: 2.813rem;
height: 4.813rem;
background-color: #ffffff;
margin-bottom: 0.12rem;
margin-right: 0.093rem;
&:nth-of-type(3n) {
margin-right: 0;
}
a {
display: block;
img {
width: 100%;
height: 100%;
}
}
}
}
}
.list-b {
margin: 0 0.4rem;
background-color: #ffffff;
border-radius: 4px;
padding: 0.693rem 0 0.45rem 0;
.tit {
width: 241px;
height: 13px;
background: url("../../images/special/cc.png") no-repeat center;
background-size: cover;
margin: 0 auto 0.747rem;
}
ul {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
li {
width: 2.667rem;
height: 1.067rem;
background-color: #ffffff;
margin-bottom: 0.2rem;
margin-right: 0.2rem;
border: 1px solid #e5e5e5;
&:nth-of-type(3n) {
margin-right: 0;
}
a {
display: block;
img {
width: 100%;
height: 100%;
}
}
}
}
}
.foot {
padding: 0 .747rem;
margin-top: 1.093rem;
margin-bottom: 1.147rem;
ul {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 0.28rem;
}
li {
display: flex;
flex-direction: row;
align-items: center;
img {
width: 0.933rem;
height: 0.933rem;
}
.text {
margin-left: 0.3rem;
width: 3rem;
p {
color: #ffffff;
font-size: 11px;
opacity: 0.8;
}
}
}
}
.btn{
width: 7.62rem;
height: 1.24rem;
background: url("../../images/special/btn.png") no-repeat center;
background-size: cover;
display: block;
margin: 0 auto;
}
}
......@@ -43,8 +43,7 @@ const ranking = resolve => require(['@/views/rank/ranking'], resolve);
const Download = resolve => require(['@/views/download/Index'], resolve);
const sample = resolve => require(['@/views/sample/sample'], resolve);
const sampleapply = resolve => require(['@/views/sample/sampleapply'], resolve);
const Special = resolve => require(['@/views/special/Index'], resolve);
Vue.use(Router);
......@@ -55,7 +54,7 @@ const routes = [{
meta: {
title: '猎芯网 - 电子元器件_ic交易网_电子元件/元器件批发采购网上商城平台'
}
},
},
{
path: '/smt',
component: Smt,
......@@ -354,7 +353,7 @@ const routes = [{
},
{
path: '/sampleapply',
name:"sampleapply",
name: "sampleapply",
component: sampleapply,
meta: {
title: '样片申请',
......@@ -362,6 +361,14 @@ const routes = [{
}
},
{
path: '/special',
name: "special",
component: Special,
meta: {
title: '',
}
},
{
path: '*',
redirect: '/'
}
......
import Vue from 'vue'
import {Toast} from 'vant';
import {services as Services} from '../../../api/index'
var qs = require('qs');
Vue.use(Toast);
const state = {
formImgShow: false,
countDown: false
}
const mutations = {
getfileuploadbanner(state, payload) {
state.getfileuploadbanner = payload.data;
},
articleShowData(state, payload) {
state.articleShowData = payload.data;
}
}
const actions = {
actionLogins({commit}, payload) {
const toast = Toast.loading({
message: '...',
forbidClick: true
});
var params = {
account: payload.account,
sms_verify: payload.sms_verify
}
Services.actionLogins(qs.stringify(params)).then((res) => {
let data = res.data;
if (data.err_code == 0) {
setTimeout(function () {
toast.clear();
window.location.href = "/";
}, 2000)
} else {
toast.clear();
Toast({
message: data.err_msg,
duration: 3000
});
}
}).catch(function (err) {
state.loading = false;
});
},
smsVerifys({commit}, payload) {
var params = {
mobile: payload.mobile,
verify: payload.verify,
channel: 1
};
Services.smsVerifys(qs.stringify(params)).then((res) => {
let data = res.data;
if (data.err_code == 0) {
state.formImgShow = false;
state.countDown = true;
} else if (data.err_code == 10001 || data.err_code == 10002) {
state.formImgShow = true;
Toast({
message: data.err_msg,
duration: 2000
});
} else {
Toast({
message: data.err_msg,
duration: 3000
});
}
}).catch(function (err) {
});
}
}
const getters = {}
export default {
state,
mutations,
actions,
getters
}
\ No newline at end of file
......@@ -29,11 +29,11 @@ import rank from './modules/rank/index'
import download from './modules/download/index'
import sample from './modules/sample/index'
import sampleapply from './modules/sample/sampleapply'
import special from './modules/special/index'
Vue.use(Vuex)
export default new Vuex.Store({
modules: {
wallet,
......@@ -64,7 +64,7 @@ export default new Vuex.Store({
rank,
download,
sample,
sampleapply
sampleapply,
special
}
})
......@@ -2,7 +2,7 @@
<section class="brand">
<Header :title="title" :meaushow='meaushow' v-show="xiding"></Header>
<van-tabs @change="getData" v-show="xiding">
<van-tab v-for="item in tabs" :title="item.text" :brand_area="title.brand_area" >
<van-tab v-for="item in tabs" :key="item" :title="item.text" :brand_area="title.brand_area" >
</van-tab>
</van-tabs>
<!--索引分类-->
......
......@@ -31,7 +31,7 @@
:title-inactive-color="defaultcolor"
@change="changeTab"
>
<van-tab v-for="(v,k) in classList" :title="v.class_name" :name="v.id"></van-tab>
<van-tab v-for="(v,k) in classList" :key="v" :title="v.class_name" :name="v.id"></van-tab>
</van-tabs>
</div>
<div class="con">
......
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
.zl_Detail *{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,sans-serif}.zl_Detail .details-head .head_top{border-bottom:1px solid #d6d7dc;padding:10px}.zl_Detail .details-head .head_top .head_top_left{width:56px}.zl_Detail .details-head .head_top .head_top_left img{display:block;width:56px;height:56px;border:1px solid #e5e5e5}.zl_Detail .details-head .head_top .head_top_right{padding-left:66px}.zl_Detail .details-head .head_top .head_top_right h4{padding-bottom:10px;font-size:18px;color:#333}.zl_Detail .details-head .head_bottom{border-bottom:1px solid #d6d7dc;padding:5px 10px}.zl_Detail .details-head .head_bottom li{width:50%;line-height:20px;height:20px;font-size:12px;color:#999}.zl_Detail .details-head .head_bottom li b{display:block;float:left;line-height:20px;height:20px;font-weight:400}.zl_Detail .details-head .head_bottom li span{color:#333;line-height:20px;height:20px;display:block;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zl_Detail .details-head .head_bottom li .f-orange{color:#ffa200;margin-left:5px}.zl_Detail .details-cont{position:absolute;top:149px;bottom:44px;width:100%;padding:10px;overflow-y:auto}.zl_Detail .details-cont .gradient{width:100%}.zl_Detail .details-cont .gradient table{width:100%;line-height:32px;font-size:12px;text-align:center;color:#666;border:1px solid #d9d9d9}.zl_Detail .details-cont .gradient table .xs-6{width:50%}.zl_Detail .details-cont .gradient table .xs-4{width:33.33%}.zl_Detail .details-cont .gradient table .xs-3{width:25%}.zl_Detail .details-cont .gradient table th{border:1px solid #d9d9d9;font-weight:400;color:#666}.zl_Detail .details-cont .gradient table td{border:1px solid #d9d9d9;color:#333}.zl_Detail .details-cont .gradient .zkxk{font-size:12px;height:24px;line-height:24px;border:1px solid #e5e5e5;border-top:none;text-align:center;color:#666}.zl_Detail .details-cont .gradient .zkxk .icon-top{bottom:9px;position:relative;content:"";height:0;width:0;pointer-events:none;border:solid transparent;border-bottom-color:#4d4d4d;border-width:4px;margin-left:5px}.zl_Detail .details-cont .gradient .zkxk .icon-bot{top:9px;position:relative;content:"";height:0;width:0;pointer-events:none;border:solid transparent;border-top-color:#4d4d4d;border-width:4px;margin-left:5px}.zl_Detail .details-cont .price{padding-top:10px}.zl_Detail .details-cont .price .zyqhc{position:absolute;width:4.53333rem;height:.93333rem;color:#999;font-size:.26667rem;border:1px solid #ffa200;left:130px;line-height:.37333rem;padding:.06667rem;-webkit-box-shadow:0 0 3px #ffd07f;box-shadow:0 0 3px #ffd07f;border-radius:3px}.zl_Detail .details-cont .price .zyqhc .lfldiv{width:.4rem}.zl_Detail .details-cont .price .zyqhc .lfldiv font{position:relative;font-size:.29333rem;margin-right:.06667rem}.zl_Detail .details-cont .price .zyqhc .lfrdiv{width:3.86667rem}.zl_Detail .details-cont .price .bbiu{border-color:transparent #ffa200 transparent transparent;left:118px}.zl_Detail .details-cont .price .bbiu,.zl_Detail .details-cont .price .bbiu1{display:inline-block;position:absolute;border-width:6px;border-style:solid;top:.2rem}.zl_Detail .details-cont .price .bbiu1{border-color:transparent #fff transparent transparent;left:120px}.zl_Detail .details-cont .price .em1{padding:0 .5em}.zl_Detail .details-cont .price dl{font-size:12px}.zl_Detail .details-cont .price dl dt{width:5em;color:#999;float:left;line-height:30px}.zl_Detail .details-cont .price dl dd{padding-left:5em;color:#333;line-height:30px}.zl_Detail .details-cont .price dl dd.onePrice{font-size:14px}.zl_Detail .details-cont .price dl dd.totalPrice{font-weight:700;color:red;font-size:14px}.zl_Detail .details-cont .price dl dd.tab span{display:block;float:left;margin:2px 10px 0 0;color:#333;height:23px;line-height:22px;padding:0 10px;border:1px solid #d9d9d9;border-radius:3px;background:#fff}.zl_Detail .details-cont .price dl dd.tab span.act{color:#e10601;border-color:#e10601}.zl_Detail .details-cont .price dl dd.tab span.act-blue{color:#1080d0;border-color:#1080d0}.zl_Detail .details-cont .price dl dd .number{float:left;width:118px;height:30px;border:1px solid #d9d9d9;border-radius:3px;background:#fff;position:relative}.zl_Detail .details-cont .price dl dd .number i{cursor:pointer;height:28px;width:28px;text-align:center;line-height:28px;display:block;float:left;background:none;color:#999;font-size:18px}.zl_Detail .details-cont .price dl dd .number input{text-align:center;float:left;padding:4px 5px;line-height:20px;height:28px;width:60px;background:none;color:#333;font-size:12px;border:none;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}.zl_Detail .details-foot{height:43px;border-top:1px solid #d6d7dc;width:100%;position:absolute;bottom:0}.zl_Detail .details-foot span{width:50%;display:block;float:left;height:43px;line-height:43px;font-size:14px;color:#fff;text-decoration:none;text-align:center;border:none}.zl_Detail .details-foot span.but-blue{background:#1080d0}.zl_Detail .details-foot span.but-red{background:#e10601}
\ No newline at end of file
.findthing-content{background:#072565;width:100%}.findthing-content .seo-head{width:100%;height:7.6rem;background:url(../img/banner22.faf63e71.png) no-repeat;background-size:100% 100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1.3rem}.findthing-content .seo-head .head-nav{width:100%;height:22px;background:#c9b086}.findthing-content .seo-head .head-nav li{float:left;width:20%;text-align:center;height:22px;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:2px}.findthing-content .seo-head .head-nav li a{color:#181c27;display:block;cursor:pointer;width:100%;height:18px;line-height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #9f8d70}.findthing-content .seo-head .head-nav li a.last-nav{border-right:0}.findthing-content .seo-section .form-box1 .form-group{width:9.2rem;height:50px;line-height:50px;text-align:center;margin:0 auto;margin-top:15px;background:#fff;border-radius:4px;overflow:hidden}.findthing-content .seo-section .form-box1 .form-group .pr{position:relative}.findthing-content .seo-section .form-box1 .form-group span{width:3.2rem;height:50px;line-height:50px;font-size:16px;text-align:right;padding:0 .2rem;-webkit-box-sizing:border-box;box-sizing:border-box}.findthing-content .seo-section .form-box1 .form-group span font{color:red}.findthing-content .seo-section .form-box1 .form-group span .hiddenvi{visibility:hidden}.findthing-content .seo-section .form-box1 .form-group .input-box{width:6rem;height:50px;line-height:50px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .2rem}.findthing-content .seo-section .form-box1 .form-group .input-box input{font-size:16px;text-align:left;width:100%;float:left;height:100%}.findthing-content .seo-section .form-box1 .form-group .input-box .code{position:absolute;right:0;height:50px;width:3rem;top:0;cursor:pointer;color:#1080d0;text-align:center;line-height:50px;font-size:15px}.findthing-content .seo-section .form-box1 .form-group .input-box .code.dis{color:#ccc}.findthing-content .seo-section .form-box1 .form-group .input-box .img-code{position:absolute;right:0;height:50px;width:3rem;top:0;cursor:pointer}.findthing-content .seo-section .form-box1 .submit-button{border-radius:50px;width:9.2rem;height:50px;margin:0 auto;background:url(../img/submitbtn.259a087d.png) no-repeat;background-size:100% 100%;cursor:pointer}.findthing-content .seo-section .form-box1 .form1-tips{text-align:center;color:red;font-size:14px;margin-top:15px;margin-bottom:5px}.findthing-content .seo-section .form-box1 .form1-warn{font-size:12px;color:#8c98b2;width:9.2rem;margin:0 auto;margin-top:5px}.findthing-content .seo-section .form-box1 .form1-warn font{color:red}.findthing-content .seo-section .img-show-static{height:14.706rem;background:url(../img/staticx.b75fe82b.png) no-repeat;background-size:100% 100%;margin-top:30px}.findthing-content .seo-section .zizi-box{height:10.333rem;width:8.4rem;background:url(../img/lxzz.99f6a2ce.png) no-repeat;background-size:100% 100%;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:3.786rem}.findthing-content .seo-section .zizi-box .zizi-ct{width:7.333rem;height:3.4rem;border-style:solid;border-width:.08rem;border-color:#c1b193;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:.826rem}.findthing-content .seo-section .zizi-box .zizi-ct .slide-box{margin:0 auto;width:3rem;height:2.28rem}.findthing-content .seo-section .zizi-box .zizi-ct .slide-box .slide-pic{width:3rem;height:2.28rem}.findthing-content .seo-section .foot-box{height:2.2rem;background:url(../img/foot.2df97c93.png) no-repeat;background-size:100% 100%;margin:0 auto}.findthing-content .seo-section .foot-box .foot-box-ct{margin-top:50px;height:30px;line-height:30px;background-color:#e8b778;text-align:center;font-size:14px;color:#181c27;position:relative;top:-10px}.findthing-content .seo-section .foot-box .foot-box-ct i{font-size:14px!important}.findthing-content .seo-section .foot-box .foot-box-ct a{color:#181c27!important}
\ No newline at end of file
.seo-content{background:#10141d;width:100%}.seo-content .seo-head{width:100%;height:11.4rem;background:url(../img/head.a2c80d72.png) no-repeat;background-size:100% 100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1.24rem}.seo-content .seo-head .head-nav{width:100%;height:22px;background:#c9b086}.seo-content .seo-head .head-nav li{float:left;width:20%;text-align:center;height:22px;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:2px}.seo-content .seo-head .head-nav li a{color:#181c27;display:block;cursor:pointer;width:100%;height:18px;line-height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;border-right:1px solid #9f8d70}.seo-content .seo-section .form-box1{padding-top:30px}.seo-content .seo-section .form-box1 .form-group{width:8.4rem;height:40px;line-height:40px;text-align:center;margin:0 auto;margin-bottom:15px}.seo-content .seo-section .form-box1 .form-group .pr{position:relative}.seo-content .seo-section .form-box1 .form-group span{width:2.506rem;height:40px;line-height:40px;background-color:#eecea4;border-radius:.027rem;font-size:14px;text-align:justify;-moz-text-align-last:justify;text-align-last:justify;padding:0 .2rem;-webkit-box-sizing:border-box;box-sizing:border-box}.seo-content .seo-section .form-box1 .form-group .input-box{width:5.573rem;height:40px;line-height:40px;background-color:#fff;border-radius:.027rem;border:.04rem solid #f2c58b;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.seo-content .seo-section .form-box1 .form-group .input-box i{float:left;height:100%;width:20%;font-size:14px;position:relative;top:-1px}.seo-content .seo-section .form-box1 .form-group .input-box input{font-size:14px;text-align:left;width:80%;float:left;height:100%}.seo-content .seo-section .form-box1 .form-group .input-box .code{position:absolute;right:0;height:40px;width:2rem;top:0;cursor:pointer;color:#1080d0;text-align:center;line-height:40px;font-size:12px}.seo-content .seo-section .form-box1 .form-group .input-box .code.dis{color:#ccc}.seo-content .seo-section .form-box1 .form-group .input-box .img-code{position:absolute;right:0;height:40px;width:2rem;top:0;cursor:pointer}.seo-content .seo-section .form-box1 .submit-button{width:8.4rem;height:40px;text-align:center;line-height:40px;margin:0 auto;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAg4AAAA3CAYAAABkUcJ1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NjdlYTliYS0wNzVkLTM3NDQtYjhmYy1kOWJlNmQ1YmYwZjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTgyREY5NDc1OUFCMTFFOTgyRjU5QTdGOUNDNjhCQ0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTgyREY5NDY1OUFCMTFFOTgyRjU5QTdGOUNDNjhCQ0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTljYjk0MGItYjFhYy05YzQ1LTllMDAtYTEwZGNjNzM2OTZlIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MmJmOWEyMzItMjUzYS1lNTQ4LWIxM2EtMmIwYWQyOTQ2MmFkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NGICbgAAAvdJREFUeNrs2z9slGUcwPHfXY/3rte/kX9GMAwGJ8PoopNhcYCJARPUQdiIiZNOsJIwqCyEGBLRaoxhMLowGGGAhJjQxcHEyeggCXI0Xq93vdYez11CbMtbeJvI0N7nkz59c897XZ7l/ebp85YaszNHI+LLNCYDACDfzTTeLKdf50UDAPAUr6fxbj8c9loLAKCA/WVrAAAUVcmbbLY60es9Pl8qRdRHqzFSLlk5ANiiVtJDvv+cX1paju7Sv7nfybJK1LJKsXA4/N6FaC4sPjb//K7JuHT2rTh4YI9VB4AtqtzfCUg/l3/4OT754qfc75w69lp88M4bxcLhkYmx2mCX4ZGpidGoVEasOABsA/Xqjpgcr62Z63aXo5PGRp4YDj9efj8m6lUrCwDb0Ikjrw7Gap9dvRUfb7AL0edwJABQmHAAAIQDAPD/yz3j8MrBF2K+vei1SwAYMrufG49DL+8bvEmZp9SYnZlL16nVk/fnWoN3PHdNj695qwIA2N4WOt1otbtRr2UxNpqtv30ud8dh5/SYlQOAIdQPhv7YiDMOAEBhwgEAEA4AgHAAAIQDACAcAADhAAAIBwAA4QAACAcAQDgAAMIBABAOAIBwAAAQDgCAcAAAhAMAIBwAAOEAAAgHAADhAAAIBwBAOAAAwgEAEA4AgHAAAIQDAIBwAACedTjc/fuf+OOvRqz0elYIAIZIs9WJP+8+iLlmu3g4nDzzVbz90ZVod5asIAAMke9v/BInPvw8vr12J/d+JW/yXqMZzYVFOw4AMGQW2t2492A+WumaxxkHAKAw4QAAFFZ50s3mfCd6K//9u6JULkW9lsVIugIAW1unuxzdNFZbXPd5U+Fw+OSFNZ/3752Oi2eOx0sv7rbaALDFXfnudnw6c31Tf5MbDhPjtcHuwnrVbEc4LwkA28PYaBaT6Zmfp5rl7y2UGrMzc+k6ZfkAgKc453AkAFCYcAAANhUOv1sGAKCA3/rhcDqNX9Nw7BEAyNNK4+s0vnkowAAx5JXBwoLoMgAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%;font-size:14px;cursor:pointer;color:#181c27}.seo-content .seo-section .form-box1 .form1-tips{text-align:center;color:#fff;font-size:14px}.seo-content .seo-section .img-show-static{height:14.706rem;background:url(../img/staticx.b75fe82b.png) no-repeat;background-size:100% 100%;margin-top:30px}.seo-content .seo-section .zizi-box{height:10.333rem;width:8.4rem;background:url(../img/lxzz.99f6a2ce.png) no-repeat;background-size:100% 100%;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:3.786rem}.seo-content .seo-section .zizi-box .zizi-ct{width:7.333rem;height:3.4rem;border-style:solid;border-width:.08rem;border-color:#c1b193;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:.826rem}.seo-content .seo-section .zizi-box .zizi-ct .slide-box{margin:0 auto;width:3rem;height:2.28rem}.seo-content .seo-section .zizi-box .zizi-ct .slide-box .slide-pic{width:3rem;height:2.28rem}.seo-content .seo-section .form-box2{width:8.4rem;margin:0 auto;margin-top:30px}.seo-content .seo-section .form-box2 .title-form{color:#f2cea1;font-size:17px;text-align:center;margin-bottom:30px}.seo-content .seo-section .form-box2 .title-form img{vertical-align:middle;display:inline-block;width:17px;height:17px;margin-right:5px}.seo-content .seo-section .form-box2 .form-group{margin-bottom:17px}.seo-content .seo-section .form-box2 .form-group .pr{position:relative}.seo-content .seo-section .form-box2 .form-group .input-box{width:8.4rem;height:40px;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-radius:.053rem;border:.04rem solid #f2c58b;overflow:hidden}.seo-content .seo-section .form-box2 .form-group .input-box .f-red{color:red;position:relative;left:.2rem}.seo-content .seo-section .form-box2 .form-group .input-box .hiddenfont{visibility:hidden}.seo-content .seo-section .form-box2 .form-group .input-box i{float:left;height:100%;width:20%;font-size:14px;text-align:center;position:relative;top:-1px}.seo-content .seo-section .form-box2 .form-group .input-box input{font-size:14px;text-align:left;width:80%;float:left;height:100%}.seo-content .seo-section .form-box2 .form-group .input-box .code{position:absolute;right:0;height:40px;width:2rem;top:0;cursor:pointer;color:#1080d0;text-align:center;line-height:40px;font-size:14px}.seo-content .seo-section .form-box2 .form-group .input-box .code.dis{color:#ccc}.seo-content .seo-section .form-box2 .form-group .input-box .img-code{position:absolute;right:0;height:40px;width:2rem;top:0;cursor:pointer}.seo-content .seo-section .form2-tips{text-align:center;color:#fff;font-size:14px;margin-top:30px}.seo-content .seo-section .submit-button1{width:8.4rem;height:40px;background-color:#eecea4;border-radius:40px;margin:0 auto;color:#181c27;font-size:14px;cursor:pointer;line-height:40px;text-align:center;margin-bottom:50px}.seo-content .seo-section .foot-box{height:2.2rem;background:url(../img/foot.2df97c93.png) no-repeat;background-size:100% 100%;margin:0 auto}.seo-content .seo-section .foot-box .foot-box-ct{height:30px;line-height:30px;background-color:#e8b778;text-align:center;font-size:14px;color:#181c27;position:relative;top:-10px}.seo-content .seo-section .foot-box .foot-box-ct i{font-size:14px!important}.seo-content .seo-section .foot-box .foot-box-ct a{color:#181c27!important}
\ No newline at end of file
This diff could not be displayed because it is too large.
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