本次修改ui完成

This commit is contained in:
lym
2026-03-18 20:11:05 +08:00
parent c076cf32b0
commit 31fda700cf
19 changed files with 128 additions and 46 deletions

2
app.js
View File

@@ -178,7 +178,7 @@ App({
}, },
globalData:{ globalData:{
userInfo:null, userInfo:null,
apiurl:"https://vip.agqyjs.com",//"http://localhost:8080",//http://localhost:24382 //https://vip.agqyjs.com apiurl:"http://localhost:24382",//"http://localhost:8080",//http://localhost:24382 //https://vip.agqyjs.com
IFRefreshCart:0, IFRefreshCart:0,
IFRefreshsell:0, IFRefreshsell:0,
IFRefreshsell0:0, IFRefreshsell0:0,

View File

@@ -1,5 +1,5 @@
page{ page{
background: #ccc; background: linear-gradient(to bottom, #E8F4FC, #F5FAFF);
} }
.container { .container {
position: relative; position: relative;
@@ -21,7 +21,7 @@ page{
text-align: center; text-align: center;
padding: 0; padding: 0;
} }
.footer button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right,#00B050,#00B050); color:#fff;border-radius:0;} .footer button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right, #6BA3F0, #8BBDF5); color:#fff;border-radius:0;}
.myaddress-box{display: flex;flex-direction: column;flex-grow: 1; align-items: center;justify-content: center;width:100%; padding:0; box-sizing: border-box;} .myaddress-box{display: flex;flex-direction: column;flex-grow: 1; align-items: center;justify-content: center;width:100%; padding:0; box-sizing: border-box;}
.myaddress-item{width:100%; padding:0.8em; box-sizing: border-box;border:1px solid #f1f1f1; background-color:#fff;border-radius:0.5em;} .myaddress-item{width:100%; padding:0.8em; box-sizing: border-box;border:1px solid #f1f1f1; background-color:#fff;border-radius:0.5em;}
.myaddress-contact{width:100%;} .myaddress-contact{width:100%;}

View File

@@ -217,6 +217,7 @@ Page( {
var address = e.currentTarget.dataset.id var address = e.currentTarget.dataset.id
var lat = e.currentTarget.dataset.lat var lat = e.currentTarget.dataset.lat
var lon = e.currentTarget.dataset.lon var lon = e.currentTarget.dataset.lon
var phone = e.currentTarget.dataset.phone
wx.navigateTo({ wx.navigateTo({
url: "../map/index?lat=" + lon + "&lon=" + lat + "&address=" + address url: "../map/index?lat=" + lon + "&lon=" + lat + "&address=" + address
}) })
@@ -230,6 +231,17 @@ Page( {
}) })
} }
}) })
},
oncopy1:function(e) {
var phone = e.currentTarget.dataset.id
wx.setClipboardData({
data: phone,
success: function (res) {
wx.showToast({
title: "复制成功"
})
}
})
},onview:function(e) { },onview:function(e) {
var id = e.currentTarget.dataset.id var id = e.currentTarget.dataset.id
wx.navigateTo({ wx.navigateTo({

View File

@@ -51,6 +51,14 @@
</view> </view>
</view> </view>
</view> </view>
<view class="item_phone">
<view class="ub-f1">联系电话:{{item.phone || '-'}}</view>
<view class="ub ico" catchtap="inserver">
<view class="ico_box" bindtap="oncopy1" data-id="{{item.phone}}">
<image src="../../images/copy.png" />
</view>
</view>
</view>
</view> </view>
</view> </view>
<view class="ub business_item_bottom"> <view class="ub business_item_bottom">

View File

@@ -128,8 +128,8 @@ swiper-item image {
} }
.business_item .business_item_top .item_image { .business_item .business_item_top .item_image {
width: 5em; width: 6.5em;
height: 5em; height: 6.5em;
margin-right: 0.6em; margin-right: 0.6em;
border: 1px solid #f1f1f1; border: 1px solid #f1f1f1;
} }
@@ -197,6 +197,30 @@ swiper-item image {
height: 100%; height: 100%;
} }
.business_item .business_item_top .item_info view.item_phone {
display: flex;
flex-direction: row;
margin-top: 0.5em;
font-size: 1em;
color: #939393;
width: 100%;
}
.business_item .business_item_top .item_info view.item_phone .ico {
width: 1.4em;
height: 1.4em;
}
.business_item .business_item_top .item_info view.item_phone .ico .ico_box {
width: 100%;
height: 100%;
}
.business_item .business_item_top .item_info view.item_phone .ico image {
width: 100%;
height: 100%;
}
.business_item .business_item_bottom { .business_item .business_item_bottom {
margin-top: 0.6em; margin-top: 0.6em;
padding-top: 0.6em; padding-top: 0.6em;

View File

@@ -24,7 +24,8 @@ Page( {
longitude:"", longitude:"",
distance:"", distance:"",
address:"", address:"",
fwbody:"" fwbody:"",
phone:""
}, },
onLoad: function(options) { onLoad: function(options) {
@@ -101,6 +102,7 @@ Page( {
longitude:res.data.lon, longitude:res.data.lon,
latitude:res.data.lat, latitude:res.data.lat,
fwbody:res.data.fwbody, fwbody:res.data.fwbody,
phone:res.data.phone
}) })
if(res.data.productlist.length==0){ if(res.data.productlist.length==0){
that.setData({ that.setData({
@@ -139,5 +141,16 @@ Page( {
}) })
} }
}) })
},
oncopy1:function(e) {
var phone = that.data.phone
wx.setClipboardData({
data: phone,
success: function (res) {
wx.showToast({
title: "复制成功"
})
}
})
} }
}) })

View File

@@ -33,6 +33,14 @@
<view class="view_fwbody"> <view class="view_fwbody">
服务内容:<view id="fwbody_box">{{fwbody}}</view> 服务内容:<view id="fwbody_box">{{fwbody}}</view>
</view> </view>
<view class="ub view_phone">
<view class="ub-f1">
联系电话:<span id="phone_box">{{phone || '-'}}</span>
</view>
<view class="ub ico" catchtap="inserver">
<image src="../../images/copy.png" bindtap="oncopy1" />
</view>
</view>
</view> </view>
<view class="choice_box" wx-if='{{Products.length>0}}'> <view class="choice_box" wx-if='{{Products.length>0}}'>

View File

@@ -91,6 +91,23 @@ swiper-item image {
height: 100%; height: 100%;
} }
.view_phone {
display: flex;
flex-direction: row;
width: 100%;
}
.view_phone .ico {
margin-top: 0.3em;
width: 1.4em;
height: 1.4em;
}
.view_phone .ico image {
width: 100%;
height: 100%;
}
.view_fwbody { .view_fwbody {
width: 100%; width: 100%;
} }

View File

@@ -138,7 +138,7 @@ Page({
{ {
icon: '../../images/my_ico1.png', icon: '../../images/my_ico1.png',
url: (userInfo.sjuLevel0 == 2 ? '../mybusiness0/index' : (userInfo.sjuLevel0 == 1 ? '' : '../appbusiness0/index')), url: (userInfo.sjuLevel0 == 2 ? '../mybusiness0/index' : (userInfo.sjuLevel0 == 1 ? '' : '../appbusiness0/index')),
text: (userInfo.sjuLevel0 == 2 ? '事业部管理' : (userInfo.sjuLevel0 == 1 ? '申请线上供应链正在审核中...' : '申请健康驿站')) text: (userInfo.sjuLevel0 == 2 ? '事业部管理' : (userInfo.sjuLevel0 == 1 ? '申请健康驿站正在审核中...' : '申请健康驿站'))
}, },
{ {
icon: '../../images/my_ico3.png', icon: '../../images/my_ico3.png',

View File

@@ -32,7 +32,7 @@
</view> </view>
</view> </view>
<view> <!-- <view>
<view class="item-image image-color0" bindtap="onSignInList" data-id="27"> <view class="item-image image-color0" bindtap="onSignInList" data-id="27">
<image src="../../images/jifen_ico1.png"></image> <image src="../../images/jifen_ico1.png"></image>
</view> </view>
@@ -40,7 +40,7 @@
<view class="title">兑换券</view> <view class="title">兑换券</view>
<view class="money" style="margin-left: 0.2em;">{{voucherNum}}</view> <view class="money" style="margin-left: 0.2em;">{{voucherNum}}</view>
</view> </view>
</view> </view> -->
<!-- <view> <!-- <view>
<button wx:if='{{NCName!="您还没有登录,请先登录!"}}' class="signin-btn" bindtap="onSignIn">{{isSignToday ? "已签到":"立即签到"}}</button> <button wx:if='{{NCName!="您还没有登录,请先登录!"}}' class="signin-btn" bindtap="onSignIn">{{isSignToday ? "已签到":"立即签到"}}</button>

View File

@@ -1,5 +1,5 @@
page{ page{
background: #ccc; background: linear-gradient(to bottom, #E8F4FC, #F5FAFF);
} }
.container { .container {
position: relative; position: relative;
@@ -14,7 +14,7 @@ page{
height: 120px; height: 120px;
} }
.addaddress{position: fixed; bottom:1em; width:90%;} .addaddress{position: fixed; bottom:1em; width:90%;}
.addaddress button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right,#00B050,#00B050); color:#fff; border-radius:0.5em;} .addaddress button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right, #6BA3F0, #8BBDF5); color:#fff; border-radius:0.5em;}
.myaddress-box{display: flex;flex-direction: column;align-items: center;justify-content: center;width:100%;padding:0.8em; box-sizing: border-box;} .myaddress-box{display: flex;flex-direction: column;align-items: center;justify-content: center;width:100%;padding:0.8em; box-sizing: border-box;}
.myaddress-item{float: left; position: relative; width:100%; margin-bottom:0em; padding:0.8em; box-sizing: border-box;border:1px solid #f1f1f1; background-color:#fff;border-radius:0.5em;} .myaddress-item{float: left; position: relative; width:100%; margin-bottom:0em; padding:0.8em; box-sizing: border-box;border:1px solid #f1f1f1; background-color:#fff;border-radius:0.5em;}
.myaddress-contact{width:100%; line-height:1.5em;} .myaddress-contact{width:100%; line-height:1.5em;}
@@ -34,7 +34,7 @@ page{
.myaddress-box .frombody view.area input{width:12.8em;} .myaddress-box .frombody view.area input{width:12.8em;}
.myaddress-box .frombody view.area image{position: absolute; top:1.1em; right:0; width:1.2em;height:1.2em;} .myaddress-box .frombody view.area image{position: absolute; top:1.1em; right:0; width:1.2em;height:1.2em;}
.myaddress-box .frombody view.button{border: 0;} .myaddress-box .frombody view.button{border: 0;}
.myaddress-box .frombody view.button button{width:100%;height:2.5em; line-height: 2.5em; background-color:#fd463e;color:#fff; border-radius:0.5em;} .myaddress-box .frombody view.button button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right, #6BA3F0, #8BBDF5);color:#fff; border-radius:0.5em;}
.Hidden_box{ position: fixed;display: flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);z-index: 2;} .Hidden_box{ position: fixed;display: flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);z-index: 2;}
.section{position: relative; bottom:0; width:90%; height:20em; padding: 0 1em; background-color: #fff; box-sizing: border-box; border-radius:0.5em;} .section{position: relative; bottom:0; width:90%; height:20em; padding: 0 1em; background-color: #fff; box-sizing: border-box; border-radius:0.5em;}
.section .close{position: absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;} .section .close{position: absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;}

View File

@@ -1,5 +1,5 @@
page{ page{
background: #ccc; background: linear-gradient(to bottom, #E8F4FC, #F5FAFF);
} }
.container { .container {
position: relative; position: relative;
@@ -10,7 +10,7 @@ page{
} }
.myorder-menu{display: flex;flex-direction: row;align-items: center;justify-content: center;width:100%; background-color: #fff;} .myorder-menu{display: flex;flex-direction: row;align-items: center;justify-content: center;width:100%; background-color: #fff;}
.myorder-menu view{display: flex;flex: 1; height:2.5em; line-height: 2.5em; text-align: center; border:1px solid #f1f1f1; border-left:0;border-top: 0; align-items: center;justify-content: center;} .myorder-menu view{display: flex;flex: 1; height:2.5em; line-height: 2.5em; text-align: center; border:1px solid #f1f1f1; border-left:0;border-top: 0; align-items: center;justify-content: center;}
.myorder-menu view.hover{border-bottom:1px solid #00B050;color:#00B050;} .myorder-menu view.hover{border-bottom:1px solid #6BA3F0;color:#6BA3F0;}
.mydata-box{display: flex;flex-direction: column;align-items: center;justify-content: center;width:100%; padding: 0 0.8em; box-sizing: border-box;} .mydata-box{display: flex;flex-direction: column;align-items: center;justify-content: center;width:100%; padding: 0 0.8em; box-sizing: border-box;}
.mydata-box .frombody{margin-top: 1em; padding:0.5em 1em;width:100%; display: flex;border-radius:0.5em; flex-direction: column; align-items: center; background-color:#fff;box-sizing: border-box;} .mydata-box .frombody{margin-top: 1em; padding:0.5em 1em;width:100%; display: flex;border-radius:0.5em; flex-direction: column; align-items: center; background-color:#fff;box-sizing: border-box;}
@@ -20,7 +20,7 @@ page{
.mydata-box .frombody view input{float:left; width:14em;height:2.5em; line-height: 2.5em;} .mydata-box .frombody view input{float:left; width:14em;height:2.5em; line-height: 2.5em;}
.mydata-box .frombody view input.code{width:9em;} .mydata-box .frombody view input.code{width:9em;}
.mydata-box .frombody view.button{border: 0;} .mydata-box .frombody view.button{border: 0;}
.mydata-box .frombody view.button button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right,#00B050,#00B050); color:#fff; border-radius:0.5em;} .mydata-box .frombody view.button button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right, #6BA3F0, #8BBDF5); color:#fff; border-radius:0.5em;}
.mydata-box .frombody view .picker_hx{color:#939393;line-height:2.5em;} .mydata-box .frombody view .picker_hx{color:#939393;line-height:2.5em;}
.mydata-box .frombody view .picker_hx view{ float:left; position: relative; display: block; border:0;min-width:14em; padding:0 1em; box-sizing: border-box;border:1px solid #dfdfdf;border-radius:0.3em;height:2.5em;line-height:2.5em;} .mydata-box .frombody view .picker_hx view{ float:left; position: relative; display: block; border:0;min-width:14em; padding:0 1em; box-sizing: border-box;border:1px solid #dfdfdf;border-radius:0.3em;height:2.5em;line-height:2.5em;}

View File

@@ -1,3 +1,3 @@
{ {
"navigationBarTitleText": "事业部管理" "navigationBarTitleText": "管理驿站"
} }

View File

@@ -1,5 +1,5 @@
page{ page{
background: #ccc; background: linear-gradient(to bottom, #E8F4FC, #F5FAFF);
} }
.container { .container {
position: relative; position: relative;
@@ -35,7 +35,7 @@ page{
} }
.mydata-box .frombody view.button{border: 0;} .mydata-box .frombody view.button{border: 0;}
.mydata-box .frombody view.button button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right,#00B050,#00B050); color:#fff; border-radius:0.5em;} .mydata-box .frombody view.button button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right, #6BA3F0, #8BBDF5); color:#fff; border-radius:0.5em;}
.Hidden_box{ position: fixed;display: flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);z-index: 2;} .Hidden_box{ position: fixed;display: flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);z-index: 2;}
.section{position: relative; bottom:0; width:96%; padding: 0 0.5em; background-color: #fff; box-sizing: border-box; border-radius:0.5em;} .section{position: relative; bottom:0; width:96%; padding: 0 0.5em; background-color: #fff; box-sizing: border-box; border-radius:0.5em;}
.section .close{position: absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;} .section .close{position: absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;}

View File

@@ -1,6 +1,6 @@
/**index.wxss**/ /**index.wxss**/
page{ page{
background: #ccc; background: linear-gradient(to bottom, #E8F4FC, #F5FAFF);
} }
.ub .ub
{ {
@@ -113,7 +113,7 @@ page{
} }
.demo-container-right .demo-container-title{float:right;width:100%; padding-right:0.8em; text-align:right;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .demo-container-right .demo-container-title{float:right;width:100%; padding-right:0.8em; text-align:right;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.demo-container-right .webui-popover{float:right;width:85%; margin-top:0em; position:relative; padding-right:0.8em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .demo-container-right .webui-popover{float:right;width:85%; margin-top:0em; position:relative; padding-right:0.8em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.demo-container-right .webui-popover .webui-popover-content{float:right;z-index:0;margin:0; padding:0; min-height:2.5em; line-height:2.5em; width:auto; max-width:100%; border-radius:0.4em; border:1px solid #89be4f; background-color:#a8e563;box-sizing:border-box;} .demo-container-right .webui-popover .webui-popover-content{float:right;z-index:0;margin:0; padding:0; min-height:2.5em; line-height:2.5em; width:auto; max-width:100%; border-radius:0.4em; border:1px solid #6BA3F0; background:linear-gradient(to right, #6BA3F0, #8BBDF5);box-sizing:border-box;}
.demo-container-right .webui-popover .webui-popover-content image{float:left;max-width:6em;margin:0; padding:0;border-radius:0.3em; overflow:hidden;} .demo-container-right .webui-popover .webui-popover-content image{float:left;max-width:6em;margin:0; padding:0;border-radius:0.3em; overflow:hidden;}
.demo-container-right .webui-popover .webui-popover-content .audio{float:left; max-width:100%; position:relative;} .demo-container-right .webui-popover .webui-popover-content .audio{float:left; max-width:100%; position:relative;}
.demo-container-right .webui-popover .webui-popover-content .audio image{float:right;margin-top:0.7em; width:1em; height:1em;} .demo-container-right .webui-popover .webui-popover-content .audio image{float:right;margin-top:0.7em; width:1em; height:1em;}
@@ -191,7 +191,7 @@ page{
color: #666; color: #666;
} }
.mybtn { .mybtn {
background: linear-gradient(to right,#00B050,#00B050); background: linear-gradient(to right, #6BA3F0, #8BBDF5);
color: #fff; color: #fff;
} }
.footer .addchatbox .addabtn { .footer .addchatbox .addabtn {
@@ -211,7 +211,7 @@ page{
height: 2em; height: 2em;
} }
.footer .addchatbox .addabtn#addabtn1 { .footer .addchatbox .addabtn#addabtn1 {
background-color: #00B050; background: linear-gradient(to right, #6BA3F0, #8BBDF5);
border-radius: 0.5em; border-radius: 0.5em;
} }
.footer .addchatbox .addabtn0 { .footer .addchatbox .addabtn0 {
@@ -221,7 +221,7 @@ page{
line-height:2.4em; line-height:2.4em;
border-radius: 0.5em; border-radius: 0.5em;
text-align: center; text-align: center;
background-color: #00B050; background: linear-gradient(to right, #6BA3F0, #8BBDF5);
color: #fff; color: #fff;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;

View File

@@ -1,6 +1,6 @@
/**index.wxss**/ /**index.wxss**/
page{ page{
background: #ccc; background: linear-gradient(to bottom, #E8F4FC, #F5FAFF);
} }
.container { .container {
position: relative; position: relative;
@@ -23,4 +23,4 @@ page{
.login-box .frombody view input{float:left; width:14em;height:2.5em; line-height: 2.5em;} .login-box .frombody view input{float:left; width:14em;height:2.5em; line-height: 2.5em;}
.login-box .frombody view input.code{width:9em;} .login-box .frombody view input.code{width:9em;}
.login-box .frombody view.button{border: 0;} .login-box .frombody view.button{border: 0;}
.login-box .frombody view.button button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right,#00B050,#00B050); color:#fff; border-radius:0.5em;} .login-box .frombody view.button button{width:100%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right, #6BA3F0, #8BBDF5); color:#fff; border-radius:0.5em;}

View File

@@ -1,6 +1,6 @@
/**index.wxss**/ /**index.wxss**/
page{ page{
background: #ccc; background: linear-gradient(to bottom, #E8F4FC, #F5FAFF);
} }
.container { .container {
position: relative; position: relative;
@@ -26,4 +26,4 @@ page{
.login-box .frombody view.area input{width:12.8em;} .login-box .frombody view.area input{width:12.8em;}
.login-box .frombody view.area image{position: absolute; top:1.1em; right:0; width:1.2em;height:1.2em;} .login-box .frombody view.area image{position: absolute; top:1.1em; right:0; width:1.2em;height:1.2em;}
.login-box .frombody view.button{border: 0;} .login-box .frombody view.button{border: 0;}
.login-box .frombody view.button button{width:100%;height:2.5em; line-height: 2.5em;background:linear-gradient(to right,#00B050,#00B050); color:#fff; border-radius:1em;} .login-box .frombody view.button button{width:100%;height:2.5em; line-height: 2.5em;background:linear-gradient(to right, #6BA3F0, #8BBDF5); color:#fff; border-radius:1em;}

View File

@@ -1,5 +1,5 @@
<view class="container"> <view class="container">
<view class="mydata_box0"> <!-- <view class="mydata_box0">
<view class="umoney1"> <view class="umoney1">
@@ -15,7 +15,7 @@
<text>{{zcount}}</text> <text>{{zcount}}</text>
<text>月总业绩</text> <text>月总业绩</text>
</view> </view>
</view> </view> -->
<view class="mydata_box0"> <view class="mydata_box0">
<view class="umoney1"> <view class="umoney1">

View File

@@ -1,5 +1,5 @@
page{ page{
background: #ccc; background: linear-gradient(to bottom, #E8F4FC, #F5FAFF);
} }
.container { .container {
position: relative; position: relative;
@@ -30,7 +30,7 @@ page{
border-left:1px solid #f5f5f5; border-left:1px solid #f5f5f5;
} }
.mydata_box0 view.umoney1.alink{ .mydata_box0 view.umoney1.alink{
color:#00B050; color:#6BA3F0;
} }
.mydata_box0 view image{ .mydata_box0 view image{
width: 4em; width: 4em;
@@ -56,10 +56,10 @@ page{
.searchbox2{ display: flex; flex-direction: row; margin:0 1em; margin-top:1em;height:3.5em; border-bottom:1px solid #f1f1f1; font-size:0.85em;} .searchbox2{ display: flex; flex-direction: row; margin:0 1em; margin-top:1em;height:3.5em; border-bottom:1px solid #f1f1f1; font-size:0.85em;}
.searchbox2{ display: flex; flex-direction: row; margin:0 1em; margin-top:1em;height:4em; font-size:0.85em;} .searchbox2{ display: flex; flex-direction: row; margin:0 1em; margin-top:1em;height:4em; font-size:0.85em;}
.searchbox2 .inpubox{flex-grow: 1; height:3em; } .searchbox2 .inpubox{flex-grow: 1; height:3em; }
.searchbox2 .inpubox #keyword{ margin:0; padding-left: 0.2em; width: 100%; font-size:1em; height:3em; border:1px solid #f01a4d; outline: none; text-indent: 0.3em;box-sizing:border-box;} .searchbox2 .inpubox #keyword{ margin:0; padding-left: 0.2em; width: 100%; font-size:1em; height:3em; border:1px solid #6BA3F0; outline: none; text-indent: 0.3em;box-sizing:border-box;}
.searchbox2 .icobox{width:3em;height:3em; font-size:1em; background: linear-gradient(to bottom, #f01a4d, #f01a4d); color:#fff;box-sizing:border-box;} .searchbox2 .icobox{width:3em;height:3em; font-size:1em; background: linear-gradient(to right, #6BA3F0, #8BBDF5); color:#fff;box-sizing:border-box;}
.searchbox2 .icobox image{width: 1.6em; height:1.6em; margin-top: .75em; margin-left: 0.6em;} .searchbox2 .icobox image{width: 1.6em; height:1.6em; margin-top: .75em; margin-left: 0.6em;}
.searchbox2 .icobox0{width:auto; padding:0 0.5em; height:3em; font-size:1em; background: linear-gradient(to bottom, #ff401a, #ff401a); color:#fff;box-sizing:border-box;} .searchbox2 .icobox0{width:auto; padding:0 0.5em; height:3em; font-size:1em; background: linear-gradient(to right, #6BA3F0, #8BBDF5); color:#fff;box-sizing:border-box;}
.searchbox2 .icobox0 image{float:left; margin-left: 0em; width: 1.6em; height:1.6em; margin-top: .75em;} .searchbox2 .icobox0 image{float:left; margin-left: 0em; width: 1.6em; height:1.6em; margin-top: .75em;}
.searchbox2 .icobox0 text{float:left;display: block; width:auto;height:3em; line-height:3em; color:#fff;} .searchbox2 .icobox0 text{float:left;display: block; width:auto;height:3em; line-height:3em; color:#fff;}