* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

a:focus,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    outline: none;
}
.clearfix:after{content:'';display:block;clear:both;height:0}
.clear{clear:both}
.navbar-brand{
    padding: 8px 10px;
    font-size: 30px;
    line-height: 20px;
    display: inline-block;
}
.topbar-bg {
    height: 100vh;
    background: url(../images/header.png?v=1.0) no-repeat;
    background-size: cover;
}

.topbar.active {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #636363;
    z-index: 9999;
}

#bs-navbar {
    position: fixed;
    left: 0px;
    top: 50px;
    width: 100%;
    background: rgb(99, 99, 99);
}

.navbar-header {
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
.navbar-header.navbar-header-fixed {
	background: #fff;
	box-shadow: 0 2px 12px rgba(168, 168, 168, .31);
}

.navbar-header .logo-img-fixed {
	display: none;
}

.navbar-header.navbar-header-fixed .logo-img {
	display: none;
}

.navbar-header.navbar-header-fixed .logo-img-fixed {
	display: block;
}

.navbar-header.navbar-header-fixed .navbar-toggle {
	background: #308fe2;
}

.navbar-toggle .icon-bar {
    background: #fff;
}

.navbar-toggle img {
    width: 22px;
	height:16px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

.navbar-brand img {
    height: 38px;
	width: 141px;
}

.navbar-nav {
    color: #fff;
    margin: 0 -15px;
}

.navbar-nav .navbar-login {
    padding: 15px 0;
}

.navbar-nav li {
    border-bottom: 1px solid #515151;
}

.navbar-nav li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navbar-nav .navbar-login a:focus {
    background: linear-gradient(to right, #4d7ceb, #514ce8, #2a48ea);
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #636363;
}

.btn-logging {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(to right, #4d7ceb, #514ce8, #2a48ea);
    border: none;
    outline: none;
    text-shadow: 2px 2px 1px rgba(229, 116, 101, .55);
}

.btn-login {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(to right, #4d7ceb, #514ce8, #2a48ea);
    border: none;
    outline: none;
    box-shadow: 6px 6px 20px rgba(5, 18, 30, .6);
    text-shadow: 2px 2px 1px rgba(229, 116, 101, .55);
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    color: #fff;
    background: linear-gradient(to right, #4d7ceb, #514ce8, #2a48ea);
    border: none;
    outline: none;
}

.topbar-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 10px;
    width:100%;
    height: calc(100vh - 50px);
}

.topar-content-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.topbar-content-title {
    text-align: center;
    color: #fff;
}

.topbar-content-title img {
    width: 60%;
}

.topbar-content-title h3 {
    font-size: 26px;
    line-height: 1.8;
}

.video-container {
}
.video-container .title {
	padding: 20px;
	font-size: 18px;
}
.topbar-content-title p {
    margin-top: 60px;
    font-size: 14px;
    line-height: 1.5;
}

.topbar-content-btn {
    /* margin-top: 200px; */
}

.topbar-content-btn #free-btn {
    padding: 0;
    width: 50vw;
    height: 18vw;
    line-height: 18vw;
    font-size: 5.2vw;
}

.topbar-content-btn #free-btn:focus,
.topbar-content-btn #free-btn:hover,
.topbar-content-btn #free-btn:active {
    background: linear-gradient(to right, #4d7ceb, #514ce8, #2a48ea);
}

.topbar-content-pulldown {
    color: #fff;
    font-size: 16px;
}

.topbar-content-pulldown p {
    color: rgba(255, 255, 255, .9);
}

.topbar-content-pulldown img {}


.header {
	z-index:10;
	position:fixed;
	display:flex;
	align-items:center;
	justify-content:space-between;
	top:0;
	left:0;
	width:100%;
	height:11.73333vw;
	padding:0 15px;
}

.header-fixed {
  	background: #fff;
	box-shadow: 0 2px 12px rgba(168, 168, 168, .31);
}

.header .logo-img {
	width:20vw;
}
.header .login-user {
	width:5.86667vw;
	height:5.86667vw
}
.header .navbar-menu {
	margin-left: 3.333333vw;
	width:5.33333vw;
	height:5.33333vw
}

.header .header-img-fixed {
	display: none;
}

.header.header-fixed img {
	display: none;
}

.header.header-fixed .header-img-fixed {
	display: inline-block;
}


.popup-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	display: none;
}

.popup-menu {
	width:80vw;
	height:100vh;
	background:#fff;
	z-index: 1000;
	top: 50%;
	right: 0;
	transform: translate3d(0,-50%,0);
	position: fixed;
	max-height: 100%;
	overflow-y: auto;
	background: #fff;
	transition: transform .3s;
	-webkit-overflow-scrolling: touch;
	display: none;
}
.popup-menu .menu-header {
	position:-webkit-sticky;
	position:sticky;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:13.6vw;
	padding:0 4vw;
	background:#fff;
	border-bottom:1px solid #e4e4e4
}

.popup-menu .menu-header .menu-logo {
	flex:none;
	width: 20vw;
}

.popup-menu .menu-header .menu-close {
	flex:none;
	width:4.66667vw
}

.popup-menu .menu-content {
	padding:2.93333vw 0 16vw;
	height:calc(100vh - 13.6vw);
	overflow-y:auto;
}

.popup-menu .menu-content .menu-item .item-name {
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#000;
	height:13.33333vw;
	padding:0 4vw
}


.popup-menu .menu-content .menu-item .item-name .i-arrow {
	display:inline-block;
	width:6.4vw;
	height:6.4vw;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAANVQTFRFAAAA////f39/VVVVmZmZkpKSjo6Oi4uLnZ2dlpaWnJycmZmZnp6emZmZnZ2dlZWVl5eXm5ubmpqal5eXm5ublpaWmZmZmZmZmpqamJiYmJiYmJiYmJiYmZmZmpqal5eXmZmZmpqamZmZmJiYl5eXmJiYmZmZmZmZmZmZmZmZmZmZmJiYmJiYmZmZmZmZmJiYmZmZmJiYmZmZmJiYmZmZmJiYmZmZmZmZmZmZmJiYmZmZmJiYmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZ+5PbmgAAAEZ0Uk5TAAECAwUHCQsNERIUFRkaHSAhJiwuMzxBREVNT1JfYmVwdHh8fX6CjpGUlqGorbm/wMbIzc/T1tng5OXn6u/w8vP3+fv8/kHEKc0AAACjSURBVBgZ7cFFAoIAFATQQVHs7u5E7E5U5v5H8gr/L9zxHny+v1ntc1DZ8VaERnzDVwUalsN3AxqmzW8bGsaEXh8qPY9TAxqtD20TGjWXjgWN0oObGDTyFx7S0MgceU5CY0BWoTAi5wGIGTNyDDnTpteFXNjhpwm56JpuDXKpPR8lyOVOvBYgV7zxmIVc+cltAnJ1l8sIFO5chKDRGQbh8+n9ALXTFA90JaB8AAAAAElFTkSuQmCC);
	background-size:100%
}


/* banner */

.swiper-container .swiper-slide {
	width: 100%;
}

.banner-bar {
	position: relative;
	width: 100%;
	height: 80vw;
	text-align: center;
	z-index: 0;
	overflow: hidden;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-repeat: no-repeat;
	background-position: center 0;
}

.banner-bar .warp {
	text-align: left;
	width: 80vw;
	margin: 0 auto;
}


.banner-content {
	position: relative;
	padding-top: 17.33333vw;
}

.banner-content .heardName {
	font-size: 5.86667vw;
	color: #fff;
	font-weight: 700;
}

.banner-content .heardTitle {
	font-size: 5.86667vw;
	color: #fff;
	font-weight: 700;
}

.banner-content .heardContext {
	position: relative;
	font-size: 4vw;
	color: #fff;
	line-height: 1.4;
	margin-top: 2vw;
	opacity: .7;
}

.banner-bar .banner-btn {
	position: relative;
	margin-top: 60px;
}


.banner-bar .banner-btn .create-btn {
	padding: 8px 20px;
	border-radius: 8px;
	background: #fff;
	font-size: 16px;
	letter-spacing: 2px;
	color: #0062ff;
}

/* advantage */
.advantage {
	padding:5.33333vw 0 1.33333vw
}
.advantage .item {
	position: relative;
	border: 1px solid #248df4;
	border-radius: 8px;
	margin: 3.2vw;
	padding: 10px;
}

.advantage .item img {
	width: 87px;
	float: left;
}

.advantage .item .content {
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin-left: 110px;
}

.advantage .item .content .title {
	color:#333;
	font-size:4.53333vw;
	font-weight:700
}

.advantage .item .content .desc {
	color:#999;
	line-height: 1.8;
}

.create-step-box {
  margin-top: 8.8vw;
}

.title-box {
 	text-align:center
}

.title-box span {
	font-size:5.06667vw;
	color:#333;
	font-weight:700;
	position:relative
}

.create-step-box .steps {
	margin: 9.33333vw 3.2vw;
	box-shadow: 0 .4vw 2.66667vw 1px #0000000f;
	border-radius: 1.33333vw;
	padding: 1.6vw 3.2vw;
}

.title-box span:before {
	position:absolute;
	content:"";
	width: 2.8vw;
	height:2.8vw;
	background-size:100% 100%;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAA8UlEQVQYV4WRvU/CYBjEr6WgAjXRkOhgooMrcWEgrP7hThAHIySwYDQmEjdjC1I+Ku1xL21D0qTps7zD+3suz91ZSGcbkV9r4C0AFv9ArQJcnwBtF2g4QMXSGDYQ+OID34J3cbaevM0q8HAO3NUBK4rJgQd8SrFoXC08tgTPVmT/FwhzivnF+6bgyR85lDKLhQ8/5m5rNCfHC8EldNUWPF3KnJSjEviyJtgLyacfYLkrvsNWZp0LwdR8KLJnmYwLTN4otp6BM733gHxV1tvoaNYoXp0CXYGuk5ZiFhQ3fTU326gkneQIbOnO2zO1Zyfl7QEddl4UNEzpqgAAAABJRU5ErkJggg==);
	right:-6vw;
	top:-3vw
}

.title-box span:after {
	position:absolute;
	content:"";
	width: 2.8vw;
	height: 2.8vw;
	background-size:100% 100%;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABIElEQVQoU22RzUsCURTFzxttPpTCNAPduBNaR6G4beH/3CJatsmdEIQE0UpxJBm/mpnbuT2lmdEH98G8d8955/7GoLDSVGSyAupnLM+Y4v3RQbgTeZoBDRcY1IGykxflBDHdRwvgLQJKtO43gE4AGK7DS+aHTZsEWLFmW2C8BNapvb72gG4VuGC8wAF8upjHqUi4A2I2aV8q/6nV1uGm5bJ6lxRMIpHX0LpmenOzqrDNaPc1ChJG+iCV0TdjxUUm9rvlA3dsrrn7YVT0wlfeOewRRtoPm0DTt4P/bcr+mSg/N7ZdMwvzHSI+UNAOMoJtQvZTYM5IV+SveZXc1xpY8uyWcW7OM4JYLH/9WS2i9IhPaUVsVsxq0KlkBKdHPX36C6+hbMsUgPWGAAAAAElFTkSuQmCC);
	left:-6vw;
	bottom: -.8vw
}

.create-step-box .steps img {
	width: 100%;
}


/* theme box */

.theme-box {
 	padding-top:5.33333vw
}

.theme-box .theme-list {
	margin:1.33333vw 3.33333vw 5.33333vw;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.theme-box .theme-list .theme {
	margin-top:4vw;
	width:calc(50% - 1.6vw);
	text-align:center
}
.theme-box .theme-list .theme .img-box {
	padding:1.33333vw;
	box-shadow:0 .4vw 1.33333vw 1px #0000001a;
	border-radius:1.33333vw
}
.theme-box .theme-list .theme .img-box img {
	width:100%;
	height:76.8vw;
	border-radius:1.33333vw
}

.theme-box .theme-list .theme .theme-name {
  margin-top: 4vw;
  font-size: 3.46667vw;
  color: #333;
}

.theme-type-box {
	margin-top: 15px;
	padding: 0 10px;
}
.theme-type-box .theme-type-item {
	margin-top: 10px;
	padding: 0 5px;
}

.theme-type-box .btn-block {
	background: #D4EAFF;
	color: #1990FF;
	box-shadow: 0px 2px 4px 0px rgba(25,144,255,0.27);
	border-radius: 13px;
	border: 1px solid #1990FF;
}

.theme-type-box .btn-block.active {
	background: #1990FF;
	box-shadow: 0px 2px 4px 0px rgba(25,144,255,0.27);
	border-radius: 13px;
	color: #fff;
}

.site-advantage {
 	margin-top:13.33333vw
}
.site-advantage .item-box {
	display:flex;
	flex-wrap:wrap;
	margin: 6vw 3.2vw;
}
.site-advantage .item-box .item {
 	margin-top:4vw;
	width:50%;
	text-align:center;
}

.site-advantage .item-box .item .img-box {
}
.site-advantage .item-box .item .img-box img {
	width: 90%;
}
.site-advantage .item-box .item .title {
	margin-top:4vw;
	color:#333
}

.add-vote-bar {
	margin-top: 12vw;
	height: 26.33333vw;
	color: #fff;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-size: 100% 100%;

}

.add-vote-bar .createBtn {
	display: inline-block;
	width: 21.33333vw;
	height: 6.93333vw;
	background: #ffffff;
	box-shadow: 0 .8vw 2.66667vw 1px #ff615633;
	border-radius: 12px;
	line-height: 6.93333vw;
	text-align: center;
	margin-top: 3.73333vw;
	color: #1990FF;
	font-size: 14px;
}

.site-clients {
	padding-top: 12.66667vw;
	padding-bottom: 12vw;
}

.site-clients img {
	 margin-top: 9.33333vw;
	 width: 100%;
}


/* cases box */

.cases-box {
 	padding-top:5.33333vw
}

.cases-box .cases-list {
	margin:1.33333vw 3.33333vw 5.33333vw;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.cases-box .cases-list .cases {
	margin-top:4vw;
	width:calc(50% - 1.6vw);
	text-align:center;
	padding:1.33333vw;
	box-shadow:0 .4vw 1.33333vw 1px #0000001a;
	border-radius:1.33333vw
}
.cases-box .cases-list .cases .img-box {

}
.cases-box .cases-list .cases .img-box img {
	width:100%;
	height: 30.66667vw;
	border-radius:1.33333vw
}

.cases-box .cases-list .cases .cases-name {
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.cases-box .cases-list .cases .case-flow {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 12px;
  margin: auto;
  color: #666;
  font-size: 12px;
}

.cases-box .cases-list .cases .case-flow .num {
  color: #1990FF;
}

.cases-type-box {
	margin-top: 15px;
	padding: 0 10px;
}
.cases-type-box .cases-type-item {
	margin-top: 10px;
	padding: 0 5px;
}

.cases-type-box .btn-block {
	background: #D4EAFF;
	color: #1990FF;
	box-shadow: 0px 2px 4px 0px rgba(25,144,255,0.27);
	border-radius: 13px;
	border: 1px solid #1990FF;
}

.cases-type-box .btn-block.active {
	background: #1990FF;
	box-shadow: 0px 2px 4px 0px rgba(25,144,255,0.27);
	border-radius: 13px;
	color: #fff;
}


.my-service .core-advantage {
 	margin-top:13.33333vw
}
.my-service .core-advantage .item-box {
	display:flex;
	flex-wrap:wrap;
	margin:8vw 3.2vw
}
.my-service .core-advantage .item-box .item {
 	text-align:center
}
.my-service .core-advantage .item-box .item:not(:nth-child(3n+1)) {
 	margin-left:14.66667vw
}
.my-service .core-advantage .item-box .item:not(:nth-child(-n+3)) {
 	margin-top:12vw
}
.my-service .core-advantage .item-box .item .img-box {
	box-shadow:0 0 1.33333vw 1px #0000000f;
	border-radius:1.33333vw;
	padding:1.06667vw
}
.my-service .core-advantage .item-box .item .img-box img {
	width:19.2vw;
	height:19.2vw
}
.my-service .core-advantage .item-box .item .title {
	margin-top:4vw;
	color:#333
}

/*  功能与服务  */
.powerful {
    padding: 50px 0 10px;
    background: #f6f7fa;
}

.powerful-content {
    margin: auto;
}

.powerful-title {
    padding-bottom: 10px;
}

.powerful .powerful-list {
	margin: 1.33333vw 3.33333vw 5.33333vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.powerful .powerful-list .item {
	background:#ffffff;
	display:flex;
	padding: 10px;
	margin-top: 4vw;
	width: calc(50% - 1.6vw);
}


.powerful .powerful-list .powerful-list-content {
	width: 100%;
	margin-left: 10px;
}

.powerful .powerful-list .item .title {
	color:#333;
	font-size:14px;
}
.powerful .powerful-list .item .tip {
	color:#999;
	font-size:12px;
	line-height:18px;
	box-sizing:border-box;
}

.powerful .powerful-list .item .img {
	width:10vw;
	height:10vw;
	position:relative;
}

.powerful .powerful-list .item .img img {
	width:98%;
}


/* 我们的优势 */
.mysite-superiority {
	margin: 0 auto;
}

.mysite-superiority .superiority-box {
	margin: 0 auto;
	text-align: center;
}


.mysite-superiority .superiority-box .content {
	margin-top: 30px;
	text-align: center;
}

.mysite-superiority .superiority-box .picture-text-content-box {
	margin:0 auto;
	display:flex
}

.mysite-superiority .superiority-box .picture-text-content-box .mysite-picture {
	text-align: center;
	margin-left: 0;
	padding: 15px;
	width: 38%;
}

.mysite-superiority .superiority-box .picture-text-content-box .mysite-picture img{
	max-width: 100%;
	width: 95%;
	padding-top: 10px;
}

.mysite-superiority .superiority-box .picture-text-content-box .mysite-text {
	margin-left: 0;
	width: 70%;
	padding: 15px;
}

.mysite-superiority .superiority-box .picture-text-content-box .mysite-text .title {
	font-size: 14px;
	font-weight: 700;
	font-style: normal;
	color: #333333;
	text-align: left;
}

.mysite-superiority .superiority-box .picture-text-content-box .mysite-text .text {
	text-align: left;
	display: inline-block;
	line-height: 2;
	word-wrap: break-word;
	font-size: 12px;
}

/* 定制服务 */
.mysite-custom-box {
	margin: 0 auto;
	padding-top: 50px;
}

.mysite-custom-box .custom-box .content {
	margin-top: 30px;
	text-align: center;
}

.mysite-custom-box .custom-box .content .custom-step-detail {
	padding-top: 10px;
}

.mysite-custom-box .custom-box .content .custom-step-detail img {
	width: 100%;
}

/* 关于我们 */
.about-site-service {
	margin: 0 auto;
	padding-top: 50px;
}

.about-site-service .about-service-item {
	margin: 3.33333vw 3.33333vw 5.33333vw;
}

.about-site-service .about-service-item img{
	width: 100%;
}

.company-introduction {
	margin: 0 auto;
	padding-top: 50px;
}

.company-introduction .introduction {
	margin: 3.33333vw 3.33333vw 5.33333vw;
	text-align: center;
}

.company-introduction .introduction .desc {
	margin-top: 6.66667vw;
	text-align: left;
}

.company-introduction .introduction .desc p {
	line-height: 6.13333vw;
	text-indent: 2em;
}

.contact-us {
	margin: 0 auto;
	padding-top: 50px;
}

.my-about-us .contact-us-box {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	padding: 0 3.33333vw;
}

.my-about-us .contact-us-box .contact {
	width: 50%;
	background-size: 100% 100%;
	text-align: center;
}

.my-about-us .contact-us-box .contact img{
	width: 95%;
}


/* 帮助中心 */

.my-helpers .banner-bar {
	height: 50vw;
}

.my-helpers .banner-content {
	padding-top: 0;
	z-index: 1;
	top: 16.8vw;
	width: 100%;
	text-align: center;
}

.my-helpers .helperTitle {
	font-size: 5.86667vw;
	color: #fff;
	font-weight: 700;
}
.my-helpers .search-warp {
	margin: 7.2vw auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 77.33333vw;
	height: 9.33333vw;
	background: #fff;
}
.my-helpers .search-box {
    margin: 7.2vw auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 77.33333vw;
	height: 9.33333vw;
	background: #fff;
}

.my-helpers .search-input {
    border: none;
    outline: none;
	display: block;
	width: 100%;
	height: 9.33333vw;
	padding-left: 2.93333vw;
}

.my-helpers .search-btn {
	width: 14.66667vw;
	height: 7.33333vw;
	margin-right: .93333vw;
	line-height: 7.33333vw;
	font-size: 4vw;
	color: #fff;
	background: #5381ff;
	border-radius: 0px .53333vw .53333vw 0px;
	border: none;
    outline: none;
}

.my-helpers .content-warp {
    margin: 12vw 3.2vw 8vw;
}

.my-helpers .content-warp .content-warp-box {
	width: 100%;
}

.my-helpers .content-warp .content-title {
    border-left: 2px solid #e50012;
	padding-left: 10px;
	display: flex;
	align-items: center;
	font-size: 4.26667vw;
	color: #333;
	font-weight: 500;
}

.my-helpers .content-warp .top-list {
    display:flex;
 	flex-wrap:wrap;
 	justify-content:space-between;
}

.my-helpers .content-warp .top-list .article-item {
	margin-top:4vw;
    width: calc(50% - 1.46667vw);
	height: 13.06667vw;
	line-height: 13.06667vw;
	padding: 0 2.93333vw;
	background: #514ef9;
	color: #fff;
	font-size: 4vw;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 4px;
}

.my-helpers .content-warp .top-list .article-item:nth-child(2) {
    background: #ee5736;
}
.my-helpers .content-warp .top-list .article-item:nth-child(3) {
    background: #514ef9;
}
.my-helpers .content-warp .top-list .article-item:nth-child(4) {
    background: #7651de;
}

.my-helpers .content-warp .list {
    width:100%;
	margin-top:5.33333vw;
 	box-shadow:0 0 1.33333vw 1px #0000001a;
 	border-radius:1.33333vw
}
.my-helpers .content-warp .list .item {
    display:block;
    box-sizing:border-box;
    overflow:hidden;
	margin:0 2.66667vw;
}

.my-helpers .content-warp .list .item:nth-child(n+2) {
 	border-top:1px solid #f3f3f3;
}

.my-helpers .content-warp .list .item .itemTitle {
    display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 5.33333vw 0;
	font-size: 4.26667vw;
	color: #333;
}

.my-helpers .content-warp .list .item .itemTitle {
    display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 5.33333vw 0;
	font-size: 4.26667vw;
	color: #333;
}

.my-helpers .content-warp .list .item .itemTitle .img-title img {
  width: 6.66667vw;
  height: 6.66667vw;
  margin-right: 2.4vw;
}

.my-helpers .content-warp .list .item-list-box {
    width:100%;
    cursor:pointer;
    margin-top:32px;
}
.my-helpers .content-warp .list .item-list-box .item-box {
    width:100%;
    height:20px;
    margin-bottom:15px;
    overflow:hidden;
    cursor:pointer;
}


.my-helpers .content-warp .list .item .itemTitle .icon-arrow {
	display:block;
	width:6.4vw;
	height:6.4vw;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAANVQTFRFAAAA////f39/VVVVmZmZkpKSjo6Oi4uLnZ2dlpaWnJycmZmZnp6emZmZnZ2dlZWVl5eXm5ubmpqal5eXm5ublpaWmZmZmZmZmpqamJiYmJiYmJiYmJiYmZmZmpqal5eXmZmZmpqamZmZmJiYl5eXmJiYmZmZmZmZmZmZmZmZmZmZmJiYmJiYmZmZmZmZmJiYmZmZmJiYmZmZmJiYmZmZmJiYmZmZmZmZmZmZmJiYmZmZmJiYmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZ+5PbmgAAAEZ0Uk5TAAECAwUHCQsNERIUFRkaHSAhJiwuMzxBREVNT1JfYmVwdHh8fX6CjpGUlqGorbm/wMbIzc/T1tng5OXn6u/w8vP3+fv8/kHEKc0AAACjSURBVBgZ7cFFAoIAFATQQVHs7u5E7E5U5v5H8gr/L9zxHny+v1ntc1DZ8VaERnzDVwUalsN3AxqmzW8bGsaEXh8qPY9TAxqtD20TGjWXjgWN0oObGDTyFx7S0MgceU5CY0BWoTAi5wGIGTNyDDnTpteFXNjhpwm56JpuDXKpPR8lyOVOvBYgV7zxmIVc+cltAnJ1l8sIFO5chKDRGQbh8+n9ALXTFA90JaB8AAAAAElFTkSuQmCC) no-repeat;
	background-size:100%
}

.my-helpers .content-warp .list .item.active .itemTitle .icon-arrow {
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAO1QTFRFAAAA/wAAqgAA/wAA/wAA1AAA2wAA3wAA4wAA2AAA6wAA3QAR7gAR5gAN3AAM6QAL4gAK5QAS3wAQ4AAP4wAO4gAR4wAR6gAQ5QAN5wAQ5AAQ5gAO4wAR5QAQ6AAQ4wAQ5gAR4wAR5QAQ5QAP5QAQ5gAQ5gAQ5QAR5gAR5gAR5gAR5AAS5QAR5QAQ5AAR5QAR5QAR5QAR5gAR5gAR5AAR5AAR5QAR5QAR5QAR5AAS5QAR5AAR5QAR5QAS5QAR5QAR5AAS5QAS5QAS5QAR5AAR5gAS5QAS5QAS5QAS5AAR5QAR5QAR5QAR5QAR5QASgVgtyAAAAE50Uk5TAAIDAwQGBwgJDQ0PDxQWFxodICElLC4wOkBBSElOTlJaXGJjbW9xdnmEh5CSm6Klr7G0tb7Aw8XIys3Q0tje3+Xn6Orv8fP19vj4+/z+Bm/d9QAAALlJREFUGBntwWlXAVEABuCXsmUJCYkWW1IxKrSNXcXMvP//53Acp7LcceecvrnPA0XZP0dwJm++BuDAhUk+eyDtbMLGJzUXJKXG1NyZKR8gJzFk0wtcmqxCxnGHbwHMFSwWsVvonXoECxVaV9jF12L/BEv3NM5h7+CRoyR+1PmVhq0av9P4dfjE0Sls3NHI4i9/m/04hG5oXWNV6IN6GAI5soR10S5fIFDmLTYlBj2IxLBNMAhFUf7HDNRtFmM+qOscAAAAAElFTkSuQmCC) no-repeat;
	background-size:100%;
}

.my-helpers .content-warp .list .item .item-list-box {
	display: none;
	padding: 0 2.66667vw;
	margin: 0 -2.66667vw;
	background: #fbfbff;
}

.my-helpers .content-warp .list .item.active .item-list-box {
 	display:block;
}

.my-helpers .content-warp .list .item .item-list-box .item-box {
	height:18.4vw;
	line-height:18.4vw
}
.my-helpers .content-warp .list .item .item-list-box .item-box:nth-child(n+2) {
 	border-top:1px solid #ebecf1
}



.my-helpers .category-side {
    width:100%;
    height:70px;
    background:#ffffff;
    box-shadow:0 3px 10px 1px #0000000f
}

.my-helpers .category-side .category-list {
    color:#707070;
    font-size:16px;
    margin:0 auto;
	width: 100%;
	height: 70px;
	background: #fff;
	padding: 0 3.2vw;
	box-sizing: border-box;
	display: inline;
	float: left;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;

}

ul::-webkit-scrollbar {
	display: none;
}

.my-helpers .category-side .category-list li {
    display:inline-block;
    width:64px;
    text-align:center;
    height:60px;
    line-height:60px;
    cursor:pointer;
	text-align: left;
	margin-right: 20px;
}

.my-helpers .category-side .category-list .active {
    border-bottom:2px solid #e50012;
    color:#333
}
.my-helpers .is-flex {
    position:fixed;
    top:0;
    left:0;
    z-index:999999
}
.my-helpers .details-content-box {
	padding: 10.66667vw 3.2vw;
    position:relative
}

.my-helpers .details-content-box .cont-box {
    margin:0 auto;
    background-color:#fff;
    box-sizing:border-box;
}
.my-helpers .details-content-box .cont-box img {
    max-width:100%
}
.my-helpers .details-content-box .cont-box .title {
    color:#333;
    font-weight:700;
	font-size: 4.53333vw;
	text-align: center;
}
.my-helpers .details-content-box .cont-box .time {

	margin-top: 2.66667vw;
	font-size: 3.46667vw;
	color: #999;
	text-align: center;
}
.my-helpers .details-content-box .cont-box .content-detail-warp {
    text-align:left;
    color:#34323e;
    font-size:14px;
    line-height:30px;
	margin-top: 5.33333vw;
}
.my-helpers .details-content-box .cont-box .content-detail-warp img {
    max-width: 95%;
}

.my-helpers .details-content-box .cont-box .content-detail-warp p {
	color: #333;
	line-height: 6.13333vw;
	text-indent: 2em;
}

.my-helpers .details-content-box .nextprev-article {
 	margin-top:4vw;
}
.my-helpers .details-content-box .nextprev-article .link {
 	color: #317df5;
}
.my-helpers .details-content-box .nextprev-article .link:nth-child(n+2) {
 	margin-top:1.33333vw;
}

.my-helpers .details-list-box {
    width: 100%;
	min-height: 400px;
	padding: 5.66667vw 3.2vw;
	position: relative;
}


.my-helpers .details-list-box .list {
	height: auto;
	margin: 0 auto;
	background: #ffffff;
}
.my-helpers .details-list-box .list .item {
	height: 53px;
	line-height: 53px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid #E6E6E6;
}


.my-helpers .empty {
	width: 100%;
	min-height: 400px;
	padding: 100px 0 250px;
	text-align: center;
}

.my-helpers .empty img {
 	width: 250px;
}

.my-helpers .empty p {
	font-size: 16px;
	color: #666;
	margin-top: 10px;
}


.banner{
    width: 100%;
    height: 22vh;
    background: url(../images/help-banner.jpg) no-repeat;
    background-size: 100% 100%;
    font-size: 23px;
    text-align: center;
    line-height: 22vh;
    color: #fff;
    letter-spacing: 3px;
    font-weight: 200;
}

.search {
    padding: 10px;
    position: relative;
}

.search input {
    width: 100%;
    background-color: #f5f7fa;
    text-indent: 1em;
    height: 40px;
    border: none;
}

.search img {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
}

.news-block {
    padding: 0 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news-block div {
    width: 49%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #e6e6e6;
    display: inline-block;
    margin-bottom: 5px;
}

.news-block div.active {
    color: #fff;
    background-color: #5C75F7;
}

.news-title-list {
    margin-top: 20px;
    padding: 0 10px;
}

.news-title-list p {
    height: 53px;
    line-height: 53px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #E6E6E6;
}

.btn-more{
    border: 1px solid #5c75f7;
    text-align: center;
    width: 175px;
    height: 40px;
    line-height: 40px;
    margin: 20px auto;
}

/*————————————————————————help-detail.html————————————*/
.article{
    padding: 0 15px;
    margin-bottom: 20px;
}

.article .title{
    font-weight: normal;
    font-size: 21px;
    line-height: 1.5;
    margin: 15px 0;
}
.article p{
    font-size: 15px;
    color: #666;
    line-height: 2;
    margin: 15px 0;
    text-align:justify;
    text-indent: 2em;
}
.article img{
    width: 100%;
}

.classic-title {
    padding-bottom: 0px;
}

.classic-title h2 {
    font-size: 24px;
    letter-spacing: 5px;
    text-align: center;
    font-weight: bold;
}

.classic-title p {
    margin-top: 20px;
    font-size: 16px;
    color: #999999;
    text-align: center;
    margin-bottom:15px;
}


.clear {
    clear: both;
}
.footer {
	display:block;
	background:#343434;
	padding-bottom:40px;
	padding-bottom: calc(env(safe-area-inset-bottom) + 40px) !important;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 40px) !important;
}
.footer .footer-content {
	float:left;
	width:50%;
	padding:0;
}
.footer .footer-content h4 {
	display:block;
	text-align:center;
	line-height:200%;
	color:#fff;
	font-size:12px;
	font-weight:400
}
.footer .footer-content h5 {
	display:block;
	text-align:center;
	line-height:200%;
	color:#fff;
	font-size:14px;
	font-weight:400
}
.footer .footer-content p {
	display:block;
	text-align:left;
	line-height:200%;
	color:#fff;
	font-size:14px;
	font-weight:400;
	padding-left:12px;
}
.footer .footer-qrcode {
	float:left;
	width:48%;
	border-right:#666 dashed 1px
}
.footer .footer-qrcode .img {
	width:50%;
	display:block;
	margin:10px auto
}
.footer .copyright {
	background:#343232;
	padding:8px 0;
	color:#9a9a9b;
	font-size:12px;
	text-align:center
}
.footer .copyright a {
	color:#9a9a9b
}
.backTop {
	display:none;
	background:#fff;
	width:38px;
	height:38px;
	line-height:38px;
	color:#3c93ff;
	font-size:19px;
	text-align:center;
	z-index:1000;
	position:fixed;
	right:18px;
	bottom:80px;
	bottom: calc(env(safe-area-inset-bottom) + 80px) !important;
    bottom: calc(constant(safe-area-inset-bottom) + 80px) !important;
	overflow:hidden;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:0 0 .6rem rgba(153,153,153,.1);
	-moz-box-shadow:0 0 .6rem rgba(153,153,153,.1);
	-ms-box-shadow:0 0 .6rem rgba(153,153,153,.1);
	-o-box-shadow:0 0 .6rem rgba(153,153,153,.1);
	box-shadow:0 0 .6rem rgba(153,153,153,.1);
	cursor:pointer
}
.backTop i {
	display:table-cell;
	width:38px;
	height:38px;
	line-height:38px;
	vertical-align:middle
}
.backTop i img {
	display:block;
	max-width:19px;
	max-height:19px;
	margin:auto
}
.footer-btn-box-warp {
	width: 100%;
	background-color: #fff;
	margin-left: 0;
}
.footer-btn-box {
	background:#fff;
	line-height:50px;
	color:#fff;
	position:fixed;
	bottom:0;
	width:100%;
	display:table-cell;
	padding: 0 15px;
	padding-bottom: env(safe-area-inset-bottom);
	box-shadow: 0 0px 3px rgba(168, 168, 168, .31);
}

.footer-btn-box  a {
	width:100%;
	height: 40px;
	font-size:18px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.footer-btn-box a img {
	height:20px;
	vertical-align:middle;
	margin-right: 4px;
}
.footer-btn-box .create-btn,.footer-btn-box .kefu-btn {
	width:50%;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:15px;
	color:#fff;
	display:block;
	float:left;
	position: relative;
	padding: 5px;
}

.footer-btn-box .kefu-btn a {
	color:#248df4;
	width:100%;
	height: 40px;
	font-size:18px;
	letter-spacing: 1px;
	display:flex;
	align-items:center;
	justify-content:center;
	border: 1.5px solid #248df4;
	border-radius: 8px;
}

.footer-btn-box .kefu-btn a img {
	height: 30px;
	vertical-align:middle;
	margin-right:4px
}

.footer-btn-box .create-btn {
	background:#fff
}

.footer-btn-box .create-btn a {
	color:#fff;
	width:100%;
	height: 40px;
	font-size:18px;
	letter-spacing: 1px;
	display:flex;
	align-items:center;
	justify-content:center;
	background: #248df4;
	border-radius: 8px;
}

.safe-box {
    width: 100%;
    height: calc(env(safe-area-inset-bottom) - 10px) !important;
    height: calc(constant(safe-area-inset-bottom) - 10px) !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #24a0f5;
	border-color: #24a0f5;
}

.pagination > li > a, .pagination > li > span {
   color: #24a0f5;
}