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
5b7f4683
Commit
5b7f4683
authored
Jul 17, 2020
by
王勇飞
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'ipop-web' of gitlab.gongsibao.com:jiangyong/zhichan into ipop-web
parents
0d9f0b22
aedbf24f
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
180 additions
and
129 deletions
+180
-129
ipop-web/app/front/entry/public/css/pagecom.css
+2
-2
ipop-web/app/front/entry/public/imgs/zip.png
+0
-0
ipop-web/app/front/entry/public/js/index.js
+6
-0
ipop-web/app/front/vues/pages/patentanalysis/patentanalysis.css
+17
-0
ipop-web/app/front/vues/pages/patentanalysis/patentanalysis.html
+130
-123
ipop-web/app/front/vues/pages/patentanalysis/patentanalysis.js
+24
-3
ipop-web/app/front/vues/pages/patentsimplesearch/patentsimplesearch.html
+1
-1
No files found.
ipop-web/app/front/entry/public/css/pagecom.css
View file @
5b7f4683
.businessdecisions
,
.reg-home
,
.regs
{
moz-user-select
:
-moz-none
;
-khtml-user-select
:
none
}
.bd-title
,
.bd-title-name
{
letter-spacing
:
3px
;
text-align
:
center
}
.item-article-text
,
.run-item-article-list
>
.text1
{
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
overflow
:
hidden
}
#serve-img-area
{
width
:
100%
;
height
:
100%
}
#serve-img-area
.paused
.point-area
.point-100
:after
,
#serve-img-area
.paused
.point-area
.point-20
:after
,
#serve-img-area
.paused
.point-area
.point-30
:after
,
#serve-img-area
.paused
.point-area
.point-40
:after
,
#serve-img-area
.paused
.point-area
.point-50
:after
,
#serve-img-area
.paused
.point-area
.point-60
:after
,
#serve-img-area
.paused
.point-area
.point-70
:after
,
#serve-img-area
.paused
.point-area
.point-80
:after
,
#serve-img-area
.paused
.point-area
.point-90
:after
{
animation-play-state
:
paused
;
-webkit-animation-play-state
:
paused
}
#serve-img-area
.point-area
{
text-align
:
center
;
position
:
relative
;
width
:
100%
;
height
:
100%
;
-webkit-transition
:
opacity
.5s
ease-out
;
-moz-transition
:
opacity
.5s
ease-out
;
-o-transition
:
opacity
.5s
ease-out
;
transition
:
opacity
.5s
ease-out
}
#serve-img-area
.point-area
.point
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
10px
;
height
:
10px
;
margin
:
auto
;
-webkit-border-radius
:
50%
;
-webkit-background-clip
:
padding-box
;
-moz-border-radius
:
50%
;
-moz-background-clip
:
padding
;
border-radius
:
50%
;
background
:
0
0
}
#serve-img-area
.point-area
.point-10
,
#serve-img-area
.point-area
.point-100
,
#serve-img-area
.point-area
.point-20
,
#serve-img-area
.point-area
.point-30
,
#serve-img-area
.point-area
.point-40
,
#serve-img-area
.point-area
.point-60
,
#serve-img-area
.point-area
.point-70
,
#serve-img-area
.point-area
.point-80
,
#serve-img-area
.point-area
.point-90
{
height
:
100%
;
width
:
100%
}
#serve-img-area
.point-area
.point-shadow
:after
{
-webkit-box-shadow
:
inset
0
0
5em
rgba
(
253
,
250
,
253
,
.8
);
-moz-box-shadow
:
inset
0
0
5em
rgba
(
250
,
248
,
250
,
.8
);
box-shadow
:
inset
0
0
5em
rgba
(
252
,
251
,
252
,
.8
)}
#serve-img-area
.point-area
.point-white
{
background-color
:
#fff
;
border
:
1px
solid
#b1e2ff
}
#serve-img-area
.point-area
.point-dot
{
z-index
:
1
;
background-color
:
#b1e2ff
;
border
:
1px
solid
rgba
(
252
,
250
,
252
,
.8
)}
#serve-img-area
.point-area
.point-10
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
left
:
0
;
border-radius
:
50%
;
border
:
2px
solid
#b1e2ff
;
opacity
:
0
;
-webkit-animation
:
ripple
4.5s
ease-out
225ms
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
225ms
infinite
;
-o-animation
:
ripple
4.5s
ease-out
225ms
infinite
;
animation
:
ripple
4.5s
ease-out
225ms
infinite
}
#serve-img-area
.point-area
.point-20
:after
,
#serve-img-area
.point-area
.point-30
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
left
:
0
;
border-radius
:
50%
}
#serve-img-area
.point-area
.point-20
:after
{
border
:
2px
solid
#b1e2ff
;
opacity
:
0
;
-webkit-animation
:
ripple
4.5s
ease-out
450ms
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
450ms
infinite
;
-o-animation
:
ripple
4.5s
ease-out
450ms
infinite
;
animation
:
ripple
4.5s
ease-out
450ms
infinite
}
#serve-img-area
.point-area
.point-30
:after
{
border
:
2px
solid
#b1e2ff
;
opacity
:
0
;
-webkit-animation
:
ripple
4.5s
ease-out
675ms
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
675ms
infinite
;
-o-animation
:
ripple
4.5s
ease-out
675ms
infinite
;
animation
:
ripple
4.5s
ease-out
675ms
infinite
}
#serve-img-area
.point-area
.point-40
:after
,
#serve-img-area
.point-area
.point-50
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
left
:
0
;
border-radius
:
50%
;
opacity
:
0
}
#serve-img-area
.point-area
.point-40
:after
{
border
:
2px
solid
#b1e2ff
;
-webkit-animation
:
ripple
4.5s
ease-out
.9s
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
.9s
infinite
;
-o-animation
:
ripple
4.5s
ease-out
.9s
infinite
;
animation
:
ripple
4.5s
ease-out
.9s
infinite
}
#serve-img-area
.point-area
.point-50
{
width
:
100%
;
height
:
100%
}
#serve-img-area
.point-area
.point-50
:after
{
border
:
2px
solid
#b1e2ff
;
-webkit-animation
:
ripple
4.5s
ease-out
1125ms
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
1125ms
infinite
;
-o-animation
:
ripple
4.5s
ease-out
1125ms
infinite
;
animation
:
ripple
4.5s
ease-out
1125ms
infinite
}
#serve-img-area
.point-area
.point-60
:after
,
#serve-img-area
.point-area
.point-70
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
left
:
0
;
border-radius
:
50%
}
#serve-img-area
.point-area
.point-60
:after
{
border
:
2px
solid
#b1e2ff
;
opacity
:
0
;
-webkit-animation
:
ripple
4.5s
ease-out
1.35s
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
1.35s
infinite
;
-o-animation
:
ripple
4.5s
ease-out
1.35s
infinite
;
animation
:
ripple
4.5s
ease-out
1.35s
infinite
}
#serve-img-area
.point-area
.point-70
:after
{
border
:
2px
solid
#b1e2ff
;
opacity
:
0
;
-webkit-animation
:
ripple
4.5s
ease-out
1575ms
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
1575ms
infinite
;
-o-animation
:
ripple
4.5s
ease-out
1575ms
infinite
}
#serve-img-area
.point-area
.point-80
:after
,
#serve-img-area
.point-area
.point-90
:after
{
position
:
absolute
;
border-radius
:
50%
;
content
:
''
;
top
:
0
;
left
:
0
;
opacity
:
0
;
display
:
block
;
right
:
0
;
bottom
:
0
}
#serve-img-area
.point-area
.point-80
:after
{
border
:
2px
solid
#b1e2ff
;
-webkit-animation
:
ripple
4.5s
ease-out
1.8s
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
1.8s
infinite
;
-o-animation
:
ripple
4.5s
ease-out
1.8s
infinite
;
animation
:
ripple
4.5s
ease-out
1.8s
infinite
}
#serve-img-area
.point-area
.point-90
:after
{
border
:
2px
solid
#b1e2ff
;
-webkit-animation
:
ripple
4.5s
ease-out
2025ms
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
2025ms
infinite
;
-o-animation
:
ripple
4.5s
ease-out
2025ms
infinite
;
animation
:
ripple
4.5s
ease-out
2025ms
infinite
}
#serve-img-area
.point-area
.point-100
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
left
:
0
;
border-radius
:
50%
;
border
:
2px
solid
#b1e2ff
;
opacity
:
0
;
-webkit-animation
:
ripple
4.5s
ease-out
2.25s
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
2.25s
infinite
;
-o-animation
:
ripple
4.5s
ease-out
2.25s
infinite
;
animation
:
ripple
4.5s
ease-out
2.25s
infinite
}
.navitem-xiala
::after
,
.navitem-xiala
:before
{
content
:
""
;
position
:
absolute
}
lesshat-selector
{
-lh-property
:
0
}
@-webkit-keyframes
ripple
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.1
,
.1
)}
5
%
{
opacity
:
1
}
100
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
1
)}}
@-moz-keyframes
ripple
{
0
%
{
opacity
:
0
;
-moz-transform
:
scale
(
.1
,
.1
)}
5
%
{
opacity
:
1
}
100
%
{
opacity
:
0
;
-moz-transform
:
scale
(
1
)}}
@-o-keyframes
ripple
{
0
%
{
opacity
:
0
;
-o-transform
:
scale
(
.1
,
.1
)}
5
%
{
opacity
:
1
}
100
%
{
opacity
:
0
;
-o-transform
:
scale
(
1
)}}
@keyframes
ripple
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.1
,
.1
);
-moz-transform
:
scale
(
.1
,
.1
);
-ms-transform
:
scale
(
.1
,
.1
);
transform
:
scale
(
.1
,
.1
)}
5
%
{
opacity
:
1
}
100
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
1
);
-moz-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
[
not-existing
]
{
zoom
:
1
}
.module-wrap
{
min-width
:
1000px
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve-head
{
margin-bottom
:
60px
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve-head
h1
{
text-align
:
center
;
font-size
:
24px
;
color
:
#373D41
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve-head
.index-info
{
display
:
block
;
margin-top
:
12px
;
font-size
:
16px
;
color
:
#5F6367
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve-head
.index-info
:hover
{
text-decoration
:
none
;
color
:
#b1e2ff
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
{
margin-top
:
80px
;
margin-bottom
:
50px
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
.main-img
,
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
.main-img
img
{
width
:
100%
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
.main-bar
{
padding
:
0
10%
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
.main-bar
.main-bar-list
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
0
10px
;
float
:
left
;
width
:
25%
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
.main-bar
.main-bar-list
img
{
width
:
50px
;
height
:
50px
;
float
:
left
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
.main-bar
.main-bar-list
p
{
float
:
left
;
line-height
:
50px
;
color
:
#373D41
;
font-size
:
12px
;
padding-left
:
10px
}
.leftmenu
{
background
:
0
0
}
.leftmenu
.el-submenu
.el-menu-item
{
width
:
100%
!important
;
min-width
:
0
!important
;
font-size
:
12px
!important
;
height
:
40px
!important
;
line-height
:
40px
!important
}
.leftmenu
.el-menu-item
:hover
{
background-color
:
#ccc
!important
}
.navitems
{
width
:
100%
;
float
:
left
}
.navitem
{
float
:
left
;
padding
:
0
15px
;
text-align
:
center
;
cursor
:
pointer
;
font-size
:
14px
;
position
:
relative
}
.navitem-xiala
{
width
:
150%
;
min-height
:
60px
;
position
:
absolute
;
top
:
50px
;
left
:
-40%
;
background-color
:
#1e1e28
;
color
:
#b5b5b5
;
z-index
:
9999
;
border
:
1px
solid
#eee
;
line-height
:
40px
;
margin
:
0
10px
;
padding
:
10px
0
}
.navitem-xiala
::after
{
top
:
-10px
;
left
:
43.4%
;
border-bottom
:
10px
solid
#1e1e28
;
border-left
:
10px
solid
transparent
;
border-right
:
10px
solid
transparent
}
.navitem-xiala
:before
{
top
:
-12px
;
left
:
42%
;
border-bottom
:
12px
solid
#fff
;
border-left
:
12px
solid
transparent
;
border-right
:
12px
solid
transparent
}
.navitem-xl-list
{
height
:
40px
}
.navitem-xl-list
:hover
{
background-color
:
#696969
}
.searchform
.el-range-editor.el-input__inner
{
width
:
200px
}
.el-radio-group
{
min-width
:
300px
}
.nav_color
:hover
{
color
:
#2692ff
}
.spechorizotal
.el-menu
li
:hover
{
background
:
red
;
margin-top
:
-6px
}
.spechorizotal
.el-menu-item
span
{
font-size
:
16px
}
.spechorizotal
ul
{
border
:
none
}
.businessdecisions
{
width
:
100%
;
height
:
100%
;
background
:
url(/imgs/businessdecisions.png)
no-repeat
;
background-size
:
100%
100%
;
padding-top
:
13%
;
box-sizing
:
border-box
;
-moz-user-select
:
none
;
-o-user-select
:
none
;
-webkit-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.home
,
.reg-home
{
-moz-user-select
:
none
;
-webkit-user-select
:
none
;
-ms-user-select
:
none
}
.bd-title
{
width
:
100%
;
font-size
:
48px
;
font-size
:
.48rem
;
font-family
:
MicrosoftYaHei-Bold
;
font-weight
:
700
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.bd-input
,
.bd-title-name
,
.reg-bj1-title
{
font-family
:
MicrosoftYaHei
;
font-weight
:
400
}
.bd-title-name
{
width
:
100%
;
font-size
:
18px
;
font-size
:
.18rem
;
color
:
rgba
(
97
,
152
,
194
,
1
);
margin-top
:
27px
;
margin-bottom
:
59px
}
.bd-main-input
{
width
:
976px
;
height
:
78px
;
border-radius
:
6px
;
background-color
:
rgba
(
17
,
132
,
224
,
.2
);
margin
:
0
auto
;
padding
:
10px
;
box-sizing
:
border-box
}
.bd-input
{
float
:
left
;
width
:
668px
;
height
:
58px
;
background
:
rgba
(
15
,
12
,
63
,
1
);
border
:
1px
solid
rgba
(
36
,
164
,
252
,
1
);
border-radius
:
3px
;
font-size
:
16px
;
font-size
:
.16rem
;
color
:
#ADD8E6
;
box-sizing
:
border-box
}
.businessdecisions
.el-input
{
height
:
100%
!important
}
.businessdecisions
.el-input__inner
{
height
:
100%
!important
;
border
:
none
!important
;
color
:
#ADD8E6
!important
;
background-color
:
transparent
!important
;
font-size
:
16px
!important
;
font-size
:
.16rem
!important
}
.businessdecisions
.el-input__inner
::-webkit-input-placeholder
{
color
:
rgba
(
255
,
255
,
255
,
1
)}
.bd-input
::-webkit-input-placeholder
{
color
:
rgba
(
255
,
255
,
255
,
1
)}
.bd-button
{
float
:
left
;
width
:
134px
;
height
:
58px
;
line-height
:
58px
;
text-align
:
center
;
background
:
rgba
(
31
,
144
,
230
,
1
);
border-radius
:
3px
;
margin-left
:
10px
;
color
:
#fff
;
cursor
:
pointer
}
.bus-title
{
width
:
100%
;
height
:
10.53%
;
background
:
url(/imgs/bgj1.png)
center
0
no-repeat
;
background-size
:
100%
}
.bus-title
span
{
display
:
inline-block
;
width
:
0
;
height
:
113%
;
vertical-align
:
middle
}
.bus-left
{
display
:
inline-block
;
height
:
80%
;
font-size
:
14px
;
padding-left
:
20px
;
color
:
rgba
(
255
,
255
,
255
,
1
);
cursor
:
pointer
}
.reg-bottom
,
.reg-main1
{
padding
:
0
9px
;
box-sizing
:
border-box
}
.reg-bj1
{
float
:
left
;
width
:
43.8%
;
height
:
100%
;
margin
:
0
2.77%
;
box-sizing
:
border-box
}
.reg-bj1-title
{
width
:
100%
;
height
:
12.4%
;
line-height
:
64px
;
font-size
:
18px
;
font-size
:
.18rem
;
color
:
rgba
(
247
,
247
,
248
,
1
);
text-align
:
center
;
position
:
relative
}
.reg-bj1-button
{
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
140px
;
height
:
36px
;
line-height
:
36px
;
text-align
:
center
;
background
:
rgba
(
31
,
144
,
230
,
1
);
border-radius
:
6px
;
font-size
:
16px
;
font-size
:
.16rem
;
font-family
:
MicrosoftYaHei-Bold
;
font-weight
:
700
;
color
:
rgba
(
255
,
255
,
255
,
1
);
margin-top
:
15px
}
.reg-main1
{
width
:
100%
;
height
:
56.48%
}
.reg-left-item1
{
width
:
100%
;
height
:
46.88%
;
margin-top
:
10px
;
background
:
url(/imgs/reg-div.png)
no-repeat
;
background-size
:
100%
100%
}
.reg-bottom
{
width
:
100%
;
height
:
33.14%
}
.reg-bottom-left
{
float
:
left
;
width
:
49.06%
;
height
:
94%
;
background
:
url(/imgs/reg-div1.png)
no-repeat
;
background-size
:
100%
100%
}
.reg-bottom-right
{
float
:
right
;
width
:
49.06%
;
height
:
94%
;
background
:
url(/imgs/reg-div1.png)
no-repeat
;
background-size
:
100%
100%
}
.home
{
width
:
100%
;
height
:
100%
;
margin
:
0
;
padding
:
0
;
user-select
:
none
}
.home-main
{
width
:
1200px
;
margin
:
0
auto
}
.home-banner
{
width
:
100%
;
height
:
100%
;
background-color
:
#09090B
;
position
:
relative
}
#canvas
{
position
:
absolute
;
top
:
0
;
z-index
:
9
}
.home-back
{
width
:
100%
;
height
:
100%
;
background-size
:
100%
100%
;
position
:
absolute
;
z-index
:
10
}
.home-img-name
{
width
:
32.7%
;
display
:
block
;
margin
:
2%
auto
0
}
.home-banner-tabs
{
position
:
absolute
;
bottom
:
0
;
width
:
100%
;
height
:
145px
;
border-top
:
1px
solid
#202029
;
padding
:
22px
;
box-sizing
:
border-box
;
z-index
:
9999
}
.banner-tabs-name
{
float
:
left
;
width
:
15%
;
max-width
:
255px
;
text-align
:
center
;
padding
:
15px
0
;
box-sizing
:
border-box
}
.banner-tabs-name
.name1
{
line-height
:
38px
;
font-size
:
28px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.banner-tabs-name
.name2
{
line-height
:
38px
;
font-size
:
16px
;
font-family
:
MicrosoftYaHeiLight
;
font-weight
:
300
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.content-title
,
.navs-list-name
{
font-family
:
MicrosoftYaHei
;
font-weight
:
400
}
.banner-more
{
width
:
8%
;
float
:
right
;
text-align
:
center
;
height
:
100%
;
line-height
:
100px
;
color
:
#fff
;
cursor
:
pointer
}
.banner-more-pop-up
{
position
:
absolute
;
top
:
-120px
;
right
:
1.3%
;
width
:
150px
;
height
:
140px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
2px
;
padding
:
10px
20px
;
box-sizing
:
border-box
}
#demo
:before
,
.banner-more-pop-up
:after
{
border
:
solid
transparent
;
content
:
' '
;
height
:
0
;
top
:
100%
;
position
:
absolute
;
width
:
0
}
.banner-more-pop-up
:after
{
border-width
:
10px
;
border-top-color
:
#fff
;
left
:
67px
}
.banner-more-pop-up-item
{
width
:
100%
;
height
:
33.33%
;
line-height
:
33px
;
cursor
:
pointer
}
.banner-more-pop-up-item
:hover
{
color
:
#1AA1E6
}
.banner-navs
{
float
:
left
;
width
:
77%
;
display
:
flex
}
.banner-navs-list
{
flex
:
1
;
text-align
:
center
;
cursor
:
pointer
}
.navs-list-img
{
display
:
inline-block
;
width
:
70px
;
height
:
70px
}
.navs-list-img
:hover
{
background
:
url(/imgs/home/hover.png)
no-repeat
;
background-size
:
100%
100%
}
.navs-list-name
{
margin-top
:
11px
;
font-size
:
16px
;
color
:
rgba
(
255
,
255
,
255
,
1
);
line-height
:
24px
}
.home-content
{
width
:
100%
;
height
:
659px
;
padding-top
:
60px
;
box-sizing
:
border-box
}
.content-title
{
width
:
100%
;
text-align
:
center
;
font-size
:
40px
;
color
:
rgba
(
51
,
51
,
51
,
1
);
margin-bottom
:
22px
}
.content-name
{
margin-bottom
:
36px
;
width
:
100%
;
text-align
:
center
;
font-size
:
16px
;
font-family
:
MicrosoftYaHeiLight
;
font-weight
:
300
;
color
:
rgba
(
153
,
153
,
153
,
1
)}
.content-items
{
width
:
100%
}
.content-item
{
display
:
inline-block
;
width
:
370px
;
height
:
386px
;
margin-right
:
42px
;
box-shadow
:
0
2px
13px
0
rgba
(
182
,
194
,
208
,
.26
);
border
:
1px
solid
#fff
;
cursor
:
pointer
}
.content-item
:hover
{
box-shadow
:
0
2px
13px
0
rgba
(
182
,
194
,
208
,
0
);
border
:
1px
solid
rgba
(
26
,
161
,
230
,
1
)}
.content-item
:nth-child
(
3
)
{
margin-right
:
0
}
.content-item-img
{
width
:
100%
;
height
:
210px
;
background-size
:
100%
100%
;
position
:
relative
}
.content-item-tab
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
width
:
100%
;
height
:
56px
;
line-height
:
56px
;
background
:
rgba
(
0
,
0
,
0
,
.6
);
text-align
:
center
;
font-size
:
28px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.item-article-more
,
.item-article-text
{
line-height
:
36px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
}
.content-item-article
{
width
:
100%
;
height
:
178px
;
padding
:
20px
;
box-sizing
:
border-box
}
.item-article-text
{
font-size
:
14px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.item-article-text
>
span
{
display
:
inline-block
;
width
:
5px
;
height
:
5px
;
background-color
:
#373D41
;
margin-right
:
12px
;
margin-bottom
:
2px
}
.home-run
,
.home-wisdom
{
background-color
:
#F7FDFF
;
box-sizing
:
border-box
}
.item-article-text
:hover
{
color
:
#1AA1E6
}
.item-article-more
{
width
:
100%
;
text-align
:
center
;
font-size
:
12px
;
color
:
rgba
(
153
,
153
,
153
,
1
)}
.item-article-more
:hover
{
color
:
#1AA1E6
}
.home-run
{
width
:
100%
;
height
:
782px
;
padding-top
:
60px
}
.home-run-tabs
{
width
:
100%
;
border-bottom
:
1px
solid
#e0e0e0
;
margin-bottom
:
30px
}
.home-run-tabs-items
{
width
:
100%
;
height
:
73px
;
line-height
:
73px
;
padding
:
0
200px
;
box-sizing
:
border-box
;
display
:
flex
}
.home-run-tabs-item
{
flex
:
1
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
153
,
153
,
153
,
1
);
text-align
:
center
;
cursor
:
pointer
}
.run-item-tite
,
.run-item-tite
>
span
{
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.run-items
{
width
:
100%
;
height
:
330px
}
.run-item
{
float
:
left
;
width
:
580px
;
height
:
100%
;
box-shadow
:
0
2px
13px
0
rgba
(
182
,
194
,
208
,
.26
)}
.run-item-tite
{
width
:
100%
;
height
:
88px
;
line-height
:
88px
;
text-align
:
center
;
font-size
:
24px
;
background-size
:
100%
100%
;
position
:
relative
}
.run-item-tite
>
span
{
position
:
absolute
;
top
:
42px
;
right
:
19px
;
height
:
13px
;
line-height
:
13px
;
font-size
:
12px
;
cursor
:
pointer
}
.home-wisdom-item-text
,
.run-item-article-list
{
color
:
rgba
(
51
,
51
,
51
,
1
);
font-family
:
MicrosoftYaHei
;
font-weight
:
400
}
.run-item-article
{
width
:
100%
;
height
:
242px
;
padding
:
30px
;
box-sizing
:
border-box
}
.run-item-article-list
{
height
:
40px
;
font-size
:
14px
;
text-decoration
:
underline
;
cursor
:
pointer
}
.run-item-article-list
>
.text1
{
float
:
left
;
max-width
:
375px
}
.run-item-article-list
>
.text1
:hover
{
border-bottom
:
1px
solid
#333
}
.run-item-article-list
>
.text2
{
float
:
right
}
.home-wisdom
{
width
:
100%
;
height
:
644px
;
padding-top
:
60px
}
.home-wisdom-items
{
width
:
100%
;
display
:
flex
}
.home-wisdom-item
{
flex
:
1
;
text-align
:
center
;
padding
:
0
40px
;
box-sizing
:
border-box
}
.home-wisdom-item-img
{
display
:
inline-block
;
width
:
124px
;
height
:
144px
;
line-height
:
144px
;
text-align
:
center
;
background
:
url(/imgs/home/xuxian1.png)
no-repeat
;
background-size
:
100%
100%
;
cursor
:
pointer
;
transition
:
width
.5s
,
height
.5s
,
background
.5s
}
.home-wisdom-item-img
:hover
{
background
:
url(/imgs/home/xuxian.png)
no-repeat
}
.home-wisdom-item-img
>
img
{
display
:
inline-block
;
vertical-align
:
middle
}
.home-wisdom-item-img
:hover
>
img
{
width
:
90px
;
height
:
74px
}
.home-wisdom-item-text
{
margin-top
:
33px
;
margin-bottom
:
21px
;
font-size
:
22px
}
.home-wisdom-item-name
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
153
,
153
,
153
,
1
)}
.home-business
{
width
:
100%
;
height
:
645px
;
padding-top
:
60px
;
box-sizing
:
border-box
;
background-color
:
#F7FDFF
}
.home-business-items
{
width
:
100%
;
height
:
274px
}
.home-business-item
{
float
:
left
;
width
:
580px
;
height
:
100%
;
background-size
:
100%
100%
;
text-align
:
center
;
position
:
relative
;
overflow
:
hidden
}
.home-business-item
:hover
.home-business-item-show
{
top
:
0
}
.home-business-item
:hover
.home-business-item-bgu
{
opacity
:
0
}
.home-business-item-bgu
{
margin-top
:
55px
;
display
:
inline-block
;
opacity
:
1
;
transition
:
opacity
.5s
}
.home-business-item-name
{
width
:
100%
;
font-size
:
30px
;
font-family
:
MicrosoftYaHeiLight
;
font-weight
:
300
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.home-business-item-show
{
position
:
absolute
;
top
:
275px
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
rgba
(
81
,
189
,
243
,
.7
);
text-align
:
center
;
padding
:
44px
82px
;
box-sizing
:
border-box
;
transition
:
top
.5s
;
cursor
:
default
}
.home-partner
,
.home-share
{
padding-top
:
60px
;
box-sizing
:
border-box
}
.home-business-item-show
>
div
{
text-align
:
center
}
.business-item-show-heng
{
margin
:
35px
auto
;
width
:
48px
;
height
:
4px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
255
,
255
,
255
,
1
)}
.business-item-show-text
{
width
:
100%
;
font-size
:
16px
;
font-family
:
MicrosoftYaHeiLight
;
font-weight
:
300
;
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.home-partner
{
width
:
100%
;
height
:
669px
;
background-color
:
#F7FDFF
}
.home-partner-logo
{
width
:
1180px
;
height
:
443px
;
margin
:
0
auto
;
background
:
url(/imgs/home/LOGO.jpg)
no-repeat
;
background-size
:
100%
100%
}
.home-share
{
width
:
100%
;
height
:
846px
}
.home-share-main
{
width
:
100%
;
height
:
501px
;
position
:
relative
}
.home-share-main-left
,
.home-share-main-right
,
.share-main-left-lists
{
height
:
100%
;
box-sizing
:
border-box
}
.home-share-main-left
{
float
:
left
;
width
:
50%
;
text-align
:
right
;
padding-right
:
158px
}
.home-share-main-right
{
float
:
right
;
width
:
50%
;
text-align
:
left
;
padding-left
:
158px
}
.share-main-left-lists
{
width
:
100%
;
padding
:
50px
0
;
position
:
relative
;
z-index
:
999
}
.share-main-left-lists
:hover
div
,
.share-main-right-lists
:hover
div
{
color
:
#1AA1E6
}
.share-main-left-lists
>
.img-div
{
position
:
absolute
;
top
:
50px
;
right
:
-6px
;
width
:
70px
;
height
:
70px
;
background
:
url(/imgs/home/xximg.png)
no-repeat
;
background-size
:
100%
100%
;
-webkit-animation
:
haha1
.8s
linear
infinite
}
.share-main-left-lists
>
img
,
.share-main-right-lists
>
img
{
top
:
55px
;
z-index
:
999
;
background-color
:
#fff
;
border-radius
:
30px
}
.share-main-left-lists
>
img
{
position
:
absolute
;
right
:
0
}
.share-main-right-lists
{
width
:
100%
;
height
:
100%
;
padding
:
50px
0
;
box-sizing
:
border-box
;
position
:
relative
;
z-index
:
999
}
.home-analyze
,
.home-item
,
.home-searching
{
padding-top
:
60px
;
box-sizing
:
border-box
}
.share-main-right-lists
>
img
{
position
:
absolute
;
left
:
0
}
.share-main-right-lists
>
.img-div
{
position
:
absolute
;
top
:
50px
;
left
:
-6px
;
width
:
70px
;
height
:
70px
;
background
:
url(/imgs/home/xximg.png)
no-repeat
;
background-size
:
100%
100%
;
-webkit-animation
:
haha1
.8s
linear
infinite
}
@-webkit-keyframes
haha1
{
0
%
{
-webkit-transform
:
rotate
(
0
)}
25
%
{
-webkit-transform
:
rotate
(
90deg
)}
50
%
{
-webkit-transform
:
rotate
(
180deg
)}
75
%
{
-webkit-transform
:
rotate
(
270deg
)}
100
%
{
-webkit-transform
:
rotate
(
360deg
)}}
.share-main-left-list
,
.share-main-right-list
{
width
:
100%
;
height
:
33.33%
}
.home-share-middle
,
.home-share-middle-img
{
width
:
501px
;
position
:
absolute
;
top
:
0
;
bottom
:
0
;
margin
:
auto
;
left
:
0
;
right
:
0
}
.share-main-list-text1
,
.share-main-list-text2
{
height
:
35px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
cursor
:
pointer
}
.share-main-left-list
:nth-child
(
2
)
{
padding-right
:
70px
;
box-sizing
:
border-box
}
.share-main-right-list
:nth-child
(
2
)
{
padding-left
:
70px
;
box-sizing
:
border-box
}
.share-main-list-text1
{
font-size
:
20px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.share-main-list-text2
{
font-size
:
16px
;
color
:
rgba
(
119
,
119
,
119
,
1
)}
.home-share-middle
{
height
:
501px
;
box-sizing
:
border-box
}
.home-share-middle-img
{
height
:
357px
;
background
:
url(/imgs/home/bjx.png)
no-repeat
;
background-size
:
100%
100%
}
.home-share-middle-img
>
img
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
margin
:
auto
}
.home-searching
{
width
:
100%
;
height
:
645px
;
background-color
:
#F7FDFF
}
.home-analyze
{
width
:
100%
;
height
:
763px
}
.home-analyze-main
{
width
:
100%
;
overflow
:
hidden
}
.home-analyze-main
>
.left
{
float
:
left
}
.home-analyze-main
>
.right
{
float
:
right
}
.home-item
{
width
:
100%
}
.home-item
img
{
margin
:
0
auto
;
display
:
block
}
.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
}
.returnsPage
>
span
{
cursor
:
pointer
}
.patentdetail-content-right
{
position
:
absolute
;
top
:
15px
;
right
:
0
;
width
:
70%
;
text-align
:
left
}
.bjt
{
background
:
url(/imgs/ditu.png)
top
no-repeat
}
.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
}
.reg-home
{
width
:
100%
;
height
:
100%
;
background-color
:
#0F0C3F
;
-o-user-select
:
none
;
user-select
:
none
}
.reg-title
{
width
:
100%
;
height
:
10.53%
;
background
:
url(/imgs/title.png)
center
0
no-repeat
;
background-size
:
100%
}
.reg-block
{
float
:
right
;
width
:
160px
;
height
:
40px
;
margin-right
:
20px
;
margin-top
:
1%
}
.el-date-editor.el-input__inner
,
.reg-home
.el-date-editor.el-input
{
width
:
100%
}
.reg-home
.el-input__inner
{
background-color
:
transparent
!important
}
.reg-bj
{
float
:
left
;
width
:
43.8%
;
height
:
92.3%
;
margin
:
0
2.77%
;
background
:
url(/imgs/bjq.png)
center
bottom
no-repeat
;
background-size
:
88%
;
box-sizing
:
border-box
}
.reg-bj-header
{
width
:
100%
;
height
:
10%
;
padding-top
:
3%
}
.reg-bj-header-item
{
float
:
left
;
width
:
31.6%
;
height
:
99%
;
margin-right
:
2%
;
background
:
rgba
(
23
,
20
,
76
,
.8
);
border
:
1px
solid
rgba
(
26
,
161
,
230
,
1
);
border-radius
:
6px
;
position
:
relative
}
.reg-bj-header-item-img
{
float
:
left
;
width
:
23.62%
;
height
:
auto
;
position
:
absolute
;
top
:
50%
;
left
:
17%
;
transform
:
translate
(
-50%
,
-50%
)}
.reg-bj-header-itemmain1
{
float
:
right
;
width
:
70%
;
height
:
100%
;
padding
:
5%
;
box-sizing
:
border-box
;
text-align
:
left
}
.reg-bj-header-itemmain1
>
.text1
{
display
:
block
;
height
:
.25rem
;
font-size
:
14px
;
font-size
:
.14rem
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
85
,
179
,
255
,
1
);
overflow
:
hidden
}
.reg-bj-header-itemmain1
>
.text2
{
width
:
70px
;
height
:
24px
;
font-size
:
26px
;
font-size
:
.26rem
;
font-family
:
MicrosoftYaHei-Bold
;
font-weight
:
700
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.reg-item-nameleft
,
.reg-item-nameright
,
.reg-main-title
{
font-family
:
MicrosoftYaHei
;
font-weight
:
400
}
.reg-bj-header-item
:nth-child
(
3
)
{
margin-right
:
0
}
.reg-bj-echrts
{
width
:
100%
;
height
:
82%
;
margin-bottom
:
5%
;
position
:
relative
}
.reg-bj-return
{
position
:
absolute
;
top
:
20px
;
left
:
0
;
color
:
#fff
;
font-size
:
14px
;
font-size
:
.14rem
;
cursor
:
pointer
;
z-index
:
999
}
.reg-bj-return
>
.span1
:hover
{
color
:
#1AA1E6
}
.reg-bj-return
>
i
{
margin
:
0
7px
}
.reg-main
{
width
:
100%
;
height
:
100%
;
padding
:
9px
;
box-sizing
:
border-box
}
.reg-main-title
{
width
:
100%
;
font-size
:
14px
;
font-size
:
.14rem
;
text-align
:
center
;
color
:
rgba
(
31
,
144
,
230
,
1
)}
.reg-item-nameleft
,
.regs-radio
{
display
:
inline-block
;
font-size
:
16px
}
.reg-left
{
float
:
left
;
width
:
25.48%
;
height
:
100%
}
.reg-left-item
{
width
:
100%
;
height
:
27.48%
;
margin-top
:
10px
;
background
:
url(/imgs/reg-div.png)
no-repeat
;
background-size
:
100%
100%
}
.reg-left-item-name
{
width
:
100%
;
height
:
14%
;
padding
:
0
22px
;
box-sizing
:
border-box
}
.reg-item-nameleft
{
width
:
68%
;
height
:
100%
;
font-size
:
.16rem
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.reg-item-nameright
{
display
:
inline-block
;
text-align
:
right
;
width
:
28%
;
min-width
:
79px
;
height
:
100%
;
font-size
:
14px
;
font-size
:
.14rem
;
color
:
rgba
(
55
,
166
,
255
,
1
);
cursor
:
pointer
}
.regs-right-radio
,
.regs-title
{
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
#FFF
}
.reg-right
{
float
:
right
;
width
:
25.18%
;
height
:
100%
}
.reg-echart
{
width
:
100%
;
height
:
84%
}
.reg-left-item-name
span
{
display
:
inline-block
;
width
:
0
;
height
:
113%
;
vertical-align
:
middle
}
.regs
{
width
:
100%
;
height
:
100%
;
background-color
:
#0F0C3F
;
-moz-user-select
:
none
;
-o-user-select
:
none
;
-webkit-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.regs-body
{
width
:
1200px
;
height
:
100%
;
margin
:
0
auto
;
padding
:
20px
0
;
box-sizing
:
border-box
}
.regs-title
{
text-align
:
left
;
font-size
:
14px
;
font-size
:
.14rem
}
.regs-title-left
{
float
:
left
}
.regs-right-radio
{
font-size
:
14px
;
font-size
:
.14rem
}
.right-radio-item
{
margin
:
0
5px
;
padding-bottom
:
5px
;
display
:
inline-block
;
cursor
:
pointer
}
.regs-textname
{
width
:
100%
;
margin-top
:
20px
;
line-height
:
63px
;
text-align
:
center
}
.regs-textname
>
img
{
margin-top
:
-8px
;
vertical-align
:
middle
}
.regs-name
{
display
:
inline-block
;
font-size
:
26px
;
font-size
:
.26rem
;
font-family
:
MicrosoftYaHei-Bold
;
font-weight
:
700
;
color
:
rgba
(
255
,
255
,
255
,
1
);
line-height
:
63px
;
background
:
linear-gradient
(
92deg
,
rgba
(
15
,
244
,
255
,
1
)
0
,
rgba
(
41
,
167
,
255
,
1
)
100%
);
-webkit-background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
margin
:
0
13px
}
.regs-echart
{
width
:
100%
;
border-bottom
:
1px
solid
rgba
(
255
,
255
,
255
,
.26
)}
.regs-table
{
width
:
100%
;
margin-top
:
20px
}
.regs-radio
{
width
:
221px
;
height
:
40px
;
text-align
:
center
;
overflow
:
hidden
;
line-height
:
40px
;
border
:
1px
solid
#1184E0
;
border-radius
:
5px
;
font-size
:
.16rem
}
.regs-radio-item
{
float
:
left
;
width
:
110px
;
color
:
#fff
;
cursor
:
pointer
}
.regs-radio-item
:nth-child
(
1
)
{
border-right
:
1px
solid
#1184e0
}
.regs
.el-table
,
.regs
.el-table
th
,
.regs
.el-table
tr
,
.regs
.el-table__expanded-cell
{
background-color
:
transparent
!important
}
.regs
.el-table
thead
{
background-color
:
#1B256A
!important
;
color
:
#37A6FF
!important
}
.regs
.el-table
{
color
:
#fff
!important
}
.regs
.el-table__body
tr
.current-row
>
td
,
.regs
.el-table__body
tr
:hover
>
td
{
background-color
:
#2a32a0
dc
!important
}
.regs
.el-table--border
::after
,
.regs
.el-table--group
::after
,
.regs
.el-table
::before
{
background-color
:
#1184E0
!important
}
.regs
.el-table--border
,
.regs
.el-table--group
{
border
:
1px
solid
#1184E0
!important
}
.regs
.el-table
td
,
.regs
.el-table
th
.is-leaf
{
border-bottom
:
1px
solid
#1184E0
!important
}
.regs
.el-table--border
td
,
.regs
.el-table--border
th
,
.regs
.el-table__body-wrapper
.el-table--border.is-scrolling-left
~
.el-table__fixed
{
border-right
:
1px
solid
#1184E0
!important
}
.patentadvancedsearch
.reverseback
{
width
:
100%
;
text-align
:
left
;
line-height
:
46px
;
color
:
#409EFF
;
font-size
:
16px
;
cursor
:
pointer
}
\ No newline at end of file
.businessdecisions
,
.reg-home
,
.regs
{
moz-user-select
:
-moz-none
;
-khtml-user-select
:
none
}
.bd-title
,
.bd-title-name
{
letter-spacing
:
3px
;
text-align
:
center
}
.item-article-text
,
.run-item-article-list
>
.text1
{
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
overflow
:
hidden
}
#serve-img-area
{
width
:
100%
;
height
:
100%
}
#serve-img-area
.paused
.point-area
.point-100
:after
,
#serve-img-area
.paused
.point-area
.point-20
:after
,
#serve-img-area
.paused
.point-area
.point-30
:after
,
#serve-img-area
.paused
.point-area
.point-40
:after
,
#serve-img-area
.paused
.point-area
.point-50
:after
,
#serve-img-area
.paused
.point-area
.point-60
:after
,
#serve-img-area
.paused
.point-area
.point-70
:after
,
#serve-img-area
.paused
.point-area
.point-80
:after
,
#serve-img-area
.paused
.point-area
.point-90
:after
{
animation-play-state
:
paused
;
-webkit-animation-play-state
:
paused
}
#serve-img-area
.point-area
{
text-align
:
center
;
position
:
relative
;
width
:
100%
;
height
:
100%
;
-webkit-transition
:
opacity
.5s
ease-out
;
-moz-transition
:
opacity
.5s
ease-out
;
-o-transition
:
opacity
.5s
ease-out
;
transition
:
opacity
.5s
ease-out
}
#serve-img-area
.point-area
.point
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
width
:
10px
;
height
:
10px
;
margin
:
auto
;
-webkit-border-radius
:
50%
;
-webkit-background-clip
:
padding-box
;
-moz-border-radius
:
50%
;
-moz-background-clip
:
padding
;
border-radius
:
50%
;
background
:
0
0
}
#serve-img-area
.point-area
.point-10
,
#serve-img-area
.point-area
.point-100
,
#serve-img-area
.point-area
.point-20
,
#serve-img-area
.point-area
.point-30
,
#serve-img-area
.point-area
.point-40
,
#serve-img-area
.point-area
.point-60
,
#serve-img-area
.point-area
.point-70
,
#serve-img-area
.point-area
.point-80
,
#serve-img-area
.point-area
.point-90
{
height
:
100%
;
width
:
100%
}
#serve-img-area
.point-area
.point-shadow
:after
{
-webkit-box-shadow
:
inset
0
0
5em
rgba
(
253
,
250
,
253
,
.8
);
-moz-box-shadow
:
inset
0
0
5em
rgba
(
250
,
248
,
250
,
.8
);
box-shadow
:
inset
0
0
5em
rgba
(
252
,
251
,
252
,
.8
)}
#serve-img-area
.point-area
.point-white
{
background-color
:
#fff
;
border
:
1px
solid
#b1e2ff
}
#serve-img-area
.point-area
.point-dot
{
z-index
:
1
;
background-color
:
#b1e2ff
;
border
:
1px
solid
rgba
(
252
,
250
,
252
,
.8
)}
#serve-img-area
.point-area
.point-10
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
left
:
0
;
border-radius
:
50%
;
border
:
2px
solid
#b1e2ff
;
opacity
:
0
;
-webkit-animation
:
ripple
4.5s
ease-out
225ms
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
225ms
infinite
;
-o-animation
:
ripple
4.5s
ease-out
225ms
infinite
;
animation
:
ripple
4.5s
ease-out
225ms
infinite
}
#serve-img-area
.point-area
.point-20
:after
,
#serve-img-area
.point-area
.point-30
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
left
:
0
;
border-radius
:
50%
}
#serve-img-area
.point-area
.point-20
:after
{
border
:
2px
solid
#b1e2ff
;
opacity
:
0
;
-webkit-animation
:
ripple
4.5s
ease-out
450ms
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
450ms
infinite
;
-o-animation
:
ripple
4.5s
ease-out
450ms
infinite
;
animation
:
ripple
4.5s
ease-out
450ms
infinite
}
#serve-img-area
.point-area
.point-30
:after
{
border
:
2px
solid
#b1e2ff
;
opacity
:
0
;
-webkit-animation
:
ripple
4.5s
ease-out
675ms
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
675ms
infinite
;
-o-animation
:
ripple
4.5s
ease-out
675ms
infinite
;
animation
:
ripple
4.5s
ease-out
675ms
infinite
}
#serve-img-area
.point-area
.point-40
:after
,
#serve-img-area
.point-area
.point-50
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
left
:
0
;
border-radius
:
50%
;
opacity
:
0
}
#serve-img-area
.point-area
.point-40
:after
{
border
:
2px
solid
#b1e2ff
;
-webkit-animation
:
ripple
4.5s
ease-out
.9s
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
.9s
infinite
;
-o-animation
:
ripple
4.5s
ease-out
.9s
infinite
;
animation
:
ripple
4.5s
ease-out
.9s
infinite
}
#serve-img-area
.point-area
.point-50
{
width
:
100%
;
height
:
100%
}
#serve-img-area
.point-area
.point-50
:after
{
border
:
2px
solid
#b1e2ff
;
-webkit-animation
:
ripple
4.5s
ease-out
1125ms
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
1125ms
infinite
;
-o-animation
:
ripple
4.5s
ease-out
1125ms
infinite
;
animation
:
ripple
4.5s
ease-out
1125ms
infinite
}
#serve-img-area
.point-area
.point-60
:after
,
#serve-img-area
.point-area
.point-70
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
left
:
0
;
border-radius
:
50%
}
#serve-img-area
.point-area
.point-60
:after
{
border
:
2px
solid
#b1e2ff
;
opacity
:
0
;
-webkit-animation
:
ripple
4.5s
ease-out
1.35s
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
1.35s
infinite
;
-o-animation
:
ripple
4.5s
ease-out
1.35s
infinite
;
animation
:
ripple
4.5s
ease-out
1.35s
infinite
}
#serve-img-area
.point-area
.point-70
:after
{
border
:
2px
solid
#b1e2ff
;
opacity
:
0
;
-webkit-animation
:
ripple
4.5s
ease-out
1575ms
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
1575ms
infinite
;
-o-animation
:
ripple
4.5s
ease-out
1575ms
infinite
}
#serve-img-area
.point-area
.point-80
:after
,
#serve-img-area
.point-area
.point-90
:after
{
position
:
absolute
;
border-radius
:
50%
;
content
:
''
;
top
:
0
;
left
:
0
;
opacity
:
0
;
display
:
block
;
right
:
0
;
bottom
:
0
}
#serve-img-area
.point-area
.point-80
:after
{
border
:
2px
solid
#b1e2ff
;
-webkit-animation
:
ripple
4.5s
ease-out
1.8s
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
1.8s
infinite
;
-o-animation
:
ripple
4.5s
ease-out
1.8s
infinite
;
animation
:
ripple
4.5s
ease-out
1.8s
infinite
}
#serve-img-area
.point-area
.point-90
:after
{
border
:
2px
solid
#b1e2ff
;
-webkit-animation
:
ripple
4.5s
ease-out
2025ms
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
2025ms
infinite
;
-o-animation
:
ripple
4.5s
ease-out
2025ms
infinite
;
animation
:
ripple
4.5s
ease-out
2025ms
infinite
}
#serve-img-area
.point-area
.point-100
:after
{
content
:
''
;
display
:
block
;
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
left
:
0
;
border-radius
:
50%
;
border
:
2px
solid
#b1e2ff
;
opacity
:
0
;
-webkit-animation
:
ripple
4.5s
ease-out
2.25s
infinite
;
-moz-animation
:
ripple
4.5s
ease-out
2.25s
infinite
;
-o-animation
:
ripple
4.5s
ease-out
2.25s
infinite
;
animation
:
ripple
4.5s
ease-out
2.25s
infinite
}
.navitem-xiala
::after
,
.navitem-xiala
:before
{
content
:
""
;
position
:
absolute
}
lesshat-selector
{
-lh-property
:
0
}
@-webkit-keyframes
ripple
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.1
,
.1
)}
5
%
{
opacity
:
1
}
100
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
1
)}}
@-moz-keyframes
ripple
{
0
%
{
opacity
:
0
;
-moz-transform
:
scale
(
.1
,
.1
)}
5
%
{
opacity
:
1
}
100
%
{
opacity
:
0
;
-moz-transform
:
scale
(
1
)}}
@-o-keyframes
ripple
{
0
%
{
opacity
:
0
;
-o-transform
:
scale
(
.1
,
.1
)}
5
%
{
opacity
:
1
}
100
%
{
opacity
:
0
;
-o-transform
:
scale
(
1
)}}
@keyframes
ripple
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
.1
,
.1
);
-moz-transform
:
scale
(
.1
,
.1
);
-ms-transform
:
scale
(
.1
,
.1
);
transform
:
scale
(
.1
,
.1
)}
5
%
{
opacity
:
1
}
100
%
{
opacity
:
0
;
-webkit-transform
:
scale
(
1
);
-moz-transform
:
scale
(
1
);
-ms-transform
:
scale
(
1
);
transform
:
scale
(
1
)}}
[
not-existing
]
{
zoom
:
1
}
.module-wrap
{
min-width
:
1000px
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve-head
{
margin-bottom
:
60px
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve-head
h1
{
text-align
:
center
;
font-size
:
24px
;
color
:
#373D41
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve-head
.index-info
{
display
:
block
;
margin-top
:
12px
;
font-size
:
16px
;
color
:
#5F6367
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve-head
.index-info
:hover
{
text-decoration
:
none
;
color
:
#b1e2ff
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
{
margin-top
:
80px
;
margin-bottom
:
50px
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
.main-img
,
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
.main-img
img
{
width
:
100%
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
.main-bar
{
padding
:
0
10%
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
.main-bar
.main-bar-list
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
0
10px
;
float
:
left
;
width
:
25%
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
.main-bar
.main-bar-list
img
{
width
:
50px
;
height
:
50px
;
float
:
left
}
.aliyun-index-serve-2016
.module-wrap
.ali-main-serve
.main-bar
.main-bar-list
p
{
float
:
left
;
line-height
:
50px
;
color
:
#373D41
;
font-size
:
12px
;
padding-left
:
10px
}
.leftmenu
{
background
:
0
0
}
.leftmenu
.el-submenu
.el-menu-item
{
width
:
100%
!important
;
min-width
:
0
!important
;
font-size
:
12px
!important
;
height
:
40px
!important
;
line-height
:
40px
!important
}
.leftmenu
.el-menu-item
:hover
{
background-color
:
#ccc
!important
}
.navitems
{
width
:
100%
;
float
:
left
}
.navitem
{
float
:
left
;
padding
:
0
15px
;
text-align
:
center
;
cursor
:
pointer
;
font-size
:
14px
;
position
:
relative
}
.navitem-xiala
{
width
:
150%
;
min-height
:
60px
;
position
:
absolute
;
top
:
50px
;
left
:
-40%
;
background-color
:
#1e1e28
;
color
:
#b5b5b5
;
z-index
:
9999
;
border
:
1px
solid
#eee
;
line-height
:
40px
;
margin
:
0
10px
;
padding
:
10px
0
}
.navitem-xiala
::after
{
top
:
-10px
;
left
:
43.4%
;
border-bottom
:
10px
solid
#1e1e28
;
border-left
:
10px
solid
transparent
;
border-right
:
10px
solid
transparent
}
.navitem-xiala
:before
{
top
:
-12px
;
left
:
42%
;
border-bottom
:
12px
solid
#fff
;
border-left
:
12px
solid
transparent
;
border-right
:
12px
solid
transparent
}
.navitem-xl-list
{
height
:
40px
}
.navitem-xl-list
:hover
{
background-color
:
#696969
}
.searchform
.el-range-editor.el-input__inner
{
width
:
200px
}
.el-radio-group
{
min-width
:
300px
}
.nav_color
:hover
{
color
:
#2692ff
}
.spechorizotal
.el-menu
li
:hover
{
background
:
red
;
margin-top
:
-6px
}
.spechorizotal
.el-menu-item
span
{
font-size
:
16px
}
.spechorizotal
ul
{
border
:
none
}
.businessdecisions
{
width
:
100%
;
height
:
100%
;
background
:
url(/imgs/businessdecisions.png)
no-repeat
;
background-size
:
100%
100%
;
padding-top
:
13%
;
box-sizing
:
border-box
;
-moz-user-select
:
none
;
-o-user-select
:
none
;
-webkit-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.home
,
.reg-home
{
-moz-user-select
:
none
;
-webkit-user-select
:
none
;
-ms-user-select
:
none
}
.bd-title
{
width
:
100%
;
font-size
:
48px
;
font-size
:
.48rem
;
font-family
:
MicrosoftYaHei-Bold
;
font-weight
:
700
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.bd-input
,
.bd-title-name
,
.reg-bj1-title
{
font-family
:
MicrosoftYaHei
;
font-weight
:
400
}
.bd-title-name
{
width
:
100%
;
font-size
:
18px
;
font-size
:
.18rem
;
color
:
rgba
(
97
,
152
,
194
,
1
);
margin-top
:
27px
;
margin-bottom
:
59px
}
.bd-main-input
{
width
:
976px
;
height
:
78px
;
border-radius
:
6px
;
background-color
:
rgba
(
17
,
132
,
224
,
.2
);
margin
:
0
auto
;
padding
:
10px
;
box-sizing
:
border-box
}
.bd-input
{
float
:
left
;
width
:
668px
;
height
:
58px
;
background
:
rgba
(
15
,
12
,
63
,
1
);
border
:
1px
solid
rgba
(
36
,
164
,
252
,
1
);
border-radius
:
3px
;
font-size
:
16px
;
font-size
:
.16rem
;
color
:
#ADD8E6
;
box-sizing
:
border-box
}
.businessdecisions
.el-input
{
height
:
100%
!important
}
.businessdecisions
.el-input__inner
{
height
:
100%
!important
;
border
:
none
!important
;
color
:
#ADD8E6
!important
;
background-color
:
transparent
!important
;
font-size
:
16px
!important
;
font-size
:
.16rem
!important
}
.businessdecisions
.el-input__inner
::-webkit-input-placeholder
{
color
:
rgba
(
255
,
255
,
255
,
1
)}
.bd-input
::-webkit-input-placeholder
{
color
:
rgba
(
255
,
255
,
255
,
1
)}
.bd-button
{
float
:
left
;
width
:
134px
;
height
:
58px
;
line-height
:
58px
;
text-align
:
center
;
background
:
rgba
(
31
,
144
,
230
,
1
);
border-radius
:
3px
;
margin-left
:
10px
;
color
:
#fff
;
cursor
:
pointer
}
.bus-title
{
width
:
100%
;
height
:
10.53%
;
background
:
url(/imgs/bgj1.png)
center
0
no-repeat
;
background-size
:
100%
}
.bus-title
span
{
display
:
inline-block
;
width
:
0
;
height
:
113%
;
vertical-align
:
middle
}
.bus-left
{
display
:
inline-block
;
height
:
80%
;
font-size
:
14px
;
padding-left
:
20px
;
color
:
rgba
(
255
,
255
,
255
,
1
);
cursor
:
pointer
}
.reg-bottom
,
.reg-main1
{
padding
:
0
9px
;
box-sizing
:
border-box
}
.reg-bj1
{
float
:
left
;
width
:
43.8%
;
height
:
100%
;
margin
:
0
2.77%
;
box-sizing
:
border-box
}
.reg-bj1-title
{
width
:
100%
;
height
:
12.4%
;
line-height
:
64px
;
font-size
:
18px
;
font-size
:
.18rem
;
color
:
rgba
(
247
,
247
,
248
,
1
);
text-align
:
center
;
position
:
relative
}
.reg-bj1-button
{
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
140px
;
height
:
36px
;
line-height
:
36px
;
text-align
:
center
;
background
:
rgba
(
31
,
144
,
230
,
1
);
border-radius
:
6px
;
font-size
:
16px
;
font-size
:
.16rem
;
font-family
:
MicrosoftYaHei-Bold
;
font-weight
:
700
;
color
:
rgba
(
255
,
255
,
255
,
1
);
margin-top
:
15px
}
.reg-main1
{
width
:
100%
;
height
:
56.48%
}
.reg-left-item1
{
width
:
100%
;
height
:
46.88%
;
margin-top
:
10px
;
background
:
url(/imgs/reg-div.png)
no-repeat
;
background-size
:
100%
100%
}
.reg-bottom
{
width
:
100%
;
height
:
33.14%
}
.reg-bottom-left
{
float
:
left
;
width
:
49.06%
;
height
:
94%
;
background
:
url(/imgs/reg-div1.png)
no-repeat
;
background-size
:
100%
100%
}
.reg-bottom-right
{
float
:
right
;
width
:
49.06%
;
height
:
94%
;
background
:
url(/imgs/reg-div1.png)
no-repeat
;
background-size
:
100%
100%
}
.home
{
width
:
100%
;
height
:
100%
;
margin
:
0
;
padding
:
0
;
user-select
:
none
}
.home-main
{
width
:
1200px
;
margin
:
0
auto
}
.home-banner
{
width
:
100%
;
height
:
100%
;
background-color
:
#09090B
;
position
:
relative
}
#canvas
{
position
:
absolute
;
top
:
0
;
z-index
:
9
}
.home-back
{
width
:
100%
;
height
:
100%
;
background-size
:
100%
100%
;
position
:
absolute
;
z-index
:
10
}
.home-img-name
{
width
:
32.7%
;
display
:
block
;
margin
:
2%
auto
0
}
.home-banner-tabs
{
position
:
absolute
;
bottom
:
0
;
width
:
100%
;
height
:
145px
;
border-top
:
1px
solid
#202029
;
padding
:
22px
;
box-sizing
:
border-box
;
z-index
:
9999
}
.banner-tabs-name
{
float
:
left
;
width
:
15%
;
max-width
:
255px
;
text-align
:
center
;
padding
:
15px
0
;
box-sizing
:
border-box
}
.banner-tabs-name
.name1
{
line-height
:
38px
;
font-size
:
28px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.banner-tabs-name
.name2
{
line-height
:
38px
;
font-size
:
16px
;
font-family
:
MicrosoftYaHeiLight
;
font-weight
:
300
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.content-title
,
.navs-list-name
{
font-family
:
MicrosoftYaHei
;
font-weight
:
400
}
.banner-more
{
width
:
8%
;
float
:
right
;
text-align
:
center
;
height
:
100%
;
line-height
:
100px
;
color
:
#fff
;
cursor
:
pointer
}
.banner-more-pop-up
{
position
:
absolute
;
top
:
-120px
;
right
:
1.3%
;
width
:
150px
;
height
:
140px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
2px
;
padding
:
10px
20px
;
box-sizing
:
border-box
}
#demo
:before
,
.banner-more-pop-up
:after
{
border
:
solid
transparent
;
content
:
' '
;
height
:
0
;
top
:
100%
;
position
:
absolute
;
width
:
0
}
.banner-more-pop-up
:after
{
border-width
:
10px
;
border-top-color
:
#fff
;
left
:
67px
}
.banner-more-pop-up-item
{
width
:
100%
;
height
:
33.33%
;
line-height
:
33px
;
cursor
:
pointer
}
.banner-more-pop-up-item
:hover
{
color
:
#1AA1E6
}
.banner-navs
{
float
:
left
;
width
:
77%
;
display
:
flex
}
.banner-navs-list
{
flex
:
1
;
text-align
:
center
;
cursor
:
pointer
}
.navs-list-img
{
display
:
inline-block
;
width
:
70px
;
height
:
70px
}
.navs-list-img
:hover
{
background
:
url(/imgs/home/hover.png)
no-repeat
;
background-size
:
100%
100%
}
.navs-list-name
{
margin-top
:
11px
;
font-size
:
16px
;
color
:
rgba
(
255
,
255
,
255
,
1
);
line-height
:
24px
}
.home-content
{
width
:
100%
;
height
:
659px
;
padding-top
:
60px
;
box-sizing
:
border-box
}
.content-title
{
width
:
100%
;
text-align
:
center
;
font-size
:
40px
;
color
:
rgba
(
51
,
51
,
51
,
1
);
margin-bottom
:
22px
}
.content-name
{
margin-bottom
:
36px
;
width
:
100%
;
text-align
:
center
;
font-size
:
16px
;
font-family
:
MicrosoftYaHeiLight
;
font-weight
:
300
;
color
:
rgba
(
153
,
153
,
153
,
1
)}
.content-items
{
width
:
100%
}
.content-item
{
display
:
inline-block
;
width
:
370px
;
height
:
386px
;
margin-right
:
42px
;
box-shadow
:
0
2px
13px
0
rgba
(
182
,
194
,
208
,
.26
);
border
:
1px
solid
#fff
;
cursor
:
pointer
}
.content-item
:hover
{
box-shadow
:
0
2px
13px
0
rgba
(
182
,
194
,
208
,
0
);
border
:
1px
solid
rgba
(
26
,
161
,
230
,
1
)}
.content-item
:nth-child
(
3
)
{
margin-right
:
0
}
.content-item-img
{
width
:
100%
;
height
:
210px
;
background-size
:
100%
100%
;
position
:
relative
}
.content-item-tab
{
position
:
absolute
;
bottom
:
0
;
left
:
0
;
width
:
100%
;
height
:
56px
;
line-height
:
56px
;
background
:
rgba
(
0
,
0
,
0
,
.6
);
text-align
:
center
;
font-size
:
28px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.item-article-more
,
.item-article-text
{
line-height
:
36px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
}
.content-item-article
{
width
:
100%
;
height
:
178px
;
padding
:
20px
;
box-sizing
:
border-box
}
.item-article-text
{
font-size
:
14px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.item-article-text
>
span
{
display
:
inline-block
;
width
:
5px
;
height
:
5px
;
background-color
:
#373D41
;
margin-right
:
12px
;
margin-bottom
:
2px
}
.home-run
,
.home-wisdom
{
background-color
:
#F7FDFF
;
box-sizing
:
border-box
}
.item-article-text
:hover
{
color
:
#1AA1E6
}
.item-article-more
{
width
:
100%
;
text-align
:
center
;
font-size
:
12px
;
color
:
rgba
(
153
,
153
,
153
,
1
)}
.item-article-more
:hover
{
color
:
#1AA1E6
}
.home-run
{
width
:
100%
;
height
:
782px
;
padding-top
:
60px
}
.home-run-tabs
{
width
:
100%
;
border-bottom
:
1px
solid
#e0e0e0
;
margin-bottom
:
30px
}
.home-run-tabs-items
{
width
:
100%
;
height
:
73px
;
line-height
:
73px
;
padding
:
0
200px
;
box-sizing
:
border-box
;
display
:
flex
}
.home-run-tabs-item
{
flex
:
1
;
font-size
:
16px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
153
,
153
,
153
,
1
);
text-align
:
center
;
cursor
:
pointer
}
.run-item-tite
,
.run-item-tite
>
span
{
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.run-items
{
width
:
100%
;
height
:
330px
}
.run-item
{
float
:
left
;
width
:
580px
;
height
:
100%
;
box-shadow
:
0
2px
13px
0
rgba
(
182
,
194
,
208
,
.26
)}
.run-item-tite
{
width
:
100%
;
height
:
88px
;
line-height
:
88px
;
text-align
:
center
;
font-size
:
24px
;
background-size
:
100%
100%
;
position
:
relative
}
.run-item-tite
>
span
{
position
:
absolute
;
top
:
42px
;
right
:
19px
;
height
:
13px
;
line-height
:
13px
;
font-size
:
12px
;
cursor
:
pointer
}
.home-wisdom-item-text
,
.run-item-article-list
{
color
:
rgba
(
51
,
51
,
51
,
1
);
font-family
:
MicrosoftYaHei
;
font-weight
:
400
}
.run-item-article
{
width
:
100%
;
height
:
242px
;
padding
:
30px
;
box-sizing
:
border-box
}
.run-item-article-list
{
height
:
40px
;
font-size
:
14px
;
text-decoration
:
underline
;
cursor
:
pointer
}
.run-item-article-list
>
.text1
{
float
:
left
;
max-width
:
375px
}
.run-item-article-list
>
.text1
:hover
{
border-bottom
:
1px
solid
#333
}
.run-item-article-list
>
.text2
{
float
:
right
}
.home-wisdom
{
width
:
100%
;
height
:
644px
;
padding-top
:
60px
}
.home-wisdom-items
{
width
:
100%
;
display
:
flex
}
.home-wisdom-item
{
flex
:
1
;
text-align
:
center
;
padding
:
0
40px
;
box-sizing
:
border-box
}
.home-wisdom-item-img
{
display
:
inline-block
;
width
:
124px
;
height
:
144px
;
line-height
:
144px
;
text-align
:
center
;
background
:
url(/imgs/home/xuxian1.png)
no-repeat
;
background-size
:
100%
100%
;
cursor
:
pointer
;
transition
:
width
.5s
,
height
.5s
,
background
.5s
}
.home-wisdom-item-img
:hover
{
background
:
url(/imgs/home/xuxian.png)
no-repeat
}
.home-wisdom-item-img
>
img
{
display
:
inline-block
;
vertical-align
:
middle
}
.home-wisdom-item-img
:hover
>
img
{
width
:
90px
;
height
:
74px
}
.home-wisdom-item-text
{
margin-top
:
33px
;
margin-bottom
:
21px
;
font-size
:
22px
}
.home-wisdom-item-name
{
font-size
:
14px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
153
,
153
,
153
,
1
)}
.home-business
{
width
:
100%
;
height
:
645px
;
padding-top
:
60px
;
box-sizing
:
border-box
;
background-color
:
#F7FDFF
}
.home-business-items
{
width
:
100%
;
height
:
274px
}
.home-business-item
{
float
:
left
;
width
:
580px
;
height
:
100%
;
background-size
:
100%
100%
;
text-align
:
center
;
position
:
relative
;
overflow
:
hidden
}
.home-business-item
:hover
.home-business-item-show
{
top
:
0
}
.home-business-item
:hover
.home-business-item-bgu
{
opacity
:
0
}
.home-business-item-bgu
{
margin-top
:
55px
;
display
:
inline-block
;
opacity
:
1
;
transition
:
opacity
.5s
}
.home-business-item-name
{
width
:
100%
;
font-size
:
30px
;
font-family
:
MicrosoftYaHeiLight
;
font-weight
:
300
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.home-business-item-show
{
position
:
absolute
;
top
:
275px
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
rgba
(
81
,
189
,
243
,
.7
);
text-align
:
center
;
padding
:
44px
82px
;
box-sizing
:
border-box
;
transition
:
top
.5s
;
cursor
:
default
}
.home-partner
,
.home-share
{
padding-top
:
60px
;
box-sizing
:
border-box
}
.home-business-item-show
>
div
{
text-align
:
center
}
.business-item-show-heng
{
margin
:
35px
auto
;
width
:
48px
;
height
:
4px
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border
:
1px
solid
rgba
(
255
,
255
,
255
,
1
)}
.business-item-show-text
{
width
:
100%
;
font-size
:
16px
;
font-family
:
MicrosoftYaHeiLight
;
font-weight
:
300
;
color
:
rgba
(
255
,
255
,
255
,
.8
)}
.home-partner
{
width
:
100%
;
height
:
669px
;
background-color
:
#F7FDFF
}
.home-partner-logo
{
width
:
1180px
;
height
:
443px
;
margin
:
0
auto
;
background
:
url(/imgs/home/LOGO.jpg)
no-repeat
;
background-size
:
100%
100%
}
.home-share
{
width
:
100%
;
height
:
846px
}
.home-share-main
{
width
:
100%
;
height
:
501px
;
position
:
relative
}
.home-share-main-left
,
.home-share-main-right
,
.share-main-left-lists
{
height
:
100%
;
box-sizing
:
border-box
}
.home-share-main-left
{
float
:
left
;
width
:
50%
;
text-align
:
right
;
padding-right
:
158px
}
.home-share-main-right
{
float
:
right
;
width
:
50%
;
text-align
:
left
;
padding-left
:
158px
}
.share-main-left-lists
{
width
:
100%
;
padding
:
50px
0
;
position
:
relative
;
z-index
:
999
}
.share-main-left-lists
:hover
div
,
.share-main-right-lists
:hover
div
{
color
:
#1AA1E6
}
.share-main-left-lists
>
.img-div
{
position
:
absolute
;
top
:
50px
;
right
:
-6px
;
width
:
70px
;
height
:
70px
;
background
:
url(/imgs/home/xximg.png)
no-repeat
;
background-size
:
100%
100%
;
-webkit-animation
:
haha1
.8s
linear
infinite
}
.share-main-left-lists
>
img
,
.share-main-right-lists
>
img
{
top
:
55px
;
z-index
:
999
;
background-color
:
#fff
;
border-radius
:
30px
}
.share-main-left-lists
>
img
{
position
:
absolute
;
right
:
0
}
.share-main-right-lists
{
width
:
100%
;
height
:
100%
;
padding
:
50px
0
;
box-sizing
:
border-box
;
position
:
relative
;
z-index
:
999
}
.home-analyze
,
.home-item
,
.home-searching
{
padding-top
:
60px
;
box-sizing
:
border-box
}
.share-main-right-lists
>
img
{
position
:
absolute
;
left
:
0
}
.share-main-right-lists
>
.img-div
{
position
:
absolute
;
top
:
50px
;
left
:
-6px
;
width
:
70px
;
height
:
70px
;
background
:
url(/imgs/home/xximg.png)
no-repeat
;
background-size
:
100%
100%
;
-webkit-animation
:
haha1
.8s
linear
infinite
}
@-webkit-keyframes
haha1
{
0
%
{
-webkit-transform
:
rotate
(
0
)}
25
%
{
-webkit-transform
:
rotate
(
90deg
)}
50
%
{
-webkit-transform
:
rotate
(
180deg
)}
75
%
{
-webkit-transform
:
rotate
(
270deg
)}
100
%
{
-webkit-transform
:
rotate
(
360deg
)}}
.share-main-left-list
,
.share-main-right-list
{
width
:
100%
;
height
:
33.33%
}
.home-share-middle
,
.home-share-middle-img
{
width
:
501px
;
position
:
absolute
;
top
:
0
;
right
:
0
;
bottom
:
0
;
margin
:
auto
;
left
:
0
}
.share-main-list-text1
,
.share-main-list-text2
{
height
:
35px
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
cursor
:
pointer
}
.share-main-left-list
:nth-child
(
2
)
{
padding-right
:
70px
;
box-sizing
:
border-box
}
.share-main-right-list
:nth-child
(
2
)
{
padding-left
:
70px
;
box-sizing
:
border-box
}
.share-main-list-text1
{
font-size
:
20px
;
color
:
rgba
(
51
,
51
,
51
,
1
)}
.share-main-list-text2
{
font-size
:
16px
;
color
:
rgba
(
119
,
119
,
119
,
1
)}
.home-share-middle
{
height
:
501px
;
box-sizing
:
border-box
}
.home-share-middle-img
{
height
:
357px
;
background
:
url(/imgs/home/bjx.png)
no-repeat
;
background-size
:
100%
100%
}
.home-share-middle-img
>
img
{
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
margin
:
auto
}
.home-searching
{
width
:
100%
;
height
:
645px
;
background-color
:
#F7FDFF
}
.home-analyze
{
width
:
100%
;
height
:
763px
}
.home-analyze-main
{
width
:
100%
;
overflow
:
hidden
}
.home-analyze-main
>
.left
{
float
:
left
}
.home-analyze-main
>
.right
{
float
:
right
}
.home-item
{
width
:
100%
}
.home-item
img
{
margin
:
0
auto
;
display
:
block
}
.patentadvancedsearch
.reverseback
{
width
:
100%
;
text-align
:
left
;
line-height
:
46px
;
color
:
#409EFF
;
font-size
:
16px
;
cursor
:
pointer
}
.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
}
.returnsPage
>
span
{
cursor
:
pointer
}
.zipImg
{
display
:
inline-block
;
position
:
relative
;
width
:
356px
;
height
:
232px
;
background
:
url(https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_39961594794942854202015143542854微信图片_20200715134452.png)
no-repeat
;
background-size
:
100%
100%
}
.zipSpan
{
width
:
77px
;
height
:
26px
;
position
:
absolute
;
bottom
:
28px
;
right
:
21px
;
cursor
:
pointer
}
.patentdetail-content-right
{
position
:
absolute
;
top
:
15px
;
right
:
0
;
width
:
70%
;
text-align
:
left
}
.bjt
{
background
:
url(/imgs/ditu.png)
top
no-repeat
}
.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
}
.reg-home
{
width
:
100%
;
height
:
100%
;
background-color
:
#0F0C3F
;
-o-user-select
:
none
;
user-select
:
none
}
.reg-title
{
width
:
100%
;
height
:
10.53%
;
background
:
url(/imgs/title.png)
center
0
no-repeat
;
background-size
:
100%
}
.reg-block
{
float
:
right
;
width
:
160px
;
height
:
40px
;
margin-right
:
20px
;
margin-top
:
1%
}
.el-date-editor.el-input__inner
,
.reg-home
.el-date-editor.el-input
{
width
:
100%
}
.reg-home
.el-input__inner
{
background-color
:
transparent
!important
}
.reg-bj
{
float
:
left
;
width
:
43.8%
;
height
:
92.3%
;
margin
:
0
2.77%
;
background
:
url(/imgs/bjq.png)
center
bottom
no-repeat
;
background-size
:
88%
;
box-sizing
:
border-box
}
.reg-bj-header
{
width
:
100%
;
height
:
10%
;
padding-top
:
3%
}
.reg-bj-header-item
{
float
:
left
;
width
:
31.6%
;
height
:
99%
;
margin-right
:
2%
;
background
:
rgba
(
23
,
20
,
76
,
.8
);
border
:
1px
solid
rgba
(
26
,
161
,
230
,
1
);
border-radius
:
6px
;
position
:
relative
}
.reg-bj-header-item-img
{
float
:
left
;
width
:
23.62%
;
height
:
auto
;
position
:
absolute
;
top
:
50%
;
left
:
17%
;
transform
:
translate
(
-50%
,
-50%
)}
.reg-bj-header-itemmain1
{
float
:
right
;
width
:
70%
;
height
:
100%
;
padding
:
5%
;
box-sizing
:
border-box
;
text-align
:
left
}
.reg-bj-header-itemmain1
>
.text1
{
display
:
block
;
height
:
.25rem
;
font-size
:
14px
;
font-size
:
.14rem
;
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
rgba
(
85
,
179
,
255
,
1
);
overflow
:
hidden
}
.reg-item-nameleft
,
.reg-item-nameright
,
.regs-name
,
.regs-radio
,
.right-radio-item
{
display
:
inline-block
}
.reg-bj-header-itemmain1
>
.text2
{
width
:
70px
;
height
:
24px
;
font-size
:
26px
;
font-size
:
.26rem
;
font-family
:
MicrosoftYaHei-Bold
;
font-weight
:
700
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.reg-item-nameleft
,
.reg-item-nameright
,
.reg-main-title
{
font-family
:
MicrosoftYaHei
;
font-weight
:
400
}
.reg-bj-header-item
:nth-child
(
3
)
{
margin-right
:
0
}
.reg-bj-echrts
{
margin-top
:
13px
;
width
:
100%
;
height
:
79%
;
position
:
relative
}
.reg-bj-return
{
position
:
absolute
;
top
:
20px
;
left
:
0
;
color
:
#fff
;
font-size
:
14px
;
font-size
:
.14rem
;
cursor
:
pointer
;
z-index
:
999
}
.reg-bj-return
>
.span1
:hover
{
color
:
#1AA1E6
}
.reg-bj-return
>
i
{
margin
:
0
7px
}
.reg-main
{
width
:
100%
;
height
:
100%
;
padding
:
9px
;
box-sizing
:
border-box
}
.reg-main-title
{
width
:
100%
;
font-size
:
14px
;
font-size
:
.14rem
;
text-align
:
center
;
color
:
rgba
(
31
,
144
,
230
,
1
)}
.reg-left
{
float
:
left
;
width
:
25.48%
;
height
:
100%
}
.reg-left-item
{
width
:
100%
;
height
:
27.48%
;
margin-top
:
10px
;
background
:
url(/imgs/reg-div.png)
no-repeat
;
background-size
:
100%
100%
}
.reg-left-item-name
{
width
:
100%
;
height
:
14%
;
padding
:
0
22px
;
box-sizing
:
border-box
}
.reg-item-nameleft
{
width
:
68%
;
height
:
100%
;
font-size
:
16px
;
font-size
:
.16rem
;
color
:
rgba
(
255
,
255
,
255
,
1
)}
.reg-item-nameright
{
text-align
:
right
;
width
:
28%
;
min-width
:
79px
;
height
:
100%
;
font-size
:
14px
;
font-size
:
.14rem
;
color
:
rgba
(
55
,
166
,
255
,
1
);
cursor
:
pointer
}
.regs-right-radio
,
.regs-title
{
font-family
:
MicrosoftYaHei
;
font-weight
:
400
;
color
:
#FFF
}
.reg-right
{
float
:
right
;
width
:
25.18%
;
height
:
100%
}
.reg-echart
{
width
:
100%
;
height
:
84%
}
.reg-left-item-name
span
{
display
:
inline-block
;
width
:
0
;
height
:
113%
;
vertical-align
:
middle
}
.regs
{
width
:
100%
;
height
:
100%
;
background-color
:
#0F0C3F
;
-moz-user-select
:
none
;
-o-user-select
:
none
;
-webkit-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.regs-body
{
width
:
1200px
;
height
:
100%
;
margin
:
0
auto
;
padding
:
20px
0
;
box-sizing
:
border-box
}
.regs-title
{
text-align
:
left
;
font-size
:
14px
;
font-size
:
.14rem
}
.regs-title-left
{
float
:
left
}
.regs-right-radio
{
font-size
:
14px
;
font-size
:
.14rem
}
.right-radio-item
{
margin
:
0
5px
;
padding-bottom
:
5px
;
cursor
:
pointer
}
.regs-textname
{
width
:
100%
;
margin-top
:
20px
;
line-height
:
63px
;
text-align
:
center
}
.regs-textname
>
img
{
margin-top
:
-8px
;
vertical-align
:
middle
}
.regs-name
{
font-size
:
26px
;
font-size
:
.26rem
;
font-family
:
MicrosoftYaHei-Bold
;
font-weight
:
700
;
color
:
rgba
(
255
,
255
,
255
,
1
);
line-height
:
63px
;
background
:
linear-gradient
(
92deg
,
rgba
(
15
,
244
,
255
,
1
)
0
,
rgba
(
41
,
167
,
255
,
1
)
100%
);
-webkit-background-clip
:
text
;
-webkit-text-fill-color
:
transparent
;
margin
:
0
13px
}
.regs-echart
{
width
:
100%
;
border-bottom
:
1px
solid
rgba
(
255
,
255
,
255
,
.26
)}
.regs-table
{
width
:
100%
;
margin-top
:
20px
}
.regs-radio
{
width
:
221px
;
height
:
40px
;
text-align
:
center
;
overflow
:
hidden
;
line-height
:
40px
;
border
:
1px
solid
#1184E0
;
border-radius
:
5px
;
font-size
:
16px
;
font-size
:
.16rem
}
.regs-radio-item
{
float
:
left
;
width
:
110px
;
color
:
#fff
;
cursor
:
pointer
}
.regs-radio-item
:nth-child
(
1
)
{
border-right
:
1px
solid
#1184e0
}
.regs
.el-table
,
.regs
.el-table
th
,
.regs
.el-table
tr
,
.regs
.el-table__expanded-cell
{
background-color
:
transparent
!important
}
.regs
.el-table
thead
{
background-color
:
#1B256A
!important
;
color
:
#37A6FF
!important
}
.regs
.el-table
{
color
:
#fff
!important
}
.regs
.el-table__body
tr
.current-row
>
td
,
.regs
.el-table__body
tr
:hover
>
td
{
background-color
:
#2a32a0
dc
!important
}
.regs
.el-table--border
::after
,
.regs
.el-table--group
::after
,
.regs
.el-table
::before
{
background-color
:
#1184E0
!important
}
.regs
.el-table--border
,
.regs
.el-table--group
{
border
:
1px
solid
#1184E0
!important
}
.regs
.el-table
td
,
.regs
.el-table
th
.is-leaf
{
border-bottom
:
1px
solid
#1184E0
!important
}
.regs
.el-table--border
td
,
.regs
.el-table--border
th
,
.regs
.el-table__body-wrapper
.el-table--border.is-scrolling-left
~
.el-table__fixed
{
border-right
:
1px
solid
#1184E0
!important
}
\ No newline at end of file
ipop-web/app/front/entry/public/imgs/zip.png
0 → 100755
View file @
5b7f4683
21 KB
ipop-web/app/front/entry/public/js/index.js
View file @
5b7f4683
...
...
@@ -313,9 +313,15 @@ axios.get("/vue/comp/base").then(function(res){
}
else
if
(
v
==
"高级检索"
){
this
.
typeHome
=
false
;
this
.
pushx
({
name
:
"/patentadvancedsearch"
,
title
:
"高级检索"
})
}
else
if
(
v
==
"专利检索"
){
this
.
typeHome
=
false
;
this
.
pushx
({
name
:
"/patentsimplesearch"
,
title
:
"专利检索"
})
}
else
if
(
v
==
"智能检索"
){
this
.
typeHome
=
false
;
this
.
pushx
({
name
:
"/patentsimplesearch"
,
title
:
"智能检索"
})
}
else
if
(
v
==
"智能分析"
){
this
.
typeHome
=
false
;
this
.
pushx
({
name
:
"/patentanalysis"
,
title
:
"智能分析"
})
}
else
if
(
v
==
"智能估价"
){
this
.
typeHome
=
false
;
this
.
loadingHome
=
true
;
...
...
ipop-web/app/front/vues/pages/patentanalysis/patentanalysis.css
View file @
5b7f4683
...
...
@@ -120,4 +120,20 @@
}
.returnsPage
>
span
{
cursor
:
pointer
;
}
.zipImg
{
display
:
inline-block
;
position
:
relative
;
width
:
356px
;
height
:
232px
;
background
:
url('https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_39961594794942854202015143542854微信图片_20200715134452.png')
no-repeat
;
background-size
:
100%
100%
;
}
.zipSpan
{
width
:
77px
;
height
:
26px
;
position
:
absolute
;
bottom
:
28px
;
right
:
21px
;
cursor
:
pointer
;
}
\ No newline at end of file
ipop-web/app/front/vues/pages/patentanalysis/patentanalysis.html
View file @
5b7f4683
...
...
@@ -128,9 +128,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'1\'"
>
...
...
@@ -179,9 +179,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'2\'"
>
...
...
@@ -237,9 +237,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'3\'"
>
...
...
@@ -283,9 +283,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'4\'"
>
...
...
@@ -332,9 +332,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'5\'"
>
...
...
@@ -377,9 +377,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'6\'"
>
...
...
@@ -427,9 +427,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
</div>
...
...
@@ -495,9 +495,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'1\'"
>
...
...
@@ -544,9 +544,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'2\'"
>
...
...
@@ -590,9 +590,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'3\'"
>
...
...
@@ -635,9 +635,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'4\'"
>
...
...
@@ -681,9 +681,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'5\'"
>
...
...
@@ -726,9 +726,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
</div>
...
...
@@ -795,9 +795,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'1\'"
>
...
...
@@ -844,9 +844,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'2\'"
>
...
...
@@ -893,9 +893,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'3\'"
>
...
...
@@ -942,9 +942,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'4\'"
>
...
...
@@ -999,9 +999,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'5\'"
>
...
...
@@ -1048,9 +1048,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
</div>
...
...
@@ -1118,9 +1118,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'1\'"
>
...
...
@@ -1161,9 +1161,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'2\'"
>
...
...
@@ -1217,9 +1217,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'3\'"
>
...
...
@@ -1273,9 +1273,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'4\'"
>
...
...
@@ -1324,9 +1324,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'5\'"
>
...
...
@@ -1381,9 +1381,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
</div>
...
...
@@ -1446,9 +1446,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'1\'"
>
...
...
@@ -1492,9 +1492,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'2\'"
>
...
...
@@ -1538,9 +1538,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<!-- <div v-if="menuItem==\'3\'">
...
...
@@ -1618,9 +1618,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'1\'"
>
...
...
@@ -1667,9 +1667,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'2\'"
>
...
...
@@ -1712,9 +1712,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'3\'"
>
...
...
@@ -1760,9 +1760,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'4\'"
>
...
...
@@ -1808,9 +1808,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'5\'"
>
...
...
@@ -1856,9 +1856,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
</div>
...
...
@@ -1918,9 +1918,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'1\'"
>
...
...
@@ -1967,9 +1967,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'2\'"
>
...
...
@@ -2012,9 +2012,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'3\'"
>
...
...
@@ -2058,9 +2058,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'4\'"
>
...
...
@@ -2111,9 +2111,9 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'5\'"
>
...
...
@@ -2154,9 +2154,9 @@
</el-row>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<
img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/
>
<
div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div
>
<
div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div
>
<
div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div
>
<
!-- <div class="no-result-row1">暂无查出您想要的信息~</div> --
>
<
!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> --
>
</div>
</div>
<div
v-if=
"menuItem==\'6\'"
>
...
...
@@ -2198,9 +2198,11 @@
</div>
</div>
<div
v-else
class=
"no-result"
style=
"text-align:center"
>
<img
src=
"imgs/patentlogo.png"
style=
"width:300px"
/>
<div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div>
<div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div>
<div
class=
"zipImg"
><span
class=
"zipSpan"
@
click=
"tiaozhan"
></span></div>
<!-- <div class="no-result-row1">暂无查出您想要的信息~</div> -->
<!-- <div class="no-result-row1">请输入关键词或选择检索数据范围进行检索！</div> -->
</div>
</div>
...
...
@@ -2254,6 +2256,11 @@
</div>
</div>
</div>
<div
v-if=
"activeMenu==\'9\'"
class=
"activeMenu8"
>
<div
style=
"min-width: 1200px;"
>
<iframe
name=
"midFraim"
id=
"midFraim"
src=
"http://118.24.142.85:81/ezPicture.aspx?method=%E6%99%BA%E8%83%BD%E5%8F%AF%E8%A7%86%E5%8C%96&guid=5c85c50a-c57c-401c-b534-2a78facd0d0d"
frameborder=
"0"
width=
"100%"
></iframe>
</div>
</div>
</div>
</div>
</div>
ipop-web/app/front/vues/pages/patentanalysis/patentanalysis.js
View file @
5b7f4683
...
...
@@ -555,6 +555,9 @@
},
{
name
:
"生成报告"
,
},
{
name
:
"分析可视化"
,
}
],
activeMenu
:
0
,
...
...
@@ -2091,18 +2094,34 @@
}
},
mounted
:
function
()
{
window
.
onresize
=
function
(){
this
.
changeMobsfIframe
()
}
},
created
:
function
()
{
console
.
log
(
'wslhd'
);
this
.
echartsArr
=
[];
console
.
log
(
localStorage
.
getItem
(
"patentyc_patentanalysis"
));
var
object
=
JSON
.
parse
(
localStorage
.
getItem
(
"patentyc_patentanalysis"
));
this
.
search
=
this
.
$router
.
history
.
current
.
query
.
search
;
var
object
=
JSON
.
parse
(
localStorage
.
getItem
(
"patentyc_patentanalysis"
))
||
''
;
this
.
search
=
this
.
$router
.
history
.
current
.
query
.
search
||
''
;
this
.
obj
=
object
;
console
.
log
(
this
.
search
);
console
.
log
(
this
.
obj
);
},
methods
:
{
changeMobsfIframe
(){
const
mobsf
=
document
.
getElementById
(
'midFraim'
);
const
deviceWidth
=
document
.
body
.
clientWidth
;
const
deviceHeight
=
document
.
body
.
clientHeight
;
console
.
log
(
mobsf
,
'????????????????????'
);
mobsf
.
height
=
(
Number
(
deviceHeight
)
-
0
)
+
'px'
;
},
tiaozhan
()
{
this
.
$root
.
pushx
({
name
:
"/patentsimplesearch"
,
title
:
"专利检索"
});
},
btnPrintClick
()
{
$
(
'.returnsPage'
).
css
(
'display'
,
'none'
);
let
targetDom
=
$
(
"#ddd"
);
...
...
@@ -2740,6 +2759,8 @@
this
.
agentRank
();
}
else
if
(
this
.
activeMenu
==
"8"
)
{
this
.
returnsPage
();
}
else
if
(
this
.
activeMenu
==
"9"
)
{
this
.
changeMobsfIframe
();
}
},
/*同一纬度下不同角度的分析切换 */
...
...
ipop-web/app/front/vues/pages/patentsimplesearch/patentsimplesearch.html
View file @
5b7f4683
...
...
@@ -274,7 +274,7 @@
</div>
<div
v-if=
"!a"
>
<div
v-if=
"datalist2.length==0"
class=
"no-result"
style=
"text-align: center;"
>
<img
src=
"
imgs/patentlogo
.png"
style=
"width:300px"
/>
<img
src=
"
/imgs/home/logos
.png"
style=
"width:300px"
/>
<div
class=
"no-result-row1"
>
暂无查出您想要的信息~
</div>
<div
class=
"no-result-row1"
>
请输入关键词或选择检索数据范围进行检索！
</div>
</div>
...
...
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
