@charset "utf-8";
/* article_style */
.article_title{padding:80px 0;}
.article_title h1{ text-align:center; font-size:36px; font-weight:700; line-height:1.2em;padding:0 10%;}
@media (max-width: 767px) {
	.article_title{padding:40px 0;}
	.article_title h1{ font-size:30px;}
}
@media (max-width: 479px) {
	.article_title h1{ font-size:26px;}
}

.gray_bg{ background:#f9f9f9 url(images/article_bg.png) repeat-x;padding-bottom:60px;}
.article_content{ background:#fff;box-shadow:0 0 8px #d2d2d2; position:relative;}
.article_content .content{padding:40px;}
.article_content .content a{color:#00cc99;}
.article_content .content h2{color:#333;font-size:24px; line-height:1.2em; font-weight:700;padding:0 0 30px 0;}
.article_content .content h3{color:#333; font-size:20px; line-height:1.2em; font-weight:600;margin:0; padding:0 0 30px 0;}
.article_content .content h4{color:#333; font-size:16px; line-height:1.2em; font-weight:600;margin:0; padding:0 0 30px 0;}
.article_content .content h4 strong{font-weight:600;}
.article_content .content ul,
.article_content .content .ul_dot {padding:0 0 30px 0;}
.article_content .content ul li,
.article_content .content .ul_dot li {list-style:disc;margin-left:20px;}
.article_content .content .list {padding:10px 20px; background:#f1f1f1; margin:0 0 30px 0;}
.article_content .content .list li {list-style:none; margin:0;}
.article_content .content .strong {font-weight:bold;}
.article_content .content .step{font-size:14px; display:block; float:left; background:#444; border-radius:5px; width:58px; text-align:center; height:25px; line-height:25px; color:#fff; margin:0 5px 3px 0;}
.article_content .content .line_dash {display:block; height:1px; margin:10px auto 40px auto; border-bottom:dotted 1px #3c3c3c;}
.article_content .content table {margin-bottom:30px;}
.article_content .content p{padding:0 0 30px 0;color:#666;}

.article_list{padding-bottom:40px;}
.article_list li{padding:3px 0;}

.table-style2{border-top:1px solid #84c754;border-left:1px solid #84c754;}
.table-style2 td,.table-style2 th{border-bottom:1px solid #84c754;border-right:1px solid #84c754;padding:10px; font-size:13px;}
.table-style2 th{color:#333; font-size:16px; background-color:#f2f2f2; font-weight:bold;padding:0;}
.table-style2 .star{width:100px;}
.new-hotpro{background:#84c754;margin-top:-30px; text-align:center;padding:20px 0;}
.new-hotpro h3 {padding:0 !important;}
.new-hotpro h3 a{ font-size:16px; font-weight:bold;color:#fff !important;}
.new-hotpro p {padding:0 !important;}
.new-free-btn{display:inline-block;background:#ffffff;font-size:14px; text-align:center;width:100px;height:34px;line-height:34px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#84c754 !important; border-radius:5px; font-weight:normal;}
.new-free-btn:hover{background:#f5ffed; text-decoration:none;}

.star{display:inline-block;*display:inline; zoom:1; margin:0 !important;padding:0 !important; *margin:0 0 3px 0 !important;} 
.star li{ display:inline-block; *display:inline;*padding:0 2px 0 0; height:15px;width:15px; background:url(images/star_img.png) no-repeat 0 -3px; zoom:1;list-style:none !important;margin:0 !important; padding:0 !important; border:0 !important;}
.star li.on{background-position:0 -31px}
.star li.half{background-position:0 -58px}

.article_probox{ background:#f7f7f7;padding:30px;margin-top:30px;margin-bottom:30px;}
.article_probox h3 {padding:0 0 10px 0 !important;}
.article_probox h3 a{ font-size:24px; line-height:1.2em; font-weight:700;}
.article_probox .txt{ font-size:18px; font-weight:700;padding-top:5px;color:#333 !important;}
.article_probox ul {padding:20px 0 0 0;}
.article_probox li{color:#666;}
.article_probox .btn{padding:20px 0 0 0;}
.article_probox .down_num {padding:20px 0 0 0; color:#666;}
.article_probox .down_num strong {font-size:18px; color:#333;}

.author {overflow:hidden;padding:15px;border-top:1px dashed #9d9d9d;margin:40px;}
.author .aiImg { float:left;}
.author .aiImg img{ border-radius:100px;}
.author .text {padding:5px 0 0 80px; font-weight:700;}
.google,.twitter,.facebook{display:inline-block; background:url(images/icon_share.png) no-repeat;width:31px;height:31px; }
.twitter{ background-position:0 -31px;}
.facebook{ background-position:0 -62px;}

.hot_tips{ background:#fff;box-shadow:0 0 8px #d2d2d2;margin-top:20px;}
.hot_tips .pad40{padding:40px;}
.hot_tips h2{font-size:24px; line-height:1.2em; font-weight:700;}
.hot_tips .item{float:left;width:23.5%;padding:0 1.5% 0 0;margin-top:30px;}
.hot_tips .item dt{margin-top:10px;}
.hot_tips .item dt a{ font-weight:700;}
@media (max-width: 979px) {
	.hot_tips .item{width:22%;padding:0 1.5%;}
}
@media (max-width: 767px) {
	.hot_tips .item{width:46%;padding:0 2%;}
}

.any_qua{overflow:hidden;padding:10px 0;border-top:1px dashed #9d9d9d;margin-top:30px; text-align:right;color:#666;}
.any_qua a{color:#00cc99; font-weight:700;}

.btm_text{margin-top:20px;}
.btm_text dt{ font-weight:700; font-size:16px;margin-bottom:5px;margin-top:15px;}
.btm_text dd{color:#666;}

.fsb_style {width:100%; height:100%; position:fixed; z-index:20; top:0; left:0;overflow-y:auto;}
.fix_side {position:absolute; z-index:20; top:0; left:50%; margin-left:-755px; width:200px; background:#fff;box-shadow:0 0 4px #d2d2d2;}
.fix_side .title {background:#eee; color:#333; margin:0; padding:15px 10px; font-size:16px; font-weight:700;line-height:1.2em;}
.fix_side a {color:#666 !important; text-decoration:none;}
.fix_side a:hover {text-decoration:underline; color:#10f6af !important;}
.fix_side dl {margin:0;}
.fix_side dl dt {line-height:1.2em; font-size:14px; font-weight:700; padding:15px 15px 15px 10px;cursor:pointer; position:relative; z-index:1; border-top:solid 1px #ededed;}
.fix_side dl dt:after {content:''; display:block; width:15px; height:15px; background:url(images/arrow2.png) no-repeat center -7px; position:absolute; top:15px; right:5px;}
.fix_side dl dt.curr:after {background-position:center -37px;}
.fix_side dl dd {margin:0; padding:5px 0; display:none;}
.fix_side dl dd ul {margin:0; padding:0 10px 0 25px;}
.fix_side dl dd ul li {margin:0; padding:5px 0; font-size:12px; line-height:1.2em;list-style:decimal; color:#666;}
.fix_side dl dd ul li {list-style:disc;}
.fix_side .list dt{border-bottom:1px dashed #8a8a8a;padding:10px; line-height:1.4em;margin:0 10px;}
@media (min-width:1500px) and (max-width: 1550px) {
	.fix_side {width:180px; margin-left:-735px;}
}
@media (min-width:1400px) and (max-width: 1500px) {
	.fix_side {width:150px; margin-left:-705px;}
}
@media (max-width: 1400px) {
	.fix_side_togg {width:100px; left:0; margin-left:0; border-radius:0 5px 5px 0; overflow:hidden;}
	.fix_side_togg2 {left:0; margin-left:0;border-radius:0 5px 5px 0; overflow:hidden;}
	.fix_side_togg .title {font-size:14px;}
	.fix_side_togg dl {display:none;}
}

.crumb{ background:url(images/icon_home.png) no-repeat;padding-left:33px; line-height:23px;margin-top:40px;color:#666;}
.crumb a{color:#00cc99;}

.howto_content{ background:#fff;box-shadow:0 0 8px #d2d2d2; position:relative;}
.howto_content .pad40{padding:40px;}
.howto_content h2{ font-size:24px; line-height:1.2em; font-weight:700;}
.howto_content .dd{color:#666;margin-top:20px;}

/*slidebg*/
.slidebox{position:relative; z-index:10;margin-top:40px;}
.slidebox .slides li{display:block;float:left;width:25%;height:240px;}
.slidebox .slides li div{ padding:0 10px 0 5px; }
.slidebox .slides li p{ font-size:16px; line-height:1.5em; padding-top:10px; }
.slidebox .slides li img{max-width:100%; max-height:120px;}
.slidebox .flex-control-paging{position:absolute;bottom:0px;left:50%;text-align:center;list-style:none;margin-left:-120px;} 
.slidebox .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;}
.slidebox .flex-control-paging li a{display:inline-block; background:#d4d4d4;width:14px;height:14px;cursor:pointer; overflow:hidden; text-indent:-99999px; border-radius:20px;}
.slidebox .flex-control-paging li a.flex-active{background:#0ff7be;}
.slidebox .flex-prev,.slidebox .flex-next{display:none;}
.slidebox .slides li h3{ font-size:16px; font-weight:bold;color:#333;padding:10px 0;}
@media (max-width: 979px) {
	.slidebox .slides li{width:30%;}
}
@media (max-width: 767px) {
	.slidebox .slides li{width:47%;}
	.slidebox .flex-control-paging{display:none;}
	
}
@media (max-width: 479px) {
	.slidebox .slides li{float:none;width:auto; padding:0;}
	
}

.pro_box{border-top:1px dashed #8a8a8a;padding:30px 0;margin-top:40px;}
.pro_box .icon{float:left;}
.pro_box .text{float:left;width:40%;padding-left:15px;}
.pro_box .text dd{ font-size:18px;}
.pro_box .text dt{ font-size:30px; line-height:1.2em; font-weight:700;margin-top:10px;}
.pro_box .btn{float:right;width:40%;margin-top:35px;}
@media (max-width: 767px) {
	.pro_box .icon{display:none;}
	.pro_box .text{float:none;width:auto;padding-left:0;}
	.pro_box .btn{float:none;width:auto; clear:both;padding-top:20px;margin-top:0;}
}

.list_item{border-bottom:1px dashed #8a8a8a;padding:40px 0;}
.list_item .pic{float:left;width:32%; box-shadow:0 0 4px #e4e4e4;}
.list_item .text{float:right;width:64%;}
.list_item .text h3{ font-size:24px; line-height:1.2em; font-weight:700;}
.list_item .text h3 a{color:#333;}
.list_item .text .dd{color:#666;margin-top:10px; font-size:16px;}
.list_item .text .name,.list_item .text .time{display:block;float:left; font-size:11px;color:#ccc;margin-right:8px; line-height:30px;}
.list_item .text .name a{color:#ccc;}
.list_item .text .note{display:block;float:left; font-size:11px;color:#ccc;line-height:30px;padding:0 5px; position:relative;width:130px; z-index:2;border:1px solid #fff;}
.list_item .text .note:hover,.list_item .text .note.curr{ background:#fafafa;border:1px solid #d9d9d9;color:#777; z-index:5;}
.list_item .text .note .menu{display:none;position:absolute;top:28px;left:-1px;color:#777;background:#fafafa;border:1px solid #d9d9d9;padding:5px 15px;width:110px; z-index:4;}
.list_item .text .note .menu li{padding:5px 0;line-height:1.4em;}
.list_item .text .note .note_click {display:inline-block; width:20px; height:30px; background:url(images/arrow.png) no-repeat 5px 0; position:absolute; z-index:3; right:0; top:0; cursor:pointer; opacity:0.3;}
.list_item .text .note:hover .note_click {opacity:1;}
.list_item .text .note .note_click_curr {background-position:5px -32px;}
.list_item .text .note a {color:#ccc; line-height:1.4em;}
.list_item .text .note:hover a {color:#666;}
@media (max-width: 979px) {
	.note{display:none;}
}
@media (max-width: 767px) {
	.list_item .text .note{display:none;}
}
@media (max-width: 479px) {
	.list_item .pic{display:none;}
	.list_item .text{float:none;width:auto;}
	.list_item .text .name,.list_item .text time{display:none;}
}

.lazyload{display:none;}
.showthis {display:block;position:relative;}