.dy{
  font-family:  Microsoft YaHei UI-Regular, Microsoft YaHei UI;
  position: relative;
 	background: url(../img/index-bg.png)no-repeat;
  background-position: 0 60px
}
.con-box{
	padding-top: 80px;
	
}
.con1 {
	padding-top: 100px;
	padding-bottom: 90px;
}

.con1 h1{
	font-size: 56px;
    color: #fff;
}

.con1 p{
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1px;
    opacity: .8;
    font-weight: 400;
}

.con1 .btn{
    width: 120px;
    height: 38px;
    border: 1px solid #fff;
    border-radius: 38px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    opacity: .8;
}
.con1 .btn:hover{
	border: 1px solid #EB3A30;
	color: #EB3A30;
}
/*第二板块开始*/
.con2{
	background: url(../img/index-con2-bg.png)no-repeat;
	background-size: 100%;
	margin-top: -5px;
	
}
.con2-top{
	display: flex;
	align-items: center;
	padding: 40px 30px 33px 30px;

}
.con2-top h3{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 30px;

}

.con2-top .left-l1{
	display: flex;justify-content: flex-start;
}

.con2-top .left-l1 .l1-item{
	display: flex;align-items: center;
	margin-right: 30px;
}
.con2-top .left-l1 .l1-item:hover{
	margin-top: -5px;
	transition: .5s;
	cursor: pointer;
	font-weight: bold;
  opacity: .8;
}
.con2-top .left-l1 .l1-item .to-more{ 
	width: 8px;
	height: 6px;
	background: url(../img/index-con2-icon.png) no-repeat;
}

.con2-top .left-l1 .l1-item .l1-text{
	margin: 0 5px 0 10px;
  font-size: 14px;
  color: #000;
}
.con2-top .left-l1 .l1-item .l1-icon{ 
	width: 50px;
	height: 40px;
	background: url(../img/index-dy.png) no-repeat;
  margin-left: -10px;
  background-size: 100% !important;
}
.con2-top .left-l1 .l1-item:nth-child(2) .l1-icon{ 
	background: url(../img/index-ks.png) no-repeat;
}
/* .con2-top .left-l1 .l1-item:nth-child(3) .l1-icon{ 
	background: url(../img/index-sp.png) no-repeat;
} */
.con2-top .left-l1 .l1-item:nth-child(3) .l1-icon{ 
	background: url(../img/index-gzh.png) no-repeat;
}
.con2-top .left-l1 .l1-item:nth-child(4) .l1-icon{ 
	background: url(../img/index-xhs.png) no-repeat;
}
.con2-top .left-l1 .l1-item:nth-child(5) .l1-icon{ 
	background: url(../img/index-wb.png) no-repeat;
}
.con2-top .left-l1 .l1-item:nth-child(6) .l1-icon{ 
	background: url(../img/index-dj.png) no-repeat;
}
.top-right .right-r1{
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.top-right .right-r1 .r1-btn1{
	width: 160px;
	height: 44px;
	background: linear-gradient(270deg, #FF6C7E 0%, #FF2842 100%);
	border-radius: 2px 2px 2px 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 4px;
}
.top-right .right-r1 .r1-btn2{
	width: 160px;
	height: 44px;
	background: linear-gradient(270deg, #4CBBFC 0%, #2774FE 100%);
	border-radius: 2px 2px 2px 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 4px;
}
.top-right .right-r1 .r1-item:hover{
	opacity: .8;
}

.top-right .right-r1 .r1-item .r1-text{
	margin: 0 6px 0 10px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 16px;
}
.top-right .right-r1 .r1-item .r1-icon{
	width: 20px;
	height: 20px;
	background: url(../img/index-con2-icon1.png) no-repeat;
	
}
.top-right .right-r1 .r1-item:nth-child(2) .r1-icon{
	background: url(../img/index-con2-icon2.png) no-repeat;
}
.top-right .right-r1 .r1-item .r1-more{
	width: 8px;
	height: 6px;
	background: url(../img/index-con2-right-icon.png) no-repeat;
}
.con2-buttom{
	width: 100%;
	height: 60px;
	background: linear-gradient(180deg, rgba(255,255,255,0.9) 0%, #FFFFFF 100%);
	border-radius: 0px 0px 2px 2px;
	display: flex;align-items: center;justify-content: space-between;
	padding: 0 30px;
}

.con2-left{
	width: 712px;
	height: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	color: #666666;

	border-right: 1px solid #D9D9D9;;
}

.con2-left div{
	display: flex;
  align-items: center;
}
.con2-left div:last-child{
	padding-right: 70px;
}
.con2-left div img{
	padding-right: 5px;
}
.con2-right{
	
	height: 15px;
	font-size: 12px;
	color: #333333;
	line-height: 14px;
	display: flex;
	justify-content: center;
	align-items: center;

}
.con2-right  span{
	
	color: #2254F4 ;

	
}
.con2-right .right-1{
	
	margin-right: 28px;
}
.con2-right .right-2{
	height: 15px;
	width: 195px;

}
.con2-right .right-2 .swiper-container{

	height: 15px;
}
.con2-right .right-2 .swiper-container>p{
	height: 15px;
	font-size: 12px;
	color: #333333;
	line-height: 14px;
}
.con2-right .right-2 .swiper-container .swiper-wrapper{

	width: 100%;
}
.con2-right .right-2 p{
	
	height: 15px;
	font-size: 12px;
	color: #333333;
}
/*第二板块结束*/

/*号源板块开始*/
.con3{
	
	border-radius: 2px;
	position: relative;
	display: flex;
	margin-bottom: 25px;
}
.con3 .nav-fixed{
	position: fixed !important;
	left: auto;
	z-index: 999999;
	top: 80px !important;
}
.con3 .nav{
	flex: 0 0 180px;
	padding-top: 20px;
	width: 180px;
	height: 460px;
	background: linear-gradient(180deg, #4CBBFC 0%, #2774FE 100%);
	border-radius: 2px 2px 2px 2px;
	/*position: relative;*/
	margin-right: 20px;
	overflow: hidden;
	position: absolute;
	top: 60px;
}

.con3 .nav .bg{
	background: url(../img/index-nav-bg.png) no-repeat;
	background-position: 0 100%;
  position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
}
.con3 .nav .active{
	width: 100%;
	height: 40px;
	background: rgba(255,255,255,0.3);
	border-radius: 0px 0px 0px 0px;
}
.con3 .nav .nav-item:hover{
	width: 100%;
	height: 40px;
	background: rgba(255,255,255,0.3);
	border-radius: 0px 0px 0px 0px;
}

.con3 .nav .nav-item{
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	

}
.con3 .nav .nav-item a{
	display: flex;align-items: center;justify-content: space-between;
	padding: 0 30px 0 30px;
	height: 100%;
}
.con3 .nav .nav-item i{
	background: url(../img/index-nav-icon.png) no-repeat;
	width: 6px;
	height: 10px;
	margin-right: 60px;
}
.con3-right{
	width: 1000px;
	margin-left: 200px;
}
.con3-list{
	/*padding-bottom: 60px;*/
	padding-top: 60px;
}
.con3-list .title{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.con3-list .title h2{
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	display: flex;
	align-items: end;
	
	
}
.con3-list .title p{
font-size: 14px;
color: rgba(255,255,255,0.5);
margin-left: 10px;
font-weight: 400;

}
.more{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	display: flex;align-items: center;

}
.more:hover{
	color: #FF2943;
	font-weight: bold;
}
.more i{
	background: url(../img/index-nav-icon.png) no-repeat;
	width: 6px;
	height: 10px;
	margin-left: 6px;
}
.goods-list{
	width: 100%;
	height: 400px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 30px;
}

.goods-list li{
	width: 50%;
	height: 200px;
	background: #fff;
	padding: 40px;
	box-sizing: border-box;
	position: relative;
	border: 1px solid #fff;
	border-top-color: #f2f2f2;
}
.goods-list li:nth-child(2n) {
    border-left: 1px solid #f2f2f2;
}
.goods-list li:hover{
	  box-shadow: 0 5px 20px 0 rgb(0 0 0 / 7%);
    border: 1px solid #FF2943 ;
    z-index: 99;
}
.goods-list li:hover .goods-head h3{	
	font-weight: bold;
	color: #FF2943;
}
.goods-list li:hover .btn{
	width: 100px;
	background: linear-gradient(270deg, #FF6C7E 0%, #FF2842 100%);
	border-radius: 30px 30px 30px 30px;

}
.goods-list li:hover .btn p{
	display: contents;
	margin-right: 10px;
}
.goods-list li:hover .btn i{
	background: url(../img/list-kf-hover.png)no-repeat;
	margin-left: 10px;
}
.goods-list .goods-head{
	width: 100%;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f2f2f2;
	
}


.goods-list .goods-head a h3{
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	margin-left: 10px;
}
.goods-list .goods-head a p{
	font-size: 12px;
	font-weight: 400;
	color: #999999;
	padding-top: 5px;
	margin-left: 10px;
}
.goods-cen{
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.goods-cen h5{
	height: 14px;
	font-size: 14px;
	color: #333;
	font-weight: 400;
}
.goods-cen p{
	  height: 12px;
    font-size: 12px;
    color: #999;
    padding-top: 7px;
}
.goods-cen .btn{
	width: 40px;
	height: 40px;
	background: rgba(255,41,67,0.05);
	display: flex;align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.goods-cen .btn p{
	display: none;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.goods-cen .btn i{
	background: url(../img/list-kf.png)no-repeat;
	width: 20px;
	height: 20px;
}

#pro6{
	padding-bottom: 0px;
}
.con3-btn{
	padding-top: 40px;
	display: flex;align-items: center;justify-content: center;
}
.con3-btn .btn{
	width: 160px;
	height: 40px;
	background: linear-gradient(270deg, #FF6C7E 0%, #FF2842 100%);
	border-radius: 2px 2px 2px 2px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: flex;align-items: center;justify-content: center;
}
.con3-btn .btn2{
	background: linear-gradient(270deg, #4CBBFC 0%, #2774FE 100%);
	margin-left: 10px;
}
/*号源板块结束*/

/*购买流程开始 	background: linear-gradient(270deg, #508BFF 0%, #0056FF 100%);
	*/
.con4{
	padding: 60px 0 60px;
	background: #F5F7FA;

}
.con4-nav{
	display: flex;align-items: center;
}
.con4-nav .nav{
	width: 300px;
	height: 60px;
	background: linear-gradient(180deg, #EDF1F6 0%, #FFFFFF 100%);
	border-radius: 2px 100px 2px 2px;
	display: flex;align-items: center;justify-content: center;
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	z-index: 99;
	padding-right: 80px;
}
.con4-nav .nav:last-child{
	width: 300px;
	margin-left: -130px;
	padding-left:80px ;
	z-index: 9;
  padding-right: 0px;
}
.con4-nav .active:last-child {
	width: 200px;
	padding: 0;
	/*margin: 0;*/
	z-index: 999;
}
.con4-nav  .active{
	background: linear-gradient(270deg, #508BFF 0%, #0056FF 100%) !important;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	width: 200px;
	padding: 0;
}
.btn:hover{
	opacity: .8;
}

.con4-box{
	display: flex;align-items: center;justify-content: space-between;
	padding: 80px 30px;
	position: relative;
	height: 230px;
	background: linear-gradient(180deg, #EDF1F6 0%, #FFFFFF 100%);
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.05);
	
}
.con4-txt{
	margin-left: 10px;
}
.con4-box .con4-item{
	display: flex;align-items: center;

}
.con4-item .con4-txt h4{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
.con4-item .con4-txt p{
	width: 108px;
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	line-height: 14px;
	padding-top: 10px;
}
.con4-box .con4-xian1{
	position: absolute;
	top: 30px;
	left: 65px;
	width: 238px;
	height: 52px;
	background: url(../img/index-xian-1.png)no-repeat;
}
.con4-box .con4-xian2{
	position: absolute;
	top: 150px;
	left: 303px;
	width: 238px;
	height: 52px;
	background: url(../img/index-xian-2.png)no-repeat;
}
.con4-box .con4-xian3{
	position: absolute;
	top: 30px;
	left: 540px;
	width: 238px;
	height: 52px;
	background: url(../img/index-xian-3.png)no-repeat;
}
.con4-box .con4-xian4{
	position: absolute;
	top: 150px;
	left: 779px;
	width: 238px;
	height: 52px;
	background: url(../img/index-xian-4.png)no-repeat;
}
.con4-gg{
	margin-top: 10px;
	background: url(../img/index-con4-gg.png)no-repeat;
	width: auto;
	height: 90px;

}
/*购买流程结束*/

/*底部广告开始*/
.con5{
margin-top: 60px;	
height: 180px;
background: url(../img/index-con5-bg.png)no-repeat,linear-gradient(202deg, #4773FF 0%, #003DFF 100%);

}

.con5 .con5-box h2{
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
	padding-top: 40px;

}
.con5 .con5-box .btn{
	width: 150px;
	height: 40px;
	background: rgba(255,255,255,0.1);
	border-radius: 50px 50px 50px 50px;
	opacity: 1;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 16px;
	display: flex;align-items: center;justify-content: center;
	margin-top: 30px;
}
.con5 .con5-box .btn i{
	margin-left: 10px;
	width: 20px;
	height: 6px;
	background: url(../img/index-con5-icon.png)no-repeat;	
}
/*底部广告结束*/
.m-footer{display: none;}
.m-title{display: none;}
.m-goods-cen{display: none;}
@media (max-width: 630px){
.con{
	padding: 0 12px;
	width: 100%;
}
.dy{
	background: url(../img/m-index-bg.png)no-repeat;
	background-size: 100%;
	
}
.con1{
	padding-top: 60px;
	padding-bottom: 20px;
}
.con1 h1{
	padding: 0;
	color: #fff;
	font-size: 22px;
}
.con1 p{
	margin-top: 5px;
	margin-bottom: 0.4rem;
	font-size: 12px;
	color: #fff;
	letter-spacing: 1px;
	opacity: .8;
	font-weight: 400;
}
.con1 .btn{
	margin-top: 20px;
	width: 80px;
	height: 30px;
	font-size: 12px;
 display: flex;justify-content: center;align-items: center;
}
.con2{
	margin: 0;
	background-size: 100% !important;
	background: url(../img/m-index-con2-bg.png)no-repeat;
}
.con2-top{
	display: block;
	padding: 30px 12px 0 12px;
}
.con2-top .left-l1{
	flex-wrap: wrap;
	justify-content: space-between;
}
.con2-top h3{
	font-size: 14px;
	padding-bottom: 20px;
}
.con2-top .left-l1 .l1-item{
	width: 28%;
	margin: 0;
	padding-bottom: 20px;
}
.con2-top .left-l1 .l1-item .l1-icon{
	width: 30px;
	height: 20px;
	background-size: 100% !important;
	margin-left: -5px;
}
.con2-top .left-l1 .l1-item .l1-text{
	margin: 0 5px 0 5px;
}


.con2-buttom{
	padding: 0 12px;
	display: flex;justify-content: space-between;align-items: center;
}

.top-right .right-r1{
	display: flex;justify-content: space-between;align-items: center;
}
.con2-right{
	display: flex;justify-content: space-between;align-items: center;
}
.con2-right .right-1{
	margin-right: 20px;
	
	
}

.con2-left{
	display: none;
}

.con3{
	display: block;
}

.con3 .nav{
	position: inherit;
	width: 100%;
	height: 40px;
	display: flex;align-items: center;justify-content: space-between;
	padding: 0;
	top: 20px;
}
.con3-list{
	padding-top: 5px;
}
.con3 .nav .bg{
	display: none;
}
.con3 .nav .nav-item i{
	display: none;
}
.con3 .m-title{
	margin-top: 30px;
	display: block;
	text-align: center;
}
.con3 .m-title h2{
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.con3 .m-title p{
	margin-top: 5px;
	font-size: 12px;
	color: rgba(255,255,255,0.5);
	font-weight: 400;
}
.con3 .nav .nav-item{
		
		padding: 0;
		justify-content:center;
		align-items: center;
}
.con3 .nav .nav-item a{
	padding: 0;
	justify-content: center;
}
.con3-right{
	width: 100%;
	margin: 0;
}
.more{
	display: none;
}
.con3-list .title{
	display: none;
	
}
.con3-list .title h2{
	display: block;
	text-align: center;
}
.con3-list .title p{
	padding-top: 5px;
}
.goods-list{
	display: block;
	height: auto;
}
.goods-list .goods-head a h3{
	font-size: 14px;
}
.goods-list li{
	width: 100%;
	padding: 20px 12px;
	height: 130px;
	border: 0;
	margin-bottom: 6px;
}
.con3-btn{
	padding-top: 12px;
}
.goods-cen{
	display: none;
}
.m-goods-cen{
	padding-top: 12px;
	display: flex;justify-content: space-between;align-items: center;
}
.m-goods-cen span{
	font-size: 12px;
	font-weight: 400;
	color: #333333;
	padding-right: 5px;
}
.m-goods-cen .m-btn{
	  width: 30px;
    height: 30px;
    background: rgba(255,41,67,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.m-goods-cen .m-btn i{
	  background: url(../img/list-kf.png)no-repeat;
    width: 15px;
    height: 15px;
    background-size: 100%;
}
.goods-list li:hover{
	border:0;
}
.goods-list li:hover .btn{
	width: 0;
	height: 0;
	background:0;
	border-radius:0;
}
.con3-right .con3-list:nth-child(2){
	display: none;
}
.con3-right .con3-list:nth-child(3){
	display: none;
}
.con3-right .con3-list:nth-child(4){
	display: none;
}
.con3-right .con3-list:nth-child(5){
	display: none;
}
.con3-right .con3-list:nth-child(6){
	display: none;
}
.con4{
	padding: 30px 0;
}
.con4-box{
	display: block;
}
.con4-box .con4-xian1{
	display: none;
}
.con4-box .con4-xian2{
	display: none;
}
.con4-box .con4-xian3{
	display: none;
}
.con4-box .con4-xian4{
	display: none;
}
.con4-box{
	padding: 0px 12px 30px 12px;
	height: auto;
}
.con4-item img{
	width: 40px;
	height: 40px;
}

.con4-nav{
	width: 240px;
	display: flex;
	align-items: center;
	background: linear-gradient(180deg,#edf1f6,#fff);
	border-radius: 2px 100px 2px 2px;
	box-shadow: 0 10px 30px 0 rgb(0 0 0 / 5%);
	border: 1px solid #fff;
	
}
.con4-nav .nav{
	width: 120px;
	height: 40px;
	font-size: 14px;
	color: #333;
	border-radius: 2px 10rem 2px 2px;
	padding-left: 0.24rem;
	line-height: .8rem;
	cursor: pointer;
	padding-right: 0;
}
.con4-nav .active{
	font-weight: 700;
	color: #fff;
	background: linear-gradient(180deg,#17c3af,#00af9a);

}
.con4-nav .nav:last-child{
	width: 120px;
	margin: 0;
	padding: 0;

}
.con4-box .con4-item{
	padding-top: 30px;
}
.con4-item .con4-txt h4{
	font-size: 14px;
}
.con4-item .con4-txt p{
	width: 100%;
	font-size: 12px;
	padding-top: 5px;
}
.con4-gg{
	background: url(../img/m-index-con4-gg.png)no-repeat;
	background-size: 100%;
	height: 60px;
}

.con5{
	display: none;
}














}