body{background: #fff;overflow-x: hidden;}
.gd{-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.main{width:100%; position: relative; left:0;}
.main img{display: block; width:100%;}
/* .main a{color: #333;} */
/* .main .a_btn{width:45%; text-align: center; display: block; margin: 3% auto; color: #fff; padding:2.5% 0; border-radius: 5px; background-image:-webkit-linear-gradient(to top, #0596D8, #42BFF8); background-image:-moz-linear-gradient(to top, #0596D8, #42BFF8); background-image:linear-gradient(to top,#0596D8,#42BFF8);} */
/* .main .a_btn:active{background:#3BBBF5;} */
.clears::after{
content: ".";
clear: both;
display: block;
overflow: hidden;
font-size: 0;
height: 0;
}
.clears{
	zoom: 1;
}


header{
	height: .7rem;
	padding: .25rem .25rem .25rem;
}
header .logo_index{
	float: left;
	width: 5.02rem;
}
header .qgxq{
	float: right;
	width: 1.61rem;
}

header .fx_box{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	display: none;
}
header .fx_box .fxbox_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.6);
}
header .fx_box .fxbox{
	position: absolute;
	left: 3%;
	top: 30%;
	z-index: 999;
	width: 94%;
	border:1px #ccc solid;
	background: #fff;
	padding: .2rem;
	border-radius: 10px;
}
header .fx_box .fx_list{
	float: left;
	font-size: .26rem;
	width:23%;
	text-align: center;
	line-height: .7rem;
	background: #f5f5f7;
	margin: .06rem;
	height: .7rem;
}
header .fx_box .fx_list a{
	display: block;
	width: 100%;
	color: #333;
}


.tabs{background: #f7f7f7;}
.tabs ul {display: flex;}
.tabs ul li{
	float: left;
	/* width: 20%; */
	-webkit-flex: 1;
	height: .8rem;
	line-height: .8rem;
}
.tabs ul li a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: .32rem;
	color: #272727;
	text-align: center;
	
}

.boxicon{position: relative;padding: .4rem .15rem 0;}
.boxicon ul{padding-bottom: .35rem;overflow: hidden;}
.boxicon ul li{
	float: left;
	width: 2.2rem;
	margin: 0 .1rem .18rem;						
}
.boxicon ul li p{border-radius: .1rem;
	font-size: .24rem;
	color: #c2c2c2;
	text-align: center;
	background: #f7f7f7;
	height: 1.2rem;
	padding-top: .24rem;
	margin-top: -.22rem;
	display: block;
	font-weight: normal;
	box-sizing: border-box;
}
.boxicon ul a span{
	display: block;
	font-size: .26rem;
	color: #434343;
	padding: .14rem 0 .02rem;
	overflow: hidden;
	/* text-overflow: ellipsis; */
	/* display: -webkit-box; */
	/* -webkit-line-clamp: 1; */
	/* -webkit-box-orient: vertical; */
}
.boxicon ul li i{display: block;width: .59rem;height: .77rem;margin: 0 auto;background: url("/2020phone/images/xk_icons2.png") no-repeat 0 0;background-size: .59rem;position: relative;z-index: 2;}
.boxicon ul li.web i{background-position-y: -.79rem;}
.boxicon ul li.python i{background-position-y: -1.58rem;}
.boxicon ul li.ai i{background-position-y: -2.37rem;}
.boxicon ul li.ui i{background-position-y: -3.16rem;}
.boxicon ul li.test i{background-position-y: -3.95rem;}
.boxicon ul li.pm i{background-position-y: -4.74rem;}
.boxicon ul li.xmt i{background-position-y: -5.53rem;}
.boxicon ul li.jcdl i{background-position-y: -6.32rem;}
.boxicon ul li.hm i{background-position-y: -7.11rem;}
.boxicon ul li.cbec i{background-position-y: -8.62rem;}

.qimo_showNewMsg{z-index: 10;}
.head_tit .xqalls{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.7);
	z-index: 10;
	display: none;
}
.head_tit .xqalls ul{
	position: absolute;
	width: 6.72rem;
	background: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: .32rem;
	padding: .5rem .4rem;
}
.head_tit .xqalls ul li{
	float: left;
	width: 2.65rem;
	font-size: .28rem;
	color: #5a5a5a;
	/*padding: .2rem 0;*/
	overflow: hidden;
	height: .78rem;
}
.head_tit .xqalls ul li img{
	width: .33rem;
	float: left;
	margin: 0 .1rem 0 0
}
.head_tit .xqalls ul li span{float: left;}
.head_tit .xqalls ul li.li1{width: 3rem;}
/*.head_tit .xqalls ul li.li2{width: 1.8rem;}*/
.head_tit .xqalls ul li.li3{width: 100%;}

.head_tit .xqalls::-webkit-scrollbar {width: .08rem;height: 1px;}
.head_tit .xqalls::-webkit-scrollbar-thumb {width: .08rem;border-radius: .08rem;background: #b6b6b6;}
.head_tit .xqalls::-webkit-scrollbar-track{width: .08rem;height: 1px;}


.szbot{
	width: 7.5rem;
	height: 1.07rem;
	background: #fff;
	position: fixed;
	left: 50%;
	margin-left: -3.75rem;
	bottom: 0;
	box-shadow: 0 .03rem .4rem #dcdcdc;
	z-index: 9;
}
.szbot ul li{
	width: 50%;
	float: left;
	font-size: .32rem;
	line-height: 1.07rem;
	text-align: center;
}
.szbot ul li.lastli{background: #ca2301;}
.szbot ul li a{
	display: inline-block;
	height: 1.07rem;
	padding: 0 .1rem 0 .65rem;
	color: #818181;
	background: url("/2020phone/images/teaimg/szbotpic1.png") no-repeat left .31rem;
	background-size: .54rem;
}
.szbot ul li span{
	display: inline-block;
	height: 1.07rem;
	padding: 0 .1rem 0 .65rem;
	color: #fff;
	background: url("/2020phone/images/teaimg/szbotpic2.png") no-repeat left .31rem;
	background-size: .54rem;
}


/* 底部 */
.footer{
	width: 100%;
	height: 100%;
	margin: 8% 0 1.12rem;
}
.footer .footlist{font-size: .26rem;color: #999;margin: -2% 0 2%;}
.footer .footlist a{margin: 0 .3em 0;color: #333;}
.footer p{
	font-size: .26rem;
	color: #333;
	text-align: center;
	line-height: .48rem;
}
.footer p img{width: 5%;display: inline-block;}
.bdzx{display: none;}