﻿.article>.title_text h2{
	font-size: 36px;
}
.article>.title_text{
	line-height:inherit;
	border:none;
    margin-top: 0;
}
.title_text p{
	font-size: 18px;
	color: #888;
	padding-top: 15px;
}
.title_text{
	padding: 30px 0;
	margin: 0 auto;
}

.title_img img {
	margin-top: 20px;
}

.routine_list{
	margin:auto;
	text-align: center;
}
.routine_list li.routine_item{
	display: inline-block;
	padding: 20px 0;
}
.item_top h2{
	font-size: 26px;
	color: #222;
}
.item_top p{
	font-size: 12px;
	color: #999;
	margin-top:6px;
}
.item_img{
	height:20px;
	margin-right: 20px;
}
.item_box{
	font-size: 18px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	width: 125px;
	margin:0 auto;
}
.item_top{
	padding:40px 0;
	border-bottom: 1px solid #f1f1f1;
}
.item_list li{
	padding:30px 0;
	text-align: left;
}
.item_content{
	background-color: #FFFFFF;
	padding: 0 20px;
	border-right:1px solid #f1f1f1;
	width:200px;
}
.routine_list >li:hover,.routine_list >li:hover .item_content,.routine_list >li:hover a{
	background-color: #1abd6c;
	color: #fff;
	border-right: 1px solid transparent;
}
.routine_list >li:hover .item_top h2,.routine_list >li:hover .item_top p{
	color: #fff;
}
.routine_list >li:hover .list_ibox{
	background-image: url('../images/list_ibox2.png');
}
#article_01{
	background-color: #f6f7f9;
	padding-bottom: 50px;
}
.depth{
	width:1205px;
	margin: auto;
	padding-bottom: 100px;
}
.depth img {
	height:50px; }
.depth li {
	width:20%;
	text-align: center;
	display:inline-block;
	cursor: pointer;
}
.depth li a{
	display: block;
	padding: 50px 0;
}

ul.depth>li a:hover{
	background-color: #1abd6c;
	color: #fff;
}
ul.depth>li a:hover .depth_img{
	background-image: url("../images/sprite02.png");
}
.depth li:nth-child(odd) {
	background-color: #f1fcf6; }
.depth li:nth-child(even) {
	background-color: #e2f9ed; }

.depth_text {
	font-size: 14px;
	padding-top: 15px; }
.trade_nav ul{
	overflow: hidden;
	width:955px;
	text-align: center;
	margin: auto;
}
.trade_nav ul li{
	float: left;
	width:12.5%;
}
#article_03{
	background: url(../images/trade_bg.png) no-repeat center center;
	background-size: cover;
}
#article_03.article>.title_text{
	color: #fff;
}
#article_03.article>.title_text h2{
	color: #fff;
}
.trade_nav li:nth-child(odd) a {
	background-color: rgba(0, 0, 0, 0.2); }
.trade_nav li:nth-child(even) a {
	background-color: rgba(255, 255, 255, 0.1); }
.trade_nav li a {
	line-height: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    width: 100%;
	}
.trade_nav li a.active {
	background-color: #1abd6c; }
.trade_nav img {
	width:20px;
	margin-right: 4px; }
.trade_nav span {
	font-size: 13px;
	color: #fff; }

.trade_nav .trade_nav2 li a.active {
	background-color: #1abd6c; }
.tab_content {
	padding: 35px 20px;
	display: none;
	text-align: center;
}
.tab_content img {
	width:600px;
}
.tab_content.active {
	display: block; }
#functions {
	background: url(../images/xiaocheng_bg01.png) no-repeat center bottom #fff;
	background-size: 100%; }

#functions_bottom {
	background: url("../images/functions_bottom.png") no-repeat;
	background-size: cover;
	padding-top: 50px;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	height: 100px; }

#article_04 {
	position: relative;
	padding-bottom: 135px }


#functions_bottom i {
	font-style: italic;
	font-size:20px;
	font-weight: bold;
	color: #fff;
	text-align: center; }
#functions_bottom i.yellow_color {
	color: #ffe842; }
.title_text h2{
	font-size: 36px;
	color: #3d3d3d;
}
.title_text {
	text-align: center;
}
.banner .resBannerList li.res-first ul li.yy05{
	top:inherit;
}
.banner .resBannerList li.res-first ul li.yy01{
	right:inherit;
}
.phoneImg_list{
	overflow: hidden;
	width:980px;
	margin:auto;
	padding: 10px;
}
.phoneImg_list li{
	float: left;
	/* padding: 10px; */
	width:25%;
	box-sizing: border-box;
}
.phoneImg_list li img{
	width:100%;
}
.list_ibox{
	background: url('../images/list_box1.png') no-repeat 0 0;
	/*width:26px;*/
	width:21px;
	height:21px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.list_ibox02{
	background-position: 0 -22px;
}
.list_ibox03{
	background-position: 0 -42px;
}
.list_ibox04{
	background-position: 0 -62px;
}
.list_ibox05{
	background-position: 0 -84px;
}
.list_ibox06{
	background-position: 26px 0px;
}
.list_iboxX01{
	background-position-x: 0 ;
}
.list_iboxX02{
	background-position-x: -23px;
}
.list_iboxY01{
	background-position-y: 0px;
}
.list_iboxY02{
	background-position-y: -21px;
    height: 23px;
}
.list_iboxY03{
	background-position-y: -44px;
}
.list_iboxY04{
	background-position-y: -66px;
}
.list_iboxY05{
	background-position-y: -88px;
}
.list_iboxX03{
	background-position-x:-48px;
}
.list_iboxX04{
	background-position-x:-74px;
	width: 24px;
}
.list_iboxX05{
	background-position-x:-98px;
	width: 24px;
}

.depth_img{
	background: url('../images/sprite01.png') no-repeat 0 0;
	width:60px;
	height:64px;
	display: inline-block;
	margin: auto;
}
.depth_img02{
	background-position:-61px 0;
	width:80px;
}
.depth_img03{
	background-position:-139px 0;
}
.depth_img04{
	background-position:-202px 0;
	width:57px;
}
.depth_img05{
	background-position:-258px 0;
	width:82px;
}
.depth_img06{
	background-position:-341px 0;
}
.depth_img07{
	background-position:-401px 0;
}
.depth_img08{
	background-position:-461px 0;
	width:69px;
}
.depth_img09{
	background-position: -529px 0;
	width:66px;
}
.depth_img10{
	background-position:-595px 0;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background: url('../images/move_right.png') no-repeat center center;
	background-size: 100%;
	width:50px;
	height:50px;
	right:150px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background: url('../images/move_left.png') no-repeat center center;
	background-size: 100%;
	width:50px;
	height:50px;
	left:150px;
}
.fun_trade{
	overflow: hidden;
	margin: auto;
	border-top: 1px solid #dedede;
	text-align: center;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	width:100%;
}
.trade_left{

	display: inline-block;
	width:180px;
	border: 1px solid #dedede;
	border-top: 0;
	border-bottom: 0;
text-align: left;
}
.trade_left li a{
	display: block;
	text-align: center;
	padding: 36px 0;
	font-size: 18px;
	border-bottom: 1px solid #dedede;
}
.trade_left li a.active,.trade_left li a:hover{
	background-color: #1abd6c;
	color: #fff;
}
.trade_left li a.active span,.trade_left li a:hover span{
	color: #fff;
}
.trade_left li a span{
	color: #666;
}
.trade_right{
	text-align: left;
	display: none;
	width:800px;
	padding:0 50px;
}
.trade_right.active{
	display: inline-block;
}
.head_top{
	margin: 70px 0 30px;
	font-size: 20px;
}
.right_text{
	padding-bottom: 35px;
	font-size: 16px;
	border-bottom: 1px solid #dedede;
}
.tips_list{
	overflow: hidden;
	padding-top: 40px;

}
.tips_list li{
	width:14.2857142857%;
	float: left;
	font-size: 16px;
	text-align: center;
}
.tips_list li img{
	width:80px;
	height:80px;
	margin-bottom: 10px;
}
.once_ask{
	margin-top: 20px;
}
.once_ask a{
	background-color: transparent;
	border:1px solid #fff;
	line-height: 35px;
	display: inline-block;
	width:200px;
	color: #fff;
	cursor: pointer;
}
.card_box{
	width:1260px;
	height:510px;
	background: url('../images/card_bg01.png') no-repeat;
	background-size: 100%;
	margin: auto;
	margin-top: 20px;
}
#article_05{
	background-color:#f2f5fa;
	padding-bottom: 30px;
}
.card_list:before{
	content: '';
	display: block;
	clear: both;
}
.switchButton{
	width:80%;
}
.card_list li{
	width:10%;
	float: left;
	cursor: pointer;
	position: relative;
	padding: 27px 13px 0;
	text-align: center;
	box-sizing: border-box;
}
.card_list li:hover .detail_box{
	display: block;
}
.card_list li img{
	width:100%;
	box-sizing: border-box;
	vertical-align: middle;
} .part_space .part_title {
	  border-bottom: 2px solid #1abd6c;
	  font-size: 18px;
	  color: #000;
	  padding-bottom:10px; }
.gray_color{
	color: #999;
}
.white_color{
	color: #fff;
}
.exploit_content {
	padding: 14px 12px; }

.exploit_top {
	position: relative;
	width: 100%;
	overflow: hidden; }

div.exploit_top:hover img {
    /* webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1); */
}
.exploit_top p {
	font-size: 18px;
	background-color: #1abd6c;
	line-height: 50px;
	text-align: center;
	bottom: 0;
	width: 100%; }
.flex_box {
	display: flex;
	display: -webkit-flex; }
.exploit_list li:hover a p{
    color:#1abd6c;
}
.exploit_list li a{
	font-size: 18px;
}
.exploit_list li a span{
	font-size: 15px;
}
.flex_space {
	justify-content: space-between; }

.flex_middle {
	align-items: center; }

.flex_wrap {
	flex-wrap: wrap; }

.flex_shrink {
	flex-shrink: 0; }

.flex_direction {
	flex-direction: column; }

.border_bottom {
	border-bottom: 1px solid #f0f0f0; }

.full {
	width: 100%; }
.text_artical {
	color: #666; }
.text_artical:before {
	content: '';
	width: 5px;
	height: 5px;
	background-color: #1abd6c;
	display: inline-block;
	margin-right: 5px; }

.exploit_list {
	padding: 7px 0;
	font-size: 13px; }
.exploit_list li {
	padding: 8px 0; }
.article_box section{
	width:33.333333%;
	padding: 0 40px;
}
#rcaver_ul li a{
	border-bottom:1px solid #f1f1f1;
}
.article_box{
	width:80%;
	margin: auto;
}
.card_list01 li{
	padding-top:37px;
}
.card_list02 li{
	 padding-top:57px;
}
.card_list03 li{
	padding: 52px 17px 0;
}
.card_list04 li{
	padding: 47px 15px 0 13px;
}
.card_modal{
	position:relative;
}
.card_detail{
	position: absolute;
	top: 14px;
	left: 2px;
	right: 0;
	height: 93px;
	margin: auto;
	text-align: center;
	padding: 24px 0;
	z-index: 2;
}
.card_detail1{
	background: url(../images/qure_img.png) no-repeat center;opacity: 0.6;
	background-size: 100%;
	z-index: 1;
}
.swiper-slide{
	width:100%;
}

.card_list li .card_detail img{
	width:80px;
	height:80px;
	margin-top: 7px;
}
.detail_box{
	display: none;
}
.rcaver{
	background-color: #fff;
	position: fixed;
	/*top: 850px;*/
	left:30px;
	top: 30%;
	width:150px;
	z-index:9999;
	box-shadow: 0px 0px 5px #e9eaee;
	text-align: center;
}
.width1000{
	width: 1000px;
}
.rcaver a{
	display: block;
	padding: 20px 0;
}
.rcaver a:hover{
	background-color: #1abd6c;
	color: #fff;
}
.rcaver li.active a{
	background-color: #1abd6c;
	color: #fff;
}
.rcaver a:hover .rever,.rcaver li.active .rever{
	background-image: url('../images/sptie04.png');
}
.rever{
	width:25px;
	height:27px;
	margin: auto;
	margin-bottom: 8px;
	background: url('../images/sptie03.png') no-repeat;
}
.rever02{
	background-position-x:-25px ;
}
.rever03{
	background-position-x:-50px ;
}
.rever04{
	background-position-x:-77px ;
}
.rever05{
	background-position-x:-102px ;
	width:28px;
}
.rever06{
	background-position-x:-131px ;
}
.exploit_top img{
	width:100%;
}

.phoneImg_bg{
    background: url('../images/phoneimg_bg.png') no-repeat ;
    background-size: 225px 450px;
    width: 225px;
    height: 500px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.phoneImg_bg div{
    width: 200px;
    height: 302px;
    position: absolute;
    top:0;
    left:0;
    padding: 45px 13px;overflow: hidden;
}
.exploit_top p{
    position: absolute;
    bottom: 0;
    width:100%;
    left:0;
}
.exploit_top img{
    width:100%;
    height:243px;
}
.exploit_top{
    cursor: pointer;
}
.exploit_top:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.exploit_top img{
	height: 180px;
}
.article_box section{
	width: 300px;
	padding: 0 25px;
}
.exploit_list li a{
	font-size: 14px;
}
.text_artical{
	width: 210px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
.exploit_top p{
	line-height: inherit;
	font-size: 14px;
	padding: 8px 0;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.exploit_content{
	padding: 14px 0;
}
.article_box{
	justify-content: center;
}
.text_artical:before{
	flex-shrink: 0;
	margin-bottom: 3px;
}

.item_content{
	box-sizing: border-box;
	width:240px;
}
.trade_nav ul{
	width:1200px;
}
.phoneImg_list{
	width:1200px;
	position: relative;
	padding: 10px 20px;
	box-sizing: border-box;
}
.phoneImg_list li{
	box-sizing: border-box;
	padding: 0 20px;
}
.phoneImg_bg{
	background: url(../images/phoneimg_bg.png) no-repeat;
	background-size: 250px 500px;
	width: 250px;
	height: 500px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.phoneImg_bg div{
	width: 219px;
	height: 328px;
	padding: 54px 15px;
}
.trade_nav li a{
	line-height: 60px;
	height: 60px;
}
.trade_right{
	width:1050px;
	box-sizing: border-box;
	padding-right: 0;
}
.trade_left{
	width: 150px;
}
.trade_left li a{
	padding: 28px 0;
}
.once_ask{
	margin-top: 155px;
}
#functions_bottom {
	background: url(../images/functions_bottom.png) no-repeat;
	background-size: 100% 250px;
	 padding-top: 0px;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	height: 250px;
}
#article_04{
	padding-bottom: 233px;
}
.card_box{
	width: 1200px;
}
.card_list04 li{
	padding: 40px 15px 0 13px;
}
.card_list03 li{
	padding: 48px 17px 0;
}
.card_detail{
	top: 6px;
	left: 3px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right:60px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	left:60px;
}
.tab_content  .swiper-container{
	width:1380px;
}

.card_list>li{
    height: 130px;
    padding: 35px 13px;
    padding: 35px 13px 35px 18px;
    line-height: 60px;
}
.card_list li img{
    width:auto;
    max-height:100%;
}
.card_list02 li{
    top: -29px;
}
.card_detail{
    top: 0;
    left: 5px;
    height: 130px;
    box-sizing: border-box;
    padding: 25px 0px;
}
.card_list li .card_detail img{
    height: 100%;
    width:auto;
    margin-top: 0;
    /* height: 80px!important;
    width:80px!important;
    max-height:100px!important;
    border-radius: 50%;*/
}
.card_list03 li{
    top: -55px;
}
.card_list04 li{
    top: -80px;
}

.routine_list{
    width:1200px;
}
.routine_list >li:hover, .routine_list >li:hover .item_content, .routine_list >li:hover a{
    border:none;
}
.list_iboxX04{
    background-position-x: -73px;
}

