*{
	margin: 0;
	padding: 0;
	--font-color1: #333333;
	--font-color2: #666666;
	--primary-color1: #377CF7;
	--primary-color2: #ff6600;
	--hover-color1: #afafaf1c;
	--hover-color2: #005eff;
	box-sizing: border-box;
	font-family: 'HONOR Sans CN';
}
a {
	color: var(--primary-color1);
}
.bookkeeping img {
	vertical-align: middle;
}
.button {
	padding: 10px 0;
	color: var(--font-color2);
	font-size: 14px;
	border-radius: 4px;
	border: 1px solid #EBECEC;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s;
}
.button.primary {
	color: #fff;
	background-color: var(--primary-color1);
	border: none;
}
.button:hover {
	background-color: var(--hover-color1);
}
.button.primary:hover {
	background-color: var(--hover-color2);
}
.color_primary1 {
	color: var(--primary-color1);
}
.color_primary2 {
	color: var(--primary-color2);
}
.bookbody{
	width: 100%;
	background-color: #fff;
}
.bookbanner img{
	width: 100%;
}
.bookcontent{
	width: 1200px;
	margin: 0 auto;
}
.bookbody .booktop {
	padding: 65px 0 116px;
}
.booktop .content_box {
	display: grid;
	grid-template-columns: auto 1fr 355px;
	color: var(--font-color2);
	font-size: 14px;
	box-shadow: 0 1px 8px #112d5713;
}
.booktop .imgtopleft {
	position: relative;
	padding: 2px;
}
.booktop .imgtopleft > img {
	width: 100%;
}
.imgtopleft .text {
	position: absolute;
	top: 45px;
	left: 29px;
	line-height: 2;
}
.imgtopleft .row_title {
	margin-bottom: 10px;
	font-size: 22px;
}
.imgtopleft .row_describe::before {
	margin-right: 9px;
	content: url('../../imgs/tick_icon_f60.png');
	vertical-align: middle;
}
.booktop .specification {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 23px 40px;
}
.specification :where(.row_type, .row_years) {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.specification .row_type > div {
	display: flex;
	gap: 10px;
}
.specification .button {
	width: 148px;
	border-radius: 0;
	line-height: 1;
}
.specification .button.active{
	color: var(--primary-color1);
	border: 1px solid var(--primary-color1);
}
.booktop .titletopright {
	padding: 30px 33px 20px;
	border-left: 1px solid #EBECEC;
}
.titletopright .row_num {
    margin-top: 15px;
	margin-bottom: 22px;
}
.titletopright .num {
	font-size: 32px;
	color: var(--primary-color2)
}
.titletopright .row_agreement {
	display: flex;
	gap: 7px;
	margin-top: 15px;
}

.content_title{
    color: var(--font-color2);
	font-size: 16px;
	text-align: center;
}
.content_title h1 {
	margin-bottom: 12px;
	color: var(--font-color1);
	font-weight: 500;
	font-size: 32px;
}
/* 服务优势start */
.advantage .content_box {
	padding-bottom: 96px;
}
.advantage .advantage_content {
	display: grid;
	gap: 97px;
	margin-top: 87px;
}
.advantage_content .advantage_item {
	display: flex;
	justify-content: space-between;
}
.advantage_content .advantage_item .adg_img img {
    width: 100%;
}
.advantage_item .adg_list {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 42px;
	padding: 15px 0;
	color: var(--font-color2);
}
.adg_list li {
	display: flex;
	gap: 28px;
	line-height: 1.2;
}
.adg_list .adg_text>div:first-child{
	margin-bottom: 10px;
	color: var(--font-color1);
	font-size: 20px;
}

/* 代理记账的服务流程 */
.progress {
	background: url('../images/progress_bg.png') no-repeat;
}
.progress .content_box {
	padding: 51px 0 66px;
}
.progress .progress_content {
	display: flex;
	gap: 100px;
	margin-top: 63px;
	padding: 45px 89px 52px 53px;
	border-radius: 80px;
	box-shadow: 0 2px 12px #081d381c;
	background-color: #ffffffa1;
}
.progress_content .progress_item > div {
	position: relative;
	display: inline-block;
	text-align: right;
}
.progress_content .progress_item > div > div {
	margin-top: 15px;
}
.progress_content .progress_item .arrow {
    position: absolute;
	top: 35%;
	right: -80px;
}

/* 所需资料 */
.material .content_box{
    padding-top: 93px;
}
.material_content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 55px;
}
.material_content .img img{
	width: 100%;
}
.material_item {
	box-shadow: 0 1px 8px #163f7d15;
}
.material_item ul {
	padding: 24px 35px;
	font-style: 14px;
	color: var(--font-color2)
}
.material_item li {
    display: flex;
	gap: 10px;
	line-height: 2;
}
.material_item li::before{
	content: url('../../imgs/tick_icon_f60.png');
}

/* 使用指南 */
.guide .content_box {
	padding-top: 112px;
}
.guide_content {
    margin-top: 43px;
}
.guide_content table {
    width: 100%;
	border-collapse: collapse;
}
.guide_content thead {
	background-color: #ededed;
}
.guide_content th {
    padding: 16px 0;
	font-size: 18px;
	font-weight: 400;
	color: var(--font-color2);
}
.guide_content td {
	padding: 10px 0;
	font-size: 14px;
	text-align: center;
}
.guide_content tbody tr {
	border-bottom: 1px solid #EBECEC;
}

/* 更多服务 */
.more_server .content_box {
    padding: 112px 0 108px;
}
.server_box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 39px;
}
.server_box img {
	width: 100%;
}

.bookbottom{
	background-color: #fff;
}
.bookbottom .bottomhead{
	line-height: 50px;
	box-sizing: border-box;
	display: flex;
	box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.06);
}
.bookbottom .bottomhead a{
	padding: 0 16px;
	margin: 0 30px;
	color: #666666;
	font-size: 16px;
}
.bookbottom .bottomhead .active{
	border-bottom: 2px solid #FF6A00;
}
.bookbottom .bottomcontent{
	padding: 50px;
}
.bookbottom .bottomcontent .level2{
	color: #666666;
	margin-bottom: 35px;
	font-size: 14px;
}
.bookbottom .bottomcontent .level1{
	padding-bottom: 40px;
	text-align: center;
	color: #333;
	font-size: 20px;
}
.bookbottom .bottomcontent .levelcontent{
	font-size: 14px;
	color: #666666;
	margin-bottom: 35px;
}
.bookbottom .bottomcontent .levelcontent .contentitem{
	position: relative;
	width: 340px;
	margin-bottom: 50px;
}
.bookbottom .bottomcontent .levelcontent .contentitem img{
	z-index: 10;
	position: relative;
}
.bookbottom .bottomcontent .levelcontent .triangle1{
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-right: 40px solid #f1f1f1;
	position: absolute;
	top: -5px;
	left: 10px;
}
.bookbottom .bottomcontent .levelcontent .triangle2{
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-right: 40px solid #FFF;
	position: absolute;
	top: -5px;
	left: 13px;
	z-index: 5;
}
.bookbottom .bottomcontent .levelcontent .right{
	border-left: 0;
	z-index: 10;
	height: 80px;
	box-sizing: border-box;
	border: 2px solid #f1f1f1;
	position: absolute;
	top: -5px;
	left: 89px;
	padding-left: 10px;
	padding-right: 25px;
	border-left: 0;
}
.bookbottom .bottomcontent .levelcontent .right .p1 {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #F1F1F1;
	display: flex;
	align-items: center;
	color: #FFA03C;
	font-size: 14px;
}
.bookbottom .bottomcontent .levelcontent .right .p1 .point{
	border-radius: 50%;
	margin-right: 12px;
	width: 4px;
	height: 4px;
	background-color: #FFA03C;
}
.bookbottom .bottomcontent .levelcontent .right .p2 {
	color: #999999;
	font-size: 12px;
	padding-top: 6px;
	max-width: 210px;
}
.bookbottom .bottomcontent .levelcontent .round{
	position: relative;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 2px 12px 1px rgba(9, 9, 9, 0.07);
	margin-bottom: 50px;
}
.bookbottom .bottomcontent .levelcontent .round .roundbottom{
	position: absolute;
	bottom:-35px;
	font-size: 14px;
	color: #333333;
}
.bookbottom .bottomcontent .levelcontent .dataitem{
	border: 1px solid #F1F1F1;
	box-shadow: 0px 2px 12px 1px rgba(9, 9, 9, 0.05);
	height: 220px;
}
.bookbottom .bottomcontent .levelcontent .dataitem .dataitemhead{
	width: 450px;
	height: 50px;
	background-color: #FF9E44;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #ffffff;
}
.bookbottom .bottomcontent .levelcontent .dataitem .dataitemhead img{
	margin-right: 10px;
}
.bookbottom .bottomcontent .levelcontent .dataitem .dataitembody{
	padding: 35px 10px 45px 30px;
	box-sizing: border-box;
	color: #666666;
	height: 170px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.bookbottom .bottomcontent .levelcontent .dataitem .dataitembody img{
	margin-right: 15px;
}
.bookbottom .bottomcontent .levelcontent .operation{
	width: 215px;
	height: 60px;
	background: #F5F8FF;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 30px;
}
.bookbottom .bottomcontent .levelcontent .banner{
	display: flex;
	position: absolute;
	left:-273px
}
.bookbottom .bottomcontent .levelcontent .banner .banneritem{
	display: inline-block;
	border: 1px solid #F1F1F1;
	width: 231px;
	margin-right: 42px;
	cursor: pointer;
}
.ml30{
	margin-left: 30px;
}
.h5 {
	display: none;
}
@media screen and (max-width: 1200px) {
    .bookcontent{
    	width: 100%;
    }
}
@media screen and (max-width: 768px) {
	.content_title {
		font-size: 12px;
	}
	.content_title h1 {
		font-size: 20px;
	}
	.bookbody .booktop {
		padding: 21px 16px 68px;
	}
	.booktop .content_box {
		grid-template-columns: repeat(1, 1fr);
	}
	.booktop .specification {
		padding: 24px 20px 36px;
	}
	.booktop .titletopright {
		margin: 0 18px 8px;
		padding: 43px 27px 20px;
		border: none;
		border-top: 1px solid #EBECEC;
	}
	.specification .button {
		width: 100%;
		max-width: 148px;
	}
	.advantage .content_box {
		padding-bottom: 53px;
	}
	.advantage .advantage_content {
		margin-top: 49px;
		padding: 0 16px;
		gap: 59px;
	}
	.advantage_content .advantage_item {
		flex-direction: column;
	}
	.advantage_content .advantage_item:last-child {
		flex-direction: column-reverse;
	}
	.advantage_item .adg_list {
		padding: 21px 0 0;
		width: 100%;
		font-size: 12px;
	}
	.progress {
		background-image: url('../images/progress_mc_bg.png');
		background-size: 100% 100%;
		padding: 0 16px;
	}
	.progress .progress_content {
		flex-direction: column;
		padding: 58px 127px 75px 84px;
		margin-top: 34px;
	}
	.progress_content .progress_item {
		text-align: center;
	}
	.progress_content .progress_item .arrow {
		position: relative;
		top: unset;
		right: 20px;
		bottom: -55px;
		transform: rotate(90deg);
	}
	.material .content_box {
		padding: 53px 16px 0;
	}
	.material_content {
		margin-top: 26px;
		grid-template-columns: repeat(1, 1fr);
	}
	.guide .content_box {
		padding: 65px 16px 0;
	}
	.guide_content th {
		font-size: 16px;
	}
	.more_server .content_box {
		padding: 65px 16px 32px;
	}
	.server_box {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media screen and (max-width: 540px) {
	.bookbanner img {
		content: url('../images/banner_mc_new.png')
	}
	.pc {
		display: none;
	}
	.h5 {
		display: block;
	}
	.imgtopleft .text {
		top: 27px;
		left: 20px;
		font-size: 14px;
	}
	.advantage_item .adg_list {
		font-size: 12px;
	}
	.adg_list .adg_text>div:first-child {
		font-size: 16px;
	}
}