/*css*/
@import "grid.css";
@import "alimaofade.css";
@import "swiper.css";
@font-face {  
  font-family: "OpenSans";  
  src: url(/skin/default/fonts/Open-Sans.ttf) format("TrueType");
  font-display: swap;
}
html,body,.verdana,input {
  font-family: "OpenSans", "Arial",sans-serif !important;
  font-display:swap;
}
.gsc-control-cse, .gsc-control-cse .gsc-table-result{
  font-family: "OpenSans", "Arial",sans-serif !important;
  font-display:swap;
  font-size:16px;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title *{
	font-size:18px !important;
	line-height:26px !important;
	vertical-align:initial;
}
.gsc-webResult .gsc-url-top{font-size:16px !important;line-height:26px !important;}
.gsc-table-result *,.styleable-title *{font-size:16px !important;line-height:26px !important;}
img{width:auto !important;height:auto !important;}
span{vertical-align:initial;}
/* Header */
header{width:100%;z-index:2000;position:relative; background:#fff;-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);min-height: 88px;display: flex;align-items: center;}
header>div{height: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;}
.stuck_container{position:fixed; left:0; top:0; right:0; margin:0 auto; z-index:30000;animation: fadeInDown 1s;-moz-animation: fadeInDown 1s;webkit-animation: fadeInDown 1s;-o-animation: fadeInDown 1s}
.stuck_container h1,.stuck_container #logo,.stuck_container nav{margin:8px 0}
#topad{margin:0 auto; width:100%; position:relative;display: none;}
#topad .close,.message .close{width:31px; height:31px; position:absolute; top:10px; right:30px; background:url(../images/close.png) no-repeat; display:inline-block;transition: 0.9s;-webkit-transition: 0.9s;-moz-transition: 0.9s}
#topad .close:hover,.message .close:hover{cursor:pointer;-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg)}
header h1,#logo{position:relative;z-index:9;float:left;margin-top:20px; margin-bottom:10px; width:160px;display:inline-block}
header h1 a.logo,#logo a.logo{display:block}
/* Menu */
nav{position: relative;
    float: right;
    margin-top: 8px;
    display: inline-block;}
.sf-menu > li {float:left;text-align:center; margin:0 15px}
.sf-menu > li.searchbar{margin-left:100px}
.sf-menu a {padding:15px 10px;display:block;font-weight:600;}
.sf-menu > li a:hover,.sf-menu .current > a,.sf-menu .current > span a{color:#1898f1}
.sf-menu > li > ul{opacity:0;visibility:hidden;background:rgba(0,0,0,0.8);position:absolute;top:69px;left:0; padding:30px 20px 20px;z-index:1; text-align:left; width:100%;transition:all 0.2s ease-in-out 0.2s;-webkit-transition:all 0.2s ease-in-out 0.2s;-moz-transition:all 0.2s ease-in-out 0.2s;-ms-transition:all 0.2s ease-in-out 0.2s;-o-transition:all 0.2s ease-in-out 0.2s;display: flex;-webkit-display:flex;}
.stuck_container .sf-menu > li > ul{top:58px}
.sf-menu li:hover ul {opacity:1;visibility:visible;margin:0}
.sf-menu ul > li{float:left; margin:0; width:260px}
.sf-menu li ul li:first-child{border-right:1px solid #b5b5b5; width:250px; margin-right:40px}
.sf-menu li ul ul li:first-child{border:0; width: inherit; margin:0}
.sf-menu ul li span a{color:#fe8c01; padding:0 10px 20px; font-size:18px}
.sf-menu ul li span a:hover{color:#fff}
.sf-menu ul ul a{color:#fff; font-size:16px; display:inline-block; padding:5px 10px; font-weight:normal}
.sf-menu ul ul a:hover{color:#fe8c01}
.searchbar{position:relative; padding-top:15px}
#search_icon{width:18px; height:18px; cursor:pointer; margin-right:10px; background-image: url(/skin/default/images/index-sprite.png);background-position: 0px -20px;display:inline-block}
#cse-search-results{position:absolute; display:none; width:220px; top:62px; right:0;overflow:hidden;border:none;border-radius: 2px;box-shadow:0 1px 3px 1px #ddd inset;background:#fff}
#cse-search-results input{background:#fff; margin:5px;border-radius: 2px; border:none;font-family:"OpenSans", "Arial",sans-serif; padding:3px 0 0 10px; color:#999; outline:none; position:relative;float: left;width:140px; display:inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#cse-search-results .search-btn{width:18px;height: 18px; display: inline-block; padding:0; float: right; margin-top:5px; margin-right:10px; background: url('/skin/default/images/index-sprite.png') no-repeat 0 -38px}
#cse-search-results .search-btn:hover{background-position:0 0; cursor:pointer}
/*public*/
a.rotate img{transition: 0.9s;-webkit-transition: 0.9s;-moz-transition: 0.9s}
a.rotate:hover img{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.ico_a_black:before,.ico_w_black:before,.ico_m_black:before,.ico_a_white:before,.ico_win_white:before,.ico_Windows_white:before,.ico_mac_white:before,.ico_Mac_white:before{content:""; width:20px; height:32px; vertical-align: middle; margin-right:10px; display:inline-block; background:url(../images/icon_01.png) no-repeat -8px -56px}
.ico_a_white:before{background-position:-52px -56px}
.ico_mac_white:before{background-position:-52px -10px}
.ico_win_white:before{background-position:-52px -105px}
.ico_Mac_white:before{background-position:-52px -10px}
.ico_Windows_white:before{background-position:-52px -105px}
.ico_a_black:before{background-position:-8px -56px}
.ico_w_black:before{background-position:-8px -105px}
.ico_m_black:before{background-position:-8px -10px}
.shadow-bar{box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2)}
.text-bar{padding:20px 15px}
.button{margin-left:-10px}
.button a{display:inline-block; width:114px; font-size:16px; text-align:center; background:#b6b5b5; color:#fff; border-radius:3px; margin-left:10px;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s}
.button a:hover{background:#fe8c01}
.button .ico_mac_white:before{background-position:-130px -7px}
.button .ico_win_white:before{background-position:-130px -103px}
.button .ico_Mac_white:before{background-position:-130px -7px}
.button .ico_Windows_white:before{background-position:-130px -103px}
/*pic_show*/
.pic_show{position:relative; overflow:hidden;}
.pic_show a{position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0); z-index:1;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s; display:block}
.pic_show a:hover{background:rgba(0,0,0,0.5)}
.pic_show a i{position:absolute;margin:auto;width:68px;height:67px; opacity:0; display:inline-block; left:0; right:0; top:-300px; bottom:0;transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;}
.pic_show a:hover i{top:0; opacity:1}
.pic_show span img{transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;width: 100% !important;}
.topic-android-root .news-list .pic_show span img{width:86px !important;height:auto !important;}
.shadow-bar >.pic_show >span{display:flex !important;align-items:center;justify-content:center;}
.pic_show:hover span img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transition: scale(1.2)}
/*banner*/
.banner{position:relative;background:#33a6dc}
.banner .swiper-slide{margin: 0 auto;height:600px; overflow:hidden}
.page_banner{text-align:center;}
.slider_bg{background:url(../images/banner_large.jpg) no-repeat center}
.slider_bg_1{background:url(../images/banner1_large.jpg) no-repeat center}
.slider_bg_2{background:url(../images/banner2_large.jpg) no-repeat center}
.slider_bg_3{background:url(../images/banner3_large.jpg) no-repeat center}
.banner .banner-bar,.banner .banner3-bar{margin:0 auto; width:100%;position:absolute; bottom:0; z-index:1}
.shadow{text-shadow: 2px 3px 5px rgba(0,0,0,0.3)}
.banner1-button a{padding:10px 40px; border:1px solid #fff; border-radius:3px; color:#fff;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s}
.banner1-button a.b_down{background:#fd9d27; border:1px solid #fd9d27; padding:10px 30px 10px 50px; margin-right:5px;position: relative;}
.banner1-button a.b_down::before{
  content: '';
  background-image:url(../images/index-sprite.png);
  background-repeat:no-repeat; 
  position: absolute;
  width: 20px;
  height: 20px;
  left: 20px;
  top: 12px;
}
.banner1-button a:hover,.banner1-button a.b_down:hover{background-color:#1552a0;border:1px solid #1552a0}
.banner .banner-bar .banner_text .f24,.banner .banner3-bar .banner_text .f24,.banner .banner-bar .banner3_text .f24{line-height:32px;}
.banner .banner-bar .banner_text .f32,.banner .banner3-bar .banner_text .f32,.banner .banner-bar .banner3_text .f32{line-height:54px;padding:10px 0;}
.banner .banner-bar .banner_text .f14,.banner .banner3-bar .banner_text .f14,.banner .banner-bar .banner3_text .f14{line-height:24px;}
.banner .grid_7,.banner .grid_6{position:relative}
.banner .grid_7 .banner_text,.banner .grid_6 .banner_text{position: absolute;left:80px; top:36px; z-index:2}
.banner .grid_5{position:relative; display:inline-block}
.banner_text h2{line-height:32px}
.banner1_text{position: absolute; left:0; top:30px; margin-left:-220px; text-align:right; z-index:2}
.banner1_text .banner1-button a{padding:10px 35px}
.banner1_text .banner1-button a.curr{background:#fe8c01; border:1px solid #fe8c01}
.banner .banner3-bar{bottom:80px}
.slider_bg_3 .grid_5{min-height:460px}
.banner3_img1,.banner3_img2{position:absolute; left:0; top:0; z-index:1}
.banner3_text{position: absolute; left:0; top:80px; margin-left:-60px;z-index:2}
.banner3_text .banner1-button a{padding:10px 25px; display:inline-block}
/*first*/
.first{margin-top:60px}
.first .container{padding-bottom:20px;overflow:hidden}
.sort-tab{text-align:center; padding-bottom:7px; overflow:hidden}
.sort-tab li{float:left; width:50%; background:#eaeaea; font-size:16px; cursor:pointer; display:inline-block;line-height:26px; }
.sort-tab li.curr{background:#fe8c01; color:#fff;position:relative}
.sort-tab li.curr:after{width:14px; height:7px; display:block; position:absolute; content:""; left:50%; margin-left:-7px;
  background-image: url(/skin/default/images/index-sprite.png);
  background-position: -21px -38px;}
.sort-tab li span.ico_a_white:before{background-position:-8px -56px}
.sort-tab li.curr span.ico_a_white:before{background-position:-52px -56px}
.sort-tab li.curr span.ico_m_black:before{background-position:-52px -10px}
.sort-tab span{line-height:44px; display:inline-block}
.text-bar h4{font-size:20px; color:#000;line-height:30px;}
.text-bar p{font-size:16px; color:#666; min-height:60px; margin-top:5px; line-height:26px}
.pro_list > .row{ position:relative; left:0; top:0; z-index:1;}
.pro_list .grid_6{margin-top:20px; padding:2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.pro_list .pic_show{ max-height:220px}
/*second*/
.second{margin-top:40px}
.superiority{background-color:#5c5f63; background-image:url(../images/superiority_bg.jpg); padding-bottom:80px; color:#fff}
.superiority h3{text-align:center; font-size:40px; padding-top:80px}
.superiority .grid_6{margin-top:50px}
.superiority-box{padding:0 80px}
.superiority .superiority-icon{float:left;display:inline-block; padding:20px; border:1px solid #fff; border-radius:10px;transition: 0.7s;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;}
.superiority-box h5{font-size:18px;line-height:26px;}
.superiority .superiority-icon:hover{background:#fe8c01; border:1px solid #fe8c01}
.superiority .text{margin-left:20px; width:300px;display:inline-block}
.superiority p{padding-top:10px;color:#fff;line-height:26px;}
/*third*/
.third{margin-top:80px}
.third h3{text-align:center; font-size:40px;line-height:44px;}
.news-list{margin-top:50px;padding:0 3px 50px; position:relative;overflow:hidden}
.news-list .swiper-wrapper{ margin-left:-28px}
.news-list .swiper-slide{width:calc(25% - 25px); margin-left:28px}
.newsbar .text-bar{padding:10px; overflow:hidden}
.newsbar .swiper-slide p{min-height:60px; margin-top:10px; font-size:16px; line-height:26px;}
.newsbar .swiper-slide time{padding-left:20px;display:block;color:#fe8c01;float:right; font-size:14px;position: relative;}
.newsbar .swiper-slide time::before{
  content: '';
  background-image: url(/skin/default/images/index-sprite.png);
  display: inline-block;
  background-position: -55px -170px;
  width: 16px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 4px;
}
.newsbar .swiper-slide:hover time::before{
  background-position: -55px -196px;
}
.newsbar .swiper-slide .gray{transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;}
.newsbar .swiper-slide:hover .gray{background:#fe8c01; color:#fff}
.newsbar .swiper-slide:hover p,.newsbar .swiper-slide:hover h4 a{color:#fff}
.newsbar .swiper-slide:hover time{background-position:0 -22px;color:#fff}
/* Footer */
footer{ margin:0 auto; color:#fff;background-color:#414141; background-image:url(../images/footer_bg.png); background-repeat:repeat; padding-top:40px;clear:both;}
footer .grid_3{float:right}
footer .row{
    display: flex;
    flex-direction: initial;
    justify-content: space-between;
}
.f_list {margin-top:20px}
.f_list li{padding-top:5px}
.f_list li a{color:#949494}
.f_list li a:hover{ color:#fff}
#subscribe{position:relative; width:100%;}
#subscribe input{background:#fff; width:100%; border:none; height:26px; padding:5px 0 0 10px;font-family:"OpenSans", "Arial",sans-serif; font-size:16px;color:#666; outline:none; display:block;box-shadow:0 1px 3px 1px #ddd inset;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;line-height:26px;}
#subscribe a{position:absolute; top:0; right:0; width:48px; height:26px; line-height:26px; background:#fe8c01; text-align:center; color:#fff;}
#subscribe .empty{display:none; color:#fe8c01}
#subscribe .proper,#subscribe .presence{clear:both;display: none; margin-top:5px; color:#a9e26a}
#subscribe i{display:none}
.subscribe >h6{font-size:18px;margin:30px 0 15px 0;}
.copyright{margin-top:60px;padding:10px 0; text-align:center; font-size:14px; color:#949494;background:#414141;display:block}
.copyright a{color:#949494;margin:0 15px}
/*message*/
.message {display: none;position:fixed;width:100%; height:100%; overflow:hidden; margin:0 auto; left:0; right:0; bottom:0; z-index:50001; background:rgba(0,0,0,0.8)}
.message .grid_9{float:none;margin:0 auto;position: relative; z-index:1; max-height:660px; top:100px; background:#fff;overflow-y:auto}
.message h2{padding:15px 0;background:#1898f1; font-size:36px; color:#fff; text-align:center}
.message h2 span{margin-left:20px; font-size:18px}
.message p{ margin-top:20px;padding:0 20px; font-size:16px;line-height:26px;}
.message .grid_6{float:none; margin:0 auto; padding-bottom:30px; margin-top:20px}
.message label{margin-bottom:10px}
.message input{width:100%;text-indent:2em;color:#999; margin-top:15px;height:34px; border:1px solid #bbb; background:url(../images/message_icon.png) no-repeat 5px 10px; display:block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.message .upload input {
    text-indent: 0em;
    width: 40%;
    float: left;
}
.filetype-tag {
    color: #aaaaaa;
    float: left;
    margin-top: 15px;
    line-height: 34px;
    margin-left: 10px;
}
.filetype-tag:hover {
    color: #aaaaaa;
}
.message textarea{width:100%;text-indent:2em;color:#999; font-size:13px !important;height:158px;border:1px solid #bbb; font-family:"OpenSans", "Arial",sans-serif; display:block; overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.message input#email{ background-position: 5px -32px}
.message input#mycall{ background-position: 5px -72px}
.message select{width:100%;height:34px; margin:15px 0;border:1px solid #bbb;color:#999;font-size:16px;padding-left:8px;line-height:26px;}
.message .fblv2group{margin-top: 0px;margin-bottom: 15px;}
.message textarea#saytext{background:url(../images/message_icon.png) no-repeat 5px -120px}
.message .empty,.empty1{display:none; color:red}
.message .submit{text-align:center}
.message .submit a{ padding:6px 30px; color:#fff; border-radius:3px; text-align:center; font-size:16px; display:inline-block;background:#fe8c01;margin-top: 15px;}
.message .close{top:15px; right:20px}
/*To top*/
#side-button{position:fixed;right:0; z-index:1999;top:50%;}
.message_write,#toTop{position:relative;right:-78px; width:120px; height:42px; line-height:42px; background:rgba(0,0,0,0.8);color:#fff; font-size:16px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;}
.message_write img{width:22px}
.message_write span{display:inline-block; margin-left:10px}
.message_write:hover{right:0; cursor:pointer; opacity:1; background:#fe8c01}
#toTop{display:none; position:absolute;width:42px;text-align:center; margin-top:2px;overflow:hidden;right:0}
#toTop img{width:32px;}
#toTop:hover{background:#fe8c01;cursor:pointer}
#toTop:active, #toTop:focus {outline:none}
/***************Page*****************/
.location{text-align:left; color:#777; padding:8px 0 5px 0;width:100%;}
.location a{margin-right:5px;color:#777}
.location a:hover{color:#ff0000}
.banner1-button span{vertical-align:inherit}
.hover_line {width: 100%;height: 100%;background: transparent;left: 0%;top:0%;cursor: pointer;position: absolute;opacity: 1;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;-ms-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;transition: all .8s ease-in-out}
.hover_line::before,.hover_line::after {position: absolute;top: 30px;right: 30px; z-index:1;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;transition: opacity 0.8s, transform 0.8s;}
.hover_line::before {border-top: 1px solid;border-bottom: 1px solid;-webkit-transform: scale(0,1);transform: scale(0,1);opacity: 0}
.hover_line::after {border-right: 1px solid;border-left: 1px solid;-webkit-transform: scale(1,0);transform: scale(1,0);opacity: 0}
.pic_show:hover .hover_line::before,.pic_show:hover .hover_line::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
.pic_show a{text-align:center; color:#fff}
/*store*/
.store .row{ margin-top:40px}
.store .grid_6{margin-bottom:30px}
.store .pic_show h3{font-size:32px; position:relative; left:0; top:45%;}
.store .pic_show >span >img{min-height:228px;}
.store .banner1-button a{display:inline-block;background:#1898f1; border:0; font-size:16px; border-radius:3px; margin-right:8px; padding:0 20px;line-height:48px;}
.store .banner1-button a:last-child{background:#fe8c01}
.store .banner1-button a:hover,.store .banner1-button a:last-child:hover{background:#414141}
.store .banner1-button{display: flex;}
.store .banner1-button a.store_win,.store .banner1-button a.store_Windows{
    background:#1898f1;
    order:1;
}
.store .banner1-button a.store_mac,.store .banner1-button a.store_Mac{
    background:#fe8c01;
    order: 2;
}
.selling-point .grid_3{background:#1898f1; padding:20px 0 0; text-align:center}
.selling-point p{font-size:16px; line-height:16px; height:30px; color:#fff; margin-top:10px}
.selling-point p span{color:#fcdb00; vertical-align:inherit}
.goods-show {margin-top:50px}
.goods-show .grid_4{border:1px solid #ddd; padding:30px 0; text-align:center}
.goods-show .parameter h1{font-size:30px; line-height:36px; border-bottom:1px solid #ddd; padding-bottom:10px}
.goods-show .parameter p{padding:16px 0;line-height:26px;font-size:16px;}
.goods-show .voucher{border-bottom:1px solid #ddd; padding-bottom:15px}
.goods-show .price span{background:#eee; padding:10px; font-size:14px}
.goods-show .price span em{font-size:20px; color:red; font-weight:bold; margin:0 5px}
.goods-show .price span em.del{text-decoration: line-through; font-weight:normal; font-size:18px}
.goods-show .multibuy {margin-left: 10px;font-size: 16px;}
.goods-show .multibuy .multiseop{font-size:16px;height:34px;}
.goods-show .multibuy a{cursor: pointer;padding: 5px 10px;}
.goods-show .multibuy a:hover{color: #333;}
.goods-show .multibuy .actived{border: 1px solid #fe8c01;}
.goods-show .multibuy .deactived{border: 1px solid #d4d4d4;}
.buy_button{ margin-top:20px}
.buy_button a{font-size:16px; color:#fff; background-color:#fe8c01; padding:10px 15px 10px 45px; background-image:url(../images/icon_buy.png); background-repeat:no-repeat; background-position: 15px 12px; display: inline-block;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s}
.buy_button a:hover{background-color:#1898f1}
.store_buy .note h4{background: url(../images/buy_note_bg.png) no-repeat; height:36px; line-height:36px; padding-left:10px; color:#fff; margin-bottom:20px}
.store_buy .note a{color:#46a5d5;}
.store_buy .note{line-height:26px;}
.packages{margin-top:50px}
.packages h2{font-size:30px}
.packages .row{margin-top:30px}
.packages span,.packages em{ vertical-align: top}
.packages .goods-pic{border:1px solid #ddd;}
.packages h4{font-size:16px; line-height:14px; margin-top:10px; height:30px}
.packages .row{ margin-left:-60px}
.packages .grid_2,.packages .grid_4{position:relative; margin-left:60px;}
.packages .grid_2 i:after,.packages .grid_4 i:after{content:"+"; font-size:36px; color:#999; position: absolute; left:-45px; top:70px}
.packages .grid_4{width:200px; margin-left:90px}
.packages .grid_4 i:after{content:"="; font-size:42px; color:#333; left:-60px}
.package-price{margin-top:20px}
.groups{margin-top:10px}
.groups span{ font-size:16px; font-weight:bold; color:red}
.groups span.check{width:20px; height:20px; margin-left:0; display:inline-block; background:url(../images/icon_check.png) no-repeat 0 0}
.groups span{margin-left:10px}
.groups span.del{text-decoration:line-through}
.total-price{ font-weight:bold; font-size:14px}
.total-price span{ font-size:16px}
.preferential{ display:inline-block; width:100px; background:#000; color:#fff; padding-bottom:0; text-align:center; line-height:22px}
.packages .buy_button{margin-top:0}
.selected .groups span.check{background-position:0 -20px}
.packages .selected i:after{color:#fe8c01}
/*products*/
.products .row{margin-top:30px; margin-bottom:50px}
.products .grid_6{margin-bottom:80px; height:300px}
.products .grid_6:nth-child(4n+1){float:right}
.products h3{font-size:30px; margin-top:50px; margin-bottom:30px}
.products p{font-size:16px; line-height:26px; color:#666}
.products .banner1-button{ margin-top:30px}
.products .banner1-button a{display:inline-block;background:#1898f1; border:0; font-size:16px; border-radius:0; margin-right:8px; padding:0 25px;line-height:48px;}
.products .banner1-button a:hover{background:#fe8c01}
.pro_banner{background-color:#414141; color:#fff; padding:80px 0;background-image:url(../images/footer_bg.png); background-repeat:repeat}
.pro_banner h1{margin:20px 0}
.pro-button{margin-top:10px}
.pro-button a{width:130px; height:58px; border-radius:5px; color:#fff; font-size:18px; line-height:18px; display:inline-block;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s; overflow:hidden}
.pro-button a span{display:block;padding-top:10px;}
.pro-button a small{font-size:12px; line-height:12px}
.pro-button a.down,.pro-button a.buy{background-color:#fe8c01; padding-left:50px;position: relative;}
.pro-button a.down::before,.pro-button a.buy::before{
  content: '';
  background-image:url(../images/pro-sprite.png);
  background-position: 0 -142px;
  width: 24px;
  height: 28px;
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 15px;
}
.pro-button a.buy::before{
  background-position: -31px -147px;
  width: 28px;height: 23px;top:18px;
}
.pro-button a.buy{background-color:#1898f1;}
.pro-button a.buy.getlicense{background: none;background-color: #1898f1;padding: 0 20px 0 48px;text-align: center;cursor: pointer;}
.pro-button a.buy.getlicense span{padding-top: 20px}
.pro-button a:hover{background-color:#0f56a6;}
.pro-button > span{margin-left:10px;}
.pro-button del{margin-right:5px}
.pro_banner span.p_b1,.pro_banner span.p_b2{position: relative;font-size:14px; height:22px; line-height:22px; padding-left:25px; margin-top:5px; display:inline-block}
.pro_banner span.p_b1::before,.pro_banner span.p_b2::before{
  content: '';
  background-image:url(../images/pro-sprite.png);
  background-position: -4px -174px;
  width: 19px;
  height: 19px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0px;
}
.pro_banner span.p_b2::before{
  background-position: -4px -203px;
}
.pro_banner span.p_b2{ background-position:0 -30px; margin-left:20px}
.down-num{display:inline-block}
.pro_number span{ padding:2px 5px; background:#eee; color:#000; border-radius:2px; margin-left:5px;}
.pro-tab{background:#eee; margin-bottom:30px; overflow:hidden}
.pro-tab li{float:left;display:inline-block}
.pro-tab li a{line-height:56px; padding:0 30px; font-size:16px; color:#000; display:block;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;}
.pro-tab li a:hover,.pro-tab li.curr a{background:#1898f1; color:#fff}
.pro-tab-top{position:fixed;z-index:29999; width:100%; background:#1898f1; left:0; -webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2);box-shadow: 0 3px 4px 0 rgba(0,0,0,0.2)}
.pro-tab-top li a{line-height:36px; color:#fff;}
.pro-tab li a:hover,.pro-tab li.curr a{background:#fe8c01; color:#fff}
.tab-menu{display:none}
.go-related{float:right; margin-top:12px;}
.go-related a{padding:0 15px; background:#fe8c01; border-radius:5px; display:inline-block; color:#fff;}
.go-related a span.ico_win_white:before{background-position:-52px -103px;}
.go-related a span.ico_mac_white:before{background-position:-52px -7px;}
.go-related a span.ico_Windows_white:before{background-position:-52px -103px;}
.go-related a span.ico_Mac_white:before{background-position:-52px -7px;}
.pro-tab-top .go-related{margin-top:2px}
#pro-content{padding-top:20px}
#pro-content h3{font-size:24px; line-height:30px; font-weight:bold; margin-bottom:15px;}
#pro-content p{color:#666; margin-bottom:10px}
#pro-content .grid_6 ul {
list-style: none !important;
padding-left: 15px;
color: #666;
}
#pro-content .grid_6 ul >li,#pro-content .grid_6 ul >li>a{position: relative;line-height:26px;}
#pro-content .grid_6 ul >li::before{
  content: '';
  background-image:url(../images/pro-sprite.png);
  background-position: -37px -136px;
  width: 5px;
  height: 5px;
  display: inline-block;
  position: absolute;
  left: -12px;
  top: 10px;
}
#pro-content a{color:#1898f1}
#pro-content a:hover{color:#ff0000}
#pro-content .grid_6{margin-bottom:50px; position:relative}
#pro-content .grid_6 strong{line-height:26px;vertical-align:initial;}
#pro-content .grid_6 span{line-height:26px;vertical-align: initial;}
#pro-content .grid_6 p{line-height:26px;}
#pro-content .grid_6 span img{ margin:auto; left:0; right:0; top:0; bottom:0; position: absolute;display:inline-block;max-height:100%;max-width:100%;}
#pro-content .grid_6:nth-child(4n+1){float:right}
#pro-content table{border:1px solid #ddd;border-right:0;border-bottom:0; width:100%;}
#pro-content td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; height:32px; padding-left:10px}
#screenshots{clear:both;background:#f2f2f2; margin-top:50px; padding:30px 0;}
#screenshots .grid_9,#screenshots .grid_6,#screenshots .grid_5{float:none; margin:0 auto}
#screenshots .grid_9{position:relative}
#screenshots .grid_6{overflow:hidden}
#screenshots .screenshot .swiper-wrapper{min-height:450px}
#screenshots .alm-pagination {position:relative; margin-top:20px}
#screenshots .alm-pagination span{margin:0 5px}
#screenshots .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #777;margin: 0 3px;cursor: pointer;}
#screenshots .swiper-active-switch {background: #fe8c01}
#screenshots .swiper-pagination-bullet{ width:12px; height:12px}
#screenshots .video{text-align:center; margin-top:50px}
.screenshot .swiper-slide {text-align: center;}
#video-view {margin:0 auto;width:100%; height:100%; position:fixed;left:0; top:0; z-index:30001;background:rgba(0,0,0,0.8);display:none; opacity:0 }
#video-view div{position:fixed;width:100%; height:100%;left:0; top:0;}
#video-view video{width:800px;position:relative;top:-400px; left:50%; margin-left:-400px;z-index:30002; display:none}
#product-show .swiper-button-next,#product-show .swiper-button-prev{position: absolute;top: 50%;margin-top: -20px; z-index:1;width:25px; height:41px; background:url(../images/pro-sprite.png) no-repeat; background-size: auto}
#product-show .swiper-button-prev{left:10px;background-position: 0 -89px;}
#product-show .swiper-button-next{background-position:-50px -89px;right: 10px}
#product-show .techspec{line-height:26px;}
.pro-review{margin-top:50px; padding:50px 0; overflow:hidden}
.pro-review-title p{font-size:18px}
.pro-review-title h3{font-size:24px}
.pro-review .grid_10,.pro-review .grid_8{float:none; position:relative; margin:0 auto; overflow:hidden}
.pro-review .grid_8{ margin-top:50px;}
.pro-review .grid_8 .swiper-wrapper{min-height:200px}
.pro-review .al-pagination {position:relative; margin-top:20px; text-align:center}
.pro-review .al-pagination span{margin:0 5px}
.pro-review .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #777;margin: 0 3px;cursor: pointer;}
.pro-review .swiper-active-switch {background: #fe8c01}
.pro-review .swiper-pagination-bullet{ width:12px; height:12px}
.portrait{text-align:center; margin-bottom:10px}
.portrait img{display:inline-block}
.pro-review .swiper-slide p{color:#666;line-height:26px;}
.techspec table{width:100%; margin-bottom:20px}
.techspec table caption{border:1px solid #ddd; background:#eee;padding-left:10px; border-bottom:0; height:36px; line-height:36px; font-weight:bold; text-align: left}
.techspec tr{border:1px solid #ddd;border-left:0; width:100%;}
.techspec th{width:20%; text-align: center}
.techspec td,.techspec th{border-left:1px solid #ddd; height:32px; padding-left:10px}
/*review*/
.review{margin-top:50px;}
.review .grid_10{float:none; margin:0 auto;}
.review .grid_10 .row{margin-left:-32px}
.review-write{background:#eee; padding:10px;border:1px solid #ddd; margin-top:20px; overflow:hidden}
.review-write span{ font-size:16px; line-height:32px; font-weight:bold}
.review-write a{display:inline-block; background:#fe8c01; color:#fff; padding:5px 20px; font-size:16px; float:right}
.review-list{border-top:0; padding-top:30px; position:relative}
.review-list >.review-li >div >img{width:86px !important;height:86px !important;}
.review-list >.review-li .grid_8{line-height:26px;}
.review-list .grid_2{margin-left:0}
.review .grid_8{padding-right:30px; margin-left:28px}
.review .grid_8 p{color:#666}
.review .grid_8 .like{text-align:right;}
.review .grid_8 .like span{margin-left:10px}
.review .divider{ margin:20px 10px; clear:both; border-bottom:1px solid #ddd; display:block; overflow:hidden;}
.pagenext{margin:20px 10px}
.pagenext span strong{padding:3px 5px; background:#c1c1c1; color:#fff; margin-right:5px; font-weight:normal}
.pagenext span a{padding:3px 5px;vertical-align:inherit;background:#fe8c01;margin-right:5px;color:#fff;cursor:pointer;}
.pagenext span a.active{font-weight:900;pointer-events:none;background:#c1c1c1; color:#fff;}
.review-from{padding:10px 10px 20px;}
.review-from h4{margin-bottom:30px; background:#1898f1; padding:5px 10px; color:#fff}
.review-from [class*="grid_"]{margin-left:0}
.review-from .grid_7 label{display:block; margin-bottom:10px; overflow:hidden}
.review-from .grid_7 input{background:#fff; border:1px solid #ddd; height:32px; padding-left:5px;font-family:"OpenSans", "Arial",sans-serif;color:#666; outline:none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.review-from #key{height:22px; margin-right:5px}
.avater{cursor:pointer}
.avater input{width:0; height:0; border:0; display:block; overflow:hidden}
.avater img{border:1px solid #ddd; padding:5px}
.avaterbar{position:relative}
.avater_pic{width:290px; max-height:260px; border:1px solid #ddd; display:none; left:0; top:0;overflow-y:auto; position:absolute; background:#fff;}
.avater_pic span{width:86px; cursor:pointer; display:inline-block}
.review-from .star{clear:both;margin-bottom:10px; display:block}
.review-from .star span{display:inline-block; margin-right:10px; height:18px;}
.review-from .star input{vertical-align: middle; display:inline-block}
.review-from .grid_8{clear:both; margin-top:20px; float:none;display:block}
.review-from textarea{min-height:120px; border:1px solid #ddd; color:#666; font-family:"OpenSans", "Arial",sans-serif}
.review-from .empty{display:none; color:red}
.review-from #remark{display:block; margin-bottom:10px}
.sub-but{ border:0; background:#fe8c01; padding:8px 25px; color:#fff; font-size:16px; margin-right:5px}
.sub-but:hover{background:#1898f1; cursor:pointer}
#remark{ font-size:12px}
/*resource*/
.resource{margin-top:50px}
.resource .grid_4{margin-bottom:30px}
.resource .grid_4 > div{padding:40px 20px; text-align:center}
.resource .grid_4 h3{margin-top:10px; font-size:20px}
.resource .grid_4 ul{margin-top:20px; height:176px; display:block; overflow:hidden;text-align:left; list-style: inside disc}
.resource .grid_4 li{font-size:16px; padding:3px 0}
.resource .grid_4 li a{color:#666}
.resource .grid_4 li a:hover{color:#ff0000}
.resource .grid_4 > div >span >img{min-height:155px;display:inline-block;}
.resource .button a{line-height:36px; background:#fe8c01}
.resource .button a:hover{background:#1898f1}
.resource-list .grid_8 p{font-size:16px;line-height:26px;}
.resource-list h2{text-align:center; padding-bottom:20px; font-size:32px; border-bottom:1px solid #ddd}
.resource-list h3{font-size:24px; margin-top:30px; border-bottom:1px solid #ddd; padding-bottom:10px}
.resource-list h4{margin:10px 0;font-size: 20px;line-height:30px;}
.resource-list .grid_6 > div{padding:10px;color:#666}
.resource-list .grid_6 > div p{line-height:26px;}
.resource-list .grid_6 .b_line span img{width:100% !important}
.infolist {margin-top:30px}
.infolist li{border-bottom:1px dashed #ddd; padding-bottom:5px; margin-bottom:20px}
.infolist li h5 a{font-size:18px;color:#1898f1;line-height:26px;}
.infolist li h5 a:hover{color:#ff0000}
.infolist li span{float:left; width:70px; height:76px; background:#eee; text-align:center; margin-right:10px; display:inline-block}
.infolist li span big{display:block; font-size:24px; height:44px; line-height:44px; background:#919191; color:#fff}
.infolist li span small{ display:block; font-size:12px; color:#666; line-height:32px;}
.infolist li p{ color:#666}
.resource-list .pagenext{margin:20px 0}
.resource-list .pagenext span a{background:#1898f1}
.resource-list .pagenext span a:hover{background:#fe8c01}
.news-read{margin-top:30px;}
.news-read article{margin-top:8px;}
.news-read .row{display:flex;flex-wrap:wrap;}
.news-read .verdana img, .proshow .guide p>img{width: auto !important;align-self: flex-start;}
.proshow .guide p{line-height:26px;}
.proshow .guide h2{margin:15px 0}
.news-read article .date{background:#eee; padding:5px; overflow:hidden}
.news-read article .date .author{float:left; width:40px; height:40px; border:3px solid #fff; display:flex;align-items:center;}
.news-read article .date span{margin:0 5px; color:#666}
.news-read article .date a{color:#1898f1}
.news-read article .date a:hover{color:#ff0000; text-decoration:underline}
.news-read article .content h3,.news-read article .content h3 a{font-size:22px;margin:24px 0}
.news-read article .content a{color:#1898f1}
.news-read article .content a[href]{word-break:break-word;}
.news-read .content h2 {margin:24px auto;font-size:28px;line-height:34px;}
.news-read .content h3 {margin:24px auto;}
.news-read .content p em {font-style: italic;}
.news-read table {margin-bottom: 20px;width:100%;height:auto !important;word-wrap:break-word;}
.news-read tr {border: 1px solid #ddd; border-left: 0;}
.news-read td {border-left: 1px solid #ddd;}
aside > div{padding:10px;}
aside h3{background:#1898f1; padding-left:10px; color:#fff; height:36px; line-height:36px;padding-bottom:5px}
.topic-list li{margin-bottom:5px}
.topic-list li a{padding:5px 15px;background:#eee; display:inline-block;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;}
.topic-list li.curr a{ background:#fe8c01; color:#fff}
.topic-list li a:hover{padding-right:40px; padding-left:20px}
.related-articles-list{list-style: inside disc}
.related-articles-list li{ line-height:22px; margin-bottom:10px}
.newsearchbar{padding:0; padding-top:20px}
#newsearchform{overflow:hidden;border:1px solid #c2c1c1;background:#fff;width:100%;}
#newsearchform input{margin:0;font-size:16px; border:none; color:#736c67; padding:7px 0px 0 12px;outline:none; position:relative; font-family:"OpenSans", "Arial",sans-serif, sans-serif;float: left;width:220px;}
#newsearchform a{width:35px;height: 31px; display: block; float: left; background: url('../images/search_a.jpg') no-repeat;}
#newsearchform a:hover{background-position:0 -31px;}
/*downloads*/
.downloads .banner1-button{margin-top:10px;}
.downloads .banner1-button a{background:#1898f1; border:0; font-size:16px; display:inline-block; border-radius:3px; margin-right:8px; padding:8px 15px}
.downloads .banner1-button a.down_mac{background:#fe8c01}
.downloads .banner1-button a:hover,.downloads .banner1-button a.down_mac:hover{background:#414141}
.downloads .grid_6{margin-bottom:50px}
.downloads .grid_6 > div{padding:40px 20px;overflow:hidden}
.downloads .grid_6 h3{font-size:24px}
.downloads .grid_6 p{ margin-top:10px; font-size:16px; height:80px; color:#666; line-height:26px}
.downloads .grid_6 img{float:left;display:inline-block; margin-right:20px}
.downloads .grid_6 > div >img{min-height:150px;}
/*support*/
.support h2{text-align:center; font-size:32px; padding-bottom:15px; border-bottom:1px solid #ddd}
.support .grid_4{margin-bottom:20px}
.support .grid_4 p{font-size:12px; color:#666; line-height:18px; margin-top:5px}
.support .grid_4 >span >a{min-height:200px;display:inline-block;}
.support h2{font-size:28px;padding-bottom:35px;}
.support h4{font-size:20px;line-height:20px;margin-bottom:10px;}
.support .grid_4 p{font-size:16px;line-height:26px;}
.support-list aside h3{font-size:16px; height:32px}
.support-list aside h3:hover{cursor:pointer}
.support-list aside h3:before{content:"-"; font-size:18px; width:12px; text-align:center; display:inline-block; font-weight:bold;  margin-right:10px}
.support-list aside h3.curr:before{content:"+"; font-size:14px}
.support-list article h2,.support-list article h3{font-size:30px; line-height:30px; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:20px}
.support-list article a{color:#1898f1;}
.support-list article .content p{line-height:26px;}
.support-list article a{line-height:26px;}
.support p{font-size:16px;line-height:26px;}
.infolist li h5,.infolist li p{line-height:26px}
.list1{padding:15px 0; border:1px solid #eee}
.list1 li{padding:8px 3px 8px 25px; background-image:url(../images/check-dot.png); background-repeat:no-repeat; background-position:12px 16px; line-height:18px}
.list1 li:hover,.list1 li.curr{ background-color:#f5f5f5}
.list1 li a{display:block;line-height:22px;}
.list1 li.curr a{ color:#ff0000}
.faq-li {margin-top:5px; border:1px solid #eee}
.faq-li h4{height:36px; line-height:36px; cursor:pointer; font-size:18px; background:#eee; padding-left:10px}
.faq-li h4:before{content:"+"; font-size:16px; width:12px; height:12px;  font-weight:bold;  margin-right:10px}
.faq-li.curr h4{ background:#414141; color:#fff}
.faq-li.curr h4:before{content:"-"; font-size:16px}
.faq-li .faq-text{padding:5px 20px; margin-top:10px; color:#666; display:none}
/*company*/
.company .grid_9 h2{border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px}
.company .grid_9>h1{border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px;font-size:30px;line-height:26px;}
.company .content{line-height:26px;}
/*get free key*/
.key_banner{height:340px; padding:70px 0}
.key_banner h2{font-size:36px; margin-bottom:20px}
.key_banner p{font-size:16px}
.key_banner .grid_4{ margin-top:30px}
#freekey {margin-top:10px; display:block}
#freekey label{display:block; margin-bottom:10px}
#freekey label span{display:none}
#freekey input{background:#fff; width:80%; border:none; height:32px; padding-left:10px;font-family:"OpenSans", "Arial",sans-serif; font-size:16px;color:#666; outline:none; display:block;box-shadow:0 1px 3px 1px #ddd inset;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
#freekey a{margin-top:10px; padding:8px 30px; font-size:16px; background:#fe8c01; color:#fff; display:inline-block}
#freekey a:hover{background:#414141}
.key-show{margin-top:20px;display:none}
.key-show h5{font-size:24px; margin-bottom:20px}
.key-show span{ font-size:16px;background:#FFD600;padding:5px 10px; color:#ff0000}
.commentary{margin-top:40px}
.commentary h2{ border-bottom:1px solid #ddd; font-size:30px; padding-bottom:15px; margin-bottom:60px}
.commentary .grid_4{margin-bottom:30px; display:inline-block}
.commentary .grid_4 h4{ margin-top:10px}
.commentary .grid_4 p{margin-top:10px;line-height:18px; height:80px; overflow:hidden}
/*errors*/
.errors h2{ margin:20px 0; padding-bottom:5px; border-bottom:1px solid #ddd; font-size:24px;}
.errors h3{ margin-bottom:20px; font-size:20px;}
.errors .grid_4 > ul > li span{font-size:18px; margin-bottom:5px; font-weight:bold}
.errors .grid_4 li{padding:3px 0}
/*icons*/
.icon-url_icon{
  background-image: url(/skin/default/images/index-sprite.png);
  display: inline-block;
  background-position: -44px -41px;
  width: 68px;
  height: 67px;
}
.icon-top_up{
  background-image: url(/skin/default/images/index-sprite.png);
  display: inline-block;
  background-position: -46px 0;
  background-size: 100px;
  width: 24px;
  height: 30px;
}
.icon-superiority_icon_01{
  background-image: url(/skin/default/images/index-sprite.png);
  display: inline-block;
  background-position: -52px -114px;
  width: 46px;
  height: 46px;
}
.icon-superiority_icon_02{
  background-image: url(/skin/default/images/index-sprite.png);
  display: inline-block;
  background-position: 0px -60px;
  width: 44px;
  height: 46px;
  margin: 0 1px;
}
.icon-superiority_icon_03{
  background-image: url(/skin/default/images/index-sprite.png);
  display: inline-block;
  background-position: 0px -109px;
  width: 46px;
  height: 46px;
}
.icon-superiority_icon_04{
  background-image: url(/skin/default/images/index-sprite.png);
  display: inline-block;
  background-position: 0px -154px;
  width: 46px;
  height: 46px;
}
.icon-icon_feedback{
  background-image: url(/skin/default/images/index-sprite.png);
  display: inline-block !important;
  background-position: -13px 0;
  background-size: 80px;
  width: 22px;
  height: 25px;
  margin-left: 0 !important;
}
.search_banner img{min-height:405px;}
.resource-list >div >div:first-of-type .grid_4 >img{min-height:120px;}
@media only screen and (min-width: 768px){	
	.news-read .verdana >p >img[height^="3"]{min-height:300px;}
	.news-read .verdana >p >img[height^="4"]{min-height:400px;}
	.news-read .verdana >p >img[height^="5"]{min-height:500px;}
}
/*==================================RESPONSIVE LAYOUTS===============================================*/

@media (min-width: 980px) and (max-width: 1199px) {
/*superiority*/
.superiority-box{padding:0 30px}
.superiority .text{width:290px}
/*news*/
.news-list .swiper-wrapper{margin-left:-18px}
.news-list .swiper-slide{width:220px; margin-left:18px}
/*store*/
.packages .row{ margin-left:-40px}
.packages .grid_2{margin-left:40px;}
.packages .grid_2 i:after,.packages .grid_4 i:after{left:-35px; top:60px}
.packages .grid_4{margin-left:60px}
.packages .grid_4 i:after{left:-45px}
.groups span{margin-left:0; line-height:20px}
.groups span.del{margin-right:5px}
/*products*/
.products .grid_6{margin-bottom:10px}
.products h3{ margin-top:10px}
/*pro-read*/
#screenshots .grid_6{width:600px}
#screenshots .grid_5{width:500px}
/*resource*/
#newsearchform input{width:170px}
/*downloads*/
.downloads .grid_6{margin-bottom:30px}
.downloads .grid_6 > div{padding:30px 20px}
.downloads .grid_6 p{height:90px;line-height:18px}
.downloads .grid_6 img{ width:120px;margin-right:10px}
/*review*/
.avater_pic{width:240px; max-height:220px; left:-20px; top:0; z-index:999;}
.avater_pic span{width:76px; cursor:pointer; display:inline-block}
/*get free key*/
.key_banner{height:300px; padding:40px 0}
.key_banner h2{margin-bottom:20px}
.key_banner .grid_4{margin-top:10px}
.key_banner .grid_4 p{padding:0}
.search_banner img{min-height:330px;}
}
@media only screen and (max-width: 1399px) {
	.downloads .grid_6 p{height:120px;}
}
@media only screen and (max-width: 1199px) {
/*banner*/
.banner .swiper-slide{margin: 0 auto;height:420px; overflow:hidden}
.slider_bg{background:url(../images/banner_medium.jpg) no-repeat center}
.slider_bg_1{background:url(../images/banner1_medium.jpg) no-repeat center}
.slider_bg_2{background:url(../images/banner2_medium.jpg) no-repeat center}
.slider_bg_3{background:url(../images/banner3_medium.jpg) no-repeat center}
.banner .grid_7 .banner_text,.banner .grid_6 .banner_text,.banner .grid_6{top:50px}
.banner .grid_5 img{max-height:360px}
.banner_icon span img{width:48px}
.banner1-button a{padding:5px 15px}
.banner1-button a.b_down{padding:5px 10px 5px 35px; background-position:10px center}
.banner1-button.m_t40{margin-top:30px}
.slider_bg_3 .grid_5{min-height:360px}
/*page*/
.hover_line::before,.hover_line::after {top: 20px;right: 20px; bottom: 20px;left: 20px}
.store .text-bar p{height:60px}
/*pro-read*/
.pro_banner h1{margin:0 0 10px}
#screenshots .grid_9{width:100%}
#video-view video{width:600px;margin-left:-300px}
/*review*/
.review .grid_10{width:100%}
.review-list .grid_2{ width:180px}
.review-list .grid_8{ width:720px}
.review .grid_7{width:556px}
.review .grid_3{width:300px}
.review .grid_1{width:80px}
/*get free key*/
.key-show{margin-top:0}
.key-show h5{margin-bottom:10px}
.key-show span{clear:both; display:inline-block}
}
@media (min-width: 768px) and (max-width: 979px) {
header h1,#logo{width:140px}
.sf-menu > li{ margin:0 10px}
.sf-menu a {padding:15px 5px}
#cse-search-results{top:56px}
.sf-menu > li > ul{top:55px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.banner .swiper-slide{margin: 0 auto;height:400px; overflow:hidden}
.banner .grid_7 .banner_text,.banner .grid_6 .banner_text,.banner .grid_6{top:20px; left:0}
.banner1_text{top:0; margin-left:-180px}
.banner1_text .banner1-button a{ padding:6px 20px}
.banner3_text{margin-left:0}
/*superiority*/
.superiority-box{padding:0px}
.superiority .text{width:220px}
.superiority p{ padding-top:5px; line-height:16px}
/*news*/
.news-list .swiper-wrapper{margin-left:-18px}
.news-list .swiper-slide{width:236px; margin-left:18px}
/*footer*/
footer .grid_4{width:328px}
footer .grid_2{width:190px}
footer .grid_3{clear:both;float:left;width:300px; margin-top:30px; display:block}
/*message*/
/*page*/
/*store*/
.store .text-bar p{height:105px}
.goods-show .parameter h1{padding-bottom:5px}
.goods-show .parameter p{padding:5px 0}
.goods-show .voucher{padding-bottom:5px}
.goods-show .price span{padding:5px}
.packages .row{margin-left:-25px}
.packages .grid_2{margin-left:25px}
.packages .grid_2 i:after{left:-25px; top:40px}
.packages .grid_4{margin-left:40px}
.packages .grid_4 i:after{left:-35px;top:40px}
.package-price{margin-top:0}
.packages h4{text-align:center; height:50px}
.groups span.check{float:left; position:absolute; z-index:1; right:5px; top:5px; text-align:center; display: inline-block}
.groups span.del{margin-left:0}
/*products*/
.products .row{margin-bottom:0}
.products .grid_6{ margin-bottom:20px; height:240px}
.products h3{margin-top:0; margin-bottom:10px}
.products .banner1-button{margin-top:10px}
/*pro-read*/
.pro_banner h1{margin:0 0 10px}
.pro_banner p{ padding-bottom:0;}
.pro_banner .grid_4{ margin-top:20px}
.pro-button a{width:120px; height:48px;}
.pro-button a span{padding-top:5px}
#screenshots .grid_6,#screenshots .grid_5{width:500px}
#screenshots .screenshot .swiper-wrapper{min-height:350px}
/*resource*/
.resource .grid_4{width:364px}
.news-read .grid_9{ width:506px}
.news-read .grid_3{ width:222px}
#newsearchform input{width:170px}
/*downloads*/
.downloads .grid_6{margin-bottom:20px}
.downloads .grid_6 > div{padding:20px 10px}
.downloads .grid_6 p{height:100px;line-height:18px}
.downloads .grid_6 img{ width:110px;margin-right:10px}
/*support*/
.support-list .grid_3{width:182px}
.support-list .grid_9{width:546px}
/*review*/
.review-list .grid_2{ width:160px}
.review-list .grid_8{ width:550px}
.review .grid_8{ padding-right:10px;}
.avater_pic{width:240px; max-height:220px; left:-70px; top:0; z-index:999;}
.avater_pic span{width:76px; cursor:pointer; display:inline-block}
/*get free key*/
.key_banner{height:220px; padding:40px 0}
.key_banner h2{margin-bottom:10px}
.key_banner .grid_4{margin-top:0}
#freekey input{width:100%}
#freekey a{margin-top:0}
.key_banner .grid_4 p{padding:0}
}

@media only screen and (max-width: 979px) {
#pro-content .grid_6,#pro-content .grid_6:nth-child(4n+1){float:none; width:100%}
#pro-content .grid_6 span img{ position: inherit;display:block}
.news-read{ margin-top:20px}
/*support*/
.support-list article h2{margin-bottom:10px}
.faq-li h4{height: auto; padding:8px 0; line-height:26px; cursor:pointer;background:#eee; padding-left:10px}
}
@media only screen and (max-width: 767px) {
header h1,#logo{width:120px}
.news-read .verdana img, .proshow .guide p>img{width: auto !important;display: flex;align-self: flex-start;}
#m_menu{width:42px; height:30px; background:url(../images/pro-sprite.png) no-repeat;background-position: -27px -167px; display:inline-block}
nav{position: inherit;float:right; margin-right:0; margin-top:20px; display:inline-block}
.searchbar{padding:8px 20px}
.sf-menu{position: absolute; width:100%; margin:0; background:rgba(0,0,0,0.9); padding:30px 0; top:68px;z-index:1; left:0; display: none}
.sf-menu > li > span{display:block}
.sf-menu > li > span:after{content: "+";float: right; padding-top:5px; color:#fff;font-weight: normal;margin-right: 8px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;}
.sf-menu > li:hover > span:after{transform: rotate(45deg) scale(1.08);-webkit-transform: rotate(45deg) scale(1.08);-moz-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);-o-transform: rotate(45deg) scale(1.08); color:#fe8c01}
.sf-menu > li {float:none;text-align:left; margin:0 20px; display:block; border-bottom:1px solid #414141; position:relative}
.sf-menu a {padding:8px 20px; color:#fff; display: block}
.sf-menu > li > span  a {display: inline-block}
.sf-menu > li a:hover,.sf-menu .current a{color:#fe8c01}
.sf-menu > li > ul{opacity:1;visibility: inherit;background: none;position: relative;top:0;left:0; padding:10px 0;z-index:1; text-align:left; width:100%;display:none;transition: none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;}
.sf-menu li:hover ul {opacity:1;visibility: inherit;margin:0}
.sf-menu ul > li{float:none; margin:0; width:100%;}
.sf-menu li ul li:first-child{border-right:0; width:100%; margin-right:0}
.sf-menu li ul ul li:first-child{border-right:0; width: inherit; margin:0}
.sf-menu ul li span a{color:#fe8c01; padding:0; padding-left:30px;}
.sf-menu ul li span a:hover{color:#fff}
.sf-menu ul ul a{color:#fff;display:block; padding:5px 0; padding-left:30px;font-weight:normal}
.sf-menu ul ul a:hover{color:#fe8c01}
#search_icon{display:none}
#cse-search-results{position: relative; display: block; width:100%; top:0; right:0;overflow:hidden;border:none;border-radius: 2px;box-shadow: none;background: none;}
#cse-search-results input{background: none; margin:0;border-radius:0; border:none; padding:0; padding-bottom:5px; color:#fff; outline:none; position:relative;float: inherit;width:140px; display:inline-block;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#cse-search-results input:focus{width:200px;border-bottom:1px solid #fe8c01;}
#cse-search-results a{padding:0; float:left; margin-top:5px; margin-right:5px; background-position:0 -18px;}
/*banner*/
.banner .swiper-slide{margin: 0 auto;height:254px; overflow:hidden}
.banner .grid_7 .banner_text{top:30px}
.banner .grid_5 img{max-height:230px}
.banner .grid_6 img{max-height:200px}
.banner h2,.banner p{background:rgba(0,0,0,0.2); padding:2px 5px}
.banner p.f24{ margin-bottom:5px; padding-bottom:0}
.banner_icon span img{width:35px !important;}
.banner1-button a{padding:5px 15px}
.banner1-button a.b_down{padding:5px 10px 5px 35px; background-position:10px center}
.banner1-button.m_t40{margin-top:10px}
.banner .container{ position:relative}
.slider_bg_1 .grid_7{top:30px}
.slider_bg_1 .grid_7 img{max-height:200px}
.slider_bg_1 .grid_5{position: absolute; width:460px; left:0; top:0; margin:0; z-index:1}
.slider_bg_1 .grid_5 .banner1_text{margin-left:0; top:0}
.banner1_text .banner1-button a{padding:8px 15px}
.banner .grid_6 .banner1-button a{ background:#fe8c01; border:1px solid #fe8c01}
.banner1_text p.f28{margin-bottom:0}
.slider_bg_3 .grid_5{min-height:230px}
.slider_bg_3 .grid_7{position: absolute; width:460px; left:0; top:0; margin:0; z-index:1}
.banner3_text{ margin-left:50px;top:50px}
.banner1-button span{vertical-align: inherit}
.banner3_text .banner1-button a{ padding:5px 15px;background-color:#1552a0;border:1px solid #1552a0;margin-bottom: 10px;}
.banner3_text .banner1-button a:hover{background:#fe8c01; border:1px solid #fe8c01}
.pro_list .grid_6{width:460px}
/*superiority*/
.superiority .row{margin-left:-20px}
.superiority .grid_6{float:left; width:220px; margin-left:20px; text-align:center}
.superiority .superiority-icon{float:none}
.superiority-box{padding:0px}
.superiority .text{margin-left:0;width:100%; margin-top:10px}
#screenshots .screenshot .swiper-wrapper{min-height:250px}
/*news*/
.news-list .swiper-wrapper{margin-left:-18px}
.news-list .swiper-slide{width:218px; margin-left:18px}
/*footer*/
footer .grid_2,footer .grid_3{float:none;width:100%; margin-top:30px}
footer .grid_2 .f_list {margin-top:10px}
footer .grid_2 .f_list li{display:inline-block; margin-right:15px}
/*message*/
.message .grid_9{width:460px; max-height:520px}
.message .grid_6{width:360px; margin-top:10px;padding-bottom:10px}
.message input{margin-top:5px}
.message select{margin:5px auto;}
.message h2{text-align:left; padding-left:20px}
.message h2 span{margin-left:10px}
.message p{margin-top:10px}
.message .submit.m_t20{margin-top:10px}
.message textarea{height:120px}
/*page*/
/*store*/
.store .text-bar p{height:auto; margin-bottom:10px}
.goods-show .parameter h1,.packages h2{padding-bottom:5px}
.selling-point{ margin-left:-20px}
.selling-point .grid_3{ float:left; width:220px; margin-left:20px; margin-bottom:20px}
.goods-show,.goods-show .parameter h1{margin-top:10px}
.packages .row{margin-left:0}
.packages .grid_2{float:left;margin-left:0; width:200px; margin-bottom:50px}
.packages .grid_2:nth-child(2),.packages .grid_2:nth-child(4){margin-left:60px}
.packages .grid_2 i:after{left:-42px; top:80px}
.packages .grid_2:nth-child(3) i:after{left:45%; top:-40px}
.packages .grid_4{float:left;margin-left:0; padding-left:50px; width:100%; position:relative}
.packages .grid_4 i:after{position: absolute;left:0;top:40px}
.package-price{margin-top:0}
.packages h4{text-align: left; height:40px}
.groups{ margin-top:0}
.groups span{margin-left:0}
.groups span.check{float:left; position:absolute; z-index:1; right:10px; top:10px;width:20px; height:20px; text-align:center; display: inline-block}
.groups span.del{ margin-right:10px}
/*products*/
.products .row{margin-bottom:0}
.products .grid_6{margin-bottom:20px; height: auto}
.products h3{margin-top:0; margin-bottom:10px}
.products .banner1-button{margin-top:10px}
/*pro-read*/
.pro_banner{padding:40px 0;}
.pro_banner h1{margin-top:20px;}
.pro_banner p{padding-bottom:5px}
.pro_banner .protitlepic{width:100% !important;min-height:220px;}
.pro-button{ margin-top:0; margin-bottom:5px}
.pro-button a{height:48px;line-height:16px}
.pro-tab {overflow: inherit}
.pro-tab .container{position:relative}
.tab-menu{display:inline-block;background:#1898f1; width:150px;}
.tab-menu a{height:42px; line-height:42px; color:#fff;padding:0 20px; display:inline-block}
.tab-menu span{width:17px; height:20px; margin-left:5px;display: inline-block; position:relative;}
.tab-menu span span{height:1px; background:#fff}
.tab-menu span.menuicon-top{position:absolute; z-index:1px; left:0; top:5px}
.tab-menu span.menuicon-bottom{position:absolute; z-index:2px; left:0; top:12px}
.go-related{margin-top:5px;}
.menuicon-in span.menuicon-top,.menuicon-in span.menuicon-bottom{top:8px}
.pro-tab ul{ position:absolute; width:100%; left:0; top:42px; z-index:999; background:rgba(0,0,0,0.9); display:none}
.pro-tab li{ float: none; margin:0 auto; width:100%; border-bottom:1px solid #414141; display:block}
.pro-tab li a{line-height:42px; padding:0 20px; color:#fff;}
.pro-tab li.curr a,.pro-tab li a:hover{color:#fe8c01; background:none}
#screenshots{ margin-top:50px}
#screenshots .grid_6,#screenshots .grid_5{width:360px;margin-top:0}
#screenshots .swiper-button-prev{left:0}
#screenshots .swiper-button-next{right:0}
#video-view video{width:460px;margin-left:-230px}
.pro-review{margin-top:0; padding-bottom:0}
.pro-review .grid_8{ width:100%}
.pro-review .swiper-button-prev,.pro-review .swiper-button-next{display:none}
/*resource*/
.resource .grid_4{margin-bottom:20px}
.resource .grid_4 ul{height:auto}
.news-read .grid_3{margin-top:20px}
#newsearchform input{width:410px}
/*downloads*/
.downloads .m_t40{margin-top:20px}
.downloads .grid_6{margin-bottom:20px}
.downloads .grid_6 > div{padding:20px}
.downloads .grid_6 h3{line-height:24px;}
.downloads .grid_6 p{height:auto; padding-bottom:0}
.downloads .grid_6 img{width:150px;margin-right:10px}
.downloads .banner1-button a{margin-right:0}
/*support*/
.support-list article h2,.support-list article h3{margin-top:30px;}
/*review*/
.review-from.m_t30 {margin-top:20px}
.review-list .grid_2{ width:100%}
.review-list .grid_8{ width:100%}
.review-list .grid_8{margin-left:20px}
.avater_pic{max-height:240px; left:0; top:0; z-index:999px}
/*company*/
.company .m_t50{margin-top:20px}
.company .grid_3{margin-bottom:20px}
/*get free key*/
.key_banner{height:240px; padding:10px 0}
.key_banner h2{margin-bottom:10px}
.key_banner .grid_4{margin-top:10px}
#freekey a{margin-top:0}
.key_banner .grid_4 p{padding:0}
.key_banner .grid_8{display:none}
.commentary .grid_4 p{height: auto}
.search_banner img{min-height:156px;}
.support .grid_4 >span >a{min-height:160px;}
.store .pic_show >span >img{min-height:140px;}
}
@media only screen and (max-width: 479px) {
    .news-read .verdana img[src$="/images/resource/download-mac.jpg"]{
      margin-top: 12px;
      margin-left: 0 !important;
    }
    .news-read .verdana img[src$="/images/resource/download-win.jpg"]{
      margin-top: 12px;
      margin-left: 0 !important;
    }
#topad .close{ width:24px; height:24px; background-size:100%}
/*banner*/
.banner .swiper-slide{margin: 0 auto;height:450px; overflow:hidden;    background-size: auto 100%;}
.slider_bg{background:url(../images/banner_small.jpg) no-repeat center}
.slider_bg_1{background:url(../images/banner1_small.jpg) no-repeat center}
.slider_bg_2{background:url(../images/banner2_small.jpg) no-repeat center}
.slider_bg_3{background:url(../images/banner3_small.jpg) no-repeat center}
.banner .banner-bar, .banner .banner3-bar{bottom:30px;left: 0;
    top: 0;
    width: 100%;
    height: 100%;display:flex;align-items:center}
	.banner .grid_5 img{max-height:360px;}
.banner .grid_7 .banner_text, .banner .grid_6 .banner_text{ left:0}
.banner h2,.banner p{background:rgba(0,0,0,0.2); padding:5px 10px}
.banner h2{font-size:32px;line-height:36px;}
.banner p.f14{line-height:20px;font-size:14px;}
.slider_bg_1 .grid_5,.slider_bg_3 .grid_7{width:100%}
.banner1_text p.f28{ font-size:20px; text-align:left; margin-bottom:0}
.banner1_text p.f20{ font-size:16px; text-align:left; line-height:22px}
.banner1_text .banner1-button { text-align:left}
.banner .grid_6 .banner_text, .banner .grid_6{top:0}
.banner .grid_6 .banner_text{top:-50px;}
.slider_bg_3 .grid_5{min-height:210px}
.banner3_text{ margin-left:0; top:0;margin-top:-85px;}
.banner .grid_7 .banner_text{top:0}
.pro_list .grid_6{width:100%}
.pro_list .grid_6 .pic_show span img{ position:relative; min-width:400px; min-height:160px;}
/*superiority*/
.superiority{padding-bottom:20px}
.superiority h3{font-size:32px; line-height:32px; padding-top:40px}
.superiority .row{margin-left:0}
.superiority .grid_6{float: none; margin:0 auto; width:100%; margin-left:0; margin-bottom:20px}
.superiority .superiority-icon{float:none}
.superiority .text{margin-left:0;width:100% !important; margin-top:10px}
.superiority .text p{padding-top:5px}
/*news*/
.third{margin-top:50px}
.third h3{font-size:30px;}
.superiority h3{font-size:30px;}
.news-list .swiper-wrapper{margin-left:0}
.news-list .swiper-slide{width:100%; margin-left:0; margin-right:20px}
.news-list .shadow-bar{box-shadow: none}
/*footer*/
footer .grid_2,footer .grid_3{float:none;width:100%}
/*message*/
.message .grid_9{width:320px}
.message .grid_6{width:300px}
.message input{margin-top:5px}
.message select{margin:5px auto;}
.message h2{padding:5px 0; padding-left:20px}
.message h2 span{font-size:16px; margin-left:0; display:block;line-height:26px;}
.message p{ font-size:16px; margin-top:10px}
.message .submit.m_t20{margin-top:5px}
/*page*/
/*store*/
.store .pic_show img{ min-height:140px}
.store .pic_show h3{font-size:24px; top:40%}
.store .banner1-button{flex-wrap:wrap;justify-content:center;}
.store .banner1-button >a{margin-bottom:12px;width:170px;text-align:center;}
.selling-point{margin-left:-10px}
.selling-point .grid_3{ float:left; width:145px; margin-left:10px; margin-bottom:10px}
.selling-point .grid_3 >img{height:60px !important;}
.selling-point p{ height:50px}
.goods-show >.grid_4 >img{min-height:250px;}
.packages .grid_2{width:130px; margin-bottom:50px}
.packages .grid_2:nth-child(2),.packages .grid_2:nth-child(4){margin-left:40px}
.packages .grid_2 i:after{left:-35px; top:50px}
/*products*/
.products h3{font-size:20px; margin-bottom:5px}
.products .banner1-button a{ padding:0 20px}
/*pro-read*/
.pro-button a{width:95px; height:48px; font-size:16px; line-height:14px}
.pro-button a.down,.pro-button a.buy{padding-left:40px; background-position:5px 10px;width:120px;}
.pro-button a.buy{padding-left:40px;width:120px;}
.pro_banner span.p_b2{margin-left:0}
#screenshots{margin-top:20px}
#screenshots .grid_6,#screenshots .grid_5{width:300px;margin-top:0}
#screenshots .swiper-button-prev,#screenshots .swiper-button-next{display:none}
#video-view video{width:300px;margin-left:-150px}
.pro-review-title p{font-size:14px}
.pro-review-title h3{font-size:18px}
.pro-review .swiper-slide p{ font-size:12px; line-height:16px}
/*resource*/
#newsearchform input{width:250px}
/*support*/
.support h2{ text-align:left; font-size:22px}
/*downloads*/
.downloads .grid_6 > div{text-align:center}
.downloads .grid_6 h3{ margin-top:10px}
.downloads .grid_6 p{padding-bottom:10px;height:auto;}
.downloads .grid_6 img{float:none; margin:0 auto;width:150px}
/*review*/
.review .grid_10 h2{ font-size:18px; line-height:20px}
.review-write{ margin-top:10px}
.review-write span{ font-size:13px}
.review-write a{ padding:5px 15px; font-size:13px}
.review-list .grid_8{margin-left:10px}
.review-from h4{ margin-bottom:20px; font-size:14px}
.avater_pic{ width:270px;max-height:240px; left:0; top:0; z-index:999px}
.support-list aside >ul.list1{display:none;}
}
.store_buy .selling-point p{vertical-align:bottom;}

.proshow.install{margin-top:-45px;}
.install #screenshots {margin-top: 0px;}
.install-helper {}
.install-helper .helper-title{float:none;margin-top:20px;margin-bottom:20px;margin-left:auto;margin-right:auto;color:#ea851e;text-align:center;font-size:18px;}
.install-helper .helper-left{text-align:center;width:50%;float:left;position: relative;}
.install-helper .helper-right{text-align:center;width:50%;float:right;position: relative;}
.install-helper .helper-img-container{text-align:center;position:absolute;left:50%;margin-left:-40px;width:80px;}
.install-helper .helper-content{border:1px #e6e6e6 solid;margin: 40px 30px;padding:60px 40px 0px 40px;min-height: 180px;}
.install-helper .helper-content .hp1{color:#ea851e;}
.install-helper .helper-content .hp2{font-weight: 900;}
.install-helper .helper-content a{text-decoration: underline;cursor: pointer;}
.install-helper .helper-content a:hover{color: #333 !important;}
.install-helper .helper-content .hp4-go1{padding-top: 20px;padding-bottom: 20px;}
.install-helper .helper-content .hp4-go1 .go1{text-decoration:none;background-color:#1b9af2;color:#fff;padding: 10px 20px;margin-top: 20px;}
.install-helper .helper-content .hp4-go1 a:hover{color: #fff !important;}
.install-helper .helper-content .hp4-go2{padding-top: 20px;padding-bottom: 20px;}
.install-helper .helper-content .hp4-go2 .go2{text-decoration:none;background-color:#fff;color:#1b9af2;padding: 10px 20px;margin-top: 20px;border: 1px #1b9af2 solid;}
.install-helper .helper-content .hp4-go2 a:hover{color: #1b9af2 !important;}

.uninstallcontainer {margin-right: auto;margin-left: auto;float: none;}
.install-title { background-color: #e2e5ea; }
.install-title .grid_9 {float: none;margin-left: auto;margin-right: auto;}
.install-title .install-title-container h3 { font-size: 30px;font-weight: 900;text-align: center;padding: 30px 0px; }
.install-title .install-title-container p {width: 80%;text-align: center;margin-left: auto;margin-right: auto;padding-bottom: 30px;}
.unstallbox .muti-select span{ float: left;}
.unstallbox .muti-select .multi-sel{clear: both;height: 30px;}
.unstallbox .muti-select .multi-sel a:hover{color: #333;}
.unstallbox h2{margin: 30px 0px 10px 0px;}
.unstallbox .emailbox{height: 20px;width: 50%;}
.unstallbox .unstall_btn{height: 40px;margin: 20px;width: 120px;background-color: rgb(234, 133, 30);border: medium none;border-radius: 5px;color: rgb(255, 255, 255);font-size: 18px;font-weight: 600;cursor: pointer;}
.unstallbox .unstall_btn:hover{background-color: rgb(234, 83, 30)}

@media (min-width: 768px) and (max-width: 979px) {
    .search_banner img{min-height:255px;}
}
@media (max-width: 767px) {
    .install-helper .helper-left{width:100%;}
    .install-helper .helper-right{width:100%;}
    .unstallbox .muti-select .multi-sel {
      height: auto;
      margin-bottom: 12px;
    }
    .unstallbox .muti-select .multi-sel input[type="text"],.unstallbox .emailbox{
      border: 1px solid #aaa;
      width: 100%;
      height: 26px;
      padding: 4px;
    }
    .unstallbox textarea[name="content"]{
      max-width: 100%;
      border: 1px solid #aaa;
      padding: 4px;
    }
    .news-read .verdana img[src$="/images/resource/download-mac.jpg"]{
      margin-left: 12px;
    }
    .news-read .verdana img[src$="/images/resource/download-win.jpg"]{
      margin-left: 12px;
    }
    .news-read .verdana p[align="center"]{
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
    }
}
.guide a[href]{color:red;}
header a[title="Home"] img{margin-top:13px;width:210px !important;}

.topic-top{
    background-image: url(https://www.mobikin.com/images/topics/topbg.png);
    background-size: 100% 100%;
    width: 100%;
    height:200px;
    color:#fff;
    padding-top: 80px;
    padding-bottom: 200px;
}
.topic-top h3:first-of-type{
    line-height: 60px;
    margin-left: 100px;
    font-size: 50px;
}
.topic-top h2{
    line-height: 70px;
    margin-left: 100px;
    font-size: 60px;
}
.topic-top h2 span{
    color:#ed5564;
}
.topic-top .score-percent{
    margin-top: 140px;
}
.topic-top .label-yes{
    float: left;
    text-align: left;
    color: #ed5564;
    width: 50%;
    font-size: 24px;
}
.topic-top .label-no{
    float: right;
    text-align: right;
    color: #1c1f2a;
    width: 50%;
    font-size: 24px;
}
.topic-top .score-img{
    width:100%;
    float: left;
    background-color: #1d202c;
    height: 10px;
    border-radius: 4px;
}
.topic-top .score-img-left{
    float: left;
    background-color: #ed5564;
    border-radius: 4px;
    height: 10px;
}
.topic-radio-yes-no{
    width:100%;
    display: block;
    cursor: pointer;
    background-color: #eeeef0;
    position: relative;
}
.topic-radio-yes-no img{
    width:100%;
    height: auto;
}
.topic-content{
    background-color: #eeeef0;
    float: left;
    width: 100%;
}
.topic-content .topic-form form{

}
.topic-content .topic-form form p{
    text-align: center;
    width: 100%;
}
.topic-content .topic-form form input{
    width: 100%;
    margin:5px 0px;
    padding: 3px;
}
.topic-content .topic-form form textarea{
    width: 100%;
    padding: 3px;
    border: solid 1px #ddd;
}
.topic-content .topic-form form .submit-yes{
    background-color: #ed5564;
    border-radius: 3px;
    width: 150px;
    height:40px;
    color:#fff;
    border:none;
    font-size: 18px;
    margin-top: 20px;
    cursor: pointer;
}

.topic-content .topic-form form .topic-title-yes{
    font-size: 24px;
    color:#ed5564;
    margin-top: 20px;
}
.topic-swiper-slide{
    width: 100% !important;
    text-align: center;
}
.topic-swiper-slide:hover{
    background-color: #fff;
}
.topic-swiper-slide .pic_show{
    text-align: center;
}
.topic-swiper-slide .shadow-bar {
    border:none;
    background-color: #fff;
    box-shadow: none;
}
.topic-swiper-slide .shadow-bar:hover {
    border:none;
    background-color: #fff;
    box-shadow: none;
}
.topic-wave {
    width:100%;
}
.topic-wave img{
    width:100%;
    height: auto;
}
.topic-wave1{
    background-image: url(/images/topics/wave.png);
    background-size: 100% 13%;
    background-color: #ed5564;
    background-repeat: no-repeat;
    background-position-y: 200px;
    float: left;
    width: 100%;
    padding-bottom: 40px;
}
.topic-wave1 p{
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #fff;
    font-weight: 900;
    font-size: 24px;
}
.topic-wave1 .rootmap{
    margin-top: 0px;
}
.topic-wave1 .rootmap a{
    width: 20%;
    display: block;
    float: left;
    vertical-align: middle;
    line-height: 60px;
    height: 60px;
    color:#fff;
    font-size: 16px;
    text-align: center;
}
.topic-wave1 .rootmap a img{
    width:60px;
    height: 60px;
}
.how-to-root {
    background-image: url(/images/topics/how-to-root-bg.png);
    background-size: 100% 100%;
    text-align: center;
    margin-top:50px;
    height: 380px;
}
.how-to-root .title{
    font-size: 24px;
    color:#fff;
    background-color: #ed5564;
    padding:10px;
    text-align: center;
    margin: 20px 0px 0px 0px;
}
.how-to-root .how-to-root-imgs img{
    width:30%;
    height: auto;
    margin:130px 3px 0px 3px;
}
.how-to-root-content{
    width:250px;
    float: left;
    background-color: #d2d3d7;
    border-radius: 4px;
}
.c-center{
    margin: 0px 5px;
}
.how-to-root-content ul{
    margin-top: 20px;
    margin-bottom: 20px;
}
.how-to-root-content ul li{
    background: url(/images/topics/ico-li.png) no-repeat scroll 5px 7px;
    padding-left: 20px; 
    line-height: 25px;
}
.how-to-root-content ul li:last-of-type{
    background: none;
    color:#ed5564;
    text-align: right;
    padding-right: 20px;
}
.how-to-root-content ul li:last-of-type a{
    color:#ed5564;
}
.topic-footer {
    width: 100%;
    float: left;
}
.topic-top-bg{
    width: 100%;
    height: auto;
    margin-top: 50px;
}
.topic-top-bg img{
    height: auto;
}
.topic-footer{
    background-color: #d2d3d7;
}
.topic-footer .topic-footer-content{
    background-color: #d2d3d7;
    width: 100%;
}
.topic-footer .topic-footer-content .title{
    background-color: #ed5564;
    padding: 0px 20px 10px 20px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    display: block;
    margin-left: 8px;
    margin-right: 8px;
}

.topic-footer .content{
    margin-top:50px;
}
.topic-footer .content h2{
    font-weight: 900;
    margin: 20px 0px;
}
.topic-footer .content ul li{
    background: url(/images/topics/footer-ico-li.png) no-repeat scroll 0px;
    padding-left: 12px;
}
.topic-buy-win{
    background-color: #ed5564;
    padding: 10px 15px 10px 40px;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    display: block;
    width: 80px;
    text-align: center;
    background-image: url(/images/topics/buy-win.png);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 10px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}
.topic-buy-mac{
    background-color: #464646;
    padding: 10px 15px 10px 40px;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    display: block;
    width: 80px;
    text-align: center;
    background-image: url(/images/topics/buy-mac.png);
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 10px;
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
}
.topic-buy-mac:hover,.topic-buy-win:hover{
    color:#fff;
}
.topic-footer .right-imgs img{
    width:30%;
    margin-top: 50px;
}
.topic-change-yes{
    width:50%;
    position:absolute;
    background-color: #000;
    height: 140px;
    display: block;
    border:none;
    top: 0px;
    background: transparent;
}
.topic-change-yes:hover{
    cursor: pointer;
}
.topic-change-no{
    width:50%;
    position:absolute;
    background-color: #000;
    height: 140px;
    display: block;
    border:none;
    float: right;
    top:0px;
    right: 0px;
    background: transparent;
}
.topic-change-no:hover{
    cursor: pointer;
}
.news-read .related-article{
    background-color: #fff;
    position: fixed;
    left: calc(70% + 30px);
    z-index: 999;
    /*bottom: 0*/
    top:134px;
}
.news-read .related-article h3 {
    margin-top: 0px;
}
.related-article-toggle {
    bottom: auto !important;
    top:40%;
}
.related-article-toggle .b_line {
    display: none;
}
.news-read .related-article.top{
    /*position: relative !important;*/
    /*left: 0 !important;*/
    top:134px;
}
@media (min-width: 768px) and (max-width: 979px) {
    .topic-top h3:first-of-type {
        line-height: 40px;
        margin-left: 60px;
        font-size: 30px;
    }
    .topic-top h2 {
        line-height: 50px;
        margin-left: 60px;
        font-size: 50px;
    }
    .topic-top .score-percent {
        margin-top: 100px;
    }
    .topic-top {
        height: 100px;
    }
    .how-to-root,.topic-more-tip{
        width: 620px !important;
    }
    .how-to-root-content {
        width: 200px;
    }
    .topic-top-bg img{
        width: 492px;
    }
    .topic-footer .topic-footer-content div:last-of-type{
        width: 492px;
    }
    .topic-footer .content, .topic-footer .right-imgs {
        width: 300px;
    }

    .topic-wave1 {
        background-position-y: 150px;
    }
    .topic-wave1 .rootmap a{
        line-height: 40px;
        height: 40px;
    }
    .topic-wave1 .rootmap a img{
        width:40px;
        height: 40px;
    }
}
@media (max-width: 767px) {
    .topic-top h3:first-of-type {
        line-height: 40px;
        margin-left: 20px;
        font-size: 24px;
    }
    .topic-top h2 {
        line-height: 40px;
        margin-left: 20px;
        font-size: 30px;
    }
    .topic-top .score-percent {
        margin-top: 60px;
    }
    .topic-top {
        height: 50px;
    }
    .how-to-root,.topic-more-tip{
        width: 100%;
    }
    .how-to-root-content {
        width: 250px;
    }
    .topic-top-bg img{
        width: 100%;
    }
    .topic-footer .topic-footer-content div:last-of-type{
        width: 100%;
    }
    .topic-footer .content {
        width: 50%;
        float: left;
        padding: 0px 20px;
    }
     .topic-footer .right-imgs {
        width: 50%;
        float: right;
    }
    .topic-footer .topic-footer-content .grid_3{
        display: none;
    }
    .topic-wave1 {
        background-position-y: 140px;
    }
    .topic-wave1 .rootmap a{
        line-height: 30px;
        height: 30px;
    }
    .topic-wave1 .rootmap a img{
        width:30px;
        height: 30px;
    }
    
    .news-read .related-article{
        position: relative;
        left: 0;
    }
}

.toplist{background:#f2f2f2;padding:20px;}
.toplist li{ list-style:disc;margin-left:15px; line-height:2em;color:#1eade7;}
.toplist li a{color:#1eade7;}

.page_tips, .page_summary{border-radius:5px; padding:20px; margin-top: 30px; font-size:16px; line-height:1.45; position:relative; border:1px solid #e8e6e6;}
.page_tips:before{width:50px; height:26px; padding-left:36px; border-radius:5px 5px 0 0; position:absolute; top:-26px; left:20px; color:#fff;}
.page_tips:before{ content:"Tips"; background:#26a8ff url(../images/tips-icon.png) 12px 3px no-repeat;}

.hc-free-fullbanner{background: rgba(255, 254, 253, 0.9);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:100%;width: 100%;position: fixed;z-index: 999}
.hc-free-fullbanner .pb-h2{ color: #259bd6;}
.hc-free-fullbanner .share-content{width: 640px;height: 370px;margin: 120px auto 0px auto;overflow: hidden; position: relative;}
.hc-free-fullbanner .share-form{width: 400px;margin: 0 auto;overflow: hidden; text-align: left;}
.hc-free-fullbanner .share-form .start{ color: #259bd6; margin-right: 5px;}
.hc-free-fullbanner .share-form  input[type="text"]{ width: 100%; background: #fff;border: 1px solid #ddd;height: 30px;}
.hc-free-fullbanner .share-form  input[type="text"].width20{ width: 20%; margin-right: 15px;}
.hc-free-fullbanner .share-form  .refresh{ margin-left: 15px; font-size: 16px;color: #259bd6;}
.hc-free-fullbanner .share-form input[type="button"] { width:100%; height: 38px;line-height:38px;border-radius: 100px;font-size: 18px;border: 0; background-color:#259bd6;color: #fff;margin-top: 30px }
.hc-free-fullbanner .share-form input[type="button"]:hover{background:#005ba1;}
.hc-free-fullbanner .share-form input[type="button"]:FOCUS {border-radius: 100px; outline:none; }
.hc-free-fullbanner .share-div{background: rgba(255, 254, 253, 0.9); width: 640px;height: 360px;margin: 0 auto;overflow: hidden;  position: absolute; top: 0;}
.hc-free-fullbanner .share-content .title{ color: #2e2e2e;margin: 50px 0 30px 0; font-size: 20px; text-align: center;
}
.hc-free-fullbanner .share-content .share-btn{ margin: 0 0 20px;}
.heic-get{background:#f6a623; color:#fff; width:130px; text-align:center; padding:0 45px; border: solid 2px #f6a623;}
.heic-get:hover, .heic-get:focus, .heic-get:active{border:solid 2px #ed8b04;color:#fff;background:#ed8b04;color:#fff;}
.hc-free-fullbanner .text-center{text-align: center; background: rgba(255, 254, 253, 0.9);}
.hc-free-fullbanner .share-close {position: absolute;z-index: 100;right: 0px;top: 10px;cursor: pointer;height: 40px;width: 40px;}
/*mobile download*/
.container-fluid{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
.container-fluid input{
    box-sizing: border-box;
}
.mobiledownload{
  position: fixed;
  top: 0;
  z-index: 1000300;
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 2rem;
  overflow: scroll;
}
.mobiledownload .close{
  float: right;
  display: flex;
justify-content: right;
  text-align: right;
  padding: 0 0 1rem 1rem;
height: 3rem;
width: 3rem;
}
.mobiledownload .close a{
  background-image: url(/skin/default/images/email-close.png);
  display: block;
  height: 11px;
  width: 11px;
}
.mobiledownload .productinfo {
  margin-top: 6rem;
}
.mobiledownload .productinfo .sendbutton{
    background-color: #e7edf0;
    padding: 2rem 1rem;
}
.mobiledownload h3{
  color:#1b455a;
  font-weight: 900;
  text-align: center;
  margin: 1rem 0;
}
.mobiledownload p{
    color:#112637;
}
.mobiledownload .productinfo >div:nth-child(1){
  text-align: center;
}
.mobiledownload .productinfo >div input{
  width: 100%;
  height: 2.5rem;
  margin: 4px 0;
  border: 1px solid #d2d2d2;
  padding: 2px 0 0 1rem;
}
.mobiledownload .productinfo >div .error{
  color: #e7542f;
  font-size: 10px;
  padding: 0;
  display: none;
}
.mobiledownload .productinfo >div button{
  width: 100%;
  margin-top: 1.5rem;
  height: 2.5rem;
  background-color: #1b455a;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
}
.mobiledownload .productinfo .sendbutton .sending{
    text-align: center;
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.mobiledownload .productinfo .sendbutton .sending{
    display: none;
}
.mobiledownload .productinfo .sendbutton .sending img{
    height: 64px;
    width: 64px;
    -webkit-animation: spin 1s linear 1s 5 alternate;
    animation: spin 1s linear infinite;
}
.mobiledownload .productinfo .sendbutton .sending p:first-of-type{
    color: #2e2e2e;
    font-weight: 900;
    font-size: 1.2rem;
    padding: 1rem 0;
}
.mobiledownload .productinfo .sendbutton .sending p:last-of-type{
    color: #525252;
}
.mobiledownload .androidinfo{
    background-color: #e2e2e2;
    padding: 1rem 1rem 2rem 1rem;
    text-align: center;
}
.mobiledownload .androidinfo h3{
    color: #010101;
    font-size: 1.5rem;
}
.mobiledownload .androidinfo p, .mobiledownload .androidinfo ul{
  text-align: left;
}
.mobiledownload .androidinfo ul{
  margin-bottom: 2rem;
}
.mobiledownload .androidinfo a{
  background-color: #149791;
  padding: .5rem 1rem;
  border-radius: 5px;
  color:#fff;
  font-size: 1rem;
}
.mobiledownload .sendresult {
    padding: 1rem 0;
    display: none;
}
.mobiledownload .sendresult img{
    max-width: 2rem;
    display: block;
    margin: 0 auto;
}
.mobiledownload .sendresult h4{
    text-align: center;
    font-size: 1.1rem;
    font-weight: 900;
    margin: 1rem 0;
}
@media(max-width:767px){
    .hc-free-fullbanner{ height: auto;}
    .hc-free-fullbanner .share-content{width: 100%;}
    .hc-free-fullbanner .share-form{width: 100%;}
    .hc-free-fullbanner .share-div{width: 100%;}

    footer .row{
        display: flex;
		flex-wrap: wrap;
    }
    .news-read .related-article{
        top:0;
    }
    .news-read .related-article.top{
        top:0;
    }
} 
@media(max-width:768px){
    .hc-free-fullbanner{ height: auto;}
    .hc-free-fullbanner .share-content {
        margin: 70px auto 0px auto;
    }
    .hc-free-fullbanner .share-form form {
        padding: 0px 20px
    }
    .hc-free-fullbanner .share-div {
        
    }
    .hc-free-fullbanner .share-div p{
        padding: 0px 20px;
    }
    .hc-free-fullbanner .share-div .rcode {
        word-wrap:break-word;
    }
    .grid_2_5{
        float: left;
        width: 50%;
    }
    .grid_2_5 h3{
        margin-top: 15px;
    }
    .screenshot .swiper-slide img{height: 100%;width:auto;}
} 
.news-read p iframe {
    width:  100%;
	max-width: 560px;
}

@media (max-width: 767px) {
    .news-read p iframe {
        height: auto;
    }
	.table-responsive-sm {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.table-responsive-sm table{
		width: auto !important;
	}
	.table-responsive-sm td{
		padding: .5rem;
	}
	.table-responsive-sm .table_bordered th, .table-responsive-sm .table_bordered td{
		word-break: normal !important;
	}
	.news-read article .content .table-responsive-sm a[href]{
		word-break: normal !important;
	}
}
.table_resource {width: 100%;margin-bottom: 40px;font-size:16px;table-layout:fixed;}
.table_resource th, .table-resource td { padding: 8px;line-height: auto;text-align:left;vertical-align: top;border-top: 1px solid #dddddd;}
.table_resource th { font-weight: bold;background:#f2f2f2;vertical-align: middle;padding:15px 8px;font-size:16px;}
.table_resource tr td.box_td { vertical-align:top;}
.table_resource tr td.box_td img {margin-bottom:5px;}

.table_bordered { border: 1px solid #dddddd;border-collapse: separate;*border-collapse: collapse;border-left: 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.table_bordered th, .table_bordered td { border-left: 1px solid #dddddd;vertical-align:middle;word-wrap: break-word;}
.table_bordered thead:first-child tr:first-child th,
.table_bordered tbody:first-child tr:first-child th,
.table_bordered tbody:first-child tr:first-child td { border-top: 0;}

.cookie_info{
    width:100%;
    background-color: #cdcdcd;
    padding: 10px 0;
    text-align: center;
    color: #324252;
    position: fixed;
    bottom: 0;
    z-index: 999;
}
.cookie_info a:hover{
    color: #324252;
    text-decoration: underline;
}
.cookie_info .cookie_get{
    background-color: #fff;
    padding: 5px 20px 5px 16px;
    margin-left: 20px;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none !important;
}
.resourcelist{
    list-style: disc;
    color: #1898f1;
    padding-left: 20px;
    padding-bottom: 15px;
}
.resourcelist.number{
    list-style: decimal;
    list-style-image:initial !important;
}
.resourcelist.mb-color{
  color:#333;
}
.resourcelist.mb-color li{
  padding-bottom:4px;
  word-break: break-word;
}
	.topic-content .topic-form form input{font-size:16px;padding:5px 8px;line-height:26px;border:solid 1px #ddd}
	.topic-content .topic-form form textarea{font-size:16px;}
	.message input{font-size:16px;line-height:34px;}
	.message textarea#saytext{font-size:16px !important}
	.review-from h4{font-size:20px;padding:10px;}
	.review-from .grid_7 input{height:36px;font-size:16px;}
	.review-from .grid_7 label{display:flex;align-items:center;}
	.review-from #remark{font-size:16px;padding:8px;}
	.review-from #key{height:36px;margin-right:12px;}
	.review-from #key+img{width:80px !important;height:36px !important;}


	h2{font-size:28px;line-height:38px;margin-bottom:30px;}
	.f12{font-size:16px;}
	.resource .grid_4 h3{font-size:24px;}
	.resource .grid_4 li{font-size:16px;}
	.resource .button a{font-size:16px;line-height:40px;width:160px;}
	.resource-list{font-size:16px;padding-bottom:30px;}
	.resource-list h2{font-size:40px;line-height:40px;padding-bottom:40px;}
	.resource-list .infolist h5{font-size:18px;}
	.resource-list .infolist li span{width:68px;height:74px;}
	.resource-list .infolist li span small{font-size:16px;line-height:32px;}
	.resource-list .infolist li{padding-bottom:10px;}
	.news-read{font-size:16px;}
	.news-read p{line-height:26px;}
	.news-read .location .grid_9{padding:12px 0;margin-top:42px;border-top:1px solid #ccc;}
	.news-read .container .row > .row{margin-left:0;}
	.news-read h1{font-size:36px;line-height:42px;margin-bottom:40px;}
	.news-read .content h2{font-size:28px;line-height:34px;margin:24px auto;}
	.news-read article .content h3{font-size:24px;margin:24px 0;}
	.news-read .related-article h3{font-size:24px;padding:5px 10px;}
	.related-articles-list li{line-height:22px;}
	.news-read article .content a[href*=".exe"]{margin:0 10px;}
	.news-read article .content a[href*=".dmg"]{margin:0 10px;}
	.page_tips, .page_summary{font-size:16px;}
	.pro-read{padding-bottom:30px;}
	.pro-read.location >.container{border-top:1px solid #ccc;padding-top: 12px;}
	.pro_banner h1{font-size:48px;line-height:52px;margin-bottom:40px;}
	.pro_banner span.p_b1, .pro_banner span.p_b2{font-size:14px;}
	.pro-button a{font-size:20px;height:60px;width:150px}
	.pro-button a small{font-size:12px;}
	.pro-button a.down, .pro-button a.buy{padding-left:68px;}
	.pro-button a.down::before, .pro-button a.buy::before{left:24px;}
	#pro-content{line-height:26px;padding-top:0;}
	#pro-content h3{font-size:24px;line-height:35px;margin-bottom:35px;}
	#pro-content .grid_6{margin-bottom:70px;}
	#subscribe input{height:32px;}
	#subscribe a{height:32px;}
	#product-show{padding-top:45px;margin-top:0;}
	.pro-tab li a{font-size:16px;}
	.pro-tab-top li a{line-height:40px;}
	.go-related a{padding:2px 15px;}
	.techspec td, .techspec th{height:44px;}
	.techspec table{margin-bottom:30px;}
	.techspec p+h2{margin-top:40px;}
	.review {padding-bottom:30px;}
	.review-write a{font-size:16px;padding:9px 26px;}
	.review.location{margin-top:30px;padding-bottom:0;}
	.review.location .grid_10{border-top:1px solid #ccc;padding-top:12px;}
	.sub-but{font-size:16px;padding:0 50px;line-height:48px;}
	.products h3{font-size:24px;}
	.products p{font-size:16px;line-height:26px;}
	.ico_win_white:before{margin-right:20px;}
	.downloads .grid_6 h3{line-height:26px;}
	.downloads .grid_6 p{font-size:16px;line-height:26px;margin-top:25px;height:110px;}
	.downloads .banner1-button a{font-size:16px;}
	.downloads .banner1-button{margin-left:170px;}
	.store .pic_show h3{font-size:24px;}
	.selling-point p{font-size:16px;}
	.goods-show .parameter h1{font-size:40px;padding-bottom:35px;line-height:48px;}
	.goods-show .parameter p{padding:35px 0;font-size:16px;}
	.goods-show .multibuy{font-size:16px;}
	.goods-show .multibuy .multiseop{height:34px;font-size:16px;}
	.store_buy{padding-bottom:20px;}
	.store_buy .note h4{font-size:24px;background-repeat-y:repeat;height:44px;line-height:44px;}
	.goods-show .price span{font-size:16px;}
	.first{margin-top:80px;}
	.button a{font-size:16px;line-height:32px;}
	.second{margin-top:60px;}
	.news-list{margin-top:40px;}
	.newsbar .swiper-slide time{font-size:14px;}
	.third.newsbar{padding-bottom:30px;}
	.sf-menu ul li span a{font-size:20px;}
	.sf-menu ul ul a{font-size:16px;}
	.sf-menu ul > li{width:360px;}
	.sf-menu li ul li:first-child{width:260px;}
	#cse-search-results{width:260px;}
	#cse-search-results input{height:28px;font-size:16px;width:200px;}
	#cse-search-results .search-btn{margin-top:12px;}
	.install-helper .helper-title{font-size:24px;margin:40px auto;}
	.install-helper .helper-content{margin-bottom:80px;}
	.install-helper .helper-content .hp4-go1{padding-top:40px;padding-bottom:40px;}
	.install-helper .helper-content .hp4-go1 .go1{padding:16px 44px;}
	.install-helper .helper-content .hp4-go2{padding-top:40px;padding-bottom:40px;}
	.install-helper .helper-content .hp4-go2 .go2{padding:16px 44px;}
	.install-title .titlecontent{padding:40px 0;}
	.uninstallcontainer{margin-top:80px;}
	.unstallbox h2{margin:60px 0 30px 0;}
	.unstallbox >div:first-of-type h2{margin-top:0}
	.unstallbox >h2:first-of-type{margin-top:60px;}
	.unstallbox input[type="text"]{font-size:16px;padding:4px;}
	.unstallbox .muti-select .multi-sel{padding:4px 0;display:flex;align-items:center;}
	.unstallbox .unstall_btn{height:55px;width:218px;}
	.company .grid_9>h1{font-size:36px;line-height:42px;}
	aside h3{font-size:24px;height:44px;line-height:44px;}
	.company .grid_9 h2{margin-top:16px;margin-bottom:24px;line-height:34px;}
	.support-list article h2{font-size:28px;}
	.support-list article h3{font-size:24px;}
	.support-list aside h3{height:44px;padding-bottom:0;}
	.faq-li .faq-text{line-height:26px;}
	.errors h2{font-size:28px;margin-bottom:30px;}
	.errors h3{font-size:24px;line-height:34px;margin-bottom:30px;}
	.errors .grid_4 >ul >li{margin-bottom:30px;}
	.errors .row >.grid_4:last-of-type >ul >li{margin-bottom:0}
	.errors .grid_4 >ul >li >a{margin-bottom:20px;}
	.connect.failed .cont{font-size:16px;}
	.topic-content .topic-form form{padding:60px 0;}
	.topic-footer{margin-bottom:30px;}
	.message .submit a{height:55px;line-height:55px;padding:0 54px;margin:40px 0;}
	footer .social{margin-top:28px;}

@media only screen and (max-width: 479px){
	.sf-menu ul li span a{font-size:16px;}
	.sf-menu ul ul a{font-size:14px;}
	.sf-menu > li > span:after{font-size:16px;}
	.sf-menu > li.searchbar{margin-left:20px;}
	#cse-search-results input{font-size:16px;width:220px;}
	.banner .banner-bar .banner_text .f32, .banner .banner3-bar .banner_text .f32,.banner .banner-bar .banner3_text .f32{line-height:36px;font-size:32px;}
	.location{font-size:16px;}
	.location a{font-size:16px;}
	.resource{margin-top:30px;}
	.company .grid_9 h2{margin-top:20px;}
	.resource .grid_4 li{font-size:16px;}
	.resource .button a{font-size:16px;line-height:40px;width:160px;}
	.resource-list h2{font-size: 26px;line-height:32px;}
	.resource .grid_4 h3{font-size:24px;}
	.resource-list h3{font-size:22px;margin-top:15px;}
	.resource-list h4+p{font-size:16px;}
	.resource-list >.container >.row >.grid_4{margin-bottom:20px;}
	.resource-list .pagenext{display:flex;flex-wrap:wrap;}
	.resource-list .pagenext>span{margin-bottom:8px;}
	.resource-list .pagenext>span:last-of-type a{margin-right:0}
	.resource-list .pagenext span a{padding:3px 4px;margin-right:6px;}
	.infolist li h5 a{font-size:18px;}
	.infolist li h5{line-height:22px;}
	.infolist li h5, .infolist li p{font-size:16px;margin-bottom:8px;}
	.pagenext span a{font-size:16px;}
	.news-read h1{font-size:30px;line-height:36px;}
	.news-read{font-size:16px;}
	.news-read p{font-size:16px;line-height:26px;}
	.news-read .content h2{font-size:28px;line-height:34px;}
	.news-read .content h3{font-size:24px;line-height:30px;}
	.news-read .row >article{order:1}
	.news-read .row >section.location{order:3}
	.news-read .row >div.row{order:2}
	.products h3{font-size:22px;line-height:32px;margin-bottom:20px;}
	.products .row>div:nth-child(2n){margin-bottom:40px;}
	.products p{font-size:16px;line-height:26px;}
	.pro_banner h1{font-size:32px;line-height:36px;}
	.pro_banner p.f18{font-size:16px;line-height:26px;margin-bottom:10px;}
	.pro_banner p{font-size:16px;}
	.pro-button a span{font-size:16px;padding-top:16px;}
	.pro-button a small{font-size:12px;}
	.pro_banner span.p_b1, .pro_banner span.p_b2{font-size:14px;}
	.pro-tab{margin-bottom:0;}
	.pro-tab li a{font-size:16px;}
	.tab-menu a{font-size:16px;}
	.pro-button a.down::before, .pro-button a.buy::before{top:16px;}
	.proshow{font-size:16px;}
	#product-show{padding-top:45px;margin-top:0;}
	#pro-content{font-size:16px;line-height:26px;}
	#pro-content .grid_6{margin-bottom:15px;}
	#pro-content h3{font-size:22px;line-height:26px;margin-bottom:30px;}
	#pro-content .row >div:nth-child(2n){margin-bottom:35px;}
	.pro-review-title p{font-size:16px;}
	.pro-review .swiper-slide p{font-size:16px;line-height:26px;}
	.pro-review .grid_8 .swiper-wrapper{min-height:auto;height:auto !important;}
	.pro-review .grid_8 .swiper-wrapper .swiper-slide{height:auto !important;}
	.pro-button{margin-top:10px;}
	.review .grid_10 h2{font-size:26px;line-height:28px;}
	.review-write span{font-size:16px;}
	.review-write a{font-size:16px;padding:9px 16px;}
	.review .grid_8 p{font-size:16px;}
	.review-list .text_c{font-size:14px;}
	.sub-but{font-size:16px;padding:0 50px;line-height:40px;}
	.selling-point p{font-size:14px;}
	.selling-point .grid_3{width:calc(50% - 10px);font-size:14px;}
	.goods-show{margin-top:50px;}
	.goods-show .parameter h1{font-size:32px;line-height:36px;padding-bottom:20px;margin-top:30px;}
	.goods-show .parameter p{font-size:16px;padding:35px 0;}
	.goods-show .multibuy{font-size:16px;}
	.goods-show .multibuy .multiseop{height:34px;font-size:16px;margin:12px 0}
	.store_buy .note h4{font-size:18px;}
	.store_buy .note{font-size:16px;}
	.topic-content form{
		width: calc(100% - 40px);
		margin-left:20px;		    
	}
	.topic-content form input{box-sizing: border-box;}
	footer{margin-top:80px !important;}
	.downloads .banner1-button{
		margin-left: 0;
		margin-top: 24px;
		display: flex;
		justify-content: space-between;
	}
	.review .review-from form .grid_7{width:100%;}
	.banner1-button a.b_down::before{left:10px;top:7px;}
	.install-helper .helper-content{padding-left:20px;padding-right:20px;margin-left:0;margin-right:0;}
	footer .social{margin-top:10px;}
}