/* CSS Document */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px/1 "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}

/*support index**/
.support_banner{height:309px; background:url(../img/banner.jpg) no-repeat; background-size:cover; text-align:center; overflow:hidden;}
.spt_banner_cont>h1{margin:138px 0 0 0;}
.spt_search{width:512px; height:48px; overflow:hidden; margin:26px auto 10px auto;}
.spt_search_ipt{width:420px; height:48px; background-color:#fff; border-radius:5px 0 0 5px; border:none; float:left; padding:0 20px;}
.spt_search_btn{width:48px; height:48px; display:inline-block; background-color:#0eb581; border-radius:0 5px 5px 0; float:left;}
.spt_search_btn>img{padding-top:10px;}
.spt_hot_tag{width:440px; margin:0 auto; text-align: left;}
.spt_hot_tag>a{font-size:14px; color:#fff; line-height:24px;}
.spt_pro_fun>h2{margin:45px auto 24px auto; color:#000;}
.stp_pro_block{width:300px; float:left; margin:0 12px;}
.stp_pro_block>h4{ font-size:24px; margin:10px 0 5px 0; padding-left:10px; color:#000; font-weight:300;}
.stp_pro_block li{line-height:36px; border-bottom:1px solid #e1e1e1;}
.stp_pro_block li>a{font-size:14px; font-weight:400; color:#1899e0; padding-left:10px;}

.spt_contact_block{width:250px; border:1px solid #e0e0e0; border-radius:8px; margin:50px auto; padding:15px 30px;}
.spt_contact_block>h5{ font-size:20px; margin-top:15px; color:#000; font-weight:300;}
.spt_contact_block>p,.spt_contact_block>a{font-size:14px; line-height:22px;}
.spt_contact_block>p{ color:#666; margin:10px auto;}
.spt_contact_block2{ margin:50px 20px;}

.spt_help_faq_block{width:320px;}
.spt_contact_block>a,.spt_help_faq_block li a{color:#1899e0;}
.spt_help_faq{margin:60px auto;}
.spt_help_faq_block>h5{font-size:24px; line-height:1.6; color:#000; border-bottom:1px solid #e0e0e0; margin-bottom:15px; padding-left:5px; font-weight:300;}
.spt_help_faq_block li{color:#666; margin-right:10px;}
.spt_help_faq_block li a{font-size:14px; font-weight:400; line-height:30px;}
.spt_adv2{text-align: center; margin:10px 20px;}
.spt_tags>a{ font-style: italic; color:#000;}

/*support**/
.sptl_banner{width:100%; height:193px;}
.sptl_crumbs{margin:14px 0 30px 0;}
.sptl_crumbs a{color:#fff; opacity:0.3;}
.sptl_crumbs .sptl_crumbs_arrow:after{font-family:"iconfont"; content:"\e802"; color:#fff; vertical-align:middle; opacity:0.3;}
.sptl_search_ipt{width:260px; height:28px; border:none; border-radius:3px; background-color:#fff; background-color:rgba(255,255,255,0.2); padding:0 40px 0 20px; margin:10px 10px 0 0;}
.sptl_search>a{display:block; position:absolute; margin:-25px 0 0 290px;}
.sptl_search_block>span{ width:884px; display:block; font-size:14px; line-height:1.571; color:#fff; padding-top:15px; clear:both;}

.sptl_funs{height:132px; margin:50px 0 30px 0; border-bottom:1px solid #e0e0e0;}
.stpl_funs_cont>a{width:130px; float:left; text-align:center; margin:0 5px;}
.stpl_funs_cont>a:hover{text-decoration:none;}
.stpl_funs_cont>a p{font-size:14px; line-height:1.571; color:#000; margin:20px 0;}
.stpl_funs_cont .stpl_fun_sel p,.stpl_funs_cont a:hover p{color:#1899e0;}
.stpl_fun_sel{height:150px;}
.stpl_funs_cont .toleft, .stpl_funs_cont .toright{position:absolute;} 
.stpl_funs_cont .toleft{margin:30px 0 0 -100px;}
.stpl_funs_cont .toright{margin:30px 0 0 950px;}
.sptl_article{width:688px; margin-bottom:55px;}
.sptl_article li{background:16px center no-repeat; border-bottom:1px solid #e1e1e1; padding:20px 0 20px 65px;}
.sptl_article li a{font-size:16px; font-weight:400; line-height:1.2; color:#1899e0;}
.sptl_article li p{font-size:14px; font-weight:400; line-height:2; color:#666;}
.sptl_article .hot_article{background-color:#eef8f8; border:1px dashed #e0e0e0; margin-top:5px;}
.sptl_article .hot_article a{font-weight: bold; clear:both;}
.sptl_article .hot_article a:after{content:"Hot"; width:32px; height:16px; font:12px/14px "Open Sans"; color:#fff; text-align:center; background-color:#ef2a07; border-radius:14px; position:absolute; float:right; margin:2px 0 0 14px;}
.sptl_article .new_article a:after{content:"New"; width:32px; height:16px; font:12px/14px "Open Sans"; color:#fff; position:absolute; background-color:#ed982c; float:right; border-radius:14px; text-align:center; margin:2px 0 0 14px;}
.sptl_tips{width:267px;}
.sptl_tips>h2{ font-size:20px; color:#000; border-bottom:1px solid #e0e0e0; padding:30px 0 10px 0;}
.sptl_tips li{margin-top:20px; overflow:hidden;}
.sptl_tips li a{width:190px; line-height:20px; font-weight:400; color:#666;}
.sptl_tips li a:after{font-family:"iconfont"; content:"\e802"; font-size:14px; position:absolute; margin:1px 0 0 3px;}

/*support article style**/
.spt_article>h1{ font-size:48px; line-height:1.25; font-weight:400; color:#000; margin:30px auto;}
.spt_summary{ font-size:14px; line-height:1.375; font-weight:400; color:#666;}
.spt_article_cont{width:682px; margin-top:45px;}
.spt_article_cont p,.spt_article_cont p a{font-size:16px; line-height:1.625; font-weight:400; margin:20px auto;}
.spt_article_cont p{ color:#000;}
.spt_imgs{margin:0 20px;}
.spt_imgs>p{font-size:12px; color:#9a9a9a; margin:10px 0; text-align:center;}
.spt_article_cont h2{font-size:24px; line-height:1.083; font-weight:400; color:#000;}
.spt_dl>h2 a{ font-size:24px; font-weight:400; color:#30acf0;}
.spt_dl>a{ width:238px; height:44px; display:block; border-radius:5px; background-color:#30acf0; font-size:18px; line-height:44px; font-weight:400; color:#fff; text-align:center;}
.spt_dl>a:hover{ text-decoration:none; background-color:#50bdf9;}
.spt_tags span{ color:#e33d3d;}
.spt_right_cont{ width:267px; margin-top:45px;}
.author{ width:80px; padding:10px 0; margin-left:14px; font-weight:400;}
.author a{ display:block; font-weight:400; font-style:italic; color:#666; margin-top:5px;}
.spt_time{color:#666; margin-top:65px; font-weight:400; border-bottom:2px solid #feb97f; padding-bottom:14px; margin-bottom:30px;}
.spt_right_cont h2{font-size:20px; font-weight:400; color:#000; border-top:2px solid #feb97f; margin:30px 0 0 0; padding:30px 0;}
.spt_right_cont li{ color:#a9a9a9; margin-bottom:10px;}
.spt_right_cont li a{ line-height:1.667; font-weight:400;}
.spt_recommend{ clear:both; border-top:1px solid #e0e0e0; clear:both; margin:30px auto; padding:30px 0;}
.spt_recommend>h2{ font-size:24px; line-height:26px; color:#000;}
.spt_recommend a{ width:220px; float:left; margin:24px 24px 0 0;}
.spt_recommend a img{ display:block; margin:0 auto 10px auto;}
.spt_recommend a span{ font-size:14px; line-height:1.429; font-weight:400;}


/*support template2 style**/
.spt_author p{ width:220px; color:#999; margin:12px 0 0 10px;}
.spt_author time{ display:inline-block;}
.spt_info .spt_search{width:260px; height:40px; margin:0; position:relative;}
.spt_info .spt_search input{ width:215px; height:34px; border-radius:5px; border:1px solid #e6e6e6; padding:0 25px 0 10px;}
.spt_search_a{ position:absolute; right:10px; top:0; width:20px; height:43px;} 
.spt_cont>h1{ font-size:40px; line-height:1.4;}
.spt_cont .spt_summary{ font-size:16px; line-height:2; color:#808080; margin:30px 0;}
.spt_adv_module{ height:120px; display:block; padding:30px 30px 0 30px; background:no-repeat; margin-bottom:30px; overflow:hidden;}
.spt_adv_module h3{ font-size:24px;}
.spt_adv_module p{ font-size:16px; line-height:1.75; margin:15px 0;}
.spt_adv_module span{ /*display:block;*/ color:#08c;}
.spt_adv_module:hover{ text-decoration:none;}
.spt_detail{ width:680px;}
.spt_detail p,.spt_detail li, .spt_detail p a,.spt_detail li a,.spt_detail p b{ font-size:16px; line-height:1.75;}
.spt_detail p{ margin-top:30px;}
.spt_detail p b{ font-weight:bold;}
.spt_detail li{ margin-top:20px;}
.spt_detail h2{ font-size:30px; margin:40px 0; line-height:1.4;}
.spt_figure{text-align:center; margin-top:30px;}
.spt_figure>p{ font-size:12px; color:#4c4c4c; font-style: italic; margin-top:20px;}
.spt_dl_btn{ margin-top:25px;}
.spt_dl_btn a:hover{ text-decoration:none; background-color:#36c4fa;}
.spt_dl_btn a{ width:262px; height:58px; float:left; border-radius:5px; background-color:#1cb3ed; position:relative;}
.spt_dl_btn .vic_new{background-color:#fc8c00;}
.spt_dl_btn p{ width:192px; text-align:center; color:#fff; font-size:18px; line-height:1.2; margin-top:8px;}
.spt_dl_btn span{ display:block; margin-top:5px; font-size:12px; line-height:1.2;}
.spt_dl_btn a:after{ content:""; width:51px; height:43px; display:block; position:absolute; top:8px; right:15px;}
.spt_dl_mac{ margin-left:20px;}
.spt_tips,.note_tips{border-radius:5px; padding:20px; margin-top:50px; font-size:16px; line-height:1.75; font-style:italic; position:relative; border:1px solid #eee;}
.spt_tips:before,.note_tips:before{width:50px; height:26px; padding-left:36px; border-radius:5px 5px 0 0; position:absolute; top:-26px; left:20px; color:#fff;}
.note_tips li{font-style:italic; background:left 12px no-repeat; padding-left:10px;}
.spt_rec{background-color:#f7f7f7; padding:0 0 30px 20px; margin-top:40px; overflow:hidden;}
.spt_rec h3{ font-size:16px;}
.spt_rec li{background:left 12px no-repeat; padding-left:12px; margin-top:8px;}
.spt_rec li,.spt_rec li a{ font-size:14px;}
.spt_share{ margin-top:50px;}
.spt_share_btn a{ margin-left:15px; display:inline-block;}
.spt_share_module{ border-top:1px solid #f2f2f2; margin-top:10px; padding:10px 0 0 20px;}
.spt_share_module p{ width:590px; margin:0;}
.spt_share_module b{ display:block; font-size:16px; color:#08c;}
.spt_share_module span{ display:block; font-size:14px; color:#666; line-height:1.3; margin-top:8px;}
.spt_articles_tips h3{ font-size:24px; margin-top:45px;}
.spt_articles_tips a{ width:210px; float:left; font-size:14px; line-height:1.571; margin:30px 8px 0 8px;}
.spt_articles_tips a img{ display:block; margin-bottom:15px;}
.spt_detail .spt_tags>a{ color:#08c;}




.spt_adv_right{ width:250px; border:1px solid #eee; margin-top:30px;}
.spt_adv_right_an{ position: fixed; top:0; margin-left:725px; *+margin-left:46px;}
.spt_adv_right>img{ margin:10px 0 15px 0;}
.spt_adv_right h3 a{ font-size:24px; color:#08c;}
.spt_adv_right h3 a:hover{ color:#08c; text-decoration:underline;}
.spt_adv_right>p{ font-size:14px; line-height:1.571; margin:15px auto;}
.spt_adv_right .spt_adv_btn{ width:200px; height:52px; display:block; border-radius:5px; font-size:18px; line-height:52px; color:#fff; background-color:#1cb3ed; margin:0 auto;}
.spt_adv_right .vic_new{background-color:#fc8c00;}
.spt_adv_right .vic_new:before{ width:40px; content:"\e815"; font-family:"iconfont"; font-size:26px; vertical-align:middle; padding-right:10px;}
.spt_adv_btn:after{ width:40px; content:"\e801"; font-family:"iconfont"; font-size:26px; vertical-align:middle; padding-left:5px;}
.spt_adv_right .vic_new:after{content:"";}
.spt_adv_btn:hover{ background-color:#42c6f9; text-decoration:none;}
.spt_dl_btn .vic_new:hover,.spt_adv_right .vic_new:hover{background-color:#fb9f38;}
.spt_adv_right .spt_dl_num{color:#999; margin-top:10px;}
.spt_reviews{ border-top:1px solid #eee; margin:20px 0; position:relative;}
.spt_reviews:before,.spt_reviews:after{ content:'"'; font-size:36px; color:#e0e0e0; position: absolute;}
.spt_reviews:before{ left:15px; top:15px;}
.spt_reviews:after{ bottom:15px; right:15px;}
.spt_reviews_block{ width:220px; height:280px; margin:30px auto; position:relative;}
.spt_reviews_block p { width:100%; font-size:14px; line-height:1.571; margin-top:16px; text-align:left; position:absolute; top:0; z-index:-1; opacity:0; transform:scale(0.8); transition:all 1s ease-in-out;}
.spt_reviews_block .spt_reviews_sel{ z-index:1; opacity:1; transform:scale(1);}
.spt_reviews_block p img{ display:block; margin:0 auto 25px auto;}
.spt_reviews_block time{ display:inline-block; color:#323232;}
.spt_reviews_block p span{ display:block;/* color:#08c;*/ margin-top:15px;}
.spt_reviews_circle a{ width:5px; height:5px; border-radius:5px; display:inline-block; border:1px solid #b5b5b5; transition:all 0.5s ease-in-out;}
.spt_reviews_circle .spt_circle_sel{ background-color:#08c;}
.spt_crumbs{ margin:40px auto; padding-left:18px; border-radius:5px; border:1px solid #e5e5e5;}
.spt_crumbs a,.spt_crumbs span{ font-size:12px; color:#666; line-height:52px;}
.spt_crumbs a:after{ content:">"; color:#fd8000; margin:0 5px;}



.download_win64_support{ display:none;}
.download_win64_bg{ width:100%; height:100%; background:#000; position:fixed; z-index:99999999999; opacity:0.2;  filter:alpha(opacity=20); -moz-opacity:0.2;  -khtml-opacity: 0.2; top:0;}

.download_win64_cont{ width:510px; height:338px; position: fixed; top:50%; left:50%; margin:-169px 0 0 -256px; background:center no-repeat; z-index:99999999999;}
.download_win64_text{ width:495px; height:320px; margin:8px auto 0 auto; overflow:hidden;}
.download_win64_close{ margin:5px 0 0 478px; cursor:pointer;}
.download_win64_text h1{ font-size:24px; line-height:36px; color:#4c4c4c; text-align:center; margin:50px 0  0 0; padding:0 0 10px 0;}
.down_btn a{ display:block; width:360px; height:40px; margin:17px auto 0 auto; text-align:center; line-height:40px;}
.down64_btn a{ background:no-repeat; color:#fff;}
.down64_btn a:hover{ color:#fff; text-decoration:none; background-position:0 -41px;}
.down64_btn2 a{background:0 -82px no-repeat; color:#0ca7f9;}
.down64_btn2 a:hover{ color:#fff; text-decoration:none; background-position:0 0px;}
.td_color{ background-color:#d5f0fd; border-color:#a8e3fe;}
.merge_table{background-color:#ebf7fc;}
.merge_table tr,.merge_table td,.merge_table th{ border-color:#a9daf1;}

.cont_nav { background:#f4f9f0; padding:5px 0; margin:10px 0; *+zoom:1;}
.cont_nav:after{ content:""; display:block; clear:both;}
.cont_nav a{ width:460px; margin:0 15px; padding:0 0 0 15px; float:left; line-height:40px; color:#6fa549; font-size:14px; }
.cont_nav a img{ vertical-align:middle; margin:0 5px 0 0;}



.spt_test_btn{display:block; border-radius:54px; position:relative; font:300 18px/1 "Open Sans"; color:#fff !important; background-color:#33c451; margin:20px 0;}
.spt_test_btn span{ font-size:12px; display:block; margin-top:5px; text-align:center; margin-left:-30px;}
.spt_test_btn:before{ content:"\e801"; font-family:"iconfont"; font-size:30px; position: absolute; }
.spt_test_btn:hover{ text-decoration: none; background-color:#44df64;}
.spt_test_btn1:before{left:25px;}
.spt_test_btn1{width:243px; height:38px; padding:8px 0 8px 65px; }
.spt_test_btn2{ width:225px; height:54px; text-align:center; line-height:54px; padding-left:30px;}
.spt_test_btn2:before{left:10px;}
.spt_nav{ padding: 5px 0; margin: 10px 0; background-color: #f4f9f0;}
.spt_nav>a{ display:block; margin:0 15px; font-size:14px; color:#6fa549; line-height:40px;}
.spt_nav>a:before{ content:margin-right:10px;}

.imgstyle{ border:1px #ccc solid; border-radius:5px;}



.tom_btn a{width:262px; height:58px; border-radius:5px; display:block; position:relative; float:left; box-shadow:2px 2px 5px #bababa; text-decoration:none; margin-top:20px;}
.tom_btn1{background-color:#1bb4ef;}
.tom_btn2{background-color:#fc8d17; margin-left:18px;}
.spt_detail .tom_btn1 p, .spt_detail .tom_btn2 p{width:200px; text-align:center; font-size:18px; color:#fff; margin-top:13px; line-height:20px;}
.tom_btn1 p span, .tom_btn2 p span{font-size:12px; display:block; color:#feebde;}
.tom_btn1 p span{color:#ecf5fa;}
.tom_btn1 p span i, .tom_btn2 p span i{font-size:14px; font-weight:bolder; color:#fff;}
.tom_btn a:after{content:""; width:51px; height:43px; display:block; position:absolute; top:8px; right:15px;}
.tom_btn1:after{background:left center no-repeat;}
.tom_btn2:after{background:left center no-repeat;}
.tom_btn1:hover{background-color:#53c3f7;}
.tom_btn2:hover{background-color:#fba141;}


 