.font-16{
    font-size: 16px;
}
.left-100{
	margin-left: 100px;
}
.left-20{
	margin-left: 20px;
}
.left-10{
	margin-left: 10px;
}
.right-10{
	margin-left: 10px;
}
.right-15{
	margin-left: 15px;
}
.margin-10{
	margin: 10px;
}
.font-25{
    font-size: 25px;
}

.img_100{
	width: 100px;
	height: 100px;
}
.margintop-30{
	margin-top: 30px;
}
.margintop-10{
   margin-top: 10px;
}
.margintop-20{
   margin-top: 20px;
}
.margintop-40{
    margin-top: 40px;
 }
 .margintop-80{
    margin-top: 80px;
 }
.col-md-4{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.navbar a {
    display: block;
    position: relative;
    color: #413e66;
    padding: 10px 15px;
    transition: 0.3s;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .875rem;
}

.logo-font{
	display: block;
    position: relative;
    color: #413e66;
    padding: 10px 15px;
    transition: 0.3s;
	font-size: 18px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}
.btn_07c160{
	border:1px solid #07c160;
	padding-left: 20px;
	padding-right:20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 15px;
	color: #07c160
}
.btn_07c160:hover{
	background:#07c160;
	color: #ffffff
}
.dcenter{
	display: flex;
	justify-content: center;;
	align-items: center;
	flex-direction: column;
	margin-top: 10px;
}
.img-40{
	width: 40px;
	height: 40px;
}
.img-50{
	width: 50px;
	height: 50px;
}
.img-80{
	width: 80px;
	height: 80px;
}
.img-100{
	width: 100px;
	height: 100px;
}
.padding-80{
	padding-left: 80px;
	padding-right: 80px;
}
.cell{
	display: flex;
	justify-content: center;
	width: 80%;
	flex-wrap: wrap;
}
.cell-left{
	display: flex;
	justify-content:center;
	align-items: center;
	flex: 1
}
.cell-right{
	display: flex;
	justify-content:center;
	align-items: center;
	flex: 1
}
.img-16-9{
	width: 320px;
	height: 180px;
}
.jumbotron{
	display: flex;
	justify-content: center;
	background-color: #ffb800;
    background-image: linear-gradient(45deg,#ffb800 0%,#e6a600 100%);
    background-size: cover;
    z-index: 0;
}
.item-center{
	display: flex;
	justify-content:center;
	align-items: flex-start;
	flex-direction: column;
}
.item-btn{
	display: flex;
}


.border_07c160{
	border-radius: 20px;
	background-color:#07c160;
	color: #ffffff
}

.color_fff{
	color: #ffffff
}
.color_07c160{
	color: #07c160
}
.font-weight-bold {
    font-weight: 700!important;
}
body, h1, h2, h3, h4, h5 {
    font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.masthead{
  min-height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 80%;
}
.masthead-right{
	flex:1;
	display: flex;
    justify-content: center;
    align-items: center;
}

.masthead-content-left{
    display: flex;
    justify-content:center ;
    align-items: flex-start;
    flex-direction: column;
}
.item-btn{
	display: flex;
    justify-content:flex-start;
    width: 100%
}
.masthead-left{
    flex:1;
    display: flex;
    justify-content:center ;
    align-items: center;
    flex-direction: column;
}
.img-263-252{
	width: 263px;
	height: 252px;
}
.img-400{
    width: 400px;
	height: 400px;
}
.service{
	display: flex;
	justify-content: center;
	align-items: center;
    flex-direction: column;
    width: 80%;
}
.service-content{
	display: flex;
	justify-content: center;
	align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.masthead-item{
	display:flex;
	justify-content: flex-start;
	align-items:center;
    flex-direction:column;
    max-width:450px;
    width:100%;
    min-width: 200px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    text-align: left;
}
.masthead-item-line{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	text-align: left;
}
.service-item{
	display:flex;
	justify-content: flex-start;
	align-items:center;
    flex-direction:column;
    max-width:300px;
    width:100%;
    min-width: 194px;
    height:200px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    border-radius:3px;
    background-color: #fff;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    box-shadow: 0 1px 6px 0 rgba(191,199,213,0.3), 0 3px 4px 0 rgba(127,143,172,0.25);
}
.line-4D82FF{
	height: 2px;
	background: #4D82FF;
	width: 100px;
}
.line-9B5CF5{
	height: 2px;
	background: #9B5CF5;
	width: 100px;
}
.line-FFB32A{
	height: 2px;
	background: #FFB32A;
	width: 100px;
}
.service-item-line{
	width: 100%;
	display: flex;
	justify-content: flex-start;
}
.service-item-title{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	border-bottom: 1px solid #dddddd;
}
.service-item-content{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	text-align: left;
}
.pay-item-content{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	text-align: left;
	height: 120px;
}
.mast-content{
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}
.p1{
    font-size: 40px;
    font-weight: bold;
    color: #000000;
    line-height: 27px;
}
.p2{
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
}
.p3{
    font-size: 13px;
    font-weight: 400;
    color: #5D6494;
    line-height: 16px;
}
.p4{
    font-size: 11px;
    font-weight: 400;
    color: #858AB4;
    line-height:12px;
}
.p5{
    font-size: 11px;
    font-weight: 400;
    line-height:12px;
}
.text{
    font-size: 18px;
    font-weight: 400;
    color: #484848;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
.hero-p{
    font-size: 40px;
    font-weight: bold;
    color: #000000;
}
.btn_07c160_solid{
    color: #fff;
    background-color: #07c160;
    border-radius: 5px;
    display: flex;
    align-items: center;
}
.btn_07c160_border{
    color: #07c160;
    border: 1px solid #07c160;
    border-radius: 5px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
}
a:link{
color: #FFFFFF; /*连接默认的颜色变化*/
}
a:visited {
color: #FFFFFF; /*连接访问的颜色变化*/
}
a:hover {
color: #FFFFFF; /*鼠标经过的颜色变化*/
}
a:active {
color: #FFFFFF; /*鼠标按下的颜色变化*/
}
.color_9{
	color: rgba(0,0,0,.9)
}
.bottom-10{
	margin-bottom: 10px 
}
.bottom-15{
	margin-bottom: 15px 
}
.bottom-30{
	margin-bottom: 30px 
}
.bottom-info{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px
}
.item-agreement{
	display:flex;
	justify-content:flex-start;
	align-items: center;
}


input[type="checkbox"]{
  display:none;
}

input[type="checkbox"] + label:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border:1px solid;
  vertical-align: middle;
  margin-right: 8px;
  transition: all .5s;
}

input[type="checkbox"]:checked + label:before {
  background: #07c160;
}
.masthead-content{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.masthead-home{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #ffffff;
	border:1px solid #cccccc;
	padding: 20px;
}
.img-504-218{
	width: 504px;
	height: 218px;
}
.img-200{
	width: 200px;
	height: 200px;
}
.img-230-272{
	width: 230px;
	height: 272px;
}
.exphint{
	position: fixed;
	top:50%;
	right:25px;
	width: 36px;
    height: 100px;
    background: #07c160;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.expqrcode{
	position: fixed;
	top:50%;
	right:100px;
	width:200px;
    height:200px;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -18px;
}
.span_col{
    width: 14px;
    font-size: 14px;
    color: #fff;
    line-height: 17px;
    text-align: center;
}
.hide{
	display: none !important;
}
.payment_one{
    font-size:20px;
    color: #73819E;
}
.payment_two{
   height: 60px;
}
.paymenttwo_price{
    font-size: 34px;
    color: #000000;
}
.paymenttwo_hint{
	font-size: 12px;
}
.payment_three{
	font-size: 12px;
    color: #000000;
}
.payment-item{
	display:flex;
	justify-content: flex-start;
	align-items:center;
    flex-direction:column;
    max-width:300px;
    width:100%;
    min-width: 194px;
    height:300px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    border-radius:3px;
    background-color: #fff;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    box-shadow: 0 1px 6px 0 rgba(191,199,213,0.3), 0 3px 4px 0 rgba(127,143,172,0.25);
}
/*#B289FF,#ABB4D6*/
.payment_btn{
	background: linear-gradient(to left,	
#B289FF,#ABB4D6);
    color: #ffffff;
    border-radius: 30px;
    padding-left: 20px;   
    padding-right: 20px;   
    padding-top: 6px;
    padding-bottom: 6px
}
.paymenttwo_customize{
	 font-size: 34px;
     color: #000000;
}
.order{
    display: flex;
    flex-direction: column;
    margin: 10px;
}
.order-title{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 24px;
}
.title{
    font-size: 45px;
    font-weight: bold;
}
.order-desc{
    display: flex;
    flex-direction: row;
    margin-bottom: 24px;
}
.order-desc-left{
    width: 25%;
    font-size: 16px;
}
.order-desc-right{
    flex:1;
    font-size: 16px;
    color: #919191;
}

.order-price{
    width: 25%;
}
.order-price-left{
    flex:1;
    display: flex;
    flex-direction: row;
    font-size: 16px;
}
.order-price-right{
    flex:1;
    display: flex;
    flex-direction: row;
    font-size: 18px;
}
.order-price-item{
    width: 180px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #B289FF;
    margin-bottom: 24px;
    font-size: 28px;
    color: #B289FF;
    font-weight: 200;
}
.order-sum{
    display: flex;
    flex-direction: row;
    margin-bottom: 24px;
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 3px;
    padding: 10px
}
.order-sum-left{
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
}
.order-sum-right{
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.order-detail{
    border: 1px solid rgba(0,0,0,.12);
    border-radius: 3px;
    padding: 10px
}
.price-sum{
    color: #ff5f5f;
    font-size: 30px;
    line-height: 32px;
}
.chargeway{
    border-bottom: 1px solid #B289FF;
    padding-bottom: 5px
}
.service-category{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.category_btn{
    display:flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #B289FF;
    color: #B289FF;
    border-radius: 30px;
    width: 100px;
    height: 30px;
    margin: 10px 20px
}
.active_btn{
    background-color: #B289FF;
    color: #ffffff
}
.scrollTop{
    transition: all 0.5s ease-out;
    background-color: #ffffff;
}

.scrolldefault{
    background-color: transparent;
}
.main{
    background-image: linear-gradient( 
        0deg, rgba(255,255,255,0.00) 60%, #cdf4c7 98%);
            display: flex;
            flex-direction: column;
            align-items: center;
}
.session-col{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: column;
}
.business{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 80%;
    flex-wrap: wrap;
}
.business-item{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 140px;
    height: 125px;
    border-radius: 10px;
    margin-top: 10px;
}
.business-item:hover{
    background: hsla(219,8%,52%,.08);
}
.business-item-1{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    margin-top: 10px;
    border: 1px solid #cccccc;
}
.comm-title{
    font-size: 34px;
    font-weight: bold;
}
.comm-subtitle{
    font-size: 24px;
}
.color-181c1f{
    color: #181c1f;
}
.fuction-main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
}
.fuction-contenthint{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 200px;
    background:  linear-gradient(45deg,#E6FBEF 0%,#F3FEF6 100%);
    border-radius: 10px;
}
.fuction-one{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 300px;
    background:  linear-gradient(45deg,#E6FBEF 0%,#F3FEF6 100%);
    border-radius: 10px;
}
.fuction-f1{
    display: flex;
    align-items: center;
    flex: 1;
    flex-direction: column;
}
.fuction-f1end{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    flex-direction: column;
}
.fuction-f2{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 2;
    flex-direction: column;
}
.fuction-f2start{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 2;
    flex-direction: column;
}
.product{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.bg-item{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background:  linear-gradient(45deg,#E6FBEF 0%,#cdf4c7 100%);   
}
.function-item{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    padding: 10px 25px;
}
.content-title{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
.fuction-content{
    font-size: 14px;
    color: #666666;
    text-align: left;
}