/* 整体布局(顶部导航,底部) */
body {
	line-height: 1.15 !important;
	background: #f5f5f5;
	min-width: 1220px;
	/* font-family: PingFangTC-Regular, sans-serif; */
}

/*body::-webkit-scrollbar {*/
/*	display: none;*/
/*}*/

a,
button,
li,
select,
textarea {
	list-style: none;
	text-decoration: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	resize: none;
	color: #000;
}

ul {
	padding-inline-start: 0;
	margin-bottom: 0;
}

.container {
	max-width: 1120px;
	min-width: 1120px;
}

.head {
	/* background-color: #fff; */
	z-index: 11;
	position: relative;
	border-bottom: 1px solid #fff;
	background: #1F1F1F;
}

.head_top {
	font-size: 14px;
	line-height: 48px;
	display: flex;
	justify-content: space-between;
}

.login a:first-child {
	/* color: #999; */
	color: #fff;
	margin-right: 24px;
}



.login a {
	color: #FFC000;
}

.link {
	display: inline-block;
	font-size: 14px;
	transition: all .5s;
	position: relative;
	text-decoration: none;
	margin-left: 14px;
}

.info .link a {
	/* color: #999; */
	color: #fff;
}

.info .link:after {
	/* content: "|";
	color: #eee;
	margin-left: 10px; */
}

.info .link:first-child a {
	color: #FFC000;
	margin-left: 0;
	padding-right: 10px;
	padding-left: 5px;
}

.info .link .icon{
	width: 16px;
	height: 16px;
	margin-right: 4px;
	display: inline-block;
}
.info .link .phone{
	font-size: 14px;
	color: #fff;
	font-weight: 500;
}

.head_bottom {
	border-bottom: 2px solid #FFC000;
	background-color: #fff;
}

.head_bottom .row {
	justify-content: space-between;
	min-width:1120px
}
.head_bottom .class-icon{
	margin-top: -2px;
	margin-right: 4px;
}

.logo {
	line-height: 102px;
	display: flex;


}

.gx_nav {
	list-style: none;
	display: flex;
	line-height: 42px;
	margin-bottom: 0;
	min-width: 1120px;
	/* margin-left: -20px; */
}
.gx_nav .actives{
	border-bottom: 2px solid #FFC000;
}

.gx_nav .bg-class{
	width: 136px;
	background-color: #FFC000 !important;
	border-radius:  4px 4px 0px 0px;
	margin-right: 30px;
	margin-left: -18px;
	margin-bottom: -2px;
	padding: 0 20px;
}
.gx_nav li {
	font-size: 14px;
	display: inline-block;
	position: relative;
	transition: all .5s;
	color: #313131;
	margin: 0 20px;
	cursor: pointer;
}

.head_bottom .search {
	line-height: 94px;
	margin-top: 30px;
	position: relative;
	/* border: 1px solid #eee; */
	height: 48px;
	width: 800px;
	/* border-radius: 17px; */
	display: flex;
	overflow: hidden;
	/* background-color: #fff; */
}

.stage {
	position: absolute;
	left: 0;
	background: #fff;
	width: 136px;
	z-index: 99;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-top: 0;
	margin-top: 2px;
	/* overflow: hidden; */
	/* display: block; */
	box-shadow: 0 1px 6px rgb(0 0 0 / 10%);
	border-radius: 0 0 6px 6px;
}

.stage .title {
	width: 136px;
	float: left;
	padding: 15px 20px;
	box-sizing: border-box;
	height: 490px;
	/* overflow: auto; */
	position: relative;
	border-radius: 0 0  6px 6px;
	/* border-top: 3px solid #FFC000; */
}
#second_class {
	position: absolute;
    left: 134px;
	background-color: #fff;
    z-index: 999;
	display: none;
}
#third_class {
	position: absolute;
    left: 368px;
	background-color: #fff;
    z-index: 9999;
}
.stage .title li{
	padding: 0;
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

.stage .title .active:before {
	/* content: "";
	display: block;
	font-size: 16px;
	border-top: 1px solid #707070;
	border-right: 1px solid #707070;
	width: 8px;
	height: 8px;
	position: absolute;
	transform: rotate(45deg);
	top: 50%;
	margin-top: -4px;
	right: 0;
	font-weight: 400; */
}

.stage .title .active:after {
	content: "";
	position: absolute;
	top: 6px;
	left: -22px;
	height: 18px;
	width: 4px;
	background: #FFC000;
}

.stage .title .active {
	color: #333 !important;
	font-weight: 700;
	position: relative;
}

.stage .title li {
	height: 30px;
	line-height: 30px;
	margin-bottom: 12px;
	position: relative;
	color: #707070;
	font-size: 12px;
	cursor: pointer;
	margin-left: 0;
	margin-right: 0;
	display: list-item;
}

.stage .title .active:before {
	/* content: "";
	display: block;
	font-size: 16px;
	border-top: 1px solid #707070;
	border-right: 1px solid #707070;
	width: 8px;
	height: 8px;
	position: absolute;
	transform: rotate(45deg);
	top: 50%;
	margin-top: -4px;
	right: 0;
	font-weight: 400; */
}

.stage .sub {
	
	padding: 15px 10px 15px 15px;
	float: left;
	background: #fff;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	overflow: auto;
	height: 490px;
	box-shadow: 0 1px 6px rgb(0 0 0 / 10%);
	border-radius: 0 0 6px 6px;
}
/* 滚动条 */
.stage .sub::-webkit-scrollbar {
   width: 4px; 
}
.stage .sub::-webkit-scrollbar-thumb {
	 border-radius: 4px;
	  //box-shadow是用来添加阴影的，不添加此条属性也可以
	 box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	 background: rgba(0,0,0,0.2);
}
.stage .sub.active {
	display: block;
}

.stage .subli {
	float: left;
	width: 210px;
	position: relative;
}

.stage .subli.arrowz::before{
	content: '';
	position: absolute;
	top: 14px;
	right: 6px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left-color: #d9d9d9;
	
}
.stage .subli h2 {
	font-weight: 400;
	font-size: 12px;
	line-height: 40px;
	color: #333;
	letter-spacing: 1px;
	margin: 0;
}

.stage .subli p {
	margin: 0;
}
.stage .subli.active  h2,.stage .subli:hover h2 {
	font-weight: bold;
}
.search_input {
	height: 46px;
	line-height: 46px;
	margin-left: 0;
	border: 0;
	border: 2px solid #FFC000;
	outline: 0;
	display: inline-block;
	width: 850px;
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	color: #606266;
	padding: 0 15px;
}

.search_input:focus {
	outline: none;
	border: 2px solid #FFC000;
}

.search_input::-webkit-input-placeholder {
	color: #C0C4CC;
	font-size: 14px;
}

.search .fa-search {
	color: #eee;
	line-height: 34px;
	cursor: pointer;
}

.service {
	height: 90px;
	background: #fff;
	border-radius: 6px;
	z-index: 2;
	margin: 15px auto;
	line-height: 90px;
	display: flex;
	width: 732px;
	justify-content: space-around;
	transform: translate(-48px);
	
	/* margin-top:-50px; */
	box-shadow: 0 1px 6px rgb(0 0 0 / 10%);
}

.service .service_item:hover .icon {
    transform: translateY(-10px);
    transition: all .5s;
}

.service_item {
	display: flex;
}

.service p:first-child {
	font-size: 14px;
	color: #313131;
	font-weight: bold;
	line-height: 18px;
	padding-bottom: 5px;
}

.service p {
	font-size: 12px;
	color: #989897;
	line-height: 18px;
	margin-bottom: 0;
}

.service a:first-child {
	margin-right: 24px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #ee7617;
	color: #ee7617;
}

.service a:first-child:hover {
	background: #ee7617;
	color: #fff;
	text-decoration: none;
}

.service a {
	width: 140px;
	display: inline-block;
	height: 46px;
	line-height: 46px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
	margin-right: 16px;
	background: #ee7617;
	cursor: pointer;
	transition: all .5s;
	border: 1px solid transparent;
}

.service a:hover {
	background: #fff;
	color: #ee7617;
	text-decoration: none;
	border: 1px solid #ee7617;
}

.arrow {
	background: #242424;
	width: 45px;
	height: 100%;
	position: fixed;
	z-index: 99;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
}

.arrowView {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
}

.customer {
	cursor: pointer;
	position: relative;
	transition: all .5s;
	padding-top: 30px;
	padding-bottom: 20px;
}

.customer img {
	width: 18px;
}

.arrowView p {
	padding-top: 5px;
	color: #d3d6e1;
	font-size: 12px;
	margin-bottom: 0;
}

.arrowView>div:last-child {
	margin-top: 150px;
	background: #1e3390 !important;
}

.arrowView>div:last-child img {
	width: 12px;
}

.arrowView .cart {
	position: relative;
	background: #ee7617;
}

.arrowView .cart p {
	color: #fff;
}

.footer_service {
	width: 1120px;
	margin: 0 auto;
	padding: 30px;
	background: linear-gradient(to bottom,#1B1A18,#363531);
	border-radius: 6px;
	margin-bottom: 32px;
}

.footer_service .row {
	justify-content: space-around;
}

.footer_service .d-flex {
	flex: 0 0 25%;
}

.footer_service img {
	height: 35px;
	margin-right: 10px;
}

.footer_service p {
	color: #FCEBBC;
	font-size: 15px;
	margin-bottom: 0;
}

.footer_service span {
	font-size: 14px;
	padding-top: 5px;
	color: #FCEBBC;
	opacity: .82;
}

.footer {
	width: 100%;
	padding: 83px 0 0 0;
	/* background-color: #181c39; */
	/* background-image: url(http://www.gxrgo.com/_nuxt/img/8c9cf6e.png); */
	background: url(../img/new/img_footer.png) ;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50%;
}

.footer .left {
	flex: 0 0 25%;
}

.footer .left .time {
	color: #727485;
	padding: 12px 0;
}

.footer .left p {
	font-size: 18px;
	color: #363531;
	margin-bottom: 0;
	margin-bottom: 42px;
}

.footer .left .phone {
	font-weight: 700;
	font-size: 14px;
	color: #363531;
	margin: 15px 0;
}

.footer .middle {
	border-left: 1px solid #292e53;
	border-right: 1px solid #292e53;
	padding-left: 35px;
	padding-right: 35px;
	flex: 0 0 50%;
	overflow: hidden;
	display: inline-table;
}

.footer .middle ul {
	float: left;
	width: 25%;
	list-style: none;
	margin-bottom: 0;
}

.footer .middle li {
	list-style: none;
}

.footer .middle ul li:first-child {
	font-size: 18px;
	margin-bottom: 30px;
	color: #363531;
}

.footer .middle ul li {
	font-size: 12px;
	color: #727485;
	margin-bottom: 16px;
	padding-left: 5px;
	box-sizing: border-box;
}

.footer .middle ul li a {
	color: #363531;
	font-size: 14px;
	transition: all .5s;
	text-decoration: none;
}

.footer .middle ul li a:hover {
	color: #fff;
	transition: all .5s;
}

.footer .middle ul li:last-child {
	margin-bottom: 0;
}

.footer .right {
	/* flex: 0 0 10%; */
	padding-right: 40px;
	text-align: right;
	margin-left: 25px;
}

.footer .right div {
	text-align: left;
	display: inline-block;
}

.footer .right p:first-child {
	font-size: 18px;
	color: #363531;
}

.footer .right p {
	font-size: 12px;
	color: #a4a7b9;
	margin-bottom: 15px;
}
.footer .underline{
	padding-bottom: 40px;
	border-bottom: 1px solid #FFFFFF;
}
.copyright {
	line-height: 90px;
	height: 90px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	margin: 0 -20px;
	/* background: #0b0e1e; */
}

.copyright a {
	font-size: 12px;
	display: inline-block;
	color: #5b607d;
	vertical-align: middle;
	margin: 0 5px;
}

/* 整体布局(顶部导航,底部)结束 */

/* 首页开始 */
.gx_body {
	background-color: #f8fafb;
}

.goods_table .title {
	/* padding-top: 22px; */
	margin-bottom: 30px;
	border-bottom: 1px solid #dfdfdf;
	overflow: hidden;
	display: flex;
	text-align: center;
	justify-content: space-between;
	align-items: center;
}

.title .max {
	border-bottom: 2px solid #ee7617;
	height: 50px;
	display: flex;
	text-align: center;
	justify-content: space-between;
	align-items: center;
}

.title .max h1 {
	font-size: 24px;
	color: #313131;
	margin: 0;
	font-weight: 700;
}

.title .min p {
	font-size: 16px;
	color: #7d7d7d;
	cursor: pointer;
	margin-bottom: 0;
}

.title .min p.active {
	color: #0e0e0e;
	font-weight: 700;
}

.title .min p:nth-child(2) {
	margin: 0 60px;
}

.title a {
	/* padding-top: 5px;
	padding-right: 10px; */
	color: #2E2D29;
	font-size: 18px;
	display: flex;
	align-items: center;
}

/* .title a:after {
	content: "";
	float: right;
	width: 8px;
	height: 8px;
	display: block;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: rotate(45deg);
	margin-left: 5px;
	margin-top: 2px;
} */

.m-10{
	margin: 0 -10px;
}
.goods_tables{
	background: linear-gradient(189deg, #FFF9E6 0%, #FFFFFF 40%);
	padding: 12px 16px 22px 16px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-radius: 8px;
}
.goods_table .goods_list {
	padding: 10px 0;
	flex-wrap: wrap;
}

.goods_table .card_top {
	width: 20%;
	flex: 0 0 20%;
}
.justify-content{
	display: flex;
	 justify-content: space-between;
}

.goods_table .card {
	background: #fff;
	border-radius: 5px;
	transition: all .5s;
	margin-bottom: 30px;
	border: none;
	margin-left: 15px;
	margin-right: 15px;
	cursor: pointer;
}
.goods_table .card:hover {
	text-decoration: none;
}
.goods_table .card:hover .link{
    opacity: 1;
	transition: all 1s;
}

.goods_table .card:hover .text .money{
    /* opacity: 0; */
}

.goods_table .card:hover {
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    transition: all .5s;
}

.goods_table .card .media {
	padding: 25px;
	min-height: 206px;
	align-items: center;
}

.goods_table .card .media img {
	/* width: 100%; */
	width: 144px;
	height: 144px;
	transition: all .5s;
}
.goods_table .card:hover .media img{
	transform: scale(1.2);
}
.goods_table .card .link {
    transition: all .5s;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 10px;
    width: 100%;
}

.goods_table .card .link a, .goods_table .card .link div {
    background-color: #ee7617;
    border-radius: 4px;
    display: inline-block;
    line-height: 36px;
    height: 36px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
	text-decoration: unset;
}

.goods_table .card .link a {
    color: #fff;
    padding: 0 25px;
    background-repeat: no-repeat;
    background-size: 18px 12px;
    background-position: 30px 50%;
    float: left;
}

.goods_table .card .text {
	padding: 12px 15px 24px;
}

.goods_table .card .text h2 {
	color: #313131;
	font-size: 16px;
	overflow: hidden;
	line-height: 1.5;
	height: 80px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	padding-bottom: 10px;
	font-weight: 700;
	position: relative;
	margin-bottom: 0;
}

.goods_table .card .text h2:after {
    position: absolute;
    content: '';
    height: 10px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #fff;
}


.goods_table .card .text strong {
	color: #707070;
	font-weight: 400;
	font-size: 14px;
	word-break: break-all;
	text-overflow: ellipsis;
	/* min-height: 36px; */
	overflow: hidden;
	display: -webkit-box;
	/* display: none; */
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.5;
}

.goods_table .card .text .money {
	margin-top: 10px;
	color: #ee7617;
	transition: all .5s;
	opacity: 1;
	align-items: flex-end
}

.goods_table .card .money p {
	font-size: 22px;
	font-weight: 700;
	display: inline-block;
	vertical-align: bottom;
	line-height: .9;
	margin-bottom: 0;
}

.card .money span:first-child {
	font-size: 12px;
	font-weight: 400;
	vertical-align: bottom;
	color: #ee7617;
	padding-right: 4px;
}

.card .money span {
	color: #7d7d7d;
	font-size: 12px;
	vertical-align: bottom;
	line-height: 1;
	padding-left: 4px;
}

.tip {
	position: absolute;
	left: -6px;
	top: 20px;
	width: 53px;
	height: 24px;
	border-radius: 0 2px 2px 0;
	background: #ee7617;
	font-size: 14px;
	line-height: 24px;
	color: #f5f5f5;
	text-align: center;
	z-index: 2;
}

.tip::before {
	content: "";
	bottom: -4px;
	left: -2px;
	margin-left: 4px;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-bottom-color: #313131;
	transform: rotate(45deg);
	position: absolute;
}

.tip.red {
	background: #e73a3a !important;
}

.index_login {
	position: absolute;
	padding: 30px 20px;
	top: 15%;
	right: 5%;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.4);
}

.index_login h2 {
	font-size: 20px;
	margin-bottom: 0;
	padding-bottom: 5px;
	color: #fff;
}

.index_login h2.active {
	border-bottom: #fff 2px solid;
}

.index_login input {
	width: 100%;
	border: none;
	height: 48px;
	padding-left: 15px;
	outline:none;
}

.index_login .styleBtn {
	background: #f08301;
	width: 340px;
	height: 44px;
	line-height: 44px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	margin: 25px 0;
}

.index_login .other h6 {
	font-size: 12px;
	color: #ccc;
	position: relative;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: 400;
}

.index_login .other h6:before {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	background: #eee;
	width: 40%;
	top: 10px;
	right: 0;
}

.index_login .other h6:after {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	background: #eee;
	width: 40%;
	top: 10px;
	left: 0;
}

.index_login .other .thrid {
	/* display: flex; */
	justify-content: space-between;
	padding-top: 0px;
}

.index_login .other .thrid img {
	width: 30px;
}

.index_login .other .thrid a p {
	color: #666;
	font-size: 12px;
	padding-left: 6px;
	color: #fff;
}

.index_login .other .thrid a {
	line-height: 30px;
	height: 30px;
	display: flex;
	margin-right: 10px;
	color: #fff;
}

.index_login .other .link {
	font-size: 14px;
	color: #666666;
}

.head_top>div>.link .linkhover {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 30px;
	transition: opacity .9s;
	margin-left: -65px;
	width: 150px;
	background: #fff;
	border: 1px solid #eee;
	display: none;
}

.head_top>div>.link div a {
	color: #999;
	font-size: 12px;
	display: block;
	text-align: center;
	border-top: 1px solid #eee;
	margin-left: 0;
	height: 40px;
	line-height: 40px;
	transition: all .5s;
}

/* 首页结束 */

@media screen and (max-width: 1425px) and (min-width: 1120px) {
	.arrowView>div:last-child {
		margin-top: 20px;
	}
}

@media screen and (max-width: 1199px) {
	.arrow {
		display: none;
	}
}

/* 登录页开始 */
.login_body {
	background: url(../img/GCegDH.jpg) no-repeat;
	padding: 100px 0;
	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}

.login_table {
	width: 845px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}

.login_left {
	position: relative;
	flex: 0 0 45%;
}

.login_left .txt {
	position: absolute;
	top: 45px;
	left: 40px;
}

.txt h1 {
	margin: 0;
	font-size: 34px;
	color: #343434;
}

.txt p {
	font-size: 14px;
	color: #6d7278;
	opacity: .85;
	padding-top: 10px;
}

.login_table .ewm {
	width: 86px;
	height: 86px;
	position: absolute;
	right: 40px;
	bottom: 40px;
}

.login_right {
	padding: 40px 50px 30px;
	flex: 0 0 55%;
}

.login_right .login_title p {
	color: #4a4a4a;
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
	margin-bottom: 0;
}

.login_right .login_title p.active {
	font-size: 22px;
}

.login_right .login_title span {
	font-size: 16px;
	color: #ccc;
	display: inline-block;
	vertical-align: bottom;
	padding: 0 5px
}

.login_table .login_pass,
.login_phone_pass {
	padding-top: 30px;
}

.login_table .login_pass input:first-child,
.login_phone_pass input:first-child {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAD6ADAAQAAAABAAAAEAAAAADlhttaAAAB4UlEQVQoFY1STUsCURR1PnJIFyoEEW5KYrJauwoKIojGD8oQauFPMIJopZW1aBO0yJ3QzlbmENoqIjQIWrgKBGeji6A2EeXCr3TsPJmRZyL04M29c849991732MMf1Y0GuXz+fx+p9PZBDWDrWDLdrv9LB6P/9DhDP0TCASM1Wo1C6zNcdwJwzBFJHG22+0IMMHhcCzFYrGGruF1h9harXYAU3e5XCuoQNW4VyS493g8d6VS6RBYWMMNrO4Qi6AtnBamhF0aGKgOOX27C2ifnjgUCgkImLZYLAU6QPfNZnMB/BRaG9Wxnljr5bNSqZAhDax6vS6igq9kMlnTyZ6YACzLJjAc0tfAUlX1CCdf0UTfwCCOIOhJkqQMz/PHgiAUG42Gs9VqkYQOm80WpMV9V0UITFVCghu4I1RgC1e3kclkbinM0BP7fL5xlJwAOYveLpAgZzQaP5rN5hiwRewd4AqqCcqy/E6SdMV+v38C5T3g/9lkMu1iKN+EpBembMEDOkffC2hpOZ1Ov3V59Jh1u92XdPAwH3Fx7EfC83BWYSetVqtvmIDG0fseBvji9XrXOFEUT0Fep1KpHB00zFcUpQmNivLXyT3PIdu/hHpCDI6UPU/EHO63rBP/sXjCZZzM/gIzQLylsokUPwAAAABJRU5ErkJggg==) no-repeat;
	background-size: 15px 16px;
	background-position: 0 50%;
	border: none;
	outline: none;
}

.login_table .login_pass input:nth-child(2),
.login_table .login_phone_pass input:nth-child(2) {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEaADAAQAAAABAAAAFAAAAABGcxxxAAABs0lEQVQ4EY1TPUvDUBTty0eFdpDiDxCKujm5BNRBRZeaIWBAHB3csjk6OuoP8AMnEaFCBtOi2EVQ0VlQUCmITkIpLoFGYjwXGnzvNUkbeL33nXvOyc17tyyX8FiWNRIEwVYURTMol7DajLGbfD6/7bpuS5YoMlCpVGY7nc4tRE8QLdbr9THkS+A9A7+juqxhPABCCW+/VxRl2fO8V75GOTqcgNE5TI1ardaO63InDggHSQYkwKe8IBxiObSPH8EEXRiapl3GxaSo6/oF8fiaYIIuxnEObzxBzqlOPB4XTPAGViwWI54g51QnHo8zx3GGms3mBsBJrFUQzhBDniTlKjpZAXaK9Vgul/cZbuQYmx9VVU9gkCUWvGCkhmG4BlDX8LNQKBRGq9VqILAG2Ni2fe37/nsOnXwOwE+lkJ46SX1M0zTQMp3XHib3IY2YaQKDHQinu1faM+6xqXDFMcjFK8px4A0O60kzTdDBByni2KPuApkmmE4PBrsU0wwIzzwT/OG+wNnMMqAadSKMcD9BQp0pOLQW7nouodgXwgjMk57GfgrJEb59GKrfvsp/AjXwDd36H2yylSdJXjdYAAAAAElFTkSuQmCC) no-repeat;
	background-size: 17px 20px;
	background-position: 0 50%;
	border: none;
	outline: none;
}

.login_phone_pass {
	position: relative;
}

.login_table .login_pass input,
.login_phone_pass input {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #eee !important;
	display: block;
	width: 100%;
	padding-left: 25px;
	margin-bottom: 20px;
	transition: all .9s;
	font-size: 14px;
}

.login_phone_pass button {
	color: #4a4a4a;
	height: 45px;
	cursor: pointer;
	line-height: 45px;
	font-size: 13px;
	position: absolute;
	top: 44%;
	right: 0;
	transform: translateY(-50%);
	background: transparent;
}

.login_table .login_pass input:focus,
.login_phone_pass input:focus {
	border-color: #ee7617 !important;
	transition: all .9s;
}

.login_table .forget {
	text-align: right;
	padding: 10px 0;
}

.login_table .forget a {
	font-size: 14px;
	color: #9b9b9b;
}

.login_table .styleBtn {
	background: #f08301;
	width: 100%;
	height: 44px;
	line-height: 44px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	margin: 25px 0;
}

.login_table .other h6 {
	font-size: 12px;
	color: #ccc;
	position: relative;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: 400;
}

.login_table .other h6:before {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	background: #eee;
	width: 40%;
	top: 10px;
	right: 0;
}

.login_table .other h6:after {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	background: #eee;
	width: 40%;
	top: 10px;
	left: 0;
}

.login_table .other .thrid {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}

.login_table .other .thrid img {
	width: 30px;
}

.login_table .other .thrid a p {
	color: #666;
	font-size: 12px;
	padding-left: 6px;
}

.login_table .other .thrid a {
	line-height: 30px;
	height: 30px;
	display: flex;
	margin-right: 10px;
}

.login_table .other .link {
	font-size: 14px;
	color: #f08301;
}

.login_pass input::-webkit-input-placeholder,
.login_phone_pass input::-webkit-input-placeholder {
	color: #CBCCCC;
}

/* 登录页结束 */

/* 注册页开始 */
.register_body {
	background-color: #f5f5f5;
}

.register_body .row {
	flex-wrap: wrap;
}

.register_progress .text.active h6 {
	background: #f08301;
	color: #fff;
	flex: 0 0 100%;
}

.register_progress .text h6 {
	font-size: 14px;
	color: #a0a0a0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	line-height: 30px;
	margin: 0 25px;
	font-weight: 400;
}

.register_progress .text {
	text-align: center;
	position: relative;
	padding-right: 100px;
}

.register_progress .text:before {
	top: 8.5px;
	width: 0;
	height: 0;
	border-color: transparent transparent transparent #cdcdcd;
	border-style: solid;
	border-width: 5px 0 5px 8px;
}

.register_progress .text:after {
	height: 1px;
	width: 90px;
	border-top: 1px dashed #cdcdcd;
	top: 13px;
}

.register_progress .text:after,
.register_progress .text:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
}

.register_progress {
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	padding-top: 43px;
	padding-bottom: 25px;
	display: flex;
}

.register_progress .text:last-child:after,
.register_progress .text:last-child:before {
	border: 0;
}

.register_progress .text.active p {
	color: #191919;
}

.register_progress .text p {
	font-size: 12px;
	color: #a0a0a0;
	padding-top: 15px;
	width: 100%;
}

.register_message {
	background-color: #fff;
	flex: 0 0 100%;
	padding-top: 42px;
	margin-bottom: 75px;
}

.message_head {
	display: inline-block;
	text-align: center;
	border-bottom: 1px solid #f0f0f0;
	text-align: center;
	margin-bottom: 50px;
	width: 100%;
}

.message_head .d-flex {
	justify-content: center;
}

.message_head h2 {
	font-size: 18px;
	color: #222;
	padding-top: 20px;
	padding-bottom: 30px
}

.message_head img {
	width: 56px;
	height: 56px;
}

.message_head .phone {
	position: relative;
	padding-right: 60px;
}

.message_table .input {
	margin: 20px auto;
	position: relative;
}

.message_table .input button {
	background: #f08301;
	font-size: 14px;
	color: #fff !important;
	text-align: center;
	width: 120px;
	height: 42px;
	line-height: 42px;
	border-radius: 3px;
}

.message_table .input label {
	width: 200px;
	text-align: right;
	font-size: 14px;
	color: #191919;
	line-height: 42px;
	margin-right: 15px;
	margin-bottom: 0;
	position: absolute;
	left: 220px;
}

.message_table .input span {
	color: red;
	font-size: 12px;
}

.message_table .input input {
	padding: 0 15px;
	border: 1px solid #eee;
	overflow: hidden;
	transition: all .5s;
	box-sizing: border-box;
	border-radius: 3px;
	font-size: 14px;
	color: #191919;
	line-height: 42px;
	min-width: 320px;
}

.message_table .submit {
	margin-bottom: 100px;
}

.message_table .submit .span {
	font-size: 12px;
	padding-left: 8px;
	padding-top: 1.5px;
}

.message_table .submit .ative {
	background: #f08301 !important;
	border: 1px solid #f08301 !important;
}

.message_table .submit a {
	color: #4b5ca6;
	font-size: 12px;
}

.submit input[type='checkbox'] {
	-webkit-appearance: none;
	border-radius: 2px;
	outline: none;
	cursor: pointer;
}

.submit input[type=checkbox]:checked {
	background: url("../img/选中.png")no-repeat center;
}

/* 注册页结束 */