Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
Z
zhichan
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
蒋勇
zhichan
Commits
ba286005
Commit
ba286005
authored
Dec 25, 2019
by
李宏达
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
lhd
parent
ab440648
Hide whitespace changes
Inline
Side-by-side
Showing
14 changed files
with
27 additions
and
25 deletions
+27
-25
igirl-web/app/front/entry/public/css/pagecom.css
+0
-0
igirl-web/app/front/entry/public/css/pages/bycquerytm/bycquerytm.css
+2
-2
igirl-web/app/front/entry/public/css/pages/declare/declare.css
+2
-2
igirl-web/app/front/entry/public/css/pages/managementmeasures/managementmeasures.css
+2
-2
igirl-web/app/front/entry/public/css/pages/policyquery/policyquery.css
+2
-2
igirl-web/app/front/entry/public/css/pages/projectpublicity/projectpublicity.css
+2
-2
igirl-web/app/front/entry/public/css/pages/recommen/recommen.css
+2
-2
igirl-web/app/front/vues/pages/bycquerytm/bycquerytm.css
+2
-0
igirl-web/app/front/vues/pages/bycquerytm/bycquerytm.html
+1
-1
igirl-web/app/front/vues/pages/declare/declare.css
+2
-2
igirl-web/app/front/vues/pages/managementmeasures/managementmeasures.css
+2
-2
igirl-web/app/front/vues/pages/policyquery/policyquery.css
+2
-2
igirl-web/app/front/vues/pages/projectpublicity/projectpublicity.css
+2
-2
igirl-web/app/front/vues/pages/recommen/recommen.css
+4
-4
No files found.
igirl-web/app/front/entry/public/css/pagecom.css
View file @
ba286005
This source diff could not be displayed because it is too large. You can
view the blob
instead.
igirl-web/app/front/entry/public/css/pages/bycquerytm/bycquerytm.css
View file @
ba286005
var
{
font-style
:
normal
}
.el-tabs__content
{
background
:
rgba
(
250
,
250
,
250
,
1
)}
.row01
,
.row02
,
.row03
{
width
:
100%
;
position
:
relative
;
background-color
:
#fff
;
color
:
#000
}
.row01
{
height
:
100%
}
.row03
{
height
:
625px
}
.bycdirectsearch
{
width
:
735px
;
margin-bottom
:
10px
}
.search-bottom
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
width
:
100%
;
height
:
40px
;
background
:
rgba
(
15
,
142
,
233
,
.1
)}
.search-navArr
{
position
:
absolute
;
top
:
40px
;
right
:
0
}
.search-navArr
>
div
{
display
:
inline-block
;
margin-left
:
50px
;
width
:
120px
;
height
:
40px
;
line-height
:
40px
;
text-align
:
center
;
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
);
cursor
:
pointer
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
;
font-weight
:
500
;
color
:
rgba
(
15
,
142
,
233
,
1
);
letter-spacing
:
1px
}
.image
{
text-align
:
center
;
width
:
800px
;
height
:
auto
;
margin
:
2%
auto
0
;
padding-top
:
60px
;
position
:
absolute
;
font-size
:
52px
;
top
:
0
;
left
:
0
;
bottom
:
0
;
right
:
0
;
background
:
url(/imgs/ditu.png)
top
no-repeat
}
.search-text
{
width
:
213px
;
font-size
:
40px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
51
,
51
,
51
,
1
);
letter-spacing
:
3px
}
#scollmain
{
height
::
auto
!important
}
@font-face
{
font-family
:
iconfont
;
src
:
url(//at.alicdn.com/t/font_895180_fad61og1ra.eot)
;
src
:
url(//at.alicdn.com/t/font_895180_fad61og1ra.eot?#iefix)
format
(
'embedded-opentype'
),
url(//at.alicdn.com/t/font_895180_fad61og1ra.woff)
format
(
'woff'
),
url(//at.alicdn.com/t/font_895180_fad61og1ra.ttf)
format
(
'truetype'
),
url(//at.alicdn.com/t/font_895180_fad61og1ra.svg#iconfont)
format
(
'svg'
)}
.iconfont
{
font-family
:
iconfont
!important
;
font-size
:
16px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.leibie-btn
{
background
:
#fff
!important
;
width
:
100px
;
padding-right
:
35px
;
border-right
:
1px
solid
#dedfe4
!important
}
.leibie-btn
.cqtm-down
{
font-size
:
1.4rem
;
line-height
:
16px
;
position
:
absolute
;
height
:
30px
;
padding-right
:
5px
}
.cqtm-cam
{
line-height
:
40px
;
padding-right
:
18px
;
font-size
:
1.6rem
}
.search-btn
{
margin
:
0
;
width
:
100px
;
color
:
#fff
!important
;
border
:
1px
solid
#108EE9
!important
;
background
:
#e1e1e1
!important
;
border-radius
:
0
!important
}
.footer
.row1
{
margin-bottom
:
10px
}
.footer
span
{
color
:
#828282
;
font-size
:
16px
}
.el-checkbox__label
{
line-height
:
25px
!important
;
color
:
#828282
}
.search-warp-row01
{
width
:
1200px
;
height
:
auto
;
padding
:
20px
0
;
position
:
relative
;
color
:
#000
;
margin
:
0
auto
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
)}
.search-btn1
,
.search-input
.search-btn
{
background
:
#108EE9
!important
}
.el-input-group__append
,
.search-btn2
{
border-right
:
none
!important
}
.search-warp-row01
.search-input
{
text-align
:
center
;
width
:
600px
;
height
:
120px
;
margin
:
auto
;
top
:
0
;
left
:
0
;
bottom
:
0
;
right
:
0
}
.bycdirectsearch
.el-tabs__nav
{
margin-top
:
20px
}
.el-tabs__item
{
border-bottom
:
none
!important
;
padding
:
0
16px
!important
}
.el-tabs__item.is-active
{
color
:
#108EE9
!important
}
.el-tabs__nav-wrap
::after
{
content
:
unset
!important
}
.el-tabs__active-bar
{
width
:
0
!important
}
.el-tabs__header
{
margin
:
0
!important
}
.el-tabs__nav-scroll
{
margin-top
:
10px
}
.search-input
{
width
:
1200px
;
margin
:
0
auto
;
position
:
relative
}
.search-input
.input-input
input
{
border
:
none
!important
;
color
:
#2F2F2F
!important
}
.search-input
.input-input
input
::-webkit-input-placeholder
{
color
:
#828282
;
font-size
:
12px
}
.search-input
.leibie-btn
{
margin
:
0
;
border-left
:
1px
solid
#dedfe4
!important
}
.search-btn1
,
.search-btn2
{
color
:
#fff
;
width
:
100px
;
margin-left
:
20px
!important
;
border-radius
:
0
!important
}
.search-input
.search-btn
{
color
:
#fff
}
.search-btn2
{
background
:
#AB97D3
!important
;
border-bottom
:
1px
solid
#e1e1e1
!important
}
.selected-warp
{
width
:
1130px
;
color
:
#000
;
margin
:
auto
auto
15px
;
text-align
:
left
}
.falv-warp
,
.nianfen-warp
{
margin-top
:
10px
;
text-align
:
left
}
.selected-warp
span
{
font-size
:
14px
;
color
:
#2F2F2F
;
text-align
:
left
;
position
:
relative
}
.selected-warp
.item-text
{
margin-left
:
20px
;
width
:
auto
;
font-size
:
10px
;
height
:
24px
;
line-height
:
24px
;
border-radius
:
0
;
border
:
1px
solid
#108EE9
;
color
:
#108EE9
}
.falv-warp
.item
var
,
.falv-warp
span
,
.item-result-zzc
,
.nianfen-warp
.item
var
,
.nianfen-warp
span
,
.shenqing-warp
span
{
font-size
:
14px
}
.falv-warp
div
,
.nianfen-warp
div
,
.shenqing-warp
div
{
border-bottom
:
none
!important
}
.item-result
{
width
:
100%
}
.item-result-img
{
position
:
relative
;
height
:
180px
;
padding-top
:
30px
;
box-sizing
:
border-box
}
.item-result-zzc
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background
:
rgba
(
0
,
0
,
0
,
.7
);
border-radius
:
2px
;
color
:
#fff
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
;
padding
:
40px
0
;
box-sizing
:
border-box
}
.falv-warp
.item
,
.shenqing-warp
.item
,
.shenqing-warp
.item1
,
.shenqing-warp
.item2
{
font-weight
:
100
;
display
:
block
}
.item-result-zzc
>
div
{
line-height
:
32px
}
.shenqing-warp
{
text-align
:
left
;
margin-bottom
:
6px
}
.shenqing-warp
.item
{
margin-right
:
20px
;
width
:
170px
}
.shenqing-warp
.item1
{
margin-right
:
20px
;
width
:
125px
}
.shenqing-warp
.item2
{
margin-right
:
35px
;
margin-bottom
:
5px
;
width
:
120px
}
.shenqing-warp
.item
var
{
font-size
:
14px
;
font-family
:
PingFangSC-Regular
;
font-style
:
normal
}
.shenqing-warp
.row2
{
margin-left
:
94px
}
.shenqing-warp
.row3
{
margin-left
:
1px
}
.falv-warp
{
margin-bottom
:
5px
!important
}
.falv-warp
.item
{
margin-right
:
20px
;
width
:
auto
}
.falv-warp
.item
var
{
font-family
:
PingFangSC-Regular
;
font-style
:
normal
}
.falv-warp
.row2
{
margin-left
:
95px
}
.nianfen-warp
.item
{
display
:
block
;
margin-right
:
20px
;
font-weight
:
100
;
width
:
70px
}
.nianfen-warp
.item1
,
.nianfen-warp
.itemsqr
{
display
:
inline-block
;
margin-right
:
20px
;
font-weight
:
100
}
.nianfen-warp
.item1
{
width
:
100px
}
.img-compare-warp
span
,
.img-total-warp
.item-text
,
.result-warp-zw
>
div
{
font-family
:
PingFangSC-Regular
;
font-weight
:
400
}
.nianfen-warp
.item
var
{
font-family
:
PingFangSC-Regular
;
font-style
:
normal
}
.nianfen-warp
.row2
{
margin-left
:
94px
}
.total-warp
{
width
:
1200px
;
color
:
#000
;
margin
:
7px
auto
}
.total-warp
div
{
float
:
left
;
width
:
85%
;
height
:
40px
;
text-align
:
left
;
line-height
:
45px
;
font-size
:
16px
}
.total-warp
.daochu-text
{
color
:
#108EE9
;
font-size
:
16px
;
display
:
block
;
padding-top
:
22px
;
cursor
:
pointer
}
.result-warp2
,
.result-warp3
{
width
:
1200px
;
height
:
auto
;
color
:
#000
;
margin
:
auto
;
text-align
:
left
;
box-shadow
:
0
0
4px
4px
rgba
(
0
,
0
,
0
,
.02
)}
.result-warp2
{
background
:
#f0f0f0
!important
;
border-radius
:
8px
}
.result-warp3
{
background
:
#fff
!important
}
.result-warp3
.el-dialog__body
{
padding
:
10px
0
0
!important
}
.result-warp3
.el-dialog
{
max-width
:
949px
;
max-height
:
681px
;
background-color
:
#F3F5FD
}
.brand-detail-table
{
width
:
100%
;
border-collapse
:
collapse
}
.brand-detail-table
td
{
height
:
48px
;
background
:
#fff
;
border
:
1px
solid
#d8d8d8
}
.td-title
{
width
:
400px
;
text-align
:
center
;
color
:
#828282
;
background-color
:
#f1f8fe
!important
}
.brand-detail-table
td
.td-content
{
width
:
200px
;
text-align
:
left
;
padding-left
:
17px
;
color
:
#38404B
}
.brand-detail-table
td
.item-spec
{
width
:
500px
;
font-size
:
14px
;
color
:
#108EE9
}
.innner-table
.row01
{
height
:
10px
!important
}
.innner-table
.row01
td
{
border
:
none
!important
;
width
:
365px
;
border-bottom
:
1px
solid
#d8d8d8
!important
}
.innner-table
.row02
td
{
width
:
365px
;
background
:
#fff
!important
;
border
:
none
!important
}
.innner-table
.row01
td
:first-child
,
.innner-table
.row02
td
:first-child
{
width
:
365px
;
border-right
:
1px
solid
#d8d8d8
!important
}
.result-warp
,
.result-warp-zw
{
width
:
1200px
;
height
:
auto
;
color
:
#000
;
margin
:
auto
;
border-radius
:
8px
}
.result-warp
{
background
:
#f0f0f0
!important
;
box-shadow
:
0
0
4px
4px
rgba
(
0
,
0
,
0
,
.02
)}
.result-warp-zw
{
text-align
:
center
;
padding-top
:
80px
;
box-sizing
:
border-box
;
background-color
:
#fff
}
.result-warp-zw
>
div
{
width
:
416px
;
height
:
44px
;
margin
:
0
auto
;
font-size
:
16px
;
color
:
rgba
(
130
,
130
,
130
,
1
)}
.result-warp
.item-left
{
float
:
left
;
height
:
auto
}
.result-warp
.item-left
.line-bottom
{
width
:
1156px
;
border-bottom
:
1px
solid
#f5f5f5
;
margin-left
:
22px
;
padding-top
:
10px
}
.result-warp
.item-left
.item
{
width
:
1200px
;
height
:
149px
;
background
:
rgba
(
255
,
255
,
255
,
1
)
!important
;
z-index
:
4
}
.result-warp
.item-left
.item
.item-img-warp
{
float
:
left
;
width
:
158px
;
height
:
auto
;
text-align
:
center
;
margin-left
:
20px
;
margin-top
:
30px
;
overflow
:
hidden
;
border
:
1px
solid
#eee
}
.result-warp
.item-left
.item
.item-text-warp
{
float
:
left
;
width
:
1000px
;
height
:
130px
;
margin-top
:
25px
;
overflow
:
hidden
}
.result-warp
.item-left
.item
.item-text-warp
.title
{
width
:
600px
;
height
:
20px
;
margin-left
:
20px
;
text-align
:
left
}
.result-warp
.item-left
.item
.item-text-warp
.columns
{
float
:
left
;
width
:
330px
;
margin
:
1px
}
.result-warp
.item-left
.item
.item-text-warp
.columns
ul
{
list-style
:
none
;
padding
:
0
;
margin-top
:
1px
;
margin-left
:
20px
;
font-size
:
14px
;
text-align
:
left
}
.result-warp
.item-left
.item
.item-text-warp
.columns
ul
li
{
padding
:
5px
0
}
.result-warp
.item-left
.item
.item-text-warp
.columns
label
{
color
:
#828282
}
.result-warp
.item-left
.item
.item-text-warp
.columns
span
{
color
:
#2F2F2F
}
.result-warp
.item-left
.item
.item-text-warp
.columns
.spec
{
color
:
#108EE9
}
.result-warp
.item-left
.item
.item-text-warp
.columns
a
{
text-decoration
:
none
;
color
:
#2F2F2F
!important
}
.result-warp
.item-left
ul
li
:first-child
.line-bottom
{
border
:
none
}
.result-warp
.item-left
.item
.item-text-warp
.title
a
{
text-decoration
:
none
;
color
:
#38404B
}
.footer-row
,
.footer-row2
{
background-color
:
#fff
;
color
:
#333
}
.result-warp
.item-left
.item
.item-img
{
width
:
156px
;
height
:
96px
}
.result-warp
.item-right
{
float
:
left
;
position
:
absolute
;
width
:
148px
;
height
:
800px
;
border
:
1px
solid
#eee
;
margin-left
:
1051px
;
z-index
:
888
;
margin-top
:
32px
}
.el-collapse
{
border-top
:
none
!important
;
border-bottom
:
none
!important
}
.footer-row
{
margin-bottom
:
20px
;
width
:
1200px
;
height
:
80px
!important
}
.footer-row2
{
margin-top
:
20px
;
height
:
50px
!important
}
.footer-row
.line-bottom-02
{
width
:
1156px
;
border-bottom
:
1px
solid
#f5f5f5
;
padding-top
:
10px
}
.footer-row
.el-pagination
{
padding-top
:
20px
;
padding-bottom
:
20px
}
.zhuce-warp
{
width
:
1130px
;
color
:
#000
;
height
:
100%
;
margin
:
auto
;
text-align
:
left
}
.zhuce-warp
.item-text
{
font-size
:
13px
;
color
:
#108EE9
;
line-height
:
45px
}
.zhuce-warp
.item-li
{
float
:
left
;
width
:
86px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
height
:
24px
;
background
:
rgba
(
245
,
245
,
245
,
1
);
padding-left
:
10px
;
margin-right
:
24px
;
padding-right
:
10px
;
padding-bottom
:
3px
;
margin-bottom
:
13px
;
font-style
:
12px
}
.zhuce-warp
.item-li
el-button
{
color
:
#828282
}
.img-total-warp
{
width
:
1200px
;
margin
:
auto
;
padding-bottom
:
20px
;
text-align
:
left
}
.img-total-warp
.item-text
{
display
:
block
;
margin-top
:
25px
;
font-size
:
14px
;
color
:
rgba
(
130
,
130
,
130
,
1
)}
.img-total-warp
.item-text
var
{
color
:
#108EE9
;
font-style
:
normal
}
.img-total-warp
.el-row
{
height
:
auto
;
box-shadow
:
0
0
4px
4px
rgba
(
0
,
0
,
0
,
.02
);
border-radius
:
8px
;
width
:
100%
;
padding
:
20px
;
margin-bottom
:
20px
}
.img-total-warp
.el-card
{
margin-right
:
18px
;
margin-bottom
:
18px
;
border-radius
:
0
!important
;
cursor
:
pointer
}
.img-review
{
position
:
absolute
;
top
:
4px
;
left
:
5px
;
background
:
#dbe6ec
}
.img-review
.el-tag
{
border
:
none
!important
;
border-radius
:
0
!important
;
color
:
#828282
;
font-size
:
12px
}
.img-review
.item-img
{
height
:
16px
;
width
:
16px
;
top
:
4px
;
position
:
relative
}
.el-tag
.el-icon-close
{
top
:
-1px
!important
}
.img-compare-warp
{
position
:
fixed
;
right
:
20px
;
top
:
320px
;
width
:
180px
;
height
:
220px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
0
0
4px
4px
rgba
(
16
,
142
,
233
,
.1
);
border-radius
:
2px
;
border
:
1px
solid
rgba
(
16
,
142
,
233
,
1
)}
.img-compare-warp
.item-img
{
width
:
170px
;
height
:
170px
;
padding-left
:
5px
;
padding-top
:
6px
}
.img-compare-warp
span
{
width
:
64px
;
height
:
16px
;
font-size
:
16px
;
color
:
rgba
(
56
,
64
,
75
,
1
);
line-height
:
16px
;
text-align
:
center
;
display
:
block
;
position
:
absolute
;
left
:
30%
;
top
:
185px
}
.shangpin-warp
{
width
:
1000px
;
margin
:
auto
}
.shangpin-warp
.brand-detail-table
.td-title
{
background
:
#f1f8fe
!important
;
border-right
:
1px
solid
#f1f8fe
!important
;
border-left
:
0
solid
#f1f8fe
!important
;
height
:
56px
}
.shangpin-warp
.brand-detail-table
td
{
border
:
1px
solid
#f1f8fe
!important
;
height
:
56px
;
border-left
:
1px
solid
#fff
!important
;
border-right
:
0
solid
#fff
!important
}
.biaoyan-logo
{
width
:
110px
;
float
:
left
;
margin-right
:
20px
;
font-size
:
28px
;
font-family
:
PingFangSC-Medium
;
font-weight
:
600
;
color
:
rgba
(
16
,
142
,
233
,
1
);
line-height
:
40px
;
cursor
:
pointer
;
margin-top
:
37px
}
.selected-list
,
.selected-list1
{
font-size
:
13px
;
padding-bottom
:
20px
;
background
:
#fff
;
z-index
:
999
;
text-align
:
left
;
position
:
absolute
}
.header-right-info
.el-tag
,
.header-right-info
.item-text
{
font-family
:
PingFangSC-Regular
;
line-height
:
20px
;
font-weight
:
400
}
.biaoyan-mini-logo
{
width
:
68px
;
height
:
22px
;
margin-top
:
9px
;
text-align
:
left
;
position
:
absolute
;
left
:
0
;
margin-left
:
32px
}
.selected-list1
{
width
:
600px
;
height
:
auto
;
border
:
1px
solid
#108EE9
;
border-radius
:
0
!important
}
.selected-list-warp
{
position
:
absolute
;
background
:
#fff
}
.selected-list
{
height
:
180px
;
width
:
auto
;
max-width
:
500px
;
border
:
1px
solid
#108EE9
;
border-radius
:
0
!important
;
min-width
:
500px
}
.selected-list-scroll
::-webkit-scrollbar
{
width
:
10px
;
height
:
0
}
.selected-list-scroll
::-webkit-scrollbar-thumb
{
border-radius
:
10px
;
-webkit-box-shadow
:
inset
0
0
5px
rgba
(
0
,
0
,
0
,
.2
);
background
:
#108EE9
}
.selected-list-scroll
::-webkit-scrollbar-track
{
-webkit-box-shadow
:
inset
0
0
5px
rgba
(
0
,
0
,
0
,
.2
);
border-radius
:
10px
;
background
:
#fff
}
.selected-list-scroll
{
height
:
150px
;
overflow-y
:
auto
;
position
:
absolute
;
z-index
:
999
;
width
:
480px
}
.selected-list-scroll
ul
{
list-style
:
none
;
padding
:
0
;
margin
:
0
;
text-align
:
left
;
position
:
absolute
}
.selected-list
el-checkbox
{
cursor
:
pointer
}
.bycquerytm
.el-checkbox
{
margin-left
:
20px
!important
}
.buttom-warp
{
width
:
200px
;
position
:
relative
;
left
:
360px
;
top
:
142px
;
right
:
0
}
.buttom-warp
.item
{
float
:
left
}
.buttom-warp
.item
button
{
width
:
39px
;
height
:
20px
;
background
:
rgba
(
16
,
142
,
233
,
1
);
border-radius
:
2px
;
margin-right
:
20px
;
margin-top
:
10px
;
border
:
none
;
color
:
#fff
}
.el-header
,
.header-right-info
.el-tag
{
background
:
#fff
!important
;
border
:
none
!important
}
.el-header
{
opacity
:
1
!important
}
.header-right-info
.item-text
{
font-size
:
14px
;
color
:
rgba
(
130
,
130
,
130
,
1
);
margin-left
:
20px
}
.header-right-info
.el-tag
{
font-size
:
14px
;
color
:
#108EE9
!important
}
.header-right-info
.item-button
{
width
:
39px
;
height
:
20px
;
background
:
rgba
(
16
,
142
,
233
,
1
);
border-radius
:
2px
;
margin-right
:
20px
;
margin-top
:
10px
;
border
:
none
;
color
:
#fff
}
.shangbiaojindu-warp
{
width
:
680px
;
height
:
100px
}
.shangbiaojindu-warp
.left-item
{
width
:
100px
;
float
:
left
}
.shangbiaojindu-warp
.left-item
.img-warp
{
width
:
100px
;
text-align
:
center
;
height
:
20px
}
.shangbiaojindu-warp
.left-item
.img-warp
.item-img
{
width
:
48px
;
height
:
48px
}
.shangbiaojindu-warp
.left-item
span
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
130
,
130
,
130
,
1
);
line-height
:
19px
}
.shangbiaojindu-warp
.right-item
table
{
width
:
500px
;
float
:
left
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
;
color
:
rgba
(
130
,
130
,
130
,
1
);
line-height
:
12px
;
border-collapse
:
collapse
}
.shangbiaojindu-warp
.right-item
table
td
{
height
:
34px
;
font-style
:
normal
;
color
:
#2F2F2F
}
.shangbiaojindu-warp
.right-item
table
td
var
{
font-style
:
normal
;
color
:
rgba
(
130
,
130
,
130
,
1
)}
.shangbiao-button-warp
{
width
:
100%
;
height
:
100px
;
display
:
flex
}
.shangbiao-button-warp
.item1
{
flex
:
1
}
.shangbiao-button-warp
.item
button
{
border
:
1px
solid
#108EE9
;
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
16
,
142
,
233
,
1
);
line-height
:
19px
;
height
:
30px
;
margin-right
:
109px
;
padding-left
:
18px
;
padding-right
:
10px
;
background-color
:
#fff
;
cursor
:
pointer
}
.el-input-group__prepend
,
.row03
.el-input-group--append
.el-input__inner
{
border
:
1px
solid
rgba
(
31
,
144
,
230
,
1
)
!important
}
.bycquerytm-nav
{
width
:
100%
;
font-size
:
14px
;
display
:
flex
;
margin-top
:
35px
;
margin-bottom
:
45px
}
.bycquerytm-nav-div
{
flex
:
1
;
color
:
#777
}
.bycquerytm-nav-div
>
span
{
color
:
#333
}
.animated
{
animation-duration
:
1s
;
animation-fill-mode
:
both
}
.animated.infinite
{
animation-iteration-count
:
infinite
}
.animated.hinge
{
animation-duration
:
2s
}
.animated.bounceIn
,
.animated.bounceOut
,
.animated.flipOutX
,
.animated.flipOutY
{
animation-duration
:
.75s
}
@keyframes
bounce
{
0
%,
20
%,
53
%,
80
%,
to
{
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
transform
:
translateZ
(
0
)}
40
%,
43
%
{
transform
:
translate3d
(
0
,
-30px
,
0
)}
40
%,
43
%,
70
%
{
animation-timing-function
:
cubic-bezier
(
.755
,
.05
,
.855
,
.06
)}
70
%
{
transform
:
translate3d
(
0
,
-15px
,
0
)}
90
%
{
transform
:
translate3d
(
0
,
-4px
,
0
)}}
.bounce
{
animation-name
:
bounce
;
-ms-transform-origin
:
center
bottom
;
transform-origin
:
center
bottom
}
@keyframes
flash
{
0
%,
50
%,
to
{
opacity
:
1
}
25
%,
75
%
{
opacity
:
0
}}
.flash
{
animation-name
:
flash
}
@keyframes
pulse
{
0
%,
to
{
transform
:
scaleX
(
1
)}
50
%
{
transform
:
scale3d
(
1.05
,
1.05
,
1.05
)}}
.pulse
{
animation-name
:
pulse
}
@keyframes
rubberBand
{
0
%,
to
{
transform
:
scaleX
(
1
)}
30
%
{
transform
:
scale3d
(
1.25
,
.75
,
1
)}
40
%
{
transform
:
scale3d
(
.75
,
1.25
,
1
)}
50
%
{
transform
:
scale3d
(
1.15
,
.85
,
1
)}
65
%
{
transform
:
scale3d
(
.95
,
1.05
,
1
)}
75
%
{
transform
:
scale3d
(
1.05
,
.95
,
1
)}}
.rubberBand
{
animation-name
:
rubberBand
}
@keyframes
shake
{
0
%,
to
{
transform
:
translateZ
(
0
)}
10
%,
30
%,
50
%,
70
%,
90
%
{
transform
:
translate3d
(
-10px
,
0
,
0
)}
20
%,
40
%,
60
%,
80
%
{
transform
:
translate3d
(
10px
,
0
,
0
)}}
.shake
{
animation-name
:
shake
}
@keyframes
headShake
{
0
%
{
transform
:
translateX
(
0
)}
6
.5
%
{
transform
:
translateX
(
-6px
)
rotateY
(
-9deg
)}
18
.5
%
{
transform
:
translateX
(
5px
)
rotateY
(
7deg
)}
31
.5
%
{
transform
:
translateX
(
-3px
)
rotateY
(
-5deg
)}
43
.5
%
{
transform
:
translateX
(
2px
)
rotateY
(
3deg
)}
50
%
{
transform
:
translateX
(
0
)}}
.headShake
{
animation-timing-function
:
ease-in-out
;
animation-name
:
headShake
}
@keyframes
swing
{
20
%
{
transform
:
rotate
(
15deg
)}
40
%
{
transform
:
rotate
(
-10deg
)}
60
%
{
transform
:
rotate
(
5deg
)}
80
%
{
transform
:
rotate
(
-5deg
)}
to
{
transform
:
rotate
(
0
)}}
.swing
{
-ms-transform-origin
:
top
center
;
transform-origin
:
top
center
;
animation-name
:
swing
}
@keyframes
tada
{
0
%,
to
{
transform
:
scaleX
(
1
)}
10
%,
20
%
{
transform
:
scale3d
(
.9
,
.9
,
.9
)
rotate
(
-3deg
)}
30
%,
50
%,
70
%,
90
%
{
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)
rotate
(
3deg
)}
40
%,
60
%,
80
%
{
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)
rotate
(
-3deg
)}}
.tada
{
animation-name
:
tada
}
@keyframes
wobble
{
0
%,
to
{
transform
:
none
}
15
%
{
transform
:
translate3d
(
-25%
,
0
,
0
)
rotate
(
-5deg
)}
30
%
{
transform
:
translate3d
(
20%
,
0
,
0
)
rotate
(
3deg
)}
45
%
{
transform
:
translate3d
(
-15%
,
0
,
0
)
rotate
(
-3deg
)}
60
%
{
transform
:
translate3d
(
10%
,
0
,
0
)
rotate
(
2deg
)}
75
%
{
transform
:
translate3d
(
-5%
,
0
,
0
)
rotate
(
-1deg
)}}
.wobble
{
animation-name
:
wobble
}
@keyframes
jello
{
0
%,
11
.1
%,
to
{
transform
:
none
}
22
.2
%
{
transform
:
skewX
(
-12.5deg
)
skewY
(
-12.5deg
)}
33
.3
%
{
transform
:
skewX
(
6.25deg
)
skewY
(
6.25deg
)}
44
.4
%
{
transform
:
skewX
(
-3.125deg
)
skewY
(
-3.125deg
)}
55
.5
%
{
transform
:
skewX
(
1.5625deg
)
skewY
(
1.5625deg
)}
66
.6
%
{
transform
:
skewX
(
-.78125deg
)
skewY
(
-.78125deg
)}
77
.7
%
{
transform
:
skewX
(
.390625deg
)
skewY
(
.390625deg
)}
88
.8
%
{
transform
:
skewX
(
-.1953125deg
)
skewY
(
-.1953125deg
)}}
.jello
{
animation-name
:
jello
;
-ms-transform-origin
:
center
;
transform-origin
:
center
}
@keyframes
bounceIn
{
0
%,
20
%,
40
%,
60
%,
80
%,
to
{
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
transform
:
scale3d
(
.3
,
.3
,
.3
)}
20
%
{
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)}
40
%
{
transform
:
scale3d
(
.9
,
.9
,
.9
)}
60
%
{
opacity
:
1
;
transform
:
scale3d
(
1.03
,
1.03
,
1.03
)}
80
%
{
transform
:
scale3d
(
.97
,
.97
,
.97
)}
to
{
opacity
:
1
;
transform
:
scaleX
(
1
)}}
.bounceIn
{
animation-name
:
bounceIn
}
@keyframes
bounceInDown
{
0
%,
60
%,
75
%,
90
%,
to
{
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
transform
:
translate3d
(
0
,
-3000px
,
0
)}
60
%
{
opacity
:
1
;
transform
:
translate3d
(
0
,
25px
,
0
)}
75
%
{
transform
:
translate3d
(
0
,
-10px
,
0
)}
90
%
{
transform
:
translate3d
(
0
,
5px
,
0
)}
to
{
transform
:
none
}}
.bounceInDown
{
animation-name
:
bounceInDown
}
@keyframes
bounceInLeft
{
0
%,
60
%,
75
%,
90
%,
to
{
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
transform
:
translate3d
(
-3000px
,
0
,
0
)}
60
%
{
opacity
:
1
;
transform
:
translate3d
(
25px
,
0
,
0
)}
75
%
{
transform
:
translate3d
(
-10px
,
0
,
0
)}
90
%
{
transform
:
translate3d
(
5px
,
0
,
0
)}
to
{
transform
:
none
}}
.bounceInLeft
{
animation-name
:
bounceInLeft
}
@keyframes
bounceInRight
{
0
%,
60
%,
75
%,
90
%,
to
{
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
transform
:
translate3d
(
3000px
,
0
,
0
)}
60
%
{
opacity
:
1
;
transform
:
translate3d
(
-25px
,
0
,
0
)}
75
%
{
transform
:
translate3d
(
10px
,
0
,
0
)}
90
%
{
transform
:
translate3d
(
-5px
,
0
,
0
)}
to
{
transform
:
none
}}
.bounceInRight
{
animation-name
:
bounceInRight
}
@keyframes
bounceInUp
{
0
%,
60
%,
75
%,
90
%,
to
{
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
transform
:
translate3d
(
0
,
3000px
,
0
)}
60
%
{
opacity
:
1
;
transform
:
translate3d
(
0
,
-20px
,
0
)}
75
%
{
transform
:
translate3d
(
0
,
10px
,
0
)}
90
%
{
transform
:
translate3d
(
0
,
-5px
,
0
)}
to
{
transform
:
translateZ
(
0
)}}
.bounceInUp
{
animation-name
:
bounceInUp
}
@keyframes
bounceOut
{
20
%
{
transform
:
scale3d
(
.9
,
.9
,
.9
)}
50
%,
55
%
{
opacity
:
1
;
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)}
to
{
opacity
:
0
;
transform
:
scale3d
(
.3
,
.3
,
.3
)}}
.bounceOut
{
animation-name
:
bounceOut
}
@keyframes
bounceOutDown
{
20
%
{
transform
:
translate3d
(
0
,
10px
,
0
)}
40
%,
45
%
{
opacity
:
1
;
transform
:
translate3d
(
0
,
-20px
,
0
)}
to
{
opacity
:
0
;
transform
:
translate3d
(
0
,
2000px
,
0
)}}
.bounceOutDown
{
animation-name
:
bounceOutDown
}
@keyframes
bounceOutLeft
{
20
%
{
opacity
:
1
;
transform
:
translate3d
(
20px
,
0
,
0
)}
to
{
opacity
:
0
;
transform
:
translate3d
(
-2000px
,
0
,
0
)}}
.bounceOutLeft
{
animation-name
:
bounceOutLeft
}
@keyframes
bounceOutRight
{
20
%
{
opacity
:
1
;
transform
:
translate3d
(
-20px
,
0
,
0
)}
to
{
opacity
:
0
;
transform
:
translate3d
(
2000px
,
0
,
0
)}}
.bounceOutRight
{
animation-name
:
bounceOutRight
}
@keyframes
bounceOutUp
{
20
%
{
transform
:
translate3d
(
0
,
-10px
,
0
)}
40
%,
45
%
{
opacity
:
1
;
transform
:
translate3d
(
0
,
20px
,
0
)}
to
{
opacity
:
0
;
transform
:
translate3d
(
0
,
-2000px
,
0
)}}
.bounceOutUp
{
animation-name
:
bounceOutUp
}
@keyframes
fadeIn
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
.fadeIn
{
animation-name
:
fadeIn
}
@keyframes
fadeInDown
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
0
,
-100%
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInDown
{
animation-name
:
fadeInDown
}
@keyframes
fadeInDownBig
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
0
,
-2000px
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInDownBig
{
animation-name
:
fadeInDownBig
}
@keyframes
fadeInLeft
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
-100%
,
0
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInLeft
{
animation-name
:
fadeInLeft
}
@keyframes
fadeInLeftBig
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
-2000px
,
0
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInLeftBig
{
animation-name
:
fadeInLeftBig
}
@keyframes
fadeInRight
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
100%
,
0
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInRight
{
animation-name
:
fadeInRight
}
@keyframes
fadeInRightBig
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
2000px
,
0
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInRightBig
{
animation-name
:
fadeInRightBig
}
@keyframes
fadeInUp
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
0
,
100%
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInUp
{
animation-name
:
fadeInUp
}
@keyframes
fadeInUpBig
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
0
,
2000px
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInUpBig
{
animation-name
:
fadeInUpBig
}
@keyframes
fadeOut
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
}}
.fadeOut
{
animation-name
:
fadeOut
}
@keyframes
fadeOutDown
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
0
,
100%
,
0
)}}
.fadeOutDown
{
animation-name
:
fadeOutDown
}
@keyframes
fadeOutDownBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
0
,
2000px
,
0
)}}
.fadeOutDownBig
{
animation-name
:
fadeOutDownBig
}
@keyframes
fadeOutLeft
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
-100%
,
0
,
0
)}}
.fadeOutLeft
{
animation-name
:
fadeOutLeft
}
@keyframes
fadeOutLeftBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
-2000px
,
0
,
0
)}}
.fadeOutLeftBig
{
animation-name
:
fadeOutLeftBig
}
@keyframes
fadeOutRight
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
100%
,
0
,
0
)}}
.fadeOutRight
{
animation-name
:
fadeOutRight
}
@keyframes
fadeOutRightBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
2000px
,
0
,
0
)}}
.fadeOutRightBig
{
animation-name
:
fadeOutRightBig
}
@keyframes
fadeOutUp
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
0
,
-100%
,
0
)}}
.fadeOutUp
{
animation-name
:
fadeOutUp
}
@keyframes
fadeOutUpBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
0
,
-2000px
,
0
)}}
.fadeOutUpBig
{
animation-name
:
fadeOutUpBig
}
@keyframes
flip
{
0
%
{
transform
:
perspective
(
400px
)
rotateY
(
-1turn
)}
0
%,
40
%
{
animation-timing-function
:
ease-out
}
40
%
{
transform
:
perspective
(
400px
)
translateZ
(
150px
)
rotateY
(
-190deg
)}
50
%
{
transform
:
perspective
(
400px
)
translateZ
(
150px
)
rotateY
(
-170deg
)}
50
%,
80
%
{
animation-timing-function
:
ease-in
}
80
%
{
transform
:
perspective
(
400px
)
scale3d
(
.95
,
.95
,
.95
)}
to
{
transform
:
perspective
(
400px
);
animation-timing-function
:
ease-in
}}
.animated.flip
{
-webkit-backface-visibility
:
visible
;
backface-visibility
:
visible
;
animation-name
:
flip
}
@keyframes
flipInX
{
0
%
{
transform
:
perspective
(
400px
)
rotateX
(
90deg
);
opacity
:
0
}
0
%,
40
%
{
animation-timing-function
:
ease-in
}
40
%
{
transform
:
perspective
(
400px
)
rotateX
(
-20deg
)}
60
%
{
transform
:
perspective
(
400px
)
rotateX
(
10deg
);
opacity
:
1
}
80
%
{
transform
:
perspective
(
400px
)
rotateX
(
-5deg
)}
to
{
transform
:
perspective
(
400px
)}}
.flipInX
{
-webkit-backface-visibility
:
visible
!important
;
backface-visibility
:
visible
!important
;
animation-name
:
flipInX
}
.flipInY
,
.flipOutX
{
-webkit-backface-visibility
:
visible
!important
}
@keyframes
flipInY
{
0
%
{
transform
:
perspective
(
400px
)
rotateY
(
90deg
);
opacity
:
0
}
0
%,
40
%
{
animation-timing-function
:
ease-in
}
40
%
{
transform
:
perspective
(
400px
)
rotateY
(
-20deg
)}
60
%
{
transform
:
perspective
(
400px
)
rotateY
(
10deg
);
opacity
:
1
}
80
%
{
transform
:
perspective
(
400px
)
rotateY
(
-5deg
)}
to
{
transform
:
perspective
(
400px
)}}
.flipInY
{
backface-visibility
:
visible
!important
;
animation-name
:
flipInY
}
@keyframes
flipOutX
{
0
%
{
transform
:
perspective
(
400px
)}
30
%
{
transform
:
perspective
(
400px
)
rotateX
(
-20deg
);
opacity
:
1
}
to
{
transform
:
perspective
(
400px
)
rotateX
(
90deg
);
opacity
:
0
}}
.flipOutX
{
animation-name
:
flipOutX
;
backface-visibility
:
visible
!important
}
@keyframes
flipOutY
{
0
%
{
transform
:
perspective
(
400px
)}
30
%
{
transform
:
perspective
(
400px
)
rotateY
(
-15deg
);
opacity
:
1
}
to
{
transform
:
perspective
(
400px
)
rotateY
(
90deg
);
opacity
:
0
}}
.flipOutY
{
-webkit-backface-visibility
:
visible
!important
;
backface-visibility
:
visible
!important
;
animation-name
:
flipOutY
}
@keyframes
lightSpeedIn
{
0
%
{
transform
:
translate3d
(
100%
,
0
,
0
)
skewX
(
-30deg
);
opacity
:
0
}
60
%
{
transform
:
skewX
(
20deg
)}
60
%,
80
%
{
opacity
:
1
}
80
%
{
transform
:
skewX
(
-5deg
)}
to
{
transform
:
none
;
opacity
:
1
}}
.lightSpeedIn
{
animation-name
:
lightSpeedIn
;
animation-timing-function
:
ease-out
}
@keyframes
lightSpeedOut
{
0
%
{
opacity
:
1
}
to
{
transform
:
translate3d
(
100%
,
0
,
0
)
skewX
(
30deg
);
opacity
:
0
}}
.lightSpeedOut
{
animation-name
:
lightSpeedOut
;
animation-timing-function
:
ease-in
}
@keyframes
rotateIn
{
0
%
{
transform-origin
:
center
;
transform
:
rotate
(
-200deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
center
}
to
{
transform-origin
:
center
;
transform
:
none
;
opacity
:
1
}}
.rotateIn
{
animation-name
:
rotateIn
}
@keyframes
rotateInDownLeft
{
0
%
{
transform-origin
:
left
bottom
;
transform
:
rotate
(
-45deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
transform
:
none
;
opacity
:
1
}}
.rotateInDownLeft
{
animation-name
:
rotateInDownLeft
}
@keyframes
rotateInDownRight
{
0
%
{
transform-origin
:
right
bottom
;
transform
:
rotate
(
45deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
transform
:
none
;
opacity
:
1
}}
.rotateInDownRight
{
animation-name
:
rotateInDownRight
}
@keyframes
rotateInUpLeft
{
0
%
{
transform-origin
:
left
bottom
;
transform
:
rotate
(
45deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
transform
:
none
;
opacity
:
1
}}
.rotateInUpLeft
{
animation-name
:
rotateInUpLeft
}
@keyframes
rotateInUpRight
{
0
%
{
transform-origin
:
right
bottom
;
transform
:
rotate
(
-90deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
transform
:
none
;
opacity
:
1
}}
.rotateInUpRight
{
animation-name
:
rotateInUpRight
}
@keyframes
rotateOut
{
0
%
{
transform-origin
:
center
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
center
}
to
{
transform-origin
:
center
;
transform
:
rotate
(
200deg
);
opacity
:
0
}}
.rotateOut
{
animation-name
:
rotateOut
}
@keyframes
rotateOutDownLeft
{
0
%
{
transform-origin
:
left
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
transform
:
rotate
(
45deg
);
opacity
:
0
}}
.rotateOutDownLeft
{
animation-name
:
rotateOutDownLeft
}
@keyframes
rotateOutDownRight
{
0
%
{
transform-origin
:
right
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
transform
:
rotate
(
-45deg
);
opacity
:
0
}}
.rotateOutDownRight
{
animation-name
:
rotateOutDownRight
}
@keyframes
rotateOutUpLeft
{
0
%
{
transform-origin
:
left
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
transform
:
rotate
(
-45deg
);
opacity
:
0
}}
.rotateOutUpLeft
{
animation-name
:
rotateOutUpLeft
}
@keyframes
rotateOutUpRight
{
0
%
{
transform-origin
:
right
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
transform
:
rotate
(
90deg
);
opacity
:
0
}}
.rotateOutUpRight
{
animation-name
:
rotateOutUpRight
}
@keyframes
hinge
{
0
%
{
transform-origin
:
top
left
}
0
%,
20
%,
60
%
{
-webkit-transform-origin
:
top
left
;
animation-timing-function
:
ease-in-out
}
20
%,
60
%
{
transform
:
rotate
(
80deg
);
transform-origin
:
top
left
}
40
%,
80
%
{
transform
:
rotate
(
60deg
);
transform-origin
:
top
left
;
animation-timing-function
:
ease-in-out
;
opacity
:
1
}
to
{
transform
:
translate3d
(
0
,
700px
,
0
);
opacity
:
0
}}
.hinge
{
animation-name
:
hinge
}
@keyframes
rollIn
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
-100%
,
0
,
0
)
rotate
(
-120deg
)}
to
{
opacity
:
1
;
transform
:
none
}}
.rollIn
{
animation-name
:
rollIn
}
@keyframes
rollOut
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
100%
,
0
,
0
)
rotate
(
120deg
)}}
.rollOut
{
animation-name
:
rollOut
}
@keyframes
zoomIn
{
0
%
{
opacity
:
0
;
transform
:
scale3d
(
.3
,
.3
,
.3
)}
50
%
{
opacity
:
1
}}
.zoomIn
{
animation-name
:
zoomIn
}
@keyframes
zoomInDown
{
0
%
{
opacity
:
0
;
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
-1000px
,
0
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
60px
,
0
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomInDown
{
animation-name
:
zoomInDown
}
@keyframes
zoomInLeft
{
0
%
{
opacity
:
0
;
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
-1000px
,
0
,
0
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
10px
,
0
,
0
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomInLeft
{
animation-name
:
zoomInLeft
}
@keyframes
zoomInRight
{
0
%
{
opacity
:
0
;
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
1000px
,
0
,
0
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
-10px
,
0
,
0
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomInRight
{
animation-name
:
zoomInRight
}
@keyframes
zoomInUp
{
0
%
{
opacity
:
0
;
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
1000px
,
0
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
-60px
,
0
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomInUp
{
animation-name
:
zoomInUp
}
@keyframes
zoomOut
{
0
%
{
opacity
:
1
}
50
%
{
transform
:
scale3d
(
.3
,
.3
,
.3
)}
50
%,
to
{
opacity
:
0
}}
.zoomOut
{
animation-name
:
zoomOut
}
@keyframes
zoomOutDown
{
40
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
-60px
,
0
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
to
{
opacity
:
0
;
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
2000px
,
0
);
transform-origin
:
center
bottom
;
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomOutDown
{
animation-name
:
zoomOutDown
}
@keyframes
zoomOutLeft
{
40
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
42px
,
0
,
0
)}
to
{
opacity
:
0
;
transform
:
scale
(
.1
)
translate3d
(
-2000px
,
0
,
0
);
transform-origin
:
left
center
}}
.zoomOutLeft
{
animation-name
:
zoomOutLeft
}
@keyframes
zoomOutRight
{
40
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
-42px
,
0
,
0
)}
to
{
opacity
:
0
;
transform
:
scale
(
.1
)
translate3d
(
2000px
,
0
,
0
);
transform-origin
:
right
center
}}
.zoomOutRight
{
animation-name
:
zoomOutRight
}
@keyframes
zoomOutUp
{
40
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
60px
,
0
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
to
{
opacity
:
0
;
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
-2000px
,
0
);
transform-origin
:
center
bottom
;
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomOutUp
{
animation-name
:
zoomOutUp
}
@keyframes
slideInDown
{
0
%
{
transform
:
translate3d
(
0
,
-100%
,
0
);
visibility
:
visible
}
to
{
transform
:
translateZ
(
0
)}}
.slideInDown
{
animation-name
:
slideInDown
}
@keyframes
slideInLeft
{
0
%
{
transform
:
translate3d
(
-100%
,
0
,
0
);
visibility
:
visible
}
to
{
transform
:
translateZ
(
0
)}}
.slideInLeft
{
animation-name
:
slideInLeft
}
@keyframes
slideInRight
{
0
%
{
transform
:
translate3d
(
100%
,
0
,
0
);
visibility
:
visible
}
to
{
transform
:
translateZ
(
0
)}}
.slideInRight
{
animation-name
:
slideInRight
}
@keyframes
slideInUp
{
0
%
{
transform
:
translate3d
(
0
,
100%
,
0
);
visibility
:
visible
}
to
{
transform
:
translateZ
(
0
)}}
.slideInUp
{
animation-name
:
slideInUp
}
@keyframes
slideOutDown
{
0
%
{
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
transform
:
translate3d
(
0
,
100%
,
0
)}}
.slideOutDown
{
animation-name
:
slideOutDown
}
@keyframes
slideOutLeft
{
0
%
{
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
transform
:
translate3d
(
-100%
,
0
,
0
)}}
.slideOutLeft
{
animation-name
:
slideOutLeft
}
@keyframes
slideOutRight
{
0
%
{
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
transform
:
translate3d
(
100%
,
0
,
0
)}}
.slideOutRight
{
animation-name
:
slideOutRight
}
@keyframes
slideOutUp
{
0
%
{
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
transform
:
translate3d
(
0
,
-100%
,
0
)}}
.slideOutUp
{
animation-name
:
slideOutUp
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
.wave-path1
{
fill
:
url(#wave-gradient1)
}
.wave-path2
{
fill
:
url(#wave-gradient2)
}
.wave-path3
{
fill
:
url(#wave-gradient3)
}
@keyframes
breath
{
0
%,
to
{
width
:
5px
;
height
:
5px
;
top
:
5px
;
left
:
5px
;
opacity
:
1
}
50
%
{
width
:
15px
;
height
:
15px
;
top
:
0
;
left
:
0
;
opacity
:
0
}}
.wave-keywords-link
{
text-decoration
:
none
;
display
:
inline-block
;
position
:
relative
;
z-index
:
100
;
cursor
:
pointer
}
.wave-keywords-link
.wave-circle-icon
{
display
:
inline-block
;
width
:
15px
;
height
:
15px
;
position
:
relative
;
vertical-align
:
middle
}
.wave-keywords-link
.wave-circle-icon-big
{
display
:
inline-block
;
position
:
absolute
;
background
:
#1ca4fc
;
border-radius
:
50%
;
animation
:
breath
2s
ease
.1s
infinite
}
.wave-keywords-link
.wave-circle-icon-small
{
position
:
absolute
;
top
:
5px
;
left
:
5px
;
display
:
inline-block
;
width
:
5px
;
height
:
5px
;
background
:
#1ca4fc
;
border-radius
:
50%
;
opacity
:
1
}
.wave-keywords-link
.wave-keywords-text
{
position
:
absolute
;
top
:
15px
;
left
:
0
;
display
:
inline-block
;
white-space
:
nowrap
;
line-height
:
20px
;
font-size
:
12px
;
color
:
#1ca4fc
;
margin-left
:
7px
;
-ms-transform
:
translate
(
-50%
);
transform
:
translate
(
-50%
)}
.wave-svg-s1
svg
,
.wave-svg-s2
svg
,
.wave-svg-s3
svg
,
.wave-svg-s4
svg
,
.wave-svg-s5
svg
,
.wave-svg-s6
svg
{
display
:
block
}
@keyframes
wavemove
{
0
%
{
left
:
0
}
to
{
left
:
100%
}}
@keyframes
wavemoveMirror
{
0
%
{
left
:
-100%
}
to
{
left
:
0
}}
.animate-wave-container
{
position
:
fixed
;
left
:
0
;
bottom
:
0
;
width
:
1920px
;
height
:
175px
}
.wave-svg-s1
,
.wave-svg-s2
,
.wave-svg-s3
{
transform
:
translateZ
(
0
);
-webkit-transform
:
translateZ
(
0
);
-moz-transform
:
translateZ
(
0
);
position
:
absolute
;
top
:
0
;
left
:
0
}
.wave-svg-s4
,
.wave-svg-s5
,
.wave-svg-s6
{
transform
:
translateZ
(
0
);
-webkit-transform
:
translateZ
(
0
);
-moz-transform
:
translateZ
(
0
);
position
:
absolute
;
top
:
0
;
left
:
-100%
}
.wave-svg-s1
{
z-index
:
10
;
animation
:
wavemove
40s
linear
.1s
infinite
;
-webkit-animation
:
wavemove
40s
linear
.1s
infinite
;
-moz-animation
:
wavemove
40s
linear
.1s
infinite
}
.wave-svg-s2
{
z-index
:
9
;
animation
:
wavemove
32s
linear
.1s
infinite
;
-webkit-animation
:
wavemove
32s
linear
.1s
infinite
;
-moz-animation
:
wavemove
32s
linear
.1s
infinite
}
.wave-svg-s3
{
z-index
:
8
;
animation
:
wavemove
28s
linear
.1s
infinite
;
-webkit-animation
:
wavemove
28s
linear
.1s
infinite
;
-moz-animation
:
wavemove
28s
linear
.1s
infinite
}
.wave-svg-s4
{
z-index
:
10
;
animation
:
wavemoveMirror
40s
linear
.1s
infinite
;
-webkit-animation
:
wavemoveMirror
40s
linear
.1s
infinite
;
-moz-animation
:
wavemoveMirror
40s
linear
.1s
infinite
}
.wave-svg-s5
{
z-index
:
9
;
animation
:
wavemoveMirror
32s
linear
.1s
infinite
;
-webkit-animation
:
wavemoveMirror
32s
linear
.1s
infinite
;
-moz-animation
:
wavemoveMirror
32s
linear
.1s
infinite
}
.wave-svg-s6
{
z-index
:
8
;
animation
:
wavemoveMirror
28s
linear
.1s
infinite
;
-webkit-animation
:
wavemoveMirror
28s
linear
.1s
infinite
;
-moz-animation
:
wavemoveMirror
28s
linear
.1s
infinite
}
.wave-link-s1
,
.wave-link-s2
,
.wave-link-s3
{
left
:
0
}
.wave-link-s1
,
.wave-link-s2
,
.wave-link-s3
,
.wave-link-s4
,
.wave-link-s5
,
.wave-link-s6
{
transform
:
translateZ
(
0
);
-webkit-transform
:
translateZ
(
0
);
-moz-transform
:
translateZ
(
0
);
position
:
absolute
;
width
:
100%
;
z-index
:
100
;
top
:
0
}
.wave-link-s4
,
.wave-link-s5
,
.wave-link-s6
{
left
:
-100%
}
.wave-link-s1
{
animation
:
wavemove
40s
linear
.1s
infinite
;
-webkit-animation
:
wavemove
40s
linear
.1s
infinite
;
-moz-animation
:
wavemove
40s
linear
.1s
infinite
}
.wave-link-s2
{
animation
:
wavemove
32s
linear
.1s
infinite
;
-webkit-animation
:
wavemove
32s
linear
.1s
infinite
;
-moz-animation
:
wavemove
32s
linear
.1s
infinite
}
.wave-link-s3
{
animation
:
wavemove
28s
linear
.1s
infinite
;
-webkit-animation
:
wavemove
28s
linear
.1s
infinite
;
-moz-animation
:
wavemove
28s
linear
.1s
infinite
}
.wave-link-s4
{
animation
:
wavemoveMirror
40s
linear
.1s
infinite
;
-webkit-animation
:
wavemoveMirror
40s
linear
.1s
infinite
;
-moz-animation
:
wavemoveMirror
40s
linear
.1s
infinite
}
.wave-link-s5
{
animation
:
wavemoveMirror
32s
linear
.1s
infinite
;
-webkit-animation
:
wavemoveMirror
32s
linear
.1s
infinite
;
-moz-animation
:
wavemoveMirror
32s
linear
.1s
infinite
}
.wave-link-s6
{
animation
:
wavemoveMirror
28s
linear
.1s
infinite
;
-webkit-animation
:
wavemoveMirror
28s
linear
.1s
infinite
;
-moz-animation
:
wavemoveMirror
28s
linear
.1s
infinite
}
.animate-wave-container-hover
.wave-link-s1
,
.animate-wave-container-hover
.wave-link-s2
,
.animate-wave-container-hover
.wave-link-s3
,
.animate-wave-container-hover
.wave-link-s4
,
.animate-wave-container-hover
.wave-link-s5
,
.animate-wave-container-hover
.wave-link-s6
,
.animate-wave-container-hover
.wave-svg-s1
,
.animate-wave-container-hover
.wave-svg-s2
,
.animate-wave-container-hover
.wave-svg-s3
,
.animate-wave-container-hover
.wave-svg-s4
,
.animate-wave-container-hover
.wave-svg-s5
,
.animate-wave-container-hover
.wave-svg-s6
{
animation-play-state
:
paused
;
-webkit-animation-play-state
:
paused
}
\ No newline at end of file
var
{
font-style
:
normal
}
.el-tabs__content
{
background
:
rgba
(
250
,
250
,
250
,
1
)}
.row01
,
.row02
,
.row03
{
width
:
100%
;
position
:
relative
;
background-color
:
#fff
;
color
:
#000
}
.row01
{
height
:
100%
}
.row03
{
height
:
625px
}
.bycdirectsearch
{
width
:
735px
;
margin-bottom
:
10px
}
.search-bottom
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
width
:
100%
;
height
:
40px
;
background
:
rgba
(
15
,
142
,
233
,
.1
)}
.search-navArr
{
position
:
absolute
;
top
:
40px
;
right
:
0
}
.search-navArr
>
div
{
display
:
inline-block
;
margin-left
:
50px
;
width
:
120px
;
height
:
40px
;
line-height
:
40px
;
text-align
:
center
;
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
);
cursor
:
pointer
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
;
font-weight
:
500
;
color
:
rgba
(
15
,
142
,
233
,
1
);
letter-spacing
:
1px
}
.image
{
text-align
:
center
;
width
:
800px
;
height
:
auto
;
margin
:
2%
auto
0
;
padding-top
:
60px
;
position
:
absolute
;
font-size
:
52px
;
top
:
0
;
left
:
0
;
bottom
:
0
;
right
:
0
;
background
:
url(/imgs/ditu.png)
top
no-repeat
}
.search-text
{
width
:
213px
;
font-size
:
40px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
51
,
51
,
51
,
1
);
letter-spacing
:
3px
}
#scollmain
{
height
::
auto
!important
}
@font-face
{
font-family
:
iconfont
;
src
:
url(//at.alicdn.com/t/font_895180_fad61og1ra.eot)
;
src
:
url(//at.alicdn.com/t/font_895180_fad61og1ra.eot?#iefix)
format
(
'embedded-opentype'
),
url(//at.alicdn.com/t/font_895180_fad61og1ra.woff)
format
(
'woff'
),
url(//at.alicdn.com/t/font_895180_fad61og1ra.ttf)
format
(
'truetype'
),
url(//at.alicdn.com/t/font_895180_fad61og1ra.svg#iconfont)
format
(
'svg'
)}
.iconfont
{
font-family
:
iconfont
!important
;
font-size
:
16px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-webkit-text-stroke-width
:
.2px
;
-moz-osx-font-smoothing
:
grayscale
}
.leibie-btn
{
background
:
#fff
!important
;
width
:
100px
;
padding-right
:
35px
;
border-right
:
1px
solid
#dedfe4
!important
}
.leibie-btn
.cqtm-down
{
font-size
:
1.4rem
;
line-height
:
16px
;
position
:
absolute
;
height
:
30px
;
padding-right
:
5px
}
.cqtm-cam
{
line-height
:
40px
;
padding-right
:
18px
;
font-size
:
1.6rem
}
.search-btn
{
margin
:
0
;
width
:
100px
;
color
:
#fff
!important
;
border
:
1px
solid
#108EE9
!important
;
background
:
#e1e1e1
!important
;
border-radius
:
0
!important
}
.footer
.row1
{
margin-bottom
:
10px
}
.footer
span
{
color
:
#828282
;
font-size
:
16px
}
.el-checkbox__label
{
line-height
:
25px
!important
;
color
:
#828282
}
.search-warp-row01
{
width
:
1200px
;
height
:
auto
;
padding
:
20px
0
;
position
:
relative
;
color
:
#000
;
margin
:
0
auto
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
)}
.search-btn1
,
.search-input
.search-btn
{
background
:
#108EE9
!important
}
.el-input-group__append
,
.search-btn2
{
border-right
:
none
!important
}
.search-warp-row01
.search-input
{
text-align
:
center
;
width
:
600px
;
height
:
120px
;
margin
:
auto
;
top
:
0
;
left
:
0
;
bottom
:
0
;
right
:
0
}
.bycdirectsearch
.el-tabs__nav
{
margin-top
:
20px
}
.el-tabs__item
{
border-bottom
:
none
!important
;
padding
:
0
16px
!important
}
.el-tabs__item.is-active
{
color
:
#108EE9
!important
}
.el-tabs__nav-wrap
::after
{
content
:
unset
!important
}
.el-tabs__active-bar
{
width
:
0
!important
}
.el-tabs__header
{
margin
:
0
!important
}
.el-tabs__nav-scroll
{
margin-top
:
10px
}
.search-input
{
width
:
1200px
;
margin
:
0
auto
;
position
:
relative
}
.search-input
.input-input
input
{
border
:
none
!important
;
color
:
#2F2F2F
!important
}
.search-input
.input-input
input
::-webkit-input-placeholder
{
color
:
#828282
;
font-size
:
12px
}
.search-input
.leibie-btn
{
margin
:
0
;
border-left
:
1px
solid
#dedfe4
!important
}
.search-btn1
,
.search-btn2
{
color
:
#fff
;
width
:
100px
;
margin-left
:
20px
!important
;
border-radius
:
0
!important
}
.search-input
.search-btn
{
color
:
#fff
}
.search-btn2
{
background
:
#AB97D3
!important
;
border-bottom
:
1px
solid
#e1e1e1
!important
}
.selected-warp
{
width
:
1130px
;
color
:
#000
;
margin
:
auto
auto
15px
;
text-align
:
left
}
.falv-warp
,
.nianfen-warp
{
margin-top
:
10px
;
text-align
:
left
}
.selected-warp
span
{
font-size
:
14px
;
color
:
#2F2F2F
;
text-align
:
left
;
position
:
relative
}
.selected-warp
.item-text
{
margin-left
:
20px
;
width
:
auto
;
font-size
:
10px
;
height
:
24px
;
line-height
:
24px
;
border-radius
:
0
;
border
:
1px
solid
#108EE9
;
color
:
#108EE9
}
.falv-warp
.item
var
,
.falv-warp
span
,
.item-result-zzc
,
.nianfen-warp
.item
var
,
.nianfen-warp
span
,
.shenqing-warp
span
{
font-size
:
14px
}
.falv-warp
div
,
.nianfen-warp
div
,
.shenqing-warp
div
{
border-bottom
:
none
!important
}
.item-result
{
width
:
100%
}
.item-result-img
{
position
:
relative
;
height
:
180px
;
padding-top
:
30px
;
box-sizing
:
border-box
}
.item-result-zzc
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background
:
rgba
(
0
,
0
,
0
,
.7
);
border-radius
:
2px
;
color
:
#fff
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
;
padding
:
40px
0
;
box-sizing
:
border-box
}
.falv-warp
.item
,
.shenqing-warp
.item
,
.shenqing-warp
.item1
,
.shenqing-warp
.item2
{
font-weight
:
100
;
display
:
block
}
.item-result-zzc
>
div
{
line-height
:
32px
}
.shenqing-warp
{
text-align
:
left
;
margin-bottom
:
6px
}
.shenqing-warp
.item
{
margin-right
:
20px
;
width
:
170px
}
.shenqing-warp
.item1
{
margin-right
:
20px
;
width
:
125px
}
.shenqing-warp
.item2
{
margin-right
:
35px
;
margin-bottom
:
5px
;
width
:
120px
}
.shenqing-warp
.item
var
{
font-size
:
14px
;
font-family
:
PingFangSC-Regular
;
font-style
:
normal
}
.shenqing-warp
.row2
{
margin-left
:
94px
}
.shenqing-warp
.row3
{
margin-left
:
1px
}
.falv-warp
{
margin-bottom
:
5px
!important
}
.falv-warp
.item
{
margin-right
:
20px
;
width
:
auto
}
.falv-warp
.item
var
{
font-family
:
PingFangSC-Regular
;
font-style
:
normal
}
.falv-warp
.row2
{
margin-left
:
95px
}
.nianfen-warp
.item
{
display
:
block
;
margin-right
:
20px
;
font-weight
:
100
;
width
:
70px
}
.nianfen-warp
.item1
,
.nianfen-warp
.itemsqr
{
display
:
inline-block
;
margin-right
:
20px
;
font-weight
:
100
}
.nianfen-warp
.item1
{
width
:
100px
}
.img-compare-warp
span
,
.img-total-warp
.item-text
,
.result-warp-zw
>
div
{
font-family
:
PingFangSC-Regular
;
font-weight
:
400
}
.nianfen-warp
.item
var
{
font-family
:
PingFangSC-Regular
;
font-style
:
normal
}
.nianfen-warp
.row2
{
margin-left
:
94px
}
.total-warp
{
width
:
1200px
;
color
:
#000
;
margin
:
7px
auto
}
.total-warp
div
{
float
:
left
;
width
:
85%
;
height
:
40px
;
text-align
:
left
;
line-height
:
45px
;
font-size
:
16px
}
.total-warp
.daochu-text
{
color
:
#108EE9
;
font-size
:
16px
;
display
:
block
;
padding-top
:
22px
;
cursor
:
pointer
}
.result-warp2
,
.result-warp3
{
width
:
1200px
;
height
:
auto
;
color
:
#000
;
margin
:
auto
;
text-align
:
left
;
box-shadow
:
0
0
4px
4px
rgba
(
0
,
0
,
0
,
.02
)}
.result-warp2
{
background
:
#f0f0f0
!important
;
border-radius
:
8px
}
.result-warp3
{
background
:
#fff
!important
}
.result-warp3
.el-dialog__body
{
padding
:
10px
0
0
!important
}
.result-warp3
.el-dialog
{
max-width
:
949px
;
max-height
:
681px
;
background-color
:
#F3F5FD
}
.brand-detail-table
{
width
:
100%
;
border-collapse
:
collapse
}
.brand-detail-table
td
{
height
:
48px
;
background
:
#fff
;
border
:
1px
solid
#d8d8d8
}
.td-title
{
width
:
400px
;
text-align
:
center
;
color
:
#828282
;
background-color
:
#f1f8fe
!important
}
.brand-detail-table
td
.td-content
{
width
:
200px
;
text-align
:
left
;
padding-left
:
17px
;
color
:
#38404B
}
.brand-detail-table
td
.item-spec
{
width
:
500px
;
font-size
:
14px
;
color
:
#108EE9
}
.innner-table
.row01
{
height
:
10px
!important
}
.innner-table
.row01
td
{
border
:
none
!important
;
width
:
365px
;
border-bottom
:
1px
solid
#d8d8d8
!important
}
.innner-table
.row02
td
{
width
:
365px
;
background
:
#fff
!important
;
border
:
none
!important
}
.innner-table
.row01
td
:first-child
,
.innner-table
.row02
td
:first-child
{
width
:
365px
;
border-right
:
1px
solid
#d8d8d8
!important
}
.result-warp
,
.result-warp-zw
{
width
:
1200px
;
height
:
auto
;
color
:
#000
;
margin
:
auto
;
border-radius
:
8px
}
.result-warp
{
background
:
#f0f0f0
!important
;
box-shadow
:
0
0
4px
4px
rgba
(
0
,
0
,
0
,
.02
)}
.result-warp-zw
{
text-align
:
center
;
padding-top
:
80px
;
box-sizing
:
border-box
;
background-color
:
#fff
}
.result-warp-zw
>
div
{
width
:
416px
;
height
:
44px
;
margin
:
0
auto
;
font-size
:
16px
;
color
:
rgba
(
130
,
130
,
130
,
1
)}
.result-warp
.item-left
{
float
:
left
;
height
:
auto
}
.result-warp
.item-left
.line-bottom
{
width
:
1156px
;
border-bottom
:
1px
solid
#f5f5f5
;
margin-left
:
22px
;
padding-top
:
10px
}
.result-warp
.item-left
.item
{
width
:
1200px
;
height
:
149px
;
background
:
rgba
(
255
,
255
,
255
,
1
)
!important
;
z-index
:
4
}
.result-warp
.item-left
.item
.item-img-warp
{
float
:
left
;
width
:
158px
;
height
:
auto
;
text-align
:
center
;
margin-left
:
20px
;
margin-top
:
30px
;
overflow
:
hidden
;
border
:
1px
solid
#eee
}
.result-warp
.item-left
.item
.item-text-warp
{
float
:
left
;
width
:
1000px
;
height
:
130px
;
margin-top
:
25px
;
overflow
:
hidden
}
.result-warp
.item-left
.item
.item-text-warp
.title
{
width
:
600px
;
height
:
20px
;
margin-left
:
20px
;
text-align
:
left
}
.result-warp
.item-left
.item
.item-text-warp
.columns
{
float
:
left
;
width
:
330px
;
margin
:
1px
}
.result-warp
.item-left
.item
.item-text-warp
.columns
ul
{
list-style
:
none
;
padding
:
0
;
margin-top
:
1px
;
margin-left
:
20px
;
font-size
:
14px
;
text-align
:
left
}
.result-warp
.item-left
.item
.item-text-warp
.columns
ul
li
{
padding
:
5px
0
}
.result-warp
.item-left
.item
.item-text-warp
.columns
label
{
color
:
#828282
}
.result-warp
.item-left
.item
.item-text-warp
.columns
span
{
color
:
#2F2F2F
}
.result-warp
.item-left
.item
.item-text-warp
.columns
.spec
{
color
:
#108EE9
}
.result-warp
.item-left
.item
.item-text-warp
.columns
a
{
text-decoration
:
none
;
color
:
#2F2F2F
!important
}
.result-warp
.item-left
ul
li
:first-child
.line-bottom
{
border
:
none
}
.result-warp
.item-left
.item
.item-text-warp
.title
a
{
text-decoration
:
none
;
color
:
#38404B
}
.footer-row
,
.footer-row2
{
background-color
:
#fff
;
color
:
#333
}
.result-warp
.item-left
.item
.item-img
{
width
:
156px
;
height
:
96px
}
.result-warp
.item-right
{
float
:
left
;
position
:
absolute
;
width
:
148px
;
height
:
800px
;
border
:
1px
solid
#eee
;
margin-left
:
1051px
;
z-index
:
888
;
margin-top
:
32px
}
.el-collapse
{
border-top
:
none
!important
;
border-bottom
:
none
!important
}
.footer-row
{
margin-bottom
:
20px
;
width
:
1200px
;
height
:
80px
!important
}
.footer-row2
{
margin-top
:
20px
;
height
:
50px
!important
}
.footer-row
.line-bottom-02
{
width
:
1156px
;
border-bottom
:
1px
solid
#f5f5f5
;
padding-top
:
10px
}
.footer-row
.el-pagination
{
padding-top
:
20px
;
padding-bottom
:
20px
}
.zhuce-warp
{
width
:
1130px
;
color
:
#000
;
height
:
100%
;
margin
:
auto
;
text-align
:
left
}
.zhuce-warp
.item-text
{
font-size
:
13px
;
color
:
#108EE9
;
line-height
:
45px
}
.zhuce-warp
.item-li
{
float
:
left
;
width
:
86px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
height
:
24px
;
background
:
rgba
(
245
,
245
,
245
,
1
);
padding-left
:
10px
;
margin-right
:
24px
;
padding-right
:
10px
;
padding-bottom
:
3px
;
margin-bottom
:
13px
;
font-style
:
12px
}
.zhuce-warp
.item-li
el-button
{
color
:
#828282
}
.img-total-warp
{
width
:
1200px
;
margin
:
auto
;
padding-bottom
:
20px
;
text-align
:
left
}
.img-total-warp
.item-text
{
display
:
block
;
margin-top
:
25px
;
font-size
:
14px
;
color
:
rgba
(
130
,
130
,
130
,
1
)}
.img-total-warp
.item-text
var
{
color
:
#108EE9
;
font-style
:
normal
}
.img-total-warp
.el-row
{
height
:
auto
;
box-shadow
:
0
0
4px
4px
rgba
(
0
,
0
,
0
,
.02
);
border-radius
:
8px
;
width
:
100%
;
padding
:
20px
;
margin-bottom
:
20px
}
.img-total-warp
.el-card
{
margin-right
:
18px
;
margin-bottom
:
18px
;
border-radius
:
0
!important
;
cursor
:
pointer
}
.img-review
{
position
:
absolute
;
top
:
4px
;
left
:
5px
;
background
:
#dbe6ec
}
.img-review
.el-tag
{
border
:
none
!important
;
border-radius
:
0
!important
;
color
:
#828282
;
font-size
:
12px
}
.img-review
.item-img
{
height
:
16px
;
width
:
16px
;
top
:
4px
;
position
:
relative
}
.el-tag
.el-icon-close
{
top
:
-1px
!important
}
.img-compare-warp
{
position
:
fixed
;
right
:
20px
;
top
:
320px
;
width
:
180px
;
height
:
220px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
0
0
4px
4px
rgba
(
16
,
142
,
233
,
.1
);
border-radius
:
2px
;
border
:
1px
solid
rgba
(
16
,
142
,
233
,
1
)}
.img-compare-warp
.item-img
{
width
:
170px
;
height
:
170px
;
padding-left
:
5px
;
padding-top
:
6px
}
.img-compare-warp
span
{
width
:
64px
;
height
:
16px
;
font-size
:
16px
;
color
:
rgba
(
56
,
64
,
75
,
1
);
line-height
:
16px
;
text-align
:
center
;
display
:
block
;
position
:
absolute
;
left
:
30%
;
top
:
185px
}
.shangpin-warp
{
width
:
1000px
;
margin
:
auto
}
.shangpin-warp
.brand-detail-table
.td-title
{
background
:
#f1f8fe
!important
;
border-right
:
1px
solid
#f1f8fe
!important
;
border-left
:
0
solid
#f1f8fe
!important
;
height
:
56px
}
.shangpin-warp
.brand-detail-table
td
{
border
:
1px
solid
#f1f8fe
!important
;
height
:
56px
;
border-left
:
1px
solid
#fff
!important
;
border-right
:
0
solid
#fff
!important
}
.biaoyan-logo
{
width
:
110px
;
float
:
left
;
margin-right
:
20px
;
font-size
:
28px
;
font-family
:
PingFangSC-Medium
;
font-weight
:
600
;
color
:
rgba
(
16
,
142
,
233
,
1
);
line-height
:
40px
;
cursor
:
pointer
;
margin-top
:
37px
}
.selected-list
,
.selected-list1
{
font-size
:
13px
;
padding-bottom
:
20px
;
background
:
#fff
;
z-index
:
999
;
text-align
:
left
;
position
:
absolute
}
.header-right-info
.el-tag
,
.header-right-info
.item-text
{
font-family
:
PingFangSC-Regular
;
line-height
:
20px
;
font-weight
:
400
}
.biaoyan-mini-logo
{
width
:
68px
;
height
:
22px
;
margin-top
:
9px
;
text-align
:
left
;
position
:
absolute
;
left
:
0
;
margin-left
:
32px
}
.selected-list1
{
width
:
600px
;
height
:
auto
;
border
:
1px
solid
#108EE9
;
border-radius
:
0
!important
;
top
:
82px
;
left
:
130px
}
.selected-list-warp
{
position
:
absolute
;
background
:
#fff
}
.selected-list
{
height
:
180px
;
width
:
auto
;
max-width
:
500px
;
border
:
1px
solid
#108EE9
;
border-radius
:
0
!important
;
min-width
:
500px
}
.selected-list-scroll
::-webkit-scrollbar
{
width
:
10px
;
height
:
0
}
.selected-list-scroll
::-webkit-scrollbar-thumb
{
border-radius
:
10px
;
-webkit-box-shadow
:
inset
0
0
5px
rgba
(
0
,
0
,
0
,
.2
);
background
:
#108EE9
}
.selected-list-scroll
::-webkit-scrollbar-track
{
-webkit-box-shadow
:
inset
0
0
5px
rgba
(
0
,
0
,
0
,
.2
);
border-radius
:
10px
;
background
:
#fff
}
.selected-list-scroll
{
height
:
150px
;
overflow-y
:
auto
;
position
:
absolute
;
z-index
:
999
;
width
:
480px
}
.selected-list-scroll
ul
{
list-style
:
none
;
padding
:
0
;
margin
:
0
;
text-align
:
left
;
position
:
absolute
}
.selected-list
el-checkbox
{
cursor
:
pointer
}
.bycquerytm
.el-checkbox
{
margin-left
:
20px
!important
}
.buttom-warp
{
width
:
200px
;
position
:
relative
;
left
:
360px
;
top
:
142px
;
right
:
0
}
.buttom-warp
.item
{
float
:
left
}
.buttom-warp
.item
button
{
width
:
39px
;
height
:
20px
;
background
:
rgba
(
16
,
142
,
233
,
1
);
border-radius
:
2px
;
margin-right
:
20px
;
margin-top
:
10px
;
border
:
none
;
color
:
#fff
}
.el-header
,
.header-right-info
.el-tag
{
background
:
#fff
!important
;
border
:
none
!important
}
.el-header
{
opacity
:
1
!important
}
.header-right-info
.item-text
{
font-size
:
14px
;
color
:
rgba
(
130
,
130
,
130
,
1
);
margin-left
:
20px
}
.header-right-info
.el-tag
{
font-size
:
14px
;
color
:
#108EE9
!important
}
.header-right-info
.item-button
{
width
:
39px
;
height
:
20px
;
background
:
rgba
(
16
,
142
,
233
,
1
);
border-radius
:
2px
;
margin-right
:
20px
;
margin-top
:
10px
;
border
:
none
;
color
:
#fff
}
.shangbiaojindu-warp
{
width
:
680px
;
height
:
100px
}
.shangbiaojindu-warp
.left-item
{
width
:
100px
;
float
:
left
}
.shangbiaojindu-warp
.left-item
.img-warp
{
width
:
100px
;
text-align
:
center
;
height
:
20px
}
.shangbiaojindu-warp
.left-item
.img-warp
.item-img
{
width
:
48px
;
height
:
48px
}
.shangbiaojindu-warp
.left-item
span
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
130
,
130
,
130
,
1
);
line-height
:
19px
}
.shangbiaojindu-warp
.right-item
table
{
width
:
500px
;
float
:
left
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
;
color
:
rgba
(
130
,
130
,
130
,
1
);
line-height
:
12px
;
border-collapse
:
collapse
}
.shangbiaojindu-warp
.right-item
table
td
{
height
:
34px
;
font-style
:
normal
;
color
:
#2F2F2F
}
.shangbiaojindu-warp
.right-item
table
td
var
{
font-style
:
normal
;
color
:
rgba
(
130
,
130
,
130
,
1
)}
.shangbiao-button-warp
{
width
:
100%
;
height
:
100px
;
display
:
flex
}
.shangbiao-button-warp
.item1
{
flex
:
1
}
.shangbiao-button-warp
.item
button
{
border
:
1px
solid
#108EE9
;
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
16
,
142
,
233
,
1
);
line-height
:
19px
;
height
:
30px
;
margin-right
:
109px
;
padding-left
:
18px
;
padding-right
:
10px
;
background-color
:
#fff
;
cursor
:
pointer
}
.el-input-group__prepend
,
.row03
.el-input-group--append
.el-input__inner
{
border
:
1px
solid
rgba
(
31
,
144
,
230
,
1
)
!important
}
.bycquerytm-nav
{
width
:
100%
;
font-size
:
14px
;
display
:
flex
;
margin-top
:
35px
;
margin-bottom
:
45px
}
.bycquerytm-nav-div
{
flex
:
1
;
color
:
#777
}
.bycquerytm-nav-div
>
span
{
color
:
#333
}
.animated
{
animation-duration
:
1s
;
animation-fill-mode
:
both
}
.animated.infinite
{
animation-iteration-count
:
infinite
}
.animated.hinge
{
animation-duration
:
2s
}
.animated.bounceIn
,
.animated.bounceOut
,
.animated.flipOutX
,
.animated.flipOutY
{
animation-duration
:
.75s
}
@keyframes
bounce
{
0
%,
20
%,
53
%,
80
%,
to
{
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
transform
:
translateZ
(
0
)}
40
%,
43
%
{
transform
:
translate3d
(
0
,
-30px
,
0
)}
40
%,
43
%,
70
%
{
animation-timing-function
:
cubic-bezier
(
.755
,
.05
,
.855
,
.06
)}
70
%
{
transform
:
translate3d
(
0
,
-15px
,
0
)}
90
%
{
transform
:
translate3d
(
0
,
-4px
,
0
)}}
.bounce
{
animation-name
:
bounce
;
-ms-transform-origin
:
center
bottom
;
transform-origin
:
center
bottom
}
@keyframes
flash
{
0
%,
50
%,
to
{
opacity
:
1
}
25
%,
75
%
{
opacity
:
0
}}
.flash
{
animation-name
:
flash
}
@keyframes
pulse
{
0
%,
to
{
transform
:
scaleX
(
1
)}
50
%
{
transform
:
scale3d
(
1.05
,
1.05
,
1.05
)}}
.pulse
{
animation-name
:
pulse
}
@keyframes
rubberBand
{
0
%,
to
{
transform
:
scaleX
(
1
)}
30
%
{
transform
:
scale3d
(
1.25
,
.75
,
1
)}
40
%
{
transform
:
scale3d
(
.75
,
1.25
,
1
)}
50
%
{
transform
:
scale3d
(
1.15
,
.85
,
1
)}
65
%
{
transform
:
scale3d
(
.95
,
1.05
,
1
)}
75
%
{
transform
:
scale3d
(
1.05
,
.95
,
1
)}}
.rubberBand
{
animation-name
:
rubberBand
}
@keyframes
shake
{
0
%,
to
{
transform
:
translateZ
(
0
)}
10
%,
30
%,
50
%,
70
%,
90
%
{
transform
:
translate3d
(
-10px
,
0
,
0
)}
20
%,
40
%,
60
%,
80
%
{
transform
:
translate3d
(
10px
,
0
,
0
)}}
.shake
{
animation-name
:
shake
}
@keyframes
headShake
{
0
%
{
transform
:
translateX
(
0
)}
6
.5
%
{
transform
:
translateX
(
-6px
)
rotateY
(
-9deg
)}
18
.5
%
{
transform
:
translateX
(
5px
)
rotateY
(
7deg
)}
31
.5
%
{
transform
:
translateX
(
-3px
)
rotateY
(
-5deg
)}
43
.5
%
{
transform
:
translateX
(
2px
)
rotateY
(
3deg
)}
50
%
{
transform
:
translateX
(
0
)}}
.headShake
{
animation-timing-function
:
ease-in-out
;
animation-name
:
headShake
}
@keyframes
swing
{
20
%
{
transform
:
rotate
(
15deg
)}
40
%
{
transform
:
rotate
(
-10deg
)}
60
%
{
transform
:
rotate
(
5deg
)}
80
%
{
transform
:
rotate
(
-5deg
)}
to
{
transform
:
rotate
(
0
)}}
.swing
{
-ms-transform-origin
:
top
center
;
transform-origin
:
top
center
;
animation-name
:
swing
}
@keyframes
tada
{
0
%,
to
{
transform
:
scaleX
(
1
)}
10
%,
20
%
{
transform
:
scale3d
(
.9
,
.9
,
.9
)
rotate
(
-3deg
)}
30
%,
50
%,
70
%,
90
%
{
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)
rotate
(
3deg
)}
40
%,
60
%,
80
%
{
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)
rotate
(
-3deg
)}}
.tada
{
animation-name
:
tada
}
@keyframes
wobble
{
0
%,
to
{
transform
:
none
}
15
%
{
transform
:
translate3d
(
-25%
,
0
,
0
)
rotate
(
-5deg
)}
30
%
{
transform
:
translate3d
(
20%
,
0
,
0
)
rotate
(
3deg
)}
45
%
{
transform
:
translate3d
(
-15%
,
0
,
0
)
rotate
(
-3deg
)}
60
%
{
transform
:
translate3d
(
10%
,
0
,
0
)
rotate
(
2deg
)}
75
%
{
transform
:
translate3d
(
-5%
,
0
,
0
)
rotate
(
-1deg
)}}
.wobble
{
animation-name
:
wobble
}
@keyframes
jello
{
0
%,
11
.1
%,
to
{
transform
:
none
}
22
.2
%
{
transform
:
skewX
(
-12.5deg
)
skewY
(
-12.5deg
)}
33
.3
%
{
transform
:
skewX
(
6.25deg
)
skewY
(
6.25deg
)}
44
.4
%
{
transform
:
skewX
(
-3.125deg
)
skewY
(
-3.125deg
)}
55
.5
%
{
transform
:
skewX
(
1.5625deg
)
skewY
(
1.5625deg
)}
66
.6
%
{
transform
:
skewX
(
-.78125deg
)
skewY
(
-.78125deg
)}
77
.7
%
{
transform
:
skewX
(
.390625deg
)
skewY
(
.390625deg
)}
88
.8
%
{
transform
:
skewX
(
-.1953125deg
)
skewY
(
-.1953125deg
)}}
.jello
{
animation-name
:
jello
;
-ms-transform-origin
:
center
;
transform-origin
:
center
}
@keyframes
bounceIn
{
0
%,
20
%,
40
%,
60
%,
80
%,
to
{
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
transform
:
scale3d
(
.3
,
.3
,
.3
)}
20
%
{
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)}
40
%
{
transform
:
scale3d
(
.9
,
.9
,
.9
)}
60
%
{
opacity
:
1
;
transform
:
scale3d
(
1.03
,
1.03
,
1.03
)}
80
%
{
transform
:
scale3d
(
.97
,
.97
,
.97
)}
to
{
opacity
:
1
;
transform
:
scaleX
(
1
)}}
.bounceIn
{
animation-name
:
bounceIn
}
@keyframes
bounceInDown
{
0
%,
60
%,
75
%,
90
%,
to
{
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
transform
:
translate3d
(
0
,
-3000px
,
0
)}
60
%
{
opacity
:
1
;
transform
:
translate3d
(
0
,
25px
,
0
)}
75
%
{
transform
:
translate3d
(
0
,
-10px
,
0
)}
90
%
{
transform
:
translate3d
(
0
,
5px
,
0
)}
to
{
transform
:
none
}}
.bounceInDown
{
animation-name
:
bounceInDown
}
@keyframes
bounceInLeft
{
0
%,
60
%,
75
%,
90
%,
to
{
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
transform
:
translate3d
(
-3000px
,
0
,
0
)}
60
%
{
opacity
:
1
;
transform
:
translate3d
(
25px
,
0
,
0
)}
75
%
{
transform
:
translate3d
(
-10px
,
0
,
0
)}
90
%
{
transform
:
translate3d
(
5px
,
0
,
0
)}
to
{
transform
:
none
}}
.bounceInLeft
{
animation-name
:
bounceInLeft
}
@keyframes
bounceInRight
{
0
%,
60
%,
75
%,
90
%,
to
{
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
transform
:
translate3d
(
3000px
,
0
,
0
)}
60
%
{
opacity
:
1
;
transform
:
translate3d
(
-25px
,
0
,
0
)}
75
%
{
transform
:
translate3d
(
10px
,
0
,
0
)}
90
%
{
transform
:
translate3d
(
-5px
,
0
,
0
)}
to
{
transform
:
none
}}
.bounceInRight
{
animation-name
:
bounceInRight
}
@keyframes
bounceInUp
{
0
%,
60
%,
75
%,
90
%,
to
{
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
transform
:
translate3d
(
0
,
3000px
,
0
)}
60
%
{
opacity
:
1
;
transform
:
translate3d
(
0
,
-20px
,
0
)}
75
%
{
transform
:
translate3d
(
0
,
10px
,
0
)}
90
%
{
transform
:
translate3d
(
0
,
-5px
,
0
)}
to
{
transform
:
translateZ
(
0
)}}
.bounceInUp
{
animation-name
:
bounceInUp
}
@keyframes
bounceOut
{
20
%
{
transform
:
scale3d
(
.9
,
.9
,
.9
)}
50
%,
55
%
{
opacity
:
1
;
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)}
to
{
opacity
:
0
;
transform
:
scale3d
(
.3
,
.3
,
.3
)}}
.bounceOut
{
animation-name
:
bounceOut
}
@keyframes
bounceOutDown
{
20
%
{
transform
:
translate3d
(
0
,
10px
,
0
)}
40
%,
45
%
{
opacity
:
1
;
transform
:
translate3d
(
0
,
-20px
,
0
)}
to
{
opacity
:
0
;
transform
:
translate3d
(
0
,
2000px
,
0
)}}
.bounceOutDown
{
animation-name
:
bounceOutDown
}
@keyframes
bounceOutLeft
{
20
%
{
opacity
:
1
;
transform
:
translate3d
(
20px
,
0
,
0
)}
to
{
opacity
:
0
;
transform
:
translate3d
(
-2000px
,
0
,
0
)}}
.bounceOutLeft
{
animation-name
:
bounceOutLeft
}
@keyframes
bounceOutRight
{
20
%
{
opacity
:
1
;
transform
:
translate3d
(
-20px
,
0
,
0
)}
to
{
opacity
:
0
;
transform
:
translate3d
(
2000px
,
0
,
0
)}}
.bounceOutRight
{
animation-name
:
bounceOutRight
}
@keyframes
bounceOutUp
{
20
%
{
transform
:
translate3d
(
0
,
-10px
,
0
)}
40
%,
45
%
{
opacity
:
1
;
transform
:
translate3d
(
0
,
20px
,
0
)}
to
{
opacity
:
0
;
transform
:
translate3d
(
0
,
-2000px
,
0
)}}
.bounceOutUp
{
animation-name
:
bounceOutUp
}
@keyframes
fadeIn
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
.fadeIn
{
animation-name
:
fadeIn
}
@keyframes
fadeInDown
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
0
,
-100%
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInDown
{
animation-name
:
fadeInDown
}
@keyframes
fadeInDownBig
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
0
,
-2000px
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInDownBig
{
animation-name
:
fadeInDownBig
}
@keyframes
fadeInLeft
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
-100%
,
0
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInLeft
{
animation-name
:
fadeInLeft
}
@keyframes
fadeInLeftBig
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
-2000px
,
0
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInLeftBig
{
animation-name
:
fadeInLeftBig
}
@keyframes
fadeInRight
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
100%
,
0
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInRight
{
animation-name
:
fadeInRight
}
@keyframes
fadeInRightBig
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
2000px
,
0
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInRightBig
{
animation-name
:
fadeInRightBig
}
@keyframes
fadeInUp
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
0
,
100%
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInUp
{
animation-name
:
fadeInUp
}
@keyframes
fadeInUpBig
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
0
,
2000px
,
0
)}
to
{
opacity
:
1
;
transform
:
none
}}
.fadeInUpBig
{
animation-name
:
fadeInUpBig
}
@keyframes
fadeOut
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
}}
.fadeOut
{
animation-name
:
fadeOut
}
@keyframes
fadeOutDown
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
0
,
100%
,
0
)}}
.fadeOutDown
{
animation-name
:
fadeOutDown
}
@keyframes
fadeOutDownBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
0
,
2000px
,
0
)}}
.fadeOutDownBig
{
animation-name
:
fadeOutDownBig
}
@keyframes
fadeOutLeft
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
-100%
,
0
,
0
)}}
.fadeOutLeft
{
animation-name
:
fadeOutLeft
}
@keyframes
fadeOutLeftBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
-2000px
,
0
,
0
)}}
.fadeOutLeftBig
{
animation-name
:
fadeOutLeftBig
}
@keyframes
fadeOutRight
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
100%
,
0
,
0
)}}
.fadeOutRight
{
animation-name
:
fadeOutRight
}
@keyframes
fadeOutRightBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
2000px
,
0
,
0
)}}
.fadeOutRightBig
{
animation-name
:
fadeOutRightBig
}
@keyframes
fadeOutUp
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
0
,
-100%
,
0
)}}
.fadeOutUp
{
animation-name
:
fadeOutUp
}
@keyframes
fadeOutUpBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
0
,
-2000px
,
0
)}}
.fadeOutUpBig
{
animation-name
:
fadeOutUpBig
}
@keyframes
flip
{
0
%
{
transform
:
perspective
(
400px
)
rotateY
(
-1turn
)}
0
%,
40
%
{
animation-timing-function
:
ease-out
}
40
%
{
transform
:
perspective
(
400px
)
translateZ
(
150px
)
rotateY
(
-190deg
)}
50
%
{
transform
:
perspective
(
400px
)
translateZ
(
150px
)
rotateY
(
-170deg
)}
50
%,
80
%
{
animation-timing-function
:
ease-in
}
80
%
{
transform
:
perspective
(
400px
)
scale3d
(
.95
,
.95
,
.95
)}
to
{
transform
:
perspective
(
400px
);
animation-timing-function
:
ease-in
}}
.animated.flip
{
-webkit-backface-visibility
:
visible
;
backface-visibility
:
visible
;
animation-name
:
flip
}
@keyframes
flipInX
{
0
%
{
transform
:
perspective
(
400px
)
rotateX
(
90deg
);
opacity
:
0
}
0
%,
40
%
{
animation-timing-function
:
ease-in
}
40
%
{
transform
:
perspective
(
400px
)
rotateX
(
-20deg
)}
60
%
{
transform
:
perspective
(
400px
)
rotateX
(
10deg
);
opacity
:
1
}
80
%
{
transform
:
perspective
(
400px
)
rotateX
(
-5deg
)}
to
{
transform
:
perspective
(
400px
)}}
.flipInX
{
-webkit-backface-visibility
:
visible
!important
;
backface-visibility
:
visible
!important
;
animation-name
:
flipInX
}
.flipInY
,
.flipOutX
{
-webkit-backface-visibility
:
visible
!important
}
@keyframes
flipInY
{
0
%
{
transform
:
perspective
(
400px
)
rotateY
(
90deg
);
opacity
:
0
}
0
%,
40
%
{
animation-timing-function
:
ease-in
}
40
%
{
transform
:
perspective
(
400px
)
rotateY
(
-20deg
)}
60
%
{
transform
:
perspective
(
400px
)
rotateY
(
10deg
);
opacity
:
1
}
80
%
{
transform
:
perspective
(
400px
)
rotateY
(
-5deg
)}
to
{
transform
:
perspective
(
400px
)}}
.flipInY
{
backface-visibility
:
visible
!important
;
animation-name
:
flipInY
}
@keyframes
flipOutX
{
0
%
{
transform
:
perspective
(
400px
)}
30
%
{
transform
:
perspective
(
400px
)
rotateX
(
-20deg
);
opacity
:
1
}
to
{
transform
:
perspective
(
400px
)
rotateX
(
90deg
);
opacity
:
0
}}
.flipOutX
{
animation-name
:
flipOutX
;
backface-visibility
:
visible
!important
}
@keyframes
flipOutY
{
0
%
{
transform
:
perspective
(
400px
)}
30
%
{
transform
:
perspective
(
400px
)
rotateY
(
-15deg
);
opacity
:
1
}
to
{
transform
:
perspective
(
400px
)
rotateY
(
90deg
);
opacity
:
0
}}
.flipOutY
{
-webkit-backface-visibility
:
visible
!important
;
backface-visibility
:
visible
!important
;
animation-name
:
flipOutY
}
@keyframes
lightSpeedIn
{
0
%
{
transform
:
translate3d
(
100%
,
0
,
0
)
skewX
(
-30deg
);
opacity
:
0
}
60
%
{
transform
:
skewX
(
20deg
)}
60
%,
80
%
{
opacity
:
1
}
80
%
{
transform
:
skewX
(
-5deg
)}
to
{
transform
:
none
;
opacity
:
1
}}
.lightSpeedIn
{
animation-name
:
lightSpeedIn
;
animation-timing-function
:
ease-out
}
@keyframes
lightSpeedOut
{
0
%
{
opacity
:
1
}
to
{
transform
:
translate3d
(
100%
,
0
,
0
)
skewX
(
30deg
);
opacity
:
0
}}
.lightSpeedOut
{
animation-name
:
lightSpeedOut
;
animation-timing-function
:
ease-in
}
@keyframes
rotateIn
{
0
%
{
transform-origin
:
center
;
transform
:
rotate
(
-200deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
center
}
to
{
transform-origin
:
center
;
transform
:
none
;
opacity
:
1
}}
.rotateIn
{
animation-name
:
rotateIn
}
@keyframes
rotateInDownLeft
{
0
%
{
transform-origin
:
left
bottom
;
transform
:
rotate
(
-45deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
transform
:
none
;
opacity
:
1
}}
.rotateInDownLeft
{
animation-name
:
rotateInDownLeft
}
@keyframes
rotateInDownRight
{
0
%
{
transform-origin
:
right
bottom
;
transform
:
rotate
(
45deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
transform
:
none
;
opacity
:
1
}}
.rotateInDownRight
{
animation-name
:
rotateInDownRight
}
@keyframes
rotateInUpLeft
{
0
%
{
transform-origin
:
left
bottom
;
transform
:
rotate
(
45deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
transform
:
none
;
opacity
:
1
}}
.rotateInUpLeft
{
animation-name
:
rotateInUpLeft
}
@keyframes
rotateInUpRight
{
0
%
{
transform-origin
:
right
bottom
;
transform
:
rotate
(
-90deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
transform
:
none
;
opacity
:
1
}}
.rotateInUpRight
{
animation-name
:
rotateInUpRight
}
@keyframes
rotateOut
{
0
%
{
transform-origin
:
center
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
center
}
to
{
transform-origin
:
center
;
transform
:
rotate
(
200deg
);
opacity
:
0
}}
.rotateOut
{
animation-name
:
rotateOut
}
@keyframes
rotateOutDownLeft
{
0
%
{
transform-origin
:
left
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
transform
:
rotate
(
45deg
);
opacity
:
0
}}
.rotateOutDownLeft
{
animation-name
:
rotateOutDownLeft
}
@keyframes
rotateOutDownRight
{
0
%
{
transform-origin
:
right
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
transform
:
rotate
(
-45deg
);
opacity
:
0
}}
.rotateOutDownRight
{
animation-name
:
rotateOutDownRight
}
@keyframes
rotateOutUpLeft
{
0
%
{
transform-origin
:
left
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
transform
:
rotate
(
-45deg
);
opacity
:
0
}}
.rotateOutUpLeft
{
animation-name
:
rotateOutUpLeft
}
@keyframes
rotateOutUpRight
{
0
%
{
transform-origin
:
right
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
transform
:
rotate
(
90deg
);
opacity
:
0
}}
.rotateOutUpRight
{
animation-name
:
rotateOutUpRight
}
@keyframes
hinge
{
0
%
{
transform-origin
:
top
left
}
0
%,
20
%,
60
%
{
-webkit-transform-origin
:
top
left
;
animation-timing-function
:
ease-in-out
}
20
%,
60
%
{
transform
:
rotate
(
80deg
);
transform-origin
:
top
left
}
40
%,
80
%
{
transform
:
rotate
(
60deg
);
transform-origin
:
top
left
;
animation-timing-function
:
ease-in-out
;
opacity
:
1
}
to
{
transform
:
translate3d
(
0
,
700px
,
0
);
opacity
:
0
}}
.hinge
{
animation-name
:
hinge
}
@keyframes
rollIn
{
0
%
{
opacity
:
0
;
transform
:
translate3d
(
-100%
,
0
,
0
)
rotate
(
-120deg
)}
to
{
opacity
:
1
;
transform
:
none
}}
.rollIn
{
animation-name
:
rollIn
}
@keyframes
rollOut
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
transform
:
translate3d
(
100%
,
0
,
0
)
rotate
(
120deg
)}}
.rollOut
{
animation-name
:
rollOut
}
@keyframes
zoomIn
{
0
%
{
opacity
:
0
;
transform
:
scale3d
(
.3
,
.3
,
.3
)}
50
%
{
opacity
:
1
}}
.zoomIn
{
animation-name
:
zoomIn
}
@keyframes
zoomInDown
{
0
%
{
opacity
:
0
;
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
-1000px
,
0
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
60px
,
0
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomInDown
{
animation-name
:
zoomInDown
}
@keyframes
zoomInLeft
{
0
%
{
opacity
:
0
;
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
-1000px
,
0
,
0
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
10px
,
0
,
0
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomInLeft
{
animation-name
:
zoomInLeft
}
@keyframes
zoomInRight
{
0
%
{
opacity
:
0
;
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
1000px
,
0
,
0
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
-10px
,
0
,
0
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomInRight
{
animation-name
:
zoomInRight
}
@keyframes
zoomInUp
{
0
%
{
opacity
:
0
;
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
1000px
,
0
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
-60px
,
0
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomInUp
{
animation-name
:
zoomInUp
}
@keyframes
zoomOut
{
0
%
{
opacity
:
1
}
50
%
{
transform
:
scale3d
(
.3
,
.3
,
.3
)}
50
%,
to
{
opacity
:
0
}}
.zoomOut
{
animation-name
:
zoomOut
}
@keyframes
zoomOutDown
{
40
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
-60px
,
0
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
to
{
opacity
:
0
;
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
2000px
,
0
);
transform-origin
:
center
bottom
;
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomOutDown
{
animation-name
:
zoomOutDown
}
@keyframes
zoomOutLeft
{
40
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
42px
,
0
,
0
)}
to
{
opacity
:
0
;
transform
:
scale
(
.1
)
translate3d
(
-2000px
,
0
,
0
);
transform-origin
:
left
center
}}
.zoomOutLeft
{
animation-name
:
zoomOutLeft
}
@keyframes
zoomOutRight
{
40
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
-42px
,
0
,
0
)}
to
{
opacity
:
0
;
transform
:
scale
(
.1
)
translate3d
(
2000px
,
0
,
0
);
transform-origin
:
right
center
}}
.zoomOutRight
{
animation-name
:
zoomOutRight
}
@keyframes
zoomOutUp
{
40
%
{
opacity
:
1
;
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
60px
,
0
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
to
{
opacity
:
0
;
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
-2000px
,
0
);
transform-origin
:
center
bottom
;
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomOutUp
{
animation-name
:
zoomOutUp
}
@keyframes
slideInDown
{
0
%
{
transform
:
translate3d
(
0
,
-100%
,
0
);
visibility
:
visible
}
to
{
transform
:
translateZ
(
0
)}}
.slideInDown
{
animation-name
:
slideInDown
}
@keyframes
slideInLeft
{
0
%
{
transform
:
translate3d
(
-100%
,
0
,
0
);
visibility
:
visible
}
to
{
transform
:
translateZ
(
0
)}}
.slideInLeft
{
animation-name
:
slideInLeft
}
@keyframes
slideInRight
{
0
%
{
transform
:
translate3d
(
100%
,
0
,
0
);
visibility
:
visible
}
to
{
transform
:
translateZ
(
0
)}}
.slideInRight
{
animation-name
:
slideInRight
}
@keyframes
slideInUp
{
0
%
{
transform
:
translate3d
(
0
,
100%
,
0
);
visibility
:
visible
}
to
{
transform
:
translateZ
(
0
)}}
.slideInUp
{
animation-name
:
slideInUp
}
@keyframes
slideOutDown
{
0
%
{
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
transform
:
translate3d
(
0
,
100%
,
0
)}}
.slideOutDown
{
animation-name
:
slideOutDown
}
@keyframes
slideOutLeft
{
0
%
{
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
transform
:
translate3d
(
-100%
,
0
,
0
)}}
.slideOutLeft
{
animation-name
:
slideOutLeft
}
@keyframes
slideOutRight
{
0
%
{
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
transform
:
translate3d
(
100%
,
0
,
0
)}}
.slideOutRight
{
animation-name
:
slideOutRight
}
@keyframes
slideOutUp
{
0
%
{
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
transform
:
translate3d
(
0
,
-100%
,
0
)}}
.slideOutUp
{
animation-name
:
slideOutUp
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
.wave-path1
{
fill
:
url(#wave-gradient1)
}
.wave-path2
{
fill
:
url(#wave-gradient2)
}
.wave-path3
{
fill
:
url(#wave-gradient3)
}
@keyframes
breath
{
0
%,
to
{
width
:
5px
;
height
:
5px
;
top
:
5px
;
left
:
5px
;
opacity
:
1
}
50
%
{
width
:
15px
;
height
:
15px
;
top
:
0
;
left
:
0
;
opacity
:
0
}}
.wave-keywords-link
{
text-decoration
:
none
;
display
:
inline-block
;
position
:
relative
;
z-index
:
100
;
cursor
:
pointer
}
.wave-keywords-link
.wave-circle-icon
{
display
:
inline-block
;
width
:
15px
;
height
:
15px
;
position
:
relative
;
vertical-align
:
middle
}
.wave-keywords-link
.wave-circle-icon-big
{
display
:
inline-block
;
position
:
absolute
;
background
:
#1ca4fc
;
border-radius
:
50%
;
animation
:
breath
2s
ease
.1s
infinite
}
.wave-keywords-link
.wave-circle-icon-small
{
position
:
absolute
;
top
:
5px
;
left
:
5px
;
display
:
inline-block
;
width
:
5px
;
height
:
5px
;
background
:
#1ca4fc
;
border-radius
:
50%
;
opacity
:
1
}
.wave-keywords-link
.wave-keywords-text
{
position
:
absolute
;
top
:
15px
;
left
:
0
;
display
:
inline-block
;
white-space
:
nowrap
;
line-height
:
20px
;
font-size
:
12px
;
color
:
#1ca4fc
;
margin-left
:
7px
;
-ms-transform
:
translate
(
-50%
);
transform
:
translate
(
-50%
)}
.wave-svg-s1
svg
,
.wave-svg-s2
svg
,
.wave-svg-s3
svg
,
.wave-svg-s4
svg
,
.wave-svg-s5
svg
,
.wave-svg-s6
svg
{
display
:
block
}
@keyframes
wavemove
{
0
%
{
left
:
0
}
to
{
left
:
100%
}}
@keyframes
wavemoveMirror
{
0
%
{
left
:
-100%
}
to
{
left
:
0
}}
.animate-wave-container
{
position
:
fixed
;
left
:
0
;
bottom
:
0
;
width
:
1920px
;
height
:
175px
}
.wave-svg-s1
,
.wave-svg-s2
,
.wave-svg-s3
{
transform
:
translateZ
(
0
);
-webkit-transform
:
translateZ
(
0
);
-moz-transform
:
translateZ
(
0
);
position
:
absolute
;
top
:
0
;
left
:
0
}
.wave-svg-s4
,
.wave-svg-s5
,
.wave-svg-s6
{
transform
:
translateZ
(
0
);
-webkit-transform
:
translateZ
(
0
);
-moz-transform
:
translateZ
(
0
);
position
:
absolute
;
top
:
0
;
left
:
-100%
}
.wave-svg-s1
{
z-index
:
10
;
animation
:
wavemove
40s
linear
.1s
infinite
;
-webkit-animation
:
wavemove
40s
linear
.1s
infinite
;
-moz-animation
:
wavemove
40s
linear
.1s
infinite
}
.wave-svg-s2
{
z-index
:
9
;
animation
:
wavemove
32s
linear
.1s
infinite
;
-webkit-animation
:
wavemove
32s
linear
.1s
infinite
;
-moz-animation
:
wavemove
32s
linear
.1s
infinite
}
.wave-svg-s3
{
z-index
:
8
;
animation
:
wavemove
28s
linear
.1s
infinite
;
-webkit-animation
:
wavemove
28s
linear
.1s
infinite
;
-moz-animation
:
wavemove
28s
linear
.1s
infinite
}
.wave-svg-s4
{
z-index
:
10
;
animation
:
wavemoveMirror
40s
linear
.1s
infinite
;
-webkit-animation
:
wavemoveMirror
40s
linear
.1s
infinite
;
-moz-animation
:
wavemoveMirror
40s
linear
.1s
infinite
}
.wave-svg-s5
{
z-index
:
9
;
animation
:
wavemoveMirror
32s
linear
.1s
infinite
;
-webkit-animation
:
wavemoveMirror
32s
linear
.1s
infinite
;
-moz-animation
:
wavemoveMirror
32s
linear
.1s
infinite
}
.wave-svg-s6
{
z-index
:
8
;
animation
:
wavemoveMirror
28s
linear
.1s
infinite
;
-webkit-animation
:
wavemoveMirror
28s
linear
.1s
infinite
;
-moz-animation
:
wavemoveMirror
28s
linear
.1s
infinite
}
.wave-link-s1
,
.wave-link-s2
,
.wave-link-s3
{
left
:
0
}
.wave-link-s1
,
.wave-link-s2
,
.wave-link-s3
,
.wave-link-s4
,
.wave-link-s5
,
.wave-link-s6
{
transform
:
translateZ
(
0
);
-webkit-transform
:
translateZ
(
0
);
-moz-transform
:
translateZ
(
0
);
position
:
absolute
;
width
:
100%
;
z-index
:
100
;
top
:
0
}
.wave-link-s4
,
.wave-link-s5
,
.wave-link-s6
{
left
:
-100%
}
.wave-link-s1
{
animation
:
wavemove
40s
linear
.1s
infinite
;
-webkit-animation
:
wavemove
40s
linear
.1s
infinite
;
-moz-animation
:
wavemove
40s
linear
.1s
infinite
}
.wave-link-s2
{
animation
:
wavemove
32s
linear
.1s
infinite
;
-webkit-animation
:
wavemove
32s
linear
.1s
infinite
;
-moz-animation
:
wavemove
32s
linear
.1s
infinite
}
.wave-link-s3
{
animation
:
wavemove
28s
linear
.1s
infinite
;
-webkit-animation
:
wavemove
28s
linear
.1s
infinite
;
-moz-animation
:
wavemove
28s
linear
.1s
infinite
}
.wave-link-s4
{
animation
:
wavemoveMirror
40s
linear
.1s
infinite
;
-webkit-animation
:
wavemoveMirror
40s
linear
.1s
infinite
;
-moz-animation
:
wavemoveMirror
40s
linear
.1s
infinite
}
.wave-link-s5
{
animation
:
wavemoveMirror
32s
linear
.1s
infinite
;
-webkit-animation
:
wavemoveMirror
32s
linear
.1s
infinite
;
-moz-animation
:
wavemoveMirror
32s
linear
.1s
infinite
}
.wave-link-s6
{
animation
:
wavemoveMirror
28s
linear
.1s
infinite
;
-webkit-animation
:
wavemoveMirror
28s
linear
.1s
infinite
;
-moz-animation
:
wavemoveMirror
28s
linear
.1s
infinite
}
.animate-wave-container-hover
.wave-link-s1
,
.animate-wave-container-hover
.wave-link-s2
,
.animate-wave-container-hover
.wave-link-s3
,
.animate-wave-container-hover
.wave-link-s4
,
.animate-wave-container-hover
.wave-link-s5
,
.animate-wave-container-hover
.wave-link-s6
,
.animate-wave-container-hover
.wave-svg-s1
,
.animate-wave-container-hover
.wave-svg-s2
,
.animate-wave-container-hover
.wave-svg-s3
,
.animate-wave-container-hover
.wave-svg-s4
,
.animate-wave-container-hover
.wave-svg-s5
,
.animate-wave-container-hover
.wave-svg-s6
{
animation-play-state
:
paused
;
-webkit-animation-play-state
:
paused
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/declare/declare.css
View file @
ba286005
.list-img
>
span
,
.policylist-buttons
>
div
>
img
,
.policylist-qr
>
img
{
vertical-align
:
middle
}
.policylist-title
{
width
:
100%
;
height
:
51px
;
line-height
:
35px
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei-Bold
,
MicrosoftYaHei
;
font-weight
:
700
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.policyquery-items
>
.items_item
,
.policyquery-items
>
.items_left
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
float
:
left
;
box-sizing
:
border-box
}
.policyquery-items
{
width
:
100%
;
display
:
-webkit-flex
;
align-items
:
stretch
;
max-height
:
64px
}
.policyquery-items
>
.items_left
{
width
:
97px
;
height
:
inherit
;
padding
:
13px
20px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policyquery-items
>
.items_item
{
width
:
calc
(
100%
-
167px
);
padding
:
5px
26px
;
color
:
rgba
(
72
,
72
,
72
,
1
);
overflow
:
hidden
}
.policylist-headerbut
,
.policylist-selected
>
.leftName
,
.policyquery-items
>
.items_right
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
}
.policyquery-items
>
.items_item
>
div
{
float
:
left
;
padding
:
8px
20px
8px
0
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.policyquery-items
>
.items_item
>
.pitch
{
color
:
#118EE9
}
.policyquery-items
>
.items_right
{
width
:
70px
;
float
:
right
;
padding-right
:
20px
;
padding-top
:
13px
;
box-sizing
:
border-box
;
color
:
rgba
(
72
,
72
,
72
,
1
);
cursor
:
pointer
}
.policyquery-items
>
.items_right
>
i
{
margin-left
:
2px
}
.policylist-headerbut
{
margin
:
0
auto
10px
;
text-align
:
center
;
width
:
100%
;
height
:
42px
;
line-height
:
22px
;
cursor
:
pointer
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
border-top
:
none
}
.policylist-selected
{
width
:
100%
;
min-height
:
40px
;
overflow
:
hidden
;
padding-left
:
20px
;
line-height
:
40px
}
.policylist-selected
>
.leftName
{
width
:
97px
;
float
:
left
;
color
:
rgba
(
47
,
47
,
47
,
1
)}
.policylist-selected
>
.itemsName
{
width
:
calc
(
100%
-
97px
);
float
:
left
;
overflow
:
hidden
;
padding-top
:
10px
}
.policylist-selected
>
.itemsName
>
.itemName
{
float
:
left
;
margin-right
:
6px
;
margin-bottom
:
16px
;
padding
:
0
20px
0
6px
;
box-sizing
:
border-box
;
height
:
26px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
);
text-align
:
center
;
line-height
:
26px
;
color
:
#118EE9
;
position
:
relative
;
font-size
:
12px
}
.henxian
,
.policylist-header
{
background
:
#fff
}
.policylist-selected
>
.itemsName
>
.itemName
>
i
{
position
:
absolute
;
right
:
1px
;
top
:
6px
;
cursor
:
pointer
;
border
:
1px
dotted
#333
}
.policylist-warpper
{
width
:
100%
;
height
:
100%
;
padding
:
20px
;
box-sizing
:
border-box
}
.el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0
}
.policylist-headerbut
{
background
:
#fff
;
position
:
relative
;
top
:
-1px
;
color
:
rgba
(
121
,
121
,
121
,
1
)
!important
}
.policyquery-items
>
.items_item
>
div
{
padding-right
:
30px
!important
}
.policyquery-items
>
.items_item
>
div
:hover
,
.policyquery-items
>
.items_right
:hover
{
color
:
#118EE9
}
.policyquery-items
:nth-child
(
1
)
{
border-top
:
1px
solid
#F0F3F0
}
.policyquery-items
,
.policyquery-items
:last-child
{
border
:
none
!important
}
.policyquery-items
{
box-sizing
:
border-box
}
.policylist-warpper
>
.policylist
{
width
:
1200px
;
margin
:
0
auto
;
height
:
100%
}
.policylist-header
,
.policylist-header1
{
width
:
100%
;
box-sizing
:
border-box
;
margin-top
:
20px
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
overflow
:
hidden
}
.policylist-portrayal
,
.policylist-tile
{
border-radius
:
1px
;
box-sizing
:
border-box
}
.henxian
{
border-top
:
1px
solid
#e1e1e1
;
width
:
90%
;
margin
:
0
auto
}
.policylist-tile
{
width
:
100%
;
overflow
:
hidden
;
height
:
40px
;
background
:
rgba
(
15
,
142
,
233
,
.1
)}
.header-left
{
float
:
left
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
121
,
121
,
121
,
1
);
cursor
:
pointer
}
.header-right
{
float
:
right
;
width
:
110px
;
height
:
28px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-swiper
{
width
:
100%
;
margin-top
:
30px
;
height
:
150px
;
padding
:
20px
;
box-sizing
:
border-box
;
position
:
relative
;
background-color
:
#FAFAFA
}
.swiper-main
{
width
:
96%
;
height
:
100%
;
margin
:
0
auto
;
white-space
:
nowrap
;
overflow
:
hidden
}
.swiper-leftButton
,
.swiper-rightButton
{
top
:
33%
;
width
:
16px
;
height
:
54px
;
line-height
:
54px
;
background
:
rgba
(
240
,
240
,
240
,
1
);
border-radius
:
2px
;
cursor
:
pointer
;
position
:
absolute
;
text-align
:
center
}
.swiper-leftButton
{
left
:
20px
}
.swiper-rightButton
{
right
:
20px
}
.main-lists
,
.mian-list
{
display
:
inline-block
;
height
:
100%
;
overflow
:
hidden
}
.swiper-leftButton
:hover
,
.swiper-rightButton
:hover
{
background-color
:
rgba
(
235
,
242
,
255
,
1
);
color
:
#97A6AD
}
.mian-list
,
.mian-list
:hover
{
background
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
2px
2px
5px
0
rgba
(
226
,
226
,
226
,
.5
)}
.main-lists
{
white-space
:
nowrap
;
-webkit-transition
:
transform
.3s
linear
}
.mian-list
{
width
:
360px
;
margin-right
:
10px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
230
,
232
,
233
,
1
);
padding
:
20px
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.mian-list
:hover
{
border-radius
:
2px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
)}
.list-img
{
float
:
left
;
width
:
70px
;
height
:
70px
;
margin-right
:
20px
;
font-size
:
20px
;
color
:
#5D9ADD
;
background
:
rgba
(
235
,
242
,
255
,
1
);
white-space
:
normal
!important
;
text-align
:
center
;
display
:
table
;
padding
:
0
10px
;
box-sizing
:
border-box
}
.list-text-name
,
.list-text-title
{
font-size
:
14px
;
font-weight
:
500
;
font-family
:
PingFangSC-Medium
,
PingFangSC
}
.list-img
>
span
{
display
:
table-cell
}
.list-text
{
float
:
left
;
line-height
:
24px
;
letter-spacing
:
2px
}
.list-text-title
{
color
:
rgba
(
72
,
72
,
72
,
1
)}
.list-text-name
{
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-portrayal
{
width
:
100%
;
height
:
118px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-bottom
:
none
;
overflow
:
hidden
;
padding
:
20px
}
.portrayal-left
{
float
:
left
;
font-weight
:
600
;
color
:
#118EE9
;
font-size
:
1.6vw
;
margin-right
:
22px
}
.portrayal-right
{
float
:
left
;
width
:
85%
;
height
:
100%
;
overflow
:
hidden
;
padding
:
.5%
0
;
box-sizing
:
border-box
}
.portrayal-right-list
{
float
:
left
;
margin-right
:
16px
;
margin-bottom
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
cursor
:
default
}
.policylist-recommend
{
width
:
100%
;
height
:
60px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
247
,
247
,
248
,
1
);
padding
:
0
20px
;
line-height
:
60px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.recommend-title
{
float
:
left
;
font-weight
:
600
;
font-size
:
1.6vw
;
color
:
#F2784B
;
margin-right
:
22px
}
.recommend-name
{
float
:
left
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-right
:
30px
;
font-weight
:
600
}
.recommend-name
>
span
{
margin-left
:
10px
;
color
:
#118EE9
}
.el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
}
.recommend-input
{
width
:
667px
;
height
:
36px
;
margin-left
:
30px
;
float
:
left
}
.shuju3
,
.zuo
{
float
:
right
}
.policylist-content
{
width
:
100%
}
.policylist-content-list
{
width
:
100%
;
padding
:
20px
30px
;
box-sizing
:
border-box
;
border-bottom
:
1px
solid
rgba
(
225
,
225
,
225
,
1
)}
.policylist-conten-title
{
font-size
:
18px
;
font-family
:
PingFangSC-Semibold
,
PingFangSC
;
font-weight
:
600
;
color
:
rgba
(
72
,
72
,
72
,
1
);
margin-bottom
:
15px
;
cursor
:
pointer
;
display
:
flex
}
.policylist-conten-title
a
{
text-decoration
:
none
!important
;
color
:
#333
!important
}
.policylist-conten-title
span
{
margin-left
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.policylist-conten-items
,
.policylist-conten-text
,
.policylistsitems
,
.righttext-name
,
.righttext-span
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
}
.policylist-conten-text
{
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-bottom
:
13px
}
.policylist-conten-items
,
.policylistsitems
{
color
:
rgba
(
153
,
153
,
153
,
1
)}
.policylist-conten-items
img
,
.policylistsitems
img
{
border
:
1px
dotted
#999
;
vertical-align
:
middle
}
.zuo
{
margin-top
:
-10px
}
.shuju
{
position
:
absolute
;
left
:
30%
;
top
:
60%
}
.policylist-pagination
{
text-align
:
center
;
margin-top
:
30px
}
.policylist-details
{
width
:
100%
;
height
:
130px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
padding
:
30px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.details-leftimg
{
float
:
left
;
width
:
70px
;
height
:
70px
;
background
:
rgba
(
234
,
244
,
255
,
1
);
margin-right
:
22px
}
.details-righttext
{
float
:
left
;
width
:
80%
}
.righttext-name
{
width
:
100%
;
line-height
:
24px
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.righttext-span
{
line-height
:
24px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.righttext-span
>
span
{
display
:
inline-block
}
.policylist-essay
{
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
2px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-top
:
none
}
.essay-title
{
width
:
100%
;
height
:
175px
;
padding-top
:
30px
;
box-sizing
:
border-box
}
.essay-title-name
{
width
:
100%
;
height
:
75px
;
font-size
:
24px
;
font-weight
:
600
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
72
,
72
,
72
,
1
);
line-height
:
40px
;
text-align
:
center
}
.essay-title-list
{
width
:
100%
;
margin-top
:
20px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
170
,
170
,
170
,
1
)}
.essay-title-list
>
span
{
margin-right
:
38px
}
.essay-content
{
width
:
95%
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
85
,
85
,
85
,
1
);
line-height
:
42px
;
margin
:
0
auto
}
.policylist-buttons
{
width
:
100%
;
padding-bottom
:
30px
;
border-bottom
:
1px
solid
rgba
(
239
,
239
,
239
,
1
);
overflow
:
hidden
}
.policylist-buttons
>
div
{
float
:
right
;
width
:
120px
;
height
:
32px
;
line-height
:
32px
;
margin-right
:
13px
;
border-radius
:
20px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
text-align
:
center
;
cursor
:
pointer
}
.policylist-navigation
{
width
:
100%
;
height
:
107px
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
70
,
70
,
70
,
1
);
padding
:
30px
0
;
box-sizing
:
border-box
}
.policylist-navigation
>
div
{
line-height
:
24px
;
cursor
:
pointer
}
.policylist-qr
{
width
:
100%
;
height
:
134px
;
line-height
:
134px
;
background
:
rgba
(
248
,
248
,
248
,
1
);
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
72
,
72
,
72
,
1
);
text-align
:
center
}
.shenbao
{
margin-left
:
15px
;
width
:
85%
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
\ No newline at end of file
.list-img
>
span
,
.policylist-buttons
>
div
>
img
,
.policylist-qr
>
img
{
vertical-align
:
middle
}
.policylist-title
{
width
:
100%
;
height
:
51px
;
line-height
:
35px
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei-Bold
,
MicrosoftYaHei
;
font-weight
:
700
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.policyquery-items
>
.items_item
,
.policyquery-items
>
.items_left
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
float
:
left
;
box-sizing
:
border-box
}
.policyquery-items
{
width
:
100%
;
display
:
-webkit-flex
;
align-items
:
stretch
;
max-height
:
64px
}
.policyquery-items
>
.items_left
{
width
:
97px
;
height
:
inherit
;
padding
:
13px
20px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policyquery-items
>
.items_item
{
width
:
calc
(
100%
-
167px
);
padding
:
5px
26px
;
color
:
rgba
(
72
,
72
,
72
,
1
);
overflow
:
hidden
}
.policylist-headerbut
,
.policylist-selected
>
.leftName
,
.policyquery-items
>
.items_right
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
}
.policyquery-items
>
.items_item
>
div
{
float
:
left
;
padding
:
8px
20px
8px
0
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.policyquery-items
>
.items_item
>
.pitch
{
color
:
#118EE9
}
.policyquery-items
>
.items_right
{
width
:
70px
;
float
:
right
;
padding-right
:
20px
;
padding-top
:
13px
;
box-sizing
:
border-box
;
color
:
rgba
(
72
,
72
,
72
,
1
);
cursor
:
pointer
}
.policyquery-items
>
.items_right
>
i
{
margin-left
:
2px
}
.policylist-headerbut
{
margin
:
0
auto
10px
;
text-align
:
center
;
width
:
100%
;
height
:
42px
;
line-height
:
22px
;
cursor
:
pointer
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
border-top
:
none
}
.policylist-selected
{
width
:
100%
;
min-height
:
40px
;
overflow
:
hidden
;
padding-left
:
20px
;
line-height
:
40px
}
.policylist-selected
>
.leftName
{
width
:
97px
;
float
:
left
;
color
:
rgba
(
47
,
47
,
47
,
1
)}
.policylist-selected
>
.itemsName
{
width
:
calc
(
100%
-
97px
);
float
:
left
;
overflow
:
hidden
;
padding-top
:
10px
}
.policylist-selected
>
.itemsName
>
.itemName
{
float
:
left
;
margin-right
:
6px
;
margin-bottom
:
16px
;
padding
:
0
20px
0
6px
;
box-sizing
:
border-box
;
height
:
26px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
);
text-align
:
center
;
line-height
:
26px
;
color
:
#118EE9
;
position
:
relative
;
font-size
:
12px
}
.henxian
,
.policylist-header
{
background
:
#fff
}
.policylist-selected
>
.itemsName
>
.itemName
>
i
{
position
:
absolute
;
right
:
1px
;
top
:
6px
;
cursor
:
pointer
;
border
:
1px
dotted
#333
}
.policylist-warpper
{
width
:
100%
;
height
:
100%
;
padding
:
20px
;
box-sizing
:
border-box
}
.policylist-warpper
.el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0
}
.policylist-headerbut
{
background
:
#fff
;
position
:
relative
;
top
:
-1px
;
color
:
rgba
(
121
,
121
,
121
,
1
)
!important
}
.policyquery-items
>
.items_item
>
div
{
padding-right
:
30px
!important
}
.policyquery-items
>
.items_item
>
div
:hover
,
.policyquery-items
>
.items_right
:hover
{
color
:
#118EE9
}
.policyquery-items
:nth-child
(
1
)
{
border-top
:
1px
solid
#F0F3F0
}
.policyquery-items
,
.policyquery-items
:last-child
{
border
:
none
!important
}
.policyquery-items
{
box-sizing
:
border-box
}
.policylist-warpper
>
.policylist
{
width
:
1200px
;
margin
:
0
auto
;
height
:
100%
}
.policylist-header
,
.policylist-header1
{
width
:
100%
;
box-sizing
:
border-box
;
margin-top
:
20px
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
overflow
:
hidden
}
.policylist-portrayal
,
.policylist-tile
{
border-radius
:
1px
;
box-sizing
:
border-box
}
.henxian
{
border-top
:
1px
solid
#e1e1e1
;
width
:
90%
;
margin
:
0
auto
}
.policylist-tile
{
width
:
100%
;
overflow
:
hidden
;
height
:
40px
;
background
:
rgba
(
15
,
142
,
233
,
.1
)}
.header-left
{
float
:
left
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
121
,
121
,
121
,
1
);
cursor
:
pointer
}
.header-right
{
float
:
right
;
width
:
110px
;
height
:
28px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-swiper
{
width
:
100%
;
margin-top
:
30px
;
height
:
150px
;
padding
:
20px
;
box-sizing
:
border-box
;
position
:
relative
;
background-color
:
#FAFAFA
}
.swiper-main
{
width
:
96%
;
height
:
100%
;
margin
:
0
auto
;
white-space
:
nowrap
;
overflow
:
hidden
}
.swiper-leftButton
,
.swiper-rightButton
{
top
:
33%
;
width
:
16px
;
height
:
54px
;
line-height
:
54px
;
background
:
rgba
(
240
,
240
,
240
,
1
);
border-radius
:
2px
;
cursor
:
pointer
;
position
:
absolute
;
text-align
:
center
}
.swiper-leftButton
{
left
:
20px
}
.swiper-rightButton
{
right
:
20px
}
.main-lists
,
.mian-list
{
display
:
inline-block
;
height
:
100%
;
overflow
:
hidden
}
.swiper-leftButton
:hover
,
.swiper-rightButton
:hover
{
background-color
:
rgba
(
235
,
242
,
255
,
1
);
color
:
#97A6AD
}
.mian-list
,
.mian-list
:hover
{
background
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
2px
2px
5px
0
rgba
(
226
,
226
,
226
,
.5
)}
.main-lists
{
white-space
:
nowrap
;
-webkit-transition
:
transform
.3s
linear
}
.mian-list
{
width
:
360px
;
margin-right
:
10px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
230
,
232
,
233
,
1
);
padding
:
20px
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.mian-list
:hover
{
border-radius
:
2px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
)}
.list-img
{
float
:
left
;
width
:
70px
;
height
:
70px
;
margin-right
:
20px
;
font-size
:
20px
;
color
:
#5D9ADD
;
background
:
rgba
(
235
,
242
,
255
,
1
);
white-space
:
normal
!important
;
text-align
:
center
;
display
:
table
;
padding
:
0
10px
;
box-sizing
:
border-box
}
.list-text-name
,
.list-text-title
{
font-size
:
14px
;
font-weight
:
500
;
font-family
:
PingFangSC-Medium
,
PingFangSC
}
.list-img
>
span
{
display
:
table-cell
}
.list-text
{
float
:
left
;
line-height
:
24px
;
letter-spacing
:
2px
}
.list-text-title
{
color
:
rgba
(
72
,
72
,
72
,
1
)}
.list-text-name
{
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-portrayal
{
width
:
100%
;
height
:
118px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-bottom
:
none
;
overflow
:
hidden
;
padding
:
20px
}
.portrayal-left
{
float
:
left
;
font-weight
:
600
;
color
:
#118EE9
;
font-size
:
1.6vw
;
margin-right
:
22px
}
.portrayal-right
{
float
:
left
;
width
:
85%
;
height
:
100%
;
overflow
:
hidden
;
padding
:
.5%
0
;
box-sizing
:
border-box
}
.portrayal-right-list
{
float
:
left
;
margin-right
:
16px
;
margin-bottom
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
cursor
:
default
}
.policylist-recommend
{
width
:
100%
;
height
:
60px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
247
,
247
,
248
,
1
);
padding
:
0
20px
;
line-height
:
60px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.recommend-title
{
float
:
left
;
font-weight
:
600
;
font-size
:
1.6vw
;
color
:
#F2784B
;
margin-right
:
22px
}
.recommend-name
{
float
:
left
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-right
:
30px
;
font-weight
:
600
}
.recommend-name
>
span
{
margin-left
:
10px
;
color
:
#118EE9
}
.policylist-warpper
.el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
}
.recommend-input
{
width
:
667px
;
height
:
36px
;
margin-left
:
30px
;
float
:
left
}
.shuju3
,
.zuo
{
float
:
right
}
.policylist-content
{
width
:
100%
}
.policylist-content-list
{
width
:
100%
;
padding
:
20px
30px
;
box-sizing
:
border-box
;
border-bottom
:
1px
solid
rgba
(
225
,
225
,
225
,
1
)}
.policylist-conten-title
{
font-size
:
18px
;
font-family
:
PingFangSC-Semibold
,
PingFangSC
;
font-weight
:
600
;
color
:
rgba
(
72
,
72
,
72
,
1
);
margin-bottom
:
15px
;
cursor
:
pointer
;
display
:
flex
}
.policylist-conten-title
a
{
text-decoration
:
none
!important
;
color
:
#333
!important
}
.policylist-conten-title
span
{
margin-left
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.policylist-conten-items
,
.policylist-conten-text
,
.policylistsitems
,
.righttext-name
,
.righttext-span
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
}
.policylist-conten-text
{
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-bottom
:
13px
}
.policylist-conten-items
,
.policylistsitems
{
color
:
rgba
(
153
,
153
,
153
,
1
)}
.policylist-conten-items
img
,
.policylistsitems
img
{
border
:
1px
dotted
#999
;
vertical-align
:
middle
}
.zuo
{
margin-top
:
-10px
}
.shuju
{
position
:
absolute
;
left
:
30%
;
top
:
60%
}
.policylist-pagination
{
text-align
:
center
;
margin-top
:
30px
}
.policylist-details
{
width
:
100%
;
height
:
130px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
padding
:
30px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.details-leftimg
{
float
:
left
;
width
:
70px
;
height
:
70px
;
background
:
rgba
(
234
,
244
,
255
,
1
);
margin-right
:
22px
}
.details-righttext
{
float
:
left
;
width
:
80%
}
.righttext-name
{
width
:
100%
;
line-height
:
24px
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.righttext-span
{
line-height
:
24px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.righttext-span
>
span
{
display
:
inline-block
}
.policylist-essay
{
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
2px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-top
:
none
}
.essay-title
{
width
:
100%
;
height
:
175px
;
padding-top
:
30px
;
box-sizing
:
border-box
}
.essay-title-name
{
width
:
100%
;
height
:
75px
;
font-size
:
24px
;
font-weight
:
600
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
72
,
72
,
72
,
1
);
line-height
:
40px
;
text-align
:
center
}
.essay-title-list
{
width
:
100%
;
margin-top
:
20px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
170
,
170
,
170
,
1
)}
.essay-title-list
>
span
{
margin-right
:
38px
}
.essay-content
{
width
:
95%
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
85
,
85
,
85
,
1
);
line-height
:
42px
;
margin
:
0
auto
}
.policylist-buttons
{
width
:
100%
;
padding-bottom
:
30px
;
border-bottom
:
1px
solid
rgba
(
239
,
239
,
239
,
1
);
overflow
:
hidden
}
.policylist-buttons
>
div
{
float
:
right
;
width
:
120px
;
height
:
32px
;
line-height
:
32px
;
margin-right
:
13px
;
border-radius
:
20px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
text-align
:
center
;
cursor
:
pointer
}
.policylist-navigation
{
width
:
100%
;
height
:
107px
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
70
,
70
,
70
,
1
);
padding
:
30px
0
;
box-sizing
:
border-box
}
.policylist-navigation
>
div
{
line-height
:
24px
;
cursor
:
pointer
}
.policylist-qr
{
width
:
100%
;
height
:
134px
;
line-height
:
134px
;
background
:
rgba
(
248
,
248
,
248
,
1
);
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
72
,
72
,
72
,
1
);
text-align
:
center
}
.shenbao
{
margin-left
:
15px
;
width
:
85%
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/managementmeasures/managementmeasures.css
View file @
ba286005
.list-img
>
span
,
.policylist-buttons
>
div
>
img
,
.policylist-qr
>
img
{
vertical-align
:
middle
}
.policylist-title
{
width
:
100%
;
height
:
51px
;
line-height
:
35px
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei-Bold
,
MicrosoftYaHei
;
font-weight
:
700
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.policyquery-items
>
.items_item
,
.policyquery-items
>
.items_left
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
float
:
left
;
box-sizing
:
border-box
}
.policyquery-items
{
width
:
100%
;
display
:
-webkit-flex
;
align-items
:
stretch
;
max-height
:
64px
}
.policyquery-items
>
.items_left
{
width
:
97px
;
height
:
inherit
;
padding
:
13px
20px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policyquery-items
>
.items_item
{
width
:
calc
(
100%
-
167px
);
padding
:
5px
26px
;
color
:
rgba
(
72
,
72
,
72
,
1
);
overflow
:
hidden
}
.policylist-headerbut
,
.policylist-selected
>
.leftName
,
.policyquery-items
>
.items_right
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
}
.policyquery-items
>
.items_item
>
div
{
float
:
left
;
padding
:
8px
20px
8px
0
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.policyquery-items
>
.items_item
>
.pitch
{
color
:
#118EE9
}
.policyquery-items
>
.items_right
{
width
:
70px
;
float
:
right
;
padding-right
:
20px
;
padding-top
:
13px
;
box-sizing
:
border-box
;
color
:
rgba
(
72
,
72
,
72
,
1
);
cursor
:
pointer
}
.policyquery-items
>
.items_right
>
i
{
margin-left
:
2px
}
.policylist-headerbut
{
margin
:
0
auto
10px
;
text-align
:
center
;
width
:
100%
;
height
:
42px
;
line-height
:
22px
;
cursor
:
pointer
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
border-top
:
none
}
.policylist-selected
{
width
:
100%
;
min-height
:
40px
;
overflow
:
hidden
;
padding-left
:
20px
;
line-height
:
40px
}
.policylist-selected
>
.leftName
{
width
:
97px
;
float
:
left
;
color
:
rgba
(
47
,
47
,
47
,
1
)}
.policylist-selected
>
.itemsName
{
width
:
calc
(
100%
-
97px
);
float
:
left
;
overflow
:
hidden
;
padding-top
:
10px
}
.policylist-selected
>
.itemsName
>
.itemName
{
float
:
left
;
margin-right
:
6px
;
margin-bottom
:
16px
;
padding
:
0
20px
0
6px
;
box-sizing
:
border-box
;
height
:
26px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
);
text-align
:
center
;
line-height
:
26px
;
color
:
#118EE9
;
position
:
relative
;
font-size
:
12px
}
.henxian
,
.policylist-header
{
background
:
#fff
}
.policylist-selected
>
.itemsName
>
.itemName
>
i
{
position
:
absolute
;
right
:
1px
;
top
:
6px
;
cursor
:
pointer
;
border
:
1px
dotted
#333
}
.policylist-warpper
{
width
:
100%
;
height
:
100%
;
padding
:
20px
;
box-sizing
:
border-box
}
.el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0
}
.policylist-headerbut
{
background
:
#fff
;
position
:
relative
;
top
:
-1px
;
color
:
rgba
(
121
,
121
,
121
,
1
)
!important
}
.policyquery-items
>
.items_item
>
div
{
padding-right
:
30px
!important
}
.policyquery-items
>
.items_item
>
div
:hover
,
.policyquery-items
>
.items_right
:hover
{
color
:
#118EE9
}
.policyquery-items
:nth-child
(
1
)
{
border-top
:
1px
solid
#F0F3F0
}
.policyquery-items
,
.policyquery-items
:last-child
{
border
:
none
!important
}
.policyquery-items
{
box-sizing
:
border-box
}
.policylist-warpper
>
.policylist
{
width
:
1200px
;
margin
:
0
auto
;
height
:
100%
}
.policylist-header
,
.policylist-header1
{
width
:
100%
;
box-sizing
:
border-box
;
margin-top
:
20px
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
overflow
:
hidden
}
.policylist-portrayal
,
.policylist-tile
{
border-radius
:
1px
;
box-sizing
:
border-box
}
.henxian
{
border-top
:
1px
solid
#e1e1e1
;
width
:
90%
;
margin
:
0
auto
}
.policylist-tile
{
width
:
100%
;
overflow
:
hidden
;
height
:
40px
;
background
:
rgba
(
15
,
142
,
233
,
.1
)}
.header-left
{
float
:
left
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
121
,
121
,
121
,
1
);
cursor
:
pointer
}
.header-right
{
float
:
right
;
width
:
110px
;
height
:
28px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-swiper
{
width
:
100%
;
margin-top
:
30px
;
height
:
150px
;
padding
:
20px
;
box-sizing
:
border-box
;
position
:
relative
;
background-color
:
#FAFAFA
}
.swiper-main
{
width
:
96%
;
height
:
100%
;
margin
:
0
auto
;
white-space
:
nowrap
;
overflow
:
hidden
}
.swiper-leftButton
,
.swiper-rightButton
{
top
:
33%
;
width
:
16px
;
height
:
54px
;
line-height
:
54px
;
background
:
rgba
(
240
,
240
,
240
,
1
);
border-radius
:
2px
;
cursor
:
pointer
;
position
:
absolute
;
text-align
:
center
}
.swiper-leftButton
{
left
:
20px
}
.swiper-rightButton
{
right
:
20px
}
.main-lists
,
.mian-list
{
display
:
inline-block
;
height
:
100%
;
overflow
:
hidden
}
.swiper-leftButton
:hover
,
.swiper-rightButton
:hover
{
background-color
:
rgba
(
235
,
242
,
255
,
1
);
color
:
#97A6AD
}
.mian-list
,
.mian-list
:hover
{
background
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
2px
2px
5px
0
rgba
(
226
,
226
,
226
,
.5
)}
.main-lists
{
white-space
:
nowrap
;
-webkit-transition
:
transform
.3s
linear
}
.mian-list
{
width
:
360px
;
margin-right
:
10px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
230
,
232
,
233
,
1
);
padding
:
20px
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.mian-list
:hover
{
border-radius
:
2px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
)}
.list-img
{
float
:
left
;
width
:
70px
;
height
:
70px
;
margin-right
:
20px
;
font-size
:
20px
;
color
:
#5D9ADD
;
background
:
rgba
(
235
,
242
,
255
,
1
);
white-space
:
normal
!important
;
text-align
:
center
;
display
:
table
;
padding
:
0
10px
;
box-sizing
:
border-box
}
.list-text-name
,
.list-text-title
{
font-size
:
14px
;
font-weight
:
500
;
font-family
:
PingFangSC-Medium
,
PingFangSC
}
.list-img
>
span
{
display
:
table-cell
}
.list-text
{
float
:
left
;
line-height
:
24px
;
letter-spacing
:
2px
}
.list-text-title
{
color
:
rgba
(
72
,
72
,
72
,
1
)}
.list-text-name
{
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-portrayal
{
width
:
100%
;
height
:
118px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-bottom
:
none
;
overflow
:
hidden
;
padding
:
20px
}
.portrayal-left
{
float
:
left
;
font-weight
:
600
;
color
:
#118EE9
;
font-size
:
1.6vw
;
margin-right
:
22px
}
.portrayal-right
{
float
:
left
;
width
:
85%
;
height
:
100%
;
overflow
:
hidden
;
padding
:
.5%
0
;
box-sizing
:
border-box
}
.portrayal-right-list
{
float
:
left
;
margin-right
:
16px
;
margin-bottom
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
cursor
:
default
}
.policylist-recommend
{
width
:
100%
;
height
:
60px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
247
,
247
,
248
,
1
);
padding
:
0
20px
;
line-height
:
60px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.recommend-title
{
float
:
left
;
font-weight
:
600
;
font-size
:
1.6vw
;
color
:
#F2784B
;
margin-right
:
22px
}
.recommend-name
{
float
:
left
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-right
:
30px
;
font-weight
:
600
}
.recommend-name
>
span
{
margin-left
:
10px
;
color
:
#118EE9
}
.el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
}
.recommend-input
{
width
:
667px
;
height
:
36px
;
margin-left
:
30px
;
float
:
left
}
.shuju3
,
.zuo
{
float
:
right
}
.policylist-content
{
width
:
100%
}
.policylist-content-list
{
width
:
100%
;
padding
:
20px
30px
;
box-sizing
:
border-box
;
border-bottom
:
1px
solid
rgba
(
225
,
225
,
225
,
1
)}
.policylist-conten-title
{
font-size
:
18px
;
font-family
:
PingFangSC-Semibold
,
PingFangSC
;
font-weight
:
600
;
color
:
rgba
(
72
,
72
,
72
,
1
);
margin-bottom
:
15px
;
cursor
:
pointer
;
display
:
flex
}
.policylist-conten-title
a
{
text-decoration
:
none
!important
;
color
:
#333
!important
}
.policylist-conten-title
span
{
margin-left
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.policylist-conten-items
,
.policylist-conten-text
,
.policylistsitems
,
.righttext-name
,
.righttext-span
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
}
.policylist-conten-text
{
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-bottom
:
13px
}
.policylist-conten-items
,
.policylistsitems
{
color
:
rgba
(
153
,
153
,
153
,
1
)}
.policylist-conten-items
img
,
.policylistsitems
img
{
border
:
1px
dotted
#999
;
vertical-align
:
middle
}
.zuo
{
margin-top
:
-10px
}
.shuju
{
position
:
absolute
;
left
:
30%
;
top
:
60%
}
.policylist-pagination
{
text-align
:
center
;
margin-top
:
30px
}
.policylist-details
{
width
:
100%
;
height
:
130px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
padding
:
30px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.details-leftimg
{
float
:
left
;
width
:
70px
;
height
:
70px
;
background
:
rgba
(
234
,
244
,
255
,
1
);
margin-right
:
22px
}
.details-righttext
{
float
:
left
;
width
:
80%
}
.righttext-name
{
width
:
100%
;
line-height
:
24px
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.righttext-span
{
line-height
:
24px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.righttext-span
>
span
{
display
:
inline-block
}
.policylist-essay
{
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
2px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-top
:
none
}
.essay-title
{
width
:
100%
;
height
:
175px
;
padding-top
:
30px
;
box-sizing
:
border-box
}
.essay-title-name
{
width
:
100%
;
height
:
75px
;
font-size
:
24px
;
font-weight
:
600
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
72
,
72
,
72
,
1
);
line-height
:
40px
;
text-align
:
center
}
.essay-title-list
{
width
:
100%
;
margin-top
:
20px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
170
,
170
,
170
,
1
)}
.essay-title-list
>
span
{
margin-right
:
38px
}
.essay-content
{
width
:
95%
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
85
,
85
,
85
,
1
);
line-height
:
42px
;
margin
:
0
auto
}
.policylist-buttons
{
width
:
100%
;
padding-bottom
:
30px
;
border-bottom
:
1px
solid
rgba
(
239
,
239
,
239
,
1
);
overflow
:
hidden
}
.policylist-buttons
>
div
{
float
:
right
;
width
:
120px
;
height
:
32px
;
line-height
:
32px
;
margin-right
:
13px
;
border-radius
:
20px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
text-align
:
center
;
cursor
:
pointer
}
.policylist-navigation
{
width
:
100%
;
height
:
107px
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
70
,
70
,
70
,
1
);
padding
:
30px
0
;
box-sizing
:
border-box
}
.policylist-navigation
>
div
{
line-height
:
24px
;
cursor
:
pointer
}
.policylist-qr
{
width
:
100%
;
height
:
134px
;
line-height
:
134px
;
background
:
rgba
(
248
,
248
,
248
,
1
);
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
72
,
72
,
72
,
1
);
text-align
:
center
}
.shenbao2
{
width
:
85%
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
margin-left
:
0
}
\ No newline at end of file
.list-img
>
span
,
.policylist-buttons
>
div
>
img
,
.policylist-qr
>
img
{
vertical-align
:
middle
}
.policylist-title
{
width
:
100%
;
height
:
51px
;
line-height
:
35px
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei-Bold
,
MicrosoftYaHei
;
font-weight
:
700
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.policyquery-items
>
.items_item
,
.policyquery-items
>
.items_left
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
float
:
left
;
box-sizing
:
border-box
}
.policyquery-items
{
width
:
100%
;
display
:
-webkit-flex
;
align-items
:
stretch
;
max-height
:
64px
}
.policyquery-items
>
.items_left
{
width
:
97px
;
height
:
inherit
;
padding
:
13px
20px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policyquery-items
>
.items_item
{
width
:
calc
(
100%
-
167px
);
padding
:
5px
26px
;
color
:
rgba
(
72
,
72
,
72
,
1
);
overflow
:
hidden
}
.policylist-headerbut
,
.policylist-selected
>
.leftName
,
.policyquery-items
>
.items_right
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
}
.policyquery-items
>
.items_item
>
div
{
float
:
left
;
padding
:
8px
20px
8px
0
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.policyquery-items
>
.items_item
>
.pitch
{
color
:
#118EE9
}
.policyquery-items
>
.items_right
{
width
:
70px
;
float
:
right
;
padding-right
:
20px
;
padding-top
:
13px
;
box-sizing
:
border-box
;
color
:
rgba
(
72
,
72
,
72
,
1
);
cursor
:
pointer
}
.policyquery-items
>
.items_right
>
i
{
margin-left
:
2px
}
.policylist-headerbut
{
margin
:
0
auto
10px
;
text-align
:
center
;
width
:
100%
;
height
:
42px
;
line-height
:
22px
;
cursor
:
pointer
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
border-top
:
none
}
.policylist-selected
{
width
:
100%
;
min-height
:
40px
;
overflow
:
hidden
;
padding-left
:
20px
;
line-height
:
40px
}
.policylist-selected
>
.leftName
{
width
:
97px
;
float
:
left
;
color
:
rgba
(
47
,
47
,
47
,
1
)}
.policylist-selected
>
.itemsName
{
width
:
calc
(
100%
-
97px
);
float
:
left
;
overflow
:
hidden
;
padding-top
:
10px
}
.policylist-selected
>
.itemsName
>
.itemName
{
float
:
left
;
margin-right
:
6px
;
margin-bottom
:
16px
;
padding
:
0
20px
0
6px
;
box-sizing
:
border-box
;
height
:
26px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
);
text-align
:
center
;
line-height
:
26px
;
color
:
#118EE9
;
position
:
relative
;
font-size
:
12px
}
.henxian
,
.policylist-header
{
background
:
#fff
}
.policylist-selected
>
.itemsName
>
.itemName
>
i
{
position
:
absolute
;
right
:
1px
;
top
:
6px
;
cursor
:
pointer
;
border
:
1px
dotted
#333
}
.policylist-warpper
{
width
:
100%
;
height
:
100%
;
padding
:
20px
;
box-sizing
:
border-box
}
.policylist-warpper
.el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0
}
.policylist-headerbut
{
background
:
#fff
;
position
:
relative
;
top
:
-1px
;
color
:
rgba
(
121
,
121
,
121
,
1
)
!important
}
.policyquery-items
>
.items_item
>
div
{
padding-right
:
30px
!important
}
.policyquery-items
>
.items_item
>
div
:hover
,
.policyquery-items
>
.items_right
:hover
{
color
:
#118EE9
}
.policyquery-items
:nth-child
(
1
)
{
border-top
:
1px
solid
#F0F3F0
}
.policyquery-items
,
.policyquery-items
:last-child
{
border
:
none
!important
}
.policyquery-items
{
box-sizing
:
border-box
}
.policylist-warpper
>
.policylist
{
width
:
1200px
;
margin
:
0
auto
;
height
:
100%
}
.policylist-header
,
.policylist-header1
{
width
:
100%
;
box-sizing
:
border-box
;
margin-top
:
20px
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
overflow
:
hidden
}
.policylist-portrayal
,
.policylist-tile
{
border-radius
:
1px
;
box-sizing
:
border-box
}
.henxian
{
border-top
:
1px
solid
#e1e1e1
;
width
:
90%
;
margin
:
0
auto
}
.policylist-tile
{
width
:
100%
;
overflow
:
hidden
;
height
:
40px
;
background
:
rgba
(
15
,
142
,
233
,
.1
)}
.header-left
{
float
:
left
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
121
,
121
,
121
,
1
);
cursor
:
pointer
}
.header-right
{
float
:
right
;
width
:
110px
;
height
:
28px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-swiper
{
width
:
100%
;
margin-top
:
30px
;
height
:
150px
;
padding
:
20px
;
box-sizing
:
border-box
;
position
:
relative
;
background-color
:
#FAFAFA
}
.swiper-main
{
width
:
96%
;
height
:
100%
;
margin
:
0
auto
;
white-space
:
nowrap
;
overflow
:
hidden
}
.swiper-leftButton
,
.swiper-rightButton
{
top
:
33%
;
width
:
16px
;
height
:
54px
;
line-height
:
54px
;
background
:
rgba
(
240
,
240
,
240
,
1
);
border-radius
:
2px
;
cursor
:
pointer
;
position
:
absolute
;
text-align
:
center
}
.swiper-leftButton
{
left
:
20px
}
.swiper-rightButton
{
right
:
20px
}
.main-lists
,
.mian-list
{
display
:
inline-block
;
height
:
100%
;
overflow
:
hidden
}
.swiper-leftButton
:hover
,
.swiper-rightButton
:hover
{
background-color
:
rgba
(
235
,
242
,
255
,
1
);
color
:
#97A6AD
}
.mian-list
,
.mian-list
:hover
{
background
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
2px
2px
5px
0
rgba
(
226
,
226
,
226
,
.5
)}
.main-lists
{
white-space
:
nowrap
;
-webkit-transition
:
transform
.3s
linear
}
.mian-list
{
width
:
360px
;
margin-right
:
10px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
230
,
232
,
233
,
1
);
padding
:
20px
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.mian-list
:hover
{
border-radius
:
2px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
)}
.list-img
{
float
:
left
;
width
:
70px
;
height
:
70px
;
margin-right
:
20px
;
font-size
:
20px
;
color
:
#5D9ADD
;
background
:
rgba
(
235
,
242
,
255
,
1
);
white-space
:
normal
!important
;
text-align
:
center
;
display
:
table
;
padding
:
0
10px
;
box-sizing
:
border-box
}
.list-text-name
,
.list-text-title
{
font-size
:
14px
;
font-weight
:
500
;
font-family
:
PingFangSC-Medium
,
PingFangSC
}
.list-img
>
span
{
display
:
table-cell
}
.list-text
{
float
:
left
;
line-height
:
24px
;
letter-spacing
:
2px
}
.list-text-title
{
color
:
rgba
(
72
,
72
,
72
,
1
)}
.list-text-name
{
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-portrayal
{
width
:
100%
;
height
:
118px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-bottom
:
none
;
overflow
:
hidden
;
padding
:
20px
}
.portrayal-left
{
float
:
left
;
font-weight
:
600
;
color
:
#118EE9
;
font-size
:
1.6vw
;
margin-right
:
22px
}
.portrayal-right
{
float
:
left
;
width
:
85%
;
height
:
100%
;
overflow
:
hidden
;
padding
:
.5%
0
;
box-sizing
:
border-box
}
.portrayal-right-list
{
float
:
left
;
margin-right
:
16px
;
margin-bottom
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
cursor
:
default
}
.policylist-recommend
{
width
:
100%
;
height
:
60px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
247
,
247
,
248
,
1
);
padding
:
0
20px
;
line-height
:
60px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.recommend-title
{
float
:
left
;
font-weight
:
600
;
font-size
:
1.6vw
;
color
:
#F2784B
;
margin-right
:
22px
}
.recommend-name
{
float
:
left
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-right
:
30px
;
font-weight
:
600
}
.recommend-name
>
span
{
margin-left
:
10px
;
color
:
#118EE9
}
.policylist-warpper
.el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
}
.recommend-input
{
width
:
667px
;
height
:
36px
;
margin-left
:
30px
;
float
:
left
}
.shuju3
,
.zuo
{
float
:
right
}
.policylist-content
{
width
:
100%
}
.policylist-content-list
{
width
:
100%
;
padding
:
20px
30px
;
box-sizing
:
border-box
;
border-bottom
:
1px
solid
rgba
(
225
,
225
,
225
,
1
)}
.policylist-conten-title
{
font-size
:
18px
;
font-family
:
PingFangSC-Semibold
,
PingFangSC
;
font-weight
:
600
;
color
:
rgba
(
72
,
72
,
72
,
1
);
margin-bottom
:
15px
;
cursor
:
pointer
;
display
:
flex
}
.policylist-conten-title
a
{
text-decoration
:
none
!important
;
color
:
#333
!important
}
.policylist-conten-title
span
{
margin-left
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.policylist-conten-items
,
.policylist-conten-text
,
.policylistsitems
,
.righttext-name
,
.righttext-span
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
}
.policylist-conten-text
{
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-bottom
:
13px
}
.policylist-conten-items
,
.policylistsitems
{
color
:
rgba
(
153
,
153
,
153
,
1
)}
.policylist-conten-items
img
,
.policylistsitems
img
{
border
:
1px
dotted
#999
;
vertical-align
:
middle
}
.zuo
{
margin-top
:
-10px
}
.shuju
{
position
:
absolute
;
left
:
30%
;
top
:
60%
}
.policylist-pagination
{
text-align
:
center
;
margin-top
:
30px
}
.policylist-details
{
width
:
100%
;
height
:
130px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
padding
:
30px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.details-leftimg
{
float
:
left
;
width
:
70px
;
height
:
70px
;
background
:
rgba
(
234
,
244
,
255
,
1
);
margin-right
:
22px
}
.details-righttext
{
float
:
left
;
width
:
80%
}
.righttext-name
{
width
:
100%
;
line-height
:
24px
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.righttext-span
{
line-height
:
24px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.righttext-span
>
span
{
display
:
inline-block
}
.policylist-essay
{
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
2px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-top
:
none
}
.essay-title
{
width
:
100%
;
height
:
175px
;
padding-top
:
30px
;
box-sizing
:
border-box
}
.essay-title-name
{
width
:
100%
;
height
:
75px
;
font-size
:
24px
;
font-weight
:
600
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
72
,
72
,
72
,
1
);
line-height
:
40px
;
text-align
:
center
}
.essay-title-list
{
width
:
100%
;
margin-top
:
20px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
170
,
170
,
170
,
1
)}
.essay-title-list
>
span
{
margin-right
:
38px
}
.essay-content
{
width
:
95%
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
85
,
85
,
85
,
1
);
line-height
:
42px
;
margin
:
0
auto
}
.policylist-buttons
{
width
:
100%
;
padding-bottom
:
30px
;
border-bottom
:
1px
solid
rgba
(
239
,
239
,
239
,
1
);
overflow
:
hidden
}
.policylist-buttons
>
div
{
float
:
right
;
width
:
120px
;
height
:
32px
;
line-height
:
32px
;
margin-right
:
13px
;
border-radius
:
20px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
text-align
:
center
;
cursor
:
pointer
}
.policylist-navigation
{
width
:
100%
;
height
:
107px
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
70
,
70
,
70
,
1
);
padding
:
30px
0
;
box-sizing
:
border-box
}
.policylist-navigation
>
div
{
line-height
:
24px
;
cursor
:
pointer
}
.policylist-qr
{
width
:
100%
;
height
:
134px
;
line-height
:
134px
;
background
:
rgba
(
248
,
248
,
248
,
1
);
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
72
,
72
,
72
,
1
);
text-align
:
center
}
.shenbao2
{
width
:
85%
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
margin-left
:
0
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/policyquery/policyquery.css
View file @
ba286005
.list-img
>
span
,
.policylist-buttons
>
div
>
img
,
.policylist-qr
>
img
{
vertical-align
:
middle
}
.policylist-title
{
width
:
100%
;
height
:
51px
;
line-height
:
35px
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei-Bold
,
MicrosoftYaHei
;
font-weight
:
700
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.policyquery-items
>
.items_item
,
.policyquery-items
>
.items_left
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
float
:
left
;
box-sizing
:
border-box
}
.policyquery-items
{
width
:
100%
;
display
:
-webkit-flex
;
align-items
:
stretch
;
max-height
:
64px
}
.policyquery-items
>
.items_left
{
width
:
97px
;
height
:
inherit
;
padding
:
13px
20px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policyquery-items
>
.items_item
{
width
:
calc
(
100%
-
167px
);
padding
:
5px
26px
;
color
:
rgba
(
72
,
72
,
72
,
1
);
overflow
:
hidden
}
.policylist-headerbut
,
.policylist-selected
>
.leftName
,
.policyquery-items
>
.items_right
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
}
.policyquery-items
>
.items_item
>
div
{
float
:
left
;
padding
:
8px
20px
8px
0
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.policyquery-items
>
.items_item
>
.pitch
{
color
:
#118EE9
}
.policyquery-items
>
.items_right
{
width
:
70px
;
float
:
right
;
padding-right
:
20px
;
padding-top
:
13px
;
box-sizing
:
border-box
;
color
:
rgba
(
72
,
72
,
72
,
1
);
cursor
:
pointer
}
.policyquery-items
>
.items_right
>
i
{
margin-left
:
2px
}
.policylist-headerbut
{
margin
:
0
auto
10px
;
text-align
:
center
;
width
:
100%
;
height
:
42px
;
line-height
:
22px
;
cursor
:
pointer
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
border-top
:
none
}
.policylist-selected
{
width
:
100%
;
min-height
:
40px
;
overflow
:
hidden
;
padding-left
:
20px
;
line-height
:
40px
}
.policylist-selected
>
.leftName
{
width
:
97px
;
float
:
left
;
color
:
rgba
(
47
,
47
,
47
,
1
)}
.policylist-selected
>
.itemsName
{
width
:
calc
(
100%
-
97px
);
float
:
left
;
overflow
:
hidden
;
padding-top
:
10px
}
.policylist-selected
>
.itemsName
>
.itemName
{
float
:
left
;
margin-right
:
6px
;
margin-bottom
:
16px
;
padding
:
0
20px
0
6px
;
box-sizing
:
border-box
;
height
:
26px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
);
text-align
:
center
;
line-height
:
26px
;
color
:
#118EE9
;
position
:
relative
;
font-size
:
12px
}
.henxian
,
.policylist-header
{
background
:
#fff
}
.policylist-selected
>
.itemsName
>
.itemName
>
i
{
position
:
absolute
;
right
:
1px
;
top
:
6px
;
cursor
:
pointer
;
border
:
1px
dotted
#333
}
.policylist-warpper
{
width
:
100%
;
height
:
100%
;
padding
:
20px
;
box-sizing
:
border-box
}
.el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0
}
.policylist-headerbut
{
background
:
#fff
;
position
:
relative
;
top
:
-1px
;
color
:
rgba
(
121
,
121
,
121
,
1
)
!important
}
.policyquery-items
>
.items_item
>
div
{
padding-right
:
30px
!important
}
.policyquery-items
>
.items_item
>
div
:hover
,
.policyquery-items
>
.items_right
:hover
{
color
:
#118EE9
}
.policyquery-items
:nth-child
(
1
)
{
border-top
:
1px
solid
#F0F3F0
}
.policyquery-items
,
.policyquery-items
:last-child
{
border
:
none
!important
}
.policyquery-items
{
box-sizing
:
border-box
}
.policylist-warpper
>
.policylist
{
width
:
1200px
;
margin
:
0
auto
;
height
:
100%
}
.policylist-header
,
.policylist-header1
{
width
:
100%
;
box-sizing
:
border-box
;
margin-top
:
20px
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
overflow
:
hidden
}
.policylist-portrayal
,
.policylist-tile
{
border-radius
:
1px
;
box-sizing
:
border-box
}
.henxian
{
border-top
:
1px
solid
#e1e1e1
;
width
:
90%
;
margin
:
0
auto
}
.policylist-tile
{
width
:
100%
;
overflow
:
hidden
;
height
:
40px
;
background
:
rgba
(
15
,
142
,
233
,
.1
)}
.header-left
{
float
:
left
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
121
,
121
,
121
,
1
);
cursor
:
pointer
}
.header-right
{
float
:
right
;
width
:
110px
;
height
:
28px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-swiper
{
width
:
100%
;
margin-top
:
30px
;
height
:
150px
;
padding
:
20px
;
box-sizing
:
border-box
;
position
:
relative
;
background-color
:
#FAFAFA
}
.swiper-main
{
width
:
96%
;
height
:
100%
;
margin
:
0
auto
;
white-space
:
nowrap
;
overflow
:
hidden
}
.swiper-leftButton
,
.swiper-rightButton
{
top
:
33%
;
width
:
16px
;
height
:
54px
;
line-height
:
54px
;
background
:
rgba
(
240
,
240
,
240
,
1
);
border-radius
:
2px
;
cursor
:
pointer
;
position
:
absolute
;
text-align
:
center
}
.swiper-leftButton
{
left
:
20px
}
.swiper-rightButton
{
right
:
20px
}
.main-lists
,
.mian-list
{
display
:
inline-block
;
height
:
100%
;
overflow
:
hidden
}
.swiper-leftButton
:hover
,
.swiper-rightButton
:hover
{
background-color
:
rgba
(
235
,
242
,
255
,
1
);
color
:
#97A6AD
}
.mian-list
,
.mian-list
:hover
{
background
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
2px
2px
5px
0
rgba
(
226
,
226
,
226
,
.5
)}
.main-lists
{
white-space
:
nowrap
;
-webkit-transition
:
transform
.3s
linear
}
.mian-list
{
width
:
360px
;
margin-right
:
10px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
230
,
232
,
233
,
1
);
padding
:
20px
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.mian-list
:hover
{
border-radius
:
2px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
)}
.list-img
{
float
:
left
;
width
:
70px
;
height
:
70px
;
margin-right
:
20px
;
font-size
:
20px
;
color
:
#5D9ADD
;
background
:
rgba
(
235
,
242
,
255
,
1
);
white-space
:
normal
!important
;
text-align
:
center
;
display
:
table
;
padding
:
0
10px
;
box-sizing
:
border-box
}
.list-text-name
,
.list-text-title
{
font-size
:
14px
;
font-weight
:
500
;
font-family
:
PingFangSC-Medium
,
PingFangSC
}
.list-img
>
span
{
display
:
table-cell
}
.list-text
{
float
:
left
;
line-height
:
24px
;
letter-spacing
:
2px
}
.list-text-title
{
color
:
rgba
(
72
,
72
,
72
,
1
)}
.list-text-name
{
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-portrayal
{
width
:
100%
;
height
:
118px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-bottom
:
none
;
overflow
:
hidden
;
padding
:
20px
}
.portrayal-left
{
float
:
left
;
font-weight
:
600
;
color
:
#118EE9
;
font-size
:
1.6vw
;
margin-right
:
22px
}
.portrayal-right
{
float
:
left
;
width
:
85%
;
height
:
100%
;
overflow
:
hidden
;
padding
:
.5%
0
;
box-sizing
:
border-box
}
.portrayal-right-list
{
float
:
left
;
margin-right
:
16px
;
margin-bottom
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
cursor
:
default
}
.policylist-recommend
{
width
:
100%
;
height
:
60px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
247
,
247
,
248
,
1
);
padding
:
0
20px
;
line-height
:
60px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.recommend-title
{
float
:
left
;
font-weight
:
600
;
font-size
:
1.6vw
;
color
:
#F2784B
;
margin-right
:
22px
}
.recommend-name
{
float
:
left
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-right
:
30px
;
font-weight
:
600
}
.recommend-name
>
span
{
margin-left
:
10px
;
color
:
#118EE9
}
.el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
}
.recommend-input
{
width
:
667px
;
height
:
36px
;
margin-left
:
30px
;
float
:
left
}
.policylist-content
{
width
:
100%
}
.policylist-content-list
{
width
:
100%
;
padding
:
20px
30px
;
box-sizing
:
border-box
;
border-bottom
:
1px
solid
rgba
(
225
,
225
,
225
,
1
)}
.policylist-conten-title
{
font-size
:
18px
;
font-family
:
PingFangSC-Semibold
,
PingFangSC
;
font-weight
:
600
;
color
:
rgba
(
72
,
72
,
72
,
1
);
margin-bottom
:
15px
;
cursor
:
pointer
;
display
:
flex
}
.policylist-conten-title
a
{
text-decoration
:
none
!important
;
color
:
#333
!important
}
.policylist-conten-title
span
{
margin-left
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.policylist-conten-items
,
.policylist-conten-text
,
.policylistsitems
,
.righttext-name
,
.righttext-span
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
}
.policylist-conten-text
{
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-bottom
:
13px
}
.policylist-conten-items
,
.policylistsitems
{
color
:
rgba
(
153
,
153
,
153
,
1
)}
.policylist-conten-items
img
,
.policylistsitems
img
{
border
:
1px
dotted
#999
;
vertical-align
:
middle
}
.zuo
{
float
:
right
;
margin-top
:
-10px
}
.shuju
{
position
:
absolute
;
left
:
30%
;
top
:
60%
}
.policylist-pagination
{
text-align
:
center
;
margin-top
:
30px
}
.policylist-details
{
width
:
100%
;
height
:
130px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
padding
:
30px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.details-leftimg
{
float
:
left
;
width
:
70px
;
height
:
70px
;
background
:
rgba
(
234
,
244
,
255
,
1
);
margin-right
:
22px
}
.details-righttext
{
float
:
left
;
width
:
80%
}
.righttext-name
{
width
:
100%
;
line-height
:
24px
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.righttext-span
{
line-height
:
24px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.righttext-span
>
span
{
display
:
inline-block
}
.policylist-essay
{
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
2px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-top
:
none
}
.essay-title
{
width
:
100%
;
height
:
175px
;
padding-top
:
30px
;
box-sizing
:
border-box
}
.essay-title-name
{
width
:
100%
;
height
:
75px
;
font-size
:
24px
;
font-weight
:
600
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
72
,
72
,
72
,
1
);
line-height
:
40px
;
text-align
:
center
}
.essay-title-list
{
width
:
100%
;
margin-top
:
20px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
170
,
170
,
170
,
1
)}
.essay-title-list
>
span
{
margin-right
:
38px
}
.essay-content
{
width
:
95%
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
85
,
85
,
85
,
1
);
line-height
:
42px
;
margin
:
0
auto
}
.policylist-buttons
{
width
:
100%
;
padding-bottom
:
30px
;
border-bottom
:
1px
solid
rgba
(
239
,
239
,
239
,
1
);
overflow
:
hidden
}
.policylist-buttons
>
div
{
float
:
right
;
width
:
120px
;
height
:
32px
;
line-height
:
32px
;
margin-right
:
13px
;
border-radius
:
20px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
text-align
:
center
;
cursor
:
pointer
}
.policylist-navigation
{
width
:
100%
;
height
:
107px
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
70
,
70
,
70
,
1
);
padding
:
30px
0
;
box-sizing
:
border-box
}
.policylist-navigation
>
div
{
line-height
:
24px
;
cursor
:
pointer
}
.policylist-qr
{
width
:
100%
;
height
:
134px
;
line-height
:
134px
;
background
:
rgba
(
248
,
248
,
248
,
1
);
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
72
,
72
,
72
,
1
);
text-align
:
center
}
\ No newline at end of file
.list-img
>
span
,
.policylist-buttons
>
div
>
img
,
.policylist-qr
>
img
{
vertical-align
:
middle
}
.policylist-title
{
width
:
100%
;
height
:
51px
;
line-height
:
35px
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei-Bold
,
MicrosoftYaHei
;
font-weight
:
700
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.policyquery-items
>
.items_item
,
.policyquery-items
>
.items_left
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
float
:
left
;
box-sizing
:
border-box
}
.policyquery-items
{
width
:
100%
;
display
:
-webkit-flex
;
align-items
:
stretch
;
max-height
:
64px
}
.policyquery-items
>
.items_left
{
width
:
97px
;
height
:
inherit
;
padding
:
13px
20px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policyquery-items
>
.items_item
{
width
:
calc
(
100%
-
167px
);
padding
:
5px
26px
;
color
:
rgba
(
72
,
72
,
72
,
1
);
overflow
:
hidden
}
.policylist-headerbut
,
.policylist-selected
>
.leftName
,
.policyquery-items
>
.items_right
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
}
.policyquery-items
>
.items_item
>
div
{
float
:
left
;
padding
:
8px
20px
8px
0
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.policyquery-items
>
.items_item
>
.pitch
{
color
:
#118EE9
}
.policyquery-items
>
.items_right
{
width
:
70px
;
float
:
right
;
padding-right
:
20px
;
padding-top
:
13px
;
box-sizing
:
border-box
;
color
:
rgba
(
72
,
72
,
72
,
1
);
cursor
:
pointer
}
.policyquery-items
>
.items_right
>
i
{
margin-left
:
2px
}
.policylist-headerbut
{
margin
:
0
auto
10px
;
text-align
:
center
;
width
:
100%
;
height
:
42px
;
line-height
:
22px
;
cursor
:
pointer
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
border-top
:
none
}
.policylist-selected
{
width
:
100%
;
min-height
:
40px
;
overflow
:
hidden
;
padding-left
:
20px
;
line-height
:
40px
}
.policylist-selected
>
.leftName
{
width
:
97px
;
float
:
left
;
color
:
rgba
(
47
,
47
,
47
,
1
)}
.policylist-selected
>
.itemsName
{
width
:
calc
(
100%
-
97px
);
float
:
left
;
overflow
:
hidden
;
padding-top
:
10px
}
.policylist-selected
>
.itemsName
>
.itemName
{
float
:
left
;
margin-right
:
6px
;
margin-bottom
:
16px
;
padding
:
0
20px
0
6px
;
box-sizing
:
border-box
;
height
:
26px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
);
text-align
:
center
;
line-height
:
26px
;
color
:
#118EE9
;
position
:
relative
;
font-size
:
12px
}
.henxian
,
.policylist-header
{
background
:
#fff
}
.policylist-selected
>
.itemsName
>
.itemName
>
i
{
position
:
absolute
;
right
:
1px
;
top
:
6px
;
cursor
:
pointer
;
border
:
1px
dotted
#333
}
.policylist-warpper
{
width
:
100%
;
height
:
100%
;
padding
:
20px
;
box-sizing
:
border-box
}
.policylist-warpper
.el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0
}
.policylist-headerbut
{
background
:
#fff
;
position
:
relative
;
top
:
-1px
;
color
:
rgba
(
121
,
121
,
121
,
1
)
!important
}
.policyquery-items
>
.items_item
>
div
{
padding-right
:
30px
!important
}
.policyquery-items
>
.items_item
>
div
:hover
,
.policyquery-items
>
.items_right
:hover
{
color
:
#118EE9
}
.policyquery-items
:nth-child
(
1
)
{
border-top
:
1px
solid
#F0F3F0
}
.policyquery-items
,
.policyquery-items
:last-child
{
border
:
none
!important
}
.policyquery-items
{
box-sizing
:
border-box
}
.policylist-warpper
>
.policylist
{
width
:
1200px
;
margin
:
0
auto
;
height
:
100%
}
.policylist-header
,
.policylist-header1
{
width
:
100%
;
box-sizing
:
border-box
;
margin-top
:
20px
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
overflow
:
hidden
}
.policylist-portrayal
,
.policylist-tile
{
border-radius
:
1px
;
box-sizing
:
border-box
}
.henxian
{
border-top
:
1px
solid
#e1e1e1
;
width
:
90%
;
margin
:
0
auto
}
.policylist-tile
{
width
:
100%
;
overflow
:
hidden
;
height
:
40px
;
background
:
rgba
(
15
,
142
,
233
,
.1
)}
.header-left
{
float
:
left
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
121
,
121
,
121
,
1
);
cursor
:
pointer
}
.header-right
{
float
:
right
;
width
:
110px
;
height
:
28px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-swiper
{
width
:
100%
;
margin-top
:
30px
;
height
:
150px
;
padding
:
20px
;
box-sizing
:
border-box
;
position
:
relative
;
background-color
:
#FAFAFA
}
.swiper-main
{
width
:
96%
;
height
:
100%
;
margin
:
0
auto
;
white-space
:
nowrap
;
overflow
:
hidden
}
.swiper-leftButton
,
.swiper-rightButton
{
top
:
33%
;
width
:
16px
;
height
:
54px
;
line-height
:
54px
;
background
:
rgba
(
240
,
240
,
240
,
1
);
border-radius
:
2px
;
cursor
:
pointer
;
position
:
absolute
;
text-align
:
center
}
.swiper-leftButton
{
left
:
20px
}
.swiper-rightButton
{
right
:
20px
}
.main-lists
,
.mian-list
{
display
:
inline-block
;
height
:
100%
;
overflow
:
hidden
}
.swiper-leftButton
:hover
,
.swiper-rightButton
:hover
{
background-color
:
rgba
(
235
,
242
,
255
,
1
);
color
:
#97A6AD
}
.mian-list
,
.mian-list
:hover
{
background
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
2px
2px
5px
0
rgba
(
226
,
226
,
226
,
.5
)}
.main-lists
{
white-space
:
nowrap
;
-webkit-transition
:
transform
.3s
linear
}
.mian-list
{
width
:
360px
;
margin-right
:
10px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
230
,
232
,
233
,
1
);
padding
:
20px
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.mian-list
:hover
{
border-radius
:
2px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
)}
.list-img
{
float
:
left
;
width
:
70px
;
height
:
70px
;
margin-right
:
20px
;
font-size
:
20px
;
color
:
#5D9ADD
;
background
:
rgba
(
235
,
242
,
255
,
1
);
white-space
:
normal
!important
;
text-align
:
center
;
display
:
table
;
padding
:
0
10px
;
box-sizing
:
border-box
}
.list-text-name
,
.list-text-title
{
font-size
:
14px
;
font-weight
:
500
;
font-family
:
PingFangSC-Medium
,
PingFangSC
}
.list-img
>
span
{
display
:
table-cell
}
.list-text
{
float
:
left
;
line-height
:
24px
;
letter-spacing
:
2px
}
.list-text-title
{
color
:
rgba
(
72
,
72
,
72
,
1
)}
.list-text-name
{
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-portrayal
{
width
:
100%
;
height
:
118px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-bottom
:
none
;
overflow
:
hidden
;
padding
:
20px
}
.portrayal-left
{
float
:
left
;
font-weight
:
600
;
color
:
#118EE9
;
font-size
:
1.6vw
;
margin-right
:
22px
}
.portrayal-right
{
float
:
left
;
width
:
85%
;
height
:
100%
;
overflow
:
hidden
;
padding
:
.5%
0
;
box-sizing
:
border-box
}
.portrayal-right-list
{
float
:
left
;
margin-right
:
16px
;
margin-bottom
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
cursor
:
default
}
.policylist-recommend
{
width
:
100%
;
height
:
60px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
247
,
247
,
248
,
1
);
padding
:
0
20px
;
line-height
:
60px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.recommend-title
{
float
:
left
;
font-weight
:
600
;
font-size
:
1.6vw
;
color
:
#F2784B
;
margin-right
:
22px
}
.recommend-name
{
float
:
left
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-right
:
30px
;
font-weight
:
600
}
.recommend-name
>
span
{
margin-left
:
10px
;
color
:
#118EE9
}
.policylist-warpper
.el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
}
.recommend-input
{
width
:
667px
;
height
:
36px
;
margin-left
:
30px
;
float
:
left
}
.policylist-content
{
width
:
100%
}
.policylist-content-list
{
width
:
100%
;
padding
:
20px
30px
;
box-sizing
:
border-box
;
border-bottom
:
1px
solid
rgba
(
225
,
225
,
225
,
1
)}
.policylist-conten-title
{
font-size
:
18px
;
font-family
:
PingFangSC-Semibold
,
PingFangSC
;
font-weight
:
600
;
color
:
rgba
(
72
,
72
,
72
,
1
);
margin-bottom
:
15px
;
cursor
:
pointer
;
display
:
flex
}
.policylist-conten-title
a
{
text-decoration
:
none
!important
;
color
:
#333
!important
}
.policylist-conten-title
span
{
margin-left
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.policylist-conten-items
,
.policylist-conten-text
,
.policylistsitems
,
.righttext-name
,
.righttext-span
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
}
.policylist-conten-text
{
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-bottom
:
13px
}
.policylist-conten-items
,
.policylistsitems
{
color
:
rgba
(
153
,
153
,
153
,
1
)}
.policylist-conten-items
img
,
.policylistsitems
img
{
border
:
1px
dotted
#999
;
vertical-align
:
middle
}
.zuo
{
float
:
right
;
margin-top
:
-10px
}
.shuju
{
position
:
absolute
;
left
:
30%
;
top
:
60%
}
.policylist-pagination
{
text-align
:
center
;
margin-top
:
30px
}
.policylist-details
{
width
:
100%
;
height
:
130px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
padding
:
30px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.details-leftimg
{
float
:
left
;
width
:
70px
;
height
:
70px
;
background
:
rgba
(
234
,
244
,
255
,
1
);
margin-right
:
22px
}
.details-righttext
{
float
:
left
;
width
:
80%
}
.righttext-name
{
width
:
100%
;
line-height
:
24px
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.righttext-span
{
line-height
:
24px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.righttext-span
>
span
{
display
:
inline-block
}
.policylist-essay
{
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
2px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-top
:
none
}
.essay-title
{
width
:
100%
;
height
:
175px
;
padding-top
:
30px
;
box-sizing
:
border-box
}
.essay-title-name
{
width
:
100%
;
height
:
75px
;
font-size
:
24px
;
font-weight
:
600
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
72
,
72
,
72
,
1
);
line-height
:
40px
;
text-align
:
center
}
.essay-title-list
{
width
:
100%
;
margin-top
:
20px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
170
,
170
,
170
,
1
)}
.essay-title-list
>
span
{
margin-right
:
38px
}
.essay-content
{
width
:
95%
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
85
,
85
,
85
,
1
);
line-height
:
42px
;
margin
:
0
auto
}
.policylist-buttons
{
width
:
100%
;
padding-bottom
:
30px
;
border-bottom
:
1px
solid
rgba
(
239
,
239
,
239
,
1
);
overflow
:
hidden
}
.policylist-buttons
>
div
{
float
:
right
;
width
:
120px
;
height
:
32px
;
line-height
:
32px
;
margin-right
:
13px
;
border-radius
:
20px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
text-align
:
center
;
cursor
:
pointer
}
.policylist-navigation
{
width
:
100%
;
height
:
107px
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
70
,
70
,
70
,
1
);
padding
:
30px
0
;
box-sizing
:
border-box
}
.policylist-navigation
>
div
{
line-height
:
24px
;
cursor
:
pointer
}
.policylist-qr
{
width
:
100%
;
height
:
134px
;
line-height
:
134px
;
background
:
rgba
(
248
,
248
,
248
,
1
);
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
72
,
72
,
72
,
1
);
text-align
:
center
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/projectpublicity/projectpublicity.css
View file @
ba286005
.list-img
>
span
,
.policylist-buttons
>
div
>
img
,
.policylist-qr
>
img
{
vertical-align
:
middle
}
.policylist-title
{
width
:
100%
;
height
:
51px
;
line-height
:
35px
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei-Bold
,
MicrosoftYaHei
;
font-weight
:
700
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.policyquery-items
>
.items_item
,
.policyquery-items
>
.items_left
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
float
:
left
;
box-sizing
:
border-box
}
.policyquery-items
{
width
:
100%
;
display
:
-webkit-flex
;
align-items
:
stretch
;
max-height
:
64px
}
.policyquery-items
>
.items_left
{
width
:
97px
;
height
:
inherit
;
padding
:
13px
20px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policyquery-items
>
.items_item
{
width
:
calc
(
100%
-
167px
);
padding
:
5px
26px
;
color
:
rgba
(
72
,
72
,
72
,
1
);
overflow
:
hidden
}
.policylist-headerbut
,
.policylist-selected
>
.leftName
,
.policyquery-items
>
.items_right
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
}
.policyquery-items
>
.items_item
>
div
{
float
:
left
;
padding
:
8px
20px
8px
0
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.policyquery-items
>
.items_item
>
.pitch
{
color
:
#118EE9
}
.policyquery-items
>
.items_right
{
width
:
70px
;
float
:
right
;
padding-right
:
20px
;
padding-top
:
13px
;
box-sizing
:
border-box
;
color
:
rgba
(
72
,
72
,
72
,
1
);
cursor
:
pointer
}
.policyquery-items
>
.items_right
>
i
{
margin-left
:
2px
}
.policylist-headerbut
{
margin
:
0
auto
10px
;
text-align
:
center
;
width
:
100%
;
height
:
42px
;
line-height
:
22px
;
cursor
:
pointer
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
border-top
:
none
}
.policylist-selected
{
width
:
100%
;
min-height
:
40px
;
overflow
:
hidden
;
padding-left
:
20px
;
line-height
:
40px
}
.policylist-selected
>
.leftName
{
width
:
97px
;
float
:
left
;
color
:
rgba
(
47
,
47
,
47
,
1
)}
.policylist-selected
>
.itemsName
{
width
:
calc
(
100%
-
97px
);
float
:
left
;
overflow
:
hidden
;
padding-top
:
10px
}
.policylist-selected
>
.itemsName
>
.itemName
{
float
:
left
;
margin-right
:
6px
;
margin-bottom
:
16px
;
padding
:
0
20px
0
6px
;
box-sizing
:
border-box
;
height
:
26px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
);
text-align
:
center
;
line-height
:
26px
;
color
:
#118EE9
;
position
:
relative
;
font-size
:
12px
}
.henxian
,
.policylist-header
{
background
:
#fff
}
.policylist-selected
>
.itemsName
>
.itemName
>
i
{
position
:
absolute
;
right
:
1px
;
top
:
6px
;
cursor
:
pointer
;
border
:
1px
dotted
#333
}
.policylist-warpper
{
width
:
100%
;
height
:
100%
;
padding
:
20px
;
box-sizing
:
border-box
}
.el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0
}
.policylist-headerbut
{
background
:
#fff
;
position
:
relative
;
top
:
-1px
;
color
:
rgba
(
121
,
121
,
121
,
1
)
!important
}
.policyquery-items
>
.items_item
>
div
{
padding-right
:
30px
!important
}
.policyquery-items
>
.items_item
>
div
:hover
,
.policyquery-items
>
.items_right
:hover
{
color
:
#118EE9
}
.policyquery-items
:nth-child
(
1
)
{
border-top
:
1px
solid
#F0F3F0
}
.policyquery-items
,
.policyquery-items
:last-child
{
border
:
none
!important
}
.policyquery-items
{
box-sizing
:
border-box
}
.policylist-warpper
>
.policylist
{
width
:
1200px
;
margin
:
0
auto
;
height
:
100%
}
.policylist-header
,
.policylist-header1
{
width
:
100%
;
box-sizing
:
border-box
;
margin-top
:
20px
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
overflow
:
hidden
}
.policylist-portrayal
,
.policylist-tile
{
border-radius
:
1px
;
box-sizing
:
border-box
}
.henxian
{
border-top
:
1px
solid
#e1e1e1
;
width
:
90%
;
margin
:
0
auto
}
.policylist-tile
{
width
:
100%
;
overflow
:
hidden
;
height
:
40px
;
background
:
rgba
(
15
,
142
,
233
,
.1
)}
.header-left
{
float
:
left
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
121
,
121
,
121
,
1
);
cursor
:
pointer
}
.header-right
{
float
:
right
;
width
:
110px
;
height
:
28px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-swiper
{
width
:
100%
;
margin-top
:
30px
;
height
:
150px
;
padding
:
20px
;
box-sizing
:
border-box
;
position
:
relative
;
background-color
:
#FAFAFA
}
.swiper-main
{
width
:
96%
;
height
:
100%
;
margin
:
0
auto
;
white-space
:
nowrap
;
overflow
:
hidden
}
.swiper-leftButton
,
.swiper-rightButton
{
top
:
33%
;
width
:
16px
;
height
:
54px
;
line-height
:
54px
;
background
:
rgba
(
240
,
240
,
240
,
1
);
border-radius
:
2px
;
cursor
:
pointer
;
position
:
absolute
;
text-align
:
center
}
.swiper-leftButton
{
left
:
20px
}
.swiper-rightButton
{
right
:
20px
}
.main-lists
,
.mian-list
{
display
:
inline-block
;
height
:
100%
;
overflow
:
hidden
}
.swiper-leftButton
:hover
,
.swiper-rightButton
:hover
{
background-color
:
rgba
(
235
,
242
,
255
,
1
);
color
:
#97A6AD
}
.mian-list
,
.mian-list
:hover
{
background
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
2px
2px
5px
0
rgba
(
226
,
226
,
226
,
.5
)}
.main-lists
{
white-space
:
nowrap
;
-webkit-transition
:
transform
.3s
linear
}
.mian-list
{
width
:
360px
;
margin-right
:
10px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
230
,
232
,
233
,
1
);
padding
:
20px
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.mian-list
:hover
{
border-radius
:
2px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
)}
.list-img
{
float
:
left
;
width
:
70px
;
height
:
70px
;
margin-right
:
20px
;
font-size
:
20px
;
color
:
#5D9ADD
;
background
:
rgba
(
235
,
242
,
255
,
1
);
white-space
:
normal
!important
;
text-align
:
center
;
display
:
table
;
padding
:
0
10px
;
box-sizing
:
border-box
}
.list-text-name
,
.list-text-title
{
font-size
:
14px
;
font-weight
:
500
;
font-family
:
PingFangSC-Medium
,
PingFangSC
}
.list-img
>
span
{
display
:
table-cell
}
.list-text
{
float
:
left
;
line-height
:
24px
;
letter-spacing
:
2px
}
.list-text-title
{
color
:
rgba
(
72
,
72
,
72
,
1
)}
.list-text-name
{
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-portrayal
{
width
:
100%
;
height
:
118px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-bottom
:
none
;
overflow
:
hidden
;
padding
:
20px
}
.portrayal-left
{
float
:
left
;
font-weight
:
600
;
color
:
#118EE9
;
font-size
:
1.6vw
;
margin-right
:
22px
}
.portrayal-right
{
float
:
left
;
width
:
85%
;
height
:
100%
;
overflow
:
hidden
;
padding
:
.5%
0
;
box-sizing
:
border-box
}
.portrayal-right-list
{
float
:
left
;
margin-right
:
16px
;
margin-bottom
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
cursor
:
default
}
.policylist-recommend
{
width
:
100%
;
height
:
60px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
247
,
247
,
248
,
1
);
padding
:
0
20px
;
line-height
:
60px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.recommend-title
{
float
:
left
;
font-weight
:
600
;
font-size
:
1.6vw
;
color
:
#F2784B
;
margin-right
:
22px
}
.recommend-name
{
float
:
left
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-right
:
30px
;
font-weight
:
600
}
.recommend-name
>
span
{
margin-left
:
10px
;
color
:
#118EE9
}
.el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
}
.recommend-input
{
width
:
667px
;
height
:
36px
;
margin-left
:
30px
;
float
:
left
}
.shuju3
,
.zuo
{
float
:
right
}
.policylist-content
{
width
:
100%
}
.policylist-content-list
{
width
:
900px
;
padding
:
20px
30px
;
box-sizing
:
border-box
;
border-bottom
:
1px
solid
rgba
(
225
,
225
,
225
,
1
)}
.policylist-conten-title
{
font-size
:
18px
;
font-family
:
PingFangSC-Semibold
,
PingFangSC
;
font-weight
:
600
;
color
:
rgba
(
72
,
72
,
72
,
1
);
margin-bottom
:
15px
;
cursor
:
pointer
;
display
:
flex
}
.policylist-conten-title
a
{
text-decoration
:
none
!important
;
color
:
#333
!important
}
.policylist-conten-title
span
{
margin-left
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.policylist-conten-items
,
.policylist-conten-text
,
.policylistsitems
,
.righttext-name
,
.righttext-span
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
}
.policylist-conten-text
{
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-bottom
:
13px
}
.policylist-conten-items
,
.policylistsitems
{
color
:
rgba
(
153
,
153
,
153
,
1
)}
.policylist-conten-items
img
,
.policylistsitems
img
{
border
:
1px
dotted
#999
;
vertical-align
:
middle
}
.zuo
{
margin-top
:
-10px
}
.shuju
{
position
:
absolute
;
left
:
30%
;
top
:
60%
}
.policylist-pagination
{
text-align
:
center
;
margin-top
:
30px
}
.policylist-details
{
width
:
100%
;
height
:
130px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
padding
:
30px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.details-leftimg
{
float
:
left
;
width
:
70px
;
height
:
70px
;
background
:
rgba
(
234
,
244
,
255
,
1
);
margin-right
:
22px
}
.details-righttext
{
float
:
left
;
width
:
80%
}
.righttext-name
{
width
:
100%
;
line-height
:
24px
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.righttext-span
{
line-height
:
24px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.righttext-span
>
span
{
display
:
inline-block
}
.policylist-essay
{
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
2px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-top
:
none
}
.essay-title
{
width
:
100%
;
height
:
175px
;
padding-top
:
30px
;
box-sizing
:
border-box
}
.essay-title-name
{
width
:
100%
;
height
:
75px
;
font-size
:
24px
;
font-weight
:
600
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
72
,
72
,
72
,
1
);
line-height
:
40px
;
text-align
:
center
}
.essay-title-list
{
width
:
100%
;
margin-top
:
20px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
170
,
170
,
170
,
1
)}
.essay-title-list
>
span
{
margin-right
:
38px
}
.essay-content
{
width
:
95%
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
85
,
85
,
85
,
1
);
line-height
:
42px
;
margin
:
0
auto
}
.policylist-buttons
{
width
:
100%
;
padding-bottom
:
30px
;
border-bottom
:
1px
solid
rgba
(
239
,
239
,
239
,
1
);
overflow
:
hidden
}
.policylist-buttons
>
div
{
float
:
right
;
width
:
120px
;
height
:
32px
;
line-height
:
32px
;
margin-right
:
13px
;
border-radius
:
20px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
text-align
:
center
;
cursor
:
pointer
}
.policylist-navigation
{
width
:
100%
;
height
:
107px
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
70
,
70
,
70
,
1
);
padding
:
30px
0
;
box-sizing
:
border-box
}
.policylist-navigation
>
div
{
line-height
:
24px
;
cursor
:
pointer
}
.policylist-qr
{
width
:
100%
;
height
:
134px
;
line-height
:
134px
;
background
:
rgba
(
248
,
248
,
248
,
1
);
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
72
,
72
,
72
,
1
);
text-align
:
center
}
.shenbao2
{
width
:
85%
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
margin-left
:
0
}
\ No newline at end of file
.list-img
>
span
,
.policylist-buttons
>
div
>
img
,
.policylist-qr
>
img
{
vertical-align
:
middle
}
.policylist-title
{
width
:
100%
;
height
:
51px
;
line-height
:
35px
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei-Bold
,
MicrosoftYaHei
;
font-weight
:
700
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.policyquery-items
>
.items_item
,
.policyquery-items
>
.items_left
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
float
:
left
;
box-sizing
:
border-box
}
.policyquery-items
{
width
:
100%
;
display
:
-webkit-flex
;
align-items
:
stretch
;
max-height
:
64px
}
.policyquery-items
>
.items_left
{
width
:
97px
;
height
:
inherit
;
padding
:
13px
20px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policyquery-items
>
.items_item
{
width
:
calc
(
100%
-
167px
);
padding
:
5px
26px
;
color
:
rgba
(
72
,
72
,
72
,
1
);
overflow
:
hidden
}
.policylist-headerbut
,
.policylist-selected
>
.leftName
,
.policyquery-items
>
.items_right
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
}
.policyquery-items
>
.items_item
>
div
{
float
:
left
;
padding
:
8px
20px
8px
0
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.policyquery-items
>
.items_item
>
.pitch
{
color
:
#118EE9
}
.policyquery-items
>
.items_right
{
width
:
70px
;
float
:
right
;
padding-right
:
20px
;
padding-top
:
13px
;
box-sizing
:
border-box
;
color
:
rgba
(
72
,
72
,
72
,
1
);
cursor
:
pointer
}
.policyquery-items
>
.items_right
>
i
{
margin-left
:
2px
}
.policylist-headerbut
{
margin
:
0
auto
10px
;
text-align
:
center
;
width
:
100%
;
height
:
42px
;
line-height
:
22px
;
cursor
:
pointer
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
border-top
:
none
}
.policylist-selected
{
width
:
100%
;
min-height
:
40px
;
overflow
:
hidden
;
padding-left
:
20px
;
line-height
:
40px
}
.policylist-selected
>
.leftName
{
width
:
97px
;
float
:
left
;
color
:
rgba
(
47
,
47
,
47
,
1
)}
.policylist-selected
>
.itemsName
{
width
:
calc
(
100%
-
97px
);
float
:
left
;
overflow
:
hidden
;
padding-top
:
10px
}
.policylist-selected
>
.itemsName
>
.itemName
{
float
:
left
;
margin-right
:
6px
;
margin-bottom
:
16px
;
padding
:
0
20px
0
6px
;
box-sizing
:
border-box
;
height
:
26px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
);
text-align
:
center
;
line-height
:
26px
;
color
:
#118EE9
;
position
:
relative
;
font-size
:
12px
}
.henxian
,
.policylist-header
{
background
:
#fff
}
.policylist-selected
>
.itemsName
>
.itemName
>
i
{
position
:
absolute
;
right
:
1px
;
top
:
6px
;
cursor
:
pointer
;
border
:
1px
dotted
#333
}
.policylist-warpper
{
width
:
100%
;
height
:
100%
;
padding
:
20px
;
box-sizing
:
border-box
}
.policylist-warpper
.el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0
}
.policylist-headerbut
{
background
:
#fff
;
position
:
relative
;
top
:
-1px
;
color
:
rgba
(
121
,
121
,
121
,
1
)
!important
}
.policyquery-items
>
.items_item
>
div
{
padding-right
:
30px
!important
}
.policyquery-items
>
.items_item
>
div
:hover
,
.policyquery-items
>
.items_right
:hover
{
color
:
#118EE9
}
.policyquery-items
:nth-child
(
1
)
{
border-top
:
1px
solid
#F0F3F0
}
.policyquery-items
,
.policyquery-items
:last-child
{
border
:
none
!important
}
.policyquery-items
{
box-sizing
:
border-box
}
.policylist-warpper
>
.policylist
{
width
:
1200px
;
margin
:
0
auto
;
height
:
100%
}
.policylist-header
,
.policylist-header1
{
width
:
100%
;
box-sizing
:
border-box
;
margin-top
:
20px
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
overflow
:
hidden
}
.policylist-portrayal
,
.policylist-tile
{
border-radius
:
1px
;
box-sizing
:
border-box
}
.henxian
{
border-top
:
1px
solid
#e1e1e1
;
width
:
90%
;
margin
:
0
auto
}
.policylist-tile
{
width
:
100%
;
overflow
:
hidden
;
height
:
40px
;
background
:
rgba
(
15
,
142
,
233
,
.1
)}
.header-left
{
float
:
left
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
121
,
121
,
121
,
1
);
cursor
:
pointer
}
.header-right
{
float
:
right
;
width
:
110px
;
height
:
28px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-swiper
{
width
:
100%
;
margin-top
:
30px
;
height
:
150px
;
padding
:
20px
;
box-sizing
:
border-box
;
position
:
relative
;
background-color
:
#FAFAFA
}
.swiper-main
{
width
:
96%
;
height
:
100%
;
margin
:
0
auto
;
white-space
:
nowrap
;
overflow
:
hidden
}
.swiper-leftButton
,
.swiper-rightButton
{
top
:
33%
;
width
:
16px
;
height
:
54px
;
line-height
:
54px
;
background
:
rgba
(
240
,
240
,
240
,
1
);
border-radius
:
2px
;
cursor
:
pointer
;
position
:
absolute
;
text-align
:
center
}
.swiper-leftButton
{
left
:
20px
}
.swiper-rightButton
{
right
:
20px
}
.main-lists
,
.mian-list
{
display
:
inline-block
;
height
:
100%
;
overflow
:
hidden
}
.swiper-leftButton
:hover
,
.swiper-rightButton
:hover
{
background-color
:
rgba
(
235
,
242
,
255
,
1
);
color
:
#97A6AD
}
.mian-list
,
.mian-list
:hover
{
background
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
2px
2px
5px
0
rgba
(
226
,
226
,
226
,
.5
)}
.main-lists
{
white-space
:
nowrap
;
-webkit-transition
:
transform
.3s
linear
}
.mian-list
{
width
:
360px
;
margin-right
:
10px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
230
,
232
,
233
,
1
);
padding
:
20px
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.mian-list
:hover
{
border-radius
:
2px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
)}
.list-img
{
float
:
left
;
width
:
70px
;
height
:
70px
;
margin-right
:
20px
;
font-size
:
20px
;
color
:
#5D9ADD
;
background
:
rgba
(
235
,
242
,
255
,
1
);
white-space
:
normal
!important
;
text-align
:
center
;
display
:
table
;
padding
:
0
10px
;
box-sizing
:
border-box
}
.list-text-name
,
.list-text-title
{
font-size
:
14px
;
font-weight
:
500
;
font-family
:
PingFangSC-Medium
,
PingFangSC
}
.list-img
>
span
{
display
:
table-cell
}
.list-text
{
float
:
left
;
line-height
:
24px
;
letter-spacing
:
2px
}
.list-text-title
{
color
:
rgba
(
72
,
72
,
72
,
1
)}
.list-text-name
{
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-portrayal
{
width
:
100%
;
height
:
118px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-bottom
:
none
;
overflow
:
hidden
;
padding
:
20px
}
.portrayal-left
{
float
:
left
;
font-weight
:
600
;
color
:
#118EE9
;
font-size
:
1.6vw
;
margin-right
:
22px
}
.portrayal-right
{
float
:
left
;
width
:
85%
;
height
:
100%
;
overflow
:
hidden
;
padding
:
.5%
0
;
box-sizing
:
border-box
}
.portrayal-right-list
{
float
:
left
;
margin-right
:
16px
;
margin-bottom
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
cursor
:
default
}
.policylist-recommend
{
width
:
100%
;
height
:
60px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
247
,
247
,
248
,
1
);
padding
:
0
20px
;
line-height
:
60px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.recommend-title
{
float
:
left
;
font-weight
:
600
;
font-size
:
1.6vw
;
color
:
#F2784B
;
margin-right
:
22px
}
.recommend-name
{
float
:
left
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-right
:
30px
;
font-weight
:
600
}
.recommend-name
>
span
{
margin-left
:
10px
;
color
:
#118EE9
}
.policylist-warpper
.el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
}
.recommend-input
{
width
:
667px
;
height
:
36px
;
margin-left
:
30px
;
float
:
left
}
.shuju3
,
.zuo
{
float
:
right
}
.policylist-content
{
width
:
100%
}
.policylist-content-list
{
width
:
900px
;
padding
:
20px
30px
;
box-sizing
:
border-box
;
border-bottom
:
1px
solid
rgba
(
225
,
225
,
225
,
1
)}
.policylist-conten-title
{
font-size
:
18px
;
font-family
:
PingFangSC-Semibold
,
PingFangSC
;
font-weight
:
600
;
color
:
rgba
(
72
,
72
,
72
,
1
);
margin-bottom
:
15px
;
cursor
:
pointer
;
display
:
flex
}
.policylist-conten-title
a
{
text-decoration
:
none
!important
;
color
:
#333
!important
}
.policylist-conten-title
span
{
margin-left
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.policylist-conten-items
,
.policylist-conten-text
,
.policylistsitems
,
.righttext-name
,
.righttext-span
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
}
.policylist-conten-text
{
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-bottom
:
13px
}
.policylist-conten-items
,
.policylistsitems
{
color
:
rgba
(
153
,
153
,
153
,
1
)}
.policylist-conten-items
img
,
.policylistsitems
img
{
border
:
1px
dotted
#999
;
vertical-align
:
middle
}
.zuo
{
margin-top
:
-10px
}
.shuju
{
position
:
absolute
;
left
:
30%
;
top
:
60%
}
.policylist-pagination
{
text-align
:
center
;
margin-top
:
30px
}
.policylist-details
{
width
:
100%
;
height
:
130px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
padding
:
30px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.details-leftimg
{
float
:
left
;
width
:
70px
;
height
:
70px
;
background
:
rgba
(
234
,
244
,
255
,
1
);
margin-right
:
22px
}
.details-righttext
{
float
:
left
;
width
:
80%
}
.righttext-name
{
width
:
100%
;
line-height
:
24px
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.righttext-span
{
line-height
:
24px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.righttext-span
>
span
{
display
:
inline-block
}
.policylist-essay
{
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
2px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-top
:
none
}
.essay-title
{
width
:
100%
;
height
:
175px
;
padding-top
:
30px
;
box-sizing
:
border-box
}
.essay-title-name
{
width
:
100%
;
height
:
75px
;
font-size
:
24px
;
font-weight
:
600
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
72
,
72
,
72
,
1
);
line-height
:
40px
;
text-align
:
center
}
.essay-title-list
{
width
:
100%
;
margin-top
:
20px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
170
,
170
,
170
,
1
)}
.essay-title-list
>
span
{
margin-right
:
38px
}
.essay-content
{
width
:
95%
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
85
,
85
,
85
,
1
);
line-height
:
42px
;
margin
:
0
auto
}
.policylist-buttons
{
width
:
100%
;
padding-bottom
:
30px
;
border-bottom
:
1px
solid
rgba
(
239
,
239
,
239
,
1
);
overflow
:
hidden
}
.policylist-buttons
>
div
{
float
:
right
;
width
:
120px
;
height
:
32px
;
line-height
:
32px
;
margin-right
:
13px
;
border-radius
:
20px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
text-align
:
center
;
cursor
:
pointer
}
.policylist-navigation
{
width
:
100%
;
height
:
107px
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
70
,
70
,
70
,
1
);
padding
:
30px
0
;
box-sizing
:
border-box
}
.policylist-navigation
>
div
{
line-height
:
24px
;
cursor
:
pointer
}
.policylist-qr
{
width
:
100%
;
height
:
134px
;
line-height
:
134px
;
background
:
rgba
(
248
,
248
,
248
,
1
);
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
72
,
72
,
72
,
1
);
text-align
:
center
}
.shenbao2
{
width
:
85%
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
margin-left
:
0
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/recommen/recommen.css
View file @
ba286005
.list-img
>
span
,
.policylist-buttons
>
div
>
img
,
.policylist-qr
>
img
{
vertical-align
:
middle
}
.policylist-title
{
width
:
100%
;
height
:
51px
;
line-height
:
35px
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei-Bold
,
MicrosoftYaHei
;
font-weight
:
700
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.policyquery-items
>
.items_item
,
.policyquery-items
>
.items_left
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
float
:
left
;
box-sizing
:
border-box
}
.policyquery-items
{
width
:
100%
;
display
:
-webkit-flex
;
align-items
:
stretch
;
max-height
:
64px
}
.policyquery-items
>
.items_left
{
width
:
97px
;
height
:
inherit
;
padding
:
13px
20px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policyquery-items
>
.items_item
{
width
:
calc
(
100%
-
167px
);
padding
:
5px
26px
;
color
:
rgba
(
72
,
72
,
72
,
1
);
overflow
:
hidden
}
.policylist-headerbut
,
.policylist-selected
>
.leftName
,
.policyquery-items
>
.items_right
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
}
.policyquery-items
>
.items_item
>
div
{
float
:
left
;
padding
:
8px
20px
8px
0
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.policyquery-items
>
.items_item
>
.pitch
{
color
:
#118EE9
}
.policyquery-items
>
.items_right
{
width
:
70px
;
float
:
right
;
padding-right
:
20px
;
padding-top
:
13px
;
box-sizing
:
border-box
;
color
:
rgba
(
72
,
72
,
72
,
1
);
cursor
:
pointer
}
.policyquery-items
>
.items_right
>
i
{
margin-left
:
2px
}
.policylist-headerbut
{
margin
:
0
auto
10px
;
text-align
:
center
;
width
:
100%
;
height
:
42px
;
line-height
:
22px
;
cursor
:
pointer
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
border-top
:
none
}
.policylist-selected
{
width
:
100%
;
min-height
:
40px
;
overflow
:
hidden
;
padding-left
:
20px
;
line-height
:
40px
}
.policylist-selected
>
.leftName
{
width
:
97px
;
float
:
left
;
color
:
rgba
(
47
,
47
,
47
,
1
)}
.policylist-selected
>
.itemsName
{
width
:
calc
(
100%
-
97px
);
float
:
left
;
overflow
:
hidden
;
padding-top
:
10px
}
.policylist-selected
>
.itemsName
>
.itemName
{
float
:
left
;
margin-right
:
6px
;
margin-bottom
:
16px
;
padding
:
0
20px
0
6px
;
box-sizing
:
border-box
;
height
:
26px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
);
text-align
:
center
;
line-height
:
26px
;
color
:
#118EE9
;
position
:
relative
;
font-size
:
12px
}
.henxian
,
.policylist-header
{
background
:
#fff
}
.policylist-selected
>
.itemsName
>
.itemName
>
i
{
position
:
absolute
;
right
:
1px
;
top
:
6px
;
cursor
:
pointer
;
border
:
1px
dotted
#333
}
.policylist-warpper
{
width
:
100%
;
height
:
100%
;
padding
:
20px
;
box-sizing
:
border-box
}
.el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0
}
.policylist-headerbut
{
background
:
#fff
;
position
:
relative
;
top
:
-1px
;
color
:
rgba
(
121
,
121
,
121
,
1
)
!important
}
.policyquery-items
>
.items_item
>
div
{
padding-right
:
30px
!important
}
.policyquery-items
>
.items_item
>
div
:hover
,
.policyquery-items
>
.items_right
:hover
{
color
:
#118EE9
}
.policyquery-items
:nth-child
(
1
)
{
border-top
:
1px
solid
#F0F3F0
}
.policyquery-items
,
.policyquery-items
:last-child
{
border
:
none
!important
}
.policyquery-items
{
box-sizing
:
border-box
}
.policylist-warpper
>
.policylist
{
width
:
1200px
;
margin
:
0
auto
;
height
:
100%
}
.policylist-header
,
.policylist-header1
{
width
:
100%
;
box-sizing
:
border-box
;
margin-top
:
20px
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
overflow
:
hidden
}
.policylist-portrayal
,
.policylist-tile
{
border-radius
:
1px
;
box-sizing
:
border-box
}
.henxian
{
border-top
:
1px
solid
#e1e1e1
;
width
:
90%
;
margin
:
0
auto
}
.policylist-tile
{
width
:
100%
;
overflow
:
hidden
;
height
:
40px
;
background
:
rgba
(
15
,
142
,
233
,
.1
)}
.header-left
{
float
:
left
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
121
,
121
,
121
,
1
);
cursor
:
pointer
}
.header-right
{
float
:
right
;
width
:
110px
;
height
:
28px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-swiper
{
width
:
100%
;
margin-top
:
30px
;
height
:
150px
;
padding
:
20px
;
box-sizing
:
border-box
;
position
:
relative
;
background-color
:
#FAFAFA
}
.swiper-main
{
width
:
96%
;
height
:
100%
;
margin
:
0
auto
;
white-space
:
nowrap
;
overflow
:
hidden
}
.swiper-leftButton
,
.swiper-rightButton
{
top
:
33%
;
width
:
16px
;
height
:
54px
;
line-height
:
54px
;
background
:
rgba
(
240
,
240
,
240
,
1
);
border-radius
:
2px
;
cursor
:
pointer
;
position
:
absolute
;
text-align
:
center
}
.swiper-leftButton
{
left
:
20px
}
.swiper-rightButton
{
right
:
20px
}
.main-lists
,
.mian-list
{
display
:
inline-block
;
height
:
100%
;
overflow
:
hidden
}
.swiper-leftButton
:hover
,
.swiper-rightButton
:hover
{
background-color
:
rgba
(
235
,
242
,
255
,
1
);
color
:
#97A6AD
}
.mian-list
,
.mian-list
:hover
{
background
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
2px
2px
5px
0
rgba
(
226
,
226
,
226
,
.5
)}
.main-lists
{
white-space
:
nowrap
;
-webkit-transition
:
transform
.3s
linear
}
.mian-list
{
width
:
360px
;
margin-right
:
10px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
230
,
232
,
233
,
1
);
padding
:
20px
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.mian-list
:hover
{
border-radius
:
2px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
)}
.list-img
{
float
:
left
;
width
:
70px
;
height
:
70px
;
margin-right
:
20px
;
font-size
:
20px
;
color
:
#5D9ADD
;
background
:
rgba
(
235
,
242
,
255
,
1
);
white-space
:
normal
!important
;
text-align
:
center
;
display
:
table
;
padding
:
0
10px
;
box-sizing
:
border-box
}
.list-text-name
,
.list-text-title
{
font-size
:
14px
;
font-weight
:
500
;
font-family
:
PingFangSC-Medium
,
PingFangSC
}
.list-img
>
span
{
display
:
table-cell
}
.list-text
{
float
:
left
;
line-height
:
24px
;
letter-spacing
:
2px
}
.list-text-title
{
color
:
rgba
(
72
,
72
,
72
,
1
)}
.list-text-name
{
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-portrayal
{
width
:
100%
;
height
:
118px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-bottom
:
none
;
overflow
:
hidden
;
padding
:
20px
}
.portrayal-left
{
float
:
left
;
font-weight
:
600
;
color
:
#118EE9
;
font-size
:
1.6vw
;
margin-right
:
22px
}
.portrayal-right
{
float
:
left
;
width
:
85%
;
height
:
100%
;
overflow
:
hidden
;
padding
:
.5%
0
;
box-sizing
:
border-box
}
.portrayal-right-list
{
float
:
left
;
margin-right
:
16px
;
margin-bottom
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
cursor
:
default
}
.policylist-recommend
{
width
:
100%
;
height
:
60px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
247
,
247
,
248
,
1
);
padding
:
0
20px
;
line-height
:
60px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.recommend-title
{
float
:
left
;
font-weight
:
600
;
font-size
:
1.6vw
;
color
:
#F2784B
;
margin-right
:
22px
}
.recommend-name
{
float
:
left
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-right
:
30px
;
font-weight
:
600
}
.recommend-name
>
span
{
margin-left
:
10px
;
color
:
#118EE9
}
.el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
}
.recommend-input
{
width
:
667px
;
height
:
36px
;
margin-left
:
30px
;
float
:
left
}
.policylist-content
{
width
:
100%
}
.policylist-content-list
{
width
:
100%
;
padding
:
20px
30px
;
box-sizing
:
border-box
;
border-bottom
:
1px
solid
rgba
(
225
,
225
,
225
,
1
)}
.policylist-conten-title
{
font-size
:
18px
;
font-family
:
PingFangSC-Semibold
,
PingFangSC
;
font-weight
:
600
;
color
:
rgba
(
72
,
72
,
72
,
1
);
margin-bottom
:
15px
;
cursor
:
pointer
;
display
:
flex
}
.policylist-conten-title
a
{
text-decoration
:
none
!important
;
color
:
#333
!important
}
.policylist-conten-title
span
{
margin-left
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.policylist-conten-items
,
.policylist-conten-text
,
.policylistsitems
,
.righttext-name
,
.righttext-span
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
}
.policylist-conten-text
{
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-bottom
:
13px
}
.policylist-conten-items
,
.policylistsitems
{
color
:
rgba
(
153
,
153
,
153
,
1
)}
.policylist-conten-items
img
,
.policylistsitems
img
{
border
:
1px
dotted
#999
;
vertical-align
:
middle
}
.zuo
{
float
:
right
;
margin-top
:
-10px
}
.shuju
{
position
:
absolute
;
left
:
30%
;
top
:
60%
}
.policylist-pagination
{
text-align
:
center
;
margin-top
:
30px
}
.policylist-details
{
width
:
100%
;
height
:
130px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
padding
:
30px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.details-leftimg
{
float
:
left
;
width
:
70px
;
height
:
70px
;
background
:
rgba
(
234
,
244
,
255
,
1
);
margin-right
:
22px
}
.details-righttext
{
float
:
left
;
width
:
80%
}
.righttext-name
{
width
:
100%
;
line-height
:
24px
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.righttext-span
{
line-height
:
24px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.righttext-span
>
span
{
display
:
inline-block
}
.policylist-essay
{
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
2px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-top
:
none
}
.essay-title
{
width
:
100%
;
height
:
175px
;
padding-top
:
30px
;
box-sizing
:
border-box
}
.essay-title-name
{
width
:
100%
;
height
:
75px
;
font-size
:
24px
;
font-weight
:
600
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
72
,
72
,
72
,
1
);
line-height
:
40px
;
text-align
:
center
}
.essay-title-list
{
width
:
100%
;
margin-top
:
20px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
170
,
170
,
170
,
1
)}
.essay-title-list
>
span
{
margin-right
:
38px
}
.essay-content
{
width
:
95%
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
85
,
85
,
85
,
1
);
line-height
:
42px
;
margin
:
0
auto
}
.policylist-buttons
{
width
:
100%
;
padding-bottom
:
30px
;
border-bottom
:
1px
solid
rgba
(
239
,
239
,
239
,
1
);
overflow
:
hidden
}
.policylist-buttons
>
div
{
float
:
right
;
width
:
120px
;
height
:
32px
;
line-height
:
32px
;
margin-right
:
13px
;
border-radius
:
20px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
text-align
:
center
;
cursor
:
pointer
}
.policylist-navigation
{
width
:
100%
;
height
:
107px
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
70
,
70
,
70
,
1
);
padding
:
30px
0
;
box-sizing
:
border-box
}
.policylist-navigation
>
div
{
line-height
:
24px
;
cursor
:
pointer
}
.policylist-qr
{
width
:
100%
;
height
:
134px
;
line-height
:
134px
;
background
:
rgba
(
248
,
248
,
248
,
1
);
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
72
,
72
,
72
,
1
);
text-align
:
center
}
.el-input
.el-button
{
width
:
104px
}
.el-input
.el-button
:nth-child
(
2
)
{
background
:
#fff
!important
;
color
:
#128EE9
!important
;
width
:
104px
}
\ No newline at end of file
.list-img
>
span
,
.policylist-buttons
>
div
>
img
,
.policylist-qr
>
img
{
vertical-align
:
middle
}
.policylist-title
{
width
:
100%
;
height
:
51px
;
line-height
:
35px
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei-Bold
,
MicrosoftYaHei
;
font-weight
:
700
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.policyquery-items
>
.items_item
,
.policyquery-items
>
.items_left
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
float
:
left
;
box-sizing
:
border-box
}
.policyquery-items
{
width
:
100%
;
display
:
-webkit-flex
;
align-items
:
stretch
;
max-height
:
64px
}
.policyquery-items
>
.items_left
{
width
:
97px
;
height
:
inherit
;
padding
:
13px
20px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policyquery-items
>
.items_item
{
width
:
calc
(
100%
-
167px
);
padding
:
5px
26px
;
color
:
rgba
(
72
,
72
,
72
,
1
);
overflow
:
hidden
}
.policylist-headerbut
,
.policylist-selected
>
.leftName
,
.policyquery-items
>
.items_right
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
}
.policyquery-items
>
.items_item
>
div
{
float
:
left
;
padding
:
8px
20px
8px
0
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.policyquery-items
>
.items_item
>
.pitch
{
color
:
#118EE9
}
.policyquery-items
>
.items_right
{
width
:
70px
;
float
:
right
;
padding-right
:
20px
;
padding-top
:
13px
;
box-sizing
:
border-box
;
color
:
rgba
(
72
,
72
,
72
,
1
);
cursor
:
pointer
}
.policyquery-items
>
.items_right
>
i
{
margin-left
:
2px
}
.policylist-headerbut
{
margin
:
0
auto
10px
;
text-align
:
center
;
width
:
100%
;
height
:
42px
;
line-height
:
22px
;
cursor
:
pointer
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
border-top
:
none
}
.policylist-selected
{
width
:
100%
;
min-height
:
40px
;
overflow
:
hidden
;
padding-left
:
20px
;
line-height
:
40px
}
.policylist-selected
>
.leftName
{
width
:
97px
;
float
:
left
;
color
:
rgba
(
47
,
47
,
47
,
1
)}
.policylist-selected
>
.itemsName
{
width
:
calc
(
100%
-
97px
);
float
:
left
;
overflow
:
hidden
;
padding-top
:
10px
}
.policylist-selected
>
.itemsName
>
.itemName
{
float
:
left
;
margin-right
:
6px
;
margin-bottom
:
16px
;
padding
:
0
20px
0
6px
;
box-sizing
:
border-box
;
height
:
26px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
);
text-align
:
center
;
line-height
:
26px
;
color
:
#118EE9
;
position
:
relative
;
font-size
:
12px
}
.henxian
,
.policylist-header
{
background
:
#fff
}
.policylist-selected
>
.itemsName
>
.itemName
>
i
{
position
:
absolute
;
right
:
1px
;
top
:
6px
;
cursor
:
pointer
;
border
:
1px
dotted
#333
}
.policylist-warpper
{
width
:
100%
;
height
:
100%
;
padding
:
20px
;
box-sizing
:
border-box
}
.policylist-warpper
.el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0
}
.policylist-headerbut
{
background
:
#fff
;
position
:
relative
;
top
:
-1px
;
color
:
rgba
(
121
,
121
,
121
,
1
)
!important
}
.policyquery-items
>
.items_item
>
div
{
padding-right
:
30px
!important
}
.policyquery-items
>
.items_item
>
div
:hover
,
.policyquery-items
>
.items_right
:hover
{
color
:
#118EE9
}
.policyquery-items
:nth-child
(
1
)
{
border-top
:
1px
solid
#F0F3F0
}
.policyquery-items
,
.policyquery-items
:last-child
{
border
:
none
!important
}
.policyquery-items
{
box-sizing
:
border-box
}
.policylist-warpper
>
.policylist
{
width
:
1200px
;
margin
:
0
auto
;
height
:
100%
}
.policylist-header
,
.policylist-header1
{
width
:
100%
;
box-sizing
:
border-box
;
margin-top
:
20px
;
border
:
1px
solid
rgba
(
234
,
237
,
244
,
1
);
overflow
:
hidden
}
.policylist-portrayal
,
.policylist-tile
{
border-radius
:
1px
;
box-sizing
:
border-box
}
.henxian
{
border-top
:
1px
solid
#e1e1e1
;
width
:
90%
;
margin
:
0
auto
}
.policylist-tile
{
width
:
100%
;
overflow
:
hidden
;
height
:
40px
;
background
:
rgba
(
15
,
142
,
233
,
.1
)}
.header-left
{
float
:
left
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
121
,
121
,
121
,
1
);
cursor
:
pointer
}
.header-right
{
float
:
right
;
width
:
110px
;
height
:
28px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-swiper
{
width
:
100%
;
margin-top
:
30px
;
height
:
150px
;
padding
:
20px
;
box-sizing
:
border-box
;
position
:
relative
;
background-color
:
#FAFAFA
}
.swiper-main
{
width
:
96%
;
height
:
100%
;
margin
:
0
auto
;
white-space
:
nowrap
;
overflow
:
hidden
}
.swiper-leftButton
,
.swiper-rightButton
{
top
:
33%
;
width
:
16px
;
height
:
54px
;
line-height
:
54px
;
background
:
rgba
(
240
,
240
,
240
,
1
);
border-radius
:
2px
;
cursor
:
pointer
;
position
:
absolute
;
text-align
:
center
}
.swiper-leftButton
{
left
:
20px
}
.swiper-rightButton
{
right
:
20px
}
.main-lists
,
.mian-list
{
display
:
inline-block
;
height
:
100%
;
overflow
:
hidden
}
.swiper-leftButton
:hover
,
.swiper-rightButton
:hover
{
background-color
:
rgba
(
235
,
242
,
255
,
1
);
color
:
#97A6AD
}
.mian-list
,
.mian-list
:hover
{
background
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
2px
2px
5px
0
rgba
(
226
,
226
,
226
,
.5
)}
.main-lists
{
white-space
:
nowrap
;
-webkit-transition
:
transform
.3s
linear
}
.mian-list
{
width
:
360px
;
margin-right
:
10px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
230
,
232
,
233
,
1
);
padding
:
20px
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.mian-list
:hover
{
border-radius
:
2px
;
border
:
1px
solid
rgba
(
17
,
142
,
233
,
1
)}
.list-img
{
float
:
left
;
width
:
70px
;
height
:
70px
;
margin-right
:
20px
;
font-size
:
20px
;
color
:
#5D9ADD
;
background
:
rgba
(
235
,
242
,
255
,
1
);
white-space
:
normal
!important
;
text-align
:
center
;
display
:
table
;
padding
:
0
10px
;
box-sizing
:
border-box
}
.list-text-name
,
.list-text-title
{
font-size
:
14px
;
font-weight
:
500
;
font-family
:
PingFangSC-Medium
,
PingFangSC
}
.list-img
>
span
{
display
:
table-cell
}
.list-text
{
float
:
left
;
line-height
:
24px
;
letter-spacing
:
2px
}
.list-text-title
{
color
:
rgba
(
72
,
72
,
72
,
1
)}
.list-text-name
{
color
:
rgba
(
121
,
121
,
121
,
1
)}
.policylist-portrayal
{
width
:
100%
;
height
:
118px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-bottom
:
none
;
overflow
:
hidden
;
padding
:
20px
}
.portrayal-left
{
float
:
left
;
font-weight
:
600
;
color
:
#118EE9
;
font-size
:
1.6vw
;
margin-right
:
22px
}
.portrayal-right
{
float
:
left
;
width
:
85%
;
height
:
100%
;
overflow
:
hidden
;
padding
:
.5%
0
;
box-sizing
:
border-box
}
.portrayal-right-list
{
float
:
left
;
margin-right
:
16px
;
margin-bottom
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
cursor
:
default
}
.policylist-recommend
{
width
:
100%
;
height
:
60px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
border-radius
:
1px
;
border
:
1px
solid
rgba
(
247
,
247
,
248
,
1
);
padding
:
0
20px
;
line-height
:
60px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.recommend-title
{
float
:
left
;
font-weight
:
600
;
font-size
:
1.6vw
;
color
:
#F2784B
;
margin-right
:
22px
}
.recommend-name
{
float
:
left
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-right
:
30px
;
font-weight
:
600
}
.recommend-name
>
span
{
margin-left
:
10px
;
color
:
#118EE9
}
.policylist-warpper
.el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
}
.recommend-input
{
width
:
667px
;
height
:
36px
;
margin-left
:
30px
;
float
:
left
}
.policylist-content
{
width
:
100%
}
.policylist-content-list
{
width
:
100%
;
padding
:
20px
30px
;
box-sizing
:
border-box
;
border-bottom
:
1px
solid
rgba
(
225
,
225
,
225
,
1
)}
.policylist-conten-title
{
font-size
:
18px
;
font-family
:
PingFangSC-Semibold
,
PingFangSC
;
font-weight
:
600
;
color
:
rgba
(
72
,
72
,
72
,
1
);
margin-bottom
:
15px
;
cursor
:
pointer
;
display
:
flex
}
.policylist-conten-title
a
{
text-decoration
:
none
!important
;
color
:
#333
!important
}
.policylist-conten-title
span
{
margin-left
:
10px
;
padding
:
5px
10px
;
font-size
:
12px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.policylist-conten-items
,
.policylist-conten-text
,
.policylistsitems
,
.righttext-name
,
.righttext-span
{
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
}
.policylist-conten-text
{
color
:
rgba
(
121
,
121
,
121
,
1
);
margin-bottom
:
13px
}
.policylist-conten-items
,
.policylistsitems
{
color
:
rgba
(
153
,
153
,
153
,
1
)}
.policylist-conten-items
img
,
.policylistsitems
img
{
border
:
1px
dotted
#999
;
vertical-align
:
middle
}
.zuo
{
float
:
right
;
margin-top
:
-10px
}
.shuju
{
position
:
absolute
;
left
:
30%
;
top
:
60%
}
.policylist-pagination
{
text-align
:
center
;
margin-top
:
30px
}
.policylist-details
{
width
:
100%
;
height
:
130px
;
background
:
rgba
(
250
,
250
,
250
,
1
);
padding
:
30px
;
box-sizing
:
border-box
;
overflow
:
hidden
}
.details-leftimg
{
float
:
left
;
width
:
70px
;
height
:
70px
;
background
:
rgba
(
234
,
244
,
255
,
1
);
margin-right
:
22px
}
.details-righttext
{
float
:
left
;
width
:
80%
}
.righttext-name
{
width
:
100%
;
line-height
:
24px
;
color
:
rgba
(
72
,
72
,
72
,
1
)}
.righttext-span
{
line-height
:
24px
;
color
:
rgba
(
121
,
121
,
121
,
1
)}
.righttext-span
>
span
{
display
:
inline-block
}
.policylist-essay
{
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
2px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
border-top
:
none
}
.essay-title
{
width
:
100%
;
height
:
175px
;
padding-top
:
30px
;
box-sizing
:
border-box
}
.essay-title-name
{
width
:
100%
;
height
:
75px
;
font-size
:
24px
;
font-weight
:
600
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
72
,
72
,
72
,
1
);
line-height
:
40px
;
text-align
:
center
}
.essay-title-list
{
width
:
100%
;
margin-top
:
20px
;
text-align
:
center
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
170
,
170
,
170
,
1
)}
.essay-title-list
>
span
{
margin-right
:
38px
}
.essay-content
{
width
:
95%
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
85
,
85
,
85
,
1
);
line-height
:
42px
;
margin
:
0
auto
}
.policylist-buttons
{
width
:
100%
;
padding-bottom
:
30px
;
border-bottom
:
1px
solid
rgba
(
239
,
239
,
239
,
1
);
overflow
:
hidden
}
.policylist-buttons
>
div
{
float
:
right
;
width
:
120px
;
height
:
32px
;
line-height
:
32px
;
margin-right
:
13px
;
border-radius
:
20px
;
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
text-align
:
center
;
cursor
:
pointer
}
.policylist-navigation
{
width
:
100%
;
height
:
107px
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFangSC
;
font-weight
:
400
;
color
:
rgba
(
70
,
70
,
70
,
1
);
padding
:
30px
0
;
box-sizing
:
border-box
}
.policylist-navigation
>
div
{
line-height
:
24px
;
cursor
:
pointer
}
.policylist-qr
{
width
:
100%
;
height
:
134px
;
line-height
:
134px
;
background
:
rgba
(
248
,
248
,
248
,
1
);
font-size
:
14px
;
font-family
:
PingFangSC-Medium
,
PingFangSC
;
font-weight
:
500
;
color
:
rgba
(
72
,
72
,
72
,
1
);
text-align
:
center
}
.policylist-warpper
.el-input
.el-button
{
width
:
104px
}
.policylist-warpper
.el-input
.el-button
:nth-child
(
2
)
{
background
:
#fff
!important
;
color
:
#128EE9
!important
;
width
:
104px
}
\ No newline at end of file
igirl-web/app/front/vues/pages/bycquerytm/bycquerytm.css
View file @
ba286005
...
...
@@ -917,6 +917,8 @@ var { font-style:normal}
border
:
1px
solid
#108EE9
;
border-radius
:
0px
!important
;
position
:
absolute
;
top
:
82px
;
left
:
130px
;
z-index
:
999
;
background
:
#fff
;
}
...
...
igirl-web/app/front/vues/pages/bycquerytm/bycquerytm.html
View file @
ba286005
...
...
@@ -286,7 +286,7 @@
<div
@
click=
"trademarknoticeclick"
>
公告查询
</div>
</div>
<div
class=
"search-bottom"
></div>
<div
v-if=
"fff"
class=
"selected-list1"
style=
"margin-top: -59px;margin-left: 130px;"
<div
v-if=
"fff"
class=
"selected-list1"
@
mouseenter=
"mousecheckClick"
@
mouseleave=
"nonemousecheckClick"
>
<el-checkbox
:indeterminate=
"isnumIndeterminate"
v-model=
"checkAllNclNum"
@
change=
"handleCheckAllNumChange"
>
...
...
igirl-web/app/front/vues/pages/declare/declare.css
View file @
ba286005
...
...
@@ -127,7 +127,7 @@
padding
:
20px
;
box-sizing
:
border-box
;
}
.el-input--mini
.el-input__inner
{
.
policylist-warpper
.
el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0px
;
}
...
...
@@ -385,7 +385,7 @@
margin-left
:
10px
;
color
:
#118EE9
;
}
.el-input-group__append
button
.el-button
{
.
policylist-warpper
.
el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
;
...
...
igirl-web/app/front/vues/pages/managementmeasures/managementmeasures.css
View file @
ba286005
...
...
@@ -127,7 +127,7 @@
padding
:
20px
;
box-sizing
:
border-box
;
}
.el-input--mini
.el-input__inner
{
.
policylist-warpper
.
el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0px
;
}
...
...
@@ -385,7 +385,7 @@
margin-left
:
10px
;
color
:
#118EE9
;
}
.el-input-group__append
button
.el-button
{
.
policylist-warpper
.
el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
;
...
...
igirl-web/app/front/vues/pages/policyquery/policyquery.css
View file @
ba286005
...
...
@@ -127,7 +127,7 @@
padding
:
20px
;
box-sizing
:
border-box
;
}
.el-input--mini
.el-input__inner
{
.
policylist-warpper
.
el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0px
;
}
...
...
@@ -385,7 +385,7 @@
margin-left
:
10px
;
color
:
#118EE9
;
}
.el-input-group__append
button
.el-button
{
.
policylist-warpper
.
el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
;
...
...
igirl-web/app/front/vues/pages/projectpublicity/projectpublicity.css
View file @
ba286005
...
...
@@ -127,7 +127,7 @@
padding
:
20px
;
box-sizing
:
border-box
;
}
.el-input--mini
.el-input__inner
{
.
policylist-warpper
.
el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0px
;
}
...
...
@@ -385,7 +385,7 @@
margin-left
:
10px
;
color
:
#118EE9
;
}
.el-input-group__append
button
.el-button
{
.
policylist-warpper
.
el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
;
...
...
igirl-web/app/front/vues/pages/recommen/recommen.css
View file @
ba286005
...
...
@@ -127,7 +127,7 @@
padding
:
20px
;
box-sizing
:
border-box
;
}
.el-input--mini
.el-input__inner
{
.
policylist-warpper
.
el-input--mini
.el-input__inner
{
border
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
border-radius
:
0px
;
}
...
...
@@ -385,7 +385,7 @@
margin-left
:
10px
;
color
:
#118EE9
;
}
.el-input-group__append
button
.el-button
{
.
policylist-warpper
.
el-input-group__append
button
.el-button
{
border
:
1px
solid
rgba
(
15
,
142
,
233
,
1
)
!important
;
color
:
#fff
!important
;
background
:
rgba
(
15
,
142
,
233
,
1
)
!important
;
...
...
@@ -598,10 +598,10 @@
.policylist-qr
>
img
{
vertical-align
:
middle
;
}
.el-input
.el-button
{
.
policylist-warpper
.
el-input
.el-button
{
width
:
104px
;
}
.el-input
.el-button
:nth-child
(
2
)
{
.
policylist-warpper
.
el-input
.el-button
:nth-child
(
2
)
{
background
:
#fff
!important
;
color
:
#128EE9
!important
;
width
:
104px
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
