@charset "gb2312";

.clear {
	clear: both;
}

img {
	border: none;
	width: 100%;
	margin: 0 auto;
}

.tbody {
	padding: 0 0.25rem;
	box-sizing: border-box;
}

.occ1 {
	height: 0.1rem;
	background-color: #ededed;
}

.occ2 {
	height: 0.5rem;
	background-color: #ededed;
}

.f_l {
	float: left;
}

.f_r {
	float: right;
}

header {
	padding-top: 0.775rem;
	padding-bottom: 0.575rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}

header .logo {
	width: 12.125rem;
	float: left;
	margin-right: 0.625rem;
}

header .center {
	float: left;
	width: 54%;
}

section {
	padding-bottom: 0.975rem;
}

.title {
	font-size: 0.75rem;
	color: #0d2044;
	line-height: 1.175rem;
	text-align: center;
	font-weight: normal;
}

.f_title {
	font-size: 0.45rem;
	color: #0d2044;
	line-height: 1rem;
	text-align: center;
}

.f_title:before {
	content: "";
	display: inline-block;
	width: 1.05rem;
	height: 0.025rem;
	background-color: #0d2044;
	position: relative;
	bottom: 0.125rem;
	margin: 0 0.125rem;
}

.f_title:after {
	content: "";
	display: inline-block;
	width: 1.05rem;
	height: 0.025rem;
	background-color: #0d2044;
	position: relative;
	bottom: 0.125rem;
	margin: 0 0.125rem;
}

header .right {
	float: right;
	width: 9%;
	margin-right: 0.45rem;
	margin-top: 0.125rem;
}

.banner {
	width: 100%;
	height: 10rem;
	overflow: hidden;
}

.banner ul {
	width: 300%;
}

.banner li {
	float: left;
	width: 33.33%;
}

.activity {
	display: flex;
	align-items: center;
	height: 2.55rem;
	border-bottom: 3px solid #f2f2f2;
}

.actv_ico {
	display: block;
	width: 2.2rem;
	height: 1.65rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	background-image: url(../images/actv_ico.jpg);
	background-size: 100%;
	background-position: center center;
}

.actv_tit {
	display: block;
	font-size: 0.5rem;
	color: #434141;
	width: 6rem;
	height: 1.5rem;
	line-height: 1.5em;
	text-align: center;
	border: 1px solid #fd1111;
	border-radius: 8px 0px 8px 0px;
	margin-right: 0.95rem;
}

.actv_list {
	display: block;
	height: 1.2rem;
	line-height: 1.2rem;
	overflow: hidden;
	font-size: 0.55rem;
	color: #434141;
}

.nav {
	padding-top: 0.75rem;
	padding-bottom: 0.8rem;
	width: 100%;
}

.nav_box {
	overflow: hidden;
	width: 95%;
	margin: 0 auto;
}

.nav ul {
	margin-left: -1px;
	margin-top: -1px;
	overflow: hidden;
	width: 100%;
}

.nav li {
	width: 24.5%;
	height: 3.7rem;
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	float: left;
	padding-top: 0.45rem;
}

.nav li img {
	width: 40%;
	display: block;
	margin: 0 auto;
}

.menu_tit {
	font-size: 0.55rem;
	color: #000;
	text-align: center;
	line-height: 1.1rem;
}

.c_tit_box {
	border-bottom: 1px solid #e2e2e2;
	height: 1.875rem;
	padding-top: 0.325rem;
}

.c_tit_box .c_tit {
	font-size: 0.9rem;
	color: #000;
	float: left;
	margin-left: 0.65rem;
	line-height: 1.875rem;
	margin-bottom: -1px;
}

.c_tit_box .c_zxzx {
	float: right;
	font-size: 0.55rem;
	color: #000;
	margin-right: 0.625rem;
	line-height: 1.875rem;
	display: block;
	padding-left: 0.825rem;
	background-image: url(../images/c_zxzx_ico.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20%;
}

.font_box {
	border: 1px solid #eeeeee;
	text-align: center;
	line-height: 1.5rem;
}

.font_box .font1 {
	font-size: 0.6rem;
	color: #f63002;
}

.font_box .font2 {
	font-size: 0.55rem;
	color: #7e4b3f;
}

.font3 {
	color: #bb8a78;
}

.h_font_box {
	text-align: left;
	padding-left: 1.8rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20%;
	margin-left: 0.575rem;
}

.h_font_box .font1 {
	display: block;
	line-height: 1em;
	padding-top: 0.45rem;
}

.h_font_box .font2 {
	display: block;
	line-height: 1.15rem;
}

.jdxczy {
	padding-left: 1.65rem;
	background-image: url(../images/jdxczy_ico.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20%;
	display: inline-block;
	margin-right: 0.875rem;
}

.l_pic {
	display: block;
	width: 100%;
	margin-top: 0.375rem;
	border: none;
}

.c_btn {
	display: block;
	width: 50%;
	line-height: 1.5rem;
	height: 1.5rem;
	background-color: #f18d00;
	text-align: center;
	font-size: 0.6rem;
	color: #fff;
	border-radius: 7px;
	margin-top: 0.725rem;
	margin-left: 25%;
}

.c_left {
	float: left;
	width: 48%;
}

.c_right {
	float: right;
	width: 51%;
}

.jdxdzy {
	background-image: url(../images/xcjyzy_ico.jpg);
}

.xcjyzy {
	background-image: url(../images/jdxdzy_ico.jpg);
}

.dghbzy {
	background-image: url(../images/dghbzy_ico.jpg);
}

.xcjyzz {
	background-image: url(../images/xcjyzz_ico.jpg);
}

.xcsrdz {
	background-image: url(../images/xcsrdz.jpg);
}

.ftysb {
	background-image: url(../images/ftysb_ico.jpg);
}

.xczczy {
	background-image: url(../images/xczczy_ico.jpg);
}

.sz_scroll {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-top: 0.75rem;
}

.sz_scbox {
	width: 210%;
}

.sz_box {
	float: left;
	height: 10.1rem;
}

.sz_left {
	width: 47%;
	height: 9.125rem;
	margin-left: 0.575rem;
	float: left;
}

.sz_left_pic {
	margin-top: -8.875rem;
	width: 6.45rem;
	margin-left: 0.7rem;
}

.sz_right {
	float: left;
	width: 44%;
	padding-left: 0.725rem;
	height: 8.175rem;
}

.sz_tit {
	font-size: 0.6rem;
	color: #7e4b3f;
	border-left: 3px solid #7e4b3f;
	margin-top: 0.625rem;
	margin-bottom: 0.625rem;
	padding-left: 0.4rem;
}

.sz_text {
	font-size: 0.5rem;
	color#000;
	line-height: 0.6rem;
}

.ss_tab_con {
	display: none;
}

.scroll_li {
	display: block;
	height: 0.925rem;
	width: 7.325rem;
	position: absolute;
	bottom: 0px;
	left: 20%;
}

.scroll_li span {
	display: block;
	float: left;
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 50%;
	background-color: #d2d2d2;
	margin: 0.375rem 0.15rem;
}

.scroll_li span.cur {
	background-color: #bb8a78;
}

.ss_tab_tit {
	margin-top: 0.375rem;
}

.ss_tab_tit p {
	display: block;
	width: 50%;
	height: 1.2rem;
	line-height: 1.2rem;
	background-color: #f2f2f2;
	color: #000;
	float: left;
	font-size: 0.6rem;
	text-align: center;
	margin-bottom: 0.3rem;
}

.ss_tab_tit p.cur {
	background-color: #bb8a78;
	color: #fff;
}

.ss_tab_tit p.cur:after {
	content: "";
	display: block;
	height: 0px;
	width: 0px;
	border-top: 11px solid #bb8a78;
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	margin-left: 48%;
}

.ss_left {
	float: left;
	width: 7.775em;
}

.ss_left .l_pic {
	margin-top: 0.45rem;
}

.ss_right {
	float: right;
	width: 7.425em;
}

.xxzp_scbox {
	overflow: hidden;
}

.xxzp_scroll {
	width: 100%;
}

.xxzp_scroll li {
	width: 12.25rem;
	height: 8.45rem;
	overflow: hidden;
	float: left;
}

.xxzp_li {
	margin-left: 45%;
}

.xxzp_li span {
	display: block;
	width: 0.3rem;
	height: 0.3rem;
	float: left;
	border-radius: 50%;
	background-color: #eeeeee;
	margin: 0 0.1rem;
}

.cyjy_box {
	display: block;
	width: 7.375rem;
}

.cyjy_right {
	width: 100%;
	background-image: url(../images/cyjybg_l.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 15px;
}

.cyjy_left {
	width: 100%;
	background-image: url(../images/cyjybg_r.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 15px;
}

.cyjy_box {
	text-align: center;
	height: 7.4rem;
}

.cyjy_box .tit {
	font-size: 0.65rem;
	color: #000;
	margin-top: 1.75rem;
}

.cyjy_box .ftit {
	font-size: 0.55rem;
	color: #000;
	line-height: 1.15rem;
	border-bottom: 1px solid #000;
}

.cyjy_box .etit {
	font-size: 0.45rem;
	color: #000;
	line-height: 1.075rem;
}

.cyjy_box .cy_btn {
	display: block;
	width: 3.75rem;
	height: 0.85rem;
	line-height: 0.85rem;
	text-align: center;
	font-size: 0.5rem;
	color: #bb8a78;
	border: 1px solid #bb8a78;
	margin: 0 auto;
}

.i_form .form_tit {
	font-size: 0.75rem;
	color: #000;
	text-align: center;
	line-height: 2.7rem;
	padding-top: 0.5rem;
}

.form_1_bd{
	overflow: hidden;
	padding:0.1rem 1rem;
}
.form_1_bd .form_1_ipt,
.form_1_bd .form_2_ipt{
	width: 48%;
	float: left;
}
.form_1_bd .form_1_ipt{
	padding-right: 0.5rem;
}
.form_1_bd .form_3_sbm{
	float: left;
	width: 100%;
}
.form_1_bd .form_3_sbm select{
	margin: 0 0 0.325rem 0;
	width: 98%;
}
.form_1_bd .form_1_ipt input,
.form_1_bd .form_2_ipt input{
	margin: 0 0 0.325rem 0;
}
.f_input {
	display: block;
	height: 1.475rem;
	border: none;
	border-radius: 7px;
	box-shadow: 0.025rem -0.025rem 0.375rem #dacbc7;
	margin-bottom: 0.325rem;
	text-align: center;
	font-size: 0.6rem;
	color: #a3a3a3;
	text-align-last: center;
	background-color: #fff;
}

.f_btn {
	display: block;
	width: 6.475rem;
	height: 1.4rem;
	border: none;
	border-radius: 10px;
	margin: 0 auto;
	margin-top: 0.6rem;
	background: #bb8a7b;
	color: white;
	font-size: .7rem;
	letter-spacing: 9px;
	line-height: 1.4rem;
}

footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	max-width: 640px;
	left: 50%;
	z-index: 99;
}

footer .f_box {
	margin-left: -50%;
	background-color: #fff;
	width: 100%;
}

.i_zxzx,
.i_dhzx {
	display: block;
	height: 2.325rem;
	line-height: 2.325rem;
	width: 50%;
	text-align: center;
	color: #fff;
	background-color: #bb8a78;
	font-size: 0.75rem;
}

.i_dhzx {
	background-color: #e60012;
}

footer .f_ico {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-right: 0.2rem;
}

.i_zxzx .f_ico {
	background-image: url(../images/f_zxzxico.png);
}

.i_dhzx .f_ico {
	background-image: url(../images/f_dhzxico.png);
}

.swiper-container {
	width: 100%;
}

.swiper-slide2 {
	width: 16rem;
}

.swiper-container3 {
	width: 85%;
	position: relative;
}

.swiper-container1 .swiper-pagination {
	width: 50%;
	position: absolute;
	bottom: 0px;
}

.swiper-container1 .swiper-pagination span.swiper-pagination-bullet-active {
	background: #bb8a78
}

.swiper-container3 .swiper-pagination span.swiper-pagination-bullet-active {
	background: #bb8a78
}

.xxzp_scroll {
	margin-left: 1.125rem;
	margin-top: 0.375rem;
}

.li_pic .zy_li {
	width: 48%;
	float: left;
	margin: 0 1%;
}

.tszyb .dghbzy {
	background: none;
	padding: 0;
	text-align: center;
}


/*初高中生入口*/
.zqlist_left {
	float: left;
	width: 30%;
	background: white;
	margin-left: 2%;
	border-right: 4px solid #ededed;
}

.zqlist_right {
	float: left;
	width: 64%;
	margin-left: 2%;
}

.zqlist {
	overflow: hidden;
	background: #fff;
	padding-top: 2%;
}

.zqlist_left p {
	text-align: center;
	color: #313131;
	letter-spacing: 1px;
	padding: 1% 0 8% 0;
	font-size: 13px;
}

.zqlist_left h3 {
	text-align: center;
	letter-spacing: 2px;
	color: #313131;
	font-size: 16px;
}

.zqlist_left img {
	width: 57%;
	margin: 7% auto;
	display: block;
}

.zq_left_font h3 {
	color: #313131;
	letter-spacing: 2px;
	padding-top: 3%;
	font-size: 16px;
}

.zq_left_font p {
	color: #313131;
	letter-spacing: 1px;
	font-size: .9rem;
	padding-top: 2%;
	font-size: 13px;
}

.zqlist_right ul li {
	background: white;
	margin-bottom: 3%;
	overflow: hidden;
	padding: 2% 0;
}

.zq_left_img {
	float: left;
	width: 27%;
}

.zq_left_font {
	float: left;
	width: 73%;
}

.zq_left_img img {
	width: 79%;
	display: block;
	margin: 0 auto;
}

.i_form {
	padding-bottom: 4%;
}

/*专业模块*/
.zy_lists ul {
	overflow: hidden;
}

.zy_lists ul li {
	float: left;
	width: 49%;
	margin-bottom: 2%;
}

.zy_lists ul li:nth-child(2) {
	margin-left: 2%;
}

.zy_lists ul:nth-child(3) li {
	float: left;
	width: 23.5%;
}

.zy_lists ul li:nth-child(4) {
	margin-left: 2%;
}

.zy_lists ul li:nth-child(3) {
	margin-left: 2%;
}

.zy_lists {
	margin-top: 2%;
}

/*头部*/
.header-nav {
	width: 100%;

	position: absolute;
	-webkit-box-shadow: #ccc 0px 0px 5px;
	-moz-box-shadow: #ccc 0px 0px 5px;
	box-shadow: #ccc 0px 0px 5px;
	background: #fff;
	top: 0;
	z-index: 1000;
	-webkit-transition: background .35s linear, height .35s ease-in;
	transition: background .35s linear, height .35s ease-in;
}

.top_tel {

	width: 8%;
	float: right;
	padding: 2% 4% 2% 0;

}

/*离线宝*/
.call_box {
	text-align: center;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}

.call_box #telInput {
	width: 60%;
	border: 1px solid #ccc;
	font-size: 0.45rem;
	border-radius: 0.12rem;
	line-height: 2;
	text-indent: 0.2rem;
	height: 1.4rem;
}

.call_box #callBtn {
	font-size: 0.45rem;
	line-height: 2;
	background-color: #ff7700;
	border-radius: 0.12rem;
	border: none;
	color: #fff;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-left: 0.5rem;
	height: 1.4rem;
}

/*logo*/

@media only screen and (max-width:540px),
only screen and (max-device-width:540px) {

	.logo {
		bottom: -15px !important;
	}
}

@media only screen and (max-width:480px),
only screen and (max-device-width:480px) {
	.logo {
		bottom: -15px !important;
	}

}

@media only screen and (max-width:414px),
only screen and (max-device-width:414px) {
	.logo {
		bottom: -15px !important;
	}

}

@media only screen and (max-width:400px),
only screen and (max-device-width:400px) {
	.logo {
		bottom: -15px !important;
	}

}

@media only screen and (max-width:375px),
only screen and (max-device-width:375px) {
	.logo {
		bottom: -15px !important;
	}

}

@media only screen and (max-width:360px),
only screen and (max-device-width:360px) {
	.logo {
		bottom: -15px !important;
	}

}

@media only screen and (max-width:320px),
only screen and (max-device-width:320px) {
	.logo {
		bottom: -13px !important;
	}

	.header-nav {
		height: 51px;
	}
}


.logo {
	left: 4%;
	width: 52.5%;
	position: relative;
	bottom: 0;
}


/*底部*/
.footer-fix {
	position: fixed;
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	background: #504338;
	z-index: 100;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}

.footer-fix a.on {
	color: #d0a857;
}

.footer-fix a {
	padding-top: 5px;
	float: left;
	display: block;
	width: 24%;
	height: 50px;
	border-right: 1px solid #272727;
	color: #fff;
	font-size: 12px;
	text-align: center;
}

.footer-fix .a1.on span {
	background-image: url(../images/ico-g-1-on.png);
}

.footer-fix span {
	position: relative;
	margin-bottom: 2px;
	display: block;
	height: 22px;
	background-position: center center;
	background-size: auto 22px;
	background-repeat: no-repeat;
}

.footer-fix .a2 span {
	background-image: url(../images/ico-g-2.png);
}

.footer-fix .a3 span {
	background-image: url(../images/ico-g-3.png);
}

.footer-fix .a4 span {
	background-image: url(../images/ico-g-4.png);
}

.footer-fix em {
	position: absolute;
	top: -3px;
	text-align: center;
	left: 56%;
	display: block;
	width: 19px;
	line-height: 19px;
	height: 19px;
	background-color: #ee1b25;
	color: #fff;
	border-radius: 50%;
	font-size: 12px;
}

.pagebottom {
	overflow: hidden;
	text-align: center;
	font-size: 1.25rem;
	width: 80%;
	margin: 0 10%;
	color: #000;
}

.pagebottom ul {
	overflow: hidden;
}

.pagebottom li {
	float: left;
	width: 33.3333%;
	font-size: .8rem;
	color: #000;
}

.pagebottom p {
	margin: 0.1125rem;
	font-size: .8rem;
}

/*头条*/
.huadong {
	border-bottom: 6px solid #F0F0F0;
	position: relative;
	background: white;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 0px;
	margin-top: 0px;
	margin-top: 1%;
	overflow: hidden;
}

.huabox {
	margin: 0 auto;
	width: 90%;
	overflow: hidden;
}

.hdimg {
	float: left;
	line-height: 3.5rem;
	width: 28%;
	border-right: 1px solid #e3e0e0;
	padding-right: 5px;
}

.hdimg img {
	width: 100%;
	vertical-align: middle;
	margin: 0 auto;
	display: block;
	padding-top: 5%;
}

.notice_active {
	float: left;
	width: 67%;
	height: 44px;
	padding: 0;
	padding-left: 0px;
	padding-left: 0px;
	overflow: hidden;
	position: relative;
	padding-left: 5px;
	font-size: 12px;
	line-height: 44px;
}

.notice_active ul li {
	list-style-type: none;
	line-height: 19px;
	overflow: hidden;
	height: 37px;
}

.notice_active_ch a {
	color: #ed1c24;
}

/*右边电话*/

.call_right {
	bottom: 56%;
	right: -200px;
	z-index: 99999;
	width: 2.5rem;
	height: 2.5rem;
	border: 1px solid #d18845;
	background: #d18845;
	background-size: auto auto;
	background-size: auto auto;
	box-shadow: 0px 3px 7px #9ca0ae;
	background-size: auto auto;
	background-size: auto auto;
	background-size: 100%;
	position: fixed;
	display: block;
	border-radius: .6rem;
	cursor: pointer;
}

.call_right_01 {
	animation: shaked 1s ease-in-out infinite;
	-webkit-animation: shaked 1s ease-in-out infinite;
	animation-delay: 0s;
	animation-delay: 0s;
	animation-delay: 0s;
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
}

.call_right_01 img {
	width: 38%;
	margin: 12% 31% 0 32%;
}

.call_right_02 p {
	color: white;
	text-align: center;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: .5rem;
	margin-top: .1rem;
}

@keyframes shaked {
	0% {
		transform: rotate(0);
	}

	10% {
		transform: rotate(0);
	}

	20% {
		transform: rotate(-10deg);
	}

	30% {
		transform: rotate(10deg);
	}

	40% {
		transform: rotate(-8deg);
	}

	50% {
		transform: rotate(8deg);
	}

	60% {
		transform: rotate(-5deg);
	}

	70% {
		transform: rotate(5deg);
	}

	80% {
		transform: rotate(-2deg);
	}

	90% {
		transform: rotate(2deg);
	}

	100% {
		transform: rotate(0);
	}
}

@-webkit-keyframes shaked {
	0% {
		transform: rotate(0);
	}

	10% {
		transform: rotate(0);
	}

	20% {
		transform: rotate(-10deg);
	}

	30% {
		transform: rotate(10deg);
	}

	40% {
		transform: rotate(-8deg);
	}

	50% {
		transform: rotate(8deg);
	}

	60% {
		transform: rotate(-5deg);
	}

	70% {
		transform: rotate(5deg);
	}

	80% {
		transform: rotate(-2deg);
	}

	90% {
		transform: rotate(2deg);
	}

	100% {
		transform: rotate(0);
	}
}

/*火爆招生*/
.hrbm h3 {
	text-align: center;
	font-weight: normal;
	background: #ff7700;
	margin: 0;
	padding: 0;
	color: #fff;
	height: 1.5rem;
	line-height: 1.5rem;
	letter-spacing: 3px;
	font-size: .8rem;
	font-weight: 700;
}

.hrbm ul {
	display: flex;
}

.hrbm ul li img {
	width: 100%;
}


/*弹窗*/
.popout {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	border: 1px solid #eee;
	border-radius: .625rem;
	background-color: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 1000;
	box-shadow: 1px 3px 50px #000;
}

.popout>.popout_top {
	font-size: .7rem;
	font-weight: bold;
	color: #000;
}

.popout>.popout_top p:nth-child(2) {
	font-size: .7rem;
}

@font-face {
	font-family: ZCOOLAddictItalic01;
	src: url(http://www.jxxdf.com/font/ZCOOLAddictItalic01.ttf);
}

.popout>.popout_top:nth-child(1) span {
	color: #ff0000;
	font-family: ZCOOLAddictItalic01;
}


.popout>.popout_top:nth-child(2) {
	font-size: 1.3rem;
	font-weight: bold;
}

.popout>.popout_input {
	width: 100%;
	font-size: 1.1rem;
}

.x-popup-show {
	-webkit-transform: translateY(0) !important;
	-moz-transform: translateY(0) !important;
	transform: translateY(0) !important;
}

.popout>.popout_input input {
	float: left;
	height: 2.2rem;
	line-height: 2.2rem;
	/* border:none; */
	border: 1px solid #ddd;
	border-right: none;
	width: 65%;
	border-radius: 30px 0 0 30px;
	text-indent: 5%;
}

.popout>.popout_input span {
	float: left;
	height: 2.2rem;
	line-height: 2.2rem;
	width: 35%;
	background-color: #00bc35;
	color: #fff;
	border-radius: 0 30px 30px 0;
}

.popout>.popout_p {
	padding: 0 1.5%;
	text-align: left;
	font-size: .5rem;
	margin: .1rem 0 0.1rem 0;
}

.popout>.popout_c a {
	display: inline-block;
	width: 38%;
	font-size: .5rem;
	font-weight: bold;
	color: #fff;
}

p.popout_c {
	margin-bottom: .3rem;
}

.popout>.popout_c a:nth-child(1) {
	background-color: #ff0000;
}

.popout>.popout_c a:nth-child(2) {
	background-color: #000;
}

.popout>img {
	position: absolute;
	top: 0;
	right: 0;
	width: 10%;
}

.x-popup-show {
	transform: translateY(0) !important;
	-moz-transform: translateY(0) !important;
	-webkit-transform: translateY(0) !important
}

.x-popup {
	display: none;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 9999;
	transform: translateY(100%);
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transition: .6s ease;
	-moz-transition: .6s ease;
	-webkit-transition: .6s ease
}

.x-popup .x-popup-title {
	width: 100%;
	height: 1.369rem;
	line-height: 1.369rem;
	text-align: center;
	font-size: .602rem;
	color: #fff;
	background-color: #ff6005;
	position: relative
}

.x-popup .x-popup-title .x-popup-title-close-btn {
	position: absolute;
	width: 1.156rem;
	height: 1.156rem;
	top: .134rem;
	right: .5rem;
	background: url(../images/2.png) center center no-repeat;
	background-size: 90%
}

.x-popup .x-popup-content {
	width: 100%
}

.x-popup .x-popup-content .x-popup-content-chat {
	padding: 0 0.41rem 0.5rem 3.6rem;
	width: 100%;
	background: url(../images/1.png) 1rem 0.6rem no-repeat #e5e5e5;
	background-size: 1.6rem;
}

.x-popup .x-popup-content .x-popup-content-chat .x-popup-content-chat-title {
	margin: 0;
	padding: 0.3rem 0 .186rem;
	color: #999;
	font-size: .585rem;
}

.x-popup .x-popup-content .x-popup-content-chat .x-popip-content-chat-msg {
	position: relative;
	display: inline-block;
	padding: 1.4rem 4rem;
	background-image: url('../fonts/2dctssjrr6.svg');
	background-position: center center;
	background-size: 25%;
	background-repeat: no-repeat;
	-webkit-border-radius: .62rem;
	-moz-border-radius: .62rem;
	border-radius: .62rem;
	background-color: #ffa931;
	color: #fff;
	font-size: 1.178rem;
}

.x-popup .x-popup-content .x-popup-content-chat .x-popip-content-chat-msg:before {
	position: absolute;
	top: .62rem;
	left: -.62rem;
	width: 0;
	height: 0;
	border-top: .465rem solid transparent;
	border-right: .93rem solid #ffa931;
	border-bottom: .465rem solid transparent;
	content: "";
}

.x-popup .x-popup-form {
	height: 2.02rem;
	color: #fff;
	text-align: center;
	background: #e5e5e5;
}

.x-popup .x-popup-form>input {
	width: 47%;
	float: left;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: .372rem;
	-moz-border-radius: .372rem;
	-webkit-border-radius: .372rem;
	height: .99rem;
	line-height: 2.48rem;
	outline: 0;
	border: 1px solid #ccc;
	padding: .31rem .62rem;
	font-size: .616rem;
}

.x-popup .x-popup-form>.x-popup-form-submit {
	width: 20%;
	margin-left: 1.4%;
	float: left;
	height: 1.59rem;
	background-color: #ff6005;
	line-height: 1.59rem
}

.x-popup .x-popup-form>.x-popup-form-phone {
	width: 21%;
	margin-left: 1.4%;
	float: left;
	height: 1.59rem;
	line-height: 1.59rem;
	background-color: #7a7aff
}

.x-popup .x-popup-form>.x-popup-form-phone a {
	color: #fff;
	text-decoration: none
}

.x-popup .x-popup-form .x-popup-form-phone,
.x-popup .x-popup-form .x-popup-form-submit {
	border-radius: .31rem;
	-moz-border-radius: .31rem;
	-webkit-border-radius: .31rem;
	font-size: .616rem;
}

.x-popup-layer.x-popup-layer-show {
	opacity: 1
}

.x-popup-layer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .66);
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.x-popup-layer .x-out-frame {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99;
	width: 25rem;
	height: 23.4375rem;
	border-radius: .625rem;
	background-color: #f5f5f5;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.x-popup-layer .x-out-frame .x-frame-close {
	position: absolute;
	top: 0;
	left: 0;
	width: 3.125rem;
	height: 3.125rem;
	background: url(../fonts/7110cc2fd59e45089103ec79c397d52f.woff) center center no-repeat;
	background-size: 50% 50%
}

.x-popup-layer .x-out-frame .x-frame-title {
	padding-top: 3.125rem;
	color: #000;
	text-align: center;
	font-weight: 700;
	font-size: 2.0313rem
}

.x-popup-layer .x-out-frame>p {
	padding-top: .625rem;
	text-align: center;
	font-weight: 300;
	font-size: 1.0938rem
}

.x-popup-layer .x-out-frame>p span {
	color: #c80032
}

.x-popup-layer .x-out-frame .x-frame-phone {
	position: relative;
	margin: 1.875rem auto 1.5625rem;
	width: 80%;
	height: 3.4375rem
}

.x-popup-layer .x-out-frame .x-frame-phone>input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.4375rem;
	outline: 0;
	border: none;
	border-radius: 1.875rem;
	text-align: center;
	letter-spacing: .04688rem;
	font-size: 1.5625rem;
	line-height: 3.4375rem;
	-webkit-appearance: none
}

.x-popup-layer .x-out-frame .x-frame-phone .x-frame-celar {
	position: absolute;
	top: 50%;
	right: .625rem;
	width: 1.5625rem;
	height: 1.5625rem;
	background: url(../fonts/28bdf079d8d747598517e89d5e1831e5.woff) center center no-repeat;
	background-size: 80% 80%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.x-popup-layer .x-out-frame .x-popup-layer-submit {
	display: block;
	margin: 0 auto;
	border: none;
	width: 80%;
	height: 3.4375rem;
	border-radius: 1.875rem;
	background-color: #ff8922;
	color: #fff;
	text-align: center;
	font-size: 1.4063rem;
	line-height: 3.4375rem;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	user-select: none
}

.btn-cz-v {
	width: 140px;
	height: 25px;
	background: #f9f9f9;
	border-radius: 5px;
	/*		border: 1px solid #999;*/
	position: relative;
	margin-top: 0px;
	font-size: 13px;
}

.btn-cz-v:before {
	content: "";
	position: absolute;
	left: -9px;
	top: 50%;
	margin-top: -5px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 10px solid #f9f9f9;
	border-bottom: 5px solid transparent;
}

.btn-cz-v span {
	display: block;
	position: absolute;
	right: -23px;
	top: 14px;
	color: #919090;
	font-size: 12px;
}

.btn-cz-v i {
	position: absolute;
	left: 5px;
	top: 8px;
	display: block;
	width: 14px;
	height: 17px;
	background: url(../fonts/36b21c61f27645bbac811c88e3466941.woff) no-repeat 0 0;
	background-size: 100%;
	animation-iteration-count: infinite;
}

.btn-cz-v .playv {
	-webkit-animation-name: leftcz;
	animation-name: leftcz;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.vtest {
	width: 179px;
	font-size: 12px;
	padding: 6px;
	height: 19px;
	margin-bottom: 3px;
}

.popout_p {
	text-align: left;
	font-size: .5rem;
	margin: 2rem 0 .4rem 0;
	color: #666666;
}

.popout_c a:nth-child(1) {
	background-color: #ff0000;
}

.popout_c a {
	display: inline-block;
	width: 48%;
	font-weight: bold;
	color: #fff;
	padding: 3% 0;
}

.popout_c a:nth-child(2) {
	background-color: #000;
}

.sort-nav {
	display: block;
	border-radius: 50%;
	margin: 0 auto;
	width: 5rem;
	height: 5rem;
}