.bgwhite {background-color:white}
.hid {
    display: none !important;
}
.sho {
    display: block !important;
}
/* 主图显示区 */
.win-wrap {
    max-width: 720px;
    margin: 0 auto;
}
.main-body {
    background-color: #FFFFFF;
}
.top-container {
    position: relative;
    z-index: 10;
}
.top-container .top-bg {
    display: block;
    width: 100%;
}
/* ios 引导区 最新*/
.course_btn {position: fixed; top: 2rem; right: 0; z-index: 10; background-color: #418aff; color: #ffffff; font-size: 0.28rem; height: 0.6rem; line-height: 0.6rem; padding: 0 0.3rem; border-top-left-radius: 0.6rem; border-bottom-left-radius: 0.6rem;}
.course_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 20;transition: all 1s;}
.course_main {width: 100%;height: 100%;flex-direction: column !important;justify-content: center;align-items: center !important;display: flex;}
.course_div { width: 90%; background-color: #ffffff; border-radius: 10px;}
.course_title { font-size: 0.34rem; height: 1rem; line-height: 1rem; text-align: center; border-bottom: 1px solid #eee; position: relative;}
.close_img {position: absolute; top: 0; right: 0; width: 1rem; height: 1rem;flex-direction: column !important;justify-content: center;align-items: center !important;display: flex; }
.close_img img{ width: 0.5rem;}
.course_img_div { width: 100%; padding: 20px 5px; box-sizing: border-box;}
.course_img {width: 50%;display: inline-block; float: left; padding: 5px; box-sizing: border-box;}
.course_img img { width: 100%;}
.process_main {width: 100%; padding: 0.4rem 0.4rem; box-sizing: border-box;}
.step_main { border-bottom: 1px dashed #ddd;}
.step_div { height: 0.8rem; line-height: 0.8rem; font-size: 0.26rem; border-radius: 6px; padding: 0 0.3rem; margin-bottom: 0.3rem;}
.speed_main {padding-top: 0.2rem;}
.speed_title { color: #418aff; font-size: 0.3rem; text-align: center; height: 0.8rem; line-height: 0.8rem;}
.speed_div { width: 100%; margin: 0 auto; position: relative; height: 0.14rem;overflow: hidden; background-color: #f2f2f2; border-radius: 0.14rem; text-align: center; color: #fff; }
.speed_div p {transition: all 1s; position: absolute; top: 0; left: 0; height: 100%; background-color: #418aff; margin: 0; border-radius: 30px;}
.speed_div span {position: relative;z-index: 10; font-size: 14px;}
.speed_div .wanc_p { width: 100%; z-index: 20;background-color: #67C23A;}
.trust_div{padding: 0.4rem 0 0.2rem 0;flex-direction: column !important;justify-content: flex-start !important;align-items: center !important;display: flex;}
.trust_btn { width: 66%; margin: 0 17%; border: 0; background-color: #418aff; color: #FFFFFF; border-radius: 0.7rem; height: 0.7rem;  padding: 0; font-size: 0.26rem; margin-bottom: 0.2rem;  }
.trust_btn:focus{outline:0;}
.trust_btn:active{opacity: 0.8;}
.trust_btn:disabled{ border: 1px solid #f2f2f2; background-color: #f2f2f2 !important; color: #9a9a9a !important;}
.tips_div{ color: #555; text-align: center; font-size: 0.26rem;}
.tips_div p { margin: 0;}
.tips_div p span { margin: 0px 0.1rem; color: #FF0000;}
.step_weben {background-color: rgba(65, 138, 255, 0.05); color:#418aff;font-size: 0.24rem; padding: 0.2rem; border-radius: 0px 0px 0.2rem 0.2rem ;}
/* ios 引导区 最新 end*/
/* ios 引导区 */
.ios_main { width: 100%;}
.ios_title {text-align:center;font-weight:bold;color:red;font-size:0.5rem; margin: 0.5rem 0;}
/* ios企业签进度按钮区域 */
.buzou_div { width: 100%; margin: 0 auto 30px auto; color: #ff6d00; font-size: 14px;}
.buzou_div > p { margin-bottom: 20px;}
.buzou_div .buzou_span{width: 74px; padding-left: 12px; font-size: 15px; color: #fff; height: 26px;line-height: 26px; background-color: #57b4bc; display: inline-block; margin-right: 10px;}
.jingdu_div { width: 80%; margin: 0 auto; position: relative; height: 34px; line-height: 34px; overflow: hidden; background-color: #ddd; border-radius: 30px; text-align: center; color: #fff; }
.jingdu_div p {transition: all 1s; position: absolute; top: 0; left: 0; height: 100%; background-color: #66b1ff; margin: 0; border-radius: 30px;}
.jingdu_div span {position: relative;z-index: 10; font-size: 14px;}
.jingdu_div .wanc_p { width: 100%; z-index: 20;background-color: #67C23A; font-size: 13px;}
.xr_btn { width: 80%; margin: 0 10%; border: 0; background-color: #0099FF; border-radius: 34px; height: 34px; color: #fff; padding: 0; font-size: 15px;}
.xr_btn:focus{outline:0;}
.xr_btn:active{opacity: 0.8;}
.xr_btn:disabled{ border: 1px solid #ccc; background-color: #ddd !important; }
.tishi { width: auto; display: inline-block;}
.tishi_div{ color: #555; text-align: center; font-size: 15px; }
.tishi_div p { margin: 0;}
.tishi_div p span { margin: 0px 2px; color: #FF0000;}

/* ios流程区 */
header {
    padding: 10px;
    background-color: #ffe8dd;
    border: 1px solid #ffd5be;
    font-size: 14px;
    color: #ff671c;
    line-height: 1.7;
}
article {
    padding: 10px 15px;
}
article h2 {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #333333;
}
.title {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
}
.title i {
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 4px;
    margin-right: 6px;
    border-radius: 3em;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    background-color: #0099FF;
	font-style: inherit;
}
.title p {
    font-size: 15px;
    color: #333333;
    -webkit-box-flex: 1;
    line-height: 1.7;
}
.title span {
    color: #FF001C;
    font-size: 16px;
    line-height: 1.7;
}
.mod-img {
    display: block;
    margin: 15px auto 20px auto;
    width: 90%;
}
/* 安卓 ios 提示蒙版 */
.link-div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 200;
}
.link-div img {
    width: 90%;
    float: left;
    margin-left: 5%;
    margin-top: 5%;
}
/* 在百度中打开 提示蒙版 */
.baidu_main {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 500;
    background-color: #fff;
    top: 0;
    left: 0;
    opacity: 0.96;
}
.baidu_img {
    width: 18%;
    position: absolute;
    top: 0;
}
.baidu_img img {
    width: 100%;
}
.baidu_l {
    left: 0;
}
.baidu_r {
    right: 0;
}
.logo_main {
    margin-top: 60%;
    text-align: center;
}
.logo_main p {
    color: #333;
	font-size: 0.5rem;
}
.logo_main h5 {
    color: #f00;
	font-size: 0.3rem;
}
.logo_main button {
    padding: 0;
	height: 0.75rem;
    min-width: 180px;
    border: 1px solid #32b2a7;
    border-radius: 40px;
    font-size: 0.25rem;
    background: #32b2a7;
    color: #fff;
}
/* 入口页 站点 客服 样式 已废弃 暂留兼容*/
.site_main { width: 100%; position: fixed; left: 0; bottom: 0rem; z-index: 100; padding: 0 0.2rem; background-color: rgba(0,0,0,0.8); box-sizing: border-box;}
.site_main ul {padding: 0; margin: 0;}
.site_main ul li {list-style: none; width: 100%; margin: 0.2rem 0;}
.site_main p { margin: 0;}
.site_div { width: 100%;display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.site_div .site_name{width: 1.5rem; line-height: 0.6rem; background-color: #a90202; font-size: 0.3rem; color: #fff; text-align: center; border-radius: 0.05rem 0rem 0rem 0.05rem;}
.site_div .site_text{line-height: 0.6rem; background-color: #fff; font-size: 0.3rem; color: #333; text-align: center;border-radius: 0rem 0.05rem 0.05rem 0rem; flex: 1; margin-right: 0.2rem; width: calc(100% - 3.2rem);overflow: hidden; text-overflow: ellipsis; padding: 0 0.2rem;}
.site_div .site_link{width: 1.5rem; line-height: 0.6rem; background-color: #fe0002; font-size: 0.3rem; color: #fff; text-align: center; border-radius: 0.05rem;}
.site_link:hover { opacity: 0.8;}
.service_div { position: absolute; top: -2.2rem; right: 0.2rem; z-index: 50; }
.service_div img { height: 2rem;}

/* 入口页 站点 客服 样式  已废弃 暂留兼容 */
.site_main_new { width: 3rem; position: fixed; right: 0rem; bottom: 0.2rem; z-index: 100; padding: 0 0.1rem;box-sizing: border-box;background-color: #fff;border-radius: 0.1rem 0 0 0.1rem; }
.site_main_new ul {padding: 0; margin: 0;}
.site_main_new ul li {list-style: none; width: 100%;}
.site_main_new ul li+li {border-top: 1px solid #f1f1f1;}
.site_main_new ul li a {text-decoration:none}
.site_main_new p { margin: 0;}
.site_div_new { width: 100%; height: 0.8rem; display: flex; flex-direction: row; justify-content: space-between; align-items: center;background-color: #fff;}
.site_div_new .icon_img { width: 0.5rem; height: 0.5rem;}
.site_div_new .site_text_new{line-height: 0.6rem; background-color: #fff; font-size: 0.3rem; color: #606060; text-align: center;flex: 1;}
.site_div_new .site_link_new{width: 0.82rem; line-height: 0.4rem; background-color: #f59527; font-size: 0.22rem; color: #fff; text-align: center; border-radius: 0.05rem;}
.site_link_new:hover { opacity: 0.8;}

/* 入口页 站点 客服 样式 新的*/
.site_main_site1 { width: 100%;height: 0.72rem; position: fixed; right: 0rem; bottom: 0rem; z-index: 100; padding: 0 0.1rem;box-sizing: border-box;background-color: #fff; display: flex; flex-direction: row; justify-content: space-between; align-items: center;background-image:url(../img/site_bg.png);background-size: 100% 100%;background-position: center;}
.site_main_site2 { width: 100%;height: 0.72rem; position: fixed; right: 0rem; bottom: 0rem; z-index: 100;}
.site_main_div {
	width: 100%;height: 0.72rem; padding: 0 0.1rem;box-sizing: border-box;background-color: #fff; display: flex; flex-direction: row; justify-content: space-between; align-items: center;background-image:url(../img/site_bg.png);background-size: 100% 100%;background-position: center;
}
.title_img {height: 0.4rem;}
.site_div_list{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.site_div_site1 { width: 1.1rem; height: 0.4rem; padding-left: 0.22rem;box-sizing: border-box; margin-left: 0.1rem; display: flex; flex-direction: row; justify-content: space-between; align-items: center;border-radius: 0.4rem; background-image:url(../img/a_btn.png);background-size: 100% 100%;background-position: center;}
.site_div_site1 a{text-decoration:none; font-size: 0.2rem; color: #FFFFFF; text-align: center;flex: 1;}


/* 视频落地页专有 */
.live_main{
	background-color: #FFFFFF; margin-top: 0.6rem;
}
.logo_div {
	padding: 0 10%;
	text-align: center;font-size: 0;
}
.app_name {
	font-size:0.32rem; color: #000000; font-weight: 600; margin-top: 0.2rem; margin-bottom: 0.3rem;
}
.down_btn {
	width: 90%; height: 0.9rem; line-height: 0.9rem; color: #FFFFFF; font-size: 0.32rem; background-color: #6fc314; text-align: center; border-radius: 5px; display: inline-block;
}