/********************************	 页脚 样式	********************************/

#footer .guide{
	display: flex;
}
/* link部分 */
#footer .guide .footer_link{
	background-color: #0D233B;
    color: #FFF;
    width: 70%;
    padding: 1rem 50px .1rem 5rem;
}
#footer .guide .footer_link .guide_content{
	display: flex;
	justify-content: space-between;
}
#footer .guide .footer_link .guide_content>div{
	display: flex;
   	flex-direction: column;
   	line-height: 32px;
   	font-size:.28rem; 
}
#footer .guide .footer_link .guide_connect>div:nth-child(2){
	margin-top: .15rem;
}
#footer .guide .footer_link .guide_market_ablout>h3:nth-child(4){
    margin-top: .5rem;
}

/* 备案号 */
#footer .guide .footer_link .inter_provider{
    margin-top: 1rem;
    margin-bottom: 0.2rem;
}
#footer .guide .footer_link .inter_provider>a{
	cursor: pointer;
	color: #c3c3c3;
   	margin: 0 10px;
	letter-spacing: 1px;
}
#footer .guide .footer_link .inter_provider>a:hover{
	color: #428bca;
}
/* 标题 */
#footer .guide .footer_link .guide_title{
	font-size: .34rem;
    font-weight: 600;
    margin-bottom: .4rem;
}
#footer .guide .footer_link .guide_content>div>a{
	color: #EFEFEF;
	font-weight: 500;
}
#footer .guide .footer_link .guide_content>div>a:hover{
	color: #40A9FF;
}
/* 联系我们 */
#footer .guide .footer_link .guide_content .guide_connect>div{
	display: flex;
	margin-bottom: 15px;
}
#footer .guide .footer_link .guide_content .guide_connect>div>i{
	width: 30px;
}
#footer .guide .footer_link .guide_content .guide_connect>div>span{
	max-width: 250px;
	line-height: normal;
}
/* 按钮 */
#footer .guide .footer_link .guide_content .guide_connect .guide_button>div{
	width: 100%;
    line-height: 30px;
    background-color: #007AEA;
    padding: 2px;
    text-align: center;
    border-radius: 5px;
    margin-right: 20px;
    letter-spacing: 1px;
    cursor: pointer;
    font-weight: 500;
}
#footer .guide .footer_link .guide_content .guide_connect .guide_button>div:hover{
    filter: contrast(1.1);
}
#footer .guide .footer_link .guide_content .guide_connect .guide_button .guide-btn-subscribe{
    background-color: rgb(8 21 35 / 80%);
    margin-right: 0px;
}
#footer .guide .footer_link .guide_content .guide_connect >img{
	max-width: 100px;
}

/* 二维码 */
#footer .guide .footer_code{
	background-color: #1A304A;
	color: #FFF;
	width: 30%;
	padding: .1rem 3rem .1rem 2.2rem;
	display: flex;
    position: relative;
}
#footer .guide .footer_code>.guide_qrcode{
    float: left;
    text-align: center;
    line-height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
#footer .guide .footer_code>div img{
	width: 130px;
}
#footer .guide .footer_code>div>div>div{
	line-height: 0.4rem;
    margin-top: 0.2rem;
    margin-bottom: .2rem;
}

#footer .guide .footer_code .inter_provider{
	display: none;
	font-size: 12px;
}
#footer .guide .footer_code .inter_provider>a{
	cursor: pointer;
	color: #c3c3c3;
	letter-spacing: 1px;
	margin: 0 10px;
}
#footer .guide .footer_code .inter_provider>a:hover{
	color: #428bca;
}
#footer .guide .footer_code .guide_connect{
	visibility: hidden;
	display: none;
	padding-right: 1rem;
}
#footer .guide .footer_code .guide_connect .guide_title{
	font-size: .34rem;
    font-weight: 600;
    margin-bottom: .4rem;
    margin-top: 0;
}
#footer .guide .footer_code .guide_connect a{
	color: #FFF;
	font-size: .26rem;
}
#footer .guide .footer_code .guide_connect>div{
    display: flex;
    margin-bottom: 15px;
}
#footer .guide .footer_code .guide_connect>div>span{
	margin-left: 10px;
	font-size: .24rem;
}

/* 侧边小组件 */
.sidebar_widget{
    position: fixed;
    right: 20px;
    bottom: 20vh;
}
.sidebar_widget .sidebar_box{
	width: 42px;
    height: 42px;
    margin-bottom: 10px;
    border-radius: 100%;
    background-position: center;
    cursor: pointer;
    position: relative;
}
.sidebar_widget .sidebar_box.phone_box{
	background: url("/CyberGlobal/images/index3/widget/phone.png") no-repeat center;
}
.sidebar_widget .sidebar_box.phone_box:hover{
	background: url("/CyberGlobal/images/index3/widget/phone_active.png") no-repeat center;
}
.sidebar_widget .sidebar_box.service_box{
	background: url("/CyberGlobal/images/index3/widget/wechat.png") no-repeat center;
}
.sidebar_widget .sidebar_box.service_box:hover{
	background: url("/CyberGlobal/images/index3/widget/wechat_active.png") no-repeat center;
}
.sidebar_widget .sidebar_box.try_box{
	background: url("/CyberGlobal/images/index3/widget/try_out.png") no-repeat center;
}
.sidebar_widget .sidebar_box.try_box:hover{
	background: url("/CyberGlobal/images/index3/widget/try_out_active.png") no-repeat center;
}
.sidebar_widget .sidebar_box>div{
	position: absolute;
    right: 38px;
    top:-2px;
    padding: .3rem;
    color: #161616;
    font-weight: 400;
    font-size: .28rem;
    line-height: .44rem;
    white-space: nowrap;
    text-align: center;
    background: #fff;
    border: 1px solid hsla(226,9%,73%,.12);
    border-radius: 6px;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    -webkit-filter: drop-shadow(0 4px 16px rgba(28,67,125,.08));
    filter: drop-shadow(0 4px 16px rgba(28,67,125,.08));
}
.sidebar_widget .sidebar_box.service_box>div{
	top: -32px;	
}
.sidebar_widget .sidebar_box>div>img{
	max-width: 75px;
}
.sidebar_widget .sidebar_box>div:after{
    content: "";
    position: absolute;
	top: 50%;
    transform: translateY(-50%);
    right: -14px;
    border: 7px solid transparent;
    border-left-color: #fff;
    -webkit-filter: drop-shadow(0 4px 16px rgba(28,67,125,.08));
    filter: drop-shadow(0 4px 16px rgba(28,67,125,.08));
}
.sidebar_widget .sidebar_box{
    display: block;
}
.sidebar_widget .sidebar_box:hover>div{
	visibility: visible;
    opacity: 1;
}
.sidebar_widget .back_top{
	width: 42px;
    height: 42px;
    background-color: rgba(58,137,254,.8);
    border-radius: 100%;
    text-align: center;
    line-height: 42px;
    -webkit-filter: drop-shadow(0 4px 16px rgba(28,67,125,.08));
    filter: drop-shadow(0 4px 16px rgba(28,67,125,.1));
    font-size: .4rem;
    color: #FFFF;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
}
.sidebar_widget .back_top:hover {
	background-color: rgba(58,137,254,1);
}

/* 浏览提示免费试用 */
.body_mask_container{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left:0;
    background-color: rgb(0 0 0 / 40%);
    z-index: 9999;
}
.body_mask_container .body_content{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 6.4rem;
    height: 4rem;
    background-color: #FFFF;
    border-radius: 10px;
    transform: translate(-50%, -50%);
    color: #434343;
    padding: 1rem .8rem;
}
.body_mask_container .body_content .body_content_icon{
	background: url(/CyberGlobal/images/index3/icon_free_trial.png) no-repeat;
	width: 170px;
    height: 170px;
    background-size: 100%;
    position: absolute;
    right: -16px;
    top: -56px;
}
.body_mask_container .body_content  .body_content_close{
	position: absolute;
    top: 0;
    right: 4px;
    padding: 0 4px;
    cursor: pointer;
    color: #50aeff;
}
.body_mask_container .body_content .title_content{
    font-size: .32rem;
    font-weight: 600;
    margin-top: 0rem;
    line-height: .7rem;
    letter-spacing: 1px;
}
.body_mask_container .body_content .title_content>div{
    font-size: .28rem;
}
.body_mask_container .body_content .trial_btn_group{
	display: flex;
    line-height: .6rem;
    margin-top: .3rem;
    justify-content: space-between;
}
.body_mask_container .body_content .trial_btn_group>div{
	padding: 0 .5rem;
    background-color: #3ca5ff;
    border-radius: 5px;
    color: #FFF;
    opacity: .9;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.body_mask_container .body_content .trial_btn_group>div:hover{
	opacity: 1;
}
.body_mask_container .body_content .trial_btn_group>div:last-child {
	margin-left: .5rem;
    color: #3ca5ff;
    background-color: #FFF;
    border: 1px solid #3ca5ff;
}



/* media 动态调整 */
@media screen and (max-width: 750px){
	#footer .guide .footer_link{
		display: none;
	}
	#footer .guide .footer_code .guide_connect{
		visibility: visible;
		display: block;
	}
	#footer .guide .footer_code>.guide_qrcode{
		flex-direction: column;
		width: auto;
	}
	#footer .guide .footer_code .inter_provider{
		display: block;
	    position: absolute;
	    bottom: 10px;
	    left: 0;
	    line-height: 20px;
	    font-size: 12px;
	    padding: 0 10px;
	}
	#footer .guide .footer_code>div img{
		width: 75px;
	}
	#footer .sidebar_widget{
	    bottom: 10vh;
        z-index: 3;
	}
	#footer .sidebar_widget .sidebar_box {
		display: none;
	}
	#footer  .sidebar_widget .back_top{
		width: 32px;
	    height: 32px;
	    font-size: 0.4rem;
	    line-height: 32px;
	    margin-right: -11px;
	}
	#footer .guide .footer_code{
		width: 100%;
    	padding: 1rem .8rem 1.3rem .8rem;
	}
	#footer .guide .footer_code>div>div>div{
		font-size: .24rem;
	    margin-top: 0.1rem;
	}
}