/*Home page Style*/
.fs_home_banner_bg{ background:linear-gradient(130deg,#00196E 40%, #00B6F8);}
.fs_home_banner{background:url(/wp-content/themes/fineshare/images/im-home-banner3.png) no-repeat center; height:700px; width:100%; overflow: hidden; margin:0!important; padding:0!important;}
.fs_home_banner_txt{ color: #fff; text-align: left; overflow:hidden; z-index:100;}
.fs_home_banner_txt h1{ color: #fff; font-size:90px; font-weight: 700; padding:140px 0 0 0; z-index:100;}
.fs_home_banner_txt p{ font-size: 24px; padding: 4px 0;}
.fs_home_banner_txt p a{ background: #00B6F8; color: #000; border-radius: 4px; padding: 10px 25px; display: block; width: 200px; font-size: 18px; text-align: center; font-weight: 600;}
.fs_home_banner_txt p a:hover{ background:#45cbfc;  text-decoration:none;}
.fs_home_banner_txt p a::after{ content: ''; width: 24px; height: 24px; background-image: url(/wp-content/themes/fineshare/images/ic_arrow_left.svg); display:inline-block; position: relative; top: 5px;}
.fs_home_banner_img1{ display:none; }
.fs_home_banner_img img{ margin:0 0 0 -190px; z-index:10;}
.br-item{ transform: translateY(10); opacity: 1;}
.br-item:nth-child(1){transform .5s ease-in-out,opacity .5s ease-in-out}
.br-item:nth-child(2){transition: transform .5s .2s ease-in-out,opacity .5s .2s ease-in-out;}
.fs_home_app{ text-align: center; padding: 40px 0;}
.fs_home_app h2{ font-weight: bold; padding:10px 0;}
.fs_home_product{ background-image: linear-gradient(90deg,#FDE6FE, #E5F7FE); padding: 60px 0!important; border-radius: 20px;}
.fs_pro_ui{padding: 0!important;}
.fs_pro_txt{padding: 20px 40px 0 0;}
.fs_pro_txt p {padding: 5px 0;}
.fs_pro_txt p b{ font-size: 24px; margin: 0 0 0 10px; position: relative; top: 0.425rem;}
.fs_pro_txt h2{ font-weight: bold; font-size: 42px;}
.fs_pro_txt p span{ font-size: 16px;}
.fs_home_blog{ padding: 40px 0;}
.fs_home_blog h2{ text-align: center; font-weight: bold; padding: 20px 0;}
.fs_home_bloglist{ border: 1px #ddd solid; display: block; border-radius: 10px;  margin: 10px auto; overflow: hidden; transition: transform .3s;}
.fs_home_bloglist:hover{ text-decoration: none; transform:translatey(-5px); }
.fs_home_bloglist p b{ font-size: 18px; color: #000; padding: 0 10px; display: block; font-weight: 600;}
.fs_home_bloglist p span{ display: block; padding: 0 10px; color: #495057; font-size: 0.875rem}
.fs_home_bloglist p img{ width:100%;}
.blog-list-content{padding:0 0 20px 0!important;}
/*blog Style*/
.blog-banner-img{height: auto; overflow: hidden; height:375px; padding:0!important;}
.blog-banner-img-item{ width:95%; height:375px; border-radius: 8px; overflow: hidden; }
.blog-banner-img-item p{ display:none; padding:0; margin:0;  }
.blog-banner-img-item p:nth-child(1){ display:block;}
.blog-banner-img-item p img{ width:100%; height:auto;}
.blog-banner-list{ background: #fff; border-radius: 8px; }
.blog-banner-list ul{ list-style: none; padding: 0;}
.blog-banner-list ul li{border-bottom: 2px solid #dee2e6;}
.blog-banner-list ul li a{ display: block; color: #888; padding:14px 0;}
.blog-banner-list ul li a:hover{ text-decoration: none;}
.blog-banner-list .blactive{border-bottom: 2px solid #007bff;}
.blog-banner-list .blactive a{ color:#007bff!important;}
.blog-banner-list ul li a span{ display: block; font-size:14px; font-weight:600;}
.blog-banner-list ul li a b{ font-size: 20px; font-weight: 600;}
.blog-item{ background: #fff; border-radius: 4px; overflow: hidden; height: 100%; }
.blog-item a{ display: block; color: #000; font-size: 18px; }
.blog-item a i{height: auto; overflow: hidden; display: block; border-radius:8px 8px 0px 0px; width:100%; background: #e8e8e8; border-radius:16px;}
.blog-item a i img{transition: all .5s; width:100%; height:auto;}
.blog-item:hover a{ color: #FF4218!important; text-decoration: none;}
.blog-item:hover i img{transform:scale(1.1);}
.blog-item a b{ display: block; padding: 16px 10px 8px 10px; font-weight: 600; line-height:24px; font-size:20px;}
.blog-item span{ display: block; padding: 4px 10px 24px 10px; color:#818181;}
.blog-category-banner{background-size: cover; border-radius: 8px; padding: 40px 0 0 0; text-align: center;}
.blog-category-banner div img{ border-radius: 8px;}
.blog-category-banner h1{ text-align: center;}
.blog-category-banner p{ width: 70%; font-size:20px; color:#333;}
/*blog Style*/
.blog-page-banner{ margin: 0 auto!important; padding: 0 0 20px 0;}
.blog-page-banner h1{ width:100%; padding:10px 0 0 0; font-size:40px; line-height: 46px;}
.blog-page-summary{ font-size:16px; color:#939393; padding: 10px 12px;}
.blog-page-tag{ font-size:14px;}
.blog-page-tag span{ font-size:16px; position:relative; top:-2px; color:#ccc;}
.blog-page-tag a{ font-weight:600;}
.blog-banner-tips{ padding:10px 0!important; margin:10px 0; background:#F9F9F9; border-radius:10px;}
.blog-banner-photo{ color: #495057; float:left; margin:0 4px 0 0; padding:0;}
.blog-banner-photo img{ border-radius: 50px; margin-top:4px;}
.blog-banner-time{ font-size:14px; color:#495057; line-height:24px; margin: 0 0 0 4px; float: left;}
.blog-banner-time a{font-size:16px; display:block; padding:7px 0 0 0!important; line-height:16px;}
.blog-banner-pro{ line-height:48px; border-left:1px #E7E7E7 solid; padding:0 0 0 8px!important;}
.blog-banner-pro div{padding:0; line-height:24px;}
.blog-banner-pro-app{ text-align:center; }
.blog-banner-pro-app img{margin-top:4px;}
.blog-banner-pro-txt{ font-size:14px; color:#495057; line-height:14px;}
.blog-banner-pro-txt a{ font-size:16px; display:block; padding:7px 0 0 0; line-height:16px;}
.blog-banner-get{ background:#007bff; color:#fff; padding:4px 8px; border-radius:20px; font-weight:500; margin:8px 0 0 0; display:block; width:100%; text-align:center;}
.blog-banner-get:hover{ background:#429DFF; color:#fff; text-decoration:none;}
.blog-banner-share{ text-align:right; line-height:52px; color:#313131; font-size:14px;}
.blog-banner-share a{ color:#444; margin:0 0 0 8px; font-size:18px; position:relative; top:8px; width: 27px; height: 27px; overflow: hidden; display: inline-block; }
.blog-banner-share a i{ font-size: 20px;}
.blog-banner-share a:hover{ color: #FF4218;}
.blog-banner-share a:hover .share-twitter2{ background:#FF4218;}
.blog-banner-share a:hover .share-linkedin2{ background:#FF4218;}
.share-readit2{ font-size: 27px!important; position: relative; top: -12px; left:-1px;}
.share-twitter2{background:#444; color: #fff; border-radius: 60px; font-size: 16px!important; padding:3px; position: relative; top:-13px; left: -1px;}
.share-facebook2{position: relative; font-size:23px!important;  top: -14px;  left:-1px;}
.share-linkedin2{ background:#444; color: #fff; border-radius: 60px; font-size: 17px!important; padding:3px; position: relative; top: -13px; left: -1px;}


.blog-page-thumbnail{ overflow:hidden; max-height:600px; justify-content:center; border-radius:8px;}
.blog-page-thumbnail img{ width:100%; height:auto; border-radius:8px; }
.blog-author{ margin:10px auto!important; padding: 10px 0!important; background:#F6FDFF;}
.blog-author-photo {padding:0!important;}
.blog-author-info {padding:0!important;}
.blog-author-photo img{ border-radius: 50px; margin:0; }
.blog-page-content a{ color:#FF4218;}
.blog-page-content a:hover{ text-decoration: underline; color:#FF4218;}
.blog-author-info p{ padding: 0; margin: 0; color: #495057; padding: 0 20px 0 0;}
.blog-author-info p a{ font-size:16px; font-weight: 600;}
.blog-page-content{margin: 0 auto!important; padding: 20px 0; font-size: 18px; line-height:1.9; letter-spacing:.2px;}
.blog-page-content h2{ font-size:24px; text-align: left; width:100%; background:#F9F9F9; padding: 10px; margin:30px 0 15px 0; border-radius:4px; border-left:4px #FF4218 solid;}
.blog-page-content h3{ font-size:22px; display:block; width:100%; margin: 25px 0 25px 0;}
.blog-page-content h4{ font-size:18px; display:block; width:100%;}
.blog-page-content h5{ display:block; width:100%;}
.blog-page-content h6{display:block; width:100%;}
.blog-page-content p{ font-size: 18px; line-height:1.9rem; letter-spacing:.2px; color: #495057; width:100%;} 
.blog-page-content figure{ text-align: center; padding: 0; margin: 0 10px 10px 10px;}
.blog-page-content figure img{ max-width: 100%; height: auto; margin: 0 0 16px 0;}
.blog-page-content img{ border-radius: 8px; max-width: 100%; height: auto;}
.blog-page-content figure figcaption{color: #939393; font-size: 14px;}
.blog-page-content ol {counter-reset: li;  margin: 0 0 0 40px;}
.blog-page-content ol li{ padding: 8px 0;  color: #495057; position: relative; list-style-type: none;}
.blog-page-content ol li::before{ position: absolute; left: -18px; -moz-left:100px; content: counter(li) "."; counter-increment: li; color: #FF4218; font-weight: 600;}
.blog-page-content ul{ padding: 0 0 0 10px; margin: 0 0 16px 40px;}
.blog-page-content ul li{ padding: 8px 16px 8px 16px;  color: #495057; list-style: none;}
.blog-page-content ul li::before{content: ''; width:12px; height:12px; position: absolute; -moz-left:100px; margin: 12px 0 0 -20px; font-weight:blod; background:url(../images/circle-fill.svg) no-repeat; background-size:6px 6px; background-position:center;}
.blog-page-content blockquote{ font-weight:600; font-size:24px; color:#000; background:#F9F9F9; padding:20px; font-style:italic; border-left:2px #000 solid;}
.blog-page-content blockquote::before{ content:''; display:block; width:28px; height:28px; background:url(/wp-content/themes/fineshare/images/ic-blockquote.svg) no-repeat; margin:0;}
.blog-page-content .youtube-video{position: relative; width: 100%; height: 0; padding-bottom: 56.25%;  background: #000;}
.blog-page-content .youtube-video iframe{ position: absolute; border: none; top: 0; left: 0; bottom: 0; right: 0;  width: 100%; height: 100%;}
.blog-page-content .lwptoc{ width:100%; border-radius:8px;}
.blog-bottom-time{ margin:0 auto!important; padding:16px 0; color:#666; font-style:italic;}
.blog-bottom-tag{ margin:0 auto!important; padding:0; line-height:24px;}
.blog-bottom-tag strong{ margin:5px 0 0 0; width:auto!important;}
.blog-bottom-tag a{ border:1px #ccc solid; border-radius:4px; margin:6px 4px; padding:4px 8px; color:#333; font-weight:500; width:auto!important;}
.blog-bottom-tag a:hover{ background:#FF4218; color:#fff; text-decoration:none;  border:1px #FF4218 solid; }

.blog-page-content table{ width: 100%; word-wrap:normal;  word-break:normal; border-collapse: collapse; overflow-x: auto; margin: 0; padding: 0;}
.blog-page-content table tbody{ width: 100%;}
.blog-page-content table tr{margin: 0; padding: 0;}
.blog-page-content table tr:first-child { font-size: 16px;}
.blog-page-content table tr td{ border: 1px solid #e3e3e3; padding: 8px; font-size: 14px; }
.blog-page-content table tr td strong{display: inline-block;}

.blog-page-menu{ position:fixed!important; width:280px; left:0; top:50px; margin:40px 0 0 100px; background:#fff; display:none;}
.blog-page-menu ul{ margin:0 0 10px 0; padding:0; list-style:none;}
.blog-page-menu ul b{ font-size:18px;}
.blog-page-menu ul li{ margin:0; padding: 8px 0 8px 18px;}
.blog-page-menu ul li::before{position: absolute; left: 0px; -moz-left:100px; margin: 4px 0 0 0; content: '\F59B'; font-family: bootstrap-icons !important;  color:#000; font-size: 4px;}
.blog-page-menu ul li a{ color:#000;}
.blog-page-menu-dl{ background:#F9F9F9; padding:10px; border-radius:4px; text-align:center;}
.blog-page-menu-dl h3{ font-size:20px; padding:20px 0 0 0;}
.blog-page-menu-dl p{font-size:14px;}
.blog-page-menu-dl p a{ background:#00196E; border-radius:4px; padding:8px; display: block; color:#fff; font-weight:500;}
.blog-page-menu-share{ text-align:center; margin:10px 0 0 0;}
.blog-page-menu-share a{ padding:8px; background:#F9F9F9;}

.blog-cta-vb{ background:linear-gradient(130deg,#00196E 40%, #00B6F8); margin:0 auto; padding:40px;}
.blog-cta-block{ margin: 0 auto!important;}
.blog-cta-vb-txt{ color:#fff; padding:30px 0 0 0;}
.blog-cta-vb-txt h3{ font-size:40px;}
.blog-cta-vb-txt p{ padding:4px 0;}
.cta-btn{ background:#00B6F8; border-radius:4px; padding:16px 26px; font-weight:500; color:#fff;}
.cta-btn:hover{ background:#4BCFFF; color:#fff;}
.twitter-tweet.twitter-tweet-rendered {margin: auto!important;}


.pg-pagination{ padding: 0 0 10px 0; overflow: hidden;}
.pg-pagination a{ color: #444; display: inline-block; font-size: 14px;}
.pg-pagination a:hover{color: #FF4218; text-decoration: underline;}
.pg-pagination span{ padding:0;}
.pg-pagination span::after{content: "\e60e"; font-family: fs; font-size: 12px; color:#ccc;  display: inline-block;}
.pg-pagination i{ font-style: inherit; color: #9f9f9f; font-size: 14px;}


/*添加样式*/

.high-tip{ background:#EDFFF6; padding:20px; border-radius:8px; color:#6C6C6C; width:100%; margin:0 0 20px 0;}
.high-tip::before{content:'Tips:'; display:block; width:84px; height:24px; background:url(/wp-content/themes/fineshare/images/ic-tip.svg) no-repeat; color:#69E0A4; padding:0 0 0 28px; font-size:18px; font-weight:600; line-height: 24px;}

.high-warning{ background:#FFF5F4; padding:20px; border-radius:8px; color:#6C6C6C; width:100%; margin:0 0 20px 0;}
.high-warning::before{content:'Warning:'; display:block; color:#FF756C; padding:10px 0; font-size:18px; font-weight:600;  width:84px; height:24px; background:url(/wp-content/themes/fineshare/images/ic-warning.svg) no-repeat; padding:0 0 0 28px; font-weight:600; line-height: 24px;}

.high-note{ background:#EDFBFF; padding:20px; border-radius:8px; color:#6C6C6C; width:100%; margin:0 0 20px 0;}
.high-note::before{content:'Note:'; display:block; color:#6ABBDC; padding:10px 0; font-size:18px; font-weight:600; width:84px; height:24px; background:url(/wp-content/themes/fineshare/images/ic-note.svg) no-repeat; padding:0 0 0 28px; font-weight:600; line-height: 24px;}

.high-link{background:#F8F8F8; padding:8px 8px 8px 16px!important; border-radius:8px; width:100%; margin:0 10px 1rem 10px;}
.high-link p{ padding:0!important; margin:0!important;}
.high-link a::after{content:'\e659'; font-family: fs; margin:0 0 0 4px; font-size: 20px; position: relative; top:3px;}
.high-link a:hover::after{ text-decoration:none!important;}

.high-blockquote{background:#F9F9F9; font-weight:600; }

.return-top{ position: fixed; right:0; bottom:0; border:2px #000 solid; width:40px; height:40px; text-align:center; border-radius:50px; cursor: pointer; margin:0 10px 10px 0; padding:0; display: none;}
.return-top:hover{ border:2px #007bff solid;}
.return-top::before{content: '\F145'; font-family: bootstrap-icons !important; font-size:32px; padding:0; margin:-5px 0 0 0; display:block;}
.return-top:hover::before{ color:#007bff;}

.high-compared{ background:#F9F9F9; padding:20px; margin:10px 0; border-radius:8px;}
.high-compared div ul li{ font-size:16px;}
/*add block*/
.bs-left{ background: #333; color: #fff;}
.bs-right{ padding: 0 0 0 40px;}
.bs-btn{padding: 20px 0;}
.bs-btn a{ background:#00196E; padding: 4px 16px; color: #fff; border-radius: 4px;}
.bs-run{background:#00196E; padding: 4px 16px; color: #fff; border-radius: 4px; margin: 0 10px;}

.vb-ads{background:linear-gradient(to bottom right,#00196E,#1133AD); color: #fff; border-radius: 8px; margin:0 0 10px 0;}
.vb-ads-img{ text-align: right; padding: 0;}
.vb-ads-txt{ padding: 30px 0 0 40px; color: #fff;}
.vb-ads-txt h3{ padding: 0; color: #fff;}
.vb-ads-txt p{ padding:0; color: #fff;}
.vb-ads-txt ul{padding: 0 0 10px 0px; list-style:none; color: #fff;}
.vb-ads-txt ul li{color: #fff; padding:0;}
.bl-download{ background: #00B6F8; color: #fff; padding:16px 34px; margin:10px 0; border-radius: 4px; font-size: 18px; font-weight: bold;}
.bl-download:hover{ text-decoration: none; color: #fff; background: #24C5FF;}
/**/
.wp-caption{ text-align: center; width: 100%; max-width:100%!important;}
.wp-caption p{ font-size: 14px; color: #777;}
/*menu sytle*/
.blog-page-content .pg-menu{ width: 280px; position: fixed; top:0; left:0; margin:30px 0 0 20px; border:1px #eeeeef solid; padding: 0; border-radius: 16px; display: none; background: #fff; overflow: hidden;}
.blog-page-content .pg-menu h4{ padding: 16px 16px 0 16px;}
.blog-page-content .pg-menu ul{ list-style: none; margin: 0 0 16px 0;}
.blog-page-content .pg-menu ul li{ padding: 2px 0 2px 8px; margin: 16px 0; line-height: 20px;}
.blog-page-content .pg-menu ul li:before{content: ''; display: none!important;}
.blog-page-content .pg-menu ul li a{ color: #6C6C6C; font-size:1rem;}
.blog-page-content .pg-menu ul li a:hover{ color: #FF4218; text-decoration: underline;}
.pg-sel{ color:#FF4218; border-left:2px #FF4218 solid;}
.pg-sel a{color:#FF4218!important;}

.pg-txt-left{ position: relative; }
.pg-txt-right{ position: relative; }
.pg-share{ top:30px; border:1px #eeeeef solid; width: 60px; text-align:center; border-radius: 8px; background: #fff; margin: 0 0 0 20px; overflow-x: hidden; opacity: 0;}
.pg-share a{ display: block; color: #444; margin: 10px 0;  height: 28px; overflow: hidden;}
.pg-share a i{ font-size:24px}
.pg-share a:hover{ color: #FF4218; text-decoration: none;}
.pg-share a:hover .share-linkedin{ background:#FF4218;}
.share-readit{ font-size: 27px!important; position: relative; top: -7px;}
.share-twitter{background:#444; color: #fff; border-radius: 30px; font-size: 16px!important; padding:4px; position: relative; top:1px}
.share-facebbok{position: relative; top: -4px; font-size:23px!important;}
.share-linkedin{ background:#444; color: #fff; border-radius: 30px; font-size: 18px!important; padding:3px; margin: 3px 0 0 0;}

.pg-menu{ visibility: hidden; position: sticky; max-width:300px; background: #fff; margin: 0; border-radius: 16px; padding: 20px; top: 30px; height: auto; overflow-y: auto; overflow-x: hidden; opacity: 0; margin: 0 0 0 -120px; border: 1px #e9e9e9 solid;}
.pg-menu-list{}
.pg-menu-list li{ margin:20px 0;}
.pg-menu-list li a{ color: #777; display: block;}
.pg-menu-list li a:hover{ color: #FF4218;}
.is-active-li a{ color:#FF4218!important; font-weight: bold; font-size: 16px!important;}

.pg-menu-dl{ text-align:center; padding: 20px; background:#F5F5F7;}
.pg-menu-dl p{ margin: 0; padding:4px 0;}
.pg-menu-dl p b{ font-size:24px;}
.pg-menu-dl p{font-size:14px!important;}
.pg-menu-dl p a{ display: inline-block; background:#333; color:#fff; padding: 8px 16px; border-radius:8px;}
.pg-menu-dl p a:hover{background:#FF4218; text-decoration: none; color:#fff; }

.alignnone{ margin: 0 auto;}
.menu-show{ position: fixed; transition: .5s ease-in; opacity: 1; visibility: visible; }

.pg-recommend{ display: block; color: #000;}
.pg-recommend:hover{ color:#FF4218;}
.pg-recommend p img{ border-radius: 16px; width: 100%; min-height: 229px;}
.pg-recommend h4{ font-size:18px;}
.pg-recommend p span{ color:#6C6C6C;}
.pg-top-padding{ padding-top: 60px;}

.zb-banner{ background: url(https://www.fineshare.com/zoom-background/images/zb-banner-bg.png) no-repeat; padding: 100px 0;}
.zb-banner p span{ padding: 0 10px;}
.zb-banner p span a{ color: #000; display: inline-block; width:24px; height: 24px; margin: 0 5px;border-radius: 30px;}
.zb-banner p span a:hover{ color: #1560DA;}

.zb-category{ padding: 20px 0; text-align: center; width: 100%;}
.zb-category a{ background: #E2EDFF; padding: 5px 20px;border-radius: 8px; font-weight: 500; margin: 5px 10px; display: inline-block;}
.zb-category a:hover{ background: #1560DA;color: #fff;}
.bg-item-main{padding:20px 0;}
.bg-item{ margin: 20px 0;}
.bg-item-content{display: block;  border: 2px #EBEBEB solid; border-radius: 20px; color: #000; padding: 20px; min-height:328px; max-height:328px;}
.bg-item-content:hover{border: 2px #1560DA solid;}
.bg-item-content p{ padding: 0;}
.bg-item-content p img{ display: block; width: 100%; border-radius: 16px;}
.bg-item-content p span{ background: #E2EDFF; padding: 5px 20px;border-radius: 8px; font-weight: 500;color: #1560DA;}
.bg-item-content p b{ display: block; font-weight: 400; font-size: 18px;}
.zb-page{text-align: center; padding: 0 0 30px 0;}
.zb-page a{ display: inline-block; min-width: 28px; height: 28px; line-height: 28px; border: 1px #EBEBEB solid; border-radius: 8px; margin: 0 10px; padding: 0 8px; color: #000;}
.zb-page a:hover{ background: #1560DA;color: #fff;}
.zb-page span{ display: inline-block; width: 28px; height: 28px; list-style: 32px;}
.zb-page-sel{ background: #1560DA; color: #fff!important;}

.zb-zoom{ background: #EEFAFF;}
.zb-zoom-item{ background: #fff; border-radius: 16px; padding: 10px; margin: 10px 0;}
.zb-zoom-item h3{ font-size: 28px;text-align: center; padding: 20px 40px;}
.zb-zoom-step{ height: 500px; overflow-y: auto; padding: 20px;}
.zb-zoom-step span{ background: #1560DA;display: inline-block;width: auto; height: 32px;color: #fff;border-radius: 30px;text-align: center;line-height: 32px; margin: 0 10px 0 0; padding: 0 10px;}

.zb-bt-get{ background: #1560DA;color: #fff; padding: 20px 40px;font-size: 20px;border-radius: 8px;}
.zb-bt-get:hover{ color: #fff; background: #156df0;}
.zb-bt-get::after{content:"\F138"; font-family: bootstrap-icons !important;font-size: 24px;position: relative;top: 6px; margin: 0 0 0 5px;font-weight: bold;}
.zb-fc-bg{ background: url(../zoom-background/images/zb-fc-background.jpg) no-repeat bottom; overflow: hidden;}
.zb-fc-list{ list-style: none; margin: 0 auto;  padding: 40px 0;}
.zb-fc-list li{text-align: center; cursor: pointer;} 
.zb-fc-list li span{display: inline-block; border-radius: 8px; padding: 20px 20px;  background: #f4f4f4;}
.zb-fc-list li:hover span{ color: #1560DA; background: #E5EFFF!important;}
.zb-fc-sel span{ background: #E5EFFF!important;color: #1560DA;font-weight: bold; }
.zb-fc-ui p{ display: none;text-align: center;}
.zb-fc-ui p img{ width: 997px; height: 550px;}
.zb-tips-bg{ background: #F3F3F3;}
.zb-tips-item{ background: #fff;border-radius: 16px; padding: 16px;display: inline-block;color: #000; margin: 10px 0;}
.zb-tips-item p{padding: 0;}
.zb-tips-item p img{ border-radius: 16px;}
.zb-tips-item p b{ font-size: 20px;}
.zb-tips-item p span{ color: #6C6C6C;}

.fc-buy-faq{ list-style: none; padding: 40px 0;}
.fc-buy-faq li{border-bottom: 1px #EDEDED solid; padding: 30px 0;}
.fc-buy-faq li b{ display: block; padding: 8px 0; font-size:28px;}
.fc-buy-faq li b:hover{cursor: pointer; color: #1560DA;}
.fc-buy-faq li b::after{content: '\e62f';  font-family: fs; font-size: 28px; float: right;}
.fc-buy-faq li span{ font-size: 20px; padding:0; color: #333; display: block; height: 0; transition: height 0.5s; overflow: hidden;}
.buy-faq-show{ height: 100px!important; line-height: 2rem; padding: 10px 0;}
.buy-faq-sel{color: #1560DA;}
.buy-faq-sel::after{ transform:rotate(45deg); transition:transform 0.1s linear;}
.zb-page-tag{color: #1560DA;border-radius: 8px; padding: 8px 20px;font-weight: bold; position: relative; top:14px;}
.zb-page-banner{ border-radius: 16px;text-align: center; padding: 20px;}
.zb-page-banner h1{ padding: 0 0 10px 0; margin: 0;}
.zb-page-banner p span{ padding: 0 10px;}
.zb-page-banner p span a{ color: #000; margin: 0 10px;}
.zb-download:before{content:"\e643"; font-family: fs;font-size: 24px;position: relative; top: 2px; margin: 0 5px 0 0;}
.zb-background-text{ line-height: 28px;font-size: 18px; padding:10px 0 20px 0;}
.zb-recommend-title{ background: url(../zoom-background/images/zb-line.png) no-repeat center;text-align: center;}
.zb-recommend-title span{background: #fff; padding: 0 20px;color: #6C6C6C;}
.zb-page-dl{ text-align: center;}
.zb-page-dl p img{ border-radius: 16px;}
.zb-download{ background: #333; padding:10px 60px 16px 60px;border-radius: 10px;color: #fff;font-size: 20px;display: inline-block;font-weight: bold;}
.zb-download:hover{ background: #4c4c4c; color: #fff;}
.zb-dl-size{ display: block;text-align: center; padding: 16px 0;color:#6C6C6C;}
.box-shadow img{box-shadow: 0px 0px 8px rgb(0 0 0 / 20%);}
/*Page Style*/
.pg-bt-tag{ padding: 10px;}
.fc-dl-win{ display:inline-block; width:auto; color: #fff!important; background:#1560DA; border-radius: 10px; padding:4px 38px 4px 38px; transition: transform .3s;}
.fc-dl-win::before{content: '\ec2e'; font-family:fs; font-size: 42px; display:inline-block; height: 42px; width: 42px; position: relative; top: -5px;}
.fc-dl-win:hover{ text-decoration: none; transform:translatey(-5px); color: #fff;}
.fc-dl-win i{ display:inline-block; font-size: 14px; color: #fff; margin:0 0 0 15px; position:relative; font-style: inherit;}
.fc-dl-win i b{ display: block; font-size: 24px; color: #fff; line-height: 24px;}

.fc-dl-apple{ display:inline-block; width:auto; color: #fff!important; background:#000; border-radius: 10px; padding:4px 42px 4px 32px;transition: transform .3s;}
.fc-dl-apple::before{content: '\e611'; font-family: fs; font-size: 42px; display:inline-block;  height: 42px; width: 42px; position: relative; top: -5px;}
.fc-dl-apple:hover{ text-decoration: none; transform:translatey(-5px); color: #fff;}
.fc-dl-apple i{ display:inline-block; font-size: 14px; color: #fff; margin:0 0 0 15px; position:relative; font-style: inherit;}
.fc-dl-apple i b{ display: block; font-size: 24px; color: #fff; line-height: 24px;text-align: left;}

.button-over-full{ display:inline-block; width:auto; color: #fff!important; background:#000; border-radius: 10px; padding:8px 42px 8px 32px;transition: transform .3s; margin: 0 8px;}
.button-over-full:hover{ text-decoration: none; transform:translatey(-5px); color: #fff;}
.button-over-full i{ display:inline-block; font-size: 14px; color: #fff; margin:0 0 0 15px; position:relative; font-style: inherit;}
.button-over-full i b{ display: block; font-size: 24px; color: #fff; line-height: 16px;text-align: left;}
.bt-mac::before{content: '\e73b'; font-family: fs; font-size: 42px; display:inline-block;  height: 42px; width: 42px; position: relative; top: -5px;}
.bt-win::before{content: '\ec2e'; font-family: fs; font-size: 42px; display:inline-block;  height: 42px; width: 42px; position: relative; top: -5px;}
.bt-ios::before{content: '\e611'; font-family: fs; font-size: 42px; display:inline-block;  height: 42px; width: 42px; position: relative; top: -5px;}
.bt-android::before{content: '\e613'; font-family: fs; font-size: 42px; display:inline-block;  height: 42px; width: 42px; position: relative; top: -5px;}
.bt-blue{ background:#1560DA!important;}
.bt-blue:hover{ background:#166af0!important;}

.fc-dl-android{ display:inline-block; width:auto; color: #fff!important; background:#000; border-radius: 10px; padding:4px 42px 4px 32px;transition: transform .3s;}
.fc-dl-android::before{content: '\e611'; font-family: fs; font-size: 42px; display:inline-block;  height: 42px; width: 42px; position: relative; top: -5px;}
.fc-dl-android:hover{ text-decoration: none; transform:translatey(-5px); color: #fff;}
.fc-dl-android i{ display:inline-block; font-size: 14px; color: #fff; margin:0 0 0 15px; position:relative; font-style: inherit;}
.fc-dl-android i b{ display: block; font-size: 24px; color: #fff; line-height: 24px;text-align: left;}

.pg-buy-btn{ display:inline-block; width:auto; color: #fff!important; background:#e28821; border-radius: 10px; padding:4px 38px 4px 38px; transition: transform .3s;}
.pg-buy-btn::before{content: '\e638'; font-family:fs; font-size: 42px; display:inline-block; height: 42px; width: 42px; position: relative; top: -5px;}
.pg-buy-btn:hover{ text-decoration: none; transform:translatey(-5px); color: #fff;}
.pg-buy-btn i{ display:inline-block; font-size: 14px; color: #fff; margin:0 0 0 15px; position:relative; font-style: inherit;}
.pg-buy-btn i b{ display: block; font-size: 24px; color: #fff; line-height: 24px;}

.js-disqus-button{ border: 1px #e1e1e1 solid;  color: #555;  border-radius: 8px; padding: 10px;  font-size: 18px; font-weight: bold; background: #fff;}
.js-disqus-button:hover{ border: 1px #FF4218 solid; color: #FF4218;}

.page-block-table{overflow-x:auto;}
.page-block-table table{ width: auto!important;}
.page-block-table table tbody{ display: block; width: 2500px;}
/*page button*/
.button-blue-full{ background: #1560DA; border-radius: 8px; display: inline-block; padding: 10px 30px; line-height: 18px; font-size: 24px; box-shadow: 0 4px 8px 6px rgb(172, 172, 172,0); transition: transform .3s;}
.button-blue-full:hover{ color: #fff; text-decoration:none; transform:translatey(-5px); box-shadow: 0 4px 8px 6px rgb(172, 172, 172,0.1);  background: #1566e7; text-decoration: none!important;}
.button-blue-full b{ display: inline-block; color: #fff; font-size: 20px; vertical-align:top; margin: 13px 0 0 0;}
.button-blue-line{ border-radius: 8px; display: inline-block; color: #fff;  padding: 8px 30px; line-height: 18px; font-size: 24px; border: 2px #1560DA solid; transition: transform .3s; box-shadow: 0 4px 8px 6px rgb(172, 172, 172,0); background: rgb(21,102,231,0);}
.button-blue-line:hover{ background: rgb(21,102,231,1); border: 2px #1566e7 solid; text-decoration:none; box-shadow: 0 4px 8px 6px rgb(172, 172, 172,0.1); transform:translatey(-5px); text-decoration: none!important;}
.button-blue-line:hover b{ color: #fff;}
.button-blue-line:hover .dl-mac-icon{background: url(../images/ic-mac-white.svg) no-repeat;}
.button-blue-line b{ display: inline-block; color: #1560DA; font-size: 20px; vertical-align:top; margin: 13px 0 0 0;}

.button-black-full{ background: #000000; border-radius: 8px; display: inline-block; padding: 10px 10px; line-height: 18px; font-size: 24px; box-shadow: 0 4px 8px 6px rgb(172, 172, 172,0); transition: transform .3s;}
.button-black-full:hover{ color: #fff; text-decoration:none; transform:translatey(-5px); box-shadow: 0 4px 8px 6px rgb(172, 172, 172,0.1);  background: #1e1e1e; text-decoration: none!important;}
.button-black-full b{ display: inline-block; color: #fff; font-size: 20px; vertical-align:top; margin: 13px 0 0 0;}


.button2-black-full{ display:inline-block; width:auto; color: #fff; background:#000; border-radius: 10px; padding:4px 30px 4px 30px; margin: 10px 0 0 0 ; transition: transform .3s;}
.button2-black-full::before{content: '\e611'; font-family: fs; font-size: 42px; display:inline-block;}
.button2-black-full:hover{ text-decoration: none; transform:translatey(-5px); color: #fff; box-shadow: 4px 4px 8px rgb(0, 0, 0,0.3);}
.button2-black-full span{ display:inline-block; font-size: 14px; color: #fff; margin:0 0 0 15px; position:relative;}
.button2-black-full span b{ display: block; font-size: 24px; color: #fff; line-height: 24px;}

.dl-win-icon{ display: inline-block; width: 42px; height: 42px; background: url(../images/ic-win-white.svg) no-repeat;}
.dl-mac-icon{ display: inline-block; width: 42px; height: 42px; background: url(../images/ic-mac-blue.svg) no-repeat;}
.dl-mac-white{ display: inline-block; width: 42px; height: 42px; background: url(../images/ic-mac-white.svg) no-repeat;}
.dl-ios-icon{ display: inline-block; width: 42px; height: 42px; background: url(../images/ic-ios-white.svg) no-repeat!important; }
.dl-android-icon{ display: inline-block; width: 42px; height: 42px; background: url(../images/ic-android-white.svg) no-repeat;}

/*FineCam Style*/
.pg-button-block{ padding: 20px 0;}
.pg-button-block p{ display: flex; flex-wrap: wrap; justify-content: center !important;}
.pg-fc-button{ display: inline-block; position: relative; width: auto; text-align: center; margin: 0 4px;}
.pg-fc-button span{font-size: 14px; color: #565656; display: block; padding: 8px 0;}

.pg-fc-button .button-blue-full{ background: #1560DA; border-radius: 8px; display: inline-block; padding: 10px 30px; line-height: 18px; font-size: 24px; box-shadow: 0 4px 8px 6px rgb(172, 172, 172,0); transition: transform .3s;}
.pg-fc-button .button-blue-full:hover{ color: #fff; text-decoration:none; transform:translatey(-5px); box-shadow: 0 4px 8px 6px rgb(172, 172, 172,0.1);  background: #1566e7;}
.pg-fc-button .button-blue-full b{ display: inline-block; color: #fff; font-size: 20px; vertical-align:top; margin: 13px 0 0 0;}

.pg-fc-button .button-blue-line{ border-radius: 8px; display: inline-block; color: #fff;  padding: 8px 30px; line-height: 18px; font-size: 24px; border: 2px #1560DA solid; transition: transform .3s; box-shadow: 0 4px 8px 6px rgb(172, 172, 172,0); background: rgb(21,102,231,0);}
.pg-fc-button .button-blue-line:hover{ background: rgb(21,102,231,1); border: 2px #1566e7 solid; text-decoration:none; box-shadow: 0 4px 8px 6px rgb(172, 172, 172,0.1); transform:translatey(-5px);}
.pg-fc-button .button-blue-line:hover b{ color: #fff;}
.pg-fc-button .button-blue-line:hover .dl-mac-icon{background: url(../images/ic-mac-white.svg) no-repeat;}
.pg-fc-button .button-blue-line b{ display: inline-block; color: #1560DA; font-size: 20px; vertical-align:top; margin: 13px 0 0 0;}

.pg-fc-button .dl-win-icon{ display: inline-block; width: 42px; height: 42px; background: url(../images/ic-win-white.svg) no-repeat;}
.pg-fc-button .dl-mac-icon{ display: inline-block; width: 42px; height: 42px; background: url(../images/ic-mac-blue.svg) no-repeat;}

.pg-fc-rec1{ border: 1px #DCEEFD solid;  border-radius: 16px; padding: 0; overflow: hidden; margin: 0 10px;}
.pg-fc-rec1 .pg-fc-photo{background:#F1F9FE;  height: 100%;}
.pg-fc-rec1 .pg-fc-photo img{ vertical-align:middle;}
.pg-fc-rec1 .pg-fc-list{ padding: 10px 20px;}
.pg-fc-rec1 .pg-fc-list h3{ font-size: 28px;}
.pg-fc-rec1 .pg-fc-list ul{ margin: 10px 0 20px 20px; padding: 0;}
.pg-fc-rec1 .pg-fc-list ul li{ margin: 4px 0;  padding:6px 0; font-size: 18px; line-height: 20px;}
.pg-fc-rec1 .pg-fc-list ul li::before{content: ''; width:12px; height:12px; position: absolute; -moz-left:100px; margin: 4px 0 0 -20px; font-weight:blod; background:url(https://www.fineshare.com/images/circle-fill.svg) no-repeat; background-size:6px 6px; background-position:center;}
.pg-fc-rec1 .pg-fc-rec1-btn .pg-fc-button{margin: 0!important;}


.pg-fc-rec2{ border: 1px #DCEEFD solid;  border-radius: 16px; padding: 0; overflow: hidden; margin: 0 10px;}
.pg-fc-rec2 .pg-fv-photo{background:#F4FFFB;  height: 100%;}
.pg-fc-rec2 .pg-fv-photo img{ vertical-align:middle;}
.pg-fc-rec2 .pg-fv-list{ padding: 10px 20px;}
.pg-fc-rec2 .pg-fv-list h3{ font-size: 28px;}
.pg-fc-rec2 .pg-fv-list ul{ margin: 10px 0 20px 20px; padding: 0;}
.pg-fc-rec2 .pg-fv-list ul li{ margin: 4px 0;  padding:6px 0; font-size: 18px; line-height: 28px;}
.pg-fc-rec2 .pg-fv-list ul li::before{content: ''; width:12px; height:12px; position: absolute; -moz-left:100px; margin: 4px 0 0 -20px; font-weight:blod; background:url(https://www.fineshare.com/images/circle-fill.svg) no-repeat; background-size:6px 6px; background-position:center;}
.pg-fc-rec2 .pg-fv-list ul li strong{ color: #000;}

.pg-fc-rec4{ background: #EFF4FC;  border-radius: 22px; margin: 28px 10px; padding:40px;}
.pg-fc-rec4 h3{ font-size: 28px;}
.pg-fc-rec4 p{padding: 0 20px 0 0;}
.pg-fc-rec{ background: #EFF4FC url("../images/fs-page-finecam.webp") no-repeat right center!important; }

.pg-fc-button001{ border: 1px #F0F0F0 solid; border-radius: 22px; padding:20px  16px; margin: 28px 10px;}
.pg-fc-button001-txt b{ font-size: 20px; margin: 0 0 0 10px;}
.pg-fc-button001 .pg-fc-button{ margin: 0!important;}
.pg-fc-button001 .pg-fc-button span{ display: none;!important}


/*FineVoice*/
.dl-win-black-icon{ display: inline-block; width: 42px; height: 42px; background: url(../images/ic-win-black.svg) no-repeat;}
.pg-fv-button{ display: inline-block; position: relative; width: auto; text-align: center; margin: 0 4px;}
.pg-fv-button span{font-size: 14px; color: #565656; display: block; padding: 8px 0;}

.pg-fv-button .button-green-full{background: #55E5B1; color: #000; border-radius: 10px; display: inline-block; padding: 10px 30px; line-height: 18px; font-size: 24px; box-shadow: 0 4px 8px 6px rgb(172, 172, 172,0); transition: transform .3s;}
.pg-fv-button .button-green-full:hover{ color: #fff; text-decoration:none; transform:translatey(-5px); box-shadow: 0 4px 8px 6px rgb(172, 172, 172,0.1);  background: #59eeb7;}
.pg-fv-button .button-green-full b{ display: inline-block; color: #000; font-size: 20px; vertical-align:top; margin: 12px 0 0 0;}

.pg-fv-rec1{ border: 1px #DCEEFD solid;  border-radius: 16px; padding: 0; overflow: hidden; margin: 0 10px;}
.pg-fv-rec1 .pg-fv-photo{background:#F4FFFB;  height: 100%;}
.pg-fv-rec1 .pg-fv-photo img{ vertical-align:middle;}
.pg-fv-rec1 .pg-fv-list{ padding: 10px 20px;}
.pg-fv-rec1 .pg-fv-list h3{ font-size: 28px;}
.pg-fv-rec1 .pg-fv-list ul{ margin: 10px 0 20px 20px; padding: 0;}
.pg-fv-rec1 .pg-fv-list ul li{ margin: 4px 0;  padding:6px 0; font-size: 18px; line-height: 28px;}
.pg-fv-rec1 .pg-fv-list ul li::before{content: ''; width:12px; height:12px; position: absolute; -moz-left:100px; margin: 4px 0 0 -20px; font-weight:blod; background:url(https://www.fineshare.com/images/circle-fill.svg) no-repeat; background-size:6px 6px; background-position:center;}
.pg-fv-rec1 .pg-fv-list ul li strong{ color: #000;}
.pg-fv-right{ align-self: center;}
.pg-fv-dlblock{ background: #F6FBFF; border-radius: 16px; width: 100%; height: 100%; text-align: center; padding: 0!important; margin: 0!important; }
.pg-fv-dlblock-pro{ text-align: center; padding:30px 0 10px 0;}
.pg-fv-dlblock-pro p{ margin: 0; padding: 5px 0;}
.pg-fv-dlblock-pro p b{ font-size: 28px; display: block; padding: 8px 0 0 0; color: #000;}

.pg-fv-button001{ border:1px #F0F0F0 solid; border-radius: 22px; padding:20px  16px; margin: 28px 10px;}
.pg-fv-button001-txt b{ font-size: 20px; margin: 0 0 0 10px;}
.pg-fv-button001 .pg-fv-button{ margin: 0!important;}

.pg-fv-rec4{ background: #F0FFFA;  border-radius: 22px; margin: 28px 10px; padding:40px;}
.pg-fv-rec4 h3{ font-size: 28px;}
.pg-fv-rec4 p{padding: 0 20px 0 0;}
.pg-fv-voice-changer{ background: #F0FFFA url("../images/fs-page-finevoice-changer.webp") no-repeat right center!important; }
.pg-fv-voice-recoder{ background: #F0FFFA url("../images/fs-page-finevoice-recoder.webp") no-repeat right center!important; }
.pg-fv-voice-tts{ background: #F0FFFA url("../images/fs-page-finevoice-tts.webp") no-repeat right center!important; }
.pg-fv-voice-sst{ background: #F0FFFA url("../images/fs-page-finevoice-sst.webp") no-repeat right center!important; }
.pg-fv-voice-home{ background: #F0FFFA url("../images/fs-page-finevoice-home.webp") no-repeat right center!important; }


.pg-com{margin: 28px 10px; padding: 0;}
.pg-comparison{ border: 1px #FDA18C solid; border-radius: 22px; padding: 20px; width: 100%; height: 100%;}
.pg-comparison h3{ padding: 0 0 8px 0; margin: 0;}
.pg-comparison ul{ margin: 0 0 0 20px; padding: 0;}
.pg-comparison ul li{ padding: 4px 0 4px 8px; margin: 0;}
.pg-comparison ul li::before{content: ''; width:14px; height:14px; position: absolute; -moz-left:100px; margin: 9px 0 0 -22px; font-weight:blod; background:url(../images/fs-page-good-list.svg) no-repeat;  background-position:center;}
.pg-com-list li::before{background:url(../images/fs-page-bad-list.svg) no-repeat!important;}

.pg-pro-list{ background: #FFF5F2; border-radius: 22px; padding: 30px; margin: 28px 10px;}
.pg-pro-list h3{ color: #FF4218; font-size: 22px; padding:  0 0 10px 0; margin: 0;}
.pg-pro-list h3 img{ margin: 0 4px 0 0;}
.pg-pro-list ul{ margin: 0 0 0 20px; padding: 0;}
.pg-pro-list ul li{ padding: 8px 0 0 18px;}
.pg-pro-list ul li::before{content: ''; width:24px; height:24px; position: absolute; -moz-left:100px; margin:2px 0 0 -32px; font-weight:blod; background:url(../images/pg-pro-list.svg) no-repeat;  background-position:center;}
@media only screen and (max-width:768px) {
	.zb-fc-ui p img{ width: 100%; height: auto;}
.bg-item-content{ height: auto;}
}
@media (max-width: 1920px) {
	
  }
@media (max-width: 1440px) {
	.menu-show{ display: none!important;}
  }
@media (max-width: 1280px) {
	.menu-show{ display: none!important;}
  }
@media (max-width: 1024px) {
	.menu-show{ display: none!important;}
  }
@media (max-width: 992px) {
	.menu-show{ display: none!important;}
  }
@media only screen and (max-width:768px) {
	.menu-show{ display: none!important;}
	.pg-txt-left{ display: none;}
	.pg-top-padding{ padding-top: 10px;}
	.blog-banner-share{ text-align:left;}
	.blog-banner-share span{ display: none;}
	.blog-page-content ul{ margin: 0 0 16px 0px;}
	.pg-pagination span:last-child{display: none;}
	.pg-pagination i{ display: none;}
	.fc-dl-win{ width: 100%; text-align: center;}
	.fc-dl-apple{ width:100%; margin: 10px 0 0 0!important; text-align: center;}
	.pg-buy-btn{ width: 100%; margin: 10px 0 0 0!important; text-align: center;}
	.blog-bottom-tag strong{ display: none;}
	.pg-fv-photo{ display: none;}
	.pg-fv-button001{text-align: center;}
	.pg-fv-button001-txt b{ display: block;}
}
@media only screen and (max-width:576px) {
	.pg-top-nav{ display: none;}
	.page-header h1{ font-size: 2rem; text-align: left;}
	.page-header p{ font-size: 1rem;line-height: 1.25rem; text-align: left;}
	.author-share{display: none;}
	.pg-txt-left{ display: none;}
	.pg-recommend p img{ min-height: 153px;}
	.blog-author-info{ text-align: center;}
	.pg-top-padding{ padding-top: 10px;}
	.blog-page-banner h1{ font-size: 2rem;}
}