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
ab440648
Commit
ab440648
authored
Dec 25, 2019
by
李宏达
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
lhd
parent
e6d43d03
Hide whitespace changes
Inline
Side-by-side
Showing
31 changed files
with
55 additions
and
14 deletions
+55
-14
igirl-web/app/front/entry/public/css/pagecom.css
+0
-0
igirl-web/app/front/entry/public/css/pages/bycnoticetm/bycnoticetm.css
+2
-2
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
-0
igirl-web/app/front/entry/public/css/pages/icporderedit/icporderedit.css
+0
-0
igirl-web/app/front/entry/public/css/pages/login/login.css
+2
-0
igirl-web/app/front/entry/public/css/pages/managementmeasures/managementmeasures.css
+2
-0
igirl-web/app/front/entry/public/css/pages/moreservice/meihua/meihua.css
+2
-0
igirl-web/app/front/entry/public/css/pages/moreservice/moreservice.css
+2
-0
igirl-web/app/front/entry/public/css/pages/moreservice/normal/normal.css
+2
-0
igirl-web/app/front/entry/public/css/pages/moreservice/policy/policy.css
+2
-0
igirl-web/app/front/entry/public/css/pages/moreservice/policyShop/policyShop.css
+2
-0
igirl-web/app/front/entry/public/css/pages/myinfo/myinfo.css
+2
-0
igirl-web/app/front/entry/public/css/pages/nowbuy/nowbuy.css
+2
-0
igirl-web/app/front/entry/public/css/pages/patentanalysis/patentanalysis.css
+2
-0
igirl-web/app/front/entry/public/css/pages/pay/pay.css
+2
-0
igirl-web/app/front/entry/public/css/pages/policybigdata/policybigdata.css
+2
-0
igirl-web/app/front/entry/public/css/pages/policycondition/policycondition.css
+2
-0
igirl-web/app/front/entry/public/css/pages/policyorder/policyorder.css
+2
-0
igirl-web/app/front/entry/public/css/pages/policyquery/policyquery.css
+2
-0
igirl-web/app/front/entry/public/css/pages/projectpublicity/projectpublicity.css
+2
-0
igirl-web/app/front/entry/public/css/pages/recommen/recommen.css
+2
-0
igirl-web/app/front/entry/public/css/pages/register/register.css
+2
-0
igirl-web/app/front/entry/public/css/pages/selficpreg/selficpreg.css
+2
-0
igirl-web/app/front/entry/public/css/pages/servicedetails/servicedetails.css
+2
-2
igirl-web/app/front/entry/public/css/pages/subscription/subscription.css
+2
-0
igirl-web/app/front/vues/pages/login/login.css
+1
-1
igirl-web/app/front/vues/pages/pay/pay.css
+3
-3
igirl-web/app/front/vues/pages/pay/pay.html
+1
-1
igirl-web/app/front/vues/pages/policycondition/policycondition.css
+1
-2
igirl-web/app/front/vues/pages/policycondition/policycondition.html
+1
-1
No files found.
igirl-web/app/front/entry/public/css/pagecom.css
View file @
ab440648
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/bycnoticetm/bycnoticetm.css
View file @
ab440648
.bycnoticetm-result-warp
,
.search-warp-row
{
box-shadow
:
0
0
4px
4px
rgba
(
0
,
0
,
0
,
.02
);
border-radius
:
8px
}
.search-warp-row
{
width
:
1200px
;
height
:
auto
;
position
:
relative
;
color
:
#000
;
margin
:
0
auto
;
background
:
rgba
(
255
,
255
,
255
,
1
)}
.search-warp-row
.search-title
{
width
:
100%
;
height
:
30px
;
margin-top
:
20px
;
padding-top
:
20px
;
padding-left
:
20px
}
.search-warp-row
.search-title
.content1
{
width
:
2px
;
height
:
20px
;
background-color
:
#108EE9
;
float
:
left
}
.total-warp
,
.total-warp
div
{
height
:
40px
;
text-align
:
left
}
.search-warp-row
.search-title
.content2
{
width
:
300px
;
float
:
left
;
text-align
:
left
;
margin-left
:
10px
;
font-size
:
18px
;
font-weight
:
600
;
line-height
:
20px
}
.total-warp
{
width
:
1200px
;
color
:
#000
;
margin
:
auto
}
.total-warp
div
{
float
:
left
;
width
:
1030px
;
line-height
:
45px
;
font-size
:
16px
}
.total-warp
.daochu-text
{
color
:
#108EE9
;
text-align
:
right
;
font-size
:
16px
;
display
:
block
;
cursor
:
pointer
;
line-height
:
0
;
padding-top
:
22px
;
padding-right
:
5px
}
.bycnoticetm-result-warp
{
width
:
1200px
;
height
:
auto
;
color
:
#000
;
margin
:
auto
;
background
:
#f0f0f0
!important
;
text-align
:
left
}
.footer-row
{
background-color
:
#fff
;
color
:
#333
;
width
:
1200px
;
height
:
80px
!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
}
\ No newline at end of file
.bycnoticetm-result-warp
,
.search-warp-row
{
box-shadow
:
0
0
4px
4px
rgba
(
0
,
0
,
0
,
.02
);
border-radius
:
8px
}
.search-warp-row
{
width
:
1200px
;
height
:
auto
;
position
:
relative
;
color
:
#000
;
margin
:
0
auto
;
background
:
rgba
(
255
,
255
,
255
,
1
)}
.search-warp-row
.search-title
{
width
:
100%
;
height
:
30px
;
margin-top
:
20px
;
padding-top
:
20px
;
padding-left
:
20px
}
.search-warp-row
.search-title
.content1
{
width
:
2px
;
height
:
20px
;
background-color
:
#108EE9
;
float
:
left
}
.total-warp
,
.total-warp
div
{
height
:
40px
;
text-align
:
left
}
.search-warp-row
.search-title
.content2
{
width
:
300px
;
float
:
left
;
text-align
:
left
;
margin-left
:
10px
;
font-size
:
18px
;
font-weight
:
600
;
line-height
:
20px
}
.total-warp
{
width
:
1200px
;
color
:
#000
;
margin
:
auto
}
.total-warp
div
{
float
:
left
;
width
:
100%
;
line-height
:
45px
;
font-size
:
16px
}
.total-warp
.daochu-text
{
color
:
#108EE9
;
text-align
:
right
;
font-size
:
16px
;
display
:
block
;
cursor
:
pointer
;
line-height
:
0
;
padding-top
:
22px
;
padding-right
:
5px
}
.bycnoticetm-result-warp
{
width
:
1200px
;
height
:
auto
;
color
:
#000
;
margin
:
auto
;
background
:
#f0f0f0
!important
;
text-align
:
left
}
.footer-row
{
background-color
:
#fff
;
color
:
#333
;
width
:
1200px
;
height
:
80px
!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
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/bycquerytm/bycquerytm.css
View file @
ab440648
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
:
1030px
;
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
}
.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
0 → 100644
View file @
ab440648
.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
igirl-web/app/front/entry/public/css/pages/icporderedit/icporderedit.css
0 → 100644
View file @
ab440648
igirl-web/app/front/entry/public/css/pages/login/login.css
0 → 100644
View file @
ab440648
#baoguo
{
padding
:
20px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
151
,
151
,
151
,
1
)}
#bychpage
.el-form-item
>
.el-form-item__content
{
margin-left
:
0
!important
}
.login-content
>
.login-content-input
{
padding
:
20px
;
width
:
auto
;
margin-left
:
0
;
margin-top
:
0
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/managementmeasures/managementmeasures.css
0 → 100644
View file @
ab440648
.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
igirl-web/app/front/entry/public/css/pages/moreservice/meihua/meihua.css
0 → 100644
View file @
ab440648
.meihua-header-button
,
.meihua-tabs
{
display
:
inline-block
;
cursor
:
pointer
}
.meihua-inquire-text1
,
.meihua-inquire-text2
{
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
text-align
:
center
}
.inquire-input-value
,
.inquire-list
,
.meihua
,
.meihua-else-item-main
,
.meihua-header
,
.meihua-inquire
{
box-sizing
:
border-box
}
.meihua
{
width
:
100%
;
height
:
100%
;
position
:
relative
;
background
:
url(/imgs/background.jpg)
no-repeat
;
background-size
:
100%
100%
;
padding-top
:
175px
}
.meihua-zhanwei
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100px
}
.meihua
input
{
border
:
none
}
.meihua-tabs
{
font-size
:
16px
;
width
:
80px
;
height
:
40px
;
line-height
:
40px
;
text-align
:
center
;
color
:
#000
;
border
:
1px
solid
#fe6a00
;
border-bottom
:
none
;
float
:
left
}
.meihua-main
{
width
:
1200px
;
margin
:
0
auto
}
.meihua-header
{
width
:
100%
;
height
:
550px
;
background
:
url(/imgs/home/banner.png)
center
no-repeat
;
background-size
:
cover
;
padding-top
:
380px
}
.meihua-header-amin
{
width
:
1200px
;
height
:
45px
;
margin
:
0
auto
}
.meihua-header-button
{
width
:
110px
;
height
:
45px
;
margin-right
:
9px
}
.meihua-inquire
{
width
:
100%
;
padding-top
:
62px
;
padding-bottom
:
59px
}
.meihua-inquire-text1
{
width
:
100%
;
margin-bottom
:
32px
;
font-size
:
36px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.meihua-inquire-text2
{
width
:
100%
;
margin-bottom
:
40px
;
font-size
:
26px
;
color
:
rgba
(
153
,
153
,
153
,
1
)}
.meihua-inquire-input
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
960px
;
height
:
56px
;
margin
:
auto
}
.inquire-input-value
{
width
:
820px
;
height
:
56px
;
float
:
left
;
background
:
#fff
;
border
:
1px
solid
#ff6a00
;
padding
:
6px
0
}
.top
:after
,
.top
:before
{
border-bottom
:
10px
#fff
solid
}
.inquire-lists
{
width
:
818px
;
height
:
auto
;
max-height
:
200px
;
overflow-y
:
auto
;
border-radius
:
2px
;
position
:
relative
;
margin-top
:
22px
;
background-color
:
#fff
}
.top
,
.top
:before
{
position
:
absolute
}
.inquire-list
{
width
:
100%
;
height
:
34px
;
line-height
:
34px
;
font-size
:
14px
;
color
:
#999
;
padding
:
0
20px
;
cursor
:
pointer
}
.top
{
top
:
-20px
;
left
:
10%
}
.top
:before
{
content
:
''
;
border-top
:
10px
transparent
dashed
;
border-left
:
10px
transparent
dashed
;
border-right
:
10px
transparent
dashed
}
.top
:after
{
top
:
1px
}
.inquire-input-buttom
{
float
:
right
;
width
:
140px
;
height
:
56px
;
line-height
:
56px
;
background
:
#fe6a00
;
font-family
:
PingFangSC-Regular
;
font-size
:
18px
;
padding
:
0
;
color
:
#fff
;
text-align
:
center
;
cursor
:
pointer
}
.else-item-main-price
,
.else-item-main-text
,
.else-item-main-top
>
div
,
.meihua-else-item-img
{
font-family
:
MicrosoftYaHei
;
font-weight
:
400
}
.meihua-flow
{
width
:
100%
;
padding-bottom
:
55px
}
.meihua-flow
>
.meihua-inquire-text1
{
padding
:
20px
10px
}
.meihua-advantage
{
width
:
100%
;
padding-bottom
:
56px
}
.meihua-advantage-items
{
width
:
100%
;
display
:
flex
}
.meihua-advantage-item
{
flex
:
1
;
text-align
:
center
;
padding
:
0
47px
;
box-sizing
:
border-box
}
.meihua-else
{
width
:
100%
;
padding-top
:
55px
;
padding-bottom
:
78px
;
background-color
:
#FAFAFA
}
.meihua-else-items
{
width
:
100%
;
display
:
flex
}
.meihua-else-item
{
flex
:
1
}
.meihua-else-item-img
{
width
:
252px
;
height
:
96px
;
margin
:
0
auto
22px
;
line-height
:
73px
;
text-align
:
center
;
font-size
:
20px
;
color
:
rgba
(
254
,
105
,
0
,
1
);
background
:
url(/imgs/home/elseimg.png)
no-repeat
;
background-size
:
100%
100%
}
.meihua-else-item-main
{
margin
:
0
auto
;
width
:
276px
;
height
:
304px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
235
,
234
,
234
,
1
);
padding
:
0
16px
}
.else-item-main-top
{
width
:
100%
;
height
:
95px
;
border-bottom
:
1px
solid
rgba
(
238
,
238
,
238
,
1
);
margin-top
:
29px
;
padding-bottom
:
8px
}
.else-item-main-top
>
div
{
font-size
:
14px
;
color
:
rgba
(
102
,
102
,
102
,
1
);
margin-bottom
:
21px
;
overflow
:
hidden
}
.else-item-main-top
>
div
>
i
{
float
:
left
;
width
:
6px
;
height
:
6px
;
background
:
rgba
(
254
,
106
,
1
,
1
);
border-radius
:
50%
;
margin-top
:
5px
}
.else-item-main-top
>
div
>
span
{
float
:
right
;
width
:
93%
}
.else-item-main-price
{
width
:
100%
;
text-align
:
center
;
font-size
:
19px
;
color
:
rgba
(
253
,
106
,
0
,
1
);
margin
:
30px
0
}
.else-item-main-price
>
span
{
font-size
:
25px
}
.else-item-main-text
{
width
:
156px
;
height
:
46px
;
line-height
:
46px
;
text-align
:
center
;
background
:
rgba
(
254
,
106
,
1
,
1
);
margin
:
4px
auto
0
;
font-size
:
16px
;
color
:
rgba
(
255
,
255
,
255
,
1
);
cursor
:
pointer
}
.meihua-issue
{
width
:
100%
;
padding-top
:
53px
;
padding-bottom
:
34px
}
.meihua-issue-text
{
width
:
100%
;
padding-top
:
27px
}
.meihua-issue-text
>
p
{
font-size
:
16px
;
color
:
#666
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/moreservice/moreservice.css
0 → 100644
View file @
ab440648
.el_gsb_img
,
.moreservice
{
height
:
100%
;
width
:
100%
}
.moreservice-text
,
.moreservice-title
{
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
text-align
:
center
}
.moreservice
{
background-color
:
#fff
}
.moreservice-title
{
width
:
100%
;
font-size
:
28px
;
color
:
rgba
(
51
,
51
,
51
,
1
);
line-height
:
100px
}
.moreservice-text
{
font-size
:
14px
;
color
:
rgba
(
153
,
153
,
153
,
1
)}
.moreservice-left-button
,
.moreservice-right-button
{
position
:
absolute
;
top
:
50%
;
font-size
:
36px
;
color
:
rgba
(
210
,
214
,
218
,
1
);
cursor
:
pointer
}
.moreservice-text
span
{
margin
:
0
25px
}
.moreservice-swiper-items
{
width
:
100%
;
height
:
439px
;
overflow
:
hidden
}
.moreservice-right-button
{
right
:
0
}
.moreservice-left-button
{
left
:
0
}
.moreservice-swiper-item
{
width
:
500%
;
height
:
439px
;
-webkit-transition
:
transform
.3s
linear
}
.moreservice-itemTypeName
,
.moreservice-itemTypeName-top
{
width
:
100%
;
font-size
:
16px
;
font-weight
:
400
;
color
:
rgba
(
51
,
51
,
51
,
1
);
line-height
:
100px
;
border-bottom
:
1px
solid
rgba
(
221
,
221
,
221
,
1
);
font-family
:
MicrosoftYaHei
}
.moreservice-itemTypeName-top
{
position
:
fixed
;
top
:
0
;
left
:
0
;
background-color
:
#fff
;
z-index
:
999
}
.moreservice-itemTypeName-item
{
flex
:
1
;
text-align
:
center
;
cursor
:
pointer
}
.moreservice-itemTypeName-item
span
{
padding
:
0
20px
;
display
:
inline-block
;
height
:
100%
}
.home-search-swiper-main
{
width
:
1200px
;
height
:
100%
;
margin
:
0
auto
;
position
:
relative
}
.productList
,
.productList-pitch-on
{
width
:
355px
;
float
:
left
;
margin
:
30px
0
;
border
:
1px
solid
#eee
;
cursor
:
pointer
;
text-align
:
left
}
.productList
{
height
:
377px
;
-webkit-box-shadow
:
0
2px
12px
0
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
0
9px
1px
rgba
(
106
,
146
,
153
,
.31
)}
.productList-pitch-on
{
height
:
390px
;
-webkit-box-shadow
:
0
2px
12px
0
rgba
(
0
,
0
,
0
,
.1
);
box-shadow
:
0
0
9px
1px
rgba
(
106
,
146
,
153
,
.31
);
position
:
relative
;
top
:
-13px
}
.productList-header
{
font-size
:
18px
;
background
:
rgba
(
55
,
61
,
65
,
1
);
height
:
80px
;
line-height
:
80px
;
text-align
:
center
;
-webkit-transition
:
background
.3s
linear
}
.productList-header-pitch-on
{
font-size
:
20px
;
height
:
94px
;
line-height
:
87px
;
background
:
rgba
(
47
,
149
,
252
,
1
);
text-align
:
center
;
color
:
#fff
}
.productList-header
span
{
color
:
rgba
(
255
,
255
,
255
,
1
);
line-height
:
80px
;
font-size
:
18px
}
.productList-header_img
{
width
:
50px
;
height
:
50px
;
vertical-align
:
middle
}
.productList-price
{
width
:
278px
;
margin
:
15px
auto
0
;
border-top
:
1px
solid
rgba
(
232
,
232
,
232
,
1
);
color
:
#FF5135
;
text-align
:
center
;
padding-top
:
15px
;
font-size
:
18px
;
font-weight
:
600
}
.productList-price
span
{
font-size
:
30px
}
.desc
,
.productList-button
{
font-size
:
14px
;
font-weight
:
400
}
.productList-button
{
margin
:
0
auto
;
width
:
315px
;
height
:
44px
;
font-family
:
MicrosoftYaHei
;
color
:
rgba
(
47
,
149
,
252
,
1
);
text-align
:
center
;
line-height
:
44px
;
border
:
1px
solid
rgba
(
47
,
149
,
252
,
1
);
-webkit-transition
:
color
.3s
linear
,
background
.3s
linear
}
.desc
{
margin
:
0
40px
;
height
:
40px
;
line-height
:
40px
;
font-family
:
PingFangSC-Regular
;
overflow
:
hidden
;
color
:
#38404B
}
.desc
i
{
display
:
inline-block
;
margin-right
:
8px
;
width
:
8px
;
height
:
8px
;
background
:
rgba
(
47
,
149
,
252
,
1
);
opacity
:
.28
;
border-radius
:
50%
}
.moreservice
.brand
.el-carousel
{
overflow
:
hidden
;
background-color
:
#fff
}
.moreservice
.brand
.el-carousel__item
img
{
width
:
50px
;
height
:
50px
;
vertical-align
:
middle
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/moreservice/normal/normal.css
0 → 100644
View file @
ab440648
#serviceSmall_li
:hover
,
.normal-exhibition2-bottom-item
:hover
,
.normal-exhibition3-item
:hover
{
box-shadow
:
0
0
18px
0
rgba
(
176
,
201
,
222
,
.4
)}
.normal
{
width
:
100%
;
height
:
100%
;
background-color
:
#fff
}
.normal-two-left-item
,
.normal-two-left-item-cla
{
width
:
100%
;
height
:
60px
;
line-height
:
60px
;
text-align
:
left
;
font-size
:
16px
;
cursor
:
pointer
}
.normal-two-left-item
{
color
:
rgba
(
255
,
255
,
255
,
.7
)}
.normal-two-left-item-cla
{
background-color
:
#fff
;
color
:
#24a4fc
;
border-top
:
1px
solid
#24a4fc
;
border-bottom
:
1px
solid
#24a4fc
;
box-sizing
:
border-box
}
.normal-header
{
width
:
1200px
;
height
:
148px
;
padding
:
19px
0
;
box-sizing
:
border-box
;
margin
:
0
auto
;
text-align
:
center
;
position
:
relative
}
.normal-header-logo
{
width
:
186px
;
height
:
76px
;
position
:
absolute
;
top
:
19px
;
left
:
0
}
.normal-input-tabs
{
width
:
100%
;
overflow
:
hidden
}
.normal-input-tabs
>
div
{
float
:
left
;
width
:
60px
;
height
:
24px
;
line-height
:
24px
;
text-align
:
center
;
font-size
:
12px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
cursor
:
pointer
}
.normal-popups-two-left-item-span
{
display
:
inline-block
;
width
:
75%
;
height
:
100%
;
margin-left
:
36px
}
.normal-header-a1
{
width
:
100%
;
height
:
30px
;
position
:
absolute
;
bottom
:
0
;
left
:
0
;
font-size
:
14px
}
.normal-header-a1
>
.tabs
{
float
:
left
;
width
:
190px
;
height
:
30px
;
line-height
:
30px
;
text-align
:
center
;
background
:
rgba
(
81
,
163
,
245
,
1
);
color
:
#fff
}
.normal-header-a1
>
.items
>
div
,
.normal-header-a1dh
{
line-height
:
30px
;
font-weight
:
400
;
color
:
rgba
(
51
,
51
,
51
,
1
);
font-family
:
Microsoft
YaHei
}
.normal-header-a1
>
.items
{
float
:
left
;
display
:
flex
;
margin-left
:
20px
}
.normal-header-a1
>
.items
>
div
{
float
:
left
;
padding
:
0
20px
;
text-align
:
center
;
cursor
:
pointer
}
.normal-header-a1dh
{
float
:
right
;
font-size
:
16px
;
font-style
:
italic
}
.normal-header-a1dh
>
img
{
vertical-align
:
middle
;
width
:
18px
;
height
:
19px
}
.normal-content
{
background
:
url(/imgs/normal/TB1L7_mVIfpK1RjSZFOXXa6nFXa-838-846.png)
top
right
no-repeat
,
url(/imgs/normal/TB1Eui2V9zqK1RjSZPcXXbTepXa-1604-1146.png)
90px
281px
no-repeat
,
url(/imgs/normal/TB1Eui2V9zqK1RjSZPcXXbTepXa-1604-1146.png)
1176px
986px
no-repeat
,
url(/imgs/normal/TB1L7_mVIfpK1RjSZFOXXa6nFXa-838-846.png)
bottom
left
no-repeat
,
0
0
}
.normal-swiper
{
width
:
100%
;
position
:
relative
;
z-index
:
999
}
.normal
.normal-two
{
top
:
0
!important
;
height
:
100%
!important
;
pointer-events
:
none
!important
}
.normal-setting
{
width
:
100%
;
height
:
auto
;
background-color
:
#F4F4F4
;
padding-top
:
20px
;
box-sizing
:
border-box
}
.normal-exhibition
{
width
:
1200px
;
height
:
150px
;
margin
:
0
auto
}
.normal-exhibition
>
.item
{
float
:
left
;
width
:
392px
;
height
:
150px
;
background-size
:
100%
100%
;
padding-top
:
25px
;
padding-left
:
27px
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.normal-exhibition
>
.item
:hover
{
opacity
:
.8
}
.normal-exhibition
>
.item
:nth-child
(
2
)
{
margin
:
0
12px
}
.normal-exhibition
>
.item
>
.name
{
font-size
:
22px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
700
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.normal-exhibition
>
.item
>
.text
{
margin-top
:
14px
;
font-size
:
14px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.normal-exhibition
>
.item
>
.img
{
margin-top
:
12px
}
.normal-main
{
width
:
1200px
;
margin
:
0
auto
;
padding-top
:
36px
;
box-sizing
:
border-box
}
.normal-main
>
.title
{
width
:
100%
;
text-align
:
center
;
font-size
:
28px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-main
>
.synopsis
,
.normal_carousel_top
>
div
{
text-align
:
center
;
font-size
:
16px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
}
.normal-main
>
.synopsis
{
width
:
100%
;
margin-top
:
15px
;
color
:
rgba
(
175
,
175
,
175
,
1
)}
.normal_carousel_top
{
width
:
970px
;
height
:
50px
;
margin-left
:
230px
;
border-top
:
1px
solid
#5480F0
}
.normal_carousel_top
>
div
{
float
:
left
;
width
:
164px
;
height
:
52px
;
line-height
:
52px
;
color
:
rgba
(
102
,
102
,
102
,
1
);
cursor
:
pointer
}
.colorPieceModel-bottom
,
.colorPieceModel-top
{
position
:
absolute
;
height
:
116px
;
width
:
100%
;
left
:
0
;
box-sizing
:
border-box
}
.colorPieceModel-top
>
.name
,
.nc_top_pitch
{
font-family
:
Microsoft
YaHei
;
font-weight
:
700
}
.nc_top_pitch
{
font-size
:
18px
;
color
:
rgba
(
83
,
131
,
241
,
1
);
background
:
linear-gradient
(
#cfe2fd
,
#f7fbff
)}
.colorPieceModel-top
{
top
:
0
;
padding-top
:
36px
;
padding-left
:
25px
}
.colorPieceModel-top
>
.name
{
text-align
:
left
;
font-size
:
30px
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.colorPieceModel-bottom_items
>
div
,
.colorPieceModel-top
>
.text
{
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.colorPieceModel-top
>
.text
{
text-align
:
left
;
margin-top
:
12px
;
font-size
:
14px
}
.colorPieceModel-bottom
{
bottom
:
0
;
padding
:
25px
15px
}
.colorPieceModel
,
.colorPieceModel1
,
.colorPieceModel2
{
position
:
relative
;
text-align
:
center
;
overflow
:
hidden
}
.colorPieceModel-bottom_items
{
width
:
100%
;
overflow
:
hidden
;
margin-bottom
:
10px
}
.colorPieceModel-bottom_items
>
div
{
width
:
92px
;
height
:
28px
;
border
:
1px
solid
rgba
(
224
,
224
,
224
,
1
);
line-height
:
28px
;
text-align
:
center
;
font-size
:
12px
;
cursor
:
pointer
;
box-sizing
:
border-box
}
.backColorModel
{
background
:
#F4F4F4
}
.colorPieceModel1
{
float
:
left
;
width
:
220px
;
height
:
442px
;
border-radius
:
8px
;
color
:
#fff
;
font-size
:
32px
;
font-family
:
JZhongYi
}
.normal-exhibition2-bottom-item
>
.name
,
.normal-exhibition2-bottom-item
>
.price
,
.normal-exhibition2-bottom-item
>
.text
,
.normal-exhibition2-top-register-button
,
.normal-exhibition2-top-register
>
.name
,
.normal-exhibition2-top-register
>
.price
,
.normal-selectWe-main-item
>
.name
,
.normal-selectWe-main-item
>
.text
,
.normal-selectWe-name
{
font-family
:
Microsoft
YaHei
;
font-weight
:
400
}
.normal-selectWe
{
width
:
100%
;
height
:
524px
;
padding-top
:
67px
;
box-sizing
:
border-box
}
.normal-selectWe-name
{
width
:
100%
;
text-align
:
center
;
margin-bottom
:
95px
;
font-size
:
30px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-selectWe-main
{
width
:
1200px
;
margin
:
0
auto
;
display
:
flex
}
.normal-selectWe-main-item
{
flex
:
1
;
text-align
:
center
}
.normal-selectWe-main-item
>
img
{
width
:
122px
;
height
:
110px
}
.normal-selectWe-main-item
>
.name
{
margin-top
:
23px
;
margin-bottom
:
14px
;
font-size
:
18px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-selectWe-main-item
>
.text
{
margin
:
0
auto
;
width
:
224px
;
font-size
:
14px
;
color
:
rgba
(
153
,
153
,
153
,
1
)}
.normal-exhibition2-top
{
width
:
100%
;
height
:
220px
;
background
:
url(/imgs/normal/trade_bg.7c4e0d4a.png)
top
right
no-repeat
;
padding-top
:
33px
;
box-sizing
:
border-box
}
.normal-exhibition2-top
>
img
{
float
:
left
;
width
:
121px
;
height
:
160px
;
margin-left
:
95px
}
.normal-exhibition2-top-register
{
float
:
left
;
padding-left
:
40px
;
padding-top
:
16px
;
box-sizing
:
border-box
}
.normal-exhibition2-top-register
>
.name
{
font-size
:
20px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-exhibition2-top-register
>
.text
{
font-size
:
12px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
153
,
153
,
153
,
1
);
margin-top
:
7px
;
margin-bottom
:
14px
}
.normal-exhibition2-top-register
>
.price
{
font-size
:
18px
;
color
:
rgba
(
235
,
93
,
42
,
1
);
margin-bottom
:
16px
}
.normal-exhibition2-top-register
>
.price
>
span
{
font-size
:
14px
}
.normal-exhibition2-top-register-button
{
width
:
104px
;
height
:
28px
;
line-height
:
28px
;
text-align
:
center
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
247
,
161
,
84
,
1
);
font-size
:
14px
;
color
:
rgba
(
247
,
161
,
84
,
1
);
cursor
:
pointer
}
#serviceSmall_li
,
.colorPieceModel
,
.colorPieceModel2
,
.serviceSmallName
{
border-radius
:
8px
;
float
:
left
}
.normal-exhibition2-top-register-button
:hover
{
background-color
:
rgba
(
247
,
161
,
84
,
1
);
color
:
#fff
}
.normal-exhibition2-bottom
{
width
:
100%
;
height
:
220px
;
border-top
:
1px
solid
#DEDDDD
;
display
:
flex
}
.normal-exhibition2-bottom-item
{
flex
:
1
;
text-align
:
center
;
padding-top
:
17px
;
box-sizing
:
border-box
;
border-right
:
1px
solid
#DEDDDD
;
cursor
:
pointer
}
.normal-exhibition2-bottom-item
:last-child
{
border-right
:
none
}
.normal-exhibition2-bottom-item
>
.name
{
margin-top
:
17px
;
font-size
:
16px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-exhibition2-bottom-item
>
.text
{
width
:
184px
;
margin
:
6px
auto
8px
;
font-size
:
12px
;
color
:
rgba
(
153
,
153
,
153
,
1
)}
.normal-exhibition2-bottom-item
>
.price
{
font-size
:
18px
;
color
:
rgba
(
235
,
93
,
42
,
1
)}
.normal-exhibition2-bottom-item
>
.price
>
span
{
font-size
:
14px
}
.normal-exhibition2-bottom-item
>
img
{
width
:
60px
;
height
:
60px
}
.colorPieceModel2
{
width
:
220px
;
height
:
576px
;
color
:
#fff
;
font-size
:
32px
;
font-family
:
JZhongYi
}
.normal-exhibition3-item
{
float
:
left
;
margin-left
:
10px
;
margin-bottom
:
10px
;
width
:
432px
;
height
:
116px
;
padding
:
20px
;
box-sizing
:
border-box
;
background
:
rgba
(
255
,
255
,
255
,
1
);
cursor
:
pointer
}
.normal-exhibition3-item
:hover
>
.name
{
color
:
#51A3F5
}
.normal-exhibition3-item
>
.name
{
font-size
:
16px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
700
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-exhibition3-item
>
.text
{
width
:
100%
;
margin-top
:
6px
;
margin-bottom
:
16px
;
font-size
:
12px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
153
,
153
,
153
,
1
);
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.normal-exhibition3-item
>
.price
{
font-size
:
16px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
235
,
93
,
42
,
1
)}
.normal-collaborate
{
width
:
100%
;
height
:
491px
;
padding-top
:
27px
;
box-sizing
:
border-box
;
background
:
url(/imgs/normal/dbbeij.png)
no-repeat
;
background-size
:
100%
100%
}
.normal-collaborate-name
{
width
:
100%
;
text-align
:
center
;
margin-bottom
:
100px
;
font-size
:
30px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-collaborate-main
{
width
:
1200px
;
margin
:
0
auto
;
display
:
flex
}
.normal-collaborate-main
:last-child
{
border-top
:
1px
solid
#ECECEC
}
.normal-collaborate-main-item
{
flex
:
1
;
height
:
130px
;
line-height
:
130px
;
text-align
:
center
;
border-right
:
1px
solid
#ECECEC
}
.normal-collaborate-main-item
:last-child
{
border-right
:
none
}
.normal-collaborate-main-item
>
img
{
width
:
130px
;
height
:
50px
}
.colorPieceModel
{
width
:
220px
;
height
:
460px
;
color
:
#fff
;
font-size
:
32px
;
font-family
:
JZhongYi
}
.moreservice-spring-left-button
,
.moreservice-spring-right-button
{
top
:
45%
;
font-size
:
36px
;
color
:
rgba
(
210
,
214
,
218
,
1
);
z-index
:
9999
;
cursor
:
pointer
}
#serviceSmall_li
>
div
,
#serviceSmall_li
>
h5
,
#serviceSmall_li
>
span
,
.normal-input-buttom
{
font-family
:
Microsoft
YaHei
}
.moreservice-spring-right-button
{
position
:
absolute
;
right
:
0
}
.moreservice-spring-left-button
{
position
:
absolute
;
left
:
0
}
#ip-button
:hover
{
color
:
#6592F7
}
#ic-button
:hover
{
color
:
#A78CEE
}
#pa-button
:hover
{
color
:
#EB9E55
}
.serviceSmall
{
float
:
left
;
width
:
77%
;
padding-left
:
0
;
margin-bottom
:
0
}
#serviceSmall_li
{
list-style
:
none
;
width
:
285px
;
height
:
116px
;
padding
:
15px
;
background-color
:
#fff
;
margin-left
:
8px
;
margin-bottom
:
8px
;
box-sizing
:
border-box
;
transition
:
box-shadow
.2s
,
margin-top
.2s
;
-webkit-transition
:
box-shadow
.2s
,
margin-top
.2s
}
#serviceSmall_li
:hover
{
cursor
:
pointer
;
margin-top
:
-2px
}
#serviceSmall_li
:hover
>
h5
{
color
:
#51A3F5
}
#serviceSmall_li
>
div
{
width
:
213px
;
height
:
24px
;
font-size
:
12px
;
font-weight
:
400
;
color
:
rgba
(
153
,
153
,
153
,
1
);
line-height
:
24px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
margin
:
7px
0
14px
}
#serviceSmall_li
>
span
{
font-size
:
18px
;
font-weight
:
400
;
color
:
rgba
(
235
,
93
,
42
,
1
)}
#serviceSmall_li
>
h5
{
font-size
:
16px
;
font-weight
:
700
;
color
:
#333
}
#LX201906101755oFppND
li
:hover
{
cursor
:
pointer
;
box-shadow
:
2px
2px
8px
#4081f7
;
margin-top
:
-2px
}
#LX201906111013bmwgjj
li
:hover
{
cursor
:
pointer
;
box-shadow
:
2px
2px
8px
#ec927f
;
margin-top
:
-2px
}
.serviceSmall
h5
{
color
:
#38404b
;
font-size
:
16px
;
margin
:
0
auto
}
.serviceSmall
p
{
height
:
35px
;
color
:
#828282
;
font-size
:
12px
;
line-height
:
18px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
display
:
-webkit-box
;
-webkit-line-clamp
:
2
;
-webkit-box-orient
:
vertical
}
.serviceSmall
li
span
{
color
:
#FF394D
;
font-size
:
16px
}
.serviceSmallName
{
list-style
:
none
;
box-sizing
:
border-box
;
padding
:
12px
;
margin-left
:
44px
;
margin-top
:
15px
;
width
:
130px
;
height
:
121px
;
color
:
#fff
;
font-size
:
14px
;
text-align
:
center
}
.serviceSmallImg
{
height
:
auto
;
margin
:
0
auto
5px
;
display
:
block
}
.spring_daohang
{
position
:
absolute
;
bottom
:
10px
;
left
:
0
;
width
:
950px
;
height
:
10px
;
float
:
left
;
padding-right
:
50px
;
box-sizing
:
border-box
}
.spring_daohang_list
,
.spring_daohang_list_xz
{
width
:
7px
;
height
:
7px
;
border-radius
:
50%
;
float
:
right
;
margin-left
:
15px
;
cursor
:
pointer
}
.spring_daohang_list
{
opacity
:
.5
}
.spring_daohang_list_xz
{
opacity
:
1
}
.normal-inquire-input
{
width
:
700px
;
height
:
40px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
2px
solid
rgba
(
81
,
163
,
245
,
1
);
overflow
:
hidden
}
.normal-input-value
{
float
:
left
;
width
:
579px
;
height
:
100%
}
.normal
.normal-input-value
.el-input__inner
{
border
:
none
}
.normal-input-buttom
{
float
:
left
;
width
:
calc
(
100%
-
579px
);
height
:
40px
;
line-height
:
40px
;
text-align
:
center
;
background
:
rgba
(
81
,
163
,
245
,
1
);
font-size
:
14px
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
);
cursor
:
pointer
}
.normal-inquire-input-patent
{
width
:
700px
;
height
:
40px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
2px
solid
rgba
(
81
,
163
,
245
,
1
);
overflow
:
hidden
}
.normal-inquire-input-patent
.el-button
+
.el-button
{
border
:
1px
solid
rgba
(
81
,
163
,
245
,
1
);
background-color
:
rgba
(
81
,
163
,
245
,
1
)
!important
}
.line
{
width
:
660px
;
height
:
1px
;
background
:
#E8E8E8
;
margin
:
15px
auto
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/moreservice/policy/policy.css
0 → 100644
View file @
ab440648
.policy-input-buttom
,
.policy-input-value
{
height
:
50px
!important
}
.actived
,
.actived
:after
{
background
:
rgba
(
16
,
142
,
233
,
1
)}
.policy-input-buttom
{
line-height
:
50px
!important
}
.actived
{
float
:
left
;
position
:
relative
;
width
:
77px
;
height
:
27px
;
box-sizing
:
border-box
;
font-size
:
14px
;
border-radius
:
2px
;
color
:
#fff
}
.meihua-inquire-input
{
height
:
230px
!important
}
.policy-resoubang
{
color
:
#fff
;
display
:
flex
;
width
:
60%
;
justify-content
:
space-between
;
line-height
:
50px
;
font-size
:
14px
}
.policy-baoguo
:hover
{
color
:
#128EE9
;
cursor
:
pointer
}
.acitves
,
.lists
{
font-size
:
14px
;
letter-spacing
:
1px
;
text-align
:
center
;
line-height
:
27px
;
color
:
#fff
}
.acitves
{
width
:
77px
;
height
:
27px
;
cursor
:
pointer
}
.actived
:after
,
.actived
:before
{
position
:
absolute
;
content
:
''
;
width
:
10px
;
height
:
10px
;
bottom
:
-8px
;
left
:
50%
;
margin-left
:
-7px
;
overflow
:
hidden
;
pointer-events
:
none
;
-webkit-transform
:
rotate
(
45deg
);
-mz-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
)}
.actived
:after
{
bottom
:
-4px
}
.lists
{
display
:
flex
;
height
:
27px
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/moreservice/policyShop/policyShop.css
0 → 100644
View file @
ab440648
#serviceSmall_li
:hover
,
.normal-exhibition2-bottom-item
:hover
,
.normal-exhibition3-item
:hover
{
box-shadow
:
0
0
18px
0
rgba
(
176
,
201
,
222
,
.4
)}
.normal
{
width
:
100%
;
height
:
100%
;
background-color
:
#fff
}
.normal-two-left-item
,
.normal-two-left-item-cla
{
width
:
100%
;
height
:
60px
;
line-height
:
60px
;
text-align
:
left
;
font-size
:
16px
;
cursor
:
pointer
}
.normal-two-left-item
{
color
:
rgba
(
255
,
255
,
255
,
.7
)}
.normal-two-left-item-cla
{
background-color
:
#fff
;
color
:
#24a4fc
;
border-top
:
1px
solid
#24a4fc
;
border-bottom
:
1px
solid
#24a4fc
;
box-sizing
:
border-box
}
.normal-header
{
width
:
1200px
;
height
:
148px
;
padding
:
19px
0
;
box-sizing
:
border-box
;
margin
:
0
auto
;
text-align
:
center
;
position
:
relative
}
.normal-header-logo
{
width
:
150px
;
height
:
54px
;
position
:
absolute
;
top
:
35px
;
left
:
20px
}
.normal-input-tabs
{
width
:
100%
;
overflow
:
hidden
}
.normal-input-tabs
>
div
{
float
:
left
;
width
:
60px
;
height
:
24px
;
line-height
:
24px
;
text-align
:
center
;
font-size
:
12px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
cursor
:
pointer
}
.normal-popups-two-left-item-span
{
display
:
inline-block
;
width
:
75%
;
height
:
100%
;
margin-left
:
36px
}
.normal-header-a1
{
width
:
100%
;
height
:
30px
;
position
:
absolute
;
bottom
:
0
;
left
:
0
;
font-size
:
14px
}
.normal-header-a1
>
.tabs
{
float
:
left
;
width
:
190px
;
height
:
30px
;
line-height
:
30px
;
text-align
:
center
;
background
:
rgba
(
81
,
163
,
245
,
1
);
color
:
#fff
}
.normal-header-a1
>
.items
>
div
,
.normal-header-a1dh
{
line-height
:
30px
;
font-weight
:
400
;
color
:
rgba
(
51
,
51
,
51
,
1
);
font-family
:
Microsoft
YaHei
}
.normal-header-a1
>
.items
{
float
:
left
;
display
:
flex
;
margin-left
:
20px
}
.normal-header-a1
>
.items
>
div
{
float
:
left
;
padding
:
0
20px
;
text-align
:
center
;
cursor
:
pointer
}
.normal-header-a1dh
{
float
:
right
;
font-size
:
16px
;
font-style
:
italic
}
.normal-header-a1dh
>
img
{
vertical-align
:
middle
;
width
:
18px
;
height
:
19px
}
.normal-content
{
background
:
url(/imgs/normal/TB1L7_mVIfpK1RjSZFOXXa6nFXa-838-846.png)
top
right
no-repeat
,
url(/imgs/normal/TB1Eui2V9zqK1RjSZPcXXbTepXa-1604-1146.png)
90px
281px
no-repeat
,
url(/imgs/normal/TB1Eui2V9zqK1RjSZPcXXbTepXa-1604-1146.png)
1176px
986px
no-repeat
,
url(/imgs/normal/TB1L7_mVIfpK1RjSZFOXXa6nFXa-838-846.png)
bottom
left
no-repeat
,
0
0
}
.normal-swiper
{
width
:
100%
;
position
:
relative
;
z-index
:
999
}
.normal
.normal-two
{
top
:
0
!important
;
height
:
100%
!important
;
pointer-events
:
none
!important
}
.normal-setting
{
width
:
100%
;
height
:
auto
;
background-color
:
#F4F4F4
;
padding-top
:
20px
;
box-sizing
:
border-box
}
.normal-exhibition
{
width
:
1200px
;
height
:
150px
;
margin
:
0
auto
}
.normal-exhibition
>
.item
{
float
:
left
;
width
:
392px
;
height
:
150px
;
background-size
:
100%
100%
;
padding-top
:
25px
;
padding-left
:
27px
;
box-sizing
:
border-box
;
cursor
:
pointer
}
.normal-exhibition
>
.item
:hover
{
opacity
:
.8
}
.normal-exhibition
>
.item
:nth-child
(
2
)
{
margin
:
0
12px
}
.normal-exhibition
>
.item
>
.name
{
font-size
:
22px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
700
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.normal-exhibition
>
.item
>
.text
{
margin-top
:
14px
;
font-size
:
14px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.normal-exhibition
>
.item
>
.img
{
margin-top
:
12px
}
.normal-main
{
width
:
1200px
;
margin
:
0
auto
;
padding-top
:
36px
;
box-sizing
:
border-box
}
.normal-main
>
.title
{
width
:
100%
;
text-align
:
center
;
font-size
:
28px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-main
>
.synopsis
,
.normal_carousel_top
>
div
{
text-align
:
center
;
font-size
:
16px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
}
.normal-main
>
.synopsis
{
width
:
100%
;
margin-top
:
15px
;
color
:
rgba
(
175
,
175
,
175
,
1
)}
.normal_carousel_top
{
width
:
970px
;
height
:
50px
;
margin-left
:
230px
;
border-top
:
1px
solid
#5480F0
}
.normal_carousel_top
>
div
{
float
:
left
;
width
:
164px
;
height
:
52px
;
line-height
:
52px
;
color
:
rgba
(
102
,
102
,
102
,
1
);
cursor
:
pointer
}
.colorPieceModel-bottom
,
.colorPieceModel-top
{
position
:
absolute
;
height
:
116px
;
width
:
100%
;
left
:
0
;
box-sizing
:
border-box
}
.colorPieceModel-top
>
.name
,
.nc_top_pitch
{
font-family
:
Microsoft
YaHei
;
font-weight
:
700
}
.nc_top_pitch
{
font-size
:
18px
;
color
:
rgba
(
83
,
131
,
241
,
1
);
background
:
linear-gradient
(
#cfe2fd
,
#f7fbff
)}
.colorPieceModel-top
{
top
:
0
;
padding-top
:
36px
;
padding-left
:
25px
}
.colorPieceModel-top
>
.name
{
text-align
:
left
;
font-size
:
30px
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.colorPieceModel-bottom_items
>
div
,
.colorPieceModel-top
>
.text
{
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.colorPieceModel-top
>
.text
{
text-align
:
left
;
margin-top
:
12px
;
font-size
:
14px
}
.colorPieceModel-bottom
{
bottom
:
0
;
padding
:
25px
15px
}
.colorPieceModel
,
.colorPieceModel1
,
.colorPieceModel2
{
position
:
relative
;
text-align
:
center
;
overflow
:
hidden
}
.colorPieceModel-bottom_items
{
width
:
100%
;
overflow
:
hidden
;
margin-bottom
:
10px
}
.colorPieceModel-bottom_items
>
div
{
width
:
92px
;
height
:
28px
;
border
:
1px
solid
rgba
(
224
,
224
,
224
,
1
);
line-height
:
28px
;
text-align
:
center
;
font-size
:
12px
;
cursor
:
pointer
;
box-sizing
:
border-box
}
.backColorModel
{
background
:
#F4F4F4
}
.colorPieceModel1
{
float
:
left
;
width
:
220px
;
height
:
442px
;
border-radius
:
8px
;
color
:
#fff
;
font-size
:
32px
;
font-family
:
JZhongYi
}
.normal-exhibition2-bottom-item
>
.name
,
.normal-exhibition2-bottom-item
>
.price
,
.normal-exhibition2-bottom-item
>
.text
,
.normal-exhibition2-top-register-button
,
.normal-exhibition2-top-register
>
.name
,
.normal-exhibition2-top-register
>
.price
,
.normal-selectWe-main-item
>
.name
,
.normal-selectWe-main-item
>
.text
,
.normal-selectWe-name
{
font-family
:
Microsoft
YaHei
;
font-weight
:
400
}
.normal-selectWe
{
width
:
100%
;
height
:
524px
;
padding-top
:
67px
;
box-sizing
:
border-box
}
.normal-selectWe-name
{
width
:
100%
;
text-align
:
center
;
margin-bottom
:
95px
;
font-size
:
30px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-selectWe-main
{
width
:
1200px
;
margin
:
0
auto
;
display
:
flex
}
.normal-selectWe-main-item
{
flex
:
1
;
text-align
:
center
}
.normal-selectWe-main-item
>
img
{
width
:
122px
;
height
:
110px
}
.normal-selectWe-main-item
>
.name
{
margin-top
:
23px
;
margin-bottom
:
14px
;
font-size
:
18px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-selectWe-main-item
>
.text
{
margin
:
0
auto
;
width
:
224px
;
font-size
:
14px
;
color
:
rgba
(
153
,
153
,
153
,
1
)}
.normal-exhibition2-top
{
width
:
100%
;
height
:
220px
;
background
:
url(/imgs/normal/trade_bg.7c4e0d4a.png)
top
right
no-repeat
;
padding-top
:
33px
;
box-sizing
:
border-box
}
.normal-exhibition2-top
>
img
{
float
:
left
;
width
:
121px
;
height
:
160px
;
margin-left
:
95px
}
.normal-exhibition2-top-register
{
float
:
left
;
padding-left
:
40px
;
padding-top
:
16px
;
box-sizing
:
border-box
}
.normal-exhibition2-top-register
>
.name
{
font-size
:
20px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-exhibition2-top-register
>
.text
{
font-size
:
12px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
153
,
153
,
153
,
1
);
margin-top
:
7px
;
margin-bottom
:
14px
}
.normal-exhibition2-top-register
>
.price
{
font-size
:
18px
;
color
:
rgba
(
235
,
93
,
42
,
1
);
margin-bottom
:
16px
}
.normal-exhibition2-top-register
>
.price
>
span
{
font-size
:
14px
}
.normal-exhibition2-top-register-button
{
width
:
104px
;
height
:
28px
;
line-height
:
28px
;
text-align
:
center
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
247
,
161
,
84
,
1
);
font-size
:
14px
;
color
:
rgba
(
247
,
161
,
84
,
1
);
cursor
:
pointer
}
#serviceSmall_li
,
.colorPieceModel
,
.colorPieceModel2
,
.serviceSmallName
{
border-radius
:
8px
;
float
:
left
}
.normal-exhibition2-top-register-button
:hover
{
background-color
:
rgba
(
247
,
161
,
84
,
1
);
color
:
#fff
}
.normal-exhibition2-bottom
{
width
:
100%
;
height
:
220px
;
border-top
:
1px
solid
#DEDDDD
;
display
:
flex
}
.normal-exhibition2-bottom-item
{
flex
:
1
;
text-align
:
center
;
padding-top
:
17px
;
box-sizing
:
border-box
;
border-right
:
1px
solid
#DEDDDD
;
cursor
:
pointer
}
.normal-exhibition2-bottom-item
:last-child
{
border-right
:
none
}
.normal-exhibition2-bottom-item
>
.name
{
margin-top
:
17px
;
font-size
:
16px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-exhibition2-bottom-item
>
.text
{
width
:
184px
;
margin
:
6px
auto
8px
;
font-size
:
12px
;
color
:
rgba
(
153
,
153
,
153
,
1
)}
.normal-exhibition2-bottom-item
>
.price
{
font-size
:
18px
;
color
:
rgba
(
235
,
93
,
42
,
1
)}
.normal-exhibition2-bottom-item
>
.price
>
span
{
font-size
:
14px
}
.normal-exhibition2-bottom-item
>
img
{
width
:
60px
;
height
:
60px
}
.colorPieceModel2
{
width
:
220px
;
height
:
576px
;
color
:
#fff
;
font-size
:
32px
;
font-family
:
JZhongYi
}
.normal-exhibition3-item
{
float
:
left
;
margin-left
:
10px
;
margin-bottom
:
10px
;
width
:
432px
;
height
:
116px
;
padding
:
20px
;
box-sizing
:
border-box
;
background
:
rgba
(
255
,
255
,
255
,
1
);
cursor
:
pointer
}
.normal-exhibition3-item
:hover
>
.name
{
color
:
#51A3F5
}
.normal-exhibition3-item
>
.name
{
font-size
:
16px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
700
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-exhibition3-item
>
.text
{
width
:
100%
;
margin-top
:
6px
;
margin-bottom
:
16px
;
font-size
:
12px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
153
,
153
,
153
,
1
);
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.normal-exhibition3-item
>
.price
{
font-size
:
16px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
235
,
93
,
42
,
1
)}
.normal-collaborate
{
width
:
100%
;
height
:
491px
;
padding-top
:
27px
;
box-sizing
:
border-box
;
background
:
url(/imgs/normal/dbbeij.png)
no-repeat
;
background-size
:
100%
100%
}
.normal-collaborate-name
{
width
:
100%
;
text-align
:
center
;
margin-bottom
:
100px
;
font-size
:
30px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.normal-collaborate-main
{
width
:
1200px
;
margin
:
0
auto
;
display
:
flex
}
.normal-collaborate-main
:last-child
{
border-top
:
1px
solid
#ECECEC
}
.normal-collaborate-main-item
{
flex
:
1
;
height
:
130px
;
line-height
:
130px
;
text-align
:
center
;
border-right
:
1px
solid
#ECECEC
}
.normal-collaborate-main-item
:last-child
{
border-right
:
none
}
.normal-collaborate-main-item
>
img
{
width
:
130px
;
height
:
50px
}
.colorPieceModel
{
width
:
220px
;
height
:
460px
;
color
:
#fff
;
font-size
:
32px
;
font-family
:
JZhongYi
}
.moreservice-spring-left-button
,
.moreservice-spring-right-button
{
top
:
45%
;
font-size
:
36px
;
color
:
rgba
(
210
,
214
,
218
,
1
);
z-index
:
9999
;
cursor
:
pointer
}
#serviceSmall_li
>
div
,
#serviceSmall_li
>
h5
,
#serviceSmall_li
>
span
,
.normal-input-buttom
{
font-family
:
Microsoft
YaHei
}
.moreservice-spring-right-button
{
position
:
absolute
;
right
:
0
}
.moreservice-spring-left-button
{
position
:
absolute
;
left
:
0
}
#ip-button
:hover
{
color
:
#6592F7
}
#ic-button
:hover
{
color
:
#A78CEE
}
#pa-button
:hover
{
color
:
#EB9E55
}
.serviceSmall
{
float
:
left
;
width
:
77%
;
padding-left
:
0
;
margin-bottom
:
0
}
#serviceSmall_li
{
list-style
:
none
;
width
:
285px
;
height
:
116px
;
padding
:
15px
;
background-color
:
#fff
;
margin-left
:
8px
;
margin-bottom
:
8px
;
box-sizing
:
border-box
;
transition
:
box-shadow
.2s
,
margin-top
.2s
;
-webkit-transition
:
box-shadow
.2s
,
margin-top
.2s
}
#serviceSmall_li
:hover
{
cursor
:
pointer
;
margin-top
:
-2px
}
#serviceSmall_li
:hover
>
h5
{
color
:
#51A3F5
}
#serviceSmall_li
>
div
{
width
:
213px
;
height
:
24px
;
font-size
:
12px
;
font-weight
:
400
;
color
:
rgba
(
153
,
153
,
153
,
1
);
line-height
:
24px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
margin
:
7px
0
14px
}
#serviceSmall_li
>
span
{
font-size
:
18px
;
font-weight
:
400
;
color
:
rgba
(
235
,
93
,
42
,
1
)}
#serviceSmall_li
>
h5
{
font-size
:
16px
;
font-weight
:
700
;
color
:
#333
}
#LX201906101755oFppND
li
:hover
{
cursor
:
pointer
;
box-shadow
:
2px
2px
8px
#4081f7
;
margin-top
:
-2px
}
#LX201906111013bmwgjj
li
:hover
{
cursor
:
pointer
;
box-shadow
:
2px
2px
8px
#ec927f
;
margin-top
:
-2px
}
.serviceSmall
h5
{
color
:
#38404b
;
font-size
:
16px
;
margin
:
0
auto
}
.serviceSmall
p
{
height
:
35px
;
color
:
#828282
;
font-size
:
12px
;
line-height
:
18px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
display
:
-webkit-box
;
-webkit-line-clamp
:
2
;
-webkit-box-orient
:
vertical
}
.serviceSmall
li
span
{
color
:
#FF394D
;
font-size
:
16px
}
.serviceSmallName
{
list-style
:
none
;
box-sizing
:
border-box
;
padding
:
12px
;
margin-left
:
44px
;
margin-top
:
15px
;
width
:
130px
;
height
:
121px
;
color
:
#fff
;
font-size
:
14px
;
text-align
:
center
}
.serviceSmallImg
{
height
:
auto
;
margin
:
0
auto
5px
;
display
:
block
}
.spring_daohang
{
position
:
absolute
;
bottom
:
10px
;
left
:
0
;
width
:
950px
;
height
:
10px
;
float
:
left
;
padding-right
:
50px
;
box-sizing
:
border-box
}
.spring_daohang_list
,
.spring_daohang_list_xz
{
width
:
7px
;
height
:
7px
;
border-radius
:
50%
;
float
:
right
;
margin-left
:
15px
;
cursor
:
pointer
}
.spring_daohang_list
{
opacity
:
.5
}
.spring_daohang_list_xz
{
opacity
:
1
}
.normal-inquire-input
{
width
:
700px
;
height
:
40px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
2px
solid
rgba
(
81
,
163
,
245
,
1
);
overflow
:
hidden
}
.normal-input-value
{
float
:
left
;
width
:
579px
;
height
:
100%
}
.normal
.normal-input-value
.el-input__inner
{
border
:
none
}
.normal-input-buttom
{
float
:
left
;
width
:
calc
(
100%
-
579px
);
height
:
40px
;
line-height
:
40px
;
text-align
:
center
;
background
:
rgba
(
81
,
163
,
245
,
1
);
font-size
:
14px
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
);
cursor
:
pointer
}
.normal-inquire-input-patent
{
width
:
700px
;
height
:
40px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
2px
solid
rgba
(
81
,
163
,
245
,
1
);
overflow
:
hidden
}
.normal-inquire-input-patent
.el-button
+
.el-button
{
border
:
1px
solid
rgba
(
81
,
163
,
245
,
1
);
background-color
:
rgba
(
81
,
163
,
245
,
1
)
!important
}
.line
{
width
:
660px
;
height
:
1px
;
background
:
#E8E8E8
;
margin
:
15px
auto
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/myinfo/myinfo.css
0 → 100644
View file @
ab440648
.info
,
.policy_all
{
background
:
rgba
(
255
,
255
,
255
,
1
)}
.info_tag
,
.my_info
{
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
color
:
rgba
(
72
,
72
,
72
,
1
);
line-height
:
33px
}
.policy_all
{
width
:
95%
;
height
:
810px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
margin-left
:
20px
;
margin-top
:
20px
}
.my_info
{
width
:
100%
;
height
:
50%
;
font-size
:
24px
;
margin-left
:
8px
;
padding-top
:
16px
}
.info
{
widows
:
100%
;
height
:
50%
;
border-radius
:
2px
}
.info_tag
{
width
:
100px
;
height
:
33px
;
font-size
:
20px
;
margin-left
:
1%
;
margin-top
:
1%
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/nowbuy/nowbuy.css
0 → 100644
View file @
ab440648
.nowbuy-footer-img
,
.nowbuy-footer
>
div
{
display
:
inline-block
}
.nowbuy
{
margin
:
0
auto
;
width
:
1200px
}
.nowbuy-nav
{
height
:
60px
;
box-sizing
:
border-box
;
padding
:
21px
0
}
.nowbuy-main
{
padding-left
:
54px
;
width
:
1203px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
214
,
214
,
214
,
1
)}
.nowbuy-title
>
div
{
border-left
:
5px
solid
#1EAFFF
;
padding-left
:
12px
;
font-size
:
18px
;
margin
:
20px
0
}
.nowbuy
.nowbuy-tableheader
,
.nowbuy-title
>
div
>
span
{
font-size
:
14px
;
font-family
:
Microsoft
YaHei
;
font-weight
:
400
}
.nowbuy-title
>
div
>
span
{
color
:
#1EAFFF
;
color
:
rgba
(
30
,
175
,
255
,
1
)}
.nowbuy-form
{
width
:
35%
}
.nowbuy
.el-form-item__label
{
text-align
:
right
}
.nowbuy-footer-warpper
{
border-top
:
1px
solid
#C1C1C1
;
height
:
170px
;
padding-top
:
17px
;
box-sizing
:
border-box
}
.nowbuy-footer
{
box-sizing
:
border-box
;
padding-left
:
54px
;
width
:
1200px
;
margin
:
0
auto
}
.nowbuy-footer
>
span
{
color
:
#f54a07
}
.nowbuy-footer-img
{
vertical-align
:
middle
;
width
:
26px
;
height
:
26px
;
margin-left
:
278px
;
margin-bottom
:
3px
;
cursor
:
pointer
;
margin-right
:
15px
}
.nowbuy-footer-img
>
img
{
width
:
100%
;
height
:
100%
}
.nowbuy-footer
>
div
>
button
{
margin-left
:
80px
}
.nowbuy
.nowbuy-tableheader
{
background
:
#F3F3F3
;
color
:
rgba
(
34
,
34
,
34
,
1
)}
.el-table
tr
,
.nowbuy
.el-table
th
{
background
:
0
0
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/patentanalysis/patentanalysis.css
0 → 100644
View file @
ab440648
.activeMenu8
{
width
:
100%
;
overflow
:
hidden
}
.activeMenu8-title
{
width
:
100%
;
line-height
:
60px
;
font-size
:
18px
;
color
:
#333
}
.activeMenu8-main
{
width
:
78%
;
float
:
left
;
padding
:
0
20px
20px
;
box-sizing
:
border-box
;
border
:
1px
solid
#ccc
}
.activeMenu8-main-right
{
min-width
:
190px
;
min-height
:
495px
;
float
:
left
;
margin-left
:
30px
;
padding
:
20px
20px
50px
;
border
:
1px
solid
#ccc
;
background-color
:
#f7f7f7
;
position
:
relative
}
.activeMenu8-main-title
{
width
:
100%
;
height
:
45px
;
line-height
:
45px
;
font-size
:
14px
;
color
:
#333
}
.activeMenu8-main-title-left
{
float
:
left
}
.activeMenu8-main-title-right
{
float
:
right
}
.activeMenu8-main-items
{
width
:
100%
;
overflow
:
hidden
}
.activeMenu8-main-item
{
width
:
25%
;
height
:
250px
;
float
:
left
}
.activeMenu8-main-item-title
{
width
:
100%
;
height
:
36px
;
line-height
:
36px
;
background-color
:
#eee
;
padding-left
:
20px
;
box-sizing
:
border-box
;
font-size
:
14px
}
.activeMenu8-main-item-tar
{
width
:
100%
;
box-sizing
:
border-box
}
.activeMenu8-main-chosenitem
{
width
:
100%
;
font-size
:
14px
;
line-height
:
36px
;
color
:
#000
}
.reportgeneration
{
position
:
absolute
;
bottom
:
10px
;
left
:
0
;
width
:
100%
;
text-align
:
center
;
margin-top
:
15px
}
.reportgeneration
.baogao
{
display
:
inline-block
;
width
:
98px
;
height
:
40px
;
line-height
:
40px
;
text-align
:
center
;
font-size
:
14px
;
background-color
:
#ccc
;
cursor
:
pointer
}
.activeMenu8-main-item-tree
{
width
:
100%
;
height
:
30px
;
line-height
:
30px
;
cursor
:
pointer
}
.activeMenu8-main-item-tree
>
span
{
width
:
10px
;
height
:
10px
;
margin-right
:
15px
;
display
:
inline-block
;
border
:
1px
solid
#ccc
}
.treeSpan
{
background-color
:
#409EFF
}
.echarts-title
{
width
:
800px
;
height
:
60px
;
line-height
:
60px
;
margin
:
0
auto
;
font-size
:
20px
}
.returnsPage
{
width
:
100%
;
color
:
#409EFF
;
font-size
:
14px
;
height
:
50px
;
line-height
:
50px
;
padding
:
0
120px
;
box-sizing
:
border-box
}
.patentdetail-content
,
.patentdetail-title
{
width
:
1200px
;
height
:
auto
;
position
:
relative
;
text-align
:
left
}
.returnsPage
>
span
{
cursor
:
pointer
}
.patentdetail-title
{
color
:
#000
;
margin
:
25px
auto
;
line-height
:
20px
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
;
color
:
rgba
(
153
,
153
,
153
,
1
)}
.patentdetail-content
{
color
:
#000
;
margin
:
0
auto
;
border-radius
:
8px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
box-shadow
:
0
0
4px
4px
rgba
(
0
,
0
,
0
,
.02
)}
.patentdetail-content-row
{
text-align
:
left
;
font-size
:
18px
;
font-weight
:
400
;
color
:
rgba
(
0
,
0
,
0
,
1
);
line-height
:
28px
;
display
:
inline-block
;
padding
:
20px
}
.ptenttype
{
width
:
70px
;
height
:
28px
;
font-size
:
12px
;
color
:
rgba
(
255
,
255
,
255
,
1
);
line-height
:
28px
;
background
:
#108ee9
;
border-radius
:
4px
;
margin-left
:
10px
;
display
:
inline-block
;
text-align
:
center
}
.patentdetail-content-table
{
padding
:
0
20px
20px
}
.td-title1
,
.td-title1-title
{
padding-left
:
20px
;
padding-right
:
20px
;
text-align
:
left
}
.brand-detail-table
{
width
:
100%
;
background-size
:
410px
;
border-collapse
:
collapse
;
background-position
:
100px
-60px
}
.brand-detail-table
td
{
height
:
auto
;
padding-top
:
12px
;
padding-bottom
:
12px
;
border
:
1px
solid
rgba
(
232
,
232
,
232
,
1
)}
.td-title1
{
width
:
1160px
;
font-size
:
16px
;
color
:
#333
;
background-color
:
rgba
(
248
,
248
,
248
,
1
)
!important
}
.td-title1-title
{
width
:
200px
;
color
:
#999
;
font-size
:
14px
;
background
:
#FFF
}
.td-title1-content
,
.td-title2
{
padding-left
:
20px
;
padding-right
:
20px
;
color
:
#333
;
text-align
:
left
}
.td-title1-content
{
width
:
380px
;
font-size
:
14px
;
background
:
#FFF
}
.td-title2
{
width
:
200px
;
font-size
:
16px
;
background-color
:
rgba
(
248
,
248
,
248
,
1
)
!important
}
.td-title2-content
{
text-align
:
left
;
width
:
960px
;
color
:
#000
;
font-size
:
14px
;
background
:
#FFF
;
padding
:
20px
;
line-height
:
28px
}
.footer-row
{
margin-top
:
20px
}
.patentanalysis
{
width
:
100%
;
height
:
auto
;
text-align
:
left
}
.patentanalysis-wrap
{
border-top
:
1px
solid
#e6e6e6
;
padding-left
:
200px
}
.patentanalysis-leftpart
{
float
:
left
;
width
:
200px
;
margin-left
:
-200px
;
height
:
100%
;
position
:
fixed
;
background-color
:
#FFF
}
.patentanalysis-rightpart
{
float
:
right
;
width
:
100%
;
height
:
auto
;
padding
:
0
20px
;
box-sizing
:
border-box
}
.patentanalysis-menu
{
height
:
70px
;
text-align
:
center
}
.patentanalysis-menu
:focus
,
.patentanalysis-menu
:hover
{
background-color
:
#fff
}
.patentanalysis-menu.is-active
{
color
:
#fff
;
background-color
:
#00C1DE
}
.patentanalysis-firstpage
{
height
:
100%
;
margin
:
15px
}
.patentanalysis-firstpage-content
{
border
:
1px
solid
#E1E1E1
;
padding
:
30px
50px
;
background-color
:
#fff
}
.patentanalysis-firstpage-cardword
{
font-size
:
15px
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
;
color
:
rgba
(
47
,
47
,
47
,
1
)}
.patentanalysis-detail
{
height
:
auto
;
margin
:
15px
}
.patentanalysis-dimension
{
border
:
1px
solid
#E1E1E1
;
padding
:
20px
30px
;
background-color
:
#fff
;
height
:
84px
}
.patentanalysis-dimension-title
{
font-size
:
16px
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
;
color
:
rgba
(
130
,
130
,
130
,
1
);
width
:
10%
;
float
:
left
;
margin-top
:
6px
;
text
:
align
:
center
}
.patentanalysis-dimension-other
{
float
:
left
;
width
:
85%
}
.patentanalysis-dimension-item
{
width
:
90%
;
margin-left
:
10%
;
margin-bottom
:
10px
;
border-radius
:
2px
}
.patentanalysis-dimension-item
:active
{
border-color
:
#00C1DE
}
.patentanalysis-dimension-item
:hover
{
border-color
:
#E1E1E1
}
.patentanalysis-result
{
margin-top
:
10px
;
border
:
1px
solid
#E1E1E1
;
padding
:
20px
30px
;
height
:
auto
;
background-color
:
#fff
}
.patentanalysis-result-title
{
height
:
32px
;
line-height
:
16px
;
font-size
:
16px
;
font-family
:
PingFangSC-Regular
;
font-weight
:
500
;
color
:
#2F2F2F
;
border-bottom
:
1px
solid
#E1E1E1
}
.patentanalysis-result-content
{
font-size
:
14px
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
;
color
:
rgba
(
130
,
130
,
130
,
1
);
line-height
:
22px
;
margin-top
:
16px
}
.patentanalysis-echartTab
{
border
:
1px
solid
#fff
}
.patentanalysis-echartTab
:active
,
.patentanalysis-echartTab
:focus
,
.patentanalysis-echartTab
:hover
{
border-color
:
#fff
;
background-color
:
#fff
}
.patentanalysis-ipc
{
font-size
:
16px
;
font-family
:
PingFangSC-Medium
;
font-weight
:
500
;
color
:
rgba
(
47
,
47
,
47
,
1
)}
.patentanalysis-exportechart
{
color
:
#00C1DE
;
font-size
:
16px
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
;
width
:
100%
;
text-align
:
right
;
margin-bottom
:
10px
}
.patentanalysis-exporttable
,
.patentanalysis-statisticaltable
{
font-size
:
16px
;
width
:
50%
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
}
.patentanalysis-statisticaltable
{
color
:
rgba
(
47
,
47
,
47
,
1
);
text-align
:
left
;
float
:
left
}
.patentanalysis-exporttable
{
color
:
#00C1DE
;
text-align
:
right
;
float
:
right
}
.patentanalysis-table-row1
th
{
background-color
:
#83b3dd
;
text-align
:
center
}
.patentanalysis-table-row1
tr
{
text-align
:
center
;
color
:
rgba
(
130
,
130
,
130
,
1
);
font-size
:
14px
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
;
height
:
50px
}
.patentanalysis-echart-desc
{
font-size
:
14px
;
margin-top
:
20px
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
;
color
:
rgba
(
130
,
130
,
130
,
1
)}
.patentanalysis-table-ipc
,
.patentanalysis-table-ipc-export
{
font-size
:
16px
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
}
.patentanalysis-table-ipc
{
color
:
rgba
(
47
,
47
,
47
,
1
);
text-align
:
left
}
.patentanalysis-table-ipc-export
{
color
:
rgba
(
0
,
193
,
222
,
1
);
text-align
:
right
}
.patentanalysis-table-row2
th
{
background-color
:
#83b3dd
;
text-align
:
center
}
.patentanalysis-table-row2
tr
{
text-align
:
center
;
color
:
rgba
(
130
,
130
,
130
,
1
);
font-size
:
14px
;
font-family
:
PingFangSC-Regular
;
font-weight
:
400
;
height
:
50px
}
.patentanalysis-table-row2
tr
td
:first-child
{
background-color
:
#83b3dd
;
color
:
#fff
;
font-weight
:
600
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/pay/pay.css
0 → 100644
View file @
ab440648
.main
,
.pay
{
box-sizing
:
border-box
}
.main
>
h1
,
.rj_title
>
p
{
font-size
:
40px
;
font-weight
:
500
;
color
:
rgba
(
51
,
51
,
51
,
1
);
line-height
:
56px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
}
.main
>
h1
,
.rj_title
>
p
,
.zhiItem
>
p
>
span
:nth-child
(
1
)
{
font-family
:
PingFangSC-Medium
,
PingFang
SC
}
.pay
{
width
:
100%
}
.rj_title
{
text-align
:
center
;
margin
:
50px
0
}
.rj_title
>
p
{
width
:
168px
;
height
:
56px
;
letter-spacing
:
1px
;
margin
:
0
auto
}
.rj_title
>
img
{
position
:
absolute
;
top
:
67px
;
left
:
50%
;
margin-left
:
-222px
}
.main
{
width
:
1197px
;
height
:
830px
;
background
:
#fff
;
margin
:
0
auto
;
padding
:
50px
}
.main
>
h1
{
height
:
56px
;
letter-spacing
:
2px
;
margin
:
10px
0
}
.zhiMain
{
width
:
100%
;
height
:
235px
;
display
:
flex
;
margin
:
45px
0
}
.indItem
,
.zhiItem
{
width
:
320px
;
height
:
100%
;
margin-right
:
70px
;
display
:
flex
}
.zhiItem
{
border
:
4px
solid
rgba
(
225
,
225
,
225
,
1
);
flex-direction
:
column
}
.indItem
{
border
:
4px
solid
#F00000
;
flex-direction
:
column
;
background
:
url(/imgs/rightBom.png)
255px
178px
no-repeat
}
.zhiItem
:nth-child
(
3
)
{
margin-right
:
0
}
.zhiItem
>
p
{
flex
:
1
;
display
:
flex
;
justify-content
:
center
}
.zhiItem
>
p
:nth-child
(
1
)
{
align-items
:
flex-end
;
font-weight
:
600
}
.zhiItem
>
p
>
span
{
display
:
inline-block
;
margin-right
:
10px
;
font-size
:
16px
}
.zhiItem
>
p
>
span
:nth-child
(
1
)
{
height
:
22px
;
font-size
:
16px
;
font-weight
:
500
;
color
:
rgba
(
205
,
205
,
205
,
1
);
line-height
:
22px
;
letter-spacing
:
1px
;
text-decoration
:
line-through
}
.email
{
height
:
40px
;
display
:
flex
;
margin-top
:
38px
}
.email
>
span
{
display
:
inline-block
;
width
:
80px
;
height
:
38px
;
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
rgba
(
34
,
34
,
34
,
1
);
line-height
:
38px
}
.email
.el-input
{
width
:
266px
;
height
:
38px
}
.main
>
h3
{
display
:
flex
;
justify-content
:
flex-end
;
height
:
37px
;
font-size
:
16px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
;
color
:
rgba
(
51
,
51
,
51
,
1
);
line-height
:
22px
;
letter-spacing
:
2px
}
.main
>
h3
>
span
{
font-size
:
26px
;
font-weight
:
600
;
color
:
#DB1313
}
.main
.el-button
{
float
:
right
;
width
:
182px
;
height
:
44px
;
background
:
rgba
(
18
,
142
,
233
,
1
);
margin-top
:
45px
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/policybigdata/policybigdata.css
0 → 100644
View file @
ab440648
.policybigdata-all
{
height
:
100vh
;
width
:
100vw
;
background-color
:
#021152
}
.policybigdata-head
{
height
:
40px
;
line-height
:
40px
;
padding-top
:
10px
;
text-align
:
center
;
color
:
#fff
;
font-size
:
26px
;
font-weight
:
700
}
.policybigdata-left
,
.policybigdata-right
{
width
:
30%
;
height
:
calc
(
100%
-
47px
);
float
:
left
}
.policybigdata-medium
{
width
:
40%
;
height
:
calc
(
100%
-
47px
);
float
:
left
}
.policybigdata-item1
,
.policybigdata-item2
,
.policybigdata-item5
,
.policybigdata-item6
{
height
:
46%
;
width
:
94%
;
margin
:
2%
,
3%
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/policycondition/policycondition.css
0 → 100644
View file @
ab440648
.confirm
,
.tag
{
display
:
inline-block
}
.hj_title
{
text-align
:
center
;
margin
:
50px
0
;
align-items
:
stretch
}
.backimg1
,
.backimg2
,
.backimg3
{
width
:
1157px
;
box-shadow
:
0
2px
30px
0
rgba
(
227
,
229
,
237
,
1
);
border-radius
:
10px
;
margin
:
auto
}
.backimg1
{
background-image
:
url(/imgs/policy/填写条件.png)
;
background-repeat
:
no-repeat
;
background-color
:
rgba
(
249
,
249
,
249
,
1
)}
.backimg2
{
height
:
376px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
background-image
:
url('/imgs/policy/填写条件(2)
.
png
');background-repeat:no-repeat}.backimg3{background-image:url('
/
imgs
/
policy
/
填写条件
(
3
).
png
');height:573px;background-repeat:no-repeat;background-size:100% 100%}.confirm{cursor:pointer;width:160px;height:48px;padding:10px;margin:7px 6px}.lable,.labled{margin-right:40px;width:98px;margin-top:3px;text-align:center;line-height:28px}.lable{height:28px;font-size:14px;background:rgba(18,142,233,1);color:rgba(255,255,255,1)}.lable1,.labled{background:rgba(237,237,237,1);color:rgba(119,119,119,1)}.labled{font-size:14px;height:28px}.lable1,.labled1{height:28px;font-size:14px;cursor:pointer;padding:3px 22px;margin:8px 17px}.labled1,.title1,.title2{color:rgba(255,255,255,1)}.labled1{background:rgba(18,142,233,1)}.tag{margin-top:43px;width:319px;height:75px;margin-left:-48px;background-image:url('
/
imgs
/
policy
/
填写条件
(
1
).
png
'
)}
.title1
{
width
:
76px
;
height
:
25px
;
font-size
:
18px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
line-height
:
25px
;
font-weight
:
500
;
margin-left
:
76px
;
margin-top
:
11px
}
.title2
,
.title3
{
font-size
:
14px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
}
.title2
{
margin-left
:
52px
;
margin-top
:
-20px
}
.title3
{
width
:
60px
;
height
:
20px
;
color
:
rgba
(
34
,
34
,
34
,
1
);
line-height
:
20px
;
margin-left
:
20%
;
padding-top
:
4%
}
#showlist
{
display
:
none
}
.bigbao
{
width
:
90%
;
margin
:
0
auto
;
padding-left
:
6%
}
.l-checkbox-group
{
width
:
100%
;
display
:
flex
;
flex-wrap
:
wrap
}
.showCity
{
display
:
flex
;
flex-direction
:
row
;
background
:
red
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/policyorder/policyorder.css
0 → 100644
View file @
ab440648
.policyorder
{
width
:
95%
;
height
:
810px
;
border-radius
:
2px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
margin-left
:
20px
;
margin-top
:
20px
;
background
:
#fff
}
.link
{
display
:
inline-block
}
.el-tab-pane
{
background
:
#fff
!important
}
.el-tabs__item
{
font-size
:
16px
}
.policycontent
{
width
:
95%
;
background
:
rgba
(
255
,
255
,
255
,
1
);
height
:
258px
;
border
:
1px
solid
rgba
(
225
,
225
,
225
,
1
);
margin-top
:
20px
;
margin-left
:
10px
}
.orderdate
,
.ordernu
{
float
:
left
;
margin-top
:
17px
;
letter-spacing
:
1px
}
.el-tabs__nav-scroll
{
padding-top
:
17px
;
padding-left
:
0
}
.orderlable
{
background
:
rgba
(
234
,
248
,
255
,
1
);
height
:
60px
}
.orderdate
{
margin-left
:
30px
}
.ordernu
{
margin-left
:
45px
}
.server_status
{
padding-top
:
17px
;
padding-left
:
1445px
;
vertical-align
:
middle
}
.push
{
margin-top
:
35px
;
margin-left
:
23px
}
.Subscribe
,
.period
{
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
margin-left
:
22px
;
display
:
inline-block
}
.push_img
{
display
:
inline-block
;
vertical-align
:
middle
}
.Subscribe
{
width
:
65px
}
.period
{
color
:
rgba
(
153
,
153
,
153
,
1
)}
.year
{
width
:
38px
;
border-radius
:
3px
;
height
:
20px
;
margin-left
:
15px
;
display
:
inline-block
;
border
:
1px
solid
rgba
(
18
,
142
,
233
,
1
);
text-align
:
center
}
.money
{
display
:
inline-block
;
color
:
red
;
margin-left
:
25%
}
.remaining
{
display
:
inline-block
;
color
:
rgba
(
72
,
72
,
72
,
1
);
font-family
:
PingFangSC-Regular
;
margin-left
:
29%
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/policyquery/policyquery.css
0 → 100644
View file @
ab440648
.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
igirl-web/app/front/entry/public/css/pages/projectpublicity/projectpublicity.css
0 → 100644
View file @
ab440648
.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
igirl-web/app/front/entry/public/css/pages/recommen/recommen.css
0 → 100644
View file @
ab440648
.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
igirl-web/app/front/entry/public/css/pages/register/register.css
0 → 100644
View file @
ab440648
.shujuzi
,
.tong
{
color
:
rgba
(
255
,
255
,
255
,
1
)}
.login-title
{
position
:
absolute
;
top
:
35%
;
left
:
25%
;
width
:
30%
;
height
:
130px
}
.tong
{
font-size
:
46px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
font-weight
:
500
}
.logins-title
,
.shujuzi
{
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
}
.shujuzi
{
font-size
:
30px
;
display
:
block
;
margin-left
:
0
;
margin-top
:
4px
}
.logins-title
{
width
:
320px
;
height
:
89px
;
line-height
:
89px
;
text-align
:
center
;
font-size
:
24px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.login-content-inputs
{
margin-left
:
30px
;
width
:
315px
;
height
:
44px
}
.zhanghao
{
margin-left
:
160px
;
margin-top
:
-10px
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/selficpreg/selficpreg.css
0 → 100644
View file @
ab440648
.selficpreg_main_bottomlhd
,
.selficpreg_main_bottomlhd2
{
line-height
:
60px
;
background
:
rgba
(
245
,
245
,
245
,
1
);
text-align
:
right
;
width
:
100%
;
overflow
:
hidden
}
.pointsRule
,
.pointsRule
span
,
.pointsRule
ul
{
display
:
inline-block
;
float
:
left
}
.selftmreg_titlelhd
{
width
:
100%
;
padding
:
20px
0
;
box-sizing
:
border-box
;
font-size
:
16px
;
font-family
:
PingFangSC-Medium
,
PingFang
SC
;
color
:
rgba
(
34
,
34
,
34
,
1
);
border-bottom
:
1px
solid
#E0E0E0
;
font-weight
:
600
}
.selficpreg_main_titlelhd
{
width
:
100%
;
margin
:
20px
0
;
box-sizing
:
border-box
;
font-size
:
16px
;
font-family
:
PingFangSC-Regular
,
PingFang
SC
;
font-weight
:
400
;
color
:
rgba
(
83
,
83
,
83
,
1
);
border-left
:
3px
solid
#0F8EE9
;
padding-left
:
10px
}
.selficpreg_main_bottomlhd
{
height
:
60px
}
.selficpreg_main_bottomlhd2
{
height
:
125px
}
.selficpreg_main_bottomlhd
>
div
{
float
:
right
;
margin-right
:
30px
}
#selficpreg
.el-form-item__error
{
width
:
100%
;
top
:
25%
;
left
:
105%
}
.pointsRule
{
width
:
100%
;
font-size
:
16px
;
margin
:
20px
0
}
.pointsRule
ul
{
list-style
:
none
;
margin
:
0
;
padding
:
0
;
width
:
100%
}
#selficpreg
.pointsRule
ul
li
{
width
:
24%
;
display
:
list-item
;
text-align
:
center
;
float
:
left
;
margin
:
0
5px
;
background
:
#e3e3e3
;
border-top
:
1px
solid
#e3e3e3
;
height
:
31px
;
position
:
relative
}
.pointsRule
ul
li
:first-child
{
border-left
:
1px
solid
#e3e3e3
;
background
:
#e3e3e3
}
.pointsRule
ul
li
a
{
display
:
block
;
padding
:
8px
0
;
cursor
:
pointer
;
height
:
31px
;
box-sizing
:
border-box
}
.pointsRule
ul
li
span
{
vertical-align
:
middle
;
height
:
24px
;
line-height
:
15px
;
display
:
inline-block
;
overflow
:
hidden
;
text-align
:
center
;
width
:
75%
}
.pointsRule
ul
li
i
{
float
:
right
;
border
:
solid
#e3e3e3
;
border-width
:
1px
1px
0
0
;
width
:
21px
;
height
:
22px
;
margin
:
-4px
-11px
0
10px
;
top
:
2px
;
transform
:
rotate
(
45deg
);
-webkit-transform
:
rotate
(
45deg
);
background
:
url()
#e3e3e3
;
-moz-transform
:
rotate
(
45deg
);
-ms-transform
:
rotate
(
45deg
)}
.pointsRule
ul
li
em
.before
{
border
:
solid
#e3e3e3
;
border-width
:
1px
1px
0
0
;
width
:
21px
;
height
:
22px
;
transform
:
rotate
(
45deg
);
-webkit-transform
:
rotate
(
45deg
);
float
:
left
;
margin
:
-4px
10px
0
-11px
;
top
:
2px
;
background
:
url()
#fff
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/servicedetails/servicedetails.css
View file @
ab440648
.sds-img
,
.sds-info
{
float
:
left
;
height
:
340px
}
.sds-img
{
width
:
400px
;
background-color
:
#e1e1e1
}
.sds-info
{
width
:
780px
;
margin-left
:
20px
}
.sds-info
h3
{
color
:
#333
;
font-weight
:
700
;
font-size
:
24px
;
margin
:
10px
0
}
.sds-info
h5
{
color
:
#666
;
font-size
:
14px
;
margin
:
0
}
.sds-info
p
{
font-size
:
12px
;
color
:
#999
;
margin-top
:
30px
}
.sds-t
{
width
:
758px
;
height
:
60px
;
line-height
:
60px
;
border
:
1px
dashed
#666
;
margin-top
:
20px
;
background-image
:
url(/imgs/sds_t.png)
;
background-size
:
100%
100%
}
.sds-operate
span
{
margin-top
:
30px
;
margin-right
:
16px
;
display
:
inline-block
;
width
:
200px
;
height
:
38px
;
line-height
:
40px
;
text-align
:
center
;
background-color
:
#ff5135
;
border
:
1px
solid
#ff5135
;
color
:
#fff
;
font-size
:
16px
;
cursor
:
pointer
}
.sds-operate
.sds-op2
{
background-color
:
#fff
;
color
:
#ff5135
}
.sds-main-t
{
width
:
107px
;
height
:
3px
;
background-color
:
#2f95fc
;
margin-top
:
30px
}
.sds-productdetails
{
width
:
1200px
;
min-height
:
800px
;
border
:
1px
solid
#ededed
}
.sds-productdetails
h3
{
background-color
:
#f1f1f1
;
margin
:
0
;
height
:
30px
;
border-top
:
1px
solid
#ededed
}
.sds-productdetails
i
{
display
:
inline-block
;
width
:
1091px
;
height
:
28px
;
border
:
1px
solid
#eee
}
.sds-productdetails
span
{
display
:
inline-block
;
width
:
107px
;
height
:
30px
;
line-height
:
30px
;
text-align
:
center
;
font-size
:
14px
;
color
:
#666
;
background-color
:
#fff
;
border
:
none
;
vertical-align
:
top
}
.sds-productdetails
img
{
width
:
1180px
;
margin
:
0
10px
;
vertical-align
:
top
}
.sds-container
.el-form-item__error
{
margin-left
:
110px
}
\ No newline at end of file
.sds-img
,
.sds-info
{
float
:
left
;
height
:
340px
}
.sds-img
{
width
:
400px
;
background-color
:
#e1e1e1
}
.sds-info
{
width
:
780px
;
margin-left
:
20px
}
.sds-info
h3
{
color
:
#333
;
font-weight
:
700
;
font-size
:
24px
;
margin
:
10px
0
}
.sds-info
h5
{
color
:
#666
;
font-size
:
14px
;
margin
:
0
}
.sds-info
p
{
font-size
:
12px
;
color
:
#999
}
.sds-t
{
width
:
758px
;
height
:
60px
;
line-height
:
60px
;
border
:
1px
dashed
#666
;
margin-top
:
20px
;
background-image
:
url(/imgs/sds_t.png)
;
background-size
:
100%
100%
}
.sds-operate
span
{
margin-top
:
30px
;
margin-right
:
16px
;
display
:
inline-block
;
width
:
200px
;
height
:
38px
;
line-height
:
40px
;
text-align
:
center
;
background-color
:
#ff5135
;
border
:
1px
solid
#ff5135
;
color
:
#fff
;
font-size
:
16px
;
cursor
:
pointer
}
.sds-operate
.sds-op2
{
background-color
:
#fff
;
color
:
#ff5135
}
.sds-main-t
{
width
:
107px
;
height
:
3px
;
background-color
:
#2f95fc
;
margin-top
:
30px
}
.sds-productdetails
{
width
:
1200px
;
min-height
:
800px
;
border
:
1px
solid
#ededed
}
.sds-productdetails
h3
{
background-color
:
#f1f1f1
;
margin
:
0
;
height
:
30px
;
border-top
:
1px
solid
#ededed
}
.sds-productdetails
i
{
display
:
inline-block
;
width
:
1091px
;
height
:
28px
;
border
:
1px
solid
#eee
}
.sds-productdetails
span
{
display
:
inline-block
;
width
:
107px
;
height
:
30px
;
line-height
:
30px
;
text-align
:
center
;
font-size
:
14px
;
color
:
#666
;
background-color
:
#fff
;
border
:
none
;
vertical-align
:
top
}
.sds-productdetails
img
{
width
:
1180px
;
margin
:
0
10px
;
vertical-align
:
top
}
.sds-container
.el-form-item__error
{
margin-left
:
110px
}
.sds-container
.el-input-number
{
margin-left
:
41px
}
\ No newline at end of file
igirl-web/app/front/entry/public/css/pages/subscription/subscription.css
0 → 100644
View file @
ab440648
.snbscription
{
width
:
100%
;
height
:
100%
;
position
:
relative
}
.btn1
,
.btn2
{
position
:
absolute
;
left
:
50%
;
color
:
#fff
;
background
:
#128EE9
}
.snbscription
>
img
{
width
:
100%
}
.btn1
{
top
:
10%
;
width
:
117px
;
height
:
35px
;
border
:
1px
solid
#fff
;
margin-left
:
-55px
;
border-radius
:
3px
}
.btn2
{
bottom
:
76px
;
margin-left
:
-76px
;
width
:
148px
;
height
:
37px
;
border
:
1px
solid
#fff
;
border-radius
:
3px
}
\ No newline at end of file
igirl-web/app/front/vues/pages/login/login.css
View file @
ab440648
...
...
@@ -3,7 +3,7 @@
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
151
,
151
,
151
,
1
);
}
.el-form-item
>
.el-form-item__content
{
#bychpage
.el-form-item
>
.el-form-item__content
{
margin-left
:
0
!important
;
}
.login-content
>
.login-content-input
{
...
...
igirl-web/app/front/vues/pages/pay/pay.css
View file @
ab440648
...
...
@@ -2,11 +2,11 @@
width
:
100%
;
box-sizing
:
border-box
;
}
.title
{
.
rj_
title
{
text-align
:
center
;
margin
:
50px
0
;
}
.title
>
p
{
.
rj_
title
>
p
{
width
:
168px
;
height
:
56px
;
font-size
:
40px
;
...
...
@@ -17,7 +17,7 @@
letter-spacing
:
1px
;
margin
:
0
auto
;
}
.title
>
img
{
.
rj_
title
>
img
{
position
:
absolute
;
top
:
67px
;
left
:
50%
;
...
...
igirl-web/app/front/vues/pages/pay/pay.html
View file @
ab440648
<div
class=
"pay"
>
<div
class=
"title"
><p>
支付订阅
</p>
<img
src=
"/imgs/zhiTitle.png"
alt=
""
></div>
<div
class=
"
rj_
title"
><p>
支付订阅
</p>
<img
src=
"/imgs/zhiTitle.png"
alt=
""
></div>
<div
class=
"main"
>
<h1>
政企通订阅
</h1>
<div
class=
"zhiMain"
>
...
...
igirl-web/app/front/vues/pages/policycondition/policycondition.css
View file @
ab440648
.title
{
.
hj_
title
{
text-align
:
center
;
margin
:
50px
0
;
align-items
:
stretch
;
}
.backimg1
{
...
...
igirl-web/app/front/vues/pages/policycondition/policycondition.html
View file @
ab440648
<div
class=
"policyconditionall"
style=
"background:rgba(249,249,249,1);"
>
<div
class=
"title"
>
<div
class=
"
hj_
title"
>
<p>
填写条件
</p>
<img
src=
"/imgs/zhiTitle.png"
alt=
""
>
</div>
<div
class=
"backimg1"
style=
"margin-top: 20px;"
>
...
...
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
