html, body {
    width: 100vw;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x:hidden;
}
  
body {
    /*background-color: #f7f7f7;*/
}  
  
html {
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  font-size: 16px;
  line-height: 1.45;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}


*,*::before,*::after {
	box-sizing:border-box;
	margin: 0;
}

*,:after,:before {
    box-sizing: border-box;
    border: 0 solid #d2d6dc;
}

fieldset,ol,ul{margin:0;padding:0}
ol,ul{list-style:none}
ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, hr, img, div, label, span, p {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    word-break: break-all;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: " ";
    clear: both;
}


/** css of top header test **/
.bk_header {
   /*
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 50px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   */
}

.bk_header {
    z-index: 9;
    background-color: #fff;
    border-bottom: 1px solid #e3e7e8;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.bk_header a {
    text-decoration: none;
}

.bk_header .wrap {
	/*overflow: hidden;*/
	position: relative;
	padding: 10px 15px;
}

.bk_header .wrap {
    width: 1200px;
    margin: 0 auto;
}

.bk_header .wrap:before, .bk_header .wrap:after {
    display: table;
    content: " ";
}

.bk_header .b_logo {
    margin: 0 10px 0 0;
    float:left;
}

.bk_header .b_logo img {
    height: 40px;
    width:120px;
}


.bk_header .wrap:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
}

.bk_header .b_topnav {
    margin-top: 12px;
    float:left;
}

.bk_header .b_topnav li{
	float:left;
	padding:0 20px;
}

.bk_header .b_topnav a {
    display: block;
    /*color: #333!important;*/
    color: #333;
    text-decoration: none;
    display: block;
    line-height: 50px;
    height: 50px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
}

.bk_header .b_topnav a:hover {
	color:#09bd71 !important;	
	background-color: #ffffff !important;
}

.bk_header .b_topnav a.a_price {
    background-color: #09bd71;
    color: #ffffff;
    height: 34px;
    line-height: 34px;
    border-radius: 4px;
    padding: 0 20px;
}

.bk_header .b_topnav a.a_price:hover {
    border: 1px solid #09bd71;
}


.login_mod {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 102;
    font-size: 14px;
    width:145px;
    zoom: 1;
}

.login_mod li {
    float: left;
    position: relative;
    margin-right: 5px;
}

.login_mod .user_set_li:hover .user_set {
	display:block;
}


.login_mod .user_set>a:hover {
    background-color: #f2f2f2;
}


.login_mod .user_account {
    display: block;
    width: 112px;
    height: 50px;
    line-height: 50px;
    padding: 0 12px;
}

.login_mod .ico_arrow{
	display:none;
}

.login_mod .user_set .horn {
	display:none;
}

.login_mod a {
    display: block;
    color: #4a4a4a;
    line-height: 26px;
    text-decoration: none;
}

.login_mod .menu a {
    padding-left: 5px;
    /*height: 26px;*/
    overflow: hidden;
    display: block;
    border-bottom: solid 1px #f2f2f2;
    padding: 10px 20px;
    line-height: 1.8;
    text-align: center;
    font-weight: normal;
    white-space: nowrap;
    vertical-align: top;
}


.login_mod .user_set {
    width: 145px;    
}

.login_mod .menu {
    display: none;
    position: absolute;
    top: 46px;
    left: -35px;
    border: 1px solid #e5e5e5;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 10px 10px rgba(191, 213, 228, 0.91);
}


.login_mod .log {
    border-right: #ccc solid 1px;
    display: inline-block;
    padding-right: 5px;
    margin-right: 5px;
    /* margin-top: 10px; */
    font-size: 12px;
    /* line-height: 1.2; */
    color: #999;
}

.login_mod .loginbtns {
	height:50px;
	line-height:50px;
}

.login_mod .loginbtns > a  {
	display: inline-block;
	margin: 0 10px;
	color: #4A4A4A;
	font-size: 16px;	
}

.login_mod .loginbtns > a:hover {
	color: #f60 !important;
}


.loggingnews {    
    position: absolute;
    top: 15px;
    right: 0px;
    z-index: 102;
    font-size: 14px;
    zoom: 1;    
}

.loggingnews .log {
    border-right: #ccc solid 1px;
    display: inline-block;
    padding-right: 5px;
    margin-right: 5px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.2;
}



.loggingnews .log a {
    color: #4A4A4A;
    font-size:16px;
}

.loggingnews .log a:hover {
    color: #4A4A4A !important;
}

.loggingnews .log.bor-no {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}
.loggingnews .user-dropdown {
	display:none;
}

.loggingnews .user-dropdown {
    padding: 3px 15px 10px;
    /*border: 1px solid #ccc;*/
    background: #fff;
    border-radius: 3px;
    margin-top: -2px;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}


.loggingnews:hover .user-dropdown {
	display:block;
}

.loggingnews .user-dropdown a {
	display: block;
	padding: 9px 20px;
	line-height: 1.8;
	text-align:center;
}

.loggingnews .user-dropdown a:hover {
    color: #09bd71;
}

.loggingnews .user-dropdown .logout {
    border-top: solid 1px #f2f2f2;
}


.loggingnews .user-drop-down-hover {
	  /*
    line-height: 58px;
    height: 58px;
    */
    
}

.user-title {
    display: inline-block;
    width:100%;
}
.user-title i {
    color: #4A4A4A;
    max-width: 240px;
    height: 60px;
    line-height: 60px;
    float: right;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.user-title .head_nickname {
    color: #4A4A4A;
    max-width: 240px;
    height: 60px;
    line-height: 60px;
    float: right;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 8px;
    overflow: hidden;
}

/** end of header test **/



/** css of footer **/

.footer-bottom {
	background: #323232;
}

.footer-bottom-c {
    font-size: 12px;
    color: #939393;
    line-height: 30px;
    text-align: left;
    background-color: #212121;
}

.footer-bottom-c a {
  color: #999999;
  text-decoration: none;
}


.footer-social {
    text-align: left;
}

.footer-social a {
    font-size: 20px;
    color: #FFFFFF;
    margin-right: 0;
    display: inline-block;
    text-decoration: none;
}

.footer-social .iconfont {
	color:#fff;
	font-size:20px;
}


.footer-bottom-c a.g {
  margin-left:20px;
  display:inline-block;
}

.footer-bottom-c a img {
	display:inline-block;
	padding-right: 5px;
	width: 20px;
}

.footer-bottom-c .ba {
	color: #999999;
}



.flex-col-ul {	
	display: flex;
  justify-content: start;
  align-items: start;
  line-height: 1;
}
.flex-col-single {	
	display:flex;
  justify-content:center;
  align-items:initial;
  line-height:1;
}



.footer-flex-col{
	word-spacing: normal;
  width: 120px;
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  color: #fff;
  font-size: 14px;
}
    
.footer-flex-col a{
	color:#fff !important;
	text-decoration: none;
}

#footer ul {width:100%; list-style:none;}
#footer ul li {float:left; width:150px; font-weight:bold;}
#footer ul li ul {padding:0;}
#footer ul li ul li {float:none; padding:5px 0; font-weight:normal;}



.qq-kefu {
    font-size: 14px;
    font-weight: 400;
    color: rgba(147, 147, 147, 1);
    line-height: 36px;
    text-align: right;
    padding-left: 30px;
}

.qq-kefu .lxkf {
    width: 180px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: block;
    background: #565656;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(147, 147, 147, 1);
    cursor: pointer;
    margin-bottom: 10px;
}

.qq-kefu .lxkf {
    float: right;
}

.all-client {
    padding-top:0;
    width: 100px;
    float: right;
    color: rgba(147, 147, 147, 1);
    position: relative;
    text-align: center;
    cursor: pointer;
}

.all-client:hover {
    color: #09bd71;
}

.all-client:hover .iconfont{
    color: #09bd71;
}


.all-client:hover .img-box {
    display: block;
}

.all-client .img-box {
    position: absolute;
    bottom: 116px;
    left: -38px;
    width: 172px;
    height: 188px;
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    color: #939393;
    text-align: center;
    display: none;
    padding: 10px 15px;
    border: 1px solid #CCCCCC;
}


.all-client .img-box img{
	width:138px;
	height:138px;
}


.all-client .img-box span{
	display:block;
	padding:10px;
	
}


.all-client .iconfont {
    font-size: 36px;
    display: block;
    margin-bottom: 20px;
    color: rgba(147, 147, 147, 1);
}


.footer-function {
	float:left;
}


/** end css of footer **/

/** css of wrapper **/
#wrapper {
    display: block;
    zoom: 1;
}


.main_body {
	background: #fff;
}



.main_container {
	position: relative;
	margin: 0 auto;
	padding: 30px 0;
	width: 1100px;
	height: auto;
	zoom: 1;
}

/** 主 ,无左右 **/
.maincenter {
    margin: 0 auto;
    width: 774px;
    height: auto;
}

.maincenter-box {
    padding: 20px 0;
    background-color: #fff;
}


/** 左 **/
.main_center_wrap {
	float: left;
	width: 700px;
	padding: 0px;
	background-color: transparent;
}

/** 右 **/
.main_side_wrap {
	float: right;
	width: 330px;
	padding: 0px;
	min-height: 1100px;
	height: auto !important;
	height: 1100px;
	background-repeat: no-repeat;
	background-position: center top;
}


.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}



.common_form_field {
    display: block;
    width: 98%;
    height: 48px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 12px;
    font-size: 16px;
    color: #455a64;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dadee0;
    border-radius: 4px;
    transition: border .2s ease-in-out;
    
}

.common_form_field::placeholder {
	color: rgba(104,109,115,0.7);
}

.common_form_field:focus {
	outline:none;
	border: 1px solid rgba(9, 189, 113,1);
}



/** end css of wrapper **/


/** css of button **/
button, input[type=button], input[type=submit] {
    cursor: pointer;
}



  .button {
      position: relative;
   		display:block;
   		/*width: 100%;*/
   		color: #fff;
   		text-align: center;
   		padding: 9px 14px;
   		font-weight: 700;
   		border-radius: 8px;
   		line-height: 22px;
   		/*background-color: #09bd71;*/
   		background-color: #3d444b;   		 		
   		background-image: none;
   		border:0;
   		outline: 0!important;
   		cursor: pointer;
   	}
   	
   	.button.purple {
   	    background-color: #7c41ff;
   	    color: #fff;
   	}
   	.button.purple:hover {
   	    background-color: #a071ff;
   	    color: #fff;
   	 }
   	 
   	.button.green {
   	    background-color: #09bd71;
   	    color: #fff;
   	}
   	.button.green:hover {
   	    background-color: #4caf50;
   	    color: #fff;
   	 }
   	 
   	.button.grey {
   	    background-color: #ebeef1;
   	    color: #686d73;
   	}
   	.button.grey:hover {
   	}
   	
   	
   	.button.disabled, .button[disabled] {
       pointer-events: none;
       color: #686d73!important;
       background-color: #ebeef1!important;
    }
   	 
   	.button:focus {
   		outline: none;
   	}
   	
   	.button:hover {
   		background-color: #53585f;
   		color: #fff;
   	}
   	
   	.button.green:hover,.button.green:active {   		
   		background-color: #4caf50;
   	}
   	
   	.button.red {
   		background-color: #ff1731;
   	}
   	
   	.button.red.active, .button.red:hover {
   		background-color: #ff4c63;
   	}
   	
   	.button.outline {
   		 background-color: transparent;
   		 border:1px solid rgb(104,109,115,0.3);
   		 margin-right:8px;
   		 color: #686d73;
   	}
   	
   	.button.outline:hover {
   		color: #fff;
   		border-color: #3d444b;
   		background-color: #686d73;
   	}
   	
/** end css  of button **/


/** css of table **/



.common_table {
    border-collapse: collapse;
    border-spacing: 0;
}
.common_table td {
    padding: 3px;
    line-height: 1.42;
    padding-bottom:10px;
}


.common_table .common_table_label {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    color: #666;
    font-weight: 600;
}


.common_table_label em {
    display: inline-block;
    background:#f39609;
    width: 7px;
    height: 7px;
    margin-right: 14px;
    vertical-align: middle;
    zoom: 1;
}


/** end css of table **/

/** css of title **/
.title_wrap {
	
}

.common_form_wrap {
    zoom: 1;
}
/** end css of title **/

/** css of layui **/

.row {
    margin-left: -10px;
    margin-right: -10px;
}

.row:before,.row:after {
    display: table;
    content: " ";
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}

@media (min-width: 992px){
.col-md-6 {
    width: 50%;
}
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

/** end css of layui **/


/** css of kefu float_layer **/
.float_layer {
    width: 52px;
    position: fixed;
    top: 35%;
    right: 10px;
    z-index:103;
}

.menu_wrap {
    background-color: #f4f4f4;
    margin-top: 10px;
    width: 50px;
    border: 1px solid #e8e8e8;
    border-bottom: 0 none;
    position:relative;
}

.menu_wrap>div {
    display: block;
    background-color: #fbfbfb;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
    color: #999;
}

.menu_wrap>div:hover {
    background-color: #fff;
    color: #7d7f9b;
    text-decoration: none;
    transition: all .2s ease-in-out 0s;
}

.menu_wrap .menu_item {
    padding-top: 12px;
    height: 56px;
    display:block;
    font-size:12px;
    color:#666;
}

.menu_wrap .menu_item:hover {
	color:#09bd71!important;
}

.menu_wrap .menu_item .iconfont {
	display:block;
	font-size:20px;
}

.menu_wrap .icon-kefu,.menu_wrap .icon-andriod {
    height: 20px;
    margin-bottom:5px;
    display:block;
}
.menu_wrap .menu_backtop {
	padding-top:10px;
}

.menu_wrap .menu_backtop .iconfont {
	font-size:20px;
}

.menu_wrap .menu_mb img{
	display: block;
	margin: 0 auto 5px;  
	opacity: 0.5;
	filter: alpha(opacity=50);
}


.menu_wrap .menu_mb {
    padding-top: 11px;
    /*height: 47px;*/
}

	.float_layer *{
		box-sizing: content-box;
	}
	.float_layer .menu_box{
		position:relative;
	}
	
	.menu_wrap .menu_pop {
    position: absolute;
    width: 180px;
    /*height: 153px;*/
    background: #fff;
    padding: 10px 15px;
    line-height: 1.5;
    font-size: 12px;
    color: #666;
    right: 51px;
    top: 0px;
    -moz-box-shadow: 0 0 8px #cdcdcd;
    -webkit-box-shadow: 0 0 8px #cdcdcd;
    box-shadow: 0 0 8px #cdcdcd;
    word-spacing: 2px;
    letter-spacing: 2px;
    text-align: center;
    display: none;
    -moz-animation: anim-movedown 300ms linear;
    -webkit-animation: anim-movedown 300ms linear;
    animation: anim-movedown 300ms linear;
   }
   .menu_wrap .menu_kf .menu_pop {
  }
   
   
   
.menu_wrap .menu_mb:hover img {
	opacity: 1;
	filter: alpha(opacity=100);	
}

.menu_wrap .menu_pop .qrcode {
    font-size:12px;
}

.menu_wrap .menu_app .menu_pop {
}
	
   .menu_box:hover .menu_pop{
   	  display:block;
   	  text-align:left;
   }
   .menu_pop .pop_box p {
   	  margin-bottom: 14px;
   }   	
   .menu_pop .pop_box .qrspan {
   	  font-size: 12px;
   	  font-weight: 500;
   	  color: rgba(255,69,85,1);
   	  line-height: 24px;
   }
   
   .pop_box > p .grey {
    color: #A1A1A1;
   }
   .pop_box .online-kf .intro {
    width: 158px;
    letter-spacing: 0px;
   }
   .pop_box .kflk {
    text-align: center;
    color: #FFFFFF;
    font-size: 12px;
    display: block;
    margin: 8px 10px 14px 10px;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    background: #09bd71;
    border-radius: 5px;
   }
   
   .popitem {
   	font-size: 12px;
   	font-weight: 600;
   	color: #666;
   }
   
   
/** end css of kefu **/



  	.container{
  		width:100%;
  		padding-right:15px;
  		padding-left:15px;
  		margin-right:auto;
  		margin-left:auto
  	}
  	@media (min-width:576px){
  		.container{
  			max-width:540px
  		}
  	}
  	@media (min-width:768px){
  		.container{
  			max-width:720px
  			}
  	}
  	@media (min-width:992px){
  		.container{
  			max-width:960px
  		}
  	}
  	@media (min-width:1200px){
  		.container{max-width:1140px}
  	}
  	
  	
  	@media (min-width: 992px) {
  		.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
  			-ms-flex-wrap: nowrap;
  			flex-wrap: nowrap;
  		}
  	}
  	
  	
  	
.banner-bg {	
	position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 400px;
  background-color: #f7f9f7;
  box-shadow: rgb(0, 0, 0, 7%) 0px 0px 30px;
  z-index:-1;
}
  	

.flex-row {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}