.banner{
	position: relative;overflow: hidden;height: 516px;
}
.banner .swiper-slide img{
	width: 100%;
	height: 516px;
	object-fit: cover;
}
.banner .swiper-pagination-bullet {
	width: 32px;
	height: 4px;
	background: rgba(255,255,255,0.46);
	border-radius: 3px;
	opacity: 1;
}
.banner .swiper-pagination{
	text-align: center;
	width: 1200px;
	left: 50%;
	transform: translateX(-50%);
}
.banner .swiper-pagination-bullet-active {
	background: rgba(255,255,255,1);
}
.swiper-ad1{
	position: relative;
	width: 300px;
	height: 368px;
	overflow: hidden;
}
.swiper-ad1 .swiper-slide img{
	width: 100%;
	height: 368px;
	object-fit: cover;
	border-radius: 8px;
}
.swiper-ad1 .swiper-pagination-bullet {
	width: 24px;
	height: 4px;
	background: rgba(255,255,255,0.46);
	border-radius: 3px;
	opacity: 1;
}
.swiper-ad1 .swiper-pagination{
	text-align: right;
	width: 100%;
	padding-right: 15px;
}
.swiper-ad1 .swiper-pagination-bullet-active {
	background: rgba(255,255,255,1);
}
.home_pay {
	width: 300px;
	height: 484px;
	background: rgba(255,255,255,0.95);
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
	border-radius: 8px;
	position: absolute;
	right: calc((100% - 1200px)/2);
	top: 50%;
	transform: translateY(-50%);
	z-index: 22;
}
.home_payCont {
  display: none;
  margin-bottom: 15px;
  padding-bottom: 30px;
  background: url(../images/paybg.png) no-repeat 0 bottom;
}
.home_payUl {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  
}
.home_payli {
  width: 100%;
  text-align: center;
  line-height: 50px;
  height: 50px;
  font-size: 16px;
  color: #fff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  cursor: pointer;
  position: relative;
  background-color: #2D3143;
}
.home_payli:hover {
  color: #FF5212;
}
.home_payli_last{
	border-radius:0 8px 0 0;
}

.js_payli {
  color: #FF5212 ;
  font-weight: bold;
  background: transparent;
}

.home_payMain {
  width: 100%;
  padding: 0 17px;
  height: 430px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
}
.home_payMain>img{
	width: 100%;
	height: 94px;
}
.home_payCenter {
  margin: auto;
}
.home_faceUl {
  padding-top: 20px;
}
.home_faceUl::after {
  display: block;
  content: "";
  clear: both;
}
.home_faceValue {
  width: 82px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  color: #222222;
  border: 1px solid #DBDBDB;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  cursor: pointer;
  border-radius: 4px;
}
.home_faceValue:hover {
  border: 1px solid #FF5212;
  color: #FF5212;
}
.home_faceValue:nth-child(3n+1) {
  margin-left: 0;
}
.js_faceValue {
  color: #FF5212;
  border: 2px solid #FF5212;
  background: url(../images/select_right_white_blue.png) right bottom no-repeat;
  background-size: 20px;
}
.home_num {
  margin-top: 20px;
}
.k_numSymbol {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -moz-user-select: none;
  /*火狐*/
  -webkit-user-select: none;
  /*webkit浏览器*/
  -ms-user-select: none;
  /*IE10*/
  -khtml-user-select: none;
  /*早期浏览器*/
  user-select: none;
  align-items: center;
}
.home_numBox {
  width: 100%;
}
.home_numInput {
  width: 100%;
  font-size: 14px;
  color: #222222;
  display: none;
}
.home_numInput::after {
  display: block;
  content: "";
  clear: both;
}
.home_numInputW {
  width: 230px;
  float: left;
}
.home_numInputC {
  text-align: center;
}
.home_unit {
  float: left;
  margin-left: 10px;
  line-height: 40px;
}
.home_Price {
  margin-top: 20px;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  display: flex;
  align-items: center;
}
.home_Price .head_vipuser {
  margin-left: 0;
}
.home_Price span {
  font-weight: bold;
  color: #FF5339;
  margin-left: 10px;
  display: inline-block;
}
.home_payBtn {
  margin-top: 20px;
}
.home_payImg {
  width: 318px;
  position: absolute;
  bottom: 0;
}



.k_numBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: 1px solid #DBDBDB;
  text-align: center;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.k_numSymbol {
  width: 38px;
  height: 38px;
  font-size: 16px;
  cursor: pointer;
  color: #222222;
}
.k_numDis {
  pointer-events: none;
}
.k_numSymbol:hover {
  color: #3B8CFE;
}
.k_numInput {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  border-right: 1px solid #DBDBDB;
  border-left: 1px solid #DBDBDB;
  height: 38px;
}
.k_numInput input {
  width: 160px;
  height: 36px;
  text-align: center;
  color: #222222;
  padding: 0 10px;
  font-size: 16px;
  border: 0 none;
  background: transparent;
}
.home_payBtn{
	width: 268px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: linear-gradient(90deg, #FF7131 0%, #FF4101 100%);
	border-radius: 20px;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
}

.mainBox{
	display: flex;
	justify-content: space-between;
}
.mainHd{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin:20px 0;
}
.mainHd p{
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 24px;
	color: #FFFFFF;
}
.mainHd p::before{
	content: '';
	display: block;
	width: 10px;
	height: 24px;
	background: linear-gradient(90deg, #FF7131 0%, #FF4101 100%);
	border-radius: 4px;
	margin-right: 8px;
}

.mainHd p a{
	display: inline-flex;
	color: rgba(255,255,255,0.65);
	margin-right: 30px;
	font-weight: normal;
}
.mainHd p a.on{
	color: #fff;
	font-weight: bold;
}
.mainHd .more{
	padding: 3px 12px;
	color:#FF5212;
	border-radius: 12px;
	border: 1px solid #FF5212;
}
.mainBox .mainLeft{
	width: 880px;
}
.mainBox .mainRight{
	width: 300px;
}
.hotlist{
	width: 560px;
	clear: both;
	overflow: hidden;
}
.hotlistItem{
	float: left;
	width: 272px;
	height: 80px;
	margin-bottom: 16px;
}
.hotlistItem:nth-child(2n){
	float: right;
}
.hotlistItem:nth-child(7),.hotlistItem:nth-child(8){
	margin-bottom: 0;
}
.hotlistItem a{
	display: flex;
	background: #484E6A;
	border-radius: 8px;
	transition: all 1s;
}
.hotlistItem a:hover{
	background: #FF5212;
	color: #fff;
}
.hotlistItem a>img{
	border-radius: 8px;
	width: 80px;
	height: 80px;
}
.hotlistItem .txt{
	padding:12px 18px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.hotlistItem .txt h4{
	font-size: 16px;
	height:22px;    overflow: hidden;
}
.hotlistItem .txt p{
	font-size: 12px;
	color: rgba(255,255,255,0.65);
	align-items: center;
	height:24px;    overflow: hidden;
}
.main2_ad{
	width: 300px;
	height: 368px;
	overflow: hidden;
	margin-top: 76px;
	border-radius: 8px;
}
.main2 .mainRight .mainBd,.main3 .mainRight .mainBd{
	border-radius: 8px;
	background-color: #484E6A;
	padding: 10px 0;
}
.list_ul {
  width: 270px;
  margin: auto;
}
.list_li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.list_bg {
  font-size: 14px;
  height: 24px;
  width: 24px;
  line-height: 22px;
  color: #FFFFFF;
  text-align: center;
  margin-top: 13px;
  margin-right: 10px;
}
.list_bgOne {
  background: url(../images/home_listbg1.png) no-repeat;
  background-size: 24px;
}
.list_bgTwo  {
  background: url(../images/home_listbg2.png) no-repeat;
  background-size: 24px;
}
.list_bgThree {
  background: url(../images/home_listbg3.png) no-repeat;
  background-size: 24px;
}
.list_div {
  width: 236px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 15px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.list_divImg {
  width: 70px;
  height: 70px;
  border-radius: 10px;
  margin-right: 10px;
}
.list_contBtn {
  width: 60px;
  margin: 10px 0 0 10px;
}
.list_divCont {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.list_contTitle {
  margin-top: 0;
  width: 156px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
}
.list_contText {
  margin-top: 0;
  height: 20px;
  line-height: 20px;
  color: rgba(255,255,255,.7);
  font-size: 14px;
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.js_listBgTwo {
  margin-top: 15px;
}
.list_divImg {
  display: none;
}
.list_contBtn {
  display: none;
}
.js_divImg {
  display: block;
}
.js_contBtn {
  display: block;
}
.js_listDivCont {
  display: block;
  width: auto;
}
.js_listDivCont .list_contTitle {
  margin-top: 5px;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.js_listDivCont .list_contText {
  margin-top: 5px;
  color: rgba(255,255,255,.7);
  font-size: 14px;
  line-height: 18px;
  height: 18px;
  width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.list1{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
	margin-top: -16px;
	height: 428px;
	width: 100%;
}
.list1 li{
	margin:16px 8px 0 ;
	width: calc(16.66% - 16px);
	padding: 12px 10px 18px;
	border-radius: 8px;
	background: #484E6A;
	border-radius: 8px;
	cursor: pointer;
	transition: all 1s;
}
.list1 li img{
	width: 100%;
	border-radius: 8px;
}
.list1 li p{
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	padding: 10px 0 6px;
	overflow: hidden;
	height: 34px;
}
.list1 li span{
	display: block;
	font-size: 12px;
	color: rgba(255,255,255,0.65);
	overflow: hidden;
	height: 20px;
}
.list1 li:hover{
	background-color: #FF5212;
}

.main2 .mainRight .list1{
	display: none;
}

.pc-slide {
	width: 880px;
	margin: 0 auto;
	display: flex;
	padding: 8px;
	background: #484E6A;
	border-radius: 8px;
}

.view .swiper-container {
	width: 584px;
	height: 342px;
}
.view .swiper-container img{
	width: 100%;
	height: 342px;
	object-fit: cover;
}
.view .arrow-left {
	background: url(images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.preview {
	flex: 1;
	position: relative;
}

.preview .swiper-container {
	width: 276px;
	height: 342px;
	padding-left: 15px;
	
}
.preview .swiper-container .swiper-wrapper{
	flex-wrap: wrap;
}
.preview .swiper-slide {
	width: 276px;
	height: 80px;
	cursor:pointer;
	padding: 5px;
	margin-bottom: 7px;
	background: #545A79;
	border-radius: 4px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	color: rgba(255,255,255,1);
	font-size: 14px;
	transition: all 1s;
}
.preview .swiper-slide p{
	line-height: 1.6;
	padding-left: 15px;
}
.preview .swiper-slide img {
	width: 70px;
	height: 70px;
	display: block;
}

.preview .active-nav {
	background: #FF5212;
}
.preview .active-nav::before{
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border:7px solid transparent;
	border-right-color:#FF5212;
	top: 50%;
	transform: translateY(-50%);
	left: -14px;
}

.listkb{
	padding:0 8px;
}
.listkb li{
	padding:10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}
.listkb li a{
	display: flex;
}
.listkb li a i{
	display: block;
	border-radius: 12px;
	background: linear-gradient(90deg, #FF7131 0%, #FF4101 100%);
	padding: 2px 12px;
}
.listkb li p{
	flex: 1;
	padding-left: 6px;
}
.listkb li:nth-child(1){
	position: relative;
	border: 0 none;
	padding-top: 0;
}
.listkb li:nth-child(1) img{
	width: 100%;
	height: 168px;
	object-fit: cover;
}
.listkb li:nth-child(1) p{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 4px 10px;
	line-height: 1.4;
	font-size: 14px;
	background: rgba(0,0,0,.4);
}
.mainBox{
	margin-top: 15px;
}
.main3{
	margin-bottom: 30px;
}