// #at4-share{
// 	top: 340px !important;
// }
.article {
	margin: 0 0 40px 0;
	color: #717071;
	font-size: 16px;
	line-height: 1.5em;
}
.article .banner {
	background-color: #9de0de;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	height: 120px;
	line-height: 120px;
	text-align: center
}
.article .breadcrumb {
	border-bottom: 1px solid;
	display: table;
	margin-bottom: 0;
	padding: 0 0 2px;
	width: 100%
}
.article .breadcrumb > li {
	float: left;
	margin-right: 10px;
	color: #3090a1
}
.article .breadcrumb > li > a {
	color: #3090a1;
	font-weight: bold
}
.article .breadcrumb > li.icon-home {
	background: url(../img/icon-home.png) no-repeat scroll left bottom rgba(0, 0, 0, 0);
	cursor: pointer;
	height: 17px;
	width: 14px
}
.article .breadcrumb > li.icon-home > a {
	height: 17px;
	text-indent: -9999px;
	width: 14px;
	display: inline-block
}
.article .breadcrumb > li.active > h2 {
	background-color: #717071;
	color: #fff;
	font-size: 14px;
	margin: 0;
	padding: 0 4px
}
.article .main-title {
	color: #717071;
	line-height: 1.25em
}
.article .content {
	color: #717071
}
.article .content a {
	color: #06345a;
	text-decoration: none;
	font-weight: bold
}
.article .content .col-md-9 a{
	color: #cc9933;
	text-decoration: underline #06345a;
}
.article .content .col-md-9 a:hover{
	color: #fff;
	background-color: #06345a;
}
.article .content a.pc_screen{
	display: inline-block;
	margin-right: 15px
}
.article .content a:hover {
	opacity: .7
}
.article .content [id*="part"]:hover {
	opacity: 1
}
.article .content h3 {
	// background-color: #80cec8;
	border-top: 2px solid rgba(6, 52, 90, 0.4);
	border-bottom: 2px dashed rgba(6, 52, 90, 0.4);
	font-size: 18px;
	padding: 6px;
	margin:40px 0;
}
.article .content .col-md-9 h3 a{
	color: #cc9933;
	text-decoration: none;
}
.article .content .col-md-9 h3 a:hover{
	color: #cc9933;
	background: none;
}
.article .content strong {
}
.article .step {
	background-color: #cc9933;
	border-radius: 4px;
	font-size: 16px;
	padding: 3px 6px
}
.article .lists {
	padding: 0
}
.article .lists > li {
	background-color: #cc9933;
	color: #fff;
	margin: 20px 0;
	padding: 2px 6px
}
.article .content .col-md-9 .lists > li > a {
	color: #fff;
	text-decoration: none;
}
.article .lists > li:hover {
	opacity: 0.9;
}
.article .content .col-md-9 .lists > li > a:hover{
	opacity: 0.9;
	background:none;
}
.article .count {
	margin: 20px auto;
	display: none
}
.article .count span {
	display: inline-block;
	background: url(../img/count-bg_48.png) no-repeat;
	width: 27px;
	height: 36px;
	font-weight: bold;
	font-size: 20px;
	margin: 0 3px;
	text-align: center
}
.article .related-articles {
}
.article .related-articles > h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 9px
}
.article .related-articles > ul {
	background-color: #f4f4f4;
	margin: 0;
	padding: 10px
}
.article .related-articles > ul > li {
	margin-bottom: 6px;
	background: url(../img/icon-li-bg.png) no-repeat 0 center;
	line-height: 27px;
	min-height: 27px;
	padding-left: 32px;
	vertical-align: middle
}
.article .related-articles > ul > li:hover {
	background: url(../img/icon-li-bg-hover.png) no-repeat 0 center
}
.article .content .col-md-9 .related-articles > ul > li > a {
	color: #717071;
	text-decoration: none
}
.article .content .col-md-9 .related-articles > ul > li > a:hover{
	color: #06345a;
	background: none;
}
.article .related-articles > ul > li:hover a {
	color: #06345a;
}
.article .ivy {
	color: #717071;
	padding-top: 20px
}
.article .ivy .author-name {
}
.article .ivy .author-name > a {
	color: #06345a;
	padding-left: 10px
}
.article .ivy .author-name > img {
}
.article .ivy .text {
}
.article .ivy .link {
}
.article .ivy .link > a:hover {
	opacity: .7
}
.article .topics {
	position: relative;
	margin-top: 20px
}
.article .topics .title {
	font-size: 18px;
	margin-bottom: 5px;
	background-color: #80cec8;
	color: #fff;
	text-align: center;
	padding: 6px 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-weight: bold;
}
.article .topics > ul {
	padding: 0;
	margin: 0;
	display: table;
	width: 100%;
}
.article .topics > ul > li {
	vertical-align: middle;
	border: 1px solid #80cec8;
	padding: 2px;
	height: 95px;
}
.article .topics > ul > li:hover a {
}
.article .topics > ul > li:hover a {
	color: #3090a0
}
.article .topics > ul > li > a, .article .topics .more > a {
	color: #717071;
	display: block;
}
.article .topics .more a:hover {
	color: #3090a0
}
.crumb>li+li:before{
	content: "" !important;
	padding: 0;
	color: initial;
}

.article .banner{
	padding: 100px 0;
	background-color: #06345a;
	text-align: center;
}
.article .banner p{
	font-size: 40px;
	color: #fff;
	margin-bottom: 0;
}
.article .breadcrumb{
	padding: 10px 0;
	background-color: #cc9933;
}
.article .breadcrumb ol{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
.article .breadcrumb img{
	vertical-align: top;
}
.article .breadcrumb li{
	font-size: 14px;
	margin-bottom: 0;
	display: inline-block;
	color: #fff;
}
.article .breadcrumb li h2,.article .breadcrumb li a{
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
	margin-top: 0;
	text-decoration: none;
}
.article .content{
	color: #06345a;
}
.article .content .intro{
    /*position: fixed;*/
    width: 205px;
}
.article .content .intro p{
	font-size: 20px;
	color: #06345a;
	margin-left: 20px;
	margin-bottom: 20px
}
.article .content .intro.intro_parts{
	padding: 20px 0;
}
.article .content .intro.intro_parts a{
	display: block;
	background-position: left 5px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	background-image: url(../img/index_albg.png);
}
.article .content .intro.intro_parts a span{
	display: inline-block;
	font-size: 14px;
	color: #06345a;
	line-height: 20px;
	margin-bottom: 0;
	padding-left: 20px;
	text-decoration: none;
	width: 80%
}
.article .content .intro.intro_parts a:hover span{
	color: #cc9933;
}
.article .content .intro.intro_parts a.active span{
	color: #cc9933;
}

.article .content .ultimateGuide_body{

}
.article .content .ultimateGuide_body p.sub_titles{
	color: #cc9933;
	font-size: 16px;
	padding: 5px 0;
	margin: 0;
	border-top: 1px solid rgba(6, 52, 90, 0.6);
	border-bottom: 1px dashed rgba(6, 52, 90, 0.6)
}
.article .content .ultimateGuide_body p.text{
	font-style: 16px;
	color: #06345a;
	line-height: 25px;
	margin-bottom: 0
}


.article .content .main-title{
	color: #06345a;
}
.article .content .time{
	padding-bottom: 20px;
	border-bottom: 1px dashed rgba(6, 52, 90, 0.4);
	margin-bottom: 20px;
}
.article .content .sum{
	margin-bottom: 20px;
	padding: 30px 0;
	padding-top: 0;
}
.article .content .sum p{
	color: #06345a;
	font-size: 16px;
	line-height: 20px;
}
.article .content .sum .navs_part{
	padding: 10px 0;
}
.article .content .sum .navs_part p{
	display: block;
	padding: 5px;
	background-color: #cc9933;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 0;
}
.article .content .sum .navs_part p span{
	display: none;
	background-image: url(../img/article_xb.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	margin-left: 5px;
}
.article .content .sum .navs_part a{
	display: block;
	padding: 5px;
	background-color: #cc9933;
	color: #fff;
	text-decoration: none;
}
.article .content .sum .navs_part li{
	display: none;
}
.article .content .abstract{
	margin-top: 50px;
	margin-bottom: 20px;
	border-top: 1px dashed #06345a;
	padding: 30px 0;
	color: #06345a;
	font-size: 16px;
	word-wrap : break-word;
	line-height: 35px;
}
.article .content .abstract .float_image{
	float: right;
	width: 271px;
	height: 208px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.article .content .nav_parts{
	padding: 10px 0;
}
.article .content .nav_parts li{
	display: block;
	background-color: #cc9933;
	margin: 20px 0;
	font-size: 16px;
	color: #fff;
	padding: 5px;
}
.article .content .nav_parts a{
	color: #fff;
	display: inline-block;
	text-decoration: none;
}
.article .content .nav_parts a:first-child{
	margin-top: 0;
}
.article .content .nav_parts a:last-child{
	margin-bottom: 0;
}
.article .content article{
	padding: 40px 0;
}
.article .content article p{
	margin-bottom: 0;
}
.article .content article .part{
	padding-bottom: 40px;
}
.article .content .col-md-9 article .part{
	padding: 0;
}
.article .content .col-md-9 article .part img{
	padding-bottom: 0;
}
.article .content .col-md-9 article .part .part_content .part_subCont{
	padding-top: 30px;
}
.article .content .col-md-9 article .part .part_content .part_subTitle{
	color: #cc9933;
	font-size: 16px;
}
.article .content .col-md-9 article .part .part_content .sessionTitle{
	color: #cc9933;
	font-size: 16px;
}
.article .content article .part .part_title{
	padding: 5px 0;
	border-top: 1px solid #06345a;
	border-bottom: 1px dashed #06345a;
}
.article .content article .part .part_title p{
	color: #cc9933;
	line-height: 20px;
	font-size: 16px;
}
.article .content article .part .part_content{
	padding: 30px 0;
}
.article .content article .part .part_content p{
	color: #06345a;
	font-size: 16px;
	line-height: 20px;
}
.article .content article img{
	display: inline-block;
	padding: 50px 0;
}

.article .content .topics .title{
	padding:5px 0;
	display: block;
	background-color: #cc9933;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-bottom: 0;
}
.article .content .topics ul{
	margin-bottom: 0;
}
.article .content .topics li{
	display: block;
	border: 1px solid #cc9933;
	border-top: none;
}
.article .content .topics li a{
	display: block;
	height: 100px;
	padding: 20px;
	width: 100%;
}
.article .content .topics li a img{
	display: inline-block;
	vertical-align: top;
	width: 83px;
	height: 64px;
	float: left;
}
.article .content .topics li a p{
	display: inline-block;
	vertical-align: top;
	float: right;
	width: 144px;
	margin-bottom: 0;
	font-size: 14px;
	color: #06345a;
	line-height: 20px;
}
.article .content .topics .more{
	padding:5px 0;
	display: block;
	background-color: #cc9933;
	text-align: center;
}
.article .content .topics .more a{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
.article .content .author_info .author-name a{
	text-decoration: none;
	vertical-align: bottom;
}
.article .content .author_info .text{
	color: #717071;
	font-size: 16px;
}
.article .content{
	color: #06345a;
}
.body .down_btn{
	margin:30px 0 20px 0;
}
.body .down_btn a{
	width: 146px;
	height: 50px;
	display: inline-block;
	vertical-align: top;
	line-height: 50px;
	background-color: #06345a;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #fff;
	font-size: 14px;
	padding-left: 50px;
}
.body .down_btn a:hover{
	background-color: #cc9933;
}
.body .down_btn a.win{
	background-image: url(../img/win_btn.png);
}
.body .down_btn a.mac{
	background-image: url(../img/mac_btn.png);
}

.gd-mobile{
	display: none;
}

@media(max-width:1366px){
	.article .content .row{
		text-align: center;
	}
	.article .content .col-md-9{
	    width: 60%;
	    float: none;
	    display: inline-block;
	    text-align: left;
	    vertical-align: top;
	}
	.article .content .col-md-3{
	    float: none;
	    display: inline-block;
	    vertical-align: top;
	    text-align: left;
	}
}
@media(max-width:1200px){
	.article .content .col-md-2{
		float: none;
		width: 90%;
		margin: auto;
	}
	.article .content .intro{
		position: static;
		width: 100%;
	}
	.article .content .col-md-7{
		float: none;
		width: 90%;
		margin:auto;
	}
	.article .content .col-md-3 {
		float: none;
	    position: static;
    	display: block;
	}
	.article .content .col-md-3 .topics{
		display: block;
		margin: auto;
		width: 90%;
		margin-bottom: 50px;
	}
	.article .content .col-md-3.author_info{
		display: none
	}
	.article .content .col-md-3 .ivy{
		display: none;
	}
	.article .content article img{
		max-width: 100%;
	}

	.article .content .col-md-9{
		float: none;
		position: static;
		display: block;
		width: 90%;
		margin: auto;
	}
}
@media(max-width:767px){
	.gd-mobile{
		display: block;
		margin-bottom: 20px;
	}
}
@media(max-width:414px){
	.article .banner{
		display: none
	}
	.article .content .main-title{
		font-size: 24px;
	}
	.mobile_screen {
		display: block !important;
		margin-bottom: 15px
	}
}
