.sopu-breadcrumb{ display: none}
.main-wrapper{ padding: 0}
.home-section01 .title h2{ padding-bottom: 2rem;}
.home-section01-txt{ background: #fff; padding: 15px;    -webkit-transition: all .2s linear;transition: all .2s linear;}
.home-section01-txt h3{ font-size: 1.25rem; font-weight: bold;padding: 10px 0}
.home-section01-txt .desc{color: #7e7e7e;line-height: 25px; height: 100px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.home-section01-txt:hover{    box-shadow: 0 3px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.2);transform: translate3d(0,-2px,0);-webkit-transform: translate3d(0,-2px,0);  cursor: pointer;}
.sub-txt h2{ margin-bottom: 1rem; font-weight: bold}
.foot-friendly{ text-align: center}
.foot-friendly a{ padding: 0 5px;}
.pro-intro-row,.pro-intro-info{ padding: 15px 0}
.pro-intro-item{ background: #fff; padding: 40px 20px; height:250px; text-align: center; overflow: hidden; color: #888;-webkit-transition: all .2s linear;transition: all .2s linear;}
.pro-intro-item:hover{ background: #fff url(/sp-content/uploads/2019/07/xd.png) no-repeat left top; cursor: pointer;box-shadow: 0 3px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.2);transform: translate3d(0,-2px,0);-webkit-transform: translate3d(0,-2px,0);background-size: 100%;}
.pro-intro-item a{ color: #333}
.pro-intro-item i,.pro-intro-item b{ display: block}
.pro-intro-item i{ font-size: 60px; padding-bottom: 10px;}
.pro-intro-item b,.pro-intro-item strong{ font-size: 1.25rem}
.icon01{ color: #2F89BE}
.icon02{ color: #CBCF65}
.icon03{ color: #1296DB}
.icon04{ color: #6F57AE}
.icon05{ color: #D56230}
.icon06{ color: #55B855}
.icon07{ color: #BB7575}
.icon08{ color: #4269C0}
.icon09{ color: #2A95C4}
.icon10{ color: #765B7C}
.icon11{ color: #55B855}
.icon12{ color: #D56230}
.pro-intro-item:hover i,.pro-intro-item:hover b{ color: #2e84bd}
.buy-sub-txt{ padding: 5px 0;}
.buy-sub-txt h4{margin: 15px 0 10px 0;font-size: 1.2rem;}
.buy-sub-txt li{ width: 20%; float: left; text-align: center; background: #eee; color: #FF0000; font-size: 1rem; line-height: 3rem; border: 1px solid #fff; font-weight: bold}
.table th{ background: #7a7a7a; color: #fff}
.table td, .table th{ vertical-align: middle}
.red-txt{ color: #FF0000}
hr{ margin: 20px 0; border-color: #ddd}
.contact-box i{ margin-right: 10px;}
.contact-box p{ line-height: 3; font-size: 1rem}
.about-top-section{min-height: 700px; background-position: top center!important}
.about-banner-txt{    padding: 14em 0em 0em 0em;
    text-align: right;
    width: 50%;
    float: right;}
.about-banner-txt h2 {
    font-size: 2em;
    font-weight: 700;
    color: #a89574;
    text-align: center;
    margin-bottom: 20px;
}
.about-banner-txt p {
    font-size: 1rem;
    font-weight: 400;
    color: #c2c2c2;
    line-height: 30px;
    text-align: left;
}
.about-banner-txt a,.about-sub-txt  a,.buy-sub-txt a,.contact-box a{ color: #2e84bd; text-decoration: underline}
.about-banner-txt a:hover,.about-sub-txt  a:hover,.buy-sub-txt a:hover,.contact-box a:hover{ color: #FF0004;}
.mar-5{ margin: 0 .5rem;}
.about-banner-txt .bann-btn {
    margin: 2rem 0 0 0;
}
.about-banner-txt .bann-btn a {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    border: 1px solid #fff;
    padding: 0.5rem 0.9rem;
    border-radius: 5px;
    text-decoration: none;
    line-height: 50px;-webkit-transition: all .2s linear;transition: all .2s linear;
}
.about-banner-txt .bann-btn a:hover{background: #a89574;border: 1px solid #a89574;text-decoration: none;}
.about-sub-txt h2{ margin-bottom: 1rem}
.about-sub-txt p{ line-height: 2.5; font-size: 1rem;}
.sp-gallery-slides li.isotope-item{ width: 33.3%!important; padding:15px!important; margin: 0!important}
.sp-gallery-slides li.isotope-item a{ display: block; border: 1px solid #ddd; text-align: center; min-height: 270px; padding: 5px;}
.sp-gallery-slides li.isotope-item img{ display: inline-block!important}
.faq-banner .vc_column_container>.vc_column-inner{ padding: 0 }
.faqs-table .vc_tta-panel-title{ font-size: 1rem; font-weight: bold}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a{color: #333!important}
.faqs-table .vc_tta-panel-body{ background: #fff!important; color: #393939}
.sp-header-wrapper{ border-bottom: 5px solid #333; padding: 0; height:auto}
.sp-header-wrapper .nav-link{ padding: 0}
.category .main-wrapper,.page-id-309 .main-wrapper,.page-id-1558 .main-wrapper{ background: #F7F7F7; }
.main-wrapper{ min-height: 80vh; }
.new-list-info .item{ background: #fff; padding: 15px; margin-bottom: 20px; border-bottom: 0;-webkit-transition: all .2s linear;transition: all .2s linear;}
.new-list-info .item:hover,.download-list-info .the-list.bg-light:hover{cursor: pointer;box-shadow: 0 3px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.2);transform: translate3d(0,-2px,0);-webkit-transform: translate3d(0,-2px,0);}
.new-list-info .item .date{ font-size: 12px; color: #888}
.sp-page-title{ font-size: 1.5rem}
.single-post-title,.content-right h3{  font-size: 22px; font-weight: bold}
.suopu-post-wrapper{ padding: 1.5rem 0; background: #f7f7f7}
.bg-white{ background: #fff; padding: 20px}
.content-right h3.the-title{ font-size: 14px; font-weight: normal; border-bottom: 1px solid #eee; padding: 15px 0}
.content-right h3.the-title:last-child{ border-bottom: 0}
.new-list-right .the-post-excerpt{ height: 48px; overflow: hidden}
.download-list-info .the-list.bg-light{ background: #fff!important;-webkit-transition: all .2s linear;transition: all .2s linear;}
.download-list-info .download-title{ font-size: 1rem;font-weight: bold;}
.download-list-info .the-post-excerpt{color: #333;}
.download-list-info .size{ margin-top: 32px;}
.download-list-info .size,.download-list-info .date{ font-size: 12px;color: #898989;}
.download-list-info .download-btn{ text-align: center;margin-top: 38px;}
.download-list-info .download-btn a{background: #00a2ca; color: #fff; padding:5px 20px; display: inline-block}
.download-list-info .download-btn a:hover{ opacity: .8}
.video-list-info .post-title,.screenshots-list h3.title{ margin-top: 10px;}
.video-list-info .the-post-excerpt{    color: #898989;line-height: 1.5rem;}
.video-list-info .item{ padding-bottom: 2rem}
.single-videos_post_type li.menu-item-1567 a{color: #2e84bd;}
.video-list-info .post-thumbnail a{ display: block; position: relative}
.video-list-info .post-thumbnail a:after{content: "\f144";font-family: "Font Awesome 5 Pro"; font-size: 60px; position: absolute; left: 0; top: 50%; margin-top: -50px; width: 100%; text-align: center; color: #eee; z-index: 3}
.video-list-info .post-thumbnail a:before,.screenshots-list .item:hover .post-thumbnail a:before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 2;}
.single-post .item-content-inner img{ height: auto!important;}
.single-post .item-content-inner a{ text-decoration: underline;color: #45B6F7;}
.single-post .item-content-inner a:hover{ color: #FF0004}
.single-post .item-content-inner p{ margin: .5rem 0}
.home-section01-txt .pic{ width: 80%; margin: 0 auto}
.suopu-footer{ padding: 0}
.screenshots-list .post-thumbnail{ border: 1px solid #ddd; padding: 2px;}
.screenshots-list .item .post-thumbnail a{ display: block; position: relative}
#cboxContent{ position: relative}
#cboxContent #cboxPrevious{ position: absolute; left: 10px; top: 50%; bottom:auto; font-size: 0; outline: none}
#cboxContent #cboxNext{position: absolute; right: 10px; left: auto; top: 50%; bottom:auto; font-size: 0;outline: none}
#cboxContent #cboxPrevious:before,#cboxContent #cboxNext:before{font-family: "Font Awesome 5 Pro"; font-size: 50px;color: #0093e0; opacity: .5}
#cboxContent #cboxPrevious:before{content: "\f0a8";}
#cboxContent #cboxNext:before{content: "\f0a9";}
#cboxContent #cboxPrevious:hover:before,#cboxContent #cboxNext:hover:before,#cboxContent #cboxClose:hover:before{ opacity: 1}
#cboxContent #cboxClose:before{content:"\f057";font-family: "Font Awesome 5 Pro"; font-size: 40px;color: #333; opacity: .8}
#cboxContent #cboxClose{ position: absolute; top:0; font-size: 0; bottom:auto;outline: none}
#cboxTitle{ color: #333; font-weight: bold; font-size: 1rem}
.nav-links div{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; height: 2rem; line-height: 2rem}
#cboxCurrent{ left: 0}
.buy-sub-txt02{ font-size:1rem; line-height:2}
.buy-sub-txt02 p:before{ content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-right: 10px;}
.buy-sub-txt02 p{ margin-bottom: 10px;}
.post-down .post-down-btn{ display: inline-block; padding: 5px 30px;  background: #2e84bd; border-radius: 5px;color: #fff;}
.post-down{ font-size: 1.25rem}
.post-down .post-down-btn:hover{opacity: .8}
.home-news-item{ background: #fff; padding: 15px;}
.home-news-item h3.title{font-size: 1.25rem;line-height: 2rem; font-weight: bold; padding-bottom:10px}
.home-news-item h3 a{ font-size: 14px;color: #2e84bd; font-weight: normal}
.home-news-item h3 a:hover{ text-decoration: underline}
.home-news-item .the-post-grid1 .item h3,.home-news-item.faqs .the-post-grid1 .item .post-title{ font-size: 14px; font-weight: normal; line-height: 30px; height: 30px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.home-news-item .the-post-grid1 .item h3:before,.home-news-item.faqs .the-post-grid1 .item a:before{content: "\f105";font-family: "Font Awesome 5 Pro"; margin:0  5px;}
.edition-txt .title { color: #fff; padding-top:10px;}
.edition-txt .title  .sm-tit{ padding:15px 0}
.edition-txt .title span {
   width: 66px; height: 24px; line-height: 24px; text-align: center; margin: 0 auto;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    padding: 0 5px;
}
.edition-txt .con{
    padding:40px;
    line-height: 35px;
    font-size: 18px;
}
.edition-txt .con .desc{height: 150px;overflow: hidden}
.edition-txt .buy-btn-info .buy-btn{border-radius: 20px;
    width: 150px;
    text-align: center;
    padding: 5px 20px;
    background: #ee5d31; display:inline-block;
    color: #fff;
    text-decoration: none; margin: 0 auto}
.edition-txt .buy-btn-info .buy-btn:hover {
    background: #ff4200;
}
.edition-txt .buy-btn-info{ padding-top:30px;}
.edition-txt.txt02 h2.title{background:#32BADC url(/sp-content/uploads/2019/07/a2bg.png) no-repeat left top; background-size: 100%;} 
.edition-txt.txt03 h2.title{background:#EE5D31 url(/sp-content/uploads/2019/07/a3bg.png) no-repeat left top; background-size: 100%;} 
.edition-txt.txt02 .con {background: #BDF2FF;color: #2fb0d0;}
.edition-txt.txt03 .con {background: #fabaa7;color: #dc572e;}
.version-function-table{ background: #fff; font-size:1rem}
.green-txt{ color: #2EC08B; font-weight: bold; font-size:1.5rem;}
.pro-intro-item .desc{ line-height:28px; height:84px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}



@media screen and (max-width:1024px){
   .suopu-navbar a{ font-size: 14px;}
    h2{ font-size: 1.5rem}
    .download-file-c{ padding-right: 0}
    .about-banner-txt{ width: 60%}
    .sp-gallery-slides li.isotope-item a{ min-height: 200px;}
}
@media screen and (max-width:768px){
    .pro-intro-item{padding: 15px;}
     .pro-intro-item i{ font-size: 40px;}
    .download-file-c span{ display: block}
    .download-list-info .download-btn a{padding: 5px 15px;}
    .buy-sub-txt li{ width: 33.3%}
     .about-banner-txt{ width: 80%}
    .sp-gallery-slides li.isotope-item a{ min-height: 140px;}
    .main-wrapper{ min-height: auto}
      .mobile-fixed-bottom{position: fixed;bottom: 0;z-index: 99;width: 100%;height: 50px; line-height: 50px; background: #2e84bd;padding:0}
    .mobile-fixed-bottom li{ text-align: center; font-size: 1rem; position: relative}
    .mobile-fixed-bottom li i{ margin-right: 10px;}
    .mobile-fixed-bottom li  a{ color: #fff} 
    .mobile-fixed-bottom li:first-child:after{ content: ''; border-right: 1px solid #2472a6;  position: absolute; top: 0; right: 0; height: 50px;}
}
@media screen and (max-width:420px){
    .navbar-logo img{ height: 40px;}
    .menu-bar .pt-3{    padding-top: .5rem!important;}
    .home-section01-txt,.sub-txt{ margin-bottom: 20px!important;}
    .home-section01-txt .pic{ width: 50%}
    .home-section01-txt .desc{ height: auto; overflow: inherit; display: block}
    .footer-bottom{ padding: 15px; font-size: 12px;}
    .sp-mbheader-wrapper{ border-bottom: 3px solid #333}
    .sub-section {padding-top: 1rem;padding-bottom:1rem;}
    .pro-intro-item{ height: 215px;}
    .pro-intro-row{ padding: 0}
  .home-news-item{ margin-bottom:15px!important}
    .pro-intro-row .vc_col-sm-3{ width: 50%; float: left}
    .pro-intro-item b,.buy-sub-txt h4{ font-size: 1rem;}
    .pro-intro-item p{ font-size: 12px; }
    #cboxContent #cboxPrevious:before, #cboxContent #cboxNext:before,#cboxContent #cboxClose:before{ font-size: 30px;}
    .download-list-info .post-thumbnail{ text-align: center; margin-bottom: 10px;}
    .download-list-info .size{ margin-top: 0;}
    .download-list-info .download-btn{ margin-top: 5px}
    .video-list-info .the-post-excerpt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; height: 4.5rem;}
    .video-list-info .item{ padding-bottom: 1rem}
    .video-list-info .post-thumbnail a:after{ font-size: 40px;margin-top: -40px;}
    .new-list-info h3.post-title, .video-list-info .post-title, .screenshots-list h3.title{ font-size: 14px;white-space: inherit;}
    .suopu-post-wrapper{ padding: 1rem 0}
    .buy-sub-txt li{ width:50%;text-align: left; padding: 0 10px;font-size: 14px;}
  .buy-sub-txt li:last-child{ width: 100%; text-align: center}
    .content-right{ margin-top: 20px;}
    .contact-box p{line-height: 2.5;font-size: 14px;}
    .contact-box h3,.about-banner-txt h2{ font-size: 1.5rem}
    .contact-box{ padding-bottom: 1rem}
    .about-top-section{    background-size: 100%!important;min-height: 235px;}
    .about-banner-txt{ width: 100%;padding: 1rem;}
    .about-banner-txt h2{ margin-bottom:0}
    .about-banner-txt span{ display: block;  text-align: center; line-height: 1.5}
    .about-banner-txt .bann-btn{ text-align: center}
    .about-banner-txt .bann-btn a{ color: #fff; border: 1px solid #0093e0; background: #0093e0}
    h4{ font-size: 1.2rem}
    .about-sub-txt p,.buy-sub-txt02{ line-height: 2; font-size: 14px;}
    .sp-gallery-slides li.isotope-item a{ min-height: 65px;}
    .faqs-table .vc_tta-panel-title,.pro-intro-item b,.pro-intro-item strong{ font-size: 14px;}
  .pro-intro-item b,.pro-intro-item strong{ display:block; height:28px; line-height:28px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    #toTop{ bottom:40px;}
     .suopu-footer{ padding-bottom: 50px;}
    .download-file-c span{    display: inline-block;}
  .buy-code img{ width: 200px;}
  .buy-code p{ text-align: center}
  .buy-top-title h2{ font-size: 1.2rem}
  .pro-intro-row .vc_col-sm-4{ width: 33.3%; float: left;border: 1px solid #ddd}
  .pro-intro-row .vc_col-sm-4>.vc_column-inner,.home-news-cc .vc_column_container>.vc_column-inner{ padding: 0}
  .pro-intro-item{padding:10px 5px;}
  .edition-txt .con .desc{ height: auto;}
  .edition-txt .con{padding: 15px;line-height: 25px; font-size: 14px;}
  .edition-txt{ margin-bottom:15px!important;}
  .version-function-table{ font-size:14px;}
  .edition-txt .buy-btn-info {padding-top: 15px;}
  .edition-txt .title .sm-tit {padding: 5px 0;}
  .pro-intro-item .desc{height: 112px;-webkit-line-clamp: 4;}
  h5{ font-size:14px}

}