@charset "utf-8";
/* CSS Document */
/* top_menu */
@media (max-width: 1200px) {
	.container{width:1000px;}
}
@media (max-width: 1030px) {
	.container{width:auto; padding:0 15px;}
}
.top_menu{ background:#f8f8f8;padding-bottom:20px;}
.top_menu h2{float:left;color: #413e3f; font-size:36px; font-weight:300; padding:36px 0 20px 0; line-height:1em;}
.top_menu .nav{float:none;width:auto;}
.top_menu .nav ul {margin-left:0; list-style:none;}
.top_menu .nav li{float:left;width:16.5%;padding:10px;box-sizing: border-box;}
.top_menu .nav li a{display:inline-block;color: #413e3f;font-size: 16px;font-weight: 300;line-height: 1.5;}
.top_menu .nav li a:hover{text-decoration:underline;}
.top_menu .proBtn-togg{float:left;width:15px;margin-top:35px;margin-left:15px;}
.top_menu .proBtn-togg span{display:inline-block; background:url(https://images.wondershare.com/style/images/togbtn.png) no-repeat;width:38px;height:38px; text-indent:-9999px; cursor:pointer;}
.top_menu .proBtn-togg span.curr{ background-position:0 -38px;}
@media (max-width: 767px) {
	.top_menu .nav li{width:30%; text-align:left;}
}
@media (max-width: 479px) {
	.top_menu .nav{width:90%;}
	.top_menu .nav li{width:50%;}
}
/* cont */
.article_top_banner {background-size: cover;padding: 40px 0;border-bottom: solid 4px #00aee6;}
.article_top_banner .info {max-width: 670px;}
.article_top_banner .dd1{font-size: 20px;margin-bottom: 20px;}
.article_top_banner .title{font-size: 36px;margin-bottom: 30px;font-weight: bold;line-height: normal;padding:0;}
.article_top_banner .list {margin-bottom: 20px;}
.article_top_banner .list li{ list-style:disc;margin-left:20px;padding:5px 0;}
.article_top_banner .play {color: #00aee6;margin-top: 20px;display: inline-block;margin-left: 5px;}
.article_top_banner .play i{font-size: 24px;vertical-align: -3px;margin-left: 10px;}
.article_top_banner .play:hover{text-decoration: none;}
.article_top_banner .play:hover i {color: #00aee6;}
.article_title {padding: 30px 0;}
.article_content {padding-top: 0px;}
.video-pop {width: 640px;}
@media (max-width: 640px) {
	.video-pop {width: 100%;}
}


.resource_banner {padding: 40px 0;}
.resource_banner .btn-content {text-align: center;padding-top: 30px;}
.resource_titleName {text-align:center;max-width: 800px;margin: 0 auto;}
.resource_subtitle {font-size: 18px;text-align:center;max-width: 800px;margin: 0 auto;font-weight: 400;padding: 0;}
.resource_cont {padding:30px 0; position:relative; z-index:10;}
.resource_cont .container {max-width: 1000px;}
.resource_cont ul,
.resource_cont ol,
.resource_cont p {padding-bottom:20px;font-size: 16px;font-weight: 300;line-height: 1.63;color: #585858;}
.resource_cont a {color:#00aee6;}
.resource_cont p strong,
.resource_cont .strong {color:#333; font-weight:bold;}
.resource_cont ul li {list-style:disc; margin-left:15px;font-size: 16px;line-height: 1.63;color: #413e3f;}
.resource_cont ol li {list-style:decimal; margin-left:15px; padding:3px 0;}
.resource_cont ul li a, .resource_cont ol li a {font-weight: 500;}
.resource_cont ul li a:hover, .resource_cont ol li a:hover {text-decoration: underline;}
.resource_cont .list_a {color:#00aee6; font-weight:bold;}
.resource_cont .img {padding:0 0 20px 0;}
.resource_cont .specialArea{ background:#f3f3f3; padding:25px 4%;}
.resource_cont .specialArea .title{ font-size:19px;line-height:1.2em; margin-bottom:15px; padding:0;}
.resource_cont .specialArea li,
.resource_cont .specialArea li a{ color:#00aee6;}
h1,
h2,.title_h2,
h3,.title_h3,
h4,.title_h4 {line-height:1.2em; font-weight:bold; color:#26324b; padding:20px 0;}
h1,
.title_h1 {font-size: 36px;}
h2,
.title_h2 {font-size: 25px;}
h3,
.title_h3 {font-size:20px;}
h4,
.title_h4 {font-size:18px;}
.font_color {color:#0182c4;}

.box_pro {background:#f8f8f8; padding:20px; margin-bottom:20px;border-bottom: solid 4px #00aee6;}
.box_pro .picfl {float:left; width:33%;}
.box_pro .infofr {padding:0 0 0 40%;}
.box_pro .btn {padding:0 0 20px 0;}
.box_pro .titleName {padding:10px;}
.box_pro .titleName p {padding-bottom:0 0 10px 0;}
.box_pro .title {padding:0 0 10px 0;}
.box_pro .title a{line-height:1.2em; font-weight:400;font-size: 24px;color: #413e3f;text-decoration: none;}
@media (max-width: 767px) {
	.box_pro .picfl {float:none; width:auto; text-align:center;}
	.box_pro .infofr {padding:10px 0;}
}

.reMain {border-top:dashed 1px #f0f0f0; padding:20px 0 40px 0; margin-top:20px;}
.reMain .reSideColumn {font-size:24px;line-height:1.2em; font-weight:300; color:#413e3f; padding:20px 0 0 0;}
.reMain .reSideList {padding:0 0 40px 0;}
.reMain .reSideList li {overflow:hidden; padding:30px 0; border-bottom: solid 1px #dedede;}
.reMain .reSideList .pic {float:left; width:160px;}
.reMain .reSideList .info {padding:0 0 0 200px;}
.reMain .reSideList .title {font-size:18px; line-height:1.2em; padding-bottom:10px; font-weight:400; color:#413e3f;text-align: left;}
.reMain .reSideList .btn {padding:5px 0 0 0;}
.reMain .reSideList .btn a {color:#fa816e; font-weight:400;font-size: 16px;}
.reMain .btn_more { display:block;  border: solid 2px #00aee6;padding:18px 0; width:180px; text-align:center; margin:0 auto; cursor:pointer;font-size: 18px;font-weight: 600;color: #00aee6;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.reMain .btn_more:after{content: '\e902';font-size: 18px;vertical-align: -3px;margin-left: 10px;font-family: 'globalIconfont' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.reMain .btn_more:hover {background-color: #00aee6;color: #fff;}
.reMain .btn_more span {display:none; width:20px; height:20px; background:url(https://datarecovery.wondershare.com/style/images/more_jt.png) no-repeat -36px 4px; vertical-align:middle;}
.reMain .btn_more .sl {display:none;}
.reMain .btn_more.curr span {background-position: -15px 4px;}
.reMain .btn_more.curr .sm {display:none;}
.reMain .btn_more.curr .sl {display:inline-block;}

.articleInfo {padding:30px 0; border-top:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0;}
.articleInfo a {color:#1081e1;}
.articleInfo .img {float:left; padding:2px; background:#fff;}
.articleInfo .text{padding-left:65px;}
.articleInfo .txt {margin:0 0 0 70px; overflow:hidden;font-size: 16px;font-weight: 300;}
.articleInfo .txt p {padding:2px 0;}
.articleInfo .txt p abbr{text-decoration: none;}
.articleInfo_other {padding:20px 0; text-align:right;font-size: 16px;font-weight: 300;color: #585858;}
.articleInfo_other a {color:#f66a5b;}

.bottom_main {padding:40px 0;}
.bottomComment {padding:20px 0;}

.fsb_style {width:100%; height:100%; position:fixed; z-index:20; top:0; left:0;overflow-y:auto;}
.fix_side {position:absolute; z-index:90; top:70px; left:50%; margin-left:-820px; width:170px; background:#f8f8f8; color:#4a4a4a; border:solid 1px #eee;box-sizing: border-box;}
.fix_side .title {background:#26324b; color:#fff; margin:0; padding:12px 6px; font-size:14px; line-height:1.2em;text-align: left;}
.fix_side a {color:#666 !important; text-decoration:none;}
.fix_side a:hover {color:#00aee6 !important;}
.fix_side a:hover {text-decoration:underline; color:#00a7de;}
.fix_side dl {margin:0; padding:0;}
.fix_side dl dt {line-height:1.2em; font-size:14px; font-weight:bold; padding:10px 30px 10px 10px; border-top:solid 1px #eee; cursor:pointer; position:relative; z-index:1;}
.fix_side dl dt span {display:block; position:absolute; top:8px; right:10px; width:18px; height:18px; font-size:18px; line-height:16px; font-weight:bold; text-align:center; border:solid 1px #989b9c; color:#989b9c; border-radius:20px;padding-left: 1px;}
.fix_side dl dt.curr span {border:solid 1px #00aee6; color:#00aee6;}
.fix_side dl dd {margin:0; padding:10px 0; display:none;}
.fix_side dl dd ol,
.fix_side dl dd ul {margin:0; padding:0 10px 0 25px;}
.fix_side dl dd ol li,
.fix_side dl dd ul li {margin:0; padding:5px 0; font-size:13px; line-height:1.2em;list-style:decimal;}
.fix_side dl dd ul li {list-style:disc;}
@media (max-width: 1500px) {
	.fix_side_togg {left:0; margin-left:0;overflow:hidden;}
	.fix_side_togg2 {left:0; margin-left:0;overflow:hidden;}
	.fix_side_togg .title {font-size:14px;}
	.fix_side_togg dl {display:none;}
}

/* btn 请保持这个在底部，增加样式在此btn样式之上 */
a.btn_donwWin,
a.btn_donwMac{display:inline-block; background-color:#00aee6;border:2px solid #00aee6;color:#fff !important;height: 60px;line-height: 58px;min-width:180px; padding: 0 20px; text-decoration:none !important;box-sizing: border-box;text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;margin: 6px 16px;}
a.btn_donwWin strong,
a.btn_donwMac strong {font-size:18px; font-weight:500;}
a.btn_donwWin span,
a.btn_donwMac span {display: none;}
a.btn_donwWin:hover{text-decoration:none !important; background-color:#00A1D4;border:2px solid #00A1D4;color: #fff !important;}
a.btn_donwWin:after{content: '\e916';font-size: 26px;vertical-align: -4px;margin-left: 10px;font-family: 'globalIconfont' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a.btn_donwMac:after{content: "\e909";font-size: 26px;vertical-align: -4px;margin-left: 10px;font-family: 'globalIconfont' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

@media(max-width: 479px){
	.reMain .reSideList .pic{float: none;margin-bottom: 20px;text-align: center;width: 100%;}
	.reMain .reSideList .info{padding: 0 10px;}
	.articleInfo_other,.crumb{text-align: center;}
	.articleInfo_other a{display: block;}
}

.crumb {padding:12px 0; color: #666; overflow:hidden}
.crumb a{ color:#666}

/*header*/
.header.headerFixed .header-btn-content{display: none;}
.header.headerFixed .header-btn-content2{display: block;}


/*30-06-2017*/
.probox .btn_try{background-color: #fff;color: #00aee6;}
	.probox .btn_buy{border-color: #fff;color: #fff;}
	.probox .btn_buy:hover{background-color: #fff;color: #00aee6;}
	.probox{ background:#00aee6;color:#fff;padding:30px 40px;margin:0px 0; position:relative;border-bottom: solid 4px #00aee6;}
	.probox .arrow{ position:absolute;height:22px;top:-22px;left:20px;}
	.probox h3{ font-size:28px; font-weight:500; line-height:1.2em; padding:0 !important;}
	.probox .txt{ font-size:20px;margin-top:10px; padding:0 !important;}
	.probox ul{margin-top:20px;}
	.probox li{ list-style:disc;margin-left:15px;}
	.probox .sys{margin:20px 0; line-height:32px; font-size:16px;}
	.probox .sys .win_icon,
	.probox .sys .mac_icon,
	.probox .sys .app_icon,
	.probox .sys .and_icon{display:inline-block; background:url(images/sys_icon3.png) no-repeat;width:32px;height:32px; text-indent:-9999px;margin:0 10px;}
	.probox .sys .mac_icon{ background-position:0 -78px;}
	.probox .sys .app_icon{ background-position:0 -150px;}
	.probox .sys .and_icon{ background-position:0 -230px;}
	.probox .sys .win_icon:hover,
	.probox .sys .win_icon.curr{background-position:-32px 0;}
	.probox .sys .mac_icon:hover,
	.probox .sys .mac_icon.curr{background-position:-32px -78px;}
	.probox .sys .app_icon:hover,
	.probox .sys .app_icon.curr{background-position:-32px -150px;}
	.probox .sys .and_icon:hover,
	.probox .sys .and_icon.curr{background-position:-32px -230px;}
	.probox .buy30day {color:#fff;}
	.probox .buy30day a {color:#fff;}
	.probox.newstyle1{margin-bottom: 0;}
    .probox.newstyle1[style]{background-size: 360px auto;background-repeat: no-repeat;background-position: 95% center;}
	.probox.newstyle1 .txt{margin-top: 30px;}
	.probox.newstyle1 ul{margin-top: 10px}
    .probox.newstyle1[style] ul{margin-top: 10px;padding-right:360px;}
	.probox.newstyle1 .sys .btn_try{margin-right: 20px;}
	.probox.newstyle1 .buy30day{padding-top: 0px;font-size: 16px;line-height: 1.5;background-image: url('https://datarecovery.wondershare.com/images2017/safe.png');background-image: url('https://datarecovery.wondershare.com/images2017/safe.svg') no-repeat;background-position: left center;padding-left: 40px;background-repeat: no-repeat;}
	.probox.newstyle1 .buy30day span{display: inline;font-weight: bold;float: none;padding: 0;}
	.probox.newstyle1 h3{background-image: url('https://recoverit.wondershare.com/images/logo_icon.png');background-position: left center;padding-left: 50px !important;background-repeat: no-repeat;background-size: auto 33px;}
	.probox.newstyle2{background-color: #f6f6f6;margin-bottom: 0;color: #413e3f;}
    .probox.newstyle2[style]{background-size: 360px auto;background-repeat: no-repeat;background-position: 95% center;}
	.probox.newstyle2 .txt{margin-top: 30px;color: #666;}
	.probox.newstyle2 ul{margin-top: 10px;color: #666;}
    .probox.newstyle2[style] ul{margin-top: 10px;padding-right:360px;}
	.probox.newstyle2 .sys .btn_try{margin-right: 20px;background-color: #00aee6;color: #fff !important;}
	.probox.newstyle2 .sys .btn_try:hover{background-color: #00A1D4;}
	.probox.newstyle2 .sys .btn_buy{border-color: #00aee6;background-color: #00aee6;color: #fff !important;}
	.probox.newstyle2 .sys .btn_buy:hover{background-color: #00A1D4;}
	.probox.newstyle2 .buy30day{padding-top: 0px;font-size: 16px;line-height: 1.5;background-image: url('https://datarecovery.wondershare.com/images2017/safe_blue.png');background-image: url('https://datarecovery.wondershare.com/images2017/safe_blue.svg') no-repeat;background-position: left center;padding-left: 40px;background-repeat: no-repeat;color: #666;}
	.probox.newstyle2 .buy30day span{display: inline;font-weight: bold;float: none;padding: 0;}
	.probox.newstyle2 h3{background-image: url('https://recoverit.wondershare.com/images/logo_icon.png');background-position: left top;padding-left: 50px !important;background-repeat: no-repeat;background-size: auto 33px;margin-bottom: 20px;}
	.probox.newstyle3{margin-bottom: 0;margin-bottom: 0;background-repeat: no-repeat;background-position: 0 25%;}
	.probox.newstyle3 .txt{margin-top: 30px;padding-left: 166px !important;color:#fff;}
	.probox.newstyle3 ul{margin-top: 10px;padding-left: 166px;}
    .probox.newstyle3 ul li{color:#fff;}
	.probox.newstyle3 .sys{padding-left: 166px;}
	.probox.newstyle3 .sys .btn_try{margin-right: 20px;}
	.probox.newstyle3 .buy30day{padding-top: 0px;font-size: 16px;line-height: 1.5;background-image: url('https://datarecovery.wondershare.com/images2017/safe.png');background-image: url('https://datarecovery.wondershare.com/images2017/safe.svg') no-repeat;background-position: 166px center;padding-left: 40px;background-repeat: no-repeat;padding-left: 206px;}
	.probox.newstyle3 .buy30day span{display: inline;font-weight: bold;float: none;padding: 0;}
	.probox.newstyle3 h3{background-image: url('https://recoverit.wondershare.com/images/logo_icon.png');background-position: left center;padding-left: 50px !important;background-repeat: no-repeat;background-size: auto 33px;}

	.probox.newstyle4{background-color: #f6f6f6;margin-bottom: 0;margin-bottom: 0;background-repeat: no-repeat;background-position: 0 25%;}
	.probox.newstyle4 .txt{margin-top: 30px;color: #666;padding-left: 166px !important;}
	.probox.newstyle4 ul{margin-top: 10px;color: #666;padding-left: 166px;}
	.probox.newstyle4 .sys{padding-left: 166px;}
	.probox.newstyle4 .sys .btn_try{margin-right: 20px;background-color: #00aee6;color: #fff !important;}
	.probox.newstyle4 .sys .btn_try:hover{background-color: #00A1D4;}
	.probox.newstyle4 .sys .btn_buy{border-color: #00aee6;color: #00aee6 !important;}
	.probox.newstyle4 .sys .btn_buy:hover{border-color: #00aee6;color: #fff !important;background-color: #00aee6;}
	.probox.newstyle4 .buy30day{padding-top: 0px;font-size: 16px;line-height: 1.5;background-image: url('https://datarecovery.wondershare.com/images2017/safe_blue.png');background-image: url('https://datarecovery.wondershare.com/images2017/safe_blue.svg') no-repeat;background-position: 166px center;padding-left: 40px;background-repeat: no-repeat;color: #666;padding-left: 206px;}
	.probox.newstyle4 .buy30day span{display: inline;font-weight: bold;float: none;padding: 0;}
	.probox.newstyle4 h3{background-image: url('https://recoverit.wondershare.com/images/logo_icon.png');background-position: left center;padding-left: 50px !important;background-repeat: no-repeat;background-size: auto 33px;}
	.probox.newstyle4 h3 a{color: #00aee6 !important;}

	.newitem{background-color: #f6f6f6;color: #00aee6;}
	.newitem.newitem-white{background-color: #fff;color: #666;}
	.newitem:after{content: '';clear: both;display: block;}
	.newitem .item{width: 33.333%;float: left;box-sizing: border-box;padding: 20px 24px;text-align: center;font-size: 16px;border: solid 1px #e6e6e6;border-left: 0;}
	.newitem .item:first-child{border-left: solid 1px #e6e6e6;}
	.newitem .item .pic{height: 60px;}
	.newitem .item .dd1{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
	.newitem .item .dd2{font-size: 14px;min-height:120px;}
	.probox.newstyle1 h3 a,.probox.newstyle2 h3 a,.probox.newstyle3 h3 a,.probox.newstyle4 h3 a{color:#fff;text-decoration: underline;}

    .probox .pic1{position: absolute;top: 25%;left: 0;}
	.probox .pic2{position: absolute;top: 25%;right: 30px;max-width: 360px;}
	.probox .ul-limit{padding-right: 360px;}
	@media(max-width: 767px){
		.probox.newstyle3 .txt,.probox.newstyle4 .txt{padding-left: 0 !important;}
		.probox.newstyle3 ul,.probox.newstyle4 ul,.probox.newstyle3 .sys,.probox.newstyle4 .sys{padding-left: 0;}
		.probox.newstyle3 .buy30day,.probox.newstyle4 .buy30day{padding-left: 40px;background-position: left center;}
		.newitem .item{width: 100%;}
		.probox.newstyle1 h3,.probox.newstyle2 h3,.probox.newstyle3 h3,.probox.newstyle4 h3{text-align: center;padding: 40px 0 0 0 !important;background-position: center top;}
		.probox.newstyle1 h3 a,.probox.newstyle2 h3 a,.probox.newstyle3 h3 a.probox.newstyle4 h3 a{text-decoration: none;}
        .probox .ul-limit{padding-right: 0 !important;}
        .probox .pic1,.probox .pic2{display:none}
        .probox.newstyle3,.probox.newstyle4,.probox.newstyle1,.probox.newstyle2{background-image:none !important;}
        .probox.newstyle1[style] ul, .probox.newstyle2[style] ul{padding-right:0;}
	}
	@media(max-width: 479px){
		.probox.newstyle1 .sys .btn_try,.probox.newstyle2 .sys .btn_try,.probox.newstyle3 .sys .btn_try,.probox.newstyle4 .sys .btn_try{margin-bottom: 20px;}
	}

/*20-07-2017*/
.header .nav > ul > li.art-hidden{display:none !important;}
/*21-07-2017*/
.resource_cont .table1 td{padding: 10px 20px;border-right: solid 1px #f2f2f2;border-bottom: solid 1px #f2f2f2;font-size: 14px;text-align: center;color: #585858;}
  .resource_cont .table1 td.td-1{border-left: solid 1px #f2f2f2;text-align: left;font-weight: bold;}
  .resource_cont .table1 .tr-1 td{border-top: solid 1px #f2f2f2;color: #fff;font-weight: 600;background-color: #00aee6;font-size: 16px;border-right: solid 1px #34a8e6;}
/**/
/*.probox .sys .if_btnWin{display:block !important;}*/


.set-step{text-align: left;line-height: normal;margin-top: 40px;background-color: #f0f0f0;border:none;padding: 20px;}
			.set-step h2{color: #00aee6;}
			.set-step .dd{font-size: 16px;font-weight: 300;line-height: 1.63;color: #585858;margin-bottom: 15px;padding: 0;}
			.set-step .items{margin: 0 -20px;}
			.set-step .items .item{width: 33.333%;float: left;box-sizing: border-box;padding: 20px;text-align: left;}
			.set-step .items .item .pic{box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.25);}
			.set-step .items .item .info{padding-top: 40px;line-height: 1.61;}
			.set-step .items .item .info strong{display: inline-block;background-color: #00aee6;border-radius: 4px;color: #fff;padding: 2px 8px;margin-bottom: 0;margin-right: 10px;}
			@media(max-width: 1200px){
				.set-step .items{margin: 0;}
			}
			@media(max-width: 479px){
				.set-step{text-align: center;}
				.set-step .items .item{width: 100%;}
			}


.btn_try{height: 60px;line-height: 58px;min-width: 180px;padding: 0 20px;text-align: center;margin-right: 10px;margin-bottom: 10px; background-color: #00aee6;color: #fff;display: inline-block;font-size: 20px;font-weight: 600;box-sizing: border-box;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.btn_try .icon{margin-left: 10px;font-size: 24px;vertical-align: -4px;}
.btn_buy .icon{margin-left: 10px;font-size: 24px;vertical-align: -4px;}
.btn_try:hover{text-decoration: none;background-color: #00A1D4;}
.btn_buy{height: 60px;min-width: 180px;line-height: 54px;padding: 0 20px;text-align: center;margin-bottom: 10px;background-color: inherit;color: #00aee6;font-size: 20px;font-weight: 600;display: inline-block;box-sizing: border-box;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;border:solid 2px #00aee6;}
.btn_buy:hover{background-color: #00A1D4;text-decoration: none;color: #fff;}

.step {
	display: inline-block;color: #fff;
    background-color: #00aee6;font-size: 14px;
    vertical-align: 2px;
    border-radius: 25px;
    min-height: 25px;
    line-height: 25px;
    padding: 0;font-weight: 300;
    min-width: 60px;text-align: center;margin-right:10px;
}


.fix_sideAnchor {position:absolute; z-index:12; top:200px; right:50%; margin-right:-700px; width:238px; color:#4a4a4a; border-bottom:0;}
.fix_sideAnchor_ml {margin-left:-820px;}
.fix_sideAnchor .title {font-size: 22px; line-height: 1.2em; padding: 10px 20px; margin: 0 0 10px 0; background-color: #00aee6; color: #fff; border-radius: 100px; text-align: center; position: relative;}
.fix_sideAnchor .title:before,
.fix_sideAnchor .title:after {display: block; content: ''; width: 2px; height:10px; background-color: #8d8d8d; position: absolute; bottom:-10px;}
.fix_sideAnchor .title:before {left: 15%}
.fix_sideAnchor .title:after {right: 15%;}
.fix_sideAnchor .cont {border:1px solid #8b8b8b; background-color: #fff; padding: 15px; border-radius: 5px;}
.fix_sideAnchor dl dt {font-size: 16px; line-height: 1.2em; font-weight: bold; padding: 10px 0; border-bottom:dashed 1px #e4e4e4; cursor: pointer;}
.fix_sideAnchor dl dt.curr {color: #00aee6;border-bottom:0; background-color: #e1e1e1; margin:0 -30px; padding: 10px 30px; position: relative;}
.fix_sideAnchor dl dt.curr:before,
.fix_sideAnchor dl dt.curr:after {display: block;content: ''; width: 0; height: 0; position: absolute; bottom:-15px;border-bottom:solid 15px transparent;}
.fix_sideAnchor dl dt.curr:before {border-right:solid 15px #8b8b8b; left: 0;}
.fix_sideAnchor dl dt.curr:after {border-left:solid 15px #8b8b8b; right: 0;}
.fix_sideAnchor dl dd {display: none; font-size: 14px; line-height: 1.2em;border-bottom:dashed 1px #e4e4e4; margin: 0; padding:10px 0;}
.fix_sideAnchor dl dd ol {margin: 0;padding: 0;}
.fix_sideAnchor dl dd ol li {list-style: none;margin: 0;padding:3px 0;}
@media (max-width: 1640px) {
	.fix_sideAnchor_ml {width:200px; margin-left: -780px;}
	.fix_sideAnchor .title {font-size: 18px; padding: 10px;}
}
@media (max-width: 1440px) {
	.fix_sideAnchor_ml {width:140px; margin-left: -700px;}
}
@media (max-width: 1360px) {
	.fix_sideAnchor {margin-left:-660px;}
	.fix_sideAnchor_ml {display: none;}
}
@media (max-width: 1300px) {
	.fix_sideAnchor {display: none;}
}
.fix_sideAnchor_bg .recommended {
	background-color: #f8f8f8;text-align: center;margin-top: 20px;padding: 15px 0;
}
.fix_sideAnchor_bg .recommended .dd1 {
	font-size: 18px;font-weight: bold;margin: 10px 0;
}
.fix_sideAnchor_bg .recommended .btn_donwWin, .fix_sideAnchor_bg .recommended .btn_donwMac {
	padding: 10px;height: auto;min-height: 0;line-height: normal;min-width: 0;
}
.fix_sideAnchor_bg .recommended .btn_donwWin:after, .fix_sideAnchor_bg .recommended .btn_donwMac:after {
	font-size: 18px;
}

.tips-content {
	background-color: #f8f8f8;display: -webkit-flex;display: flex;align-items: center;padding: 20px;margin-bottom: 20px;border: dashed 1px #00aee6;
}
.tips-content .pic {
	width: 120px;padding-right: 30px;
}


.content-box1 {
	display: -webkit-flex;display: flex;align-items: center;margin-bottom: 30px;
}
.content-box1 .btn_donwWin, .content-box1 .btn_donwMac {
	min-width: 0;min-height: 0;line-height: normal;height: auto;padding: 10px 20px;font-size: 16px;margin: 5px;
}
.content-box1 .info{
	width: 60%;
}
.content-box1 .pic {
	padding-left: 20px;width: 40%;
}
.content-box1 .dd1 {
	font-size: 20px;font-weight: bold;color: #26324b;padding-bottom: 5px;
}
.content-box2 {
	border: solid 1px #e1e1e1;display: -webkit-flex;display: flex;padding: 20px 0;margin-bottom: 20px;
}
.content-box2 .item {
	width: 50%;padding: 0 20px;
}
.content-box2 .item + .item {
	border-left: solid 1px #e1e1e1;
}
.content-box2 .dd1 {
	font-size: 18px;font-weight: bold;padding: 0 0 0 18px;
}
.content-box2 ol {
	padding: 0;
}
.content-box2 ol li {
	font-size: 14px;font-weight: normal;
}

.icon-num {
	width: 22px;height: 22px;border: solid 1px #00aee6;color: #00aee6;display: inline-block;border-radius: 100px;font-size: 16px;font-weight: 300;text-align: center;line-height: 22px;font-style: normal;margin-right: 10px;
}

.resource-hr {
	border: 0;border-top: solid 2px #00aee6;margin: 25px 0;
}

.bg-gray {
	background-color: #f8f8f8;margin-bottom: 20px;padding: 20px;
}
.bg-gray-bdl {
	background-color: #f8f8f8;border-left: solid 4px #00aee6;margin-bottom: 20px;padding: 20px;
}

.playGet_panel {position: relative; margin:20px 0; background-color: #fff; border: solid 3px #00aee6; border-radius: 10px; box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px rgba(0,0,0,.3);}
.playGet_panel *:not(.page_info) .pic {position: relative; border-radius: 7px 7px 0 0; overflow: hidden; text-align: center;}
.playGet_panel *:not(.page_info) .pic img {width: 100%;}
.playGet_panel *:not(.page_info) .cont {padding:30px;}
.playGet_panel *:not(.page_info) .pic.fl {float: left; width: 43%; border-radius: 7px 0 0 7px;}
.playGet_panel *:not(.page_info) .cont.fr {margin-left: 43%; float: none !important;}
.playGet_panel *:not(.page_info) .pic .share {position: absolute; z-index: 3; width: 100%; box-sizing: border-box; text-align: right}
.playGet_panel .pic_info {padding: 20px; box-sizing: border-box; width: 100%; height:100%; color: #fff; text-align: left;}
.playGet_panel .pic_info_position {position: absolute; z-index: 2; top: 0; left: 0;}
.playGet_panel .pic_info .d-table {display: table; width: 100%; height:100%;}
.playGet_panel .pic_info .d-cell {display: table-cell; vertical-align: middle;}
.playGet_panel .pic_info .title {font-size: 24px; line-height: 1.2em; margin-bottom: 20px;color: #fff}
.playGet_panel .pic_info p {color: #fff;}
.playGet_panel .share {padding: 15px 10px; font-size: 14px; line-height: 1.2em;}
.playGet_panel .share a {display: inline-block; text-decoration: none; margin: 0 10px;}
.playGet_panel .pic .share {color: #fff; border-bottom: solid 2px #fff; border-bottom: solid 2px rgba(255,255,255,.5);}
.playGet_panel .pic .share a {color: #fff;}
.playGet_panel .btnBox {padding-top: 10px;}
.playGet_panel .btn_group {overflow: hidden;}
.playGet_panel .btn_group:after {display: block; content: '';clear: both;}
.playGet_panel .btn_group .btnBox {display: inline-block; float: left; width: 50%; padding-top: 0; margin-bottom: 0;}
.playGet_panel .bottom {background: #f5f5f5;border-top: solid 1.5px #e0e0e0; padding: 30px;}
.playGet_panel .price big {display: inline-block;font-size: 72px; line-height: 1; font-weight: bold; color: #00aee6; }
.playGet_panel .price sup {font-size: 24px;}
.playGet_panel .price small {display: inline-block; text-align: left; font-size: 16px; line-height: 1.2em; font-weight: bold;}
.playGet_panel .price small span {display: block; font-weight: normal;}
.playGet_panel .price big + small {margin-left: 10px;}
.playGet_panel .selectQuiz .q_title {font-size: 24px;}
.playGet_panel .selectQuiz .q_title small {display:block;font-size: 16px; color: #00aee6; font-family:'ProximaNova-Regular', sans-serif,Arial,Helvetica;}
.playGet_panel .selectQuiz label {display: block; box-sizing: border-box; padding:10px 15px; line-height: 1.2em; border-radius: 3px; background-color: #f5f5f5; cursor: pointer;font-size: 16px;}
.playGet_panel .selectQuiz label:not(.item) {margin: 10px 0;}
.playGet_panel .selectQuiz label input[type='text'] {display: block; width: 100%; padding:10px 15px; margin:-10px -15px; border:0; border-bottom:solid 2px #979797; background:#fff;}
.playGet_panel .selectQuiz label.curr input[type='text'] {border-bottom:solid 2px #00aee678;}
.playGet_panel .selectQuiz label:hover {background-color: #00aee678;}
.playGet_panel .selectQuiz label.curr {background-color: #00aee678;}
.playGet_panel .selectQuiz .title {margin-bottom: 10px; color:#00aee6;}
.playGet_panel .selectQuiz .title.border_bottom {padding-bottom: 10px;}
.playGet_panel .selectQuiz .btnBox {margin-bottom: 0;}
.playGet_panel .activity_topic {position: relative;}
.playGet_panel .activity_topic .topic {max-height:550px; overflow-y: auto;}
.playGet_panel .activity_topic .topic.active:after {display: block;content: ''; position: absolute; z-index: 2; width: 100%; height: 20%; left: 0; bottom: 0;background-size:auto 100%;
	background: -moz-linear-gradient(top, #fff 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, #fff 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, #fff 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, #fff 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, #fff 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='rgba(255,255,255,0)',GradientType=0 );}
.playGet_panel .chart {padding:0 20px;}
.playGet_panel .chart .progress {margin: 20px 0;}
.playGet_panel .cont .chart {padding: 0;}
.playGet_panel .page_info {margin-bottom: 0;}
.playGet_panel .pic_fl {border-radius: 7px 0 0 7px; overflow: hidden; position: relative;}
.playGet_panel .pic_fl .pic_info {color: #413e3f; text-align: left;}
.playGet_panel .pic_fl .pic_info .title {color: #00aee6; margin-bottom: 10px;}
.playGet_panel .pop_tips {position: absolute; z-index: 10; text-align: center; width: 80%; margin: 0 10%; top:-2000%; opacity: 0; left: 0; background-color: #fff; box-sizing: border-box; padding:15px; border: solid 1px #979797; border-radius: 5px; box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px rgba(0,0,0,.3); -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.playGet_panel .pop_tips .btn_close {position:absolute; z-index: 5; font-weight:normal; display:block; font-size:18px; line-height:20px; width:20px; height:20px; text-align:center; top:5px; right:5px; cursor:pointer;}
.playGet_panel .pop_tips .btn_close:after {display: inline-block;font-family: 'globalIconfont'; content:'\e117';}
.playGet_panel .pop_tips.active {top: 30%; opacity: 1;}
.playGet_panel .pop_tips.error {border: solid 1px #FA745F; color: #FA745F;}
.playGet_panel .chart-slides {position: relative; padding: 0 10px;}
.playGet_panel .chart-slides .slides li {display: none; padding: 0 !important; margin: 0 !important; list-style: none !important;}
.playGet_panel .chart-slides .slides li:first-child {display: block;}
.playGet_panel .chart-slides .slides,
.flex-direction-nav {margin:0 !important;padding: 0;}
.flex-direction-nav li {margin: 0 !important; padding: 0 !important; list-style: none !important;}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {display:inline-block; position:absolute; z-index:2; width:30px; height:30px; overflow:hidden; top:50%; margin:-15px 0 0 0; font-size:30px; line-height:1; color:#00aee6;}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {text-decoration:none;color:#00aee6;}
.flex-direction-nav .flex-prev {left:0;}
.flex-direction-nav .flex-next {right:0;}
.flex-direction-nav .flex-prev:before {font-family: 'globalIconfont';content:'\e92d';}
.flex-direction-nav .flex-next:before {font-family: 'globalIconfont';content:'\e92e';}
.flex-direction-nav .flex-prev.flex-disabled,
.flex-direction-nav .flex-next.flex-disabled {display:none;}
@media(min-width: 800px){
	.playGet_panel .tips_title {position: absolute; z-index: 2; top: 10%; right:-121px; display: block; width: 118px; height: 96px; background: url(images/tips_bg.png) no-repeat 0 0; font-size: 16px; line-height: 1.2em; font-weight:bold; color: #fff;}
}
@media(min-width: 767px){
	.playGet_panel .tips_title span {display: block; padding:18px 20px 0 10px;}
	.playGet_panel .chart-slides {margin: 0 10px;}
	.playGet_panel .btnBox .btn_long {width:50%; text-align: center;}
	.playGet_panel .page_info.info_md .pic_fl {width: 55%;}
}
@media(max-width: 800px){
	.playGet_panel .tips_title {background-color: #00aee6; font-size: 16px; line-height: 1.2em; color: #fff; text-align: center; padding: 10px 10px 20px; border-radius: 7px 7px 0 0;}
}
@media(max-width: 767px){
	.playGet_panel *:not(.page_info) .pic.fl {float: none;width: auto; max-height:400px; border-radius: 7px 7px 0 0;}
	.playGet_panel *:not(.page_info) .pic:not(.fl) img {width:300%; max-width: inherit; margin: 0 -100%;}
	.playGet_panel *:not(.page_info) .cont {padding:15px;}
	.playGet_panel *:not(.page_info) .cont.fr {margin: 0;}
	.playGet_panel .selectQuiz label.item {margin-top: 20px;}
	.playGet_panel .btnBox .btn_long {display: block; text-align: center;}
}
.progress {position: relative; width: 100%; height: 40px; margin:10px 0; background-color: #f5f5f5;border-radius: 3px; overflow: hidden;}
.progress .progress-bar {width:0; height: 100%; background-color:#d8d8d8; border-radius: 3px; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.progress .progress-bar strong {display: inline-block; line-height: 30px; padding: 5px 10px; font-weight: normal; position: absolute; z-index: 3; top: 0; left: : 0;}
.progress .progress-bar span {display: inline-block;line-height:30px; padding: 5px; position: absolute; z-index: 3; top: 0; right: 10px;}
.progress.active {background-color: #00aee678;}
.progress.active .progress-bar {background-color: #00aee63d;}

.circleStyle {width: 240px;height: 240px; margin: 0 auto; position: relative;border-radius: 50%;background:#e1d9ec;}
.circleStyle .clip_left,
.circleStyle .clip_right{width:100%;height:100%;position: absolute;top: 0px;left: 0px; -webkit-transition: transform 0.3s;-moz-transition: transform 0.3s;transition: transform 0.3s;}
.circleStyle .circle_left,
.circleStyle .circle_right{width:100%;height:100%;position: absolute;border-radius: 50%;top: 0px;left: 0px;background: #00aee6; -webkit-transition: transform 0.3s;-moz-transition: transform 0.3s;transition: transform 0.3s;}
.circleStyle .circle_left,
.circleStyle .clip_left{clip:rect(0,120px,auto,auto); transform:rotate(180deg);}
.circleStyle .circle_right,
.circleStyle .clip_right {clip:rect(0,auto,auto,120px); transform:rotate(0deg);}
.circleStyle .circle_mask {width:82%;height: 82%;border-radius: 50%;left:9%;top:9%;background: #FFF;position: absolute; font-size: 20px; text-align: center;}
.circleStyle .circle_mask big {display: block; font-size: 64px; line-height: 1; font-weight: bold; color: #00aee6;}

.accordionBox {margin:30px 0;}
.accordionBox .accordionItem {position: relative;}
.accordionBox .accordionTitle {margin: -20px; padding:20px; cursor: pointer; font-size: 16px;}
.accordionBox .accordionTitle i {color: #00aee6; font-size: 24px; line-height: 1; position: absolute; top:20px; right:20px;}
.accordionBox .accordionCont {display: none; padding-top: 20px;}
.accordionBox .accordionItem.show {padding-bottom:60px;}
.accordionBox .show .accordionCont {display: block;}
.accordionBox .show .accordionTitle {font-size: 20px; margin: 0; padding: 0;}
.accordionBox .show .accordionTitle i {top: auto; right:0; bottom: 0; text-align: center; width: 100%; margin:0; padding:15px 0; border-bottom: solid 2px #e0e0e0; transform:rotate(180deg); cursor: pointer;}
.accordionBox_shadow .accordionItem {box-shadow: 0 0 20px #ccc; box-shadow: 0 0 20px rgba(0,0,0,.3); background-color: #fff; padding: 20px; margin-bottom:30px;}

.page_info {text-align:center; margin-bottom: 20px;}
.page_info .title {margin:0 0 20px 0;}
.page_info .subtitle {margin:0 0 20px 0;}
.page_info .title + .subtitle {margin-top:-10px;}
.page_info .cont {padding:20px 0;}
.page_info .cont_lg {padding:40px 0;}
.page_info .pic {text-align:center; padding:20px 0;}
.page_info .info {padding:20px 10%; font-size:16px; line-height:1.4em;}
.page_info .info_full {padding:20px 0;}
.page_info .pic_fl {float:left; width:43%; text-align:center;}
.page_info .pic_fr {float:right; width:43%; text-align:center;}
.page_info .pic_fl.pic_lg {margin-left:-5%;}
.page_info .pic_fr.pic_lg {margin-right:-5%;}
.page_info.info_xs .pic_fl,
.page_info.info_xs .pic_fr {width:18%;}
.page_info.info_sm .pic_fl,
.page_info.info_sm .pic_fr {width:38%;}
.page_info.info_md .pic_fl,
.page_info.info_md .pic_fr {width:58%;}
.page_info.info_lg .pic_fl,
.page_info.info_lg .pic_fr {width:68%;}
.page_info .info_fl {margin:0 45% 0 0; text-align:left;}
.page_info .info_fr {margin:0 0 0 45%; text-align:left;}
.page_info .info_fl *:last-child,
.page_info .info_fr *:last-child {margin-bottom: 0;}
.page_info.info_xs .info_fl {margin:0 20% 0 0;}
.page_info.info_xs .info_fr {margin:0 0 0 20%;}
.page_info.info_sm .info_fl {margin:0 40% 0 0;}
.page_info.info_sm .info_fr {margin:0 0 0 40%;}
.page_info.info_md .info_fl {margin:0 60% 0 0;}
.page_info.info_md .info_fr {margin:0 0 0 60%;}
.page_info.info_lg .info_fl {margin:0 70% 0 0;}
.page_info.info_lg .info_fr {margin:0 0 0 70%;}
.page_info .info_fl .title,
.page_info .info_fr .title {text-align:left;}
.page_info .icon {padding-bottom:20px;}
@media(max-width: 979px){
	.page_info.info_lg .pic_fl,
	.page_info.info_lg .pic_fr {float: none;width: auto;}
	.page_info.info_lg .info_fl,
	.page_info.info_lg .info_fr {margin: 0; padding-top: 20px;}
}
@media(max-width: 767px){
	.page_info .info {padding:20px 0;}
	.page_info .pic_fl,
	.page_info .pic_fr {float:none !important; width:auto !important;}
	.page_info .info_fl,
	.page_info .info_fr {margin:0 !important; padding-top: 20px;}
}
.d-table {display: table !important; width: 100%; height: 100%;}
.d-cell {display: table-cell !important; vertical-align: middle;}
.p0 {padding:0 !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.px0 {padding-left: 0 !important;padding-right: 0 !important;}
.py0 {padding-top: 0 !important;padding-bottom: 0 !important;}
.py20 {padding-top: 20px !important;padding-bottom: 20px !important;}
.pt0 {padding-top: 0px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pr20 {padding-right: 20px !important;}
.pb0 {padding-bottom: 0px !important;}
.mb0 {margin-bottom: 0px !important;}

/* 2018-12-5 new style */
.new-pic-box{ background-color:#f6f6f6;border-bottom: solid 4px #00aee6;padding:30px 20px;margin-top:30px;}
.new-pic-box .col-3{float:left;width:25%; text-align:center;}
.new-pic-box .pic{ position:relative; opacity:0.8;}
.new-pic-box .pic:hover{ opacity:1;}
.new-pic-box .pic i{display:inline-block; position:absolute;color:#fff; font-size:36px;top:50%;left:50%;margin:-18px 0 0 -18px;}
.new-pic-box h4{margin-top:15px;padding:0;}
.new-pic-box .btn{margin-top:15px;}
.new-pic-box .btn .btn-down{display:inline-block;padding:10px 15px;color:#fff; font-size:14px; font-weight:bold;background-color: #00aee6;}