@charset "UTF-8";


html{ color:#333; font-size: 100px; margin: 0; padding: 0;}
body, dd, dl, h1, h2, h3, h4, h5, h6, ol, p, ul, hr {margin: 0; padding: 0; font-size:16px;}
article, aside, figure, footer, header, menu, nav, section, summary, time {display: block;margin: 0;padding: 0}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,i,div{ font-family: "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial"; line-height: 1.5; font-size: inherit;}
img { max-width: 100%; border: 0; height:auto;}
table { border-collapse: collapse; border-spacing: 0;}
input:focus {outline: 0; border: none;}
h1, h2, h3, h4, h5, h6{ color: #000;}

ol, ul {list-style: none;}
a {margin: 0; color: #2C67FF;text-decoration: none; outline: 0;}
a:focus {outline: 0;}
a:active, a:link, a:visited {text-decoration: none; color: #2C67FF}
a:hover {color: #2C67FF; text-decoration: underline}
hr{ border-top: 1px solid #e6e6e6; border-bottom: 0;}
h1{ font-size: 0.32rem;}

@font-face {
	font-family: 'iconfont';
	src: url('../../fonts/icomoon.eot');
	src: url('../../fonts/icomoon.eot') format('embedded-opentype'), url('../../fonts/icomoon.ttf') format('truetype'), url('../../fonts/icomoon.woff') format('woff'), url('../../fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: 'Poppins';
	src: url('../../fonts/poppins-bold.eot');
	src: url('../../fonts/poppins-bold.eot#iefix') format('embedded-opentype'), url('../../fonts/poppins-bold.ttf') format('truetype'), url('../../fonts/poppins-bold.woff') format('woff'), url('../../fonts/poppins-bold.svg#Poppins') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: 'Poppins';
	src: url('../../fonts/poppins-semibold.eot');
	src: url('../../fonts/poppins-semibold.eot#iefix') format('embedded-opentype'), url('../../fonts/poppins-semibold.ttf') format('truetype'), url('../../fonts/poppins-semibold.woff') format('woff'), url('../../fonts/poppins-semibold.svg#Poppins') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Poppins';
	src: url('../../fonts/poppins-medium.eot');
	src: url('../../fonts/poppins-medium.eot#iefix') format('embedded-opentype'), url('../../fonts/poppins-medium.ttf') format('truetype'), url('../../fonts/poppins-medium.woff') format('woff'), url('../../fonts/poppins-medium.svg#Poppins') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: 'Poppins';
	src: url('../../fonts/poppins-light.eot');
	src: url('../../fonts/poppins-light.eot#iefix') format('embedded-opentype'), url('../../fonts/poppins-light.ttf') format('truetype'), url('../../fonts/poppins-light.woff') format('woff'), url('../../fonts/poppins-light.svg#Poppins') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: 'Poppins';
	src: url('../../fonts/poppins-regular.eot');
	src: url('../../fonts/poppins-regular.eot#iefix') format('embedded-opentype'), url('../../fonts/poppins-regular.ttf') format('truetype'), url('../../fonts/poppins-regular.woff') format('woff'), url('../../fonts/poppins-regular.svg#Poppins') format('svg');
	font-style: normal;
	font-display: swap
}

.dft_zoom:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.dft_clear {clear: both;}
.dft_left {float: left; }
.dft_right {float: right;}
.dft_dsb {display: block;}
.dft_dsl {display: inline-block;}
.dft_valm {vertical-align: middle;}
.dft_dsn {display: none;}
.dft_pta {position: absolute;}
.dft_ptr {position: relative;}
.dft_pw{ width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto;}
.dft_menu:hover{ color: #2C67FF; text-decoration: none;}
.dft_nobg {background: 0;}
.dft_ohide {overflow: hidden;}
.dft_ftb {font-weight: 700;}
.dft_alr {text-align: right;}
.dft_alc {text-align: center;}
.dft_all {text-align: left;}
.dft_fclr666 {color: #666;}
.dft_white {color: #fff;}
.dft_red {color: red;}
.dft_black {color: #000;}
.dft_green {color: #3BBA54;}
.dft_blue {color: #2C67FF;}
.dft_ulnum {list-style: decimal; padding-left: 26px;}
.dft_ulcircle {list-style: disc; padding-left: 20px;}
.dft_ulifl li {float: left;}
.dft_line{ border:1px solid #e6e6e6;}
.dft_line_top{ border-top:1px solid #e6e6e6}
.dft_line_right{ border-right:1px solid #e6e6e6}
.dft_line_bottom{ border-bottom:1px solid #e6e6e6}
.dft_line_left{ border-left:1px solid #e6e6e6}

.dft_btn{ color: #fff !important; border-radius: 5px; background-color: #2C67FF; text-align: center; border: 1px solid #2C67FF;}
.dft_btn:hover{ text-decoration: none; background-color: #0148FF; border-color: #0148FF}
.dft_btn_line{border-radius: 5px; text-align: center; border: 1px solid #666; color: #000 !important;}
.dft_btn_line:hover{ color: #2C67FF !important;  border-color: #2C67FF; text-decoration: none;}

.read_all .icon_arrow{margin-left: 6px;}
 
[class*="icon_"],[class^=icon_]{ margin: 0 10px; font-family: "iconfont"; speak: none; font-style: normal; line-height: 1; vertical-align: middle; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.icon_arrow:after{ content: "\e900"; }

.btns .dft_btn .icon_download {transform: scale(1.1); }
.btns .dft_btn_line .icon_arrow {transform: scale(1.1); }
.btns .dft_btn,.btns .dft_btn_line { padding-left: 10px;}

.btn_wrap .dft_btn .icon_download {transform: scale(0.8); }
.btn_wrap .dft_btn_line .icon_arrow {transform: scale(0.8); }
.btn_wrap .dft_btn,.btn_wrap .dft_btn_line { padding-left: 10px;}

.icon_arrow{ transform: scale(0.7);}
.icon_dl:after {content: "\e929";font-size: 1.1em;}
.icon_download:after {content: "\e907";font-size: 1.1em;}
.icon_download{transform: scale(1);}
.icon_down:after {content: "\e901";}
.icon_copy:after {content: "\e902";}
.icon_fb:after {content: "\e903";}
.icon_tw:after {content: "\e918";}
.icon_in:after {content: "\e904";}
.icon_triangle_line:after {content: "\e905";}
.icon_triangle:after {content: "\e906";}
.icon_ins:after { content: "\e909";}
.icon_ytb:after { content: "\e90a";}
.icon_arrow_left::after { content: "\e90b"; }
.icon_arrow_hover::after { content: "\e90c"; }
.icon_windows::after { content: "\eac2"; }
.icon_macs::after { content: "\eabf"; }
.icon_search::after { content: "\e90e"; }
.icon_tips::after { content: "\e911"; }
.icon_download_christmas::after { content: "\e919"; }
.icon_link::after { content: "\e91a"; }
.icon_edit::after { content: "\e91b"; }
.icon_close::before { content: "\e916"; }
.icon_right::after { content: "\e90d"; }

#backtop{z-index: 999; width: 70px; height: 70px; border-radius: 50%;border: 2px solid #fff;box-sizing: border-box; position: fixed; right:60px; bottom: 130px; background:linear-gradient(180deg, #EDF2FF 0%, #D4EDFF 100%); cursor: pointer; display: none;box-shadow:0px 8px 20px rgba(0, 0, 0, 0.10) ;text-align: center;}
#backtop::before{content: "\e906";color: #2C67FF;font-family: "iconfont";font-size: 16px; transform:translate(-50%,-50%) rotateZ(-90deg);position: absolute;left: 50%;top: 36%;}
#backtop::after{content: "TOP";transform:translate(-50%,-50%);position: absolute;left: 50%;top: 66%;color: #2C67FF;font-size: 12px;font-weight: 600;}
#backtop:hover{background:linear-gradient(180deg, #EDF2FF 0%, #D4EDFF 100%);}
#backtop:hover::after{color: #0148FF;}
#backtop:hover::before{color: #0148FF;}
#backtop:active::after{color: #5A89FF;}
#backtop:active::before{color: #5A89FF;}
/*nav*/
#header{ padding: 12.5px 0;position:sticky; top: 0;z-index: 9;background-color: white;width: 100%;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);}
#logo{ width: 130px;transition:transform .3s; height:46px; display: block; background: url(	https://www.gemoo-resource.com/img/logo.svg) no-repeat;background-size: 100% 100%; display: inline-block;vertical-align: middle;}
#logo:hover{transform: scale(.95);}
.header_main {  vertical-align: middle;float: right;}
.header_main>div{display: inline-block;position: relative;margin-left: .4rem;}
.header_main a,.header_main_right a{display: inline-block; font-weight: 500; font-size: 16px; color: #000; font-family: "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial"}
.header_main .icon_down:after{transition: .3s; display: inline-block;vertical-align: middle;margin-left: 4px;
font-size: .1rem;font-family: "iconfont"}
.header_main [class*="icon_"]{margin: 0;}
.header_main .navpc_prob{top: .55rem; position: absolute;background: #FFFFFF;border: 1px solid #E8EFF4;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);border-radius: 10px;}
.navpc_prob{width: 2.7rem;height:auto;display: none;z-index: 5;padding: .24rem .3rem .3rem;box-sizing: border-box; transition:height linear .2s;-webkit-transition: height linear .2s;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);}
/* .navpcarea:hover .navpc_prob{z-index:5; visibility:visible;} */
.navpc_prob::after{left: 0;top: -.3rem; position:absolute; width: 100%;height: .3rem;content:"";background-color: rgba(221, 170, 221, 0);}
.navpcarea>a{line-height:.4rem}
.navpcarea:hover>a{ color: #2C67FF; text-decoration: none;}
.navpcarea:hover>a:after{transform: rotateZ(180deg);}
.navpc_prob>a{margin-bottom: 5px;}
.navpc_prob a>img{display: inline-block;vertical-align: middle;margin: 0 .1rem 0 .1rem;width: .24rem;}
.navpc_prob a>img.tag{display: inline-block;vertical-align: middle;margin: 0 0rem 0 .05rem;width: .29rem;}
.navpc_prob a>span{font-size: .14rem; transform: translateY(1px);display: inline-block;vertical-align: middle;}


.navpc_prob .product a>img{width: 30px;}
.navpc_prob .product a b{    font-size: 14px;
	color: #333;
	display: block;
	font-weight: 600;
	line-height: 1;
	margin-bottom: .05rem;
}
.navpc_prob .product a b>img { vertical-align: middle; }
.navpc_prob .product a em{font-size: 12px;
	color: #999;
	margin-top: 2px;
	display: block;
	line-height: 1;
	font-style: normal;
	font-weight: normal;
}

.navpc_prob a{text-decoration:none;padding: .08rem 0; border-radius: 10px;display: block;transition: background .3s ease-in-out;margin-top: .05rem;}
.navpc_prob .learn_more { margin-top: .24rem; text-align: center; }
.navpc_prob .learn_more a { padding: 0 0; display: inline-block; margin: 0 auto; color: #2C67FF; font-size: 14px; font-weight: 500; }
.navpc_prob .learn_more a:hover { background: none; border-radius: 0; }
.navpc_prob .learn_more a>span { display: inline-block; font-size: 18px; font-weight: 500; transform: translateY(0); transition: all .3s ease-in-out; }
.navpc_prob .learn_more a:hover span { transform: translateX(10px); transition: all .3s ease-in-out; }
.navpc_prob .product a{padding: .16rem 0;}
.navpc_prob a:hover{background: #EDEDED;}
.navpc_prob a.tools_morebtn{margin-top: 10px; color: #2C67FF;font-size: 14px;line-height: 16px;padding-left: 30px;display: inline-block;vertical-align: middle;}
.navpc_prob a.tools_morebtn span{margin-right: 5px;}
.navpc_prob a.tools_morebtn .arrowright{display: inline-block;width: 7px;vertical-align: middle;transition: .3s;}
.navpc_prob a.tools_morebtn:hover .arrowright{transform: translateX(5px);}
.navpc_prob a.tools_morebtn .arrowright::after{content: "\e901";/* position: absolute; */display: inline-block;font-style:normal;color: #2C67FF;font-size: 12px;font-weight: 600;transform: scale(.7) rotateZ(-90deg);font-family: "iconfont";}
.navpc_prob a.tools_morebtn:hover{background: none;}

.navpc_prob1{left:-2.9rem;top:40px;width: 6.8rem; box-sizing: border-box; }
.navpc_prob2 {left:-2.6rem;width: 6.1rem;}
.navpc_prob3 {left:-0.5rem;width: 2.6rem}
.navpc_prob4{left: -.75rem;width: 2.34rem;}
.navpc_prob5{left: -.75rem;width: 2.4rem;}
.navpc_prob .navpc_probfs{display: inline-block;vertical-align: top;}
.navpc_probfs .opthide{opacity: 0;pointer-events: none;}
.ml{margin-left: .6rem;}

.navpc_prob1 .all_products { text-align: center; }
.navpc_prob1 .more_products { border-radius: 10px; border: 1px solid #333; background: #fff; display: inline-block; text-align: center; padding: 7px 22px; margin-top: 25px; }
.navpc_prob1 .more_products:hover { background: #fff; color: #2C67FF; border-color: #2C67FF; }
/* .navpc_prob .navpc_probfs:nth-child(1){width: 1.90rem;margin-right: .5rem;min-height: 1.6rem;position: relative;} */
.navpc_prob2 .navpc_probfs:nth-child(2)::after{content: "";width: 2px;height: 94%;top: 20px;background-color: #F5F5F5;left: -30px;border-radius: 2px;position: absolute;}
.navpc_prob1 .navpc_probfs:nth-child(1)::after{content: "";width: 2px;height: 94%;top: 20px;background-color: #F5F5F5;right: -5px;border-radius: 2px;position: absolute;}



.navpc_prob2 .navpc_probfs:nth-child(1)::after{ height: 2.6rem; margin-top: .15rem; }
.navpc_prob .navpc_probfs:nth-child(2){width: 2.40rem;vertical-align: top;}
.navpc_prob .navpc_probfs h4{color: #999;line-height: .16rem;margin: 0rem .13rem .19rem;font-weight: 600;font-size: 14px;}

.navpc_prob3 .navpc_probfs:nth-child(1){width: 2.0rem;vertical-align: top;position: relative;}
.navpc_prob3 .navpc_probfs:nth-child(2){width: 2.60rem;vertical-align: top; margin-left: .5rem;position: relative;}
.navpc_prob3 .navpc_probfs:nth-child(3){width: 2.60rem;vertical-align: top; margin-left: .5rem;}

/* .navpc_prob3 .navpc_probfs:nth-child(1)::after{content: "";width: 2px;height: 94%;top: 20px;background-color: #F5F5F5;right: -30px;border-radius: 2px;position: absolute;} */
.navpc_prob3 .navpc_probfs:nth-child(2)::after{content: "";width: 2px;height: 94%;top: 20px;background-color: #F5F5F5;right: -32px;border-radius: 2px;position: absolute;}



.navpc_prob2 .navpc_probfs:nth-child(1){width: 2.40rem;vertical-align: top;margin-right: 30px;}
.navpc_prob2 .navpc_probfs:nth-child(2){width: 2.40rem;vertical-align: top;margin-left: 30px; min-height: 1.2rem;position: relative;}
.navpc_prob2 .navpc_probfs:nth-child(3){width: 2.30rem;vertical-align: top;margin-left: 30px;}
.navpc_prob2 .navpc_probfs:nth-child(4){width: 2.30rem;vertical-align: top;margin-left: 30px;}

.navpc_prob1 .navpc_probfs:nth-child(1){width: 3.1rem;position: relative;}
.navpc_prob1 .navpc_probfs:nth-child(1)>div { width: 2.9rem; display: inline-block; vertical-align: text-top; }
/* .navpc_prob1 .navpc_probfs:nth-child(1)::after{content: "";position: absolute;height: 298px;width: 1px;background: #F5F5F5;top: 0px;right: -30px;} */
.navpc_prob1 .navpc_probfs:nth-child(2){width: 2.9rem;float: right; margin-left: .05rem;}
.navpc_prob1 .navpc_probfs:nth-child(2)>div { width: 2.9rem; display: inline-block; vertical-align: text-top; }

.navpc_prob4{padding: .15rem .3rem;}
.navpc_prob4 .navpc_probfs:nth-child(1){width: 1.74rem;position: relative;}
.navpc_prob5{padding: .15rem .3rem;}

.navpc_prob5 .navpc_probfs:nth-child(1){width: 1.74rem;vertical-align: top;margin-right: 30px;}


.header_main_right{display: inline-block; vertical-align: middle;float: right;}
.header_main_right a{margin-left: .1rem;}
.header_main_right .dft_btn_line,.header_main_right .dft_btn{padding: .07rem .2rem;}
.header_main_right .dft_btn_line,.navmo_btn .dft_btn_line{color: #666666 !important;border: 1px solid #DDDDDD;}
.header_main_right .dft_btn_line:hover,.navmo_btn .dft_btn_line:hover{color:#2C67FF !important; border-color:#2C67FF}
.header_mo .header_main_right a { margin-left: 0; }
.header_mo { display: none; float: right; }
.header_main .user_message { position: relative; display: none; }
.user_message>p { border-radius: 50%; overflow: hidden; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; cursor: pointer; }
.user_message>p img { width: 40px; height: 40px; object-fit: cover; display: block; }
.user_message .user_manager { position: absolute; top: 58px; right: 50%; transform: translateX(50%); width: 280px; border-radius: 10px;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); display: none; padding: .2rem .3rem; box-sizing: border-box; }
.user_message .user_manager::before { content: ""; width: 100%; height: 25px; position: absolute; top: -20px; background-color: transparent; }
.user_message .user_manager p { position: relative; }
.user_message .user_manager a { display: block; padding: .1rem 0.08rem; margin-left: 0; cursor: pointer; text-decoration: none; font-size: 14px; font-weight: normal; color: #333; border-radius: 10px; font-weight: 500; }
.user_message .user_manager a:hover { background: #F5F8FA; }
.user_message .user_manager a img { vertical-align: middle; margin-right: .1rem; }
.header_mo .user_message .user_manager { text-align: left; transform: translateX(0); top: 80px; width: 250px; right: 0; display: none; }

.nav_meau{width: .55rem;height: .55rem;background: url("https://www.gemoo-resource.com/img/nav_menu1.png") no-repeat;display: inline-block;background-size: 100%; float: left; vertical-align: middle;display: none;margin-top: .1rem;}
.navmo_cont{width: 100%;height: 0;z-index: 50;overflow-y: scroll; background:#FFFFFF;position: fixed;top:1.42rem; left: 0; text-align: left; transition:height linear .2s;-webkit-transition: height linear .2s;visibility: hidden;}
.navmo_cont.navmo_open{height: calc(100% - .56rem)}
.navmo_cont_pro{width: 100%;border-bottom:1px solid #DDDDDD;;margin:0 auto;}
.navmo_cont ul li>a{font-size: .32rem;color: #000;font-weight: 500;padding: .34rem 0;display: block;position: relative;text-decoration: none;font-family: "Poppins", "Lucida Grande", "Lucida Sans Unicode", "Arial";}
.navmo_cont ul li>.dft_blue{color: #2C67FF;}
.navmo_cont_pro>a:after{font-size: .3rem;display: block;position: absolute;right: .3rem;top: .3rem;transition: transform ease-in-out .3s;-webkit-transition: transform ease-in-out .3s;font-family: "iconfont"}
.navmo_cont_pro a.dft_blue:after{transform: rotate(180deg);}
/* .navmo_cont ul li.checked .navmo_cont_prosty {display: block;} */
.navmo_cont_prosty {padding:0 10px 15px;display: none;box-sizing: border-box;}
.navmo_cont_prosty h4{font-weight: 500;font-size: .26rem;color: #333;line-height: .39rem;padding: .05rem 0 .3rem 0;}
.navmo_cont_prosty a{font-size: .24rem;color: #333;font-weight:400;margin:0 0 .3rem 0;display: block;position: relative;text-decoration: none;}
.navmo_cont_prosty a>img { vertical-align: middle; }
.navmo_btn{height:.45rem;margin: .7rem auto;line-height: .45rem;text-align: center;}
.navmo_btn a{padding: 0.26rem 0.35rem;}
.navmo_btn .dft_btn{margin-right: .2rem;}
.blgo{margin: 0 10px;}

/* landing */
.nav_cont.logining{width: 100%; height: 100%;background: #fff; position: fixed; top: 0; z-index: 150;}
.logining_box{text-align: center; width: 238px;height: 50px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: white;border-radius: 5px;}
.logining_box ul{display: inline-block;vertical-align: middle;width: 50px;margin: 13px 0;}
.logining_box ul li{display: inline-block;vertical-align: middle;width: 6px;height: 6px;border-radius: 3px;transition: .6s;}
.logining_box ul li.act{width: 24px;}
.logining_box ul li:nth-child(1){background-color: #FFAD4C; }
.logining_box ul li:nth-child(2){background-color: #2C67FF; }
.logining_box ul li:nth-child(3){background-color: #3BBA54; }

.logining_box span{display: inline-block;vertical-align: middle;font-size: 14px;line-height: 21px;color: #333333;}

/* footer */
#footer{ margin: 1rem auto 0 auto; padding-top: .5rem; background-color: #F8F8F8;}
.footer_blocks{ padding-bottom: .4rem; margin-top: -5px;}
.footer_items{ max-width: 255px; display: inline-block; margin-left: .56rem;; vertical-align: top;min-width: 175px; }
/* .footer_items:nth-of-type(4) { margin-right: 0;} */

.footer_items>p{font-size: .16rem; font-weight: 600; color: #000;}
.footer_items>p>a{font-size: .16rem; font-weight: 600; color: #000;margin: 0;}
#footer .footer_items>p>a:hover{color: #000;text-decoration:underline;}
.footer_items a{ margin-top: .2rem; display: block; font-size: 14px; font-weight: 500; color: #333;}
#footer a:hover{ text-decoration: none; color: #2C67FF}

.footer_share{ margin-top: .2rem;}
.footer_share a{width: 40px; height: 40px; display: inline-block; vertical-align: top; background: url(https://www.gemoo-resource.com/img/share_background.png) no-repeat; text-align: center; line-height: 34px; font-size:.16rem; color: #333; margin-right: 8px; position: relative;}
.footer_share a i { position: relative; z-index: 10; }
.footer_block_share .footer_share .footer_link {width: 43px;line-height: 32px;}
.footer_block_share p{
	max-width: 330px;
	font-weight: 500;
    font-size: .14rem;
	margin: 25px auto;
}
.footer_block_share.mobile{display: none;}
.footer_block_share>img{transition:transform .3s;}
.footer_block_share>img:hover{transform: scale(.95);}

.footer_info_main{padding: 20px 0;text-align: center;}
.footer_info_main p, .footer_info_main a{ font-size:.14rem; font-weight: 500; color: #999; display: inline-block;}
.footer_info_main a{ padding-right: .2rem; margin-right: .2rem; display: inline-block; border-right: 2px solid #999; line-height: 14px;}
.footer_info_main .idx_language_ul a { border-right: none; margin: 0; padding: 13px 20px;}
.footer_info_main .idx_language_ul a:hover { border-radius: 10px; background: #EAF0FF; }
.footer_info_main .idx_language>a { border-right: none; margin: 0; padding: 4px 10px; }
.idx_language { position: relative; display: inline-block; vertical-align: middle;}
.idx_language>a { display: block; position: relative; color: #666; padding-left: 5px; font-weight: 500;}
.idx_language_ul { max-width: 250px; width: 100%; border: 1px solid #e5e5e5; border-radius: 5px; background-color: #fff; margin: -225px 0 10px; padding: 10px 0; position: absolute; transform: scale(.8); -webkit-transform: scale(.8); opacity: 0; z-index: -1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;}
.idx_language:hover .idx_language_ul { opacity: 1; z-index: 10; transform: none; -webkit-transform: none; display: block;}
.footer_info_main .icon_down:after { transition: .3s; display: inline-block; font-size: 13px; font-family: "iconfont";}
.idx_language:hover .icon_down:after { transform: rotateZ(180deg); transition: .3s; }
.footer_info_main a.active_c { color: #2c67ff; }

.authors_share_fb::after{ content: ""; width: 40px; height: 40px; position: absolute; top: 0; left: 0; opacity: 0; display: inline-block; background: url(https://www.gemoo-resource.com/img/share_bg1.svg) no-repeat; background-size: 100%;}
.authors_share_fb:hover::after{ opacity: 1; z-index: 0; }
.authors_share_fb:hover { background: none; }
.authors_share_fb:hover i{color: #fff;}

/* .authors_share_tw:hover{ background: url(https://www.gemoo-resource.com/img/share_bg2.svg) no-repeat;background-size: 100%;} */
.authors_share_tw::after{ content: ""; width: 40px; height: 40px; position: absolute; top: 0; left: 0; opacity: 0; display: inline-block; background: url(https://www.gemoo-resource.com/img/share_bg2.svg) no-repeat; background-size: 100%;}
.authors_share_tw:hover::after{ opacity: 1; z-index: 0; }
.authors_share_tw:hover { background: none; }
.authors_share_tw:hover i{color: #fff;}

/* .authors_share_in:hover{ background: url(https://www.gemoo-resource.com/img/share_bg3.svg) no-repeat;background-size: 100%;} */
.authors_share_in::after{ content: ""; width: 40px; height: 40px; position: absolute; top: 0; left: 0; opacity: 0; display: inline-block; background: url(https://www.gemoo-resource.com/img/share_bg3.svg) no-repeat; background-size: 100%;}
.authors_share_in:hover::after{ opacity: 1; z-index: 0; }
.authors_share_in:hover { background: none; }
.authors_share_in:hover i{color: #fff;}

/* .authors_share_copy:hover{ background: url(https://www.gemoo-resource.com/img/share_bg5.svg) no-repeat;background-size: 100%;} */
.authors_share_copy::after{ content: ""; width: 40px; height: 40px; position: absolute; top: 0; left: 0; opacity: 0; display: inline-block; background: url(https://www.gemoo-resource.com/img/share_bg5.svg) no-repeat; background-size: 100%;}
.authors_share_copy:hover::after{ opacity: 1; z-index: 0; }
.authors_share_copy:hover { background: none; }
.authors_share_copy:hover i{color: #fff;}

/* .authors_share_ytb:hover{background: url(https://www.gemoo-resource.com/img/share_bg6.svg) no-repeat;background-size: 100%;} */
.authors_share_ytb::after{ content: ""; width: 40px; height: 40px; position: absolute; top: 0; left: 0; opacity: 0; display: inline-block; background: url(https://www.gemoo-resource.com/img/share_bg6.svg) no-repeat; background-size: 100%;}
.authors_share_ytb:hover::after{ opacity: 1; z-index: 0; }
.authors_share_ytb:hover { background: none; }
.authors_share_ytb:hover i{color: #fff;}

/* ph */
.install{width:360px;height:190px;background:url(https://www.gemoo-resource.com/img/phaside_bg.png) center no-repeat;background-size:cover;position:fixed;z-index:57;right:10px;bottom:10px; border-radius: 10px; box-sizing: border-box; padding: 20px 55px 0px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);}
.install h4 { font-size: 16px; font-weight: 500; max-width: 225px; text-align: center; margin: 0 auto; }
.install h4 span { color: #3BBA54; }
.install p { font-size: 14px; color: #666; margin-bottom: 15px; text-align: center; }
.install .close_phbtn { position: absolute; top: 10px; right: 10px; cursor: pointer; }
.install .ph_btn img{vertical-align: bottom; max-width: 250px; animation: myfirst 3.5s infinite;}
@keyframes myfirst{ 0% {transform: scale(0.9);} 50% {transform: scale(1.0);} 100% { transform: scale(0.9); }}
/* @keyframes opacityout { 0% { opacity: 0; } 100%{ opacity: 1; } } */
/* @keyframes opacityout{0%{opacity:0}10%{opacity:1}90%{opacity:1}99%{opacity:0;width:100%;height:100%}100%{opacity:0;display:none;width:0;height:0}} */
/* .install2{width:380px;height:205px;background:url(https://www.gemoo-resource.com/img/phaside_bg.png) center no-repeat;background-size:cover;position:fixed;top:10px;right:10px;z-index:57}*/


/* 2023/07/04 number-pop */
.number_pop{position: fixed;z-index: 999;animation: number_loaddh .76s; right: .2rem;bottom: .3rem;width: 4.8rem;height: 2.8rem;border-radius: .1rem;overflow: hidden;background: url(https://www.gemoo-resource.com/img/interactive_popbg.png) no-repeat; background-size: contain; background-position: 0 0;text-align: center;box-shadow: 0px 0px 10px 0px rgba(0, 0, 75, 0.20);}
.number_pop .number_new{position: absolute;left: -.32rem;top: .1rem;width: 1.2rem;height: .34rem;line-height: .34rem;color: #FFF;font-size: .2rem;text-align: center;transform: rotate(-45deg);background: linear-gradient(300deg, #4A49F5 0%, #A2A1FF 100%);}
.number_pop .close_btn{position: absolute;right: .1rem;top: .1rem;line-height: .7;color: rgba(204, 204, 204, 0.8);font-size: .3rem;cursor: pointer;}
.number_pop .number_logo{margin-top: .2rem;}
.number_pop .pop_img { vertical-align: bottom; font-size: 0; }
.number_pop .pop_img>img { width: 100%; }
.number_pop .pop_text{vertical-align: middle;}
.number_pop h5{color: #fff;font-size: .3rem;margin-top: .3rem;font-weight: 700; }
.number_pop h5 span{color: rgba(74, 73, 245, 1);}
.number_pop p{font-size: .16rem;color: #fff;max-width: 260px;margin: .3rem auto .1rem; font-weight: 400; text-align: left; }
.number_pop .number_btn{display: block; max-width: 2.6rem;height: .5rem;line-height: .5rem;border-radius: 5px;background: #fff;color: #2C67FF;text-decoration: none;margin: .15rem auto 0;font-size: .2rem;font-weight: 700;animation: number_popdh 1.6s linear infinite;}
.number_cont>div { display: inline-block; }
@keyframes number_popdh{
	0%{transform: scale(0.8);}
	25%{transform: scale(0.9);}
	50%{transform: scale(1);}
	75%{transform: scale(0.9);}
	100%{transform: scale(0.8);}
}
@keyframes number_loaddh{
	0%{right: 0rem;opacity: 0;}
	100%{right: .2rem;opacity: 1;}
}
/* 2023/07/04 number-pop-end */
/* 2023/07/07 key-pop */
.key_pop{position: fixed;z-index: 999;animation: key_loaddh 1.2s ease-in-out; right: .3rem;bottom: .3rem;width: 4.8rem;height: 2.8rem;border-radius: .1rem;overflow: hidden;background: url(https://www.gemoo-resource.com/img/key_popbg.png) #6D67FF no-repeat;background-position: 0 0;text-align: center;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);}
.key_pop .close_btn{position: absolute;right: .1rem;top: .1rem;line-height: .7;color: rgba(147, 104, 232, 1);font-size: .3rem;cursor: pointer;}
.key_pop .key_title{margin-top: .26rem;margin-bottom: .17rem;}
.key_pop img{vertical-align: bottom;}
.key_pop .key_textimg{margin-left: 5px;}
.key_pop .key_text{margin-left: 5px; display: inline-block;text-align: left;max-width: 230px;vertical-align: top;}
.key_pop .key_text p{color: white;font-size: .16rem;font-weight: 400;line-height: 1.5}
.key_pop .key_btn{animation: key_popdh 1.6s linear infinite; margin-top: 12px; position: relative; width: 1.9rem;height: .5rem;display: inline-block;vertical-align: bottom;border-radius: 5px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.key_btn .key_btnicon{position: absolute;right: -40px;top: -15px;}

@keyframes key_popdh{
	0%{transform: scale(1);}
	/* 25%{transform: scale(1.1);} */
	50%{transform: scale(1.1);}
	/* 75%{transform: scale(1);} */
	100%{transform: scale(1);}
}

@keyframes key_loaddh{
	0%{bottom: -4rem;opacity: 1;}
	100%{bottom: .3rem;opacity: 1;}
}
/* 2023/07/07 key-pop end */

@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) {
}
@media screen and (max-width: 1400px){
	.dft_pw{width:94%; padding-left:3%; padding-right:3%;}
	/* #logo{margin-left: .2rem;} */
	
	.footer_blocks{width: calc(100% - 280px);text-align: center;}
	.footer_block_share p{max-width: 2.80rem;}
	.footer_items{margin-left: 3%;min-width: 120px;text-align: left;}
	/* .footer_items:nth-child(1){margin-left: .2rem;} */
	/* .footer_block_share{float: none;text-align: center;margin-bottom: .3rem;} */
	/* .footer_blocks{float: none;margin: 0 auto;} */
	/* .footer_items{margin: 0; width: 16%;} */
}

@media screen and (max-width: 1272px){.footer_items{margin-left: 3%;}}
@media screen and (max-width: 1250px){.footer_items{margin-left: 2%;max-width: 200px;}.footer_block_share p{max-width: 190px;margin-left: 0;}}



@media screen and (max-width: 1200px){
	/* .header_main>div{margin-left: .2rem;} */
	.footer_block_share p{max-width: 190px;margin-left: 0;}
	.footer_items{margin-left: 1%;}
	.footer_blocks {
    width: calc(100% - 200px);
	}
	.footer_share a{
		font-size: .12rem;
		width: 30px;
		height: 30px;
		line-height: 28px;
		background-size: 100%;
	}
	.authors_share_fb::after, .authors_share_tw::after, .authors_share_in::after, .authors_share_copy::after, .authors_share_ytb::after{width: 30px; height: 30px;}
	.footer_share a i{margin: 0;}
	.footer_block_share .footer_share .footer_link{width: 30px;line-height: 25px;}
	.footer_items a { font-size: 13px; }
}

@media screen and (max-width: 1053px){
	.footer_blocks {
	width: calc(100% - 190px);
}
.footer_items{margin-left: 0%;}
.header_main>div{margin-left: .25rem;}
}


@media screen and (max-width: 980px){
	.header_mo { display: inline-block; }
	.header_mo .header_main_right { display: block; margin-top: .15rem; }
	.header_mo .header_main_right.user_message { display: none; }
	.user_message .user_manager a { padding: 0.2rem; }
	#header{padding: .35rem 0;background: #F8F8F8;position: sticky; top: 0;z-index: 50;}
	#header .dft_pw{line-height: .5rem; text-align: center;}
	#logo{width: 1.5rem;height: .696rem; margin-left: .34rem;}
	.header_main{display: none;}
	.header_main_right{display: none;}
	.nav_meau{display: inline-block;}
	.navmo_cont{visibility: visible;display: block;}
	.footer_blocks{width: 100%;text-align: left;    display: flex;
    flex-flow: wrap;
    justify-content: space-between;}
	.footer_block_share{float: none;text-align: center;margin-bottom: .3rem;} 
	.footer_blocks{float: none;margin: 0 auto;}
	.footer_items{margin: 0; width: 45%;max-width: 440px;}
	.footer_block_share{display: none;}
	.footer_block_share.mobile{display: block;}

	.footer_items {margin: 0 0 .5rem 0;width: 45%;max-width: 1200px;}
	.footer_items>p{font-size: .3rem;}
	.footer_items>p>a{font-size: .3rem;}
	.footer_items a{font-size: .3rem;font-weight: 400;}
	.dft_pw {width: 90%;padding: 0 5%;}
	.footer_share a{font-size: .3rem; width: .7rem;height: .7rem;margin-right: .2rem;line-height: .6rem;}
	.authors_share_fb::after, .authors_share_tw::after, .authors_share_in::after, .authors_share_copy::after, .authors_share_ytb::after{width: .7rem; height: .7rem;}
	.footer_block_share .footer_share .footer_link{width: .7rem;line-height: .54rem;}
	.footer_info_main>div,.footer_info_main>p{float: none;text-align: center;}
	.footer_info_main p, .footer_info_main a{font-size: .28rem;}
	.footer_info_main a:nth-child(4){margin-left: 0;padding-right: 0;border: none;}
	.dft_right.idx_language{display: none;}
	.footer_info_main .dft_left{margin-top: .2rem;}
	.footer_info_main p{margin: .2rem auto;}
	.dft_pw.footer_info_main{width: 100%;padding: 0 2%;box-sizing: border-box;}
}

@media screen and (max-width: 860px){
	#footer .dft_left, #footer .dft_right{float: none;}
	/* .footer_items:nth-of-type(1){ margin-left: 0;} */
	.footer_block_share{ margin-bottom: .30rem;}
	/* .footer_info_main .dft_right{ margin-top: .20rem;} */
	.header_main a{ margin-left: .3rem;}
}
@media screen and (max-width: 750px){
	#logo{margin-left: .42rem;}
	.header_mo .header_main_right { margin-top: .08rem; }
	#backtop{ right: 10px;}
	.header_main{ float: none; margin-top: 20px;}
	.footer_blocks {max-width: 690px;margin: 0 auto;}

	.number_pop { display: none; }
}

/* @media screen and (max-width: 560px){
	.footer_items{ display: block; margin: 30px 0;}
} */