@charset "gb2312";
/* CSS Document */

.bidding-white{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
	overflow: hidden;
}
.join-banner {
	width: 90.934%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	margin-top: 0.4rem;
	display: block;
}

.join-banner img{
	width: 100%;
}
.bidding-shadow{
	width: 100%;
	height: auto;
	margin-bottom: 0.6rem;
	margin-top: 0.6rem;
	display: block;
}
.bidding-shadow ul{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	display: table;
}
.bidding-shadow li{
	float: left;
	width: 25%;
}
.bidding-shadow li img{
	margin-bottom: 0.16rem;
	height: 0.91rem;
}
.bidding-shadow li span{
	font-size: 0.28rem;
	color: #333;
	display: block;
}
.bidding-gray{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #f7f7f9;
	text-align: center;
	overflow: hidden;
}
.boutique{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 0.6rem;
}
.boutique h1{
	font-size: 0.44rem;
	color: #000003;
	margin-bottom: 0.1rem;
}
.boutique span{
	font-size: 0.26rem;
	color: #666;
	display: block;
}
.boutique-ul{
	width:91.334%;
	height: auto;
	margin: 0 auto;
	padding-top: 0.46rem;
	display: table;
	margin-bottom: 0.6rem;
}
.boutique-ul li{
	width: 32.117%;
	height: auto;
	float: left;
	margin-bottom: 0.09rem;
	background-color: #fff;
	border-radius: 0.1rem;
	margin-right: 0.12rem;
}
.boutique-ul li img{
	margin-top: 0.12rem;
	margin-bottom: 0.2rem;
	height: 0.81rem;
}
.boutique-ul li span{
	font-size: 0.26rem;
	color: #333;
	display: block;
	padding-bottom: 0.18rem;
}
.online{
	background: url(../images/online.png) center no-repeat;
	background-size: cover;
	width: 90.934%;
	height: auto;
	margin: 0 auto;
	margin-top: 0.5rem;
	text-align: left;
	padding-bottom: 0.33rem;
	display: block;
}
.online span{
	font-size: 0.34rem;
	color: #000;
	display: block;
	padding-top: 0.3rem;
	margin-bottom: 0.06rem;
	margin-left: 0.82rem;
}
.online i{
	display: block;
	font-size: 0.2rem;
	color: #333;
	margin-left: 0.82rem;
}
.online em{
	display: block;
	margin: 0 auto;
	color: #000;
	font-size: 0.22rem;
	border: 1px #000 solid;
	border-radius: 0.5rem;
	line-height: 0.6rem;
	width: 32%;
	margin-top: 0.18rem;
	background-color: #fff;
	margin-left: 0.82rem;
	text-align: center;
}
.onlin-float{
	width: 91.334%;
	height: auto;
	margin: 0 auto;
}
.onlin-float li{
	width: 32.117%;
	float: left;
	margin-top: 0.12rem;
	background-color: #fff;
	border-radius: 0.1rem;
	margin-right: 0.12rem;
	box-shadow: 0 0 0.18rem rgb(0 0 0 / 8%);
	padding-bottom: 0.23rem;
}
.onlin-float img{
	margin-bottom: 0.1rem;
	height: 1.01rem;
	margin-top: 0.21rem;
}
.onlin-float span{
	font-size: 0.26rem;
	color: #333;
	display: block;
	margin-bottom: 0.04rem;
}
.onlin-float i{
	font-size: 0.2rem;
	color: #666;
	display: block;
}
.bidding-link{
	font-size: 0.24rem;
	color: #fff;
	display: block;
	margin: 0 auto;
	background-color: #f54332;
	width: 50%;
	line-height: 0.7rem;
	box-shadow: 0 0.06rem 0.12rem rgb(251 122 109 / 50%);
	border-radius: 0.04rem;
	margin-top: 0.66rem;
	margin-bottom: 0.6rem;
}
.txt-new {
	width: 90.934%;
	height: auto;
	margin: 0 auto;
	box-shadow: 0 0px 18px rgb(0 0 0 / 8%);
	background: url(../images/slide01.png) center no-repeat;
	background-size: cover;
	padding-bottom: 0.42rem;
	margin-top: 0.44rem;
	margin-bottom: 0.24rem;
}
.txt-new div{
	text-align: left;
	margin-left: 1.1rem;
	padding-top: 0.4rem;
}
.txt-new div span{
	font-size: 0.26rem;
	color: #000;
	display: block;
}
.txt-new div i{
	font-size: 0.44rem;
}
.cond-top {
    margin-top: 0 !important;
    background: none;
}
.swiper-container02b {
    padding-bottom: 0.86rem;
}
.swiper-container02a,.swiper-container02b,.swiper-container02c,.swiper-container036,.swiper-container037,.swiper-container02d,.swiper-container02e,.swiper-container02f,.swiper-container02g {
	margin: 0 auto;
	position: relative;
	z-index: 1;}
.moswiper-a{
	box-shadow: 0 0.08rem 0.21rem rgba(4,0,0,0.07);
    border-radius: 0.1rem;
    background: #fff;
    overflow: hidden;}
.swiper-container02b .swiper-phone-bullets{
	bottom:5%;
	left: 39%;
	}
.swiper-container02b .swiper-phone-bullet{
	width:0.14rem;
	height:0.14rem;
	border-radius:100%;
	background:#ededed;}
.swiper-container02b .swiper-phone-bullet-active{
	background: #333849;
	}
.txt-student{
	width: 100%;
	height: 8.9rem;
	margin: 0 auto;
	background: #fff;
	text-align: left;
}
.slide-top{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
.slide-top img{
	width: 1.09rem;
	height: 1.09rem;
	border-radius: 100%;
	margin-top: 0.35rem;
}
.slide-top span{
	display: block;
	font-size: 0.32rem;
	color: #f54332;
	font-weight: bold;
	margin-top: 0.2rem;
}
.exce-qee{
	float: left;
	text-align: left;
	padding-right: 0.3rem;
	position: relative;
	padding-left: 0.3rem;
}
.ex-ovflow {
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.ex-o-list {
	font-size: 0.22rem;
	color: #666;
	display: block;
	margin-bottom: 0.22rem;
}
.ex-o-list span{
	margin: 0 0.03rem;
}
.exce-qee i{
	position: absolute;
	right: 0;
	z-index: 2;
	top: 0;
	height: 2.86rem;
	border-right: 1px rgba(104,104,105,0.2) dashed;
}
.class-name{
	font-size: 0.28rem;
	color: #000;
	display: block;
	font-weight: bold;
	text-align: left;
	margin-left: 0.42rem;
	margin-top: 0.34rem;
	margin-bottom: 0.26rem;
}
.class-name i{
	width: 0.08rem;
	height: 0.25rem;
	background-color: #f54332;
	border-radius: 10px;
	margin-right: 14px;
	float: left;
	margin-top: 9px;
}
.slide-link{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: table;
	clear: both;
	padding-top: 0.4rem;
}
.class-note{
	width: 37.5%;
	height: auto;
	background-color: #fff;
	box-shadow: 0 0.08rem 0.14rem rgba(229,232,234,0.6);
	float: left;
	text-align: left;
	border-radius: 0.04rem;
	margin-left: 0.42rem;
	margin-right: 0.2rem;
	padding-bottom: 0.18rem;
	margin-bottom: 0.12rem;
}
.class-note img{
	float: left;
	width: 0.36rem;
	margin-left: 0.3rem;
	margin-top: 0.24rem;
	margin-right: 0.14rem;
}
.class-note span{
	font-size: 0.22rem;
	color: #000;
	display: block;
	margin-top: 0.14rem;
}
.class-note span b{
	font-weight: bold;
	display: block;
}
.swiper-container02a,.swiper-container02e {
    padding-bottom: 0.34rem;
	margin-top: 0.44rem;
}
.swiper-container02a .swiper-phone-bullets{
	bottom:5%;
	left: 43%;
	}
.swiper-container02a .swiper-phone-bullet{
	width:0.14rem;
	height:0.14rem;
	border-radius:100%;
	background:#ededed;}
.swiper-container02a .swiper-phone-bullet-active{
	background: #333849;
	}
.show-video{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.show-video img{
	width: 100%;
}
.show-video span{
	display: block;
	font-size: 0.24rem;
	color: #333;
	margin-top: 0.14rem;
}
.show-video b{
	display: block;
	font-size: 0.24rem;
	color: #000;
	margin-top: 0.14rem;
	font-weight: bold;
}
.swiper-container02c,.swiper-container02d {
    padding-bottom: 0;
	margin-top: 0.44rem;
}
.swiper-container02d .show-video{
	margin-bottom: 0.4rem;
}
.swiper-container02e .swiper-phone-bullets{
	bottom:5%;
	left: 29.5%;
	}
.swiper-container02e .swiper-phone-bullet{
	width:0.14rem;
	height:0.14rem;
	border-radius:100%;
	background:#ededed;}
.swiper-container02e .swiper-phone-bullet-active{
	background: #333849;
	}
.tea-img{
	width: 91%;
	display: block;
	margin: 0 auto;
	margin-top: 0.44rem;
	margin-bottom: 0.6rem;
}
.bidding-book{
	background: url(../images/book01.jpg) center no-repeat;
	background-size: cover;
	width: 90.934%;
	height: auto;
	margin: 0 auto;
	margin-top: 0.44rem;
	text-align: left;
	padding-bottom: 0.28rem;
	display: block;
	box-shadow: 0 0px 18px rgb(0 0 0 / 8%);
	border-radius: 0.1rem;
}
.bidding-book span{
	font-size: 0.26rem;
	display: block;
	color: #000003;
	text-align: left;
	margin-left: 1.1rem;
	padding-top: 0.26rem;
}
.bidding-book span i{
	font-size: 0.22rem;
	color: #333;
}
.bidding-book em{
	font-size: 0.22rem;
	color: #fff;
	background-color: #f54332;
	border-radius: 0.5rem;
	line-height: 0.6rem;
	display: block;
	width: 25%;
	text-align: center;
	margin-left: 1.1rem;
	margin-top: 0.16rem;
	box-shadow: 0 0.06rem 0.12rem rgb(251 122 109 / 50%);
}
.bidding-img01{
	width: 95.467%;
	display: block;
	margin-top: 0.44rem;
	margin-left: 0.34rem;
	margin-bottom: 0.4rem;
}
.pro-cus-tab{
	width: 91.334%;
	height: 2rem;
	margin: 0 auto;
	margin-top: 0.44rem;
}
.pro-cus-tab li{
	font-size: 0.24rem;
	color: #666;
	background-color: #f7f7f9;
	border-radius: 0.1rem;
	float: left;
	margin-right: 0.13rem;
	padding-top: 0.56rem;
	padding-bottom: 0.52rem;
	width: 32%;
}
.pro-cus-tab li.hover{
	background: url(../images/back01.png) center no-repeat;
	background-size: cover;
	color: #fff;
	padding-bottom: 0.82rem;
}
#phase3{
	margin-right: 0 !important;
	padding-bottom: 0.21rem;
}
#phase3.hover{
	padding-bottom: 0.51rem;
}
.pro-cus-note{
	width: 91.334%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 1.2rem;
}
.pro-cus-note li{
	width: 100%;
	height: 3.3rem;
	background-color: #f7f7f9;
	border-radius: 0.1rem;
}
#con_phase_1 img{
	margin-top: 0.5rem;
	width: 92.701%;
}
#con_phase_2 img{
	margin-top: 0.5rem;
	width: 93.285%;
}
#con_phase_3 img{
	margin-top: 1.02rem;
	width: 94.015%;
}
.bidding-note{
	width: 91.334%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 1.2rem;
	display: table;
}
.bidding-note li{
	background-color: #f7f7f9;
	border-radius: 0.1rem;
	float: left;
	text-align: center;
	width: 32.117%;
	padding: 0.31rem 0;
	margin-right: 0.12rem;
	margin-bottom: 0.12rem;
}
.bidding-note li span{
	font-size: 0.22rem;
	display: block;
	color: #f54332;
}
.bidding-note li span b{
	font-size: 0.5rem;
	font-weight: bold;
}
.bidding-note li i{
	font-size: 0.22rem;
	display: block;
	color: #f54332;
}
.bidding-foot{
	width: 100%;
	height: auto;
	background-color: #1c1c1c;
	text-align: center;
	overflow: hidden;
	padding-bottom: 0.4rem;
}
.bidding-foot img{
	display: block;
	margin: 0 auto;
	padding-top: 0.48rem;
	width: 20.534%;
	margin-bottom: 0.32rem;
}
.bidding-foot span{
	font-size: 0.18rem;
	color: #999;
	display: block;
	margin-bottom: 0.12rem;
}


.pro-sa-color{
	color: #fff !important;
}
.no-right{
	margin-right: 0 !important;
}
.pro-top{
	margin-top: 0.1rem;
}
.mar10{
	margin-left: 0.1rem !important;
}
.paddbotom0{
	padding-bottom: 0 !important;
}

.em-f-change {
    display: table !important;
    transform: none !important;
}
.pro-sa-color02{
	color: #666 !important;
}
.pro-font30{
	font-size: 0.3rem !important;
}
.borderno{
	border: none !important;
}
.width{
	width: 49.1% !important;
}