@charset "utf-8";
.invite{ width: 100%;margin-top: 60px;font-family: SourceHanSansSC-regular;background: #fff;line-height: 1.5; }
.invite_banner{ width: 100%; }
.invite_banner img{ width: 100%; }

.newcomer_welfare_box{ padding-top: 36px;width: 100%;padding-bottom: 60px; }
.newcomer_welfare_title{ font-size: 24px;font-weight: 600;color: #000;text-align: center;margin-bottom: 1em; }
.newcomer_welfare{ width: 1160px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between; }
.welfare_item{ width: 373px;min-width: 373px;position: relative;box-sizing: border-box;box-shadow: rgb(0 0 0 / 10%) 0px 2px 6px 0px;text-align: center;margin:8px 0px; }
.welfare_pic{ position: absolute;width: 48px;height: 48px;top: 24px;left: 24px; }
.welfare_content{ padding: 22px 0px 18px 24px; }
.welfare_item_title{ font-size: 20px;margin-bottom: 10px; }
.welfare_item_num{ font-size: 20px;margin-bottom: 10px; }
.welfare_item_num span{ font-size: 40px; }
.welfare_item_btn{ display: block;width: 188px;height: 44px;line-height: 44px;font-size: 18px;padding: 0 1rem;border: 1px solid #999;border-radius: 10px;cursor: pointer;color: #999;margin: 0 auto; }
#yqlxf{ height: 60px;width: 100%;background: #fff; }

.invitation{ width: 100%;background-color: rgb(245, 245, 245);padding-top: 48px;padding-bottom: 40px; }
.invitation_title{  font-size: 24px;font-weight: 600;color: #000;text-align: center;margin-bottom: 1em; }
.invitation_desc{ margin-bottom: 1em;color: rgb(255, 145, 0);font-size: 28px;margin-bottom: 1em;text-align: center; }
.invitation_content{ width: 1160px;margin:0 auto 12px;display: flex;justify-content: center; }
.invitation_content_left{ width: 400px;height: 180px;border: 1px solid rgb(255, 145, 0);padding: 4px;box-sizing: border-box; }
.invitation_content_left_box{ background-color: rgb(255, 145, 0);width: 100%;height: 100%;display: flex;justify-content: center;align-items: center; }
.invitation_content_right{ width: 760px;height: 180px;border: 1px solid rgb(255, 145, 0);padding-top: 24px;box-sizing: border-box; }
.invitation_content_left .invitation_content_num{ display: block;width: 48px;height: 48px;background: #fff;border-radius: 50%;text-align: center;line-height: 48px;font-size: 28px;font-style: italic;color: rgb(255, 145, 0);font-weight: 600; }
.invitation_content_left .invitation_content_title{ font-size: 28px;color: rgb(255, 255, 255);font-weight: 600;margin-left: 6px; }
.invitation_content_right{ width: 760px;height: 180px;border: 1px solid rgb(255, 145, 0);padding-top: 24px;box-sizing: border-box; }
.copy_title{ margin-bottom: 1em;font-size: 20px;text-align: center; }
.inv_clone{ text-align: center; }
.inv_clone_text{ width: 628px;margin: 0 auto;border: 2px solid #ff9100;border-radius: 4px;justify-content: space-between;display: flex;height: 48px;align-items: center;box-sizing: border-box; }
.inv_clone_text span{ color: #333;background-color: rgb(245,245,245);border: none;width: 84%;resize: none;align-self: center;word-break: break-all;font-size: 14px;margin-left: 5px;text-align: left; }
.inv_clone_btn{ width: 96px;height: 32px;background: #ff9100;color: #fff;line-height: 32px;font-size: 14px;border-radius: 4px;cursor: pointer;text-align: center;margin-right: 10px; }
.copy_tips{ color: rgb(153, 153, 153);font-size: 16px;margin-top: 15px;margin-bottom: 1em; }
#copy_content{ opacity: 0; }

.invitation_content2{ width: 1160px;margin:0 auto;display: flex;justify-content: center;flex-direction: row-reverse; }
.invitation_content2_left{ width: 400px;height: 312px;border: 1px solid rgb(255, 145, 0);padding: 3px;box-sizing: border-box; }
.invitation_content2_left_box{ background-color: rgb(255, 145, 0);width: 392px;height: 304px;border: 1px solid rgb(255, 145, 0);box-sizing: border-box;padding-top: 102px; }
.invitation_con_ds{ display: flex;justify-content: center;align-items: center; }
.invitation_content2_num{ display: block;width: 48px;height: 48px;background: #fff;border-radius: 50%;text-align: center;line-height: 48px;font-size: 28px;font-style: italic;color: rgb(255, 145, 0);font-weight: 600; }
.invitation_content2_title{ font-size: 28px;color: rgb(255, 255, 255);font-weight: 600;margin-left: 6px; }
.inv_btn_box{ display: flex;justify-content: center;margin: 30px auto 0; }
.inv_btn_item{ display: block;margin-right: 11px;cursor: pointer;border: 1px solid rgb(255, 255, 255);padding: 2px 4px;color: #fff;font-size: 18px; }
.invitation_content2_left_box p{ text-align: center;color: #fff;font-size: 18px;margin-top: 10px; }
.invitation_content2_right{ width: 760px;height: 312px;border: 1px solid rgb(255, 145, 0);text-align: center;box-sizing: border-box; }
.share_title{ font-size: 20px;margin: 24px 0px 12px;color: rgba(0,0,0,.65); }
.share_tips{ margin-top: 12px;color: rgba(0,0,0,.65); }


.free_get{ width: 1140px;overflow: hidden;margin: 0px auto;position: relative;padding-top: 48px;padding-bottom: 40px;display:none; }
.free_title{ font-size: 24px;font-weight: 600;color: #000;text-align: center;margin-bottom: 1em; }
.free_content{ width: 1020px;box-sizing: border-box;margin: 0 auto;height: 440px; }
.free_content_box{ width: 1020px;height: 440px;position: relative;overflow: hidden; }
.free_con{ width: 1700px;height: 440px;position: absolute;top: 0;left: 0;transition: all .5s; }
.free_con:after{ display: block;content: '';clear: both; }
.free_con_item{ width: 320px;margin: 0 10px;border: 1px solid #ff9100;box-sizing: border-box;padding-bottom: 4px;float: left; }
.free_con_title{ height: 60px;font-size: 20px;text-align: center;margin: 20px 0px 12px;padding:0 4px;box-sizing: border-box; }
.free_con_desc_box{ width: 215px;height: 248px;margin: 0px auto;text-align: left;color: rgb(153, 153, 153);font-size: 14px; }
.free_con_desc1{ height: 202px;text-align: left; }
.free_con_desc2{ color: rgb(255, 145, 0);font-size: 40px;text-align: center; }
.free_con_desc2 span{ font-size: 22px; }
.free_con_bom{ background-color: rgb(255, 145, 0);height: 80px;box-sizing: border-box;padding: 18px 4px 0;width: 312px;margin: 11px auto 0; }
.free_con_bom span{ display: block;cursor: pointer;width: 160px;height: 44px;background-color: rgb(255, 255, 255);line-height: 44px;color: rgb(255, 145, 0);font-size: 18px;text-align: center;margin: 0px auto 0; }
.free_content_left{ position: absolute;top: 274px;left: 0px;cursor: pointer; }
.free_content_right{ position: absolute;top: 274px;right: 0px;cursor: pointer; }

.gift_year{ width: 100%;background-color: rgb(245, 245, 245);padding-top: 48px;padding-bottom: 40px;text-align: center; }
.gift_year_title{ font-size: 24px;font-weight: 600;color: #000;text-align: center;margin-bottom: 1em; }
.gift_year_desc1{ color: rgb(255, 145, 0);font-size: 30px; }
.gift_year_desc2{ color: rgb(51, 51, 51);font-size: 18px;margin: 12px 0px; }
.gift_year_desc3{ color: rgb(153, 153, 153);font-size: 14px;margin-bottom: 0px; }
.gift_year_desc4{ font-size: 20px;color: rgb(51, 51, 51); }
.gift_year_desc4 span{ font-size: 36px;color: rgb(255, 145, 0); }
.gift_year_btn{ font-size: 18px;width: 140px;height: 44px;line-height: 44px;margin: 12px auto 0;background: #ff9100;border-radius: 4px;color: #fff;cursor: pointer; }



.rule_box{ width: 100%;height: 100%;background: rgba(0,0,0,.7);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;display: none; }
.rule_content{ margin: 0 auto;background: #fff;position: relative;top: 50%;margin-top: -215px;width: 576px;height: 429px;border-radius: 4px; }
.rule_close{ width: 56px;height: 56px;text-align: center;line-height: 56px;color: rgba(0,0,0,.65);position: absolute;top: 0;right: 0;cursor: pointer; }
.rule_text{ padding: 24px 24px 0;font-size: 14px;line-height: 1.5;word-wrap: break-word;box-sizing: border-box; }
.rule_text_title{ position: absolute;left: 50%;transform: translateX(-50%);width: 12.5rem;height: 3rem;line-height: 3.125rem;font-size: 18px;font-family: SourceHanSansSC-regular;border-radius: 24px;color: #fff;background-color: #6753ff;text-align: center; }
.rule_text_con{ border-radius: 2px;margin-top: 1.875rem;padding: 1.8125rem 1.4375rem;box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%); }
.rule_text_con p{ font-size: 14px;margin-bottom: 1em;color: rgba(0,0,0,.65); }
.rule_btn_box{ width: 126px;height: 32px;margin:0 auto;background: #ff9100;color: #fff;border-radius: 4px;line-height: 32px;text-align: center;cursor: pointer;margin-top: 15px; }

.zhihu_share{ width: 100%;height: 100%;background: rgba(0,0,0,.7);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1000;display: none; }
.zhihu{ margin: 0 auto;background: #fff;position: relative;top: 50%;margin-top: -192px;width: 520px;padding-bottom: 20px;border-radius: 4px; }
.share_close{ width: 56px;height: 56px;text-align: center;line-height: 56px;color: rgba(0,0,0,.65);position: absolute;top: 0;right: 0;cursor: pointer; }
.zhihu_title{ color: #fe842f;font-weight: 600;font-size: 1.125rem;padding: 16px 24px;text-align: center;line-height: 1.5; }
.zhihu_content{ padding:24px 24px 0;font-size: 14px;line-height: 1.5;word-wrap: break-word;padding-bottom: 1em;position: relative; }
.zhihu_content_desc1{ font-size: 14px;margin-bottom: 1em; }
.zhihu_content_link{ font-size: 16px;margin-bottom: 1em;color: rgba(0,0,0,.65); }
.zhihu_content_link span{ color: #fe842f;cursor: pointer;font-size: 14px; }
.zhihu_content_desc{ color: rgba(0,0,0,.65);font-size: 14px;margin-bottom: 1em; }
.zhihu_content_btn{ width: 120px;height: 32px;background: #ff9100;border-radius: 4px;margin: 0 auto;text-align: center;line-height: 32px;font-size: 14px;color: #fff;cursor: pointer; }
.zhihu_content_btn a{ color: #fff; }
.updata{ width: 100%;height: 94px;position: relative; }
.updata_file{ width: 80px;height: 80px;position: relative; }
.updata_cover{ width: 80px;height: 80px;font-size: 14px;color: rgba(0,0,0,.65);text-align: center;border: 1px dashed #d9d9d9;border-radius: 4px;box-sizing: border-box;padding-top: 14px; }
.updata_file_input{ width: 100%;height: 100%;font-size: 0;opacity: 0;position: absolute;top: 0;left: 0;cursor: pointer; }
.updata_cover_tip1{ font-size: 25px;line-height: 25px; }
.updata_desc{ position: absolute;left: 100px;top: 0;color: #a2a2a2;font-size: 12px; }
.content_desc{ color: rgb(255, 132, 47);font-size: 12px; }
.share_bom{ display: flex;justify-content: flex-end;padding-right: 16px; }
.share_bom .share_bom_cannel,.share_bom .share_bom_primise{ width: 100px;height: 32px;box-sizing: border-box;line-height: 30px;font-size: 14px;text-align: center;border-radius: 4px;cursor: pointer; }
.share_bom .share_bom_cannel{ border: 1px solid #aeaeae;color: #aeaeae;margin-right: 8px; }
.share_bom .share_bom_primise{ background: #ff9100;color: #fff; }
.zhifu_show_pic{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none; }
.show_pic_box{ position: relative;padding: 24px 24px 0;background: #fff; }
.show_pic_box img{ width: 100%; }
.zhifu_cover{ width: 100%;height: 100%;background: rgba(0,0,0,.7); }
.guanzhu{ text-align: center; }
.guanzhu .guanzhu_title{ font-size: 1.0625rem;color: rgba(0,0,0,.65) }
.updata2{ margin-bottom: 1em; }
.link_input{ box-sizing: border-box;margin: 0;padding: 0;font-variant: tabular-nums;list-style: none;font-feature-settings: "tnum";position: relative;display: inline-block;width: 100%;height: 32px;padding: 4px 11px;color: rgba(0,0,0,.65);font-size: 14px;line-height: 1.5;background-color: #fff;background-image: none;border: 1px solid #d9d9d9;border-radius: 2px;transition: all .3s; }
.copy_input{ opacity: 0;position: absolute;z-index: -10; }

 /*ipad*/
@media screen and (max-width: 1199px) and (min-width: 750px)
{
	.newcomer_welfare{ width: 100%;padding: 0 18px;box-sizing: border-box; }
	.welfare_item{ width: 32%;min-width: initial; }
	.welfare_pic{ left: 16px;width: 40px;height: 40px; }
	.welfare_content{ box-sizing: border-box;padding: 22px 0 18px 0; }
	.welfare_item_btn{ width: 62%; }
	.invitation_content{ width: 100%;display: block; }
	.invitation_content_left{ width: 100%; }
	.invitation_content2{ width: 100%; }
}
/*mobile*/
@media screen and (max-width: 750px)
{
	.right_fixed{ display: none; }
	.newcomer_welfare{ width: 100%;padding: 0 18px;box-sizing: border-box; }
	.welfare_item{ width: 48%;min-width: initial; }
	.welfare_pic{ left: 16px;width: 24px;height: 24px; }
	.welfare_item_title{ font-size: 16px;padding-left: 10px;padding-top: 3px; }
	.welfare_item_num{ font-size: 16px; }
	.welfare_item_num span{ font-size: 30px;margin-right: 2px; }
	.welfare_content{ box-sizing: border-box;padding: 22px 0 18px 0; }
	.welfare_item_btn{ height: 32px;line-height: 30px;font-size: 14px;width: 52%; }
	.invitation_content{ width: 100%;display: block; }
	.invitation_content_left{ width: 100%; }
	.invitation_content2{ width: 100%;display: block; }
	.invitation{ padding-top: 24px;padding-bottom: 0; }
	.invitation_title{ margin-bottom: 0.5em; }
	.invitation_desc{ font-size: 22px; }
	.invitation_content_right{ width: 100%;height: auto;padding-top: 12px; }
	.copy_title{ font-size: 16px; }
	.inv_clone{ box-sizing: border-box;padding: 0 5px; }
	.inv_clone_text{ width: 100%;border: 1px solid #ff9100; }
	.inv_clone_text span{ text-align: left;font-size: 12px; }
	.copy_tips{ font-size: 14px;text-align: left;padding: 0 4px;margin: 0.5em 0; }
	#copy_content{ position: fixed;bottom: 0;left: 0;z-index: -1; }
	.invitation_content2_left{ width: 100%;height: auto; }
	.invitation_content2_left_box{ width: 100%;padding-top: 50px;height: auto;padding-bottom: 2.5em; }
	.invitation_content2_right{ width: 100%; }
	.gift_year_title{ margin-bottom: 0.5em; }
	.gift_year_desc1{ font-size: 16px; }
	.newcomer_welfare_box{ padding-top: 18px; }
	.newcomer_welfare_title{ margin-bottom: 0.5em; }
}