:root {
	--theme_color:#ffd43f;
	--theme_low_color:#FFF8D4;
	--theme_text_color:#333333;
    --theme_about_color:#282828;
    --theme_share_text_color:#333333;
}
[add-theme="1"] {
	--theme_color:#78ce83;
	--theme_low_color:#E5F3E2;
	--theme_text_color:#ffffff;
    --theme_about_color:#78ce83;
    --theme_share_text_color:#78ce83;
}
[add-theme="2"] {
	--theme_color:#2CE7A6;
	--theme_low_color:#a8f6db;
	--theme_text_color:#333333;
    --theme_about_color:#282828;
    --theme_share_text_color:#333333;
}



html,body {
	min-width:1000px;
	margin:0;
    font-family:sans-serif;
}
#top_bg {
    min-width:1000px;
	position:fixed;
	left:0;
	top:0;
	right:0;
    margin: auto;
	width:100%;
	height:80px;
	background-color:#ffffff;
	z-index:9999;
	box-shadow:0 5px 5px 0 rgba(0,35,4,0.1);
}
#top_bar_view {
	min-width:1000px;
    margin: auto;
	width:100%;
    max-width:1400px;
	height:80px;
}
.top_bar_logo {
	float:left;
	width:100px;
	height:100%;
	margin-left:50px;
	object-fit:contain
}
.menu_view {
	height:100%;
	width:770px;
	float:right;
	color:#333333
}
.menu_item {
	float:left;
	width:120px;
	height:90%;
	line-height:90px;
	text-align:center;
	color:#333333;
}
.menu_item:hover {
	color:var(--theme_color);
	cursor:pointer
}
#menu_line {
	width:40px;
	height:4px;
	position:relative;
	top:65px;
	background-color:var(--theme_color);
	left:40px
}
.user_center_icon {
	float:right;
	width:40px;
	height:40px;
	margin-top:22px;
	margin-right:10px
}
.user_center_text {
	float:right;
	width:80px;
	height:80px;
	line-height:80px
}
.margin {
	width:100%;
	height:200px
}
.footer {
	width:100%;
	height:100px;
	background:#2c2c2c;
	display:flex;
	justify-content:center;
	align-items:center;
	bottom:0
}
.footer_con img {
	position:relative;
	left:50%;
	transform:translateX(-50%)
}
.footer_text {
	font-size:12px;
	color:rgba(255,255,255,1);
	margin-top:5px
}
.footer_text a {
	text-decoration:none;
	color:rgba(255,255,255,1)
}
#home_view {
	width:100%;
	min-width:1000px;
	height:999px;
	padding-top:80px;
	margin:auto;
	overflow-y:scroll
}
.swiper-button-prev {
	color:#ffffff;
	background-color:#3333335f
}
.swiper-button-next {
	color:#ffffff;
	background-color:#3333335f
}
.swiper-pagination-bullet-active {
	background:var(--theme_color)
}
.swiper-button-next:after,.swiper-button-prev:after {
	font-size:20px
}
.swiper_img {
	width:100%;
	object-fit:contain
}
.con_title {
	display:block;
	color:#333333;
	font-size:24px;
	font-weight:550;
	margin-left:60px
}
.title_line {
	width:40px;
	height:5px;
	background-color:var(--theme_color);
	border-radius:2px;
	margin-top:5px
}
.book_view {
	width:100%;
	margin:auto;
	margin-top:30px;
	max-width:1500px
}
#book_bg {
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.book_item {
	width:120px;
	height:180px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	margin:20px 10px 20px 60px;
	overflow:hidden;
	border-radius:6px
}
.book_item img {
	width:100%;
	object-fit:contain;
	top:0;
	border-radius:6px
}
.book_item_add {
	background-color:var(--theme_low_color);
	box-shadow:3px 4px 5px 0px rgba(2,1,1,0.1)
}
.book_item_add img {
	width:40%;
	object-fit:contain;
	top:0
}
.book_item_add div {
	color:#333333;
	font-size:17px;
	margin-top:10px
}
.tools_view {
	width:100%;
	margin:auto;
	margin-top:30px;
	max-width:1500px
}
#tools_bg {
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.tools_item {
	width:100px;
	height:120px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	margin:5px 40px
}
.tools_item img {
	width:70%;
	object-fit:contain;
	top:0
}
.tools_item div {
	width:100%;
	text-align:center;
	color:#333333;
	font-size:16px
}
.intro_view {
	width:100%;
	margin:auto;
	margin-top:30px;
	max-width:1500px;
}
#intro_img {
	width:85%;
	margin:10px 60px 10px 60px;
	max-width:1300px;
}
#download_view {
	width:1000px;
	min-width:1000px;
	height:999px;
	padding-top:80px;
	margin:auto;
	display:none;
}
#down_img1 {
	float:left;
	width:500px;
	margin-left:50px
}
#down_right {
	float:left;
	width:400px
}
#down_img2 {
	float:left;
	width:300px;
	margin-left:50px;
	margin-top:50px;
	margin-right:100px
}
#donw_text {
	float:left;
	width:400px;
	line-height:40px;
	font-size:22px;
	color:#333333;
	margin-top:30px;
	white-space:pre-line
}
#down_img3 {
	float:left;
	width:300px;
	margin-left:50px
}
#remind_text {
    float:left;
    width:100%;
	line-height:40px;
	font-size:16px;
    text-align: center;
    color:#333333;
}
#about_view {
	width:100%;
	min-width:1000px;
	height:850px;
	padding-top:80px;
	margin:auto;
	overflow-y:scroll;
	display:none;
}
#content {
	width:100%;
	height:100%
}
.main {
	background-size:100% 100%;
	width:100%;
	min-width:1000px;
	height:100%;
	margin:auto;

}
#aboutwe::after {
	content:'';
	position:absolute;
	bottom:-12px;
	width:0.346667rem;
	height:0.04rem;
	background:var(--theme_color);
	border-radius:2px;
	left:50%;
	transform:translateX(-50%)
}
.footer {
	margin-top:0;
	box-shadow:0 -5px 5px 0 rgba(2,1,1,0.1);
}
.all {
	width:1200px;
	margin:auto;
	padding-top:75px;
}
.tit,.tit-cpjs {
	color:var(--theme_about_color);
	font-size:18px;
	position:relative;
	font-weight:bold
}
.tit::before,.tit-cpjs::before {
	content:'';
	top:25%;
	width:8px;
	height:8px;
	border-radius:50%;
	background-color:var(--theme_color);
	position:absolute
}
.tit-cpjs {
	margin-top:30px
}
.con {
	color:#666666;
	letter-spacing:2px;
	font-size:16px;
	line-height:25px;
	margin-top:8px;
    width: 95%;
}
#gongneng_jieshao_detail {
    width: 66%;
}
.cpjs-img {
	margin-top:15px
}
.cpjs-img img {
	margin-right:20px
}
.gongneng_jieshao {
	color:#000000;
	font-size:18px;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px
}
#gongneng_jieshao_detail span {
	color:var(--theme_about_color);
	font-size:16px;
	font-weight:bold
}
.erweima {
	margin-top:15px;
	font-size:14px;
	color:#666666;
	display:flex
}
.erweima1, .erweima2 {
	display:flex;
	flex-direction:column;
	align-items:center
}
.erweima2 {
	width:146px;
	height:146px
}
#about_img {
	object-fit:contain;
	width:100%
}
.share {
	width:64px;
	height:76px;
	position:fixed;
	left:85%;
	top:60%;
}
.share_show_con {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	width:64px;
	height:76px;
	background:#FFFFFF;
	box-shadow:0px 2px 7px 0px rgba(2,1,1,0.15);
	border-radius:5px;
	left:85%;
	top:45%
}
.share_show_con span {
	font-size:14px;
	color:#282828;
	margin-top:5px;
	display:block;
	cursor:pointer
}
.share_open {
	visibility:hidden;
	width:193px;
	background:#FFFFFF;
	box-shadow:0px 1px 12px 0px rgba(2,1,1,0.1);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:15px 0;
	position:absolute;
	z-index:10;
	left:-195px;
    top: 0px;
	border-radius:5px;
	font-size:14px
}
.share_btn {
	width:111px;
	height:30px;
	line-height:30px;
	background:var(--theme_color);
	border-radius:5px;
	text-align:center;
	color:#282828;
	margin-top:10px;
	cursor:pointer;
	font-size:14px;
	color:var(--theme_text_color);
}
#pc_copy {
	opacity:0.0001;
	height:1px
}


#k_alert_mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.5);
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Microsoft YaHei;
}
#k_alert_bg_div{
    display: flex;
    flex-direction: column;
}
#k_alert_bg {
    width: 400px;
    margin: auto;
    background-color: white;
    border-radius: 10px;
}

#k_alert_title {
    float: left;
    width: 100%;
    height: 100px;
    background-color: var(--theme_low_color);
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#k_alert_title img {
    height: 90%;
    padding-top: 3%;
}

#k_alert_content {
    float: left;
    width: 90%;
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
    color: #333333;
    line-height: 30px;
    margin-left: 5%;
    margin-top: 40px;
    margin-bottom: 20px;
}

#k_alert_cancel {
    float: left;
    width: 35%;
    height: 38px;
    margin-left: 10%;
    line-height: 38px;
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 25px;
    border-radius: 19px;
    background-color: rgb(229, 229, 229);
    color: rgb(119, 119, 119);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;

}

#k_alert_confirm {
    float: left;
    width: 35%;
    margin-left: 10%;
    height: 38px;
    line-height: 38px;
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 25px;
    border-radius: 19px;
    background-color: var(--theme_color);
    color: var(--theme_text_color);
    display: flex;
    justify-content: center;
    align-items: center;
}