Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
L
learn-online-pc
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
EzijingWeb
learn-online-pc
Commits
eae482e2
提交
eae482e2
authored
6月 02, 2021
作者:
王鹏飞
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update
上级
7c3e4d31
显示空白字符变更
内嵌
并排
正在显示
10 个修改的文件
包含
241 行增加
和
1271 行删除
+241
-1271
xyxz.scss
src/assets/css/xyxz.scss
+159
-0
jcxx.jpg
src/assets/images/jcxx.jpg
+0
-0
lear-tips-code.jpg
src/assets/images/lear-tips-code.jpg
+0
-0
lear-tips-plan.jpg
src/assets/images/lear-tips-plan.jpg
+0
-0
examinaTips.vue
src/pages/tips/examinaTips.vue
+1
-2
examinaTipsOffLine.vue
src/pages/tips/examinaTipsOffLine.vue
+8
-399
examinaTipsOnLine.vue
src/pages/tips/examinaTipsOnLine.vue
+9
-401
learningTips.vue
src/pages/tips/learningTips.vue
+1
-2
learningTipsOffLine.vue
src/pages/tips/learningTipsOffLine.vue
+31
-232
learningTipsOnLine.vue
src/pages/tips/learningTipsOnLine.vue
+32
-235
没有找到文件。
src/assets/css/xyxz.scss
0 → 100644
浏览文件 @
eae482e2
.mian
{
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
6px
;
margin
:
40px
;
padding
:
0
40px
30px
;
.title
{
color
:
#333333
;
font-size
:
18px
;
font-weight
:
bold
;
line-height
:
65px
;
border-bottom
:
1px
solid
rgba
(
204
,
204
,
204
,
1
);
}
.content
{
display
:
flex
;
align-items
:
flex-start
;
.cont-left
{
flex
:
1
;
overflow
:
hidden
;
}
.h2
{
font-size
:
35px
;
font-weight
:
bold
;
color
:
#333333
;
text-align
:
center
;
padding
:
40px
0
;
}
p
{
text-align
:
justify
;
color
:
rgba
(
51
,
51
,
51
,
1
);
font-size
:
18px
;
line-height
:
35px
;
margin-top
:
15px
;
text-indent
:
2em
;
}
.txt-cont
{
margin-top
:
20px
;
.tits
{
font-weight
:
bold
;
font-size
:
22px
;
line-height
:
40px
;
color
:
#333
;
border-bottom
:
1px
solid
#cccccc
;
padding-top
:
10px
;
}
ul
{
margin
:
5px
auto
;
}
li
{
display
:
flex
;
margin-top
:
15px
;
img
{
width
:
12px
;
height
:
12px
;
margin-top
:
8px
;
}
.rtxt
{
color
:
#333
;
font-size
:
18px
;
margin-left
:
5px
;
}
}
}
}
.cont-right
{
width
:
200px
;
margin-left
:
40px
;
height
:
auto
;
&
.susp
{
.cont
{
position
:
fixed
;
top
:
0
;
}
}
.cont
{
width
:
200px
;
margin-top
:
150px
;
.titl
{
height
:
73px
;
background
:
url('../../assets/images/lear-tips-mbg.png')
;
background-size
:
100%
100%
;
}
.titl
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
img
{
width
:
28px
;
height
:
28px
;
}
.txt
{
color
:
rgba
(
255
,
255
,
255
,
1
);
font-size
:
22px
;
margin-left
:
8px
;
}
}
ul
{
padding
:
0
;
li
.active
{
.name
{
color
:
#2994ea
;
}
.prog
{
.pr1
{
background
:
#2994ea
;
}
.pr2
{
background
:
#2994ea
;
}
}
}
li
{
display
:
flex
;
list-style
:
none
;
width
:
164px
;
margin
:
0
auto
20px
auto
;
cursor
:
pointer
;
.name
{
font-size
:
18px
;
color
:
#999999
;
}
.prog
{
width
:
86px
;
margin-left
:
auto
;
position
:
relative
;
margin-top
:
5px
;
.pr1
{
position
:
absolute
;
top
:
8px
;
right
:
0
;
width
:
100%
;
height
:
1px
;
background
:
#d8d8d8
;
}
.pr2
{
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
16px
;
height
:
16px
;
background
:
rgba
(
216
,
216
,
216
,
1
);
border-radius
:
50%
;
}
}
}
}
}
}
}
.table
{
width
:
90%
;
margin
:
20px
auto
;
border-collapse
:
collapse
;
text-align
:
center
;
td
,
th
{
padding
:
12px
;
}
}
src/assets/images/jcxx.jpg
查看替换文件 @
7c3e4d31
浏览文件 @
eae482e2
1.2 MB
|
W:
|
H:
1.3 MB
|
W:
|
H:
2-up
Swipe
Onion skin
src/assets/images/lear-tips-code.jpg
0 → 100644
浏览文件 @
eae482e2
124.4 KB
src/assets/images/lear-tips-plan.jpg
0 → 100644
浏览文件 @
eae482e2
366.6 KB
src/pages/tips/examinaTips.vue
浏览文件 @
eae482e2
...
...
@@ -27,5 +27,4 @@ export default {
}
</
script
>
<
style
>
</
style
>
<
style
src=
"@/assets/css/xyxz.scss"
></
style
>
src/pages/tips/examinaTipsOffLine.vue
浏览文件 @
eae482e2
<
template
>
<div
class=
"mian"
>
<
div
class=
"content fl"
>
<div
class=
"title"
>
考前须知
</div
>
<
!--
<div
class=
"title"
>
考前须知
</div>
--
>
<div
class=
"content"
>
<div
class=
"cont-left"
>
<div
class=
"h2"
>
考前须知
</div>
<div
class=
"explain"
>
<div
class=
"txt"
>
<p>
“高级财富管理师”证书培训作为提升从业人员素质的基本途径,得到了监管部门、各金融机构及广大从业人员的高度认可,对于规范从业人员职业水平,实现从业人员自我管理起到了巨大的推动作用。
</div
>
<div
class=
"txt"
>
</p
>
<p
>
不断规范“高级财富管理师”证书考试制度,目的是建立财富管理从业人员职业标准及用人规范,为金融机构和客户鉴别从业者能力提供识别标杆。为确保考试顺利有序进行,现将《考前须知》公示如下。请各位考生认真阅读,明确考试规则,遵守考试纪律,做好考前准备。
</div>
</div>
</p>
<div
class=
"txt-cont"
ref=
"catalog1"
id=
"catalog1"
>
<div
class=
"tits"
>
考试时间
</div>
<p>
考试时间:
<span
style=
"color: red"
>
2021 年 6 月 1 9 日 17:00—18:00
</span></p>
<p>
考试时间:
<span
style=
"color: red"
>
2021 年 6 月 1 9 日 17:00—18:00
</span></p>
</div>
<div
class=
"txt-cont"
ref=
"catalog2"
id=
"catalog2"
>
<div
class=
"tits"
>
考试内容
</div>
...
...
@@ -39,7 +37,6 @@
<p>
预祝大家考试顺利!
</p>
</div>
</div>
</div>
<div
:class=
"showClass"
ref=
"suspension"
>
<div
class=
"cont"
>
<div
class=
"titl"
>
...
...
@@ -60,6 +57,7 @@
</div>
</div>
</div>
</div>
</template>
<
script
>
...
...
@@ -104,392 +102,3 @@ export default {
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
.mian
{
padding
:
40px
;
.content
{
position
:
relative
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
6px
;
padding
:
0
40px
30px
40px
;
margin-bottom
:
20px
;
.title
{
color
:
#333333
;
font-size
:
18px
;
line-height
:
65px
;
border-bottom
:
1px
solid
rgba
(
204
,
204
,
204
,
1
);
}
.cont-txt
{
padding-bottom
:
30px
;
p
{
font-size
:
18px
;
color
:
#666666
;
line-height
:
30px
;
text-indent
:
2em
;
}
}
.new-h2
{
margin-top
:
30px
;
}
.h2
{
font-size
:
35px
;
color
:
#333333
;
text-align
:
center
;
padding
:
10px
0
;
}
.explain
{
.tits
{
font-size
:
22px
;
color
:
#333333
;
}
.txt
{
font-size
:
18px
;
color
:
rgba
(
51
,
51
,
51
,
1
);
line-height
:
40px
;
// width: 90%;
// margin: 0 auto;
text-indent
:
2em
;
}
}
.cont-left
{
width
:
75%
;
}
.txt-cont
{
margin-top
:
20px
;
.tits
{
font-weight
:
bold
;
font-size
:
22px
;
line-height
:
40px
;
width
:
100%
;
color
:
#333
;
border-bottom
:
1px
solid
#cccccc
;
padding-top
:
10px
;
}
p
{
text-align
:
justify
;
color
:
rgba
(
51
,
51
,
51
,
1
);
font-size
:
18px
;
line-height
:
35px
;
margin-top
:
15px
;
width
:
90%
;
margin
:
10px
auto
0
auto
;
text-indent
:
-0
.8em
;
}
.qr-code
{
width
:
35%
;
display
:
block
;
margin
:
0
auto
;
}
.img1
{
width
:
80%
;
display
:
block
;
margin
:
10px
auto
0
auto
;
}
.img2
{
width
:
65%
;
margin
:
10px
auto
;
display
:
block
;
}
.ind
{
text-indent
:
2em
;
}
ul
{
margin
:
0
auto
;
padding
:
27px
0
0
0
;
list-style
:
none
;
li
.top
{
.li-txt
{
position
:
absolute
;
top
:
55%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
-o-transform
:
translateY
(
-50%
);
-ms-transform
:
translateY
(
-50%
);
left
:
20%
;
}
}
li
:nth-child
(
2
)
{
.l
{
opacity
:
0
.6
;
}
}
li
:nth-child
(
3
)
{
.l
{
opacity
:
0
.7
;
}
}
li
:nth-child
(
4
)
{
.l
{
opacity
:
0
.8
;
}
}
li
:nth-child
(
5
)
{
.l
{
opacity
:
0
.9
;
}
}
li
{
position
:
relative
;
width
:
100%
;
margin-bottom
:
30px
;
overflow
:
hidden
;
.l
{
position
:
relative
;
float
:
left
;
width
:
20%
;
opacity
:
0
.5
;
img
{
display
:
block
;
width
:
100%
;
}
span
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
-o-transform
:
translate
(
-50%
,
-50%
);
-ms-transform
:
translate
(
-50%
,
-50%
);
color
:
#fff
;
font-size
:
20px
;
text-align
:
center
;
white-space
:
nowrap
;
}
}
.li-txt
{
float
:
left
;
width
:
77%
;
margin-left
:
3%
;
div
{
font-size
:
18px
;
color
:
rgba
(
51
,
51
,
51
,
1
);
line-height
:
30px
;
}
}
}
}
}
}
.cont-right.susp
{
position
:
fixed
;
right
:
-40px
;
top
:
80px
;
}
.cont-right
{
position
:
absolute
;
top
:
150px
;
right
:
0
;
width
:
30%
;
.cont
{
width
:
200px
;
margin
:
0
auto
;
.titl
{
width
:
100%
;
height
:
73px
;
background
:
url('../../assets/images/lear-tips-mbg.png')
;
background-size
:
100%
100%
;
}
.titl
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
img
{
width
:
28px
;
height
:
28px
;
}
.txt
{
color
:
rgba
(
255
,
255
,
255
,
1
);
font-size
:
22px
;
margin-left
:
8px
;
}
}
ul
{
padding
:
0
;
li
.active
{
.name
{
color
:
#2994ea
;
}
.prog
{
.pr1
{
background
:
#2994ea
;
}
.pr2
{
background
:
#2994ea
;
}
}
}
li
{
display
:
flex
;
list-style
:
none
;
width
:
164px
;
margin
:
0
auto
20px
auto
;
cursor
:
pointer
;
.name
{
font-size
:
18px
;
color
:
#999999
;
}
.prog
{
width
:
86px
;
margin-left
:
auto
;
position
:
relative
;
margin-top
:
5px
;
.pr1
{
position
:
absolute
;
top
:
8px
;
right
:
0
;
width
:
100%
;
height
:
1px
;
background
:
#d8d8d8
;
}
.pr2
{
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
16px
;
height
:
16px
;
background
:
rgba
(
216
,
216
,
216
,
1
);
border-radius
:
50%
;
}
}
}
}
}
}
}
.exa-main
{
.tip-t
{
font-size
:
22px
;
color
:
#333333
;
}
.padd-min-tit
{
padding
:
8px
0
0
0
;
}
.min-tit
{
color
:
rgba
(
51
,
51
,
51
,
1
);
font-size
:
18px
;
margin
:
20px
0
20px
10px
;
a
{
color
:
#018aff
;
}
}
.con-mian
{
display
:
table
;
img
{
vertical-align
:
middle
;
}
}
.step1-img-w
{
img
{
width
:
30%
;
}
.step-arrow
{
width
:
5%
;
}
}
.step2-img-w
{
.step2-1
{
width
:
23
.5%
;
}
.step2-2
{
width
:
24
.5%
;
}
.step2-3
{
width
:
41
.5%
;
}
.step-arrow
{
width
:
5%
;
}
}
.step3-img-w
{
img
{
width
:
30%
;
}
.step-arrow
{
width
:
5%
;
}
}
.step4-img-w
{
img
{
width
:
21
.25%
;
}
.step-arrow
{
width
:
5%
;
}
}
.step5-img-w
{
.tip-txt
{
width
:
30%
;
color
:
rgba
(
255
,
41
,
41
,
1
);
font-size
:
18px
;
display
:
inline-block
;
}
img
{
width
:
30%
;
margin-left
:
3%
;
}
}
.step6-img-w
{
img
{
width
:
100%
;
}
}
.step7-img-w
{
.sbt
{
overflow
:
hidden
;
margin-top
:
15px
;
}
img
{
float
:
left
;
width
:
12px
;
height
:
12px
;
margin
:
7px
5px
0
0
;
}
.t
{
float
:
left
;
color
:
rgba
(
51
,
51
,
51
,
1
);
font-size
:
18px
;
}
a
{
margin-left
:
20px
;
padding-top
:
10px
;
font-size
:
18px
;
color
:
rgba
(
1
,
138
,
255
,
1
);
display
:
block
;
}
.tt
{
font-size
:
18px
;
color
:
#333333
;
margin-left
:
20px
;
line-height
:
30px
;
margin-top
:
10px
;
}
}
}
@media
screen
and
(
min-width
:
1610px
)
{
.mian
.content
.txt-cont
ul
li
.l
{
width
:
13%
;
}
.mian
.content
.txt-cont
ul
li
.li-txt
div
{
font-size
:
20px
;
}
.mian
.content
.txt-cont
ul
li
.top
.li-txt
{
left
:
13%
;
}
}
@media
screen
and
(
max-width
:
1610px
)
{
.mian
.content
.txt-cont
ul
li
.li-txt
div
{
font-size
:
16px
;
}
}
.table
{
width
:
90%
;
margin
:
20px
auto
;
border-collapse
:
collapse
;
text-align
:
center
;
td
,
th
{
padding
:
12px
;
}
}
</
style
>
src/pages/tips/examinaTipsOnLine.vue
浏览文件 @
eae482e2
<
template
>
<div
class=
"mian"
>
<
div
class=
"content fl"
>
<div
class=
"title"
>
考前须知
</div
>
<
!--
<div
class=
"title"
>
考前须知
</div>
--
>
<div
class=
"content"
>
<div
class=
"cont-left"
>
<div
class=
"h2"
>
关于高级财富管理师证书考试的有关事项通知
</div>
<div
class=
"explain"
>
<div
class=
"txt"
style=
"text-indent: 0"
>
各位学员:
</div>
<div
class=
"txt"
>
<div
class=
"h2"
>
考前须知
</div>
<p>
为确保考试顺利有序进行,现将考试有关事项公示如下。请各位考生认真阅读,明确考试规则,遵守考试纪律,做好考前准备。
</div>
</div>
</p>
<div
class=
"txt-cont"
ref=
"catalog1"
id=
"catalog1"
>
<div
class=
"tits"
>
考试时间
</div>
<p>
考试定于
<span
style=
"color: red"
>
2021年6月2
6
日 10:00—11:00
</span>
考试定于
<span
style=
"color: red"
>
2021年6月2
7
日 10:00—11:00
</span>
举行,考生务必准时参加考试。(请合理安排时间,以免错过)。
</p>
</div>
...
...
@@ -45,7 +42,7 @@
<div
class=
"txt-cont"
ref=
"catalog6"
id=
"catalog6"
>
<div
class=
"tits"
>
试考
</div>
<p>
为确保考生顺利参加考试,将提前开启考试系统帮助考生进行设备调试以及熟悉考试的流程。
</p>
<p
style=
"color: red"
>
1.试考时间:6月20日9:00-2
5
日18:00
</p>
<p
style=
"color: red"
>
1.试考时间:6月20日9:00-2
6
日18:00
</p>
<p>
2.客服答疑:试考期间每天的8:00-19:00,有任何问题可通过页面右侧在线客服寻求帮助。
</p>
<p>
3.特别提示:试考仅用于学员提前熟悉考试流程及考试系统功能,模拟试题与实际考试无关,测试结果不计入本次学习的考试成绩。
...
...
@@ -151,11 +148,10 @@
<p>
预祝大家考试顺利!
</p>
</div>
</div>
</div>
<div
:class=
"showClass"
ref=
"suspension"
>
<div
class=
"cont"
>
<div
class=
"titl"
>
<img
src=
"../../assets/images/lear-tips-micon.png"
alt=
"
"
/>
<img
src=
"../../assets/images/lear-tips-micon.png
"
/>
<div
class=
"txt"
>
目录导航
</div>
</div>
<ul>
...
...
@@ -172,6 +168,7 @@
</div>
</div>
</div>
</div>
</template>
<
script
>
...
...
@@ -221,392 +218,3 @@ export default {
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
.mian
{
padding
:
40px
;
.content
{
position
:
relative
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
6px
;
padding
:
0
40px
30px
40px
;
margin-bottom
:
20px
;
.title
{
color
:
#333333
;
font-size
:
18px
;
line-height
:
65px
;
border-bottom
:
1px
solid
rgba
(
204
,
204
,
204
,
1
);
}
.cont-txt
{
padding-bottom
:
30px
;
p
{
font-size
:
18px
;
color
:
#666666
;
line-height
:
30px
;
text-indent
:
2em
;
}
}
.new-h2
{
margin-top
:
30px
;
}
.h2
{
font-size
:
35px
;
color
:
#333333
;
text-align
:
center
;
padding
:
10px
0
;
}
.explain
{
.tits
{
font-size
:
22px
;
color
:
#333333
;
}
.txt
{
font-size
:
18px
;
color
:
rgba
(
51
,
51
,
51
,
1
);
line-height
:
40px
;
// width: 90%;
// margin: 0 auto;
text-indent
:
2em
;
}
}
.cont-left
{
width
:
75%
;
}
.txt-cont
{
margin-top
:
20px
;
.tits
{
font-weight
:
bold
;
font-size
:
22px
;
line-height
:
40px
;
width
:
100%
;
color
:
#333
;
border-bottom
:
1px
solid
#cccccc
;
padding-top
:
10px
;
}
p
{
text-align
:
justify
;
color
:
rgba
(
51
,
51
,
51
,
1
);
font-size
:
18px
;
line-height
:
35px
;
margin-top
:
15px
;
width
:
90%
;
margin
:
10px
auto
0
auto
;
text-indent
:
-0
.8em
;
}
.qr-code
{
width
:
35%
;
display
:
block
;
margin
:
0
auto
;
}
.img1
{
width
:
80%
;
display
:
block
;
margin
:
10px
auto
0
auto
;
}
.img2
{
width
:
65%
;
margin
:
10px
auto
;
display
:
block
;
}
.ind
{
text-indent
:
2em
;
}
ul
{
margin
:
0
auto
;
padding
:
27px
0
0
0
;
list-style
:
none
;
li
.top
{
.li-txt
{
position
:
absolute
;
top
:
55%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
-o-transform
:
translateY
(
-50%
);
-ms-transform
:
translateY
(
-50%
);
left
:
20%
;
}
}
li
:nth-child
(
2
)
{
.l
{
opacity
:
0
.6
;
}
}
li
:nth-child
(
3
)
{
.l
{
opacity
:
0
.7
;
}
}
li
:nth-child
(
4
)
{
.l
{
opacity
:
0
.8
;
}
}
li
:nth-child
(
5
)
{
.l
{
opacity
:
0
.9
;
}
}
li
{
position
:
relative
;
width
:
100%
;
margin-bottom
:
30px
;
overflow
:
hidden
;
.l
{
position
:
relative
;
float
:
left
;
width
:
20%
;
opacity
:
0
.5
;
img
{
display
:
block
;
width
:
100%
;
}
span
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
-o-transform
:
translate
(
-50%
,
-50%
);
-ms-transform
:
translate
(
-50%
,
-50%
);
color
:
#fff
;
font-size
:
20px
;
text-align
:
center
;
white-space
:
nowrap
;
}
}
.li-txt
{
float
:
left
;
width
:
77%
;
margin-left
:
3%
;
div
{
font-size
:
18px
;
color
:
rgba
(
51
,
51
,
51
,
1
);
line-height
:
30px
;
}
}
}
}
}
}
.cont-right.susp
{
position
:
fixed
;
right
:
-40px
;
top
:
80px
;
}
.cont-right
{
position
:
absolute
;
top
:
150px
;
right
:
0
;
width
:
30%
;
.cont
{
width
:
200px
;
margin
:
0
auto
;
.titl
{
width
:
100%
;
height
:
73px
;
background
:
url('../../assets/images/lear-tips-mbg.png')
;
background-size
:
100%
100%
;
}
.titl
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
img
{
width
:
28px
;
height
:
28px
;
}
.txt
{
color
:
rgba
(
255
,
255
,
255
,
1
);
font-size
:
22px
;
margin-left
:
8px
;
}
}
ul
{
padding
:
0
;
li
.active
{
.name
{
color
:
#2994ea
;
}
.prog
{
.pr1
{
background
:
#2994ea
;
}
.pr2
{
background
:
#2994ea
;
}
}
}
li
{
display
:
flex
;
list-style
:
none
;
width
:
164px
;
margin
:
0
auto
20px
auto
;
cursor
:
pointer
;
.name
{
font-size
:
18px
;
color
:
#999999
;
}
.prog
{
width
:
86px
;
margin-left
:
auto
;
position
:
relative
;
margin-top
:
5px
;
.pr1
{
position
:
absolute
;
top
:
8px
;
right
:
0
;
width
:
100%
;
height
:
1px
;
background
:
#d8d8d8
;
}
.pr2
{
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
16px
;
height
:
16px
;
background
:
rgba
(
216
,
216
,
216
,
1
);
border-radius
:
50%
;
}
}
}
}
}
}
}
.exa-main
{
.tip-t
{
font-size
:
22px
;
color
:
#333333
;
}
.padd-min-tit
{
padding
:
8px
0
0
0
;
}
.min-tit
{
color
:
rgba
(
51
,
51
,
51
,
1
);
font-size
:
18px
;
margin
:
20px
0
20px
10px
;
a
{
color
:
#018aff
;
}
}
.con-mian
{
display
:
table
;
img
{
vertical-align
:
middle
;
}
}
.step1-img-w
{
img
{
width
:
30%
;
}
.step-arrow
{
width
:
5%
;
}
}
.step2-img-w
{
.step2-1
{
width
:
23
.5%
;
}
.step2-2
{
width
:
24
.5%
;
}
.step2-3
{
width
:
41
.5%
;
}
.step-arrow
{
width
:
5%
;
}
}
.step3-img-w
{
img
{
width
:
30%
;
}
.step-arrow
{
width
:
5%
;
}
}
.step4-img-w
{
img
{
width
:
21
.25%
;
}
.step-arrow
{
width
:
5%
;
}
}
.step5-img-w
{
.tip-txt
{
width
:
30%
;
color
:
rgba
(
255
,
41
,
41
,
1
);
font-size
:
18px
;
display
:
inline-block
;
}
img
{
width
:
30%
;
margin-left
:
3%
;
}
}
.step6-img-w
{
img
{
width
:
100%
;
}
}
.step7-img-w
{
.sbt
{
overflow
:
hidden
;
margin-top
:
15px
;
}
img
{
float
:
left
;
width
:
12px
;
height
:
12px
;
margin
:
7px
5px
0
0
;
}
.t
{
float
:
left
;
color
:
rgba
(
51
,
51
,
51
,
1
);
font-size
:
18px
;
}
a
{
margin-left
:
20px
;
padding-top
:
10px
;
font-size
:
18px
;
color
:
rgba
(
1
,
138
,
255
,
1
);
display
:
block
;
}
.tt
{
font-size
:
18px
;
color
:
#333333
;
margin-left
:
20px
;
line-height
:
30px
;
margin-top
:
10px
;
}
}
}
@media
screen
and
(
min-width
:
1610px
)
{
.mian
.content
.txt-cont
ul
li
.l
{
width
:
13%
;
}
.mian
.content
.txt-cont
ul
li
.li-txt
div
{
font-size
:
20px
;
}
.mian
.content
.txt-cont
ul
li
.top
.li-txt
{
left
:
13%
;
}
}
@media
screen
and
(
max-width
:
1610px
)
{
.mian
.content
.txt-cont
ul
li
.li-txt
div
{
font-size
:
16px
;
}
}
.table
{
width
:
90%
;
margin
:
20px
auto
;
border-collapse
:
collapse
;
text-align
:
center
;
td
,
th
{
padding
:
12px
;
}
}
</
style
>
src/pages/tips/learningTips.vue
浏览文件 @
eae482e2
...
...
@@ -27,5 +27,4 @@ export default {
}
</
script
>
<
style
>
</
style
>
<
style
src=
"@/assets/css/xyxz.scss"
></
style
>
src/pages/tips/learningTipsOffLine.vue
浏览文件 @
eae482e2
<
template
>
<div
class=
"mian"
ref=
"catalog1"
id=
"catalog1"
>
<!--
<div
class=
"title"
>
学习须知
</div>
-->
<div
class=
"content fl"
>
<div
class=
"title"
>
学习须知
</div>
<div
class=
"cont-left"
>
<div
class=
"h2"
>
学习须知
</div>
<div
class=
"explain"
>
<div
class=
"tits"
>
尊敬的学员:
</div>
<div
class=
"txt"
>
您好!欢迎参加中国银行业协会“高级财富管理师”证书培训项目。为顺利完成学习及考试,请您阅读以下事项。
</div>
<div
class=
"txt"
>
预祝大家学习愉快,学有所获!
</div>
</div>
<p
style=
"text-indent: 0"
>
尊敬的学员:
</p>
<p>
您好!欢迎参加中国银行业协会“高级财富管理师”证书培训项目。为顺利完成学习及考试,请您阅读以下事项。
</p>
<p>
预祝大家学习愉快,学有所获!
</p>
<div
class=
"txt-cont"
ref=
"catalog2"
id=
"catalog2"
>
<div
class=
"tits"
>
班级管理
</div>
<p>
...
...
@@ -31,9 +27,13 @@
<div
class=
"tits"
>
我的学习
</div>
<p>
高级财富管理师证书学习内容包括:【教材学习】、【必修课程】、【拓展课程】,请按如下安排完成学习任务。
</p>
<p>
1.教材学习:《私人银行理论与实务》为唯一考试指定教材,请提前购买学习。
</p>
<img
src=
"../../assets/images/lear-tips-offline-code.png"
class=
"img1"
/>
<div
style=
"text-align: center"
>
<img
src=
"../../assets/images/lear-tips-code.jpg"
width=
"400"
/>
</div>
<p>
2.必修课程:
</p>
<img
src=
"https://zws-imgs-pub.ezijing.com/static/public/2de142939eab076e258c6c9debad1c92.png"
class=
"img1"
/>
<div
style=
"text-align: center"
>
<img
src=
"@/assets/images/lear-tips-plan.jpg"
/>
</div>
<p>
3.拓展课程:为帮助学员夯实金融基础,扩充财富管理知识储备,高级财富管理师证书培训项目开设丰富拓展课程,课程有效期1年,供学员考后持续学习。
</p>
...
...
@@ -42,28 +42,28 @@
<div
class=
"tits"
>
我的考试
</div>
<ul>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
考试时间:6月19日 17:00-18:00
</div>
</li>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
考试形式:现场闭卷笔试
</div>
</li>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
考试时长:60分钟
</div>
</li>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
考试题型:单选+多选+判断
</div>
</li>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
通过标准:完成面授课程,考试成绩60分以上符合认证标准予以发放证书
</div>
</li>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<div
class=
"rtxt"
>
证书发放:
邮寄证书
</div>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
证书发放:
纸质证书邮寄发放
</div>
</li>
</ul>
</div>
...
...
@@ -71,35 +71,39 @@
<div
class=
"tits"
>
证书查询
</div>
<ul>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
查询地址:
<a
href=
"http://www.ccbp.org.cn/qitachaxun"
>
http://www.ccbp.org.cn/qitachaxun
</a>
</div>
</li>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
查询方式:可通过输入姓名、证书编号或者身份证号任意两项进行查询。
</div>
</li>
</ul>
<img
src=
"../../assets/images/lear-tips-img2.png"
alt=
""
class=
"img2"
/>
<div
style=
"text-align: center"
>
<img
src=
"../../assets/images/lear-tips-img2.png"
/>
</div>
</div>
<div
class=
"txt-cont"
ref=
"catalog6"
id=
"catalog6"
>
<div
class=
"tits"
>
继续教育
</div>
<p
class=
"ind"
>
<p>
参照人社部令第25号《专业技术人员继续教育规定》和《中国银行业专业人员继续教育管理办法》,中银协“高级财富管理师”证书要求持证人员参加继续教育,在规定的周期里完成一定的继续教育学时要求,是该证书项目专业化、规范化管理的重要环节。
</p>
<p
class=
"ind"
>
<p>
根据要求,获得本证书的持证学员,自获得证书的第二年开始继续教育学习,每自然年为一个继续教育周期,每个周期累计学时数不少于90学时。其中30指定学时中在中国银行业专业人员在线教育系统完成不少于20学时,10学时可通过中国银行业专业人员在线教育系统或参加银行业监管部门、中国银行业协会及各地银行业协(学、公)会、金融机构、大专院校以及其他合格教育培训机构组织的面授课程或网络培训完成;60自学实践学时通过参加其他自学或工作实践等学习完成。中国银行业专业人员在线教育系统网址:
<a
href=
"http://ucollege.china-cbi.net/"
target=
"_blank"
>
http://ucollege.china-cbi.net/
</a
>
;也可选择移动端学习,关注微信公众号:中银协在线教育。
</p>
<p
class=
"ind"
>
<p>
持证学员累计两个周期未完成继续教育,将无法在中国银行业协会专业人员职业资格考试证书查询系统中查询到该证书,直至补齐所有继续教育学时为止。
</p>
<img
src=
"../../assets/images/lear-tips-img5.png"
class=
"img2"
/>
<img
src=
"../../assets/images/lear-tips-img3.png"
class=
"img2"
/>
<div
style=
"text-align: center"
>
<img
src=
"../../assets/images/lear-tips-img5.png"
width=
"90%"
/>
<img
src=
"../../assets/images/lear-tips-img3.png"
width=
"90%"
/>
</div>
<table
border=
"1"
class=
"table"
>
<tr>
<th>
类型
</th>
...
...
@@ -127,13 +131,13 @@
</tr>
</table>
<p
class=
"ind"
>
<p>
截至2021年3月,系统累计提供网络学习课程332门,884学时,为行业人员打造了高质量的网络学习平台。课程内容专业权威,主要围绕监管动向,银行业和金融业的行业发展热点展开,内容丰富。课程体系系统全面,包括9大核心模块,例如政策法规、个人金融、公司金融、创新业务、风险管理、通用技能和健康生活,还包括近年来行业热点私人银行与财富管理、客户服务与开发等。学员5星评价占比持续保持在90%以上,4星以上评价占比持续保持在97%以上。
</p>
</div>
<div
class=
"txt-cont"
ref=
"catalog7"
id=
"catalog7"
>
<div
class=
"tits"
>
交流平台
</div>
<p
class=
"ind"
>
<p>
【高级财富管理师俱乐部】公众号是“高级财富管理师”持证学员交流学习的平台,公众号主要有培训项目动态更新、行业资讯信息发布、行业经验分享、大咖访谈论道、优秀学员介绍以及继续教育学习等内容。
</p>
<div
style=
"text-align: center"
><img
src=
"../../assets/images/lear-tips-img4.png"
/></div>
...
...
@@ -235,208 +239,3 @@ export default {
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
.mian
{
padding
:
40px
;
.content
{
position
:
relative
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
6px
;
padding
:
0
40px
30px
40px
;
.title
{
color
:
#333333
;
font-size
:
18px
;
line-height
:
65px
;
border-bottom
:
1px
solid
rgba
(
204
,
204
,
204
,
1
);
font-weight
:
bold
;
}
.cont-txt
{
padding-bottom
:
30px
;
p
{
font-size
:
18px
;
color
:
#666666
;
line-height
:
30px
;
text-indent
:
2em
;
}
}
.h2
{
font-size
:
35px
;
color
:
#333333
;
text-align
:
center
;
padding
:
10px
0
;
font-weight
:
bold
;
}
.explain
{
.tits
{
font-size
:
22px
;
color
:
#333333
;
font-weight
:
bold
;
}
.txt
{
font-size
:
18px
;
color
:
rgba
(
51
,
51
,
51
,
1
);
line-height
:
40px
;
width
:
90%
;
margin
:
0
auto
;
}
}
.cont-left
{
width
:
75%
;
}
.txt-cont
{
margin-top
:
20px
;
.tits
{
font-size
:
22px
;
line-height
:
40px
;
width
:
100%
;
color
:
#333
;
border-bottom
:
1px
solid
#cccccc
;
font-weight
:
bold
;
}
p
{
text-align
:
justify
;
color
:
rgba
(
51
,
51
,
51
,
1
);
font-size
:
18px
;
line-height
:
40px
;
margin-top
:
10px
;
width
:
90%
;
margin
:
10px
auto
0
auto
;
}
.qr-code
{
width
:
35%
;
display
:
block
;
margin
:
0
auto
;
}
.img1
{
max-width
:
80%
;
display
:
block
;
margin
:
10px
auto
0
auto
;
}
.img2
{
width
:
90%
;
margin
:
10px
auto
;
display
:
block
;
}
.ind
{
text-indent
:
2em
;
}
ul
{
margin
:
5px
auto
;
li
{
margin-top
:
15px
;
display
:
flex
;
img
{
width
:
12px
;
height
:
12px
;
margin-top
:
8px
;
}
.rtxt
{
color
:
#333333
;
font-size
:
18px
;
margin-left
:
5px
;
a
{
color
:
#3d7ad7
;
}
}
}
}
}
.cont-right.susp
{
position
:
fixed
;
right
:
-10px
;
top
:
80px
;
}
.cont-right
{
position
:
absolute
;
top
:
80px
;
right
:
0
;
width
:
30%
;
.cont
{
width
:
200px
;
margin
:
0
auto
;
.titl
{
width
:
100%
;
height
:
73px
;
background
:
url('../../assets/images/lear-tips-mbg.png')
;
background-size
:
100%
100%
;
}
.titl
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
img
{
width
:
28px
;
height
:
28px
;
}
.txt
{
color
:
rgba
(
255
,
255
,
255
,
1
);
font-size
:
22px
;
margin-left
:
8px
;
}
}
ul
{
padding
:
0
;
li
.active
{
.name
{
color
:
#2994ea
;
}
.prog
{
.pr1
{
background
:
#2994ea
;
}
.pr2
{
background
:
#2994ea
;
}
}
}
li
{
display
:
flex
;
list-style
:
none
;
width
:
164px
;
margin
:
0
auto
20px
auto
;
cursor
:
pointer
;
.name
{
font-size
:
18px
;
color
:
#999999
;
}
.prog
{
width
:
86px
;
margin-left
:
auto
;
position
:
relative
;
margin-top
:
5px
;
.pr1
{
position
:
absolute
;
top
:
8px
;
right
:
0
;
width
:
100%
;
height
:
1px
;
background
:
#d8d8d8
;
}
.pr2
{
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
16px
;
height
:
16px
;
background
:
rgba
(
216
,
216
,
216
,
1
);
border-radius
:
50%
;
}
}
}
}
}
}
}
}
.table
{
width
:
90%
;
margin
:
20px
auto
;
border-collapse
:
collapse
;
text-align
:
center
;
td
,
th
{
padding
:
12px
;
}
}
</
style
>
src/pages/tips/learningTipsOnLine.vue
浏览文件 @
eae482e2
<
template
>
<div
class=
"mian"
ref=
"catalog1"
id=
"catalog1"
>
<
div
class=
"content fl"
>
<div
class=
"title"
>
学习须知
</div
>
<
!--
<div
class=
"title"
>
学习须知
</div>
--
>
<div
class=
"content"
>
<div
class=
"cont-left"
>
<div
class=
"h2"
>
学习须知
</div>
<div
class=
"explain"
>
<div
class=
"tits"
>
尊敬的学员:
</div>
<div
class=
"txt"
>
<p
style=
"text-indent: 0"
>
尊敬的学员:
</p>
<p>
您好!欢迎您参加中国银行业协会“高级财富管理师”证书培训项目。为顺利完成学习及考试,请您阅读以下事项。预祝大家学习愉快,学有所获!
</div>
</div>
</p>
<div
class=
"txt-cont"
ref=
"catalog2"
id=
"catalog2"
>
<div
class=
"tits"
>
班级管理
</div>
<p>
...
...
@@ -17,7 +15,9 @@
</p>
<p>
2.认真阅读“学习须知-我的学习”完整内容,提前做好个人工作及生活安排,保证充足学习及备考时间。
</p>
<p>
3.《私人银行理论与实务》为唯一考试指定教材,请提前购买学习。
</p>
<img
src=
"../../assets/images/lear-tips-code.png"
alt=
""
class=
"qr-code"
/>
<div
style=
"text-align: center"
>
<img
src=
"../../assets/images/lear-tips-code.jpg"
width=
"400"
/>
</div>
<p>
4.必修课程直播期间,请按时进入课堂,不迟到、不早退;因故不能出席者,需提前向班主任申请;必修课学习为获取证书的必要条件,缺课学员请通过课程回放完成学习,课程回放周期为30天。出于内部资料保护的考虑,必修课电子课件资料与授课演示版内容会有细微差异,请大家理解。
</p>
...
...
@@ -35,11 +35,9 @@
1.教材学习:建议学习周期4星期,请按照【我的学习-教材学习-学习计划】充分备考;学习中遇到问题,可通过【我的学习-教材学习-教材提问】上传问题,学习导师会定时予以解答。
</p>
<p>
2.必修课程:
</p>
<img
src=
"https://zws-imgs-pub.ezijing.com/static/public/2de142939eab076e258c6c9debad1c92.png"
alt=
""
class=
"img1"
/>
<div
style=
"text-align: center"
>
<img
src=
"@/assets/images/lear-tips-plan.jpg"
/>
</div>
<p>
3.拓展课程:为帮助学员夯实金融基础,扩充财富管理知识储备,高级财富管理师证书培训项目开设丰富拓展课程,课程有效期1年,供学员考后持续学习。
</p>
...
...
@@ -48,27 +46,27 @@
<div
class=
"tits"
>
我的考试
</div>
<ul>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<div
class=
"rtxt"
>
考试时间:6月2
6
日 10:00-11:00
</div>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
考试时间:6月2
7
日 10:00-11:00
</div>
</li>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
考试形式:闭卷机考,仅限电脑登陆(手机/平板电脑无法进入考试系统)
</div>
</li>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
考试时长:60分钟
</div>
</li>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
考试题型:单选+多选+判断
</div>
</li>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
通过标准:完成必修课程,考试成绩60分以上符合认证标准予以发放证书
</div>
</li>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
证书发放:纸质证书邮寄发放
</div>
</li>
</ul>
...
...
@@ -77,35 +75,39 @@
<div
class=
"tits"
>
证书查询
</div>
<ul>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
查询地址:
<a
href=
"http://www.ccbp.org.cn/qitachaxun"
>
http://www.ccbp.org.cn/qitachaxun
</a>
</div>
</li>
<li>
<img
src=
"../../assets/images/lear-tips-icon.png"
alt=
""
/>
<img
src=
"../../assets/images/lear-tips-icon.png"
/>
<div
class=
"rtxt"
>
查询方式:可通过输入姓名、证书编号或者身份证号任意两项进行查询。
</div>
</li>
</ul>
<img
src=
"../../assets/images/lear-tips-img2.png"
alt=
""
class=
"img2"
/>
<div
style=
"text-align: center"
>
<img
src=
"../../assets/images/lear-tips-img2.png"
/>
</div>
</div>
<div
class=
"txt-cont"
ref=
"catalog6"
id=
"catalog6"
>
<div
class=
"tits"
>
继续教育
</div>
<p
class=
"ind"
>
<p>
参照人社部令第25号《专业技术人员继续教育规定》和《中国银行业专业人员继续教育管理办法》,中银协“高级财富管理师”证书要求持证人员参加继续教育,在规定的周期里完成一定的继续教育学时要求,是该证书项目专业化、规范化管理的重要环节。
</p>
<p
class=
"ind"
>
<p>
根据要求,获得本证书的持证学员,自获得证书的第二年开始继续教育学习,每自然年为一个继续教育周期,每个周期累计学时数不少于90学时。其中30指定学时中在中国银行业专业人员在线教育系统完成不少于20学时,10学时可通过中国银行业专业人员在线教育系统或参加银行业监管部门、中国银行业协会及各地银行业协(学、公)会、金融机构、大专院校以及其他合格教育培训机构组织的面授课程或网络培训完成;60自学实践学时通过参加其他自学或工作实践等学习完成。中国银行业专业人员在线教育系统网址:
<a
href=
"http://ucollege.china-cbi.net/"
target=
"_blank"
>
http://ucollege.china-cbi.net/
</a
>
;也可选择移动端学习,关注微信公众号:中银协在线教育。
</p>
<p
class=
"ind"
>
<p>
持证学员累计两个周期未完成继续教育,将无法在中国银行业协会专业人员职业资格考试证书查询系统中查询到该证书,直至补齐所有继续教育学时为止。
</p>
<img
src=
"../../assets/images/lear-tips-img5.png"
class=
"img2"
/>
<img
src=
"../../assets/images/lear-tips-img3.png"
class=
"img2"
/>
<div
style=
"text-align: center"
>
<img
src=
"../../assets/images/lear-tips-img5.png"
width=
"90%"
/>
<img
src=
"../../assets/images/lear-tips-img3.png"
width=
"90%"
/>
</div>
<table
border=
"1"
class=
"table"
>
<tr>
<th>
类型
</th>
...
...
@@ -133,13 +135,13 @@
</tr>
</table>
<p
class=
"ind"
>
<p>
截至2021年3月,系统累计提供网络学习课程332门,884学时,为行业人员打造了高质量的网络学习平台。课程内容专业权威,主要围绕监管动向,银行业和金融业的行业发展热点展开,内容丰富。课程体系系统全面,包括9大核心模块,例如政策法规、个人金融、公司金融、创新业务、风险管理、通用技能和健康生活,还包括近年来行业热点私人银行与财富管理、客户服务与开发等。学员5星评价占比持续保持在90%以上,4星以上评价占比持续保持在97%以上。
</p>
</div>
<div
class=
"txt-cont"
ref=
"catalog7"
id=
"catalog7"
>
<div
class=
"tits"
>
交流平台
</div>
<p
class=
"ind"
>
<p>
【高级财富管理师俱乐部】公众号是“高级财富管理师”持证学员交流学习的平台,公众号主要有培训项目动态更新、行业资讯信息发布、行业经验分享、大咖访谈论道、优秀学员介绍以及继续教育学习等内容。
</p>
<div
style=
"text-align: center"
><img
src=
"../../assets/images/lear-tips-img4.png"
/></div>
...
...
@@ -241,208 +243,3 @@ export default {
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
.mian
{
padding
:
40px
;
.content
{
position
:
relative
;
background
:
rgba
(
255
,
255
,
255
,
1
);
border-radius
:
6px
;
padding
:
0
40px
30px
40px
;
.title
{
color
:
#333333
;
font-size
:
18px
;
line-height
:
65px
;
border-bottom
:
1px
solid
rgba
(
204
,
204
,
204
,
1
);
font-weight
:
bold
;
}
.cont-txt
{
padding-bottom
:
30px
;
p
{
font-size
:
18px
;
color
:
#666666
;
line-height
:
30px
;
text-indent
:
2em
;
}
}
.h2
{
font-size
:
35px
;
color
:
#333333
;
text-align
:
center
;
padding
:
10px
0
;
font-weight
:
bold
;
}
.explain
{
.tits
{
font-size
:
22px
;
color
:
#333333
;
font-weight
:
bold
;
}
.txt
{
font-size
:
18px
;
color
:
rgba
(
51
,
51
,
51
,
1
);
line-height
:
40px
;
width
:
90%
;
margin
:
0
auto
;
}
}
.cont-left
{
width
:
75%
;
}
.txt-cont
{
margin-top
:
20px
;
.tits
{
font-size
:
22px
;
line-height
:
40px
;
width
:
100%
;
color
:
#333
;
border-bottom
:
1px
solid
#cccccc
;
font-weight
:
bold
;
}
p
{
text-align
:
justify
;
color
:
rgba
(
51
,
51
,
51
,
1
);
font-size
:
18px
;
line-height
:
40px
;
margin-top
:
10px
;
width
:
90%
;
margin
:
10px
auto
0
auto
;
}
.qr-code
{
width
:
35%
;
display
:
block
;
margin
:
0
auto
;
}
.img1
{
width
:
80%
;
display
:
block
;
margin
:
10px
auto
0
auto
;
}
.img2
{
width
:
90%
;
margin
:
10px
auto
;
display
:
block
;
}
.ind
{
text-indent
:
2em
;
}
ul
{
margin
:
5px
auto
;
li
{
margin-top
:
15px
;
display
:
flex
;
img
{
width
:
12px
;
height
:
12px
;
margin-top
:
8px
;
}
.rtxt
{
color
:
#333333
;
font-size
:
18px
;
margin-left
:
5px
;
a
{
color
:
#3d7ad7
;
}
}
}
}
}
.cont-right.susp
{
position
:
fixed
;
right
:
-10px
;
top
:
80px
;
}
.cont-right
{
position
:
absolute
;
top
:
80px
;
right
:
0
;
width
:
30%
;
.cont
{
width
:
200px
;
margin
:
0
auto
;
.titl
{
width
:
100%
;
height
:
73px
;
background
:
url('../../assets/images/lear-tips-mbg.png')
;
background-size
:
100%
100%
;
}
.titl
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
img
{
width
:
28px
;
height
:
28px
;
}
.txt
{
color
:
rgba
(
255
,
255
,
255
,
1
);
font-size
:
22px
;
margin-left
:
8px
;
}
}
ul
{
padding
:
0
;
li
.active
{
.name
{
color
:
#2994ea
;
}
.prog
{
.pr1
{
background
:
#2994ea
;
}
.pr2
{
background
:
#2994ea
;
}
}
}
li
{
display
:
flex
;
list-style
:
none
;
width
:
164px
;
margin
:
0
auto
20px
auto
;
cursor
:
pointer
;
.name
{
font-size
:
18px
;
color
:
#999999
;
}
.prog
{
width
:
86px
;
margin-left
:
auto
;
position
:
relative
;
margin-top
:
5px
;
.pr1
{
position
:
absolute
;
top
:
8px
;
right
:
0
;
width
:
100%
;
height
:
1px
;
background
:
#d8d8d8
;
}
.pr2
{
position
:
absolute
;
top
:
0
;
right
:
0
;
width
:
16px
;
height
:
16px
;
background
:
rgba
(
216
,
216
,
216
,
1
);
border-radius
:
50%
;
}
}
}
}
}
}
}
}
.table
{
width
:
90%
;
margin
:
20px
auto
;
border-collapse
:
collapse
;
text-align
:
center
;
td
,
th
{
padding
:
12px
;
}
}
</
style
>
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论