/*
 * @description: 公共的样式写在这个文件中
 * @filename: pulicstyle.css
 * @author: liangxinyang
 * @date: 2020-01-09 13:31:02
 * @lasteditors: caochen
 * @lastedittime: 2020-06-28 17:25:09
 */

body{
    min-width: 1200px;
}
@font-face{
	font-family: 'barlow-bold';
	src: ;
}

@font-face{
    font-family: 'price-font'; 
    src: ;
}
@font-face{
	font-family: 'barlow-regular';
	src: ;
}
@font-face{
	font-family: 'huxiaobo-nanshen';
	src: ;
}


.top_container {
    max-width: 1500px;
    margin: 0px auto 60px;
}

header{
	background-color:#fff;
	border-bottom:1px solid #e5e5e5e5;
}
.head_con{
    /* width:1430px; */
    max-width: 1500px;
    min-width: 1200px;
	margin:0 auto;
}
.head_left{
	float:left;
}
.head_right{
	float:right;
}
.head_list{
	display:inline-block;
	position:relative;
	margin-left:30px;
}
.head_list:after{
	content:'';
	width:1px;
	height:18px;
	background-color:#2077c8;
	display:inline-block;
	position:absolute;
	left:-15px;
	top:0;
	bottom:0;
	margin:auto;
}
.head_liss{
	display:inline-block;
}
.head_liss a{
	display:block;
	padding:40px 17px;
	font-size:16px;
	color:#666;
	position:relative;
}
.head_liss a span{
	color:#999;
	font-size:14px;
	text-transform:uppercase;
}
.head_liss:hover a,.head_liss:hover a span,.head_liss.on a,.head_liss.on a span{
	color:#2077c8;
}
.head_liss:hover a:after,.head_liss.on a:after{
	content:'';
	display:block;
	width:40px;
	height:2px;
	background-color:#2077c8;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.head_tx{
	width:50px;
	height:50px;
	display:inline-block;
	vertical-align:middle;
	border-radius:50%;
	overflow:hidden;
	margin-right:10px;
	box-shadow:0 0 10px #e5e5e5;
}
.head_right{
	margin-top:25px;
	cursor:pointer;
}
.head_right span{
	color:#333;
	font-size:16px;
}
.head_right span a{
	color:#999;
	display:inline-block;
	vertical-align:middle;
	padding:0 10px;
}
.login{
	border-right:1px solid #bfbfbf;
}
.head_right span a:hover{
	color:#2077c8;
}
.top_names{
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
.shez_list{
	display:none;
	box-shadow:0 0 10px #e5e5e5;
	width:100px;
	position:absolute;
	top:35px;
	right:0;
	z-index:50;
	background-color:#fff;
}
.shez_list li{
	padding:10px 20px;
	text-align:right;
	cursor:pointer;
}
.shez_list li:hover{
	box-shadow:0 0 10px #e5e5e5;
}
.shez_list li span{
	display:inline-block;
	vertical-align:middle;
	color:#666;
	font-size:14px;
	margin-left:5px;
}
/* 头部 end */

/* 底部 start */
footer{
	background-color:#2e3640;
}
.foot_con{
    /* width:1430px; */
    max-width: 1500px;
    min-width: 1200px;
	padding:50px 0;
	margin:0 auto;
	overflow:hidden;
}
.foot_logo{
    float:left;
    /*margin-right: 60px;*/
	padding:5px 0 10px;
	/*padding-right:110px;*/
	padding-right: 65px;
	background: right center no-repeat;
}
.foot_middle{
	float:left;
	overflow:hidden;
	padding:20px 0;
}
.foot_ewm{
	float:right;
	margin-right: 20px;
}
.foot_phone{
	display:block;
	color:#fff;
	margin-top:15px;
}
.foot_phone i{
	font-style:normal;
	font-size:16px;
	display:block;
}
.foot_phone a{
	display:block;
	font-size:18px;
	color:#fff;
}
.foot_list li{
	float:left;
	vertical-align:middle;
	width:100%;
	margin-right:5px;
	margin-bottom:10px;
}
.foot_list li a{
	display:inline-block;
	vertical-align:middle;
	color:rgba(255,255,255,0.6);
}
.foot_list li a:hover{
	color:#fff;
}
.foot_list {
	float: left;
	/* margin:0 60px; */
	width: 122px;
	margin: 0 48px;
}
.foot_lists{
	float:left;
}
.foot_lists li{
	margin-bottom:10px;
}
.foot_lists li span{
	color:rgba(255,255,255,0.6);
}
.foot_lists li img{
	margin-right:10px;
}
.ewm_list {
    overflow: hidden;
}
.ewm_list li{
	/* display:inline-block; */
	text-align:center;
    margin-right:45px;
    width: 120px;
    float: left;
}
.ewm_list li:last-child{
	margin-right:0;
}
.ewm_list li span{
	display:block;
	color:rgba(255,255,255,0.6);
	margin-top:5px;
	font-size:16px;
}
.bottom_p{
	background-color:#343d47;
	color:#fff;
	text-align:center;
	padding:15px 0;
}
.bottom_p a{
	color:#fff;
}
.bottom_p a:hover{
	color:#2077c8;
}
/* 底部 end */


/*右侧导航*/
.unbind_window{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	display:none;
	z-index:500;
}
.unbind_window_con{
	width:600px;
	background-color:#fff;
	border-radius:4px;
	position: absolute;
	left:0;
	right:0;
	top:15%;
	margin:auto;
}
.unbind_p1{
	padding:25px 35px;
	border-bottom:1px solid #e5e5e5;
	color:#333;
	font-size:22px;
}
.unbind_p1 img{
	float:right;
	margin-top:3px;
}
.unbind_div{
	padding:35px;
	text-align:center;
}
.sfloat{
	width:90px;
	display:block;
	position:fixed;
	top:50%;
	right:20px;
	animation: rightward 1s 1s ease both;
	z-index:100;
}
.sfloat-ul{
	width:100%;
	height:100%;
}
.sfloat-ul li{
	width:100%;
	height:90px;
	background:#e2e9ef;
	border-bottom:1px solid #f3f3f3;
	text-align:center;
}
.sfloat-ul li a{
	width:100%;
	height:100%;
	display:block;
}
.sfloat-ul li:last-child{
	border:none;
}
.sfloat-ul li span{
	display:inline-block;
	margin:10px auto;
	width:34px;
	height:34px;
}
.sfloat1{
	background: center center no-repeat;
}
.sfloat2{
	background: center center no-repeat;
}
.sfloat3{
	background: center center no-repeat;
}
.sfloat-ul li a p{
	width:100%;
	text-align:center;
	font-size:16px;
	color:#2077c8;
}
.sfloat-ul li:hover{
	background:#0081e0;
}
.sfloat-ul li a:hover .sfloat1{
	background: center center no-repeat;
}
.sfloat-ul li a:hover .sfloat2{
	background: center center no-repeat;
}
.sfloat-ul li a:hover .sfloat3{
	background: center center no-repeat;
}
.sfloat-ul li:hover p{
	color:#fff;
}
.unbind_p1 img.make_phone{
	float:none;
	margin-right:10px;
}
.appointment_btn a:nth-of-type(1){
	width:300px;
	background-color:#2077c8;
	color:#fff;
}
.appointment_btn a:nth-of-type(1):hover{
	background-color:#fff;
	border:1px solid #2077c8;
	color:#2077c8;
}
.make_list li{
	display:inline-block;
	vertical-align:middle;
	padding:15px 0;
	width:160px;
	margin-right:20px;
	border:1px solid #e5e5e5;
	border-radius:6px;
	text-align:center;
	margin-bottom:20px;
	cursor:pointer;
}
.make_list li:nth-of-type(3n){
	margin-right:0;
}
.make_list li i{
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
.make_list li span{
	display:block;
	margin-bottom:5px;
	font-size:16px;
}
.make_list li i img{
	position:absolute;
	top:0;
	bottom:5px;
	left:0;
	right:0;
	margin:auto;
}
.make_list li.on i img:nth-of-type(1){
	display:none;
}
.make_list li.on i img:nth-of-type(2){
	display:block;
}
.make_list li.on{
	color:#2077c8;
	border:1px solid #2077c8;
}
.make_list li i img:nth-of-type(2){
	display:none;
}

/*****************************面包屑导航*****************************/

.crumbs {
	background-color: #fff;
	border-bottom: 1px solid #eee;
}

.breadcrumbs {
    font-size: 14px;
    width: 100%;
    margin: 0 auto;
}

.wraps,
.crumbs_left {
    padding: 16px 0;
}
.crumbs_left a:hover{
    color:#0081e0;
}
.crumbs_left a img {
    width: 18px;
    margin-top: -2px;
}

.breadcrumbs a {
    color: #666666;
}

.breadcrumbs span {
    color: #666666;
}

.breadcrumbs .wraps a *:before,
.crumbs_left a *:before {
    content: '>';
    margin: 0 2px;
}

.incon {
    width: 1200px;
    margin: 0 auto;
    font-size: 16px;
}

/******************************面包屑导航*********************************/

.border_list {
    margin-right: 80px;
}

.border_list li a {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    opacity: 1;
}

.border_list li a:hover {
    opacity: 0.7;
}

.border_list  a img {
    width: 10px;
    height: 14px;
    margin-left: 15px;
}

.foot_list li a {
    font-size: 14px;
}
.foot_list li a.light_link {
    font-size: 16px;
    color: #fff;
    cursor: default;
}

.foot_list li a.light_link:hover {
    color: #fff;
}

.cstd_contarner {
    width: 1200px;
    margin: 30px auto 60px;
}


.clear {
    clear: both;
}

.clearfix:after {
	content: "";
	display: block;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}

.price_font {
    font-family: 'price-font';
}

.container{
	width: 1200px;
	margin:0 auto;
}

.index_left.other {
    box-sizing: border-box;
    padding: 30px;
    background: #fff;
    width: 420px;
}

.index_right.other {
    width: 750px;
    box-sizing: border-box;
}
@media (min-width: 200px) {
    .head_liss a {
        padding: 40px 10px;
    }
    .ewm_list {
        width: 120px;
    }
    .ewm_list li {
        margin-right: 0px;
        margin-bottom: 30px;
    }
}
@media (min-width: 1260px) {
    .head_liss a {
        padding: 40px 20px;
    }
    
}

@media (min-width: 1300px) {
    .ewm_list {
        width: auto;
    }
    .ewm_list li{
        margin-right:45px;
        margin-bottom: 0px;
    }
    .ewm_list li:last-child{
        margin-right:0;
    }
    
}

/* 个人中心-我的客户-线下约谈-等待确认 start */

.my_client {
    background-color: #2077c8;
    height: 200px;
    min-width: 1200px;
}

.my_jd {
    width: 1200px;
    margin: 0 auto 25px;
    margin-top: -170px;
    background-color: #fff;
    padding: 30px 30px 30px 0;
}

.my_txt {
    font-size: 22px;
    color: #333;
}

.my_txt i {
    width: 2.5px;
    height: 25px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    background-color: #3684cd;
}

.my_zx {
    margin-top: 0;
    padding-bottom: 0;
}

.my_dd {
    color: #666;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
}

.my_zxdy {
    float: right;
    display: inline-block;
    padding: 5px;
    color: #fff;
    background-color: #ffa83a;
    border: 1px solid #ffa83a;
    border-radius: 2px;
    font-size: 14px;
}

.my_zxdy:hover {
    border: 1px solid #ffa83a;
    background-color: #fff;
    color: #ffa83a;
}

.myzx_left {
    display: inline-block;
    vertical-align: middle;
}

.myzx_ys {
    display: inline-block;
    vertical-align: middle;
}

.myzx_con {
    padding-left: 30px;
    padding-top: 15px;
}

.myzx_lis {
    border-bottom: 1px solid #eee;
    padding: 25px 0;
}

.myzx_tx {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.myzx_tx img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    /* max-width: 100%;
    max-height: 100%; */
    width: 100px;
    height: 100px;
}

.myzx_p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    color: #333;
}

.myzx_p .xm {
    display: block;
    font-size: 22px;
}

.myzx_p .hm {
    font-size: 16px;
    display: block;
    margin-top: 5px;
}

.myzx_ys {
    padding-left: 135px;
    color: #333;
    font-size: 16px;
}
.myzx_ys select{
    background:  no-repeat;
    background-position: 95% 50%;
    width: 120px;
    border: 1px solid #eee;
    padding:10px ;
    border-radius: 4px;
    padding-right: 22px;
}
.myzx_ys select option{
    height: 30px;
}
.myzx_wtms {
    font-size: 16px;
}

.myzx_wtms>span {
    display: inline-block;
    vertical-align: middle;
}

.myzx_wtms>span:nth-of-type(1) {
    color: #333;
    margin-right: 15px;
}

.myzx_right {
    display: inline-block;
    vertical-align: top;
}

.myzx_p1 img {
    margin-right: 2px;
    margin-bottom:3px;
    width: 16px;
    height: 20px;
}

.myzx_tp {
    margin-top: 15px;
}

.myzx_tp li {
    display: inline-block;
    vertical-align: middle;
    width: 107px;
    height: 107px;
    border: 1px solid #eee;
    border-radius: 2px;
    margin-right: 15px;
    position: relative;
}

.myzx_tp li img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: 107px;
    height: 107px;
}

.myzx_an {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

.myzx_an a {
    width: 235px;
    display: inline-block;
    text-align: center;
    padding: 15px 0;
    border-radius: 4px;
    background-color: #2077c8;
    border: 1px solid #2077c8;
    color: #fff;
    font-size: 20px;
    margin: 0 15px;
}

.myzx_an a:hover {
    border: 1px solid #eee;
    color: #999;
    background-color: #fff;
}

.myzx_an a:last-child {
    border: 1px solid #eee;
    color: #999;
    background-color: #fff;
}

.myzx_an a:last-child:hover {
    background-color: #2077c8;
    color: #fff;
    border: 1px solid #2077c8;
}

/* 约谈进度  */

.jd_list {
    width: 510px;
    margin: 35px auto 0;
}

.jd_lis {
    width: 32.33%;
    display: inline-block;
    vertical-align: middle;
}

.jd_lis i {
    display: block;
    font-style: normal;
    color: #cccfd7;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    border: 1px solid #d5d7de;
    border-radius: 50%;
    margin-bottom: 15px;
    position: relative;
}

.jd_lis span {
    display: block;
    color: #666;
    font-size: 16px;
    text-align: center;
}

.jd_lis.on i {
    background-color: #2077c8;
    color: #fff;
    border: 1px solid #2077c8;
}

.jd_lis.on1 i {
    background-color: #f14848;
    color: #fff;
    border: 1px solid #f14848;
}

.jd_lis.on span {
    color: #2077c8;
}

.jd_lis.on1 span {
    color: #f14848;
}

.jd_lis:nth-of-type(1) i:before {
    display: none;
}

.jd_lis i:before {
    content: '';
    display: inline-block;
    width: 115px;
    height: 2px;
    background-color: #cccfd7;
    position: absolute;
    left: -122px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.jd_lis.on i:before {
    background-color: #2077c8;
}

/* 个人中心-我的客户-线下约谈-等待确认 end */

/* lisuwan 2020-01-04 star */

.public_tip {
    float: left;
    line-height: 20px;
    margin-right: 10px;
}

.public_tip_txt {
    height: 20px;
    line-height: 20px;
    display: inline-block;
}

.public_hide {
    display: none;
}

input[type="button"]:disabled {
    background-color: #dddddd !important;
    color: #fff;
}

input[type="file"] {
    cursor: pointer;
}

.public_margintop10 {
    margin-top: 10px;
}

/* 下载文件图片icon */
.fileicon { 
    margin-top: -3px;
    margin-right: 10px;
    width: 12px;
    height: 16px;
}

.filenameitem li li {
    margin-top: 5px;
}

.closeicon {
    margin-top: 3px;
}

.colorred {
    color: red;
}

.color333 {
    color: #333;
}

.fontsize14 {
    font-size: 14px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #b8b8b8;
}

input::-moz-input-placeholder,
textarea::-moz-input-placeholder {
    color: #b8b8b8;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #b8b8b8;
}
.public_download:hover{
    color: #2077c8;
}
.public_download span{
    position: relative;
    top:2px;
}
.funct > ul > li   li{
    margin-top: 10px;
}
.cursor{
    cursor: pointer;
}
.gzjl_jl1   .gzjl_jl1{
    margin-top: 30px;
}
.public_download:hover{
    color: #2077c8;
}
.public_download.text-decoration:visited{
    text-decoration:none
}
.public_download{
    display: block;
}
.public_download   .public_download{
    margin-top: 5px;
}

.bg2077c8{
    background-color: #2077c8 !important;
}

.reltivetop2px{
    position: relative;
    top:2px;
}

/* lisuwan 2020-01-04 end */

/* 上传图片  填写表格 start */

.myzx_wtms .tit {
    float: left;
}

.myzx_wtms textarea {
    width: 1040px;
    height: 180px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.myzx_wtms1 textarea {
    width: 1020px;
    height: 180px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.uploadfile {
    margin-top: 20px;
}

.uploadfile .fileborder {
    width: 361px;
    height: 40px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    /* border: 0; */
}

.uploadfile .tit {
    float: left;
    line-height: 44px;
    font-size: 16px;
    color: #666;
}

.uploadfile .fileborder input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.uploadfile .tips {
    color: #b7b7b7;
    font-size: 16px;
    line-height: 50px;
    padding: 0 0 0 5em;
}

.uploadfile .imgborder {
    width: 107px;
    height: 107px;
    display: inline-block;
    position: relative;
    margin-right: 20px;
    overflow: hidden;
}

.uploadfile .imgborder input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.myzx_an1 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 5em;
    text-align: left;
}

.myzx_an1 .btn {
    background-color: #2077c8 !important;
    border: 1px solid #2077c8 !important;
    color: #fff !important;
}

.myzx_an2 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 7em;
    text-align: left;
}

.myzx_an2 .btn {
    background-color: #2077c8 !important;
    border: 1px solid #2077c8 !important;
    color: #fff !important;
}

.filenamelist {
    width: 361px;
    padding: 20px 0;
    margin-left: 6em;
    display: none;
}

.filenamelist img {
    position: relative;
    top: -2px;
}

.filenamelist .cha {
    float: right;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 4px;
}

.uploadfile .imgborder .img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.uploadfile .imgborder .close {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.8;
}

.uploadfile .imgborder .close:hover {
    opacity: 1;
}

/* 上传图片  填写表格 end */

/*  */

.my_jd .questions {
    display: block;
    padding: 30px;
    overflow: hidden;
}

.my_jd .questions .le {
    display: inline-block;
    width: 5em;
    float: left;
    font-size: 16px;
    color: #333333;
}

.my_jd .questions .ri {
    display: inline-block;
    padding: 0 30px;
    width: calc(100% - 6em);
    float: right;
    font-size: 16px;
    color: #666666;
}

.my_jd .answers {
    display: block;
    padding: 30px;
    background-color: #f6fafd;
    margin: 0 auto;
    overflow: hidden;
}

.my_jd .answers .le {
    display: inline-block;
    width: 5em;
    float: left;
    font-size: 16px;
    color: #2077c8;
}

.my_jd .answers .ri {
    display: inline-block;
    padding: 0 30px;
    width: calc(100% - 6em);
    float: right;
    font-size: 16px;
    color: #333333;
}

.my_jd .contwarp {
    padding-left: 30px;
}

.my_jd .funct {
    color: #666;
    margin-top: 30px;
}

.my_jd .funct span {
    cursor: pointer;
}

.my_jd .funct img {
    vertical-align: middle;
    margin-right: 5px;
}

.my_jd .funct .filename {
    margin-right: 45px;
    cursor: pointer;
}

.my_jd .msgtit {
    padding: 20px 0;
    border-bottom: 1px solid #eeeeee;
}

.my_jd .reply {
    padding: 30px;
    border-bottom: 1px solid #eeeeee;
}

.my_jd .reply .tit {
    font-size: 20px;
    color: #333333;
}

.my_jd .reply .tit .date {
    color: #999999;
    font-size: 16px;
    margin-left: 24px;
}

.my_jd .reply .replycont {
    font-size: 18px;
    color: #333333;
    margin: 25px 0;
}

.my_jd .reply .replycont1 {
    font-size: 18px;
    color: #333333;
    margin: 25px 0 0;
}

.my_jd .seemore {
    text-align: center;
    padding: 30px 0;
    font-size: 16px;
    color: #666666;
    cursor: pointer;
}

.my_jd .addreply {
    border-bottom: 1px solid #eeeeee;
}

.my_jd .addreply .tit {
    font-size: 16px;
    color: #2077c8;
}

.my_jd .addreply textarea {
    width: 100%;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    height: 104px;
    margin-top: 20px;
}

.my_jd .addreply button {
    width: 120px;
    height: 48px;
    background: #8fbbe3;
    border-radius: 4px;
    font-size: 20px;
    color: #fff;
    border: none;
    margin: 30px 0;
}

.my_jd .addreplytips {
    text-align: center;
    color: #999999;
    padding: 30px 0;
}

.my_jd .issolve {
    text-align: center;
    padding: 0 0 30px 0;
}

.my_jd .issolve button {
    width: 240px;
    height: 60px;
    margin: 0 15px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    background-color: #fff;
    font-size: 20px;
}

.my_jd .issolve .on {
    background-color: #2077c8;
    color: #fff;
    border: 1px solid #2077c8;
    color: #fff;
}

.myzx_left .imgtx {
    display: inline-block;
    width: 100px;
    /* height: 140px; */
    text-align: center;
}

.myzx_left1 .myzx_p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    color: #333;
    float: right;
    margin-top: 25px;
}


/* 选择城市样式 start */
/**
 * @description: 选择城市样式修改
 * @author: cheng linmao
 * @date: 2020-01-08 11:48:27 
 */
 
.myzx_ys #city {
    width: 280px;
    height: 40px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background:  no-repeat right center;
    background-position: 95% 50%;
    cursor: pointer;
    padding: 0 20px 0 15px;
}

.myzx_ys1 {
    padding-left: 35px;
    color: #333;
    font-size: 16px;
}

.myzx_ys1 .inputwarp {
    display: inline-block;
    position: relative;
}

.myzx_ys1 .inputwarp .area {
    position: absolute;
    top: 100%;
    left: 0;
    width: 400px;
    display: none;
    box-shadow: 0 0 10px #f6f7f9;
}

/* 选择城市样式 start */

/* 个人中心侧边 start */

.per_con {
    width: 1200px;
    margin: 30px auto 60px;
    overflow: hidden;
    box-sizing: border-box;
}

.per_left {
    float: left;
    width: 280px;
    margin-left: 25px;
    background-color: #fff;
}

.per_right {
    width: 880px;
    float: right;
    background-color: #fff;
}

.per_tx {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.per_tx img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 74px;
    height: 74px;
    border-radius: 50%;
}

.per_title {
    background:  left center no-repeat;
    background-size: cover;
    padding: 20px 25px;
}

.per_pl b {
    display: block;
    color: #fff;
    font-weight: normal;
    font-size: 24px;
}

.per_pl {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
}

.per_pl span {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
}

.per_pl span img {
    vertical-align: middle;
    width: 16px;
    height: 19px;
    position: relative;
    top: -2px;
}

.per_pl span i {
    display: inline-block;
    font-style: normal;
    ;
}

.per_list {
    padding: 20px 0;
}

.per_lis a {
    display: block;
    padding: 20px 25px;
    border-left: #fff;
    border-left: 2px solid #fff;
}

.per_lis span {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    font-size: 18px;
    padding-left: 10px;
}
.per_lis em.arrow{
	float:right;
	margin-top:15px;
	display:inline-block;
	width:14px;
	height:8px;
	background: center center no-repeat;
}
.per_lis em.arrow.on{
	background: center center no-repeat;
}
.use_list{
	box-shadow:0 0 10px #f5f5f5;
	display:none;
}
.use_list li a{
	font-size:16px;
	color:#666;
	display:block;
	padding-left:70px;
}
.use_list li:hover a,.use_list li.on a{
	color:#2077c8;
}
.per_lis i {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 33px;
}

.per_lis i img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.per_lis i img:nth-of-type(2) {
    display: none;
}

.per_lis:hover i img:nth-of-type(2),
.per_lis.on i img:nth-of-type(2) {
    display: block;
}
.per_lis:hover i img:nth-of-type(1),
.per_lis.on i img:nth-of-type(1) {
    display: none;
}

.per_lis:hover span,
.per_lis.on span {
    color: #2077c8;
}

.per_lis:hover>a,
.per_lis.on>a{
    border-left: 2px solid #2077c8;
    background-color: #e8f1f9;
}

.per_lis em {
    display: inline-block;
    vertical-align: top;
    padding: 2px 10px;
    border-radius: 15px;
    font-size: 14px;
    font-style: normal;
    color: #2077c8;
    background-color: #e8f1f9;
    margin-top:2px;
    margin-left:5px;
}

.per_right {
    padding: 25px 30px;
}

.per_tit {
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    color: #333;
    font-size: 22px;
}

.per_tit i {
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 22px;
    background-color: #2077c8;
    margin-right: 10px;
}

.per_tit span {
    display: inline-block;
    vertical-align: middle;
}

.per_tit a {
    font-weight: normal;
    color: #2077c8;
    font-size: 16px;
    display: inline-block;
    float: right;
    margin-top: 4px;
}

.per_tit a em {
    font-style: normal;
}

.per_gzjj {
    border: 1px solid #e5e5e5;
}

.gzjl_p0 {
    padding: 15px 30px;
    color: #2077c8;
    font-size: 18px;
    background-color: #f2f7fc;
}
.about_txt{
	text-align:center;
}
/* 个人中心侧边 end */

/* 头部 start */
a:focus{
	text-decoration:none;
}
header{
	background-color:#fff;
	border-bottom:1px solid #e5e5e5e5;
}
.head_con{
	/* width:1430px; */
	margin:0 auto;
}
.head_left{
	float:left;
}
.head_right{
	float:right;
}
.head_list{
	display:inline-block;
	position:relative;
	margin-left:30px;
}
.head_list:after{
	content:'';
	width:1px;
	height:18px;
	background-color:#2077c8;
	display:inline-block;
	position:absolute;
	left:-15px;
	top:0;
	bottom:0;
	margin:auto;
}
.head_liss{
	display:inline-block;
}
.head_liss a{
	display:block;
	padding:40px 18px;
	font-size:16px;
	color:#666;
	position:relative;
}
.head_liss a span{
	color:#999;
	font-size:14px;
	text-transform:uppercase;
}
.head_liss:hover a,.head_liss:hover a span,.head_liss.on a,.head_liss.on a span{
	color:#2077c8;
}
.head_liss:hover a:after,.head_liss.on a:after{
	content:'';
	display:block;
	width:40px;
	height:2px;
	background-color:#2077c8;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.head_tx{
	width:50px;
	height:50px;
	display:inline-block;
	vertical-align:middle;
	border-radius:50%;
	overflow:hidden;
	margin-right:10px;
	box-shadow:0 0 10px #e5e5e5;
}
.head_right{
	margin-top:25px;
	cursor:pointer;
}
.head_right span{
	color:#333;
	font-size:16px;
}
.head_right span a{
	color:#999;
	display:inline-block;
	vertical-align:middle;
	padding:0 10px;
}
.login{
	border-right:1px solid #bfbfbf;
}
.head_right span a:hover{
	color:#2077c8;
}
.top_names{
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
.shez_list{
	display:none;
	box-shadow:0 0 10px #e5e5e5;
	width:100px;
	position:absolute;
	top:35px;
	right:0;
	z-index:50;
	background-color:#fff;
}
.shez_list li{
	padding:10px 20px;
	text-align:right;
	cursor:pointer;
}
.shez_list li:hover{
	box-shadow:0 0 10px #e5e5e5;
}
.shez_list li span{
	display:inline-block;
	vertical-align:middle;
	color:#666;
	font-size:14px;
	margin-left:5px;
}
/* 头部 end */



/*右侧导航*/
.unbind_window{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	display:none;
	z-index:500;
}
.unbind_window_con{
	width:280px;
	background-color:#fff;
	border-radius:4px;
	position: absolute;
	left:0;
	right:0;
	top:15%;
	margin:auto;
}
.unbind_p1{
	padding:25px 35px;
	color: #ffffff;
	font-size:22px;
	background-color: #1e9fff;
	border-radius: 4px 4px 4px 4px;
}
.unbind_p1 img{
	float:right;
	margin-top:3px;
}
.unbind_div{
	padding:15px;
	text-align:center;
	border-radius: 4px;
}
.sfloat{
	width:90px;
	display:block;
	position:fixed;
	top:50%;
	right:20px;
	animation: rightward 1s 1s ease both;
	z-index:100;
}
.sfloat-ul{
	width:100%;
	height:100%;
}
.sfloat-ul li{
	width:100%;
	height:90px;
	background: #ffffff;
	border:1px solid #ebeff6;
	margin-bottom: 6px;
	text-align:center;
}
.sfloat-ul li a{
	width:100%;
	height:100%;
	display:block;
}
.sfloat-ul li:last-child{
	border:none;
}
.sfloat-ul li span{
	display:inline-block;
	margin:10px auto;
	width:34px;
	height:34px;
}
.sfloat1{
	background: center center no-repeat;
}
.sfloat2{
	background: center center no-repeat;
}
.sfloat3{
	background: center center no-repeat;
}
.sfloat-ul li a p{
	width:100%;
	text-align:center;
	font-size:16px;
	color:#2077c8;
}
.sfloat-ul li:hover{
	background:#0081e0;
}
.sfloat-ul li a:hover .sfloat1{
	background: center center no-repeat;
}
.sfloat-ul li a:hover .sfloat2{
	background: center center no-repeat;
}
.sfloat-ul li a:hover .sfloat3{
	background: center center no-repeat;
}
.sfloat-ul li:hover p{
	color:#fff;
}
.unbind_p1 img.make_phone{
	float:none;
	margin-right:10px;
}
.appointment_btn a:nth-of-type(1){
	width:300px;
	background-color:#2077c8;
	color:#fff;
}
.appointment_btn a:nth-of-type(1):hover{
	background-color:#fff;
	border:1px solid #2077c8;
	color:#2077c8;
}
.make_list li{
	display:inline-block;
	vertical-align:middle;
	padding:15px 0;
	width:160px;
	margin-right:20px;
	border:1px solid #e5e5e5;
	border-radius:6px;
	text-align:center;
	margin-bottom:20px;
	cursor:pointer;
}
.make_list li:nth-of-type(3n){
	margin-right:0;
}
.make_list li i{
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
.make_list li span{
	display:block;
	margin-bottom:5px;
	font-size:16px;
}
.make_list li i img{
	position:absolute;
	top:0;
	bottom:5px;
	left:0;
	right:0;
	margin:auto;
}
.make_list li.on i img:nth-of-type(1){
	display:none;
}
.make_list li.on i img:nth-of-type(2){
	display:block;
}
.make_list li.on{
	color:#2077c8;
	border:1px solid #2077c8;
}
.make_list li i img:nth-of-type(2){
	display:none
}

/*******************************分页*****************************************/

.pages {
    height: 50px;
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
    margin-top: 30px;
}

.pages a {
    display: inline-block;
    margin: 0 3px;
    height: 40px;
    width: 40px;
    vertical-align: middle;
    line-height: 40px;
    background-color: #fff;
    border-radius: 4px;
  
}

.pages .fir,
.pages .end {
    width: 60px;
    height: 40px;
    background: #f4f4f4;
    color: #626262;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
}

.pages .end {
    margin-right: 0;
}

.pages a.fff {
    background: #fff;
}

.pages .prevs,
.pages .nexts {
    width: 40px;
    height: 40px;
    border: 1px solid #e1e1e1;
    color: #333;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
}

.pages .on {
    color: #fff;
    background: #2077c8;
}
.pages  a:hover {
    color: #fff;
    background: #2077c8;
}

.pages .number a {
    width:40px;
    height: 40px;
    text-align: center;
    line-height:40px;
    color: #626262;
    font-size: 14px;
    border: none;
}

.pages .number a.on {
    color: #fff;
    background: #2077c8;
    border: none;
}
.pages .number a:hover {
    color: #fff;
    background: #2077c8;
    border: none;
}

.pages .text {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height:40px;
    background: #ffffff;
    color: #08c357;
    font-size: 14px;
}

.pages .btn_go {
    display: inline-block;
    width: 57px;
    height: 36px;
    border: 1px solid #dfdfdf;
    color: #666666;
    font-size: 14px;
    text-align: center;
    background: #f3f3f3;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
}

/*******************************分页*****************************************/


  /* 星星的大小 */
  .my_shop_gray_star {
	background: #fff  no-repeat;
	background-size: 100% 100%;
	width:22px;
	height:26px;
	overflow: hidden;
}

.my_shop_red_star {
	width: 0;
	height: 100%;
	background:transparent   no-repeat;
	background-size: 22px  26px; /* 此背景大小固定和星星大小一样 */
}

.my_shop_point_amount_num {
	font-size: 18px;
	color: #eb3629;
	font-weight: bold;
}

.my_shop_point_amount_unit {
	font-size: 18px;
	color: #eb3629;
}

.my_shop_point_amount {
	display: flex;
	/* justify-conte; */
}
/* 评分 start */

.my_shop_point_stars {
	display: flex;
	align-items: center;
	margin-right: 10px;
}

.my_shop_point_left {
	display: flex;
	align-items: center;
}

.my_shop_star_item {
	margin-right: 12px;
}

.my_shop_point_right {
	font-size: 18px;
	color: #666666;
	margin-left: 44px;
}

.my_shop_point {
	display: flex;
	align-items: center;
	margin-top: 30px;
}
/* 评分 end */

.font_big {
    font-size: 20px;
}

.font_little {
    font-size: 16px;
}

.top_logo {
    width: 139px;
	height: 74px;
}

.top_header {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.logo_link {
    display: block;
    overflow: hidden;
}

.logo_link img {
    width: 139px;
	height: 74px;
}

.ewm_list li  img {
    width: 120px;
	height: 120px;
}

.foot_phone i {
    margin-bottom: 10px;
}

.course_info_right a{
    display:inline-block;
    vertical-align:middle;
    padding-right:5px;
    margin-right:5px;
    border-right:1px solid #e5e5e5;
}
.course_info_right a:last-child{
    border-right:0;
}


.my_shop_point_stars {
    padding-left: 0;
    overflow: hidden;
 }
.my_shop_point_stars li {
    float: left;
    list-style: none;
    width: 22px;
    height: 26px;
    margin-right:10px;
    background:;
 }
.my_shop_point_stars li a {
    display: inline-block;
    padding-top:20px;
    width: 50%;
    overflow: hidden;
    opacity:0;
}
.my_shop_point_stars .halfstar{
    background: ;
}
.my_shop_point_stars .fullstar{
    background: ;
}


.fixed_top_pic{
    width:50px;
    height:50px;
    position: relative;
    display:inline-block;
    vertical-align: middle;
    border-radius:8px;
    border:1px solid #e5e5e5;
}
.fixed_top_pic img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.fixed_top_price_con{
    width: 1200px;
    margin: 0 auto;
}

.fixed_top_price{
    width:100%;
    box-sizing: border-box;
    overflow: hidden;
    background-color:#fff;
    padding:10px 0 20px;
    position:fixed;
    left:0;
    top:0;
    display:none;
    box-shadow: 0px 20px 20px -20px #e5e5e5;
}
.fixed_top_left{
    float: left;
    margin-top:10px;
}
.fixed_top_list{
    display:inline-block;
    vertical-align: middle;
    margin-left:40px;
}
.fixed_top_list li{
    font-size:16px;
    color:#333;
    display:inline-block; 
    position: relative;
    cursor: pointer;
}
.fixed_top_list li a{
    display:block;
    padding:12px 20px;
}
.fixed_top_list li:hover a{
    color:#0081e0;
}
.fixed_top_list li.on a{
    color:#0081e0;
}
.fixed_top_list li.on:after{
    content:'';
    width:20px;
    height:2px;
    background-color:#0081e0;
    display:inline-block;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

.fixed_top_right{
    float:right;
    margin-top:15px;
}
.fixed_top_right_price{
    display:inline-block;
    vertical-align:middle;
    margin-right:50px;
}
.fixed_top_now{
    display:inline-block;
    vertical-align:middle;
    padding:8px 20px;
    background-color:#0081e0;
    color:#fff;
    font-size:20px;
    border-radius:4px;
    border:1px solid #0081e0;
}
.fixed_top_now:hover{
    background-color:#fff;
    color:#0081e0;
}


/*咨询弹窗 2*/
.start_window2{
	width: 100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	position: fixed;
	left:0;
	top:0;
	display:none;
	z-index: 100;
}

.start_window2 .qrcode{
	position: absolute;
	top: 15%;
	left: 50%;
	margin-left: -200px;
	background:  no-repeat center center;
	background-size: 100% 100%;
	padding: 20px;
	width: 400px;
	/*height: 550px;*/
}

.start_window2 .qrcode_tit{
	width: 280px;
	display: block;
	margin: 0rem auto 28px;
}

.start_window2 .qrcode .qrcode_box{
	padding: 0rem 45px;
	/*width: 5.2rem;*/
	height: 440px;
	background:  no-repeat center top;
	background-size: 100% 100%;
	overflow:hidden;
}

.start_window2 .qrcode .qrcode_box .qrcode_box_top{
	display: block;
	margin: 20px auto 0rem;
	width: 280px;
	height: 60px;
	line-height: 60px;
	background-color: rgba(254,160,39,0.1);
	border-radius: 30px;
	text-align: center;
}

.start_window2 .qrcode .qrcode_box .qrcode_box_top img{
	width: 19px;
	height: 19px;
	margin-right: 10px;
	vertical-align: unset;
}

.start_window2 .qrcode .qrcode_box .qrcode_box_top span{
	font-family: barlow-regular;
	font-size: 30px;
	font-weight: bold;
	/*line-height: 26px;*/
	color: #ff9000;
}

.start_window2 .qrcode .qrcode_box .qrcode_box_bottom{
	margin-top: 36px;
	text-align: center;
}

.start_window2 .qrcode .qrcode_box .qrcode_box_bottom img{
	width: 270px;
	height: 270px;
	border: solid 1px #e7e7e7;
}

.start_window2 .qrcode .qrcode_box .qrcode_box_bottom p {
	margin-top: 12px;
	text-align: center;
	line-height: 25px;
}

.start_window2 .qrcode .qrcode_box .qrcode_box_bottom p img{
	width: 25px;
	height: 25px;
	border: none;
	margin-right: 10px;
	vertical-align: top;
}

.start_window2 .qrcode .qrcode_box .qrcode_box_bottom p span{
	font-family: microsoftyahei;
	font-size: 16px;
	color: #999999;
}

.start_window2 .qrcode_close{
	position: absolute;
	bottom: -60px;
	width: 39px;
	height: 39px;
	left: 50%;
	transform: translatex(-50%);
}
/*咨询弹窗 2 end*/
/* 第三期 修改 */
.per_lis a {
	position: relative;
}

.per_lis a>img {
	width: 14px;
	height: 8px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -4px;
}

.per_lis a>img.xjt_icon3,
.per_lis a>img.xjt_icon2 {
	display: none;
}

.per_lis:hover .xjt_icon1 {
	display: none;
}

.per_lis:hover .xjt_icon2 {
	display: block;
}

.per_lis.on .xjt_icon3 {
	display: block;
}

.per_lis.on .xjt_icon1,
.per_lis.on .xjt_icon2 {
	display: none;
}

.per_lis:hover>a,
.per_lis.on>a {
	border-left: none;
	background-color: transparent;
}

.per_lis:hover,
.per_lis.on {
	border-left: 2px solid #2077c8;
	background-color: #e8f1f9;
}

.per_lis ul li a {
	color: #999999;
	font-size: 16px;
	padding-left: 70px;
	box-sizing: border-box;
}

.per_lis ul.changeactive {
	display: block;
}

.per_lis ul {
	display: none;
}

.per_lis ul li:hover a,
.per_lis ul li.active a {
	color: #1076d5;
}


.fl {
	float: left;
}

.fr {
	float: right;
}

/* 2022-2-18 */
/* 修改 */
.head_liss a {
	padding: 40px 24px;
}

@media (min-width: 200px) {
	.head_liss a {
		padding: 40px 2px !important;
	}

}

@media (min-width: 1200px) {
	.head_liss a {
		padding: 40px 12px !important;
	}

}


@media (min-width: 1440px) {
	.head_liss a {
		padding: 40px 16px !important;
	}

}

@media (min-width: 1680px) {
	.head_liss a {
		padding: 40px 20px;
	}

}



/* 添加 */
.unbind_window2{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
	display:none;
	z-index:500;
}
.unbind_window_con2{
	width:600px;
	background-color:#fff;
	border-radius:4px;
	position: absolute;
	left:0;
	right:0;
	top:15%;
	margin:auto;
}
.unbind_p12{
	padding:25px 35px;
	border-bottom:1px solid #e5e5e5;
	color:#333;
	font-size:22px;
}
.unbind_p12 img{
	float:right;
	margin-top:3px;
}
.unbind_div2{
	padding:35px;
	text-align:center;
}

.unbind_p12 img.make_phone2{
	float:none;
	margin-right:10px;
}
.appointment_btn2 a:nth-of-type(1){
	width:300px;
	background-color:#2077c8;
	color:#fff;
}
.appointment_btn2 a:nth-of-type(1):hover{
	background-color:#fff;
	border:1px solid #2077c8;
	color:#2077c8;
}
.make_list2 li{
	display:inline-block;
	vertical-align:middle;
	padding:15px 0;
	width:160px;
	margin-right:20px;
	border:1px solid #e5e5e5;
	border-radius:6px;
	text-align:center;
	margin-bottom:20px;
	cursor:pointer;
}
.make_list2 li:nth-of-type(3n){
	margin-right:0;
}
.make_list2 li i{
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}
.make_list2 li span{
	display:block;
	margin-bottom:5px;
	font-size:16px;
}
.make_list2 li i img{
	position:absolute;
	top:0;
	bottom:5px;
	left:0;
	right:0;
	margin:auto;
}
.make_list2 li.on i img:nth-of-type(1){
	display:none;
}
.make_list2 li.on i img:nth-of-type(2){
	display:block;
}
.make_list2 li.on{
	color:#2077c8;
	border:1px solid #2077c8;
}
.make_list2 li i img:nth-of-type(2){
	display:none;
}
.myzx_an3 {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.myzx_an3 a {
	width: 235px;
	display: inline-block;
	text-align: center;
	padding: 15px 0;
	border-radius: 4px;
	background-color: #2077c8;
	border: 1px solid #2077c8;
	color: #fff;
	font-size: 20px;
	margin: 0 15px;
}

.myzx_an3 a:hover {
	border: 1px solid #eee;
	color: #999;
	background-color: #fff;
}

.myzx_an3 a:last-child:hover {
	border: 1px solid #eee;
	color: #999;
	background-color: #fff;
}

/* 2022-2-18 */