body{overflow-x: hidden;}
.p24{font-size: 24px; line-height: 38px;}
.p26{font-size: 26px;}
.p28{font-size: 28px;}
.mb-show{ display: none;}
.pc-show{ display:block;}
.rad16{ border-radius: 16px;}
.slidenav{top: 0; padding: 8px 0; margin: 0 auto; width: 100%; position: fixed; z-index: 100; display: none; background: #fff;     box-shadow: 0 2px 6px rgb(0 0 0 / 10%);}
.selnav{ background: #fff; position:fixed!important; box-shadow:0 2px 6px rgb(0, 0, 0,0.1); display: block!important;}
.slidenav-logo{overflow:hidden;}
.slidenav-logo b{ font-size: 24px; position: relative; top: 6px; padding: 0 0 0 8px; color: #000;}
.slidenav-logo img{ width: 42px; height: 42px;}
.slidenav-link{ text-align: right; line-height: 48px; overflow:hidden;}
.slidenav-link ul{list-style: none; margin: 0; padding: 0;}
.slidenav-link ul li div{ display: none; position: absolute; border: 1px #ccc solid;text-align: left;background: #fff;border-radius: 4px; padding: 4px;}
.slidenav-link ul li div a{ font-size: 16px;font-weight: 400;  display: block; line-height: 24px; padding:8px 0;}
.slidenav-link ul li div a:hover{ background: none;}
.slidenav-link ul li:hover div{ display: block!important;}
.slidenav-link ul li a{color: #000; margin: 0 10px;}
.slidenav-link ul li a:hover{ color: #007bff;}
.sn-dl{ background: #1560DA; border-radius: 8px; padding:8px 16px; color: #fff!important;}
.sn-dl:hover{text-decoration: none; background: #2574F3;}
.sn-buy{ background: #FF9A26; border-radius: 8px; padding:8px 32px; color: #fff!important;}
.sn-buy:hover{text-decoration: none; background: #FFA43C;}


.fcm-banner{ background: url(../finecam/images/fcm-banner-bg.png) center no-repeat; height: 1500px;background-size: cover;}
.fcm-banner-title{ text-align: center; margin: 0 auto; z-index: 100;}
.fcm-banner-title h1{ font-size: 100px; padding-top:100px;}
.fcm-banner-title h1 b{ background: linear-gradient(90deg,#d726d7 0,#3064e0 50%,#31e7ea);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;display:block; height:130px;}
.fc-banner-dl{ display:inline-block; width:auto; color: #fff; background:#1560DA; border-radius: 10px; padding:4px 38px 4px 38px; margin: 10px 0 0 0 ; transition: transform .3s;}
.fc-banner-dl::before{content: '\ec2e'; font-family:fs; font-size: 42px; display:inline-block;}
.fc-banner-dl:hover{ text-decoration: none; transform:translatey(-5px); color: #fff;}
.fc-banner-dl span{ display:inline-block; font-size: 14px; color: #fff; margin:0 0 0 15px; position:relative;}
.fc-banner-dl span b{ display: block; font-size: 24px; color: #fff; line-height: 24px;}
.fc-dl-apple{ display:inline-block; width:auto; color: #fff; background:#000; border-radius: 10px; padding:4px 42px 4px 32px; margin: 10px 0 0 0 ; transition: transform .3s;}
.fc-dl-apple::before{content: '\e611'; font-family: fs; font-size: 42px; display:inline-block;}
.fc-dl-apple:hover{ text-decoration: none; transform:translatey(-5px); color: #fff;}
.fc-dl-apple span{ display:inline-block; font-size: 14px; color: #fff; margin:0 0 0 15px; position:relative;}
.fc-dl-apple span b{ display: block; font-size: 24px; color: #fff; line-height: 24px;text-align: left;}


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

.fcm-mb-mac{ display: none;}
.dl-iosapp{ text-decoration: underline;}
.fcm_banner_app{position:absolute; top: 120px; width: 100%;text-align: center; animation: moveupanddown 5s infinite;font-weight: 600;}
.fcm_banner_img{ max-width: 1680px; margin: 0 auto;}
.fs_banner_video{margin:0 auto; background:url(../finecam/images/fmc-mac-bg.png) no-repeat center bottom; background-size: cover; height:800px;margin: 60px 0 0 0;}
.fs_banner_mac{ background:url(../finecam/images/fmc-mac.png) no-repeat center bottom; background-size: cover; width:960px; height:760px; margin: 0 auto;}
.fs_banner_mac video{ margin:200px 10px 0 100px;}
.fc-app-zoom{ transform: translate(80%, 40%) translate3d(0px, 0px, 0px) rotate(6.1208deg); margin: 40px 0 0 0; float: left; animation-delay: 1.5s; -webkit-animation-delay:1.5s; transition: transform 0.5s linear 0s;}
.fc-app-obs{ transform: translate(-100%, 280%) translate3d(0px, 0px, 0px) rotate(6.1208deg);  float: left; opacity: 0.4; animation-delay: 3.5s; transition: transform 0.5s linear 0s;}
.fc-app-tems{ transform: translate(-80%, 440%) translate3d(0px, 0px, 0px) rotate(40.1208deg); float: left; opacity: 0.3; animation-delay: 2.5s; transition: transform 0.5s linear 0s;}
.fc-app-strem{ transform: translate(0%, 40%) translate3d(0px, 0px, 0px) rotate(6.1208deg); margin: 40px 0 0 0; float: right; animation-delay: 3s; transition: transform 0.5s linear 0s;}
.fc-app-meet{ transform: translate(100%, 80%) translate3d(0px, 0px, 0px) rotate(20.1208deg); margin: 180px 0 0 0; float: right; opacity: 0.4; animation-delay: 2s; transition: transform 0.5s linear 0s;}
.fc-app-twicth{ transform: translate(80%, 140%) translate3d(0px, 0px, 0px) rotate(6.1208deg); margin: 320px 0 0 0; float: right; opacity: 0.3; animation-delay: 1.5s; transition: transform 0.5s linear 0s;}

/*make*/
.fcm-make{padding:100px 0 0 0;}
.fcm-make h2{ font-size:90px; line-height:90px; padding: 10px 0;}
.fcm-make h2 b{background: linear-gradient(170deg,#1560DA 0,#00B6F8 30%,#E87C00 60%,#B102BB);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.fcm-get{ background:#373737 url(../finecam/images/fcm-get-banner.png) no-repeat center top; background-size: cover; heght: 800px; color:#fff;}
.fcm-get-voide{ width: 1120px; height:580px; margin: 0 auto; border-radius: 20px; overflow: hidden; box-shadow:0 2px 6px rgb(0, 0, 0,0.1);}
.fcm-get-tips1{ position: absolute; float: left; margin: 100px 0 0 -200px;}
.fcm-get-tips2{ position: absolute; float: right; margin: 50px 0 0 1000px;}
.fcm-get-tips3{ position: absolute; margin: 500px 0 0 250px ;}
.fcm-get-item{ text-align: center; background:#414141; border-radius: 16px; padding: 40px 20px; margin:4px;}
.fcm-get-item h3{ font-size:32px;}
.fc-webcam-block{ padding: 0 100px 0 0;}
/*background*/
.add-title h2 b{background: linear-gradient(170deg,#1560DA 0, #00B6F8 50% ,#31e7ea);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block;}
.fmc-add-list{ padding: 0 80px;}
.fmc-add-box{ float: right;}
.mac-soon{ font-size: 18px; display: inline-block; color:#444; width: 180px; height: 36px; border-radius:8px; padding: 0; margin: 0; line-height:36px; text-align:center; border:2px #444 solid;}
.fmc-add-list ul{list-style: none; padding: 0; margin: 0;}
.fmc-add-list ul li{float: left; margin: 0 20px 0  0;  text-align:center; color: #ACACAC; cursor: pointer;}
.fmc-add-list ul li span{ display: block;  border-radius:50px; width: 102px; height: 102px; border:3px #ebebeb solid; line-height:90px;}
.fmc-add-list ul li b{ display: block; padding: 8px 0 0 0;}
.fmc-add-list ul li svg{ position: absolute;}
.add-block div{ border-radius:20px; text-align:center; padding: 40px; color: #fff; display: none;}
.add-block div:nth-child(1){ display: block;}
.add-block div h3{ font-size:48px;}
.add-block .addtips{ position: absolute; margin: -120px 0 0 -100px;}
.add-img{  width: 668px; height: 366px;}
.add-ptt{background: linear-gradient(120deg,#FF8F6B, #B82E00);}
.add-yt{background: linear-gradient(120deg,#CC1E15, #841410);}
.add-web{background: linear-gradient(120deg,#1D7CF3, #1ABDFC);}
.selppt b{ color: #D35230;}
.selyt b{ color: #FF0000;}
.selweb b{ color: #1C7CF3;}
.fmc-mibg{ width: 100%; overflow: hidden; position: relative; height:720px;}
.fmc-mibg-block{display: flex;overflow: hidden; width: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal; flex-direction: column;}
#fmc-mibg-block1{ will-change: transform; transform: translate3d(-1600px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; transition: transform 0.3s linear 0s;}
#fmc-mibg-block2{ will-change: transform; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; transition: transform 0.3s linear 0s;}
.fmc-mibg-item{display: flex; width: 130%; grid-auto-columns: 1fr; grid-template-columns: auto auto auto auto auto; grid-template-rows: auto; }
.fmc-mibg-block figure img{ padding: 0 10px;}

.active-border{width:102px;height:102px; position:absolute; z-index:1;display:none;outline:none;}
.active-border .border{stroke-linecap:round;stroke-dasharray:360,360;stroke-dashoffset:360}
.active-border{display:block}
.border{-webkit-animation:borderani 6s ease-in forwards;-moz-animation:borderani 6s ease-in forwards;animation:borderani 6s ease-in forwards}

@keyframes borderani{to{stroke-dashoffset:0}}
@-webkit-keyframes borderani{to{stroke-dashoffset:0}}
@-moz-keyframes borderani{to{stroke-dashoffset:0}}

/**/
.fmc-brand{ background:#F3FCFF url(../finecam/images/fcm-brand-bg.png) no-repeat top center; }
.fmc-brand-tips{ position: absolute; width: 100%; left: 50%; margin-left:-960px;max-width:1920px;}
.fmc-brand-item{background:#fff; border-radius:16px; padding:40px; margin:20px; text-align:center; box-shadow:0 2px 6px rgb(0, 0, 0,0.1);}
.brand-mac{background:#fff url(../finecam/images/brand-mac.svg) no-repeat left 10px;}
.fcm-tech{ background:#000341; color:#fff;}
.fcm-tech-bg{ background: linear-gradient(120deg,#79DBFF 0%, #00196E 50%,#1C8EB8);  border-radius:20px; padding: 2px;}
.fcm-tech-item{ border-radius:20px; text-align:center; padding:20px; background:linear-gradient(180deg,#000341, #0B619E);min-height: 500px; }
.tch100{ margin-top:100px;}
.tch140{ margin-top:140px;}
/*time and money*/
.fcm-time{ background:url(../finecam/images/fcm-time-bg.png) no-repeat right bottom; overflow: hidden;}
.fcm-time-block div{ width: 80%; float: right;}
.fcm-time-block h2 b{ color:#15AFEB; }
.fcm-time-block ul{ list-style:none; margin: 0; padding: 0;}
.fcm-time-block ul li{ padding: 10px 0;}
.fcm-time-block ul li img{ margin: 0 20px 0 0;}
.fcm-time-box{background:url(../finecam/images/fmc-time-photo.png) no-repeat right center; background-size:869px 681px;}
.fcm-time-photo{ height: 800px;}
.fcm-time-photo .time-clock{ float: right; transform: translate(-50%, -60%); z-index: 30;}
.fcm-time-photo .time-money{ float: right; transform: translate(-50%, -170%); z-index: 20;}
.fcm-time-photo .time-hand{ float: right; transform: translate(10%, 150%); z-index: 10;}
/*case*/
.fmc-case-bg{ background:#FAFAFA;}
.fmc-case figure b{ display: block; position: absolute; margin: -50px 0 0 0; font-size:28px; color:#fff; padding: 0 20px;}
/*user*/
.fmc-user{ overflow: hidden;}
.fmc-user-list{ width: 140%;}
.fmc-user-item{ background:#EBF9FF url(../finecam/images/fmc-user-tips.svg) no-repeat top center; border-radius:16px; padding: 40px; margin: 0 10px;}
.slide-box-simple{height: 500px;}
.slide-li{text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center;background: #EBF9FF; border-radius: 16px; }
.slide-li-content{ padding: 0 40px;}
.fmc-user-text{ padding: 20px 140px;}
.fmc-user-name img{margin:0 20px 0 0;}
.fmc-user-name span{ display: inline-block; position: relative; top:20px;}
.fmc-user-name span b{ display: block; font-size: 20px; text-align:left;}
.fmc-user-name span i{ color: #6C6C6C;}
.fmc-media p img{ padding: 0 10px;}
.fmc-down{ background:#172249; color: #fff;}
.fcm-dl-link{ color:#15AFEB;}


/*finecam buy page sytle*/
.fc-buy-bg{ background: #F3F9FC;}
.fc-buy-item{ background: #fff; border-radius: 20px; box-shadow: 0 0 8px rgb(0, 0, 0,0.1); padding: 0 0 40px 0; margin: 10px 0;}
.fc-buy-item h3{ text-align: center; padding: 0;}
.fc-buy-item h3 span{ display:inline-block; border: 1px #ccc solid; text-align: center;border-radius: 8px; position:relative; top:-7px; width: 18px; height: 18px; cursor: pointer;}
.fc-buy-item h3 span::after{content: 'i';font-size: 12px;display: block;color: #afafaf; position: relative; top: 2px;}
.fc-buy-item h3 span:hover{ border: 1px #007bff solid;color:#007bff;}
.fc-buy-item h3 span:hover::after{color:#007bff;}
.fc-buy-item h3 span i{ position: absolute; font-size: 12px;width: 240px;background: #fff;color: #000; padding:10px;border-radius: 8px;font-weight: 400;text-align: left;line-height: 16px; margin: 20px 0 0 -100px;  box-shadow: 0 0 50px rgb(0 0 0 / 10%);font-style: inherit;display: none;}
.fc-buy-item h3 span:hover i{ display: block;}
.fc-buy-item p{ text-align: center;}
.fc-buy-item p b{ font-size: 48px;}
.fc-buy-item p span{ font-size: 24px; color: #777; text-decoration:line-through; margin: 0 0 0 10px;}
.fc-buy-item ul{ list-style: none; margin: 0 auto;}
.fc-buy-item ul li{ color: #333; padding: 4px 0;}
.fc-buy-item ul li::before{content: '\e607'; font-family: fs; font-size: 18px; margin: 0 10px 0 0; color: #333;}
.fc-buy-btn{ background:#E48B05; color: #fff; font-size: 20px; font-weight: 500; border-radius: 8px; padding: 4px 0 12px 0; transition: transform .3s; min-width:240px; display: inline-block; text-align: center;}
.fc-buy-btn:hover{ color: #fff; background: #FFA51F; transform:translatey(-5px); box-shadow: 0 2px 3px rgb(0, 0, 0,0.1);}
.fc-buy-btn::before{content: '\e638'; font-family: fs !important; font-size:28px; margin: 0 8px 0 0; position: relative; top: 4px;}

.fc-buy-btnline{ border:2px #E48B05 solid; color: #E48B05; font-size: 20px; font-weight: 500; border-radius: 8px; padding: 4px 0 12px 0; transition: transform .3s; min-width:240px; display: inline-block; text-align: center;}
.fc-buy-btnline:hover{ color: #E48B05; transform:translatey(-5px); box-shadow: 0 2px 3px rgb(0, 0, 0,0.1);}
.fc-buy-btnline::before{content: '\e638'; font-family: fs !important; font-size:28px; margin: 0 8px 0 0; position: relative; top: 4px;}

.fc-buy-color1{ color:#38B0F1;}
.fc-buy-color2{ border: 4px #1560DA solid;}
.fc-buy-color2 h3{ color:#1560DA; padding-top:44px;}
.fc-buy-color2 div{position: relative; top: -1px;}
.fc-buy-color2 div span{ display: inline-block; background:#1560DA; color:#fff; padding: 2px 0; width: 200px; margin: 0 auto; text-align:center; border-radius: 0 0 8px 8px; font-size: 18px;}

.fc-buy-bgcolor{background:#1560DA;}
.fc-buy-bgcolor h3{ color:#fff; padding-top:44px;}
.fc-buy-bgcolor div{position: relative; top: -1px; color:#fff;}
.fc-buy-bgcolor div span{ display: inline-block; background:#FFA51F; color:#fff; padding: 2px 0; width: 200px; margin: 0 auto; text-align:center; border-radius: 0 0 8px 8px; font-size: 18px;}
.fc-buy-bgcolor ul li{ color:#fff;}
.fc-buy-bgcolor ul li:before{color:#fff;}
.fc-buy-bgcolor p{ color:#fff;}
.fc-buy-bgcolor p span{ color: #fff; font-size: 16px; text-decoration:none; display: inline-block;text-align: left;}
.fc-buy-bgcolor p span i{ display:block; color: #FFC876;}
.fc-buy-bgcolor p span em{text-decoration:line-through;}

.fc-buy-tems{padding: 40px 20px 220px 20px; border: 2px #DCF1FF solid; text-align: center;border-radius: 16px; margin: 10px 0;}
.fc-buy-tems p a{ display: inline-block; background:#1560DA;color: #fff; border-radius: 8px; padding: 8px 20px;}
.fc-buy-tems p a:hover{ background:#1668eb;}
.buy-team{ background: url(../finecam/images/fc-buy-team.png) no-repeat center bottom;}
.buy-teach{ background: url(../finecam/images/fc-buy-teacher.png) no-repeat center bottom;}

.fc-buy-color3{ color:#EB8CF0;}
.buy-life p span{ color: #747474; font-size: 16px; text-decoration:none; display: inline-block; text-align: left;}
.buy-life p span i{ display:block; color: #000;}
.buy-life p span em{text-decoration:line-through;}

.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:20px;}
.fc-buy-faq li b:hover{cursor: pointer; color: #1560DA;}
.fc-buy-faq li b::after{content: '\e62f';  font-family: fs; font-size: 18px; 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: 80px!important; line-height: 2rem; padding: 10px 0;}
.buy-faq-sel{color: #1560DA;}
.buy-faq-sel::after{ transform:rotate(45deg); transition:transform 0.1s linear;}

.checkout-block{ width: 100%; height: 100%; background:rgb(2, 6, 27,0.8); position: fixed; top: 0; display: none; z-index: 200;}
.checkout-box{ width: 720px; height: 540px; background: #fff; border-radius: 10px; overflow-y: auto;  background: #F1FCFD; margin:auto; margin-top: 10%;}
.checkout-content{ padding:0!important; }
.checkout-from{ height: 540px; background: #fff; border-radius: 10px; padding:0; overflow-y: auto;}
.ck-proico{ width: 80px; height: 80px; margin: 0 auto;padding: 0!important;}
.checkout-list{ width: 260px; margin: 0; padding: 0; overflow: hidden; float: left;}
.checkout-list p, .checkout-list h4{ padding: 0 20px; font-size: 14px; color: #666; text-align: center; }
.checkout-list h4{ font-size: 28px; color: #000000; margin: 10px 0 0 0; padding: 0 30px;}
.checkout-list p strong{ padding: 16px 0 16px 0; display: block;}
.checkout-list p span{ display: block; padding: 6px 0; }
.checkout-list p b{font-size: 24px; display: block; background: #fff; color: #000;  padding: 10px; margin: 10px 0 0 0;  border-radius: 10px; text-align: center;}
.checkout-list p b big{ font-size: 32px; color:#1560DA; font-weight: bold; margin: 0 0 0 10px;}
.checkout-list p b ins{ color: #666; display: block; font-size: 14px; font-weight: lighter; text-decoration: none; margin:  0 0 0 10px;}
#buy_limite{list-style: none; padding: 0 8px;}
#buy_limite li{ padding: 8px 8px; font-size: 14px;}
#buy_limite li::before{content: '\e640'; font-family:fs; font-size: 14px; margin: 0 4px 0 0; color: #333;}
.checkout-close{ position: absolute; float: right; border-radius:50px; width: 28px; height: 28px; overflow: hidden; text-align: center; line-height: 32px; margin: -30px 0 0 710px; cursor: pointer; border: 2px #A9A9A9 solid;}
.checkout-close::after{content: '\e62d';  font-family:fs; font-size:16px; color:#fff; position: relative; top:-4px; margin-left:1px;}
.checkout-item{ text-align: center; margin: 60px  0 0 0;}
.checkout-item p{ padding: 4px 0; }
.checkout-item h4{ padding: 20px 0 0 0;}
.checkout-item p b{ padding: 20px; font-size: 16px; font-weight: 400;}
.checkout-item p input{ width: 80%; height: 45px; border: 2px #252F64 solid; border-radius: 5px; padding:0 0 0 15px; font-size: 18px;}
.checkout-item p a{padding: 15px 80px; background:#E48B05; border: 0; color: #fff; border-radius: 8px; font-size: 24px; font-weight: 500; cursor: pointer;}
.checkout-item p a:hover{background: #f19304;}
.checkout-item p span{ display: none; padding: 2px 0;}
.em-style{border: 2px solid #f56c6c!important;}
.email-error{ display: block; color: #f00;}
.fc-ed-banner{ background: url(../images/buy-ed-banner.webp) no-repeat center;background-size: cover; padding: 40px 0;}
.fc-ed-banner h1{ color: #fff;text-align: center;font-size: 48px;}
.fc-ed-banner p{ text-align: center;}
.fc-ed-txt{ text-align: center; background: #F3F3FE url(../images/fc-ed-bg.webp) no-repeat bottom center;}
.fc-ed-from{ border-radius: 16px;min-height: 500px;}
.fc-price{ border-radius: 20px; box-shadow:0 0 10px rgb(0, 0, 0,0.1); margin: 0 0 80px;}
.fc-price-list{padding: 40px;}
.fc-price-list div{ padding:16px 0; border-bottom: 1px #EDEDED solid; width: 100%; background-origin: padding-box;}
.fc-price-list div p b{font-size: 28px;}
.fc-price-list div p{padding: 0; margin:0;}
.fc-price-list div p span{margin: 0 0 0 8px; position: relative; top: 2px; font-size: 18px;}
.fc-price-color1{ color:#1560DA;}
.fc-price-color2{ color:#3BB455; }
.fc-price-bottom{background:#F7F7F7 url(../finecam/images/fc-price-bg.webp) no-repeat; background-size: cover; background-position: center; margin: 0 auto; padding: 60px 0;}
.fc-user-item{ border: 1px #333 solid; border-radius: 20px; padding: 45px 40px;}
.fc-user-item2{ border: 1px #333 solid; border-radius: 20px; padding: 40px;}
.fc-user-photo{ background: url(../images/fc-user-tips.svg) no-repeat; background-position:right; background-size: 200px;}
.fc-user-photo p{ text-align:left;}
.fc-user-photo p b{ display: block; font-size: 24px; padding:20px 0 0 0;}
.fc-user-text{ font-size: 24px; color: #333; padding: 8px 0 0 0;}
.fc-bottm-bg{ background:#172249; color: #fff;}
.fc-dl-buy{ display:inline-block; width:auto; color: #fff; background:#FF9A26; border-radius: 10px; padding:4px 38px 4px 28px; margin: 10px 0 0 0 ; transition: transform .3s;}
.fc-dl-buy::before{content: '\e638'; font-family: fs; font-size: 42px; display:inline-block;}
.fc-dl-buy:hover{ text-decoration: none; transform:translatey(-5px); color: #fff;}
.fc-dl-buy span{ display:inline-block; font-size: 14px; color: #fff; margin:0 0 0 15px; position:relative; top:-4px;}
.fc-dl-buy span b{ display: block; font-size: 24px; color: #fff; line-height: 24px;}

/*Donwnload Apk*/
.fc-dl-apk{ height: 100vh; }
.fc-dl-apk-main{align-self: center; overflow: hidden; padding: 0; height: 100vh;}
.fc-apk-block{align-self: center;}
.fc-apk-block p { margin:20px 0; padding: 0;}
.fc-apk-block p a{ background: #1466D3; border-radius: 8px; display:block; width: 90%; margin: 0 auto; padding: 20px 0; color: #fff; font-size: 24px;}
@keyframes moveupanddown{
	0%{ transform:translateY(0)}
	50%{transform:translateY(-15px)}
	to{ transform:translateY(0)}
}

@media (max-width: 1920px) {

  }
@media (max-width: 1440px) {

  }
@media (max-width: 1280px) {

  }
@media (max-width: 1024px) {
	  
  }
@media (max-width: 992px) {

  }

@media (max-width: 768px) {
.pc-show{ display:none;}
.mb-show{ display: block;}
.fcm-banner-title h1{ font-size: 50px; padding-top:30px;}
.fcm-banner-title h1 b{ height: 60px;}
.slidenav{ display: none!important;}
.fcm-banner{ height:auto; overflow: hidden;}
.fs_banner_video{ height: auto;}
.fs_banner_mac{ display: none;}
.fcm_banner_app{ display: none;}
.fcm-mb-mac{ display:block;}
.fs_banner_mac video{ width: 100%;}
.fcm_banner_img{ display: none;}
.fc-banner-dl{width: 90%; display: block;  margin: 0 auto; position: relative; left:-2px;}
.fc-dl-apple{ width: 90%; display: block; margin: 10px auto;}
.fmc-add-box{ float: inherit;}
.fmc-add-box h2{ font-size: 42px;}
.fmc-add-list{ padding: 0;}
.fmc-add-list ul{ overflow: hidden; padding:  0 0 20px 30px;}
.fmc-add-list ul li{ margin: 0;}
.fcm-time-block h2{ text-align: center;}
.fmc-down{ text-align: center;}
.fmc-down h2{ font-size: 42px; text-align: center;}
.fc-webcam-block{ padding:10px!important;}
/*banner*/
.fcm-make h2{ font-size:50px; line-height:60px;}
.fcm-get-voide{ display: none;}
.add-img { width: 100%; height: auto;}
.add-block div{ width: 96%; margin: 0 auto;}
.add-block div h3{ font-size:28px;}
.add-block .addtips{ display: none;}
.fmc-add-list ul{margin: 0;}
.fmc-add-list ul li{ margin: 0 5px 0  0;}
.tch100{ margin-top: 0;}
.tch140{ margin-top: 0;}
.fcm-tech-bg{ margin: 10px 0;}
.fcm-time-box{background:none;}
.fmc-case figure b{ font-size: 24px;}
.fmc-brand-item{padding: 20px;}
.fcm-tech,.fmc-brand,.fmc-bg,.fcm-get,.fcm-webcam,.fcm-banner,.fcm-apps,.fcm-time,.fmc-case-bg{ overflow: hidden;}
/*buy*/
.fc-price-list{padding: 0 0 0 20px;}
.fc-price-list div{padding: 10px 0 10px 10px;}
  }
@media (max-width: 576px) {

  }
  
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {

}