html, body {
  height: 100%;
  padding: 0;
  margin: 0;
  background: #000;
}
canvas {
  
  width: 100%;
  height: 100%;
}
@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
  width: 20px;
  
  
  position: relative;
  top: 3px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

body {
  margin: 0;
  background: #000;
}

canvas {
   position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
canvas:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}

canvas {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #dde0e5;
  z-index: 9;
  
}

.collection {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
.collection a {
  display: block;
  padding: 5px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-decoration: none;
  font: 700 12px Consolas, system, monospace;
  transition: all 250ms linear;
}
.collection a:hover {
  background: #fff;
  color: #000;
}
.collection .prev {
  text-align: left;
  float: left;
}
.collection .next {
  text-align: right;
  float: right;
}

html,body{
    margin: 0;
    padding: 0;
}

audio{
    z-index: 5;
    position: absolute;
    bottom: 0;
    opacity: 0.1;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

div#background{
    background: url("../image/preview.jpg")no-repeat;
    -webkit-animation: dd 100s linear infinite;
    -moz-animation: dd 100s linear infinite;
    -o-animation: dd 100s linear infinite;
    animation: dd 100s linear infinite;
    background-size: cover;
}
div#midground{
    background: url("../image/preview.png");
    z-index: 1;
    -webkit-animation: cc 100s linear infinite;
    -moz-animation: cc 100s linear infinite;
    -o-animation: cc 100s linear infinite;
    animation: cc 100s linear infinite;
}
div#foreground{
    background: url("../image/preview.png");
    z-index: 2;
    -webkit-animation: cc 153s linear infinite;
    -o-animation: cc 153s linear infinite;
    -moz-animation: cc 153s linear infinite;
    animation: cc 153s linear infinite;
}
div#top{
    background: url("../image/preview.png");
    z-index: 4;
    -webkit-animation: dd 100s linear infinite;
    -o-animation: dd 100s linear infinite;
    animation: da 100s linear infinite;
}
@-webkit-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 600% 0;
    }
}
@-o-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 600% 0;
    }
}
@-moz-keyframes cc {
    from{
        background-position: 0 0;
        transform: translateY(10px);
    }
    to{
        background-position: 600% 0;
    }
}
@keyframes cc {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 600% 0;
    }
}

@keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-webkit-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-moz-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}
@-ms-keyframes da {
    0%{
        background-position: 0 0;
    }
    100%{
        background-position: 0 600%;
    }
}





@charset"utf-8";
	* {
	font-family:microsoft yahei;
	outline:0!important
}


body {
	margin:0;
	background-color:#f2f5fa
}
body.mdui-locked ,body.mdui-locked #catui-footer,body.mdui-locked #catui-header {
	-webkit-filter:blur(10px);
	filter:blur(10px)
}
.mdui-dialog-open {
	background-color:rgba(255,255,255,.7)
}
.mdui-overlay {
	background:0 0
}
:selection {
	background:#febc68;
	color:#fff
}
a,a:active,a:hover,a:link,a:visited {
	text-decoration:none
}
.catui-container {
	max-width:1100px;
	margin:auto;
	position:relative
}
.catui-container::after {
	clear:both;
	content:"";
	display:block
}
.page-navigator {
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
	color:#ddd;
	padding-bottom:20px
}
.page-navigator .next,.page-navigator .prev {
	display:none
}
.page-navigator a {
	transition:all .35s;
	color:#999;
	width:100%;
	height:100%;
	font-size:10px;
	display:block
}
.page-navigator li {
	border-radius:50%;
	width:35px;
	height:35px;
	line-height:35px;
	display:inline-block;
	margin:5px 8px
}
.page-navigator .current {
	background:#fff;
	box-shadow:1px 1px 3px 1px rgba(0,64,128,.15)
}
.biaoqing {
	margin:-5px 0 -9px!important;
	height:30px!important;
	width:30px!important;
	border:none!important;
	box-shadow:none;
	display:inline-block!important;
	background-color:transparent!important;
	float:none!important
}
.mdui-tab-full-width a {
	min-width:auto
}
.mdui-tab .mdui-tab-active {
	color:#febc68;
	position:relative
}
.mdui-tab .mdui-tab-active:after {
	content:"";
	background:#febc68;
	height:3px;
	width:100%;
	position:absolute;
	bottom:0;
	border-radius:100% 100% 0 0
}
.compensate-for-scrollbar {
	margin-right:0!important
}
#instantclick {
	display:none
}
#catui-header .mdui-fab-fixed {
	color:#fff;
	background:#febc68;
	bottom:45px;
	right:50px;
	box-shadow:0 3px 10px rgba(0,64,128,.2);
	z-index:9
}
#catui-header .header-canopy {
	margin-bottom:20px
}
#catui-header .header-canopy .header-canopy-cover {
	height:320px;
	background-size:cover;
	background-position:center
}
#catui-header .header-canopy .header-canopy-cover-bk {
	height:320px;
	position:absolute;
	top:0;
	background:rgba(0,0,0,.3);
	width:100%
}
#catui-header .header-canopy .header-canopy-menu {
	height:48px;
	background:#fff
}
#catui-header .header-canopy .header-canopy-menu .catui-container {
	margin:0 auto;
	height:100%
}
#catui-header .header-canopy .header-canopy-menu-title {
	position:absolute;
	color:#fff;
	bottom:70px;
	line-height:30px;
	font-size:1.5em;
	right:0;
	text-align:center;
	width:260px
}
#catui-header .header-canopy .header-canopy-menu-description {
	position:absolute;
	padding:0 15px;
	line-height:50px;
	bottom:0;
	color:#5a5f69;
	left:160px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-transform:none;
	max-width:calc(100% - 230px)
}
#catui-header .header-canopy .header-canopy-menu-avatar {
	transition:all .05s;
	position:absolute;
	bottom:115px;
	right:60px;
	height:140px;
	width:140px;
	border-radius:100%;
	background:#fff;
	box-shadow:0 1px 10px rgba(0,64,128,.1)
}
#catui-header .header-canopy .header-canopy-menu-avatar:active {
	transform:scale(.9);
	box-shadow:0 0 100px 20px #fff
}
#catui-header .header-canopy .header-canopy-menu-avatar a {
	display:block;
	width:100%;
	height:100%
}
#catui-header .header-canopy .header-canopy-menu-avatar a img {
	display:block;
	width:100%;
	height:100%;
	border-radius:100%;
	border:5px solid #fff;
	box-sizing:border-box
}
#catui-header .header-canopy .header-canopy-menu-content {
	width:260px;
	position:absolute!important;
	right:0;
	text-align:center;
	top:0;
	padding:0
}
#catui-header .header-canopy .header-canopy-menu-btn {
	height:60px;
	line-height:56px;
	width:60px;
	text-align:center;
	color:#5a5f69;
	background:#fff;
	border-radius:100%;
	box-shadow:0 1px 10px rgba(0,64,128,.1);
	display:inline-block;
	margin:0 3px;
	vertical-align:unset
}
#catui-header .header-canopy .mdui-fab .mdui-icon {
	margin-top:17px;
	margin-left:17px
}
#catui-header .header-canopy .mdui-fab-dial {
	bottom:auto;
	top:70px;
	left:auto;
	right:55px;
	position:absolute;
	background:#fff;
	width:150px;
	box-shadow:0 2px 15px rgba(0,64,128,.2);
	z-index:2;
	border-radius:5px
}
#catui-header .header-canopy .mdui-fab-dial::before {
	content:" ";
	height:10px;
	width:150px;
	position:absolute;
	top:-10px;
	left:0;
	z-index:3
}
#catui-header .header-canopy .mdui-fab-dial-show {
	animation-name:menu-nav-appear;
	animation-duration:.35s
}
#catui-header .header-canopy .mdui-fab-dial a {
	display:none;
	width:150px;
	margin:0;
	line-height:50px!important;
	text-align:center;
	font-size:1em;
	color:#5a5f69;
	box-sizing:border-box;
	border-radius:0;
	box-shadow:none;
	height:50px;
	-webkit-transform:scale(1);
	transform:scale(1)
}
#catui-header .header-canopy .mdui-fab-dial-show a {
	display:block
}
#catui-header .header-canopy .header-canopy-menu-content .header-canopy-menu-nav {
	display:none
}
@keyframes menu-nav-appear {
	0% {
	transform:translateY(-15px);
	opacity:0
}
}#catui-header .header-canopy .header-canopy-menu-nav a:first-child {
	border-radius:5px 5px 0 0
}
#catui-header .header-canopy .header-canopy-menu-nav a:last-child {
	border-radius:0 0 5px 5px
}
#catui-header .nav-appear .header-menu {
	transition:width .35s;
	width:260px
}
#catui-header .nav-appear .header-btn {
	right:280px
}
#catui-header .nav-appear .header-btn::before {
	content:"\e082";
	font-family:simple-line-icons
}
#catui-header .nav-hid .header-menu {
	transition:width .35s;
	width:0
}
#catui-header .nav-hid .header-btn::before {
	content:"\e601";
	font-family:simple-line-icons
}
 article .link-area {
	font-size:0;
	margin-left:-4px;
	width:calc(100% + 8px)
}
 article .link-area a {
	border:none!important;
	width:calc(12.5% - 8px);
	margin:4px;
	box-sizing:border-box;
	display:inline-block;
	border-radius:3px;
	background:#fff;
	box-shadow:0 0 0 1px #eee
}
 article .link-area a::after, article .link-area a::before {
	display:none
}
 article .link-area img {
	width:100%;
	margin:0;
	border-radius:3px 3px 0 0;
	box-shadow:none
}
 article .link-area p {
	width:100%;
	margin:0!important;
	font-size:14px;
	padding:8px;
	text-align:center;
	box-sizing:border-box;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-transform:none;
	color:#5a5f69
}
 .catui-primary {
	float:left;
	width:calc(100% - 280px);
	animation:.8s both loading-l;

}
 .catui-secondary {
	float:right;
	width:260px;
	color:#5a5f69
}
 .catui-secondary .catui-item {
	margin-bottom:20px
}
 .catui-secondary .catui-item.disappear {
	display:none
}
 .catui-secondary .catui-item.sider-fixed {
	position:fixed;
	bottom:0;
	width:260px;
	max-height:calc(80vh - 40px);
	overflow-y:auto;
	animation-name:sider-fixed;
	animation-duration:.5s;
	transform-origin:bottom;
	z-index:9999;
	box-shadow:0 3px 35px 3px rgba(0,64,128,.3)
}
@keyframes sider-fixed {
	0% {
	transform:translateY(30px);
	opacity:0
}
} .catui-secondary .sider-header {
	position:relative;
	padding:14px 10px 10px;
	border-bottom:1px solid #eee
}
 .catui-secondary .sider-header .sider-title {
	font-size:1.2em
}
 .catui-secondary .sider-header .sider-title:before {
	font-family:simple-line-icons;
	content:"\e02d";
	height:29px;
	line-height:29px;
	width:29px;
	text-align:center;
	margin-top:-3px;
	margin-right:5px;
	vertical-align:middle;
	display:inline-block;
	font-size:15px;
	color:#fff;
	border-radius:100%;
	background:#febc68
}
 .catui-secondary .sider-header .sider-close {
	height:29px;
	line-height:29px;
	width:29px;
	text-align:center;
	color:#fff;
	border-radius:100%;
	background:#febc68;
	position:absolute;
	right:10px;
	top:9px;
	display:none
}
 .catui-secondary .sider-header .sider-close:before {
	font-family:simple-line-icons;
	content:"\e082";
	font-size:15px
}
 .catui-secondary .catui-item.sider-fixed .sider-header .sider-close {
	display:block
}
 .catui-secondary .sider-content {
	padding:10px;
	font-size:0
}
 .catui-secondary .sider-content h2 {
	color:#5a5f69;
	font-size:16px;
	font-weight:400;
	text-shadow:0 0;
	letter-spacing:.2em;
	margin:10px 0;
	text-align:center;
	text-transform:uppercase
}
 .catui-secondary .sider-content h2:first-child {
	margin-top:0
}
 .catui-secondary .sider-content img {
	margin:auto;
	max-width:100%;
	display:block;
	border:1px solid #eee;
	border-radius:10px;
	background-color:#f8f8f8;
	box-sizing:border-box
}
 .catui-secondary #sider-tagscloud .sider-content a {
	border-radius:10px;
	border:1px solid;
	box-shadow:none;
	display:inline-block;
	font-size:13px;
	margin:0 5px 5px 0;
	padding:0 8px;
	line-height:26px;
	transition:all .35s
}
 .catui-secondary #sider-tagscloud .sider-content a:nth-child(8n+1) {
	color:#ff6e71
}
 .catui-secondary #sider-tagscloud .sider-content a:nth-child(8n+2) {
	color:#ffaa73
}
 .catui-secondary #sider-tagscloud .sider-content a:nth-child(8n+3) {
	color:#fed466
}
 .catui-secondary #sider-tagscloud .sider-content a:nth-child(8n+4) {
	color:#3cdc82
}
 .catui-secondary #sider-tagscloud .sider-content a:nth-child(8n+5) {
	color:#64dcf0
}
 .catui-secondary #sider-tagscloud .sider-content a:nth-child(8n+6) {
	color:#64b9ff
}
 .catui-secondary #sider-tagscloud .sider-content a:nth-child(8n+7) {
	color:#b4b4ff
}
 .catui-secondary #sider-tagscloud .sider-content a:nth-child(8n+8) {
	color:#febc68
}
 .catui-secondary #sider-tagscloud .sider-content a:hover {
	background:#febc68;
	color:#fff;
	border-color:#febc68
}
 .catui-secondary #sider-category .sider-content, .catui-secondary #sider-comments .sider-content, .catui-secondary #sider-dairy .sider-content {
	padding:0
}
 .catui-secondary #sider-category .sider-content a, .catui-secondary #sider-comments .sider-content a, .catui-secondary #sider-dairy .sider-content a {
	display:block;
	width:100%;
	padding:15px 10px;
	font-size:16px;
	color:#5a5f69;
	box-sizing:border-box;
	border-bottom:1px solid #eee
}
 .catui-secondary #sider-comments .sider-content a, .catui-secondary #sider-dairy .sider-content a {
	padding:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
 .catui-secondary #sider-comments .sider-content a img, .catui-secondary #sider-dairy .sider-content a img {
	margin-top:10px
}
 .catui-secondary #sider-category .sider-content a {
	letter-spacing:.3em
}
 .catui-secondary #sider-category .sider-content a:before {
	content:"";
	margin-right:34px
}
 .catui-secondary #sider-category .sider-content a:last-child, .catui-secondary #sider-comments .sider-content a:last-child, .catui-secondary #sider-dairy .sider-content a:last-child {
	border-bottom:none
}
 .catui-secondary #sider-dairy .sider-content a img  .catui-secondary #sider-comments .sider-content a img {
	margin-top:10px
}
 .catui-secondary #sider-search .sider-content form {
	width:100%;
	position:relative
}
 .catui-secondary #sider-search .sider-content form::after {
	content:"";
	clear:both;
	display:block
}
 .catui-secondary #sider-search .sider-content {
	padding:0
}
 .catui-secondary #sider-search .sider-content form input {
	width:calc(100% - 50px);
	padding:10px 15px;
	float:left;
	box-sizing:border-box;
	height:50px;
	border:none;
	-webkit-appearance:none;
	font-size:17px
}
 .catui-secondary #sider-search .sider-content form button {
	float:right;
	min-width:50px;
	height:50px;
	font-size:17px;
	padding:0
}
 .catui-secondary .sider-content .cat .cat-header {
	height:85px;
	position:relative;
	background:#febc68
}
 .catui-secondary .sider-content .cat .cat-header::after {
	content:'';
	box-shadow:rgba(0,0,0,.2) 0 0 8px;
	width:calc(100% + 200px);
	height:200px;
	background:#fff;
	left:-100px;
	bottom:-180px;
	border-radius:100%;
	position:absolute;
	z-index:1
}
 .catui-secondary .sider-content .cat .cat-header div {
	position:absolute;
	width:90px;
	height:60px;
	background:#fff;
	z-index:1;
	bottom:-15px;
	box-shadow:0 0 25px rgba(0,0,0,.1);
	cursor:pointer
}
 .catui-secondary .sider-content .cat .cat-header .cat-ear-left {
	left:-5px;
	transform:rotate(-30deg);
	border-radius:100% 10% 0 0
}
 .catui-secondary .sider-content .cat .cat-header .cat-ear-right {
	right:-5px;
	transform:rotate(30deg);
	border-radius:10% 100% 0 0
}
 .catui-secondary .sider-content .cat .cat-body {
	background:#fff;
	z-index:1;
	position:relative;
	overflow:hidden;
	padding:20px
}
 .catui-secondary .sider-content .cat .cat-body::after {
	content:"";
	clear:both;
	display:block
}
 .catui-secondary .sider-content .cat .cat-body a {
	color:#5a5f69;
	float:left;
	width:calc(25% - 4px);
	height:51px;
	display:block;
	font-size:23px;
	line-height:51px;
	text-align:center;
	border-radius:100%;
	margin:2px
}
 .catui-secondary .sider-content .comment-OwO-body {
	overflow-y:auto;
	max-height:266px
}
 .catui-secondary .sider-content .comment-OwO-body::-webkit-scrollbar {
	width:10px;
	height:10px
}
 .catui-secondary .sider-content .comment-OwO-body::-webkit-scrollbar-thumb {
	border-radius:10px;
	background-color:#888
}
 .catui-secondary .sider-content .comment-OwO-body a {
	transition:background .35s;
	cursor:pointer;
	padding:4px;
	height:30px;
	width:30px;
	border-radius:4px;
	display:inline-block
}
 .catui-secondary .sider-content .comment-OwO-body a img {
	width:100%;
	height:100%;
	border:none;
	background-color:transparent
}
 .catui-secondary .sider-content p {
	font-size:14px;
	margin:0
}
 .catui-secondary #sider-copyright {
	background:0 0;
	box-shadow:none
}
 .catui-secondary #sider-copyright .sider-content {
	color:#000;
	font-size:14px;
	padding-top:0;
	text-align:center
}
 .catui-secondary #sider-copyright .sider-content a {
	color:#666;
	font-size:14px
}
 .detail .detail-header {
	position:relative;
	padding-bottom:50px
}
 .detail .detail-header .detail-background {
	height:320px;
	width:100vw;
	background-size:cover;
	background-position:center;
	position:relative;
	margin-top:-120px;
	margin-left:-160px;
	-webkit-filter:blur(10px);
	filter:blur(10px)
}
 .detail .detail-header .detail-background::after {
	background-image:-moz-linear-gradient(to top,rgba(10,17,25,.2) 10%,rgba(10,17,25,0) 100%);
	background-image:-webkit-linear-gradient(to top,rgba(10,17,25,.2) 10%,rgba(10,17,25,0) 100%);
	background-image:-ms-linear-gradient(to top,rgba(10,17,25,.2) 10%,rgba(10,17,25,0) 100%);
	background-image:linear-gradient(to top,rgba(10,17,25,.2) 10%,rgba(10,17,25,0) 100%);
	-moz-pointer-events:none;
	-webkit-pointer-events:none;
	-ms-pointer-events:none;
	pointer-events:none;
	background-size:cover;
	content:'';
	display:block;
	height:3.55em;
	left:0;
	position:absolute;
	bottom:0;
	width:100%
}
 .detail .detail-header .detail-logo {
	position:absolute;
	bottom:15px;
	left:15px
}
 .detail .detail-header .detail-logo img {
	border-radius:100%;
	height:108px;
	width:108px;
	border:4px solid #fff;
	background:#fff;
	display:block;
	box-sizing:border-box;
	box-shadow:0 0 0 1px #eee
}
 .detail .detail-header .detail-title {
	position:absolute;
	left:0;
	padding:10px 15px;
	line-height:34px;
	bottom:54px;
	color:#fff;
	font-size:1.4em
}
 .detail .detail-header .detail-title a {
	font-size:1em;
	background:rgba(255,255,255,.7);
	border-radius:3px;
	padding:4px 8px 3px;
	box-sizing:inherit;
	box-shadow:none;
	color:#5a5f69
}
 .detail .detail-header .detail-intro {
	position:absolute;
	left:0;
	max-width:100%;
	padding:10px 15px;
	line-height:30px;
	box-sizing:border-box;
	background:#fff;
	min-width:100%
}
 .detail .detail-header .detail-intro .detail-intro-meta {
	padding:0;
	margin:0;
	list-style-type:none;
	overflow-y:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	box-sizing:border-box
}
 .detail .detail-header .detail-intro .detail-intro-meta li, .detail .detail-header .detail-intro .detail-intro-meta li a {
	display:inline-block;
	color:#444
}
 .detail .detail-header .detail-intro .detail-intro-meta li::before {
	content:"";
	margin:0 10px 0 5px;
	width:4px;
	height:4px;
	background:#444;
	text-align:center;
	border-radius:100%;
	vertical-align:middle;
	display:inline-block;
	margin-top:-3px
}
 .detail .detail-header .detail-intro .detail-intro-meta li:first-child::before {
	display:none
}
 .detail .detail-content {
	margin:15px 30px 30px
}
 .catui-border {
	width:calc(100% + 30px);
	height:2px;
	margin-left:-15px;
	font-size:0;
	position:relative;
	margin-bottom:50px;
	margin-top:-5px
}
 .catui-border div {
	width:12.5%;
	height:100%;
	display:inline-block
}
 .catui-border div:nth-child(8n+1) {
	background:#ff6e71
}
 .catui-border div:nth-child(8n+2) {
	background:#ffaa73
}
 .catui-border div:nth-child(8n+3) {
	background:#fed466
}
 .catui-border div:nth-child(8n+4) {
	background:#3cdc82
}
 .catui-border div:nth-child(8n+5) {
	background:#64dcf0
}
 .catui-border div:nth-child(8n+6) {
	background:#64b9ff
}
 .catui-border div:nth-child(8n+7) {
	background:#b4b4ff
}
 .catui-border div:nth-child(8n+8) {
	background:#febc68
}
 .catui-item {
	box-shadow:0 3px 20px -3px rgba(0,64,128,.2);
	overflow:hidden;
	border-radius:10px;
	
	margin-bottom:20px;
}
 .catui-item-notfound {
	position:relative
}
 .catui-item-notfound img {
	display:block;
	max-width:300px;
	margin:100px auto 30px
}
 .catui-item-notfound h1 {
	font-size:1.5rem;
	color:#3e4146;
	margin-bottom:100px;
	text-align:center
}
 .catui-item-notfound h1 a {
	color:#febc68;
	border-bottom:2px solid
}
 .catui-item-notfound .dots .dot {
	position:absolute;
	border-radius:100%
}
 .catui-item-notfound .dots .dot:nth-of-type(1) {
	top:-190px;
	right:-190px;
	width:380px;
	height:380px;
	background-color:#689bf6;
	-webkit-animation:float 6s ease-in-out infinite;
	-moz-animation:float 6s ease-in-out infinite;
	-o-animation:float 6s ease-in-out infinite;
	animation:float 6s ease-in-out infinite
}
 .catui-item-notfound .dots .dot:nth-of-type(2) {
	bottom:-120px;
	left:-120px;
	width:240px;
	height:240px;
	background-color:#f66867;
	-webkit-animation:float 8s ease-in-out infinite;
	-moz-animation:float 8s ease-in-out infinite;
	-o-animation:float 8s ease-in-out infinite;
	animation:float 8s ease-in-out infinite
}
 .catui-item-notfound .dots .dot:nth-of-type(3) {
	bottom:-50px;
	right:-50px;
	width:100px;
	height:100px;
	background-color:#ffd84c;
	-webkit-animation:float 4s ease-in-out infinite;
	-moz-animation:float 4s ease-in-out infinite;
	-o-animation:float 4s ease-in-out infinite;
	animation:float 4s ease-in-out infinite
}
@keyframes float {
	0% {
	transform:translatey(0);
	transform:translatex(0)
}
50% {
	transform:translatey(-30px);
	transform:translatex(20px)
}
100% {
	transform:translatey(0);
	transform:translatex(0)
}
} .catui {
	padding:15px;
	z-index:  10;
	position: relative;
	
	width: 1240px;
	
	margin: 0 auto;
}
 .catui .catui-block {
	margin-bottom: 15px;
	opacity:  1;
	border: 1px solid #e3e3e3;
	padding: 20px 20px 5px 20px;
	border-radius: 10px;
	background: rbg(222,112,211.1);
	background: rgba(255, 255, 255, 0.4);
}
 .catui .catui-block:last-child {
	margin-bottom:0
}
 .catui .catui-block .catui-block-cover {
	display:block;
	min-height:60px
}
 .catui .catui-block .cover {
	position:relative;
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 0 0 1px #eee
}
 .catui .catui-block .cover img {
	width:100%;
	display:block
}
 .catui .catui-block .cover .title:after {
	background-image:-moz-linear-gradient(to top,rgba(10,17,25,.2) 10%,rgba(10,17,25,0) 100%);
	background-image:-webkit-linear-gradient(to top,rgba(10,17,25,.2) 10%,rgba(10,17,25,0) 100%);
	background-image:-ms-linear-gradient(to top,rgba(10,17,25,.2) 10%,rgba(10,17,25,0) 100%);
	background-image:linear-gradient(to top,rgba(10,17,25,.2) 10%,rgba(10,17,25,0) 100%);
	-moz-pointer-events:none;
	-webkit-pointer-events:none;
	-ms-pointer-events:none;
	pointer-events:none;
	background-size:cover;
	content:'';
	display:block;
	height:100%;
	left:0;
	position:absolute;
	bottom:0;
	width:100%;
	z-index:-1
}
 .catui .catui-block .cover p {
	width:100%;
	margin:0;
	display:block;
	color:#fff;
	height:260px
}
 .catui .catui-block .cover .title {
	position:absolute;
	bottom:0;
	padding:15px;
	color:#fff;
	font-size:2em;
	width:100%;
	box-sizing:border-box;
	text-transform:none;
	z-index:1
}
 .catui .catui-block .catui-block-meta {
	padding:15px 0;
	 */
	opacity:;
}
 .catui .catui-block .catui-block-meta a {
	padding: 5px 0px 10px 8px;
	color: #000;
	font-size: 15px;
	border-radius:18px;
	display:inline-block;
	margin-bottom:5px;
	opacity: .81;
	 */
	width:;
	display: inline-block;
	width: 131px;
	height: 20px;
	margin-right: 2px;
	overflow:  hidden;
	line-height: 25px;
}
 .catui .catui-block .catui-block-meta a:nth-child(8n+1) {
	background-color:#ff6e71;
}
 .catui .catui-block .catui-block-meta a:nth-child(8n+2) {
	background-color:#ffaa73
}
 .catui .catui-block .catui-block-meta a:nth-child(8n+3) {
	background-color:#fed466
}
 .catui .catui-block .catui-block-meta a:nth-child(8n+4) {
	background-color:#3cdc82
}
 .catui .catui-block .catui-block-meta a:nth-child(8n+5) {
	background-color:#64dcf0
}
 .catui .catui-block .catui-block-meta a:nth-child(8n+6) {
	background-color:#64b9ff
}
 .catui .catui-block .catui-block-meta a:nth-child(8n+7) {
	background-color:#b4b4ff
}
 .catui .catui-block .catui-block-meta a:nth-child(8n+8) {
	background-color:#febc68
}
 .catui .catui-block .catui-block-content {
	margin-top:-30px;
	padding:0 2px
}
 .catui .catui-block .catui-block-content .more {
	display:none
}
 .catui-item article p {
	line-height:20px
}
 .detail article p {
	margin:20px 0
}
 .pages {
	background:#f5f6f9;
	max-width:100%;
	padding:15px 0;
	margin:0;
	margin-top:18px
}
 .cc {
	padding:4px;
	color:#fff;
	background:rgba(244,167,185,.8);
	text-align:center
}
 .cc a {
	color:#fff;
	text-decoration:underline;
	padding:0 3px
}
 .detail-others {
	position:relative;
	margin:20px
}
 .detail .detail-header .detail-others {
	position:absolute;
	left:0;
	max-width:100%;
	margin:12px;
	width:calc(100% - 24px)
}
 .detail-others a {
	height:30px;
	border-radius:6px;
	display:inline-block;
	line-height:30px;
	font-size:15px;
	text-align:center
}
 .detail-others-share {
	position:absolute;
	right:0;
	top:0;
	background:#fff
}
 .detail-others-share a {
	width:30px;
	color:#fff;
	cursor:pointer
}
 .detail-others-share .fa-usd {
	background:#fff;
	color:#f3cb62;
	width:21px;
	height:21px;
	display:inline-block;
	border-radius:100%;
	line-height:21px;
	font-style:normal
}
 .detail-others-share .icon-screen-smartphone {
	margin-top:-4px;
	vertical-align:middle;
	display:inline-block
}
 .detail-others-tags {
	display:block;
	width:calc(100% - 160px);
	overflow:hidden;
	height:30px
}
 .detail-others-tags a {
	transition:all .35s;
	background:#fff2f2;
	color:#febc68;
	padding:0 8px
}
 .detail-others-tags a::before {
	content:"#"
}
 .detail-others-tags a:hover {
	transition:all .35s;
	color:#fff;
	background:#febc68
}
 .detail-others-tags a.btn {
	color:#fff;
	background:#febc68
}
 .detail-others-tags a.btn::before {
	display:none
}
#comments .comment h1 {
	text-align:center;
	color:#7a7b7c;
	margin:35px
}
#comments .comment h1::before {
	margin-top:-9px;
	vertical-align:middle;
	display:inline-block
}
#comments .comment .comment-respond .comment-form {
	font-size:0;
	overflow:hidden;
	box-shadow:0 0 0 1px #f5f6f9;
	position:relative
}
#comments .comment .comment-respond .comment-form textarea {
	transition:all .35s;
	resize:none;
	border:none;
	padding:10px;
	padding-bottom:40px;
	font-size:15px;
	width:100%;
	height:100px;
	color:#5b6064;
	box-sizing:border-box
}
#comments .comment .comment-respond .comment-form .comment-form-tab {
	height:30px;
	position:absolute;
	right:0;
	top:69px;
	width:100%;
	background:#fff;
	border-top:1px solid #f5f6f9;
	box-sizing:border-box
}
#comments .comment .comment-respond .comment-form .comment-form-tab a {
	height:26px;
	line-height:26px;
	text-align:center;
	margin:2px 5px;
	width:26px;
	border-radius:100%;
	display:inline-block;
	font-size:16px;
	color:#5a5f69
}
#comments .comment .comment-respond .comment-form .comment-form-tab a:first-child {
	margin-left:10px
}
#comments .comment .comment-respond .comment-form .comment-form-tab button {
	position:absolute;
	height:50px;
	border-radius:100%;
	width:50px;
	border:none;
	background:#febc68;
	color:#fff;
	right:15px;
	top:-25px;
	box-shadow:0 2px 6px rgba(0,64,128,.2);
	display:-webkit-box!important;
	display:-ms-flexbox!important;
	display:flex!important;
	-webkit-box-align:center!important;
	-ms-flex-align:center!important;
	align-items:center!important;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
#comments .comment .comment-respond .comment-form .comment-form-tab button .mdui-spinner-layer {
	border-color:#fff
}
#comments .comment .comment-respond .comment-form input {
	background:#fff;
	padding:8px 10px;
	border:none;
	font-size:14px;
	width:33.33333333333333%;
	box-sizing:border-box;
	border-right:1px solid #f5f6f9;
	border-top:1px solid #f5f6f9
}
#comments .comment .comment-respond .comment-form input:last-child {
	border-right:none
}
#comments .comment .comment-list {
	list-style:none;
	margin:0;
	background:#fff;
	padding:0
}
#comments .comment .comment-list .comment-list {
	margin-top:15px
}
#comments .comment .comment-list li {
	padding:15px;
	border-bottom:1px solid #eee
}
#comments .comment .comment-list li:last-child {
	border-bottom:none
}
#comments .comment .comment-list li:last-child .comment-time::after {
	display:none
}
#comments .comment .comment-list .comment-children {
	margin-left:64px
}
#comments .comment .comment-list .comment-children .comment-children {
	margin-left:0
}
#comments .comment .comment-list .comment-children li {
	border-right:none;
	padding:0;
	padding-top:15px;
	margin-top:0;
	border:none
}
#comments .comment .comment-list .comment-children li:first-child {
	padding-top:0;
	margin-top:0;
	padding-bottom:0
}
#comments .comment .comment-view {
	position:relative
}
#comments .comment .comment-view .comment-header {
	float:left;
	font-size:0;
	display:block
}
#comments .comment .comment-view .comment-header img {
	height:55px;
	width:55px;
	border-radius:100%;
	box-sizing:border-box;
	background:#fff;
	box-shadow:0 0 0 1px #f5f6f9
}
#comments .comment .comment-content {
	display:inline-block;
	min-height:50px;
	margin-left:8px;
	max-width:calc(100% - 63px)
}
#comments .comment .comment-content .comment-text {
	margin:0;
	font-size:16px;
	word-wrap:break-word;
	float:left;
	margin-bottom:10px
}
#comments .comment .comment-content .comment-text img {
	margin-top:auto;
	border-radius:3px;
	max-width:100%;
	border:1px solid #eee;
	box-sizing:border-box;
	float:left;
	width:calc(25% - 4px);
	margin-right:6px;
	display:block
}
#comments .comment .comment-content .at {
	transition:all .35s;
	color:#999
}
#comments .comment .comment-content .at:hover {
	color:#febc68
}
#comments .comment .comment-content .comment-meta {
	font-size:15px;
	margin-bottom:8px;
	height:26px;
	line-height:30px
}
#comments .comment .comment-content .comment-meta span {
	float:left;
	border-radius:10px;
	padding:2px 8px;
	color:#fff;
	display:inline-block;
	line-height:22px;
	margin-bottom:4px;
	margin-right:8px
}
#comments .comment .comment-content .comment-author a,#comments .comment .comment-content .comment-meta span a {
	color:#fff
}
#comments .comment .comment-content .comment-meta .comment-author {
	background:#febc68
}
#comments .comment .comment-content .comment-meta .comment-class {
	background:#72afeb
}
#comments .comment .comment-content .comment-meta .comment-time {
	background:#fed466
}
#comments .comment .comment-content .comment-meta .comment-time p {
	margin:0;
	display:inline-block
}
#comments .comment .comment-content .comment-meta .comment-os {
	background:#64b9ff
}
#comments .comment .comment-content .comment-meta .comment-browser {
	background:#ffaa73
}
#comments .comment .comment-content .comment-meta .comment-reply {
	background:#fa6c6f
}
#comments .comment .comment-list .cancel-comment-reply {
	text-align:right;
	margin-bottom:10px;
	margin-top:-20px
}
#comments .comment .comment-list .cancel-comment-reply #cancel-comment-reply-link {
	border-radius:3px;
	padding:4px 20px;
	color:#fff;
	font-size:12px;
	background:#fa6c6f;
	position:relative
}
#comments .page-navigator {
	padding:10px;
	border-top:1px solid #eee
}
#comments.diary {
	overflow:hidden;
	padding:0 10px
}
#comments.diary .comment .comment-respond,#comments.diary .comment h1 {
	display:none
}
 .haslogin #comments .comment .comment-respond,#comments.diary .comment .comment-list .comment-respond {
	display:block
}
#comments.diary .comment .comment-content .comment-meta .comment-author,#comments.diary .comment .comment-view .comment-header {
	display:none
}
#comments.diary .comment .comment-children .comment-content .comment-meta .comment-author,#comments.diary .comment .comment-children .comment-view .comment-header {
	display:inline-block
}
#comments.diary .comment .comment-list {
	background-color:transparent;
	margin-top:0
}
#comments.diary .comment .comment-list li {
	margin-top:20px;
	border:none;
	padding:0;
	padding-bottom:13px
}
#comments.diary .comment .comment-list .comment-children li {
	box-shadow:none
}
#comments.diary .comment .comment-respond .comment-form {
	overflow:hidden;
	border-radius:10px;
	background-color:#fff;
	border:none;
	margin-top:10px
}
#comments.diary .comment .comment-respond .comment-form textarea {
	height:260px
}
#comments.diary .comment .comment-list .comment-respond .comment-form textarea {
	height:100px
}
#comments.diary .comment .comment-form .comment-form-tab {
	top:229px
}
#comments.diary .comment .comment-list .comment-form .comment-form-tab {
	top:69px
}
#comments.diary .comment .comment-content .comment-meta .comment-time {
	width:60px;
	height:60px;
	padding:0;
	border-radius:100%;
	position:unset;
	border:3px solid #fff;
	overflow:hidden;
	box-shadow:0 0 0 1px #fed466
}
#comments.diary .comment .comment-content .comment-meta .comment-time::after {
	content:"";
	height:100vh;
	width:2px;
	background-color:#fed466;
	position:absolute;
	left:32px;
	top:67px
}
#comments.diary .comment .comment-content .comment-meta .comment-time p {
	width:100%;
	line-height:30px;
	text-align:center
}
#comments.diary .comment .comment-content .comment-meta .comment-time p:last-child {
	background:#fff0c9;
	color:#8e8b8b
}
#comments.diary .comment .comment-children .comment-content .comment-meta .comment-time {
	width:auto;
	height:auto;
	border-radius:10px;
	padding:2px 8px;
	border:none;
	overflow:hidden;
	box-shadow:none
}
#comments.diary .comment .comment-children .comment-content .comment-meta .comment-time::after {
	display:none
}
#comments.diary .comment .comment-children .comment-content .comment-meta .comment-time p {
	width:auto;
	line-height:normal
}
#comments.diary .comment .comment-children .comment-content .comment-meta .comment-time p:last-child {
	background:0 0;
	color:#fff
}
#comments.diary .comment .comment-content .comment-text {
	margin-left:73px;
	border-radius:10px;
	background-color:#f7f7f7;
	padding:12px;
	float:unset
}
#comments.diary .comment .comment-children .comment-content .comment-text {
	margin-left:0;
	box-shadow:none;
	padding:0;
	float:left;
	margin-bottom:10px
}
#comments.diary .page-navigator {
	border:none
}
#comments.diary .comment .comment-content {
	margin-left:0;
	max-width:100%;
	width:100%;
	position:relative;
	margin-bottom:-12px
}
#comments.diary .comment .comment-children .comment-content {
	margin-left:8px;
	max-width:calc(100% - 63px)
}
#comments.diary .comment .comment-list .comment-children {
	border-radius:10px;
	padding:15px;
	background-color:#f7f7f7;
	margin-left:73px;
	margin-top:10px
}
#catui-footer .btn-top {
	width:60px;
	height:60px;
	line-height:60px!important;
	color:#fff;
	background:#febc68;
	text-align:center;
	position:fixed;
	bottom:50px;
	right:120px;
	z-index:999;
	border-radius:100%;
	font-size:26px!important
}
#catui-footer .nav-button {
	width:60px;
	height:60px;
	line-height:60px!important;
	color:#fff;
	background:#febc68;
	text-align:center;
	position:fixed;
	top:calc(100vh - 30px);
	right:120px;
	z-index:999;
	border-radius:100%;
	font-size:26px!important
}
#catui-footer .footer {
	background:#fff;
	color:#5a5f69
}
#catui-footer .footer .copyright {
	text-align:center;
	padding:15px;
	box-sizing:border-box;
	margin:0 auto
}
@keyframes loading-l {
	0% {
	transform:translateY(30px)
}
100% {
	transform:translateY(0)
}
}@media screen and (max-width:850px) {
	.catui-container {
	width:calc(100% - 20px)
}
#catui-header .header-btn-totop {
	display:none!important
}
 article .link-area a {
	width:calc(33.3333333333333333333333% - 8px)
}
 .catui-primary, .catui-secondary {
	width:100%
}
 .catui-secondary .catui-item.sider-fixed {
	width:calc(100% - 20px)
}
 .catui-primary {
	margin-top:0
}
#catui-header .header-canopy .header-canopy-menu-content,#catui-header .header-canopy .header-canopy-menu-title {
	width:100%
}
#catui-header .header-canopy .header-canopy-menu-avatar {
	right:calc(50vw - 80px)
}
#catui-header .header-canopy .header-canopy-cover,#catui-header .header-canopy .header-canopy-cover-bk {
	height:240px
}
#catui-header .header-canopy .mdui-fab-dial {
	right:calc(50vw - 85px)
}
}@media screen and (max-width:1120px) {
	.catui-container {
	margin:10px
}
}@media screen and (min-width:1440px) {
	.catui-container {
	max-width:calc(100% - 320px)
}
}@media screen and (min-width:1920px) {
	 article .link-area a {
	width:calc(10% - 8px)
}
}@media screen and (min-width:2560px) {
	 article .link-area a {
	width:calc(8.3333333333333333333333% - 8px)
}
}article {
	color:#444;
	font-family:microsoft yahei
}
article p {
	line-height:24px
}
article code {
	position:relative;
	border:1px solid #ddd;
	background:#f6f6f6;
	padding:1px 5px;
	display:inline-block;
	border-radius:6px
}
article pre code {
	padding-left:55px!important
}
article pre code:before {
	content:'01.\A 02.\A 03.\A 04.\A 05.\A 06.\A 07.\A 08.\A 09.\A 10.\A 11.\A 12.\A 13.\A 14.\A 15.\A 16.\A 17.\A 18.\A 19.\A 20.\A 21.\A 22.\A 23.\A 24.\A 25.\A 26.\A 27.\A 28.\A 29.\A 30.\A 31.\A 32.\A 33.\A 34.\A 35.\A 36.\A 37.\A 38.\A 39.\A 40.\A 41.\A 42.\A 43.\A 44.\A 45.\A 46.\A 47.\A 48.\A 49.\A 50.\A 51.\A 52.\A 53.\A 54.\A 55.\A 56.\A 57.\A 58.\A 59.\A 60.\A 61.\A 62.\A 63.\A 64.\A 65.\A 66.\A 67.\A 68.\A 69.\A 70.\A 71.\A 72.\A 73.\A 74.\A 75.\A 76.\A 77.\A 78.\A 79.\A 80.\A 81.\A 82.\A 83.\A 84.\A 85.\A 86.\A 87.\A 88.\A 89.\A 90.\A 91.\A 92.\A 93.\A 94.\A 95.\A 96.\A 97.\A 98.\A 99.\A 100.\A 101.\A 102.\A 103.\A 104.\A 105.\A 106.\A 107.\A 108.\A 109.\A 110.\A 111.\A 112.\A 113.\A 114.\A 115.\A 116.\A 117.\A 118.\A 119.\A 120.\A 121.\A 122.\A 123.\A 124.\A 125.\A 126.\A 127.\A 128.\A 129.\A 130.\A 131.\A 132.\A 133.\A 134.\A 135.\A 136.\A 137.\A 138.\A 139.\A 140.\A 141.\A 142.\A 143.\A 144.\A 145.\A 146.\A 147.\A 148.\A 149.\A 150.\A 151.\A 152.\A 153.\A 154.\A 155.\A 156.\A 157.\A 158.\A 159.\A 160.\A 161.\A 162.\A 163.\A 164.\A 165.\A 166.\A 167.\A 168.\A 169.\A 170.\A 171.\A 172.\A 173.\A 174.\A 175.\A 176.\A 177.\A 178.\A 179.\A 180.\A 181.\A 182.\A 183.\A 184.\A 185.\A 186.\A 187.\A 188.\A 189.\A 190.\A 191.\A 192.\A 193.\A 194.\A 195.\A 196.\A 197.\A 198.\A 199.\A 200.\A 201.\A 202.\A 203.\A 204.\A 205.\A 206.\A 207.\A 208.\A 209.\A 210.\A 211.\A 212.\A 213.\A 214.\A 215.\A 216.\A 217.\A 218.\A 219.\A 220.\A 221.\A 222.\A 223.\A 224.\A 225.\A 226.\A 227.\A 228.\A 229.\A 230.\A 231.\A 232.\A 233.\A 234.\A 235.\A 236.\A 237.\A 238.\A 239.\A 240.\A 241.\A 242.\A 243.\A 244.\A 245.\A 246.\A 247.\A 248.\A 249.\A 250.\A 251.\A 252.\A 253.\A 254.\A 255.\A 256.\A 257.\A 258.\A 259.\A 260.\A 261.\A 262.\A 263.\A 264.\A 265.\A 266.\A 267.\A 268.\A 269.\A 270.\A 271.\A 272.\A 273.\A 274.\A 275.\A 276.\A 277.\A 278.\A 279.\A 280.\A 281.\A 282.\A 283.\A 284.\A 285.\A 286.\A 287.\A 288.\A 289.\A 290.\A 291.\A 292.\A 293.\A 294.\A 295.\A 296.\A 297.\A 298.\A 299.\A 300.\A 301.\A 302.\A 303.\A 304.\A 305.\A 306.\A 307.\A 308.\A 309.\A 310.\A 311.\A 312.\A 313.\A 314.\A 315.\A 316.\A 317.\A 318.\A 319.\A 320.\A 321.\A 322.\A 323.\A 324.\A 325.\A 326.\A 327.\A 328.\A 329.\A 330.\A 331.\A 332.\A 333.\A 334.\A 335.\A 336.\A 337.\A 338.\A 339.\A 340.\A 341.\A 342.\A 343.\A 344.\A 345.\A 346.\A 347.\A 348.\A 349.\A 350.\A 351.\A 352.\A 353.\A 354.\A 355.\A 356.\A 357.\A 358.\A 359.\A 360.\A 361.\A 362.\A 363.\A 364.\A 365.\A 366.\A 367.\A 368.\A 369.\A 370.\A 371.\A 372.\A 373.\A 374.\A 375.\A 376.\A 377.\A 378.\A 379.\A 380.\A 381.\A 382.\A 383.\A 384.\A 385.\A 386.\A 387.\A 388.\A 389.\A 390.\A 391.\A 392.\A 393.\A 394.\A 395.\A 396.\A 397.\A 398.\A 399.\A 400.\A 401.\A 402.\A 403.\A 404.\A 405.\A 406.\A 407.\A 408.\A 409.\A 410.\A 411.\A 412.\A 413.\A 414.\A 415.\A 416.\A 417.\A 418.\A 419.\A 420.\A 421.\A 422.\A 423.\A 424.\A 425.\A 426.\A 427.\A 428.\A 429.\A 430.\A 431.\A 432.\A 433.\A 434.\A 435.\A 436.\A 437.\A 438.\A 439.\A 440.\A 441.\A 442.\A 443.\A 444.\A 445.\A 446.\A 447.\A 448.\A 449.\A 450.\A 451.\A 452.\A 453.\A 454.\A 455.\A 456.\A 457.\A 458.\A 459.\A 460.\A 461.\A 462.\A 463.\A 464.\A 465.\A 466.\A 467.\A 468.\A 469.\A 470.\A 471.\A 472.\A 473.\A 474.\A 475.\A 476.\A 477.\A 478.\A 479.\A 480.\A 481.\A 482.\A 483.\A 484.\A 485.\A 486.\A 487.\A 488.\A 489.\A 490.\A 491.\A 492.\A 493.\A 494.\A 495.\A 496.\A 497.\A 498.\A 499.\A 500.\A 501.\A 502.\A 503.\A 504.\A 505.\A 506.\A 507.\A 508.\A 509.\A 510.\A 511.\A 512.\A 513.\A 514.\A 515.\A 516.\A 517.\A 518.\A 519.\A 520.\A 521.\A 522.\A 523.\A 524.\A 525.\A 526.\A 527.\A 528.\A 529.\A 530.\A 531.\A 532.\A 533.\A 534.\A 535.\A 536.\A 537.\A 538.\A 539.\A 540.\A 541.\A 542.\A 543.\A 544.\A 545.\A 546.\A 547.\A 548.\A 549.\A 550.\A 551.\A 552.\A 553.\A 554.\A 555.\A 556.\A 557.\A 558.\A 559.\A 560.\A 561.\A 562.\A 563.\A 564.\A 565.\A 566.\A 567.\A 568.\A 569.\A 570.\A 571.\A 572.\A 573.\A 574.\A 575.\A 576.\A 577.\A 578.\A 579.\A 580.\A 581.\A 582.\A 583.\A 584.\A 585.\A 586.\A 587.\A 588.\A 589.\A 590.\A 591.\A 592.\A 593.\A 594.\A 595.\A 596.\A 597.\A 598.\A 599.\A 600.\A 601.\A 602.\A 603.\A 604.\A 605.\A 606.\A 607.\A 608.\A 609.\A 610.\A 611.\A 612.\A 613.\A 614.\A 615.\A 616.\A 617.\A 618.\A 619.\A 620.\A 621.\A 622.\A 623.\A 624.\A 625.\A 626.\A 627.\A 628.\A 629.\A 630.\A 631.\A 632.\A 633.\A 634.\A 635.\A 636.\A 637.\A 638.\A 639.\A 640.\A 641.\A 642.\A 643.\A 644.\A 645.\A 646.\A 647.\A 648.\A 649.\A 650.\A 651.\A 652.\A 653.\A 654.\A 655.\A 656.\A 657.\A 658.\A 659.\A 660.\A 661.\A 662.\A 663.\A 664.\A 665.\A 666.\A 667.\A 668.\A 669.\A 670.\A 671.\A 672.\A 673.\A 674.\A 675.\A 676.\A 677.\A 678.\A 679.\A 680.\A 681.\A 682.\A 683.\A 684.\A 685.\A 686.\A 687.\A 688.\A 689.\A 690.\A 691.\A 692.\A 693.\A 694.\A 695.\A 696.\A 697.\A 698.\A 699.\A 700.\A 701.\A 702.\A 703.\A 704.\A 705.\A 706.\A 707.\A 708.\A 709.\A 710.\A 711.\A 712.\A 713.\A 714.\A 715.\A 716.\A 717.\A 718.\A 719.\A 720.\A 721.\A 722.\A 723.\A 724.\A 725.\A 726.\A 727.\A 728.\A 729.\A 730.\A 731.\A 732.\A 733.\A 734.\A 735.\A 736.\A 737.\A 738.\A 739.\A 740.\A 741.\A 742.\A 743.\A 744.\A 745.\A 746.\A 747.\A 748.\A 749.\A 750.\A 751.\A 752.\A 753.\A 754.\A 755.\A 756.\A 757.\A 758.\A 759.\A 760.\A 761.\A 762.\A 763.\A 764.\A 765.\A 766.\A 767.\A 768.\A 769.\A 770.\A 771.\A 772.\A 773.\A 774.\A 775.\A 776.\A 777.\A 778.\A 779.\A 780.\A 781.\A 782.\A 783.\A 784.\A 785.\A 786.\A 787.\A 788.\A 789.\A 790.\A 791.\A 792.\A 793.\A 794.\A 795.\A 796.\A 797.\A 798.\A 799.\A 800.\A 801.\A 802.\A 803.\A 804.\A 805.\A 806.\A 807.\A 808.\A 809.\A 810.\A 811.\A 812.\A 813.\A 814.\A 815.\A 816.\A 817.\A 818.\A 819.\A 820.\A 821.\A 822.\A 823.\A 824.\A 825.\A 826.\A 827.\A 828.\A 829.\A 830.\A 831.\A 832.\A 833.\A 834.\A 835.\A 836.\A 837.\A 838.\A 839.\A 840.\A 841.\A 842.\A 843.\A 844.\A 845.\A 846.\A 847.\A 848.\A 849.\A 850.\A 851.\A 852.\A 853.\A 854.\A 855.\A 856.\A 857.\A 858.\A 859.\A 860.\A 861.\A 862.\A 863.\A 864.\A 865.\A 866.\A 867.\A 868.\A 869.\A 870.\A 871.\A 872.\A 873.\A 874.\A 875.\A 876.\A 877.\A 878.\A 879.\A 880.\A 881.\A 882.\A 883.\A 884.\A 885.\A 886.\A 887.\A 888.\A 889.\A 890.\A 891.\A 892.\A 893.\A 894.\A 895.\A 896.\A 897.\A 898.\A 899.\A 900.\A 901.\A 902.\A 903.\A 904.\A 905.\A 906.\A 907.\A 908.\A 909.\A 910.\A 911.\A 912.\A 913.\A 914.\A 915.\A 916.\A 917.\A 918.\A 919.\A 920.\A 921.\A 922.\A 923.\A 924.\A 925.\A 926.\A 927.\A 928.\A 929.\A 930.\A 931.\A 932.\A 933.\A 934.\A 935.\A 936.\A 937.\A 938.\A 939.\A 940.\A 941.\A 942.\A 943.\A 944.\A 945.\A 946.\A 947.\A 948.\A 949.\A 950.\A 951.\A 952.\A 953.\A 954.\A 955.\A 956.\A 957.\A 958.\A 959.\A 960.\A 961.\A 962.\A 963.\A 964.\A 965.\A 966.\A 967.\A 968.\A 969.\A 970.\A 971.\A 972.\A 973.\A 974.\A 975.\A 976.\A 977.\A 978.\A 979.\A 980.\A 981.\A 982.\A 983.\A 984.\A 985.\A 986.\A 987.\A 988.\A 989.\A 990.\A 991.\A 992.\A 993.\A 994.\A 995.\A 996.\A 997.\A 998.\A 999.';
	background-color:rgba(255,255,255,.15);
	color:#fff;
	outline:100px solid rgba(255,255,255,.15);
	position:absolute;
	top:.5em;
	bottom:.5em;
	left:0;
	text-align:right;
	clip:rect(-100px 2em 9999px 0);
	clip:rect(-100px 5ch 9999px 0);
	overflow:hidden;
	padding:1px 5px
}
article code::-webkit-scrollbar {
	width:10px;
	height:10px
}
article code::-webkit-scrollbar-thumb {
	border-radius:10px;
	background-color:#888
}
article a {
	-webkit-transition:all .35s;
	transition:all .35s;
	color:#febc68;
	text-decoration:none;
	position:relative;
	word-wrap:break-word
}
article a:focus,article a:hover {
	color:#febc68
}
article a::after {
	-webkit-transition:width .35s;
	transition:width .35s;
	content:"";
	right:0;
	width:0;
	bottom:-2px;
	position:absolute;
	border-bottom:1px solid
}
article a:hover::after {
	left:0;
	width:100%
}
article p {
	margin:20px 0;
	position:relative
}
article p::after {
	content:"";
	clear:both;
	display:block
}
article del {
	color:#999;
	font-size:.9em
}
article img {
	-webkit-box-shadow:0 0 0 1px #eee;
	box-shadow:0 0 0 1px #eee;
	display:block;
	position:relative;
	border-radius:6px
}
article h1,article h2,article h3,article h4,article h5,article h6 {
	color:#111;
	margin:20px 0
}
article h4,article h5,article h6 {
	position:relative
}
article h4:before,article h5:before,article h6:before {
	display:inline-block;
	width:1em;
	content:'#';
	color:#febc68
}
article h1 {
	font-size:1.8em
}
article h2 {
	font-size:1.5em;
	margin:25px 0;
	position:relative
}
article h3 {
	font-size:1.3em
}
article h4 {
	font-size:1.15em
}
article h5 {
	font-size:1em
}
article h6 {
	font-size:.9em
}
article blockquote {
	color:#666;
	margin:0;
	padding:.1em 2.2em;
	background-color:#f8f8f8;
	line-height:28px;
	position:relative;
	margin-bottom:15px;
	border-radius:6px;
	border:1px solid #eee;
	font-family:sf pro sc,sf pro display,sf pro icons,aos icons,pingfang sc,helvetica neue,helvetica,arial,sans-serif
}
article blockquote:before {
	content:"“";
	top:15px;
	left:10px;
	position:absolute;
	color:#888;
	font-size:3em
}
article blockquote:after {
	content:"”";
	bottom:-8px;
	right:10px;
	position:absolute;
	color:#888;
	font-size:3em
}
article hr {
	display:block;
	border:0;
	border-top:1px dashed #ccc;
	margin:20px 0;
	padding:0
}
article pre {
	border-radius:6px;
	max-height:600px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:20px 0
}
article sub,article sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
article sup {
	top:-.5em
}
article sub {
	bottom:-.25em
}
article ol,article ul {
	padding:0 0 0 2em;
	margin-top:0
}
article ul .mdui-checkbox {
	padding-left:22px;
	height:18px
}
article ul .mdui-checkbox-icon {
	top:4px
}
article li {
	line-height:24px
}
article li p {
	margin:0!important
}
article dd {
	margin:0 0 0 2em
}
article table {
	color:#5b6064;
	border-spacing:0;
	text-align:center;
	border-collapse:collapse;
	-webkit-box-shadow:0 0 0 1px #eee;
	box-shadow:0 0 0 1px #eee;
	display:inline-block;
	max-width:100%;
	overflow:auto;
	white-space:nowrap;
	margin:auto;
	border-radius:6px
}
article table::-webkit-scrollbar {
	width:6px;
	height:6px
}
article table::-webkit-scrollbar-thumb {
	background-color:#888
}
article table thead {
	border-bottom:1px solid #eee;
	background-color:#f8f8f8
}
article table thead tr {
	background-color:#f8f8f8
}
article table th {
	border-right:1px solid #eee;
	padding:13px 26px;
	font-weight:400
}
article table td {
	border-right:1px solid #eee;
	padding:13px 26px
}
article table td:last-child,article table th:last-child {
	border:none
}
article table tr {
	background-color:#fff
}
article table tr:nth-child(2n) {
	background-color:#f8f8f8
}
article canvas,article iframe,article img,article select,article svg,article textarea,article video {
	width:auto;
	max-width:100%
}
details ul {
	padding-left:1.7em
}
summary {
	cursor:pointer
}
summary i {
	margin-right:.3em
}
summary::-webkit-details-marker {
	display:none
}
summary .remove {
	display:none
}
details[open]>summary .add {
	display:none
}
details[open]>summary .remove {
	display:inline-block
}
article .catui-pic-2 p {
	width:calc(50% - 10px)
}
article .catui-pic-3 p {
	width:calc(33.3333333333333333333333% - 13.33px)
}
article .catui-pic-2 p,article .catui-pic-3 p {
	float:left;
	margin-right:20px!important;
	margin-top:0!important
}
article .catui-pic-2 img,article .catui-pic-3 img {
	object-fit:cover
}
article .catui-pic-2 p:after,article .catui-pic-3 p:after {
	content:attr(title);
	position:absolute;
	bottom:0;
	padding:10px;
	color:#fff;
	right:0;
	max-width:100%;
	box-sizing:border-box;
	word-wrap:break-word;
	pointer-events:none
}
article .catui-pic-2 p:nth-child(2n+2),article .catui-pic-3 p:nth-child(3n+3) {
	margin-right:0!important
}
article .catui-pic-2,article .catui-pic-3 {
	margin-bottom:-20px
}
article .catui-pic-2::after,article .catui-pic-3::after {
	content:"";
	clear:both;
	display:block
}
.aplayer {
	-webkit-box-shadow:0 0 0 1px #eee!important;
	box-shadow:0 0 0 1px #eee!important;
	border-radius:6px!important;
	margin:15px 0!important
}
.aplayer .aplayer-info {
	padding:9px 7px 0 10px!important
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
	margin-left:1px!important;
	padding-right:3px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar,.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded,.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
	height:6px!important;
	border-radius:10px!important
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
	height:12px!important;
	width:12px!important;
	right:3px!important;
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.18)!important;
	box-shadow:0 0 5px 0 rgba(0,0,0,.18)!important;
	-webkit-transition:all .35s;
	transition:all .35s
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar,.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {
	border-radius:10px;
	width:6px
}
.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {
	right:10.5px
}
.aplayer .aplayer-list ol li {
	border-top:none!important
}
.aplayer .aplayer-list ol li.aplayer-list-light {
	background:#f8f8f8!important
}

.moe{position:fixed;bottom:0;left:0;z-index:1;font-size:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}
.moe:hover{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.moe img{width:80px}


.tu{
	width:100%;
	height: 0px;
	background:#666;
}














.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px;*zoom:1;margin-bottom: 5px;}.container:before,.container:after{content:"";display:table;}.container:after{clear:both;}@media (min-width: 768px){.container{width:100%;}}@media (min-width: 992px){.container{width:100%;}}@media (min-width: 1200px){.container{width: 100%;}}@media (min-width: 1620px){.container{}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px;*zoom:1;}.container-fluid:before,.container-fluid:after{content:"";display:table;}.container-fluid:after{clear:both;}.row{margin-left:-10px;margin-right:-10px;*zoom:1;}.row:before,.row:after{content:"";display:table;}.row:after{clear:both;}.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12,.col-xl-12{min-height:1px;padding-left:10px;padding-right:10px;}.col-xs-12{float:left;width:100%;}@media (min-width: 768px){.col-sm-12{float:left;width:100%;}}@media (min-width: 992px){.col-md-12{float:left;width:100%;}}@media (min-width: 1200px){.col-lg-12{float:left;width:100%;}}@media (min-width: 1620px){.col-xl-12{float:left;width:100%;}}.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xl-11{min-height:1px;padding-left:10px;padding-right:10px;}.col-xs-11{float:left;width:91.666666666667%;}@media (min-width: 768px){.col-sm-11{float:left;width:91.666666666667%;}}@media (min-width: 992px){.col-md-11{float:left;width:91.666666666667%;}}@media (min-width: 1200px){.col-lg-11{float:left;width:91.666666666667%;}}@media (min-width: 1620px){.col-xl-11{float:left;width:91.666666666667%;}}.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xl-10{min-height:1px;padding-left:10px;padding-right:10px;}.col-xs-10{float:left;width:83.333333333333%;}@media (min-width: 768px){.col-sm-10{float:left;width:83.333333333333%;}}@media (min-width: 992px){.col-md-10{float:left;width:83.333333333333%;}}@media (min-width: 1200px){.col-lg-10{float:left;width:83.333333333333%;}}@media (min-width: 1620px){.col-xl-10{float:left;width:83.333333333333%;}}.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xl-9{min-height:1px;padding-left:10px;padding-right:10px;}.col-xs-9{float:left;width:75%;}@media (min-width: 768px){.col-sm-9{float:left;width:75%;}}@media (min-width: 992px){.col-md-9{float:left;width:75%;}}@media (min-width: 1200px){.col-lg-9{float:left;width:75%;}}@media (min-width: 1620px){.col-xl-9{float:left;width:75%;}}.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xl-8{min-height:1px;padding-left:10px;padding-right:10px;}.col-xs-8{float:left;width:66.666666666667%;}@media (min-width: 768px){.col-sm-8{float:left;width:66.666666666667%;}}@media (min-width: 992px){.col-md-8{float:left;width:66.666666666667%;}}@media (min-width: 1200px){.col-lg-8{float:left;width:66.666666666667%;}}@media (min-width: 1620px){.col-xl-8{float:left;width:66.666666666667%;}}.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xl-7{min-height:1px;padding-left:10px;padding-right:10px;}.col-xs-7{float:left;width:58.333333333333%;}@media (min-width: 768px){.col-sm-7{float:left;width:58.333333333333%;}}@media (min-width: 992px){.col-md-7{float:left;width:58.333333333333%;}}@media (min-width: 1200px){.col-lg-7{float:left;width:58.333333333333%;}}@media (min-width: 1620px){.col-xl-7{float:left;width:58.333333333333%;}}.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xl-6{min-height:1px;padding-left:10px;padding-right:10px;}.col-xs-6{float:left;width:50%;}@media (min-width: 768px){.col-sm-6{float:left;width:50%;}}@media (min-width: 992px){.col-md-6{float:left;width:50%;}}@media (min-width: 1200px){.col-lg-6{float:left;width:50%;}}@media (min-width: 1620px){.col-xl-6{float:left;width:50%;}}.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xl-5{min-height:1px;padding-left:10px;padding-right:10px;}.col-xs-5{float:left;width:41.666666666667%;}@media (min-width: 768px){.col-sm-5{float:left;width:41.666666666667%;}}@media (min-width: 992px){.col-md-5{float:left;width:41.666666666667%;}}@media (min-width: 1200px){.col-lg-5{float:left;width:41.666666666667%;}}@media (min-width: 1620px){.col-xl-5{float:left;width:41.666666666667%;}}.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xl-4{min-height:1px;padding-left:10px;padding-right:10px;}.col-xs-4{float:left;width:33.333333333333%;}@media (min-width: 768px){.col-sm-4{float:left;width:33.333333333333%;}}@media (min-width: 992px){.col-md-4{float:left;width:33.333333333333%;}}@media (min-width: 1200px){.col-lg-4{float:left;width:33.333333333333%;}}@media (min-width: 1620px){.col-xl-4{float:left;width:33.333333333333%;}}.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xl-3{min-height:1px;padding-left:10px;padding-right:10px;}.col-xs-3{float:left;width:25%;}@media (min-width: 768px){.col-sm-3{float:left;width:25%;}}@media (min-width: 992px){.col-md-3{float:left;width:25%;}}@media (min-width: 1200px){.col-lg-3{float:left;width:25%;}}@media (min-width: 1620px){.col-xl-3{float:left;width:25%;}}.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xl-2{min-height:1px;padding-left:10px;padding-right:10px;}.col-xs-2{float:left;width:16.666666666667%;}@media (min-width: 768px){.col-sm-2{float:left;width:16.666666666667%;}}@media (min-width: 992px){.col-md-2{float:left;width:16.666666666667%;}}@media (min-width: 1200px){.col-lg-2{float:left;width:16.666666666667%;}}@media (min-width: 1620px){.col-xl-2{float:left;width:16.666666666667%;}}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xl-1{min-height:1px;padding-left:10px;padding-right:10px;}.col-xs-1{float:left;width:8.3333333333333%;}@media (min-width: 768px){.col-sm-1{float:left;width:8.3333333333333%;}}@media (min-width: 992px){.col-md-1{float:left;width:8.3333333333333%;}}@media (min-width: 1200px){.col-lg-1{float:left;width:8.3333333333333%;}}@media (min-width: 1620px){.col-xl-1{float:left;width:8.3333333333333%;}}body,p,ul,ol,h1,h2,h3,h4{margin:0;}body,div,p,ul,ol,header,footer,section,h1,h2,h3,h4{box-sizing:border-box;}body{font-family:Tahoma, Verdana, "Microsoft Yahei", sans-serif;}a{text-decoration:none;transition:.3s;color: #333;font-size: 18px;}a:hover{transition:.3s;}li{list-style:none;}.body-website,.body-jiaocheng,.body-book,.body-shop{background-color:#f1f4f9;}.hidden{visibility:hidden !important;}.hide{display:none !important;}.header{padding-top: 5px;position: relative;overflow:  hidden;z-index: 10;width: 1200px;margin:  0 auto;}.header .logo{float:left;width:320px;position:relative;}.header .logo strong{width:288px;display:inline-block;overflow:hidden;}.header .logo strong:hover img{top:auto;bottom:-1px;}.header .logo strong a{display:block;width:100%;padding-bottom:28.125%;position:relative;transition:0;}.header .logo strong a:hover{transition:0;}.header .logo strong a img{width:100%;position:absolute;top:0;left:0;}.header .arrow{display:block;width:20px;height:20px;line-height:1;border-radius:100%;transition:.2s;color:#fff;font-size:20px;text-align:center;position:absolute;top:50%;right:10px;z-index:3;cursor:pointer;}.header .arrow i{display:block;transform:rotate(90deg);transform-origin:center;transition:.2s;}.header .arrow i:before{margin:0;}.header .arrow.hover{transition:.2s;}.header .arrow.hover i{transform:rotate(270deg);}.header .arrow.hover+.subnav{visibility:visible;opacity:1;top:92%;height:118px;transition:.1s;}.header .arrow+.subnav{opacity:0;visibility:hidden;position:absolute;right:0;top:92%;height:0;box-sizing:border-box;transition:.1s;background-color:#fff;list-style:none;border-radius:3%;padding:9px 0px;z-index:2;box-shadow:0 3px 12px rgba(0,0,0,0.3);}.header .arrow+.subnav.show{visibility:visible;opacity:1;top:92%;}.header .arrow+.subnav::before{content:'';display:block;background-color:#fff;position:absolute;width:10px;height:10px;transform:rotate(45deg);top:-5px;right:12px;}.header .arrow+.subnav li{margin:0;padding:3px 0;line-height:16px;}.header .arrow+.subnav a{display:block;color:#3c3c3c;text-decoration:none;font-size:16px;padding:14px 50px;font-weight:normal;transition:.2s;}.header .arrow+.subnav a:hover{background-color:#f7f8fa;color:#3295d9;transition:.2s;}@media (min-width: 1620px){.header .arrow  i::before{left:-1px;transform-origin:center 40%;}}@media (max-width: 991px){.header{padding-top:10px;}.header .logo{width:100%;margin-bottom:16px;text-align:center;}.header .logo strong{width:60%;max-width:292px;}.header .arrow{margin-top:-10px;}.header .arrow .icon-play-circled{display:block;width:100%;height:0;border-radius:0;border-bottom:2px solid #fff;transform:rotate(0deg);transition:.2s;position:absolute;top:50%;left:0;}.header .arrow .icon-play-circled::before,.header .arrow .icon-play-circled::after{content:'';display:block;width:100%;height:0;background-color:transparent;border-bottom:2px solid #fff;position:absolute;}.header .arrow .icon-play-circled::before{top:-8px;}.header .arrow .icon-play-circled::after{bottom:-9px;}.header .arrow.hover .icon-play-circled{transform-origin:center;border-bottom-color:transparent;transform:rotate(180deg);transition:.2s;}.header .arrow.hover .icon-play-circled::before,.header .arrow.hover .icon-play-circled::after{top:0;}.header .arrow.hover .icon-play-circled::before{transform:rotate(45deg);}.header .arrow.hover .icon-play-circled::after{transform:rotate(-45deg);}.header .arrow i{display:none;}.header .arrow.hover+ul.subnav{top:100%;height:auto;}.header .arrow+ul.subnav{height:90px;line-height:90px;width:100%;border-radius:6px;text-align:center;padding:0 10px;}.header .arrow+ul.subnav li{position:relative;top:-6px;width:50%;box-sizing:border-box;padding:0 10px;display:inline-block;}.header .arrow+ul.subnav li a{background-color:#3295d9;padding:16px 0;color:#fff;text-align:center;border-radius:3px;}.header .arrow+ul.subnav li a:hover{color:#fff;background-color:#0062a5;}}.primary-menus{margin-left:320px;}.primary-menus ul{list-style:none;padding:0;}.primary-menus ul li{display:inline-block;color:#fff;padding:0 24px;height:36px;line-height:36px;font-size:14px;border-top-left-radius:3px;border-top-right-radius:3px;cursor:pointer;}.primary-menus ul li:first-child{cursor:auto;color:#d9efff;}.primary-menus ul li:first-child:hover{color:#d9efff;background-color:transparent;}.primary-menus ul li:hover{background:#fff;color:#3c3c3c;}.primary-menus ul li.current{background:#fff;color:#3c3c3c;}.primary-menus .cont{position:relative;top:-1px;}.primary-menus .right-link{position:absolute;right:0;top:0;}.primary-menus .right-link a{display:inline-block;margin-top:10px;padding-right:5px;color:#dff2ff;text-decoration:none;font-size:13px;}.primary-menus .right-link a:hover{color:#fff;}.primary-menus .left-cont{margin-right:270px;}.primary-menus .left-cont .search.hidden{display:none;}.primary-menus .left-cont form{width:100%;position:relative;}.primary-menus .left-cont input{box-sizing:border-box;width:100%;border:none;font-size:15px;line-height:20px;height:42px;padding:11px 100px 11px 26px;border-radius:3px;color:#9f9f9f;outline:none;}.primary-menus .left-cont input:focus{color:#3c3c3c;}.primary-menus .left-cont button{height:42px;box-sizing:border-box;width:100px;margin-left:-5px;cursor:pointer;background-color:#69bdfb;color:#fff;border:none;font-size:15px;line-height:42px;border-top-right-radius:3px;border-bottom-right-radius:3px;position:absolute;right:0;top:0;}.primary-menus .left-cont button:hover{background-color:#51b1f5;}@media (max-width: 1199px){.primary-menus ul li{padding:0 12px;}}@media (max-width: 991px){.primary-menus{float:left;margin-left:0;width:100%;}.primary-menus .right-link{display:none;}.primary-menus .left-cont{margin-right:0;}}@media (max-width: 767px){.primary-menus ul li{padding:0 5px;font-size:13px;height:28px;line-height:24px;margin-right:6px;}.primary-menus ul li:first-child{display:none;}.primary-menus .left-cont input{height:34px;line-height:14px;font-size:13px;padding:10px 6em 10px 10px;border-radius:0 3px 3px 3px;}.primary-menus .left-cont button{height:34px;line-height:34px;width:6em;font-size:12px;}}.header-bar{background:#fff;padding:9px 0;font-size:14px;line-height:30px;border-bottom:1px solid #e9eef5;}.header-bar .bar-left{float:left;}.header-bar ul{padding:0;list-style:none;}.header-bar ul li{display:inline-block;position:relative;}.header-bar ul li a{color:#3c3c3c;text-decoration:none;font-size:14px;padding:0 16px;}.header-bar ul li a:hover{color:#ff5a00;text-decoration:underline;}.header-bar ul li a::before{content:'';display:block;position:absolute;left:0;top:11px;width:0;border-left:1px solid #ccc;height:10px;}.header-bar ul li:first-child a{padding-left:0;}.header-bar ul li:first-child a::before{display:none;}.header-bar .bar-right{float:right;}.header-bar .bar-right span{color:#a0a0a0;}.header-bar .bar-right a{display:inline-block;vertical-align:middle;color:#3c3c3c;font-size:14px;}.header-bar .bar-right a:hover{color:#ff5a00;text-decoration:underline;}.header-bar .bar-right a i{margin:0 8px 0 16px;display:inline-block;vertical-align:middle;width:31px;height:31px;border-radius:100%;overflow:hidden;}.header-bar .bar-right a i img{width:100%;}@media (max-width: 1199px){.header-bar .bar-right,.header-bar .bar-left{font-size:12px;}.header-bar .bar-right a,.header-bar .bar-left a{font-size:12px;}}@media (max-width: 991px){.header-bar .bar-left{float:none;text-align:center;margin-bottom:24px;}.header-bar .bar-right{float:none;margin-top:10px;text-align:center;}}@media (max-width: 767px){.header-bar{padding:0 0 14px;}.header-bar .bar-left{float:none;margin-top:10px;margin-bottom:0;white-space:nowrap;overflow:hidden;}.header-bar .bar-left a{padding:0 8px;}.header-bar .bar-left ul li{display:none;}.header-bar .bar-left ul li:nth-child(2),.header-bar .bar-left ul li:nth-child(3),.header-bar .bar-left ul li:nth-child(4),.header-bar .bar-left ul li:nth-child(1){display:inline-block;}.header-bar .bar-right{float:none;margin-top:10px;text-align:center;}.header-bar .bar-right a{margin:0;}.header-bar .bar-right a i{width:24px;height:24px;}}.header-recommend{padding:18px 0;font-size:12px;}.header-recommend .focus{float:right;color:#929292;margin-left:18px;}.header-recommend .focus a{color:#929292;padding:0 4px;animation:flash 0.5s;}.header-recommend .focus a:hover{color:#ff5a00;text-decoration:underline;}.header-recommend .link{float:right;}.header-recommend .link a{color:#f84b44;}.header-recommend .link a:hover{text-decoration:underline;}@media (max-width: 991px){.header-recommend{padding:12px 0;}.header-recommend .container{display:none;}}@media (max-width: 1199px){.header-recommend{font-size:12px;}.header-recommend span,.header-recommend a{white-space:nowrap;}}@keyframes flash{0%{opacity:0.1;}100%{opacity:1;}}.login form{width:300px;margin:10px auto;position:relative;}.login h2{text-align:center;color:#999;margin-bottom:10px;font-weight:normal;font-size:16px;}.login input{margin:0;box-sizing:border-box;width:100%;text-align:left;border:none;font-size:12px;line-height:30px;height:30px;padding-left:10px;padding-right:50px;border-radius:3px;color:#9f9f9f;outline:none;}.login button{margin:0;box-sizing:border-box;width:50px;cursor:pointer;background-color:#69bdfb;color:#fff;border:none;font-size:12px;line-height:30px;height:30px;border-top-right-radius:3px;border-bottom-right-radius:3px;position:absolute;right:0;top:30.7px;}.login button:hover{background-color:#2b7cb3;}.content-sidebar{font-size:14px;color:#3b3c3e;padding-top:6px;}.content-sidebar.fixed{position:fixed;top:4px;}.content-sidebar.absolute{position:absolute;bottom:0;}.content-sidebar dl{position:relative;padding-bottom:20px;margin:0;}.content-sidebar dl dt{position:absolute;top:12px;left:-20px;}.content-sidebar dl .show-list{display:block;width:16px;height:16px;cursor:pointer;}.content-sidebar dl .show-list::before{content:'';display:block;width:12px;height:2px;background:#000;border-radius:1px;position:absolute;top:50%;margin-top:-1px;}.content-sidebar dl .show-list.add::after{content:'';display:block;width:2px;height:12px;background:#000;border-radius:1px;position:absolute;left:5px;top:20%;margin-top:-1px;}.content-sidebar dd{margin:0;padding:6px 0;letter-spacing:0.5px;}.content-sidebar dd a{color:#5e5d5b;display:inline-block;padding:2px 4px;transition:0.1s;}.content-sidebar dd a:hover{color:#fff;background:#ff5a00;border-radius:3px;}.content-sidebar dd.current a{color:#ff5a00;background:transparent;}@media (max-width: 1199px){.content-sidebar{font-size:12px;margin-left:0;padding-right:0;}.content-sidebar dt{display:none;}}@media screen and (max-width: 991px){.content-sidebar{display:none;}}.content .row{position:relative;}.part{background:#fff;margin-bottom:24px;border-radius:10px;}.part h2{padding:13px 36px;border-bottom:1px solid #f1f4f9;line-height:16px;}.part h2 strong{color:#3c3c3c;font-size:16px;position:relative;}.part h2 a{display:inline-block;margin-top:4px;float:right;color:#1d96db;font-size:12px;}.part h2 a:hover{color:#000;}.part .items{padding:22px 15px;}.part .item a{display:block;width:100%;padding:14px 8%;box-sizing:border-box;transition:none;border-radius:6px;}.part .item a:hover{background-color:#f2f8fd;}.part .item a img{float:left;width:26px;height:26px;border-radius:100%;}.part .item a h3{margin-left:32px;color:#3c3c3c;font-size:14px;white-space:nowrap;height:21px;line-height:21px;margin-bottom:4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}.part .item a h3 i{color:#f84b44;}.part .item a p{margin-left:32px;color:#8f8f8f;font-size:12px;height:3em;line-height:1.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}.part .item a:hover h3{color:#ee521c;text-decoration:underline;}.part .item a:hover p{color:#525252;}@media (max-width: 1199px){.part .item a{padding:12px 8px;}}@media (max-width: 991px){.part .item a{padding:14px 18px;}}@media (max-width: 767px){.part h2{padding:16px 24px;}.part .items{padding:15px;}.part .item a{padding:12px 0px;}}.content-words{text-align:center;line-height:30px;padding:40px 0 0;}.content-words h3{font-size:22px;color:#3295d9;line-height:40px;}.content-words p{font-size:14px;color:#a0a0a0;}@media (max-width: 767px){.content-words{padding:0 0 20px;}}.content-linkto{margin:50px 0;}.content-linkto a{display:block;width:100%;position:relative;line-height:0;border-radius:10px;overflow:hidden;}.content-linkto a:hover::after{content:'';display:block;height:100%;width:100%;background-color:rgba(0,0,0,0.2);position:absolute;top:0;left:0;}.content-linkto img{width:100%;}@media (max-width: 767px){.content-linkto{margin-bottom:20px;}}.footer-widgets{background-color:#fff;padding-bottom:40px;}.footer-widgets .widget h2{color:#1c95dc;font-size:20px;margin:56px auto 38px;}.footer-widgets .widget h2 a{color:#1c95dc;}@media (max-width: 991px){.footer-widgets .footer-widgets-items{display:flex;flex-wrap:wrap;}.footer-widgets .footer-widgets-items .widget{text-align:center;}.footer-widgets .footer-widgets-items .widget.widget-product .cont{text-align:left;}}@media (max-width: 991px) and (max-width: 767px){.footer-widgets .footer-widgets-items>div{width:100%;}.footer-widgets .footer-widgets-items h2{color:#1c95dc;font-size:20px;margin:20px auto;}}.widget-sjs{overflow:hidden;}@media (max-width: 767px){.widget-sjs{display:none;}}.widget-sjs .cont{margin-left:-8px;*zoom:1;}.widget-sjs .cont:before,.widget-sjs .cont:after{content:"";display:table;}.widget-sjs .cont:after{clear:both;}.widget-sjs .cont a{display:flex;display:block;float:left;width:33%;box-sizing:border-box;text-align:center;padding:0 8px 16px;}.widget-sjs .cont a:hover i{background-color:#529cdb;color:#fff;}.widget-sjs .cont a i{width:100%;display:block;padding-bottom:100%;position:relative;background-color:#f3f8fb;color:#1c95dc;}.widget-sjs .cont a i::before{position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-16px;font-size:32px;}@media (min-width: 1620px){.widget-sjs .cont{width:288px;}}@media (max-width: 991px){.widget-sjs .cont{margin:0 auto;width:288px;}}@media (max-width: 767px){.widget-product{display:none;}}.widget-product ul{padding:0;}.widget-product ul a{color:#a0a0a0;font-size:14px;margin-bottom:10px;display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.widget-product ul a:hover{color:#1c95dc;}.widget-product ul a:hover i{background:#1c95dc;}.widget-product ul a i{display:inline-block;margin-right:3px;width:18px;height:18px;line-height:18px;background:#a0a0a0;border-radius:100%;color:#fff;font-size:12px;text-align:center;font-style:normal;vertical-align:middle;margin-top:-2px;}.widget-product ul li:nth-child(1) i{background:#1c95dc;}.widget-product ul li:nth-child(2) i{background:#1c95dc;}.widget-product ul li:nth-child(3) i{background:#1c95dc;}.widget-wechat h2{width:192px;}.widget-wechat .cont{text-align:center;}.widget-wechat .wechat-img{margin-bottom:18px;}.widget-wechat .wechat-img img{width:192px;border-radius:3px;box-shadow:0 0 18px rgba(50,149,217,0.2);border:1px solid #e2eef7;}.widget-wechat p{margin-bottom:9px;color:#a1a1a1;font-size:13px;}.widget-wechat p span{color:#1c95dc;}.widget-wechat p i{font-style:normal;white-space:nowrap;}@media (min-width: 1620px){.widget-wechat .wechat-img{margin-bottom:27px;}.widget-wechat p{margin-bottom:12px;}}@media (max-width: 1199px){.widget-wechat p{font-size:14px;}}@media (max-width: 991px){.widget-wechat p{font-size:16px;}.widget-wechat .p2{font-size:12px;}}@media (min-width: 1200px){.widget-site{margin-left:20px;}}.widget-site .count{color:#1c95dc;margin-top:10px;}.widget-site .count strong{font-size:66px;}.widget-site .count span{display:inline-block;width:44px;height:44px;}.widget-site .count span img{width:100%;}.widget-site p{color:#a1a1a1;margin:12px 0 40px;font-size:14px;}.widget-site .icon-time{font-size:20px;display:inline-block;vertical-align:middle;margin-top:-6px;}.widget-site i::before{margin-right:0;}.widget-site h4{color:#1c95dc;font-size:14px;font-weight:normal;margin-bottom:30px;}.widget-site h4 a{display:inline-block;padding:6px 8px 6px 4px;background-color:#1c95dc;color:#fff;border-radius:3px;box-sizing:border-box;}.widget-site h4 a:hover{background-color:#0062a5;}.widget-site h6{margin:5px 0;color:#c7c7c7;}.widget-site h6 a{color:#c7c7c7;}.widget-site h6 a:hover{color:#1c95dc;}.widget-site p{margin:16px 0 44px;}.widget-site h4{margin-bottom:32px;}.widget-site h6{margin:10px 0;}@media (min-width: 1620px){.widget-site p{margin:0 0 70px;}.widget-site h4{margin-bottom:32px;}.widget-site h6{margin:10px 0;}}@media (max-width: 767px){.widget-site{margin-bottom:20px;}}.footer-copyright{background-color:#3295d9;text-align:center;padding:28px 0 20px;font-size:12px;line-height:18px;color:#dff2ff;}@media (min-width: 1200px){.footer-copyright{height:125px;}}.footer-copyright p{margin-bottom:8px;}.footer-copyright p span{padding:0 6px;white-space:nowrap;}.footer-copyright p a{color:#dff2ff;}.footer-copyright p a:hover{color:#fff;}@media (max-width: 991px){.footer-copyright{line-height:24px;font-size:12px;}.footer-copyright p{margin-bottom:10px;}}.fixed-bar{position:fixed;right:5px;bottom:77px;display:none;}@media (min-width: 1200px){.fixed-bar{display:block;}}@media (min-width: 1620px){.fixed-bar{left:50%;right:auto;margin-left:840px;}}.fixed-bar a{display:block;width:48px;height:48px;line-height:48px;text-align:center;background:#fff;position:relative;color:#bbc1d1;font-size:22px;}.fixed-bar a.fixed-weibo{border-top-left-radius:3px;border-top-right-radius:3px;}.fixed-bar a:hover{background:#3295d9;color:#fff;}.fixed-bar a.fixed-wechat:hover .wechat_div{visibility:visible;opacity:1;color:#000;}.fixed-bar a .wechat_div{padding:10px;width:278px;visibility:hidden;opacity:0;position:absolute;right:100%;top:0;z-index:2;background-color:#fff;box-shadow:-2px 0 5px rgba(0,0,0,0.2);}.fixed-bar a .wechat_div .thumb{float:left;width:112px;margin-right:10px;line-height:0;}.fixed-bar a .wechat_div .wechat_info{float:left;width:136px;text-align:left;line-height:1em;}.fixed-bar a .wechat_div .wechat_info h3{margin:15px 0 10px;font-size:16px;color:#525252;font-weight:bold;}.fixed-bar a .wechat_div .wechat_info h4{font-size:14px;margin:0;font-weight:normal;color:#969696;}.fixed-bar a .wechat_div .wechat_info p{font-size:12px;color:#969696;}.fixed-bar #back-top a{background:#3295d9;color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}.fixed-bar #back-top a:hover i{font-size:30px;}.body-book .footer-copyright p a,.body-book .primary-menus .right-link a,.body-book .primary-menus ul li:first-child{color:#d8fdff;}.body-book .footer-copyright p a:hover,.body-book .primary-menus .right-link a:hover{color:#fff;}.body-book .header{background-color:#06b7c1;}.body-book .header .logo{width:290px;}.body-book .header .logo strong{width:258px;}.body-book .header .logo strong a{padding-bottom:31.3953488%;}.body-book .header .arrow+.subnav a:hover{color:#06b7c1;transition:.2s;}@media (max-width: 991px){.body-book .header{padding-top:10px;}.body-book .header .logo{width:100%;margin-bottom:16px;}.body-book .header .logo strong{width:60%;max-width:292px;}.body-book .header .arrow+ul.subnav li a{background-color:#06b7c1;}.body-book .header .arrow+ul.subnav li a:hover{color:#fff;background-color:#439295;}}.body-book .primary-menus .left-cont button{background-color:#5adadf;}.body-book .primary-menus .left-cont button:hover{background-color:#38d5db;}.body-book .header-recommend .link a:hover{color:#06b7c1;}.body-book .part .items{padding-bottom:8px;}.body-book .part h2 strong::before{display:none;}.body-book .part h2 a{color:#06b7c1;}.body-book .footer-copyright{background-color:#06b7c1;color:#d8fdff;}.body-book .fixed-bar #back-top a,.body-book .fixed-bar a:hover{background-color:#06b7c1;}.book_item{border:1px solid transparent;border-radius:6px;position:relative;padding:0 0 40px;overflow:hidden;background:#fff;}.book_item .img{width:100%;position:relative;background-color:#fff;padding:0 20px;}.book_item .img::before{content:'';display:block;padding-bottom:100%;}.book_item .img img{position:absolute;bottom:0;left:0;right:0;margin:0 auto;max-width:100%;max-height:100%;}.book_item h3{margin-top:18px;margin-bottom:10px;padding:0 20px;width:100%;height:40px;font-size:14px;line-height:20px;color:#3c3c3c;transition:.3s;overflow:hidden;text-overflow:ellipsis;font-weight:bold;}.book_item h3:hover{color:#2c2c2c;transition:.3s;}.book_item p{padding:0 20px;width:100%;height:40px;font-size:12px;color:#999;line-height:20px;overflow:hidden;}.book_item p:hover{color:#595857;transition:.3s;}.book_item a.buy{position:absolute;bottom:-1px;color:#fff;font-size:14px;padding:0;height:34px;line-height:34px;text-align:center;border-radius:0;opacity:0;border:1px solid #72dddf;white-space:nowrap;text-overflow:clip;}.book_item a.buy.buy_1{width:100%;background-color:#5dd0d3;border-color:#5dd0d3;box-sizing:content-box;border-bottom-left-radius:6px;border-bottom-right-radius:6px;left:-1px;}.book_item a.buy.buy_1:hover{background-color:#06b7c1;border-color:#06b7c1;}.book_item a.buy.buy_2{width:50%;box-sizing:content-box;}.book_item a.buy.buy_2:nth-of-type(1){background-color:#5cd1d3;border-color:#5cd1d3;border-bottom-left-radius:6px;left:-1px;}.book_item a.buy.buy_2:nth-of-type(1):hover{background-color:#06b7c1;border-color:#06b7c1;}.book_item a.buy.buy_2:nth-of-type(2){background-color:#72dddf;right:-1px;border-bottom-right-radius:6px;}.book_item a.buy.buy_2:nth-of-type(2):hover{background-color:#06b7c1;border-color:#06b7c1;}@media (max-width: 767px){.book_item a.buy{font-size:12px;}}.book_item.show,.book_item:hover{border:1px solid #eee;box-shadow:0px 0px 12px rgba(0,0,0,0.05);background-color:#fbfbfb;}.book_item.show h3,.book_item:hover h3{color:#2c2c2c;}.book_item.show p,.book_item:hover p{color:#808080;}.book_item.show a.buy,.book_item:hover a.buy{opacity:1;}.body-shop .header{background-color:#3963c5;}.body-shop .header .logo{width:290px;}.body-shop .header .logo strong{width:258px;}.body-shop .header .logo strong a{padding-bottom:31.3953488%;}.body-shop .header .arrow+.subnav a:hover{color:#3963c5;transition:.2s;}@media (max-width: 991px){.body-shop .header{padding-top:10px;}.body-shop .header .logo{width:100%;margin-bottom:16px;}.body-shop .header .logo strong{width:60%;max-width:292px;}.body-shop .header .arrow+ul.subnav li a{background-color:#3963c5;}.body-shop .header .arrow+ul.subnav li a:hover{color:#fff;background-color:#0062a5;}}.body-shop .primary-menus .left-cont button{background-color:#79adfc;}.body-shop .primary-menus .left-cont button:hover{background-color:#5e9af5;}.body-shop .footer-copyright{background-color:#3963c5;}.body-shop .fixed-bar #back-top a,.body-shop .fixed-bar a:hover{background-color:#3963c5;}.shop-content{background-color:#fff;padding:34px 0 0;}.shop-content .shop-part{position:relative;}.shop-content h2{background-color:#f1f4f9;position:absolute;top:0;left:0;width:130px;height:100%;overflow:hidden;vertical-align:middle;text-align:center;border-top:1px solid #eee;border-bottom:1px solid #eee;border-left:1px solid #eee;z-index:2;}.shop-content h2 .title-middle{position:absolute;width:100%;top:50%;height:80px;margin-top:-45px;display:block;}.shop-content h2 img{display:block;width:40px;height:40px;margin:10px auto;}.shop-content h2 strong{font-size:20px;font-weight:normal;}.shop-content .items{margin:0 0 0 130px;zoom:1;background-color:#fff;}.shop-content .items .row{margin:0;}.shop-content .items .row>div{padding:0;}.shop-content .item{text-align:center;border-left:1px dotted #e5e5e5;border-top:1px solid #eee;border-right:1px dotted #e5e5e5;border-bottom:1px solid #eee;margin:0 0 -1px -1px;overflow:hidden;box-sizing:border-box;height:140px;}.shop-content .item a{display:block;padding:15px 0 20px 0;color:#555;font-size:12px;}.shop-content .item:hover{background-color:#f2f8fd;}.shop-content .item:hover h3{color:#ee521c;text-decoration:underline;}.shop-content .item:hover img{box-shadow:0 0 12px #c7dff3;}.shop-content .item img{display:block;width:118px;height:58px;border:1px solid #e6e6e6;margin:10px auto;border-radius:8px;}.shop-content .item h3{display:block;padding:15px 0 20px 0;color:#555;font-size:12px;padding:0;}.shop-content .content-linkto{margin:40px 0;}@media (max-width: 767px){.shop-content h2{position:static;width:100%;margin:10px 0;}.shop-content h2 .title-middle{height:21px;position:static;top:0;line-height:21px;margin:0;padding:10px 0;}.shop-content h2 img{background-size:20px auto;width:20px;height:20px;margin:0 10px;position:relative;top:2px;display:inline-block;}.shop-content .items{margin:0;}}
.container p{font-size:42px;margin-top: 30px;font-family:"kaiti";float: left;}
.container img{
	width:100px;
	float:left;
}

 
  .you{float: right;font-size: 18px;margin-top: 40px;line-height: 30px;}
  
  .footer {
 margin-top: 28px;
 width: 100%;
 color: #282525;
 background-color: rgba(150, 150, 150, 0.3);
 text-align: center;
 padding: 10px;
 font-size: small;
 z-index: 999;
 position: relative; 
 font-size: 20px;
}
 


@media screen and (max-width:640px){
.header, .catui{
    width:100%;
    /*background: #fff;*/
}
.container img{
	width:60px;
	
}

.catui .catui-block {
    margin-bottom: 15px;
    opacity: 1;
  border: none; 
    padding: 10px 3px 3px 3px;
    border-radius: 10px;
    background: rbg(222,112,211.1);
    background: rgba(255, 255, 255, 0.4);
}

.catui {
    padding: 2px;
  
}
.catui .catui-block .catui-block-meta a {
 
font-size: 14px;
 
width: 31%;
 
margin: 2px;
 
padding: 5px 0px 10px 1px;
}
canvas {
  
 
}

  .you{
display:none
  }
  
  .footer {
 margin-top: 28px;
    width: 100%;
    color: #282525;
    background-color: rgba(150, 150, 150, 0.3);
    text-align: center;
    padding: 10px;
    font-size: small;
    z-index: 999;
    position: relative;
}
 


}