|
|
|
@ -5,14 +5,8 @@ |
|
|
|
<el-carousel-item v-for="item in indexbanner" :key="item.imgurl" style="position: relative"> |
|
|
|
<el-carousel-item v-for="item in indexbanner" :key="item.imgurl" style="position: relative"> |
|
|
|
<el-col :span="24"> |
|
|
|
<el-col :span="24"> |
|
|
|
<!-- <el-button type="primary" class="lunbobtn">测试</el-button> --> |
|
|
|
<!-- <el-button type="primary" class="lunbobtn">测试</el-button> --> |
|
|
|
<img |
|
|
|
<img ref="bannerHeight" :src="item.imgurl" alt="" |
|
|
|
ref="bannerHeight" |
|
|
|
style="width: 100%; height: 500px; object-fit: cover; cursor: pointer" @click="jumpurl(item)" /> |
|
|
|
:src="item.imgurl" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
style="width: 100%; height: 500px; object-fit: cover; cursor: pointer" |
|
|
|
|
|
|
|
@click="jumpurl(item)" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</el-carousel-item> |
|
|
|
</el-carousel-item> |
|
|
|
</el-carousel> |
|
|
|
</el-carousel> |
|
|
|
@ -29,28 +23,21 @@ |
|
|
|
专业的测试工具，全方位服务软件质量 |
|
|
|
专业的测试工具，全方位服务软件质量 |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px"> |
|
|
|
<div style="display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px"> |
|
|
|
<div |
|
|
|
<div class="newbiwfbg" v-for="tool of toolslist.slice(0, 3)" :key="tool.name" |
|
|
|
class="newbiwfbg" |
|
|
|
@click="goodsdetails(tool.toolId)" v-loading="toolload"> |
|
|
|
v-for="tool of toolslist.slice(0, 3)" |
|
|
|
|
|
|
|
:key="tool.name" |
|
|
|
|
|
|
|
@click="goodsdetails(tool.toolId)" |
|
|
|
|
|
|
|
v-loading="toolload" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<div class="biwfbg"> |
|
|
|
<div class="biwfbg"> |
|
|
|
<div style="display: flex; align-items: center"> |
|
|
|
<div style="display: flex; align-items: center"> |
|
|
|
<!-- <img :src="tool.imgUrl" alt="" /> --> |
|
|
|
<!-- <img :src="tool.imgUrl" alt="" /> --> |
|
|
|
<div style="font-size: 18px; color: #000; margin-right: 7px; font-weight: bold"> |
|
|
|
<div style="font-size: 18px; color: #000; margin-right: 7px; font-weight: bold"> |
|
|
|
{{ tool.name }} |
|
|
|
{{ tool.name }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
<div style=" |
|
|
|
style=" |
|
|
|
|
|
|
|
padding: 2px 3px; |
|
|
|
padding: 2px 3px; |
|
|
|
border: 1px solid #0066eb; |
|
|
|
border: 1px solid #0066eb; |
|
|
|
border-radius: 3px; |
|
|
|
border-radius: 3px; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
color: #0066eb; |
|
|
|
color: #0066eb; |
|
|
|
" |
|
|
|
"> |
|
|
|
> |
|
|
|
|
|
|
|
{{ tool.deliverType }} |
|
|
|
{{ tool.deliverType }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -65,28 +52,21 @@ |
|
|
|
<div class="arrow">→</div> |
|
|
|
<div class="arrow">→</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
<div class="newbiwfbg2" v-for="tool of toolslist.slice(3, 6)" :key="tool.name" |
|
|
|
class="newbiwfbg2" |
|
|
|
@click="goodsdetails(tool.toolId)" v-loading="toolload"> |
|
|
|
v-for="tool of toolslist.slice(3, 6)" |
|
|
|
|
|
|
|
:key="tool.name" |
|
|
|
|
|
|
|
@click="goodsdetails(tool.toolId)" |
|
|
|
|
|
|
|
v-loading="toolload" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<div class="biwfbg"> |
|
|
|
<div class="biwfbg"> |
|
|
|
<div style="display: flex; align-items: center"> |
|
|
|
<div style="display: flex; align-items: center"> |
|
|
|
<!-- <img :src="tool.imgUrl" alt="" /> --> |
|
|
|
<!-- <img :src="tool.imgUrl" alt="" /> --> |
|
|
|
<div style="font-size: 18px; color: #000; margin-right: 7px; font-weight: bold"> |
|
|
|
<div style="font-size: 18px; color: #000; margin-right: 7px; font-weight: bold"> |
|
|
|
{{ tool.name }} |
|
|
|
{{ tool.name }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
<div style=" |
|
|
|
style=" |
|
|
|
|
|
|
|
padding: 2px 3px; |
|
|
|
padding: 2px 3px; |
|
|
|
border: 1px solid #0066eb; |
|
|
|
border: 1px solid #0066eb; |
|
|
|
border-radius: 3px; |
|
|
|
border-radius: 3px; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
color: #0066eb; |
|
|
|
color: #0066eb; |
|
|
|
" |
|
|
|
"> |
|
|
|
> |
|
|
|
|
|
|
|
{{ tool.deliverType }} |
|
|
|
{{ tool.deliverType }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -133,62 +113,35 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
</div> --> |
|
|
|
<div class="bggukright"> |
|
|
|
<div class="bggukright"> |
|
|
|
<div |
|
|
|
<div v-for="task of listcrowd" :key="task.taskId" v-loading="crowdload" |
|
|
|
v-for="task of listcrowd" |
|
|
|
|
|
|
|
:key="task.taskId" |
|
|
|
|
|
|
|
v-loading="crowdload" |
|
|
|
|
|
|
|
style="width: 100%; padding: 10px 30px 10px 18px" |
|
|
|
style="width: 100%; padding: 10px 30px 10px 18px" |
|
|
|
class="productbox taskboxTransform marginbotta" |
|
|
|
class="productbox taskboxTransform marginbotta" @click="crowdinform(task.taskId)"> |
|
|
|
@click="crowdinform(task.taskId)" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<div style="width: 170px; display: flex; align-items: center"> |
|
|
|
<div style="width: 170px; display: flex; align-items: center"> |
|
|
|
<img |
|
|
|
<img v-if="task.testType.split(',')[0] == 'static'" |
|
|
|
v-if="task.testType.split(',')[0] == 'static'" |
|
|
|
|
|
|
|
style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
src="/assets/crowd/jtcs.png" |
|
|
|
src="/assets/crowd/jtcs.png" alt="" /> |
|
|
|
alt="" |
|
|
|
<img v-else-if="task.testType.split(',')[0] == 'function'" |
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-else-if="task.testType.split(',')[0] == 'function'" |
|
|
|
|
|
|
|
style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
src="/assets/crowd/gncs.png" |
|
|
|
src="/assets/crowd/gncs.png" alt="" /> |
|
|
|
alt="" |
|
|
|
<img v-else-if="task.testType.split(',')[0] == 'performance'" |
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-else-if="task.testType.split(',')[0] == 'performance'" |
|
|
|
|
|
|
|
style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
src="/assets/crowd/xncs.png" |
|
|
|
src="/assets/crowd/xncs.png" alt="" /> |
|
|
|
alt="" |
|
|
|
<img v-else-if="task.testType.split(',')[0] == 'security'" |
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-else-if="task.testType.split(',')[0] == 'security'" |
|
|
|
|
|
|
|
style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
src="/assets/crowd/aqcs.png" |
|
|
|
src="/assets/crowd/aqcs.png" alt="" /> |
|
|
|
alt="" |
|
|
|
<img v-else-if="task.testType.split(',')[0] == 'reliability'" |
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-else-if="task.testType.split(',')[0] == 'reliability'" |
|
|
|
|
|
|
|
style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
src="/assets/crowd/kkxcs.png" |
|
|
|
src="/assets/crowd/kkxcs.png" alt="" /> |
|
|
|
alt="" |
|
|
|
<img v-else-if="task.testType.split(',')[0] == 'development'" |
|
|
|
/> |
|
|
|
|
|
|
|
<img |
|
|
|
|
|
|
|
v-else-if="task.testType.split(',')[0] == 'development'" |
|
|
|
|
|
|
|
style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
src="/assets/crowd/ycrw.png" |
|
|
|
src="/assets/crowd/ycrw.png" alt="" /> |
|
|
|
alt="" |
|
|
|
<img v-else style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
/> |
|
|
|
src="/assets/crowd/qtcs.png" alt="" /> |
|
|
|
<img |
|
|
|
|
|
|
|
v-else |
|
|
|
|
|
|
|
style="width: 106px; object-fit: contain; height: 106px" |
|
|
|
|
|
|
|
src="/assets/crowd/qtcs.png" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="width: 980px"> |
|
|
|
<div style="width: 980px"> |
|
|
|
<div style="display: flex; justify-content: space-between" class="raise"> |
|
|
|
<div style="display: flex; justify-content: space-between" class="raise"> |
|
|
|
<p style="font-size: 18px; margin: 10px 0; font-weight: bold; color: #1a1a1a"> |
|
|
|
<p style="font-size: 18px; margin: 10px 0; font-weight: bold; color: #1a1a1a"> |
|
|
|
{{ task.projectName }} |
|
|
|
{{ task.projectName }} <levelTag :level="task.level"></levelTag> |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
<p style="font-size: 16px; color: #e93a3a; font-weight: bold; margin: 10px 0"> |
|
|
|
<p style="font-size: 16px; color: #e93a3a; font-weight: bold; margin: 10px 0"> |
|
|
|
<span style="font-size: 13px">￥ </span>{{ task.price }} |
|
|
|
<span style="font-size: 13px">￥ </span>{{ task.price }} |
|
|
|
@ -230,12 +183,10 @@ |
|
|
|
<p>任务工期：{{ task.period }}天</p> |
|
|
|
<p>任务工期：{{ task.period }}天</p> |
|
|
|
<p>发布时间： {{ task.createTime.substr(0, 10) }}</p> |
|
|
|
<p>发布时间： {{ task.createTime.substr(0, 10) }}</p> |
|
|
|
<p> |
|
|
|
<p> |
|
|
|
共招<span style="color: #0066eb">{{ task.needPerson }}</span |
|
|
|
共招<span style="color: #0066eb">{{ task.needPerson }}</span>人 / 已报名 |
|
|
|
>人 / 已报名 |
|
|
|
|
|
|
|
<span style="color: #0066eb">{{ |
|
|
|
<span style="color: #0066eb">{{ |
|
|
|
task.companyAppCount + task.personalAppCount |
|
|
|
task.companyAppCount + task.personalAppCount |
|
|
|
}}</span |
|
|
|
}}</span>人 |
|
|
|
>人 |
|
|
|
|
|
|
|
<!-- 当前报名人数/计划招募人数：<span style="color:#4485ee"> |
|
|
|
<!-- 当前报名人数/计划招募人数：<span style="color:#4485ee"> |
|
|
|
{{ |
|
|
|
{{ |
|
|
|
task.companyAppCount + task.personalAppCount == 20 |
|
|
|
task.companyAppCount + task.personalAppCount == 20 |
|
|
|
@ -253,10 +204,14 @@ |
|
|
|
<!-- <div class="isBm" v-if="task.taskStatus == 0">报名中</div> |
|
|
|
<!-- <div class="isBm" v-if="task.taskStatus == 0">报名中</div> |
|
|
|
<div class="isBmjs" v-else>报名结束</div> --> |
|
|
|
<div class="isBmjs" v-else>报名结束</div> --> |
|
|
|
<div class="isBm" v-if="task.processStatus == 0">报名中</div> |
|
|
|
<div class="isBm" v-if="task.processStatus == 0">报名中</div> |
|
|
|
<div class="isBm" v-else-if="task.processStatus == 1" style="background: #F0EBFD; color: #6445FD">实施中</div> |
|
|
|
<div class="isBm" v-else-if="task.processStatus == 1" |
|
|
|
<div class="isBm" v-else-if="task.processStatus == 2" style="background: #DEF3FD; color: #1E83F9">待验收</div> |
|
|
|
style="background: #F0EBFD; color: #6445FD">实施中</div> |
|
|
|
<div class="isBm" v-else-if="task.processStatus == 3" style="background: #fceae3; color: #fe4d40">待结算</div> |
|
|
|
<div class="isBm" v-else-if="task.processStatus == 2" |
|
|
|
<div class="isBm" v-else-if="task.processStatus == 4" style="background: #DEFDEF; color: #12B378">已完成</div> |
|
|
|
style="background: #DEF3FD; color: #1E83F9">待验收</div> |
|
|
|
|
|
|
|
<div class="isBm" v-else-if="task.processStatus == 3" |
|
|
|
|
|
|
|
style="background: #fceae3; color: #fe4d40">待结算</div> |
|
|
|
|
|
|
|
<div class="isBm" v-else-if="task.processStatus == 4" |
|
|
|
|
|
|
|
style="background: #DEFDEF; color: #12B378">已完成</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -278,22 +233,16 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center"> |
|
|
|
<div style="display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center"> |
|
|
|
<div class="statictosol"> |
|
|
|
<div class="statictosol"> |
|
|
|
<img |
|
|
|
<img style="width: 68px; height: 36px; position: absolute; top: 0; left: 0" |
|
|
|
style="width: 68px; height: 36px; position: absolute; top: 0; left: 0" |
|
|
|
src="/assets/ability/rem.png" alt="" /> |
|
|
|
src="/assets/ability/rem.png" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<div class="solimgbox"><img src="/assets/ability/cs.png" alt="" /></div> |
|
|
|
<div class="solimgbox"><img src="/assets/ability/cs.png" alt="" /></div> |
|
|
|
|
|
|
|
|
|
|
|
<p class="solcontp">测试工程师</p> |
|
|
|
<p class="solcontp">测试工程师</p> |
|
|
|
<!-- <p style="color:#808080;font-size:16px;margin:-5px 0 30px 0">测试工程师人才派遣</p> --> |
|
|
|
<!-- <p style="color:#808080;font-size:16px;margin:-5px 0 30px 0">测试工程师人才派遣</p> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="statictosol"> |
|
|
|
<div class="statictosol"> |
|
|
|
<img |
|
|
|
<img style="width: 68px; height: 36px; position: absolute; top: 0; left: 0" |
|
|
|
style="width: 68px; height: 36px; position: absolute; top: 0; left: 0" |
|
|
|
src="/assets/ability/rem.png" alt="" /> |
|
|
|
src="/assets/ability/rem.png" |
|
|
|
|
|
|
|
alt="" |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
<div class="solimgbox"><img src="/assets/ability/java.png" alt="" /></div> |
|
|
|
<div class="solimgbox"><img src="/assets/ability/java.png" alt="" /></div> |
|
|
|
|
|
|
|
|
|
|
|
<p class="solcontp">JAVA开发工程师</p> |
|
|
|
<p class="solcontp">JAVA开发工程师</p> |
|
|
|
@ -354,11 +303,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="xiaoqibox"> |
|
|
|
<div class="xiaoqibox"> |
|
|
|
<div |
|
|
|
<div @mouseenter="xqmouseEnter(1)" :class="{ isActice: xqval == 1 }" |
|
|
|
@mouseenter="xqmouseEnter(1)" |
|
|
|
class="xiaoqiboxitem xiaoqiboxitem1"> |
|
|
|
:class="{ isActice: xqval == 1 }" |
|
|
|
|
|
|
|
class="xiaoqiboxitem xiaoqiboxitem1" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<div class="xiaoqiboxitemtop"> |
|
|
|
<div class="xiaoqiboxitemtop"> |
|
|
|
<img class="xiaoqiboxitemtopsmall" src="/assets/xq/img_1.png" alt="" /> |
|
|
|
<img class="xiaoqiboxitemtopsmall" src="/assets/xq/img_1.png" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -374,11 +320,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="itemlogo" src="/assets/xq/logo_1.png" /> |
|
|
|
<img class="itemlogo" src="/assets/xq/logo_1.png" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
<div @mouseenter="xqmouseEnter(2)" :class="{ isActice: xqval == 2 }" |
|
|
|
@mouseenter="xqmouseEnter(2)" |
|
|
|
class="xiaoqiboxitem xiaoqiboxitem2"> |
|
|
|
:class="{ isActice: xqval == 2 }" |
|
|
|
|
|
|
|
class="xiaoqiboxitem xiaoqiboxitem2" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<div class="xiaoqiboxitemtop"> |
|
|
|
<div class="xiaoqiboxitemtop"> |
|
|
|
<img class="xiaoqiboxitemtopsmall" src="/assets/xq/img_2.png" alt="" /> |
|
|
|
<img class="xiaoqiboxitemtopsmall" src="/assets/xq/img_2.png" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -394,11 +337,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="itemlogo" src="/assets/xq/logo_2.png" /> |
|
|
|
<img class="itemlogo" src="/assets/xq/logo_2.png" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
<div @mouseenter="xqmouseEnter(3)" :class="{ isActice: xqval == 3 }" |
|
|
|
@mouseenter="xqmouseEnter(3)" |
|
|
|
class="xiaoqiboxitem xiaoqiboxitem3"> |
|
|
|
:class="{ isActice: xqval == 3 }" |
|
|
|
|
|
|
|
class="xiaoqiboxitem xiaoqiboxitem3" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<div class="xiaoqiboxitemtop"> |
|
|
|
<div class="xiaoqiboxitemtop"> |
|
|
|
<img class="xiaoqiboxitemtopsmall" src="/assets/xq/img_3.png" alt="" /> |
|
|
|
<img class="xiaoqiboxitemtopsmall" src="/assets/xq/img_3.png" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -414,11 +354,8 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="itemlogo" src="/assets/xq/logo_3.png" /> |
|
|
|
<img class="itemlogo" src="/assets/xq/logo_3.png" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div |
|
|
|
<div @mouseenter="xqmouseEnter(4)" :class="{ isActice: xqval == 4 }" |
|
|
|
@mouseenter="xqmouseEnter(4)" |
|
|
|
class="xiaoqiboxitem xiaoqiboxitem4"> |
|
|
|
:class="{ isActice: xqval == 4 }" |
|
|
|
|
|
|
|
class="xiaoqiboxitem xiaoqiboxitem4" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<div class="xiaoqiboxitemtop"> |
|
|
|
<div class="xiaoqiboxitemtop"> |
|
|
|
<img class="xiaoqiboxitemtopsmall" src="/assets/xq/img_4.png" alt="" /> |
|
|
|
<img class="xiaoqiboxitemtopsmall" src="/assets/xq/img_4.png" alt="" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -518,17 +455,14 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 注册 --> |
|
|
|
<!-- 注册 --> |
|
|
|
<div |
|
|
|
<div class="baschool" style=" |
|
|
|
class="baschool" |
|
|
|
|
|
|
|
style=" |
|
|
|
|
|
|
|
background-image: url('/assets/homepage/tuve.png'); |
|
|
|
background-image: url('/assets/homepage/tuve.png'); |
|
|
|
height: 220px; |
|
|
|
height: 220px; |
|
|
|
margin-top: 60px; |
|
|
|
margin-top: 60px; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
color: #ffffff; |
|
|
|
color: #ffffff; |
|
|
|
padding-bottom: 0px; |
|
|
|
padding-bottom: 0px; |
|
|
|
" |
|
|
|
"> |
|
|
|
> |
|
|
|
|
|
|
|
<p style="font-size: 28px; font-weight: bold; margin-bottom: 10px">选软件测试就上关键科技云平台</p> |
|
|
|
<p style="font-size: 28px; font-weight: bold; margin-bottom: 10px">选软件测试就上关键科技云平台</p> |
|
|
|
<p style="font-size: 15px">为众多企业提供软件测试服务，立即注册，免费试用，体验软件测试服务</p> |
|
|
|
<p style="font-size: 15px">为众多企业提供软件测试服务，立即注册，免费试用，体验软件测试服务</p> |
|
|
|
<div class="facj" style="margin: 30px auto; width: 100px"> |
|
|
|
<div class="facj" style="margin: 30px auto; width: 100px"> |
|
|
|
@ -540,6 +474,7 @@ |
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import store from '@/store' |
|
|
|
import store from '@/store' |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
|
|
|
|
import levelTag from '@/components/levelTag/index.vue' |
|
|
|
import { listTools } from '@/api/toolInfo/market' //测试工具 |
|
|
|
import { listTools } from '@/api/toolInfo/market' //测试工具 |
|
|
|
import { |
|
|
|
import { |
|
|
|
crowdlist, |
|
|
|
crowdlist, |
|
|
|
@ -552,7 +487,9 @@ import mixin from '@/mixin/index.js' |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
|
mixins: [mixin], |
|
|
|
mixins: [mixin], |
|
|
|
|
|
|
|
components: { |
|
|
|
|
|
|
|
levelTag |
|
|
|
|
|
|
|
}, |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
return { |
|
|
|
bannerHeight: '500', |
|
|
|
bannerHeight: '500', |
|
|
|
@ -744,21 +681,26 @@ export default { |
|
|
|
top: 52%; |
|
|
|
top: 52%; |
|
|
|
left: 30%; |
|
|
|
left: 30%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.wheelplanting { |
|
|
|
.wheelplanting { |
|
|
|
z-index: 0; |
|
|
|
z-index: 0; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.el-carousel--horizontal { |
|
|
|
.el-carousel--horizontal { |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
} |
|
|
|
.wheelplanting >>> .el-carousel__indicators--horizontal { |
|
|
|
|
|
|
|
|
|
|
|
.wheelplanting>>>.el-carousel__indicators--horizontal { |
|
|
|
bottom: 60px; |
|
|
|
bottom: 60px; |
|
|
|
} |
|
|
|
} |
|
|
|
.wheelplanting >>> .el-carousel__button { |
|
|
|
|
|
|
|
|
|
|
|
.wheelplanting>>>.el-carousel__button { |
|
|
|
width: 44px; |
|
|
|
width: 44px; |
|
|
|
height: 5px; |
|
|
|
height: 5px; |
|
|
|
border-radius: 2px 2px 2px 3px; |
|
|
|
border-radius: 2px 2px 2px 3px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.bluebg { |
|
|
|
.bluebg { |
|
|
|
/* background: linear-gradient(45deg, #2978EE, #0066EB); */ |
|
|
|
/* background: linear-gradient(45deg, #2978EE, #0066EB); */ |
|
|
|
width: 280px; |
|
|
|
width: 280px; |
|
|
|
@ -772,9 +714,11 @@ export default { |
|
|
|
justify-content: space-around; |
|
|
|
justify-content: space-around; |
|
|
|
/* line-height: 150px; */ |
|
|
|
/* line-height: 150px; */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.el-divider--horizontal { |
|
|
|
.el-divider--horizontal { |
|
|
|
margin: 15px 0; |
|
|
|
margin: 15px 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.whitebg { |
|
|
|
.whitebg { |
|
|
|
background: #ffffff; |
|
|
|
background: #ffffff; |
|
|
|
width: 280px; |
|
|
|
width: 280px; |
|
|
|
@ -790,62 +734,83 @@ export default { |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.animove { |
|
|
|
.animove { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
animation-name: mymove; |
|
|
|
animation-name: mymove; |
|
|
|
animation-duration: 1s; |
|
|
|
animation-duration: 1s; |
|
|
|
-webkit-animation-name: mymove; |
|
|
|
-webkit-animation-name: mymove; |
|
|
|
-webkit-animation-duration: 1s; /* Safari 和 Chrome */ |
|
|
|
-webkit-animation-duration: 1s; |
|
|
|
|
|
|
|
/* Safari 和 Chrome */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@keyframes mymove { |
|
|
|
@keyframes mymove { |
|
|
|
from { |
|
|
|
from { |
|
|
|
left: -300px; |
|
|
|
left: -300px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
to { |
|
|
|
to { |
|
|
|
left: 0px; |
|
|
|
left: 0px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@-webkit-keyframes mymove /* Safari and Chrome */ { |
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes mymove |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Safari and Chrome */ |
|
|
|
|
|
|
|
{ |
|
|
|
from { |
|
|
|
from { |
|
|
|
left: -300px; |
|
|
|
left: -300px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
to { |
|
|
|
to { |
|
|
|
left: 0px; |
|
|
|
left: 0px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.testtools { |
|
|
|
.testtools { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
animation-name: movetop; |
|
|
|
animation-name: movetop; |
|
|
|
animation-duration: 2s; |
|
|
|
animation-duration: 2s; |
|
|
|
-webkit-animation-name: movetop; |
|
|
|
-webkit-animation-name: movetop; |
|
|
|
-webkit-animation-duration: 2s; /* Safari 和 Chrome */ |
|
|
|
-webkit-animation-duration: 2s; |
|
|
|
|
|
|
|
/* Safari 和 Chrome */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@keyframes movetop { |
|
|
|
@keyframes movetop { |
|
|
|
from { |
|
|
|
from { |
|
|
|
top: 1000px; |
|
|
|
top: 1000px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
to { |
|
|
|
to { |
|
|
|
top: 0px; |
|
|
|
top: 0px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@-webkit-keyframes movetop /* Safari and Chrome */ { |
|
|
|
|
|
|
|
|
|
|
|
@-webkit-keyframes movetop |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Safari and Chrome */ |
|
|
|
|
|
|
|
{ |
|
|
|
from { |
|
|
|
from { |
|
|
|
top: 1000px; |
|
|
|
top: 1000px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
to { |
|
|
|
to { |
|
|
|
top: 0px; |
|
|
|
top: 0px; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.newbiwfbg { |
|
|
|
.newbiwfbg { |
|
|
|
height: 255px; |
|
|
|
height: 255px; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
align-items: flex-end; |
|
|
|
align-items: flex-end; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.newbiwfbg2 { |
|
|
|
.newbiwfbg2 { |
|
|
|
height: 255px; |
|
|
|
height: 255px; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
align-items: flex-start; |
|
|
|
align-items: flex-start; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.biwfbg { |
|
|
|
.biwfbg { |
|
|
|
width: 320px; |
|
|
|
width: 320px; |
|
|
|
height: 175px; |
|
|
|
height: 175px; |
|
|
|
@ -858,10 +823,12 @@ export default { |
|
|
|
transition: all 0.2s linear; |
|
|
|
transition: all 0.2s linear; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.bottoncon { |
|
|
|
.bottoncon { |
|
|
|
opacity: 1; |
|
|
|
opacity: 1; |
|
|
|
transition: all 0.2s ease-in-out; |
|
|
|
transition: all 0.2s ease-in-out; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.arrow { |
|
|
|
.arrow { |
|
|
|
width: 80px; |
|
|
|
width: 80px; |
|
|
|
height: 30px; |
|
|
|
height: 30px; |
|
|
|
@ -879,15 +846,17 @@ export default { |
|
|
|
/* transform: translateY(-20px); */ |
|
|
|
/* transform: translateY(-20px); */ |
|
|
|
height: 200px; |
|
|
|
height: 200px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.biwfbg:hover .bottoncon { |
|
|
|
.biwfbg:hover .bottoncon { |
|
|
|
opacity: 0; |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.biwfbg:hover .arrow { |
|
|
|
.biwfbg:hover .arrow { |
|
|
|
opacity: 1; |
|
|
|
opacity: 1; |
|
|
|
transform: translateY(-20px); |
|
|
|
transform: translateY(-20px); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.whitebg >>> .el-button { |
|
|
|
.whitebg>>>.el-button { |
|
|
|
margin-top: 20px; |
|
|
|
margin-top: 20px; |
|
|
|
/* margin-left:57px; */ |
|
|
|
/* margin-left:57px; */ |
|
|
|
width: 140px; |
|
|
|
width: 140px; |
|
|
|
@ -899,6 +868,7 @@ export default { |
|
|
|
border-radius: 6px; |
|
|
|
border-radius: 6px; |
|
|
|
/* line-height:40px; */ |
|
|
|
/* line-height:40px; */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.productbox { |
|
|
|
.productbox { |
|
|
|
/* width: 1200px; */ |
|
|
|
/* width: 1200px; */ |
|
|
|
/* height: 110px; */ |
|
|
|
/* height: 110px; */ |
|
|
|
@ -911,13 +881,16 @@ export default { |
|
|
|
/* box-shadow: 0px 5px 26px 2px rgba(39, 86, 143, 0.08); */ |
|
|
|
/* box-shadow: 0px 5px 26px 2px rgba(39, 86, 143, 0.08); */ |
|
|
|
border-radius: 6px; |
|
|
|
border-radius: 6px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.raise p:nth-child(1) { |
|
|
|
.raise p:nth-child(1) { |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
color: #1a1a1a; |
|
|
|
color: #1a1a1a; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.productbox:hover .raise p:nth-child(1) { |
|
|
|
.productbox:hover .raise p:nth-child(1) { |
|
|
|
color: #0066eb; |
|
|
|
color: #0066eb; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* .productbox:hover { |
|
|
|
/* .productbox:hover { |
|
|
|
transform: scale(1.03); |
|
|
|
transform: scale(1.03); |
|
|
|
transition: 1s; |
|
|
|
transition: 1s; |
|
|
|
@ -926,29 +899,36 @@ export default { |
|
|
|
.taskboxTransform { |
|
|
|
.taskboxTransform { |
|
|
|
transition: all 0.2s linear; |
|
|
|
transition: all 0.2s linear; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.taskboxTransform:hover { |
|
|
|
.taskboxTransform:hover { |
|
|
|
/* transform: translate3d(0, 0, 2px); */ |
|
|
|
/* transform: translate3d(0, 0, 2px); */ |
|
|
|
box-shadow: 0px 5px 26px 2px rgba(39, 86, 143, 0.08); |
|
|
|
box-shadow: 0px 5px 26px 2px rgba(39, 86, 143, 0.08); |
|
|
|
transform: scale(1.03); |
|
|
|
transform: scale(1.03); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.rapidhatching { |
|
|
|
.rapidhatching { |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
color: #1a1a1a; |
|
|
|
color: #1a1a1a; |
|
|
|
font-size: 15px; |
|
|
|
font-size: 15px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.rapidhatching:hover p { |
|
|
|
.rapidhatching:hover p { |
|
|
|
color: #0066eb; |
|
|
|
color: #0066eb; |
|
|
|
} |
|
|
|
} |
|
|
|
.rapidhatching img{ |
|
|
|
|
|
|
|
|
|
|
|
.rapidhatching img { |
|
|
|
width: 125px; |
|
|
|
width: 125px; |
|
|
|
height: 170px; |
|
|
|
height: 170px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cetype { |
|
|
|
.cetype { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-between; |
|
|
|
flex-wrap: wrap; |
|
|
|
flex-wrap: wrap; |
|
|
|
} |
|
|
|
} |
|
|
|
.cetype p, .cetype div { |
|
|
|
|
|
|
|
|
|
|
|
.cetype p, |
|
|
|
|
|
|
|
.cetype div { |
|
|
|
width: 200px; |
|
|
|
width: 200px; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
margin: 10px 0; |
|
|
|
margin: 10px 0; |
|
|
|
@ -958,22 +938,27 @@ export default { |
|
|
|
text-overflow: ellipsis; |
|
|
|
text-overflow: ellipsis; |
|
|
|
white-space: nowrap; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cetype p:nth-child(1), |
|
|
|
.cetype p:nth-child(1), |
|
|
|
.cetype p:nth-child(5) { |
|
|
|
.cetype p:nth-child(5) { |
|
|
|
width: 260px; |
|
|
|
width: 260px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cetype p:nth-child(4), |
|
|
|
.cetype p:nth-child(4), |
|
|
|
.cetype p:nth-child(8) { |
|
|
|
.cetype p:nth-child(8) { |
|
|
|
width: 230px; |
|
|
|
width: 230px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cetype div:nth-child(1), |
|
|
|
.cetype div:nth-child(1), |
|
|
|
.cetype div:nth-child(5) { |
|
|
|
.cetype div:nth-child(5) { |
|
|
|
width: 260px; |
|
|
|
width: 260px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cetype div:nth-child(4), |
|
|
|
.cetype div:nth-child(4), |
|
|
|
.cetype div:nth-child(8) { |
|
|
|
.cetype div:nth-child(8) { |
|
|
|
width: 230px; |
|
|
|
width: 230px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cetype .isBm { |
|
|
|
.cetype .isBm { |
|
|
|
width: 56px !important; |
|
|
|
width: 56px !important; |
|
|
|
height: 24px; |
|
|
|
height: 24px; |
|
|
|
@ -985,6 +970,7 @@ export default { |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
margin-top: 0px; |
|
|
|
margin-top: 0px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cetype .isBmjs { |
|
|
|
.cetype .isBmjs { |
|
|
|
width: 69px !important; |
|
|
|
width: 69px !important; |
|
|
|
height: 24px; |
|
|
|
height: 24px; |
|
|
|
@ -997,30 +983,35 @@ export default { |
|
|
|
margin-top: 0px; |
|
|
|
margin-top: 0px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.productbox >>> .el-divider--horizontal { |
|
|
|
.productbox>>>.el-divider--horizontal { |
|
|
|
margin: 8px; |
|
|
|
margin: 8px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.traintext { |
|
|
|
.traintext { |
|
|
|
margin-top: 70px; |
|
|
|
margin-top: 70px; |
|
|
|
display: inline-block; |
|
|
|
display: inline-block; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.traintext p:nth-child(1) { |
|
|
|
.traintext p:nth-child(1) { |
|
|
|
font-size: 19px; |
|
|
|
font-size: 19px; |
|
|
|
font-weight: 400; |
|
|
|
font-weight: 400; |
|
|
|
color: #ffffff; |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.traintext p:nth-child(2) { |
|
|
|
.traintext p:nth-child(2) { |
|
|
|
font-size: 68px; |
|
|
|
font-size: 68px; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
color: #ffffff; |
|
|
|
color: #ffffff; |
|
|
|
margin: 25px 0; |
|
|
|
margin: 25px 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.traintext p:nth-child(3) { |
|
|
|
.traintext p:nth-child(3) { |
|
|
|
font-size: 19px; |
|
|
|
font-size: 19px; |
|
|
|
font-weight: 400; |
|
|
|
font-weight: 400; |
|
|
|
color: #ffffff; |
|
|
|
color: #ffffff; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.opennow { |
|
|
|
.opennow { |
|
|
|
width: 186px; |
|
|
|
width: 186px; |
|
|
|
height: 48px; |
|
|
|
height: 48px; |
|
|
|
@ -1033,15 +1024,18 @@ export default { |
|
|
|
line-height: 48px; |
|
|
|
line-height: 48px; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.traintext img { |
|
|
|
.traintext img { |
|
|
|
margin-top: -300px; |
|
|
|
margin-top: -300px; |
|
|
|
margin-bottom: -5px; |
|
|
|
margin-bottom: -5px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cooppic { |
|
|
|
.cooppic { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-between; |
|
|
|
flex-wrap: wrap; |
|
|
|
flex-wrap: wrap; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cooppic img { |
|
|
|
.cooppic img { |
|
|
|
margin: 0 20px 30px 0; |
|
|
|
margin: 0 20px 30px 0; |
|
|
|
opacity: 0.5; |
|
|
|
opacity: 0.5; |
|
|
|
@ -1052,9 +1046,11 @@ export default { |
|
|
|
/* transition: all 0.25s ease 0s; |
|
|
|
/* transition: all 0.25s ease 0s; |
|
|
|
transform: translate3d(-1942px, 0px, 0px); */ |
|
|
|
transform: translate3d(-1942px, 0px, 0px); */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cooppic img:hover { |
|
|
|
.cooppic img:hover { |
|
|
|
opacity: 1; |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.windin { |
|
|
|
.windin { |
|
|
|
/* width:250px; */ |
|
|
|
/* width:250px; */ |
|
|
|
/* height:330px; */ |
|
|
|
/* height:330px; */ |
|
|
|
@ -1067,75 +1063,92 @@ export default { |
|
|
|
display: inline-block; |
|
|
|
display: inline-block; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.windin :nth-child(2) { |
|
|
|
.windin :nth-child(2) { |
|
|
|
font-size: 16px; |
|
|
|
font-size: 16px; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
color: #1a1a1a; |
|
|
|
color: #1a1a1a; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.windin:hover :nth-child(2) { |
|
|
|
.windin:hover :nth-child(2) { |
|
|
|
color: #0066eb; |
|
|
|
color: #0066eb; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.windin :nth-child(n + 3) { |
|
|
|
.windin :nth-child(n + 3) { |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
} |
|
|
|
.windin >>> .el-divider--horizontal { |
|
|
|
|
|
|
|
|
|
|
|
.windin>>>.el-divider--horizontal { |
|
|
|
width: 32px; |
|
|
|
width: 32px; |
|
|
|
height: 2px; |
|
|
|
height: 2px; |
|
|
|
background: #0066eb; |
|
|
|
background: #0066eb; |
|
|
|
border-radius: 1px; |
|
|
|
border-radius: 1px; |
|
|
|
} |
|
|
|
} |
|
|
|
.wingool >>> .el-carousel__container { |
|
|
|
|
|
|
|
|
|
|
|
.wingool>>>.el-carousel__container { |
|
|
|
width: 1200px; |
|
|
|
width: 1200px; |
|
|
|
margin-left: 50px; |
|
|
|
margin-left: 50px; |
|
|
|
} |
|
|
|
} |
|
|
|
.wingool >>> .el-carousel__item--card { |
|
|
|
|
|
|
|
|
|
|
|
.wingool>>>.el-carousel__item--card { |
|
|
|
width: 280px; |
|
|
|
width: 280px; |
|
|
|
/* height:400px; */ |
|
|
|
/* height:400px; */ |
|
|
|
} |
|
|
|
} |
|
|
|
.wingool >>> .el-carousel__item, |
|
|
|
|
|
|
|
|
|
|
|
.wingool>>>.el-carousel__item, |
|
|
|
.el-carousel__mask { |
|
|
|
.el-carousel__mask { |
|
|
|
left: 100px; |
|
|
|
left: 100px; |
|
|
|
} |
|
|
|
} |
|
|
|
.wingool >>> .el-carousel__button { |
|
|
|
|
|
|
|
|
|
|
|
.wingool>>>.el-carousel__button { |
|
|
|
border-radius: 50%; |
|
|
|
border-radius: 50%; |
|
|
|
width: 12px; |
|
|
|
width: 12px; |
|
|
|
height: 12px; |
|
|
|
height: 12px; |
|
|
|
background: #cccccc; |
|
|
|
background: #cccccc; |
|
|
|
} |
|
|
|
} |
|
|
|
.wingool >>> .el-carousel__indicators--outside button { |
|
|
|
|
|
|
|
|
|
|
|
.wingool>>>.el-carousel__indicators--outside button { |
|
|
|
opacity: 1; |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
.wingool >>> .el-carousel__indicator.is-active button { |
|
|
|
|
|
|
|
|
|
|
|
.wingool>>>.el-carousel__indicator.is-active button { |
|
|
|
background: #0066eb; |
|
|
|
background: #0066eb; |
|
|
|
} |
|
|
|
} |
|
|
|
.wingool >>> .el-carousel__indicators--outside { |
|
|
|
|
|
|
|
|
|
|
|
.wingool>>>.el-carousel__indicators--outside { |
|
|
|
margin-bottom: 30px; |
|
|
|
margin-bottom: 30px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.software { |
|
|
|
.software { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
color: #666666; |
|
|
|
color: #666666; |
|
|
|
/* margin: 0 20px; */ |
|
|
|
/* margin: 0 20px; */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.productboxptibox { |
|
|
|
.productboxptibox { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.productboxpti { |
|
|
|
.productboxpti { |
|
|
|
font-weight: 800; |
|
|
|
font-weight: 800; |
|
|
|
font-size: 18px; |
|
|
|
font-size: 18px; |
|
|
|
color: #1a1a1a; |
|
|
|
color: #1a1a1a; |
|
|
|
margin-bottom: 8px; |
|
|
|
margin-bottom: 8px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.productboxpinfo { |
|
|
|
.productboxpinfo { |
|
|
|
font-weight: 500; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 16px; |
|
|
|
font-size: 16px; |
|
|
|
color: #666666; |
|
|
|
color: #666666; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.software img { |
|
|
|
.software img { |
|
|
|
margin-right: 20px; |
|
|
|
margin-right: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.titlesty { |
|
|
|
.titlesty { |
|
|
|
margin: 50px 0; |
|
|
|
margin: 50px 0; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
@ -1143,15 +1156,18 @@ export default { |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
.titlesty img{ |
|
|
|
|
|
|
|
|
|
|
|
.titlesty img { |
|
|
|
width: 120px; |
|
|
|
width: 120px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.titlesty p { |
|
|
|
.titlesty p { |
|
|
|
font-size: 32px; |
|
|
|
font-size: 32px; |
|
|
|
color: #1a1a1a; |
|
|
|
color: #1a1a1a; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
margin: 0 15px; |
|
|
|
margin: 0 15px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.bgguk { |
|
|
|
.bgguk { |
|
|
|
height: 623px; |
|
|
|
height: 623px; |
|
|
|
width: 250px; |
|
|
|
width: 250px; |
|
|
|
@ -1159,14 +1175,17 @@ export default { |
|
|
|
background-size: 100%; |
|
|
|
background-size: 100%; |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-repeat: no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.bggukright { |
|
|
|
.bggukright { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
flex-direction: column; |
|
|
|
/* justify-content: space-between; */ |
|
|
|
/* justify-content: space-between; */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.marginbotta { |
|
|
|
.marginbotta { |
|
|
|
margin-bottom: 9px; |
|
|
|
margin-bottom: 9px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.facj { |
|
|
|
.facj { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
width: 220px; |
|
|
|
width: 220px; |
|
|
|
@ -1174,6 +1193,7 @@ export default { |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.facj div { |
|
|
|
.facj div { |
|
|
|
width: 100px; |
|
|
|
width: 100px; |
|
|
|
height: 34px; |
|
|
|
height: 34px; |
|
|
|
@ -1184,6 +1204,7 @@ export default { |
|
|
|
line-height: 34px; |
|
|
|
line-height: 34px; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.statictosol { |
|
|
|
.statictosol { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
width: 280px; |
|
|
|
width: 280px; |
|
|
|
@ -1197,6 +1218,7 @@ export default { |
|
|
|
margin-bottom: 24px; |
|
|
|
margin-bottom: 24px; |
|
|
|
transition: all 0.2s linear; |
|
|
|
transition: all 0.2s linear; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.statictosol:hover { |
|
|
|
.statictosol:hover { |
|
|
|
transform: translateY(-15px); |
|
|
|
transform: translateY(-15px); |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1207,6 +1229,7 @@ export default { |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.solcontp { |
|
|
|
.solcontp { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 87px; |
|
|
|
height: 87px; |
|
|
|
@ -1219,10 +1242,12 @@ export default { |
|
|
|
font-size: 18px; |
|
|
|
font-size: 18px; |
|
|
|
color: #1a1a1a; |
|
|
|
color: #1a1a1a; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.statictosol img { |
|
|
|
.statictosol img { |
|
|
|
width: 90px; |
|
|
|
width: 90px; |
|
|
|
height: 90px; |
|
|
|
height: 90px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.baschool { |
|
|
|
.baschool { |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
height: 625px; |
|
|
|
height: 625px; |
|
|
|
@ -1232,6 +1257,7 @@ export default { |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-repeat: no-repeat; |
|
|
|
padding: 1px 0 30px 0; |
|
|
|
padding: 1px 0 30px 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.xake { |
|
|
|
.xake { |
|
|
|
width: 524px; |
|
|
|
width: 524px; |
|
|
|
height: 400px; |
|
|
|
height: 400px; |
|
|
|
@ -1239,6 +1265,7 @@ export default { |
|
|
|
background-size: 100%; |
|
|
|
background-size: 100%; |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-repeat: no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.tobgim { |
|
|
|
.tobgim { |
|
|
|
width: 206px; |
|
|
|
width: 206px; |
|
|
|
height: 266px; |
|
|
|
height: 266px; |
|
|
|
@ -1247,6 +1274,7 @@ export default { |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-repeat: no-repeat; |
|
|
|
padding-top: 30px; |
|
|
|
padding-top: 30px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.uanb { |
|
|
|
.uanb { |
|
|
|
width: 480px !important; |
|
|
|
width: 480px !important; |
|
|
|
height: 280px; |
|
|
|
height: 280px; |
|
|
|
@ -1257,6 +1285,7 @@ export default { |
|
|
|
box-shadow: 0px 4px 34px 6px rgba(14, 97, 205, 0.1); |
|
|
|
box-shadow: 0px 4px 34px 6px rgba(14, 97, 205, 0.1); |
|
|
|
box-sizing: border-box; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.fasjs { |
|
|
|
.fasjs { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-between; |
|
|
|
@ -1265,15 +1294,18 @@ export default { |
|
|
|
width: 693px; |
|
|
|
width: 693px; |
|
|
|
/* margin-left: 20px; */ |
|
|
|
/* margin-left: 20px; */ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.fasjs img { |
|
|
|
.fasjs img { |
|
|
|
width: 221px; |
|
|
|
width: 221px; |
|
|
|
height: 63px; |
|
|
|
height: 63px; |
|
|
|
transition: all 0.2s linear; |
|
|
|
transition: all 0.2s linear; |
|
|
|
box-shadow: 0px 4px 34px 6px rgba(14, 97, 205, 0.1); |
|
|
|
box-shadow: 0px 4px 34px 6px rgba(14, 97, 205, 0.1); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.fasjs img:hover { |
|
|
|
.fasjs img:hover { |
|
|
|
transform: scale(1.05); |
|
|
|
transform: scale(1.05); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* 手风琴 */ |
|
|
|
/* 手风琴 */ |
|
|
|
.xiaoqibox { |
|
|
|
.xiaoqibox { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
@ -1282,27 +1314,35 @@ export default { |
|
|
|
height: 400px; |
|
|
|
height: 400px; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.xiaoqiboxitem1 { |
|
|
|
.xiaoqiboxitem1 { |
|
|
|
background: url('/assets/xq/big_1.png') 100% 100% no-repeat; |
|
|
|
background: url('/assets/xq/big_1.png') 100% 100% no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.xiaoqiboxitem1 .xiaoqiboxitembottom { |
|
|
|
.xiaoqiboxitem1 .xiaoqiboxitembottom { |
|
|
|
background: url('/assets/xq/small_1.png') 100% 100% no-repeat; |
|
|
|
background: url('/assets/xq/small_1.png') 100% 100% no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.xiaoqiboxitem2 { |
|
|
|
.xiaoqiboxitem2 { |
|
|
|
background: url('/assets/xq/big_2.png') 100% 100% no-repeat; |
|
|
|
background: url('/assets/xq/big_2.png') 100% 100% no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.xiaoqiboxitem2 .xiaoqiboxitembottom { |
|
|
|
.xiaoqiboxitem2 .xiaoqiboxitembottom { |
|
|
|
background: url('/assets/xq/small_2.png') 100% 100% no-repeat; |
|
|
|
background: url('/assets/xq/small_2.png') 100% 100% no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.xiaoqiboxitem3 { |
|
|
|
.xiaoqiboxitem3 { |
|
|
|
background: url('/assets/xq/big_3.png') 100% 100% no-repeat; |
|
|
|
background: url('/assets/xq/big_3.png') 100% 100% no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.xiaoqiboxitem3 .xiaoqiboxitembottom { |
|
|
|
.xiaoqiboxitem3 .xiaoqiboxitembottom { |
|
|
|
background: url('/assets/xq/small_3.png') 100% 100% no-repeat; |
|
|
|
background: url('/assets/xq/small_3.png') 100% 100% no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.xiaoqiboxitem4 { |
|
|
|
.xiaoqiboxitem4 { |
|
|
|
background: url('/assets/xq/big_4.png') 100% 100% no-repeat; |
|
|
|
background: url('/assets/xq/big_4.png') 100% 100% no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.xiaoqiboxitem4 .xiaoqiboxitembottom { |
|
|
|
.xiaoqiboxitem4 .xiaoqiboxitembottom { |
|
|
|
background: url('/assets/xq/small_4.png') 100% 100% no-repeat; |
|
|
|
background: url('/assets/xq/small_4.png') 100% 100% no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
|
@ -1317,15 +1357,18 @@ export default { |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
border-radius: 5px; |
|
|
|
border-radius: 5px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.xiaoqiboxitemtop { |
|
|
|
.xiaoqiboxitemtop { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 140px; |
|
|
|
height: 140px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.xiaoqiboxitemtopsmall { |
|
|
|
.xiaoqiboxitemtopsmall { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
height: 100%; |
|
|
|
transition: all 0.2s linear; |
|
|
|
transition: all 0.2s linear; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.xiaoqiboxitembottom { |
|
|
|
.xiaoqiboxitembottom { |
|
|
|
flex: 1; |
|
|
|
flex: 1; |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
@ -1336,17 +1379,20 @@ export default { |
|
|
|
flex-direction: column; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-between; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.textcontenttitle { |
|
|
|
.textcontenttitle { |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
font-size: 19px; |
|
|
|
font-size: 19px; |
|
|
|
color: #ffffff; |
|
|
|
color: #ffffff; |
|
|
|
margin-bottom: 24px; |
|
|
|
margin-bottom: 24px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.textcontentcon { |
|
|
|
.textcontentcon { |
|
|
|
font-weight: 500; |
|
|
|
font-weight: 500; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
color: #ededed; |
|
|
|
color: #ededed; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.itemlogo { |
|
|
|
.itemlogo { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
bottom: 30px; |
|
|
|
bottom: 30px; |
|
|
|
@ -1355,11 +1401,13 @@ export default { |
|
|
|
height: 34px; |
|
|
|
height: 34px; |
|
|
|
transition: all 0.2s linear; |
|
|
|
transition: all 0.2s linear; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.textcontentbtn { |
|
|
|
.textcontentbtn { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
opacity: 0; |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.textcontentbtnleft { |
|
|
|
.textcontentbtnleft { |
|
|
|
width: 150px; |
|
|
|
width: 150px; |
|
|
|
height: 34px; |
|
|
|
height: 34px; |
|
|
|
@ -1371,6 +1419,7 @@ export default { |
|
|
|
margin-right: 15px; |
|
|
|
margin-right: 15px; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.textcontentbtnright { |
|
|
|
.textcontentbtnright { |
|
|
|
width: 150px; |
|
|
|
width: 150px; |
|
|
|
height: 34px; |
|
|
|
height: 34px; |
|
|
|
@ -1381,47 +1430,60 @@ export default { |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
cursor: pointer; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.isActice { |
|
|
|
.isActice { |
|
|
|
transition: all 0.2s linear; |
|
|
|
transition: all 0.2s linear; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.isActice { |
|
|
|
.isActice { |
|
|
|
width: 524px; |
|
|
|
width: 524px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.isActice .xiaoqiboxitemtop { |
|
|
|
.isActice .xiaoqiboxitemtop { |
|
|
|
height: 102px; |
|
|
|
height: 102px; |
|
|
|
border: 1px solid rgba(242, 242, 242, 0.3); |
|
|
|
border: 1px solid rgba(242, 242, 242, 0.3); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.isActice .xiaoqiboxitemtopsmall { |
|
|
|
.isActice .xiaoqiboxitemtopsmall { |
|
|
|
opacity: 0; |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.isActice .xiaoqiboxitembottom { |
|
|
|
.isActice .xiaoqiboxitembottom { |
|
|
|
background: unset; |
|
|
|
background: unset; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.isActice .itemlogo { |
|
|
|
.isActice .itemlogo { |
|
|
|
left: 30px; |
|
|
|
left: 30px; |
|
|
|
top: 30px; |
|
|
|
top: 30px; |
|
|
|
width: 228px; |
|
|
|
width: 228px; |
|
|
|
height: 46px; |
|
|
|
height: 46px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.isActice .textcontentbtn { |
|
|
|
.isActice .textcontentbtn { |
|
|
|
opacity: 1; |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.isActice .textcontenttitle { |
|
|
|
.isActice .textcontenttitle { |
|
|
|
font-size: 22px; |
|
|
|
font-size: 22px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.isActice .textcontentcon { |
|
|
|
.isActice .textcontentcon { |
|
|
|
font-size: 15px; |
|
|
|
font-size: 15px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* 按钮变色 */ |
|
|
|
/* 按钮变色 */ |
|
|
|
.bluebtn:hover { |
|
|
|
.bluebtn:hover { |
|
|
|
background: #2a83f7 !important; |
|
|
|
background: #2a83f7 !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.whitebtn:hover { |
|
|
|
.whitebtn:hover { |
|
|
|
background: #ecf5ff !important; |
|
|
|
background: #ecf5ff !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.textcontentbtnleft:hover { |
|
|
|
.textcontentbtnleft:hover { |
|
|
|
background: #2a83f7 !important; |
|
|
|
background: #2a83f7 !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.textcontentbtnright:hover { |
|
|
|
.textcontentbtnright:hover { |
|
|
|
background: #ecf5ff !important; |
|
|
|
background: #ecf5ff !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
hcj
7 months ago
