@charset "utf-8";

@font-face {
    font-family: 'alibaba';
	font-weight: 500;
    src: url('alibaba.woff2') format('woff2');
	font-display: swap;
}
/************************************************************************/
/**基础属性设置************************************************************/
/************************************************************************/
* { font-size:16px; font-family: "alibaba"; font-weight: 300; }
body{ padding:0px; margin:0px auto; background: #000; overflow-x:hidden; overflow-y:auto; font-size:16px; font-family: "alibaba"; font-weight: 300; }

ul { margin:0px; padding:0px; }
li { list-style:none; }
a { text-decoration:none; }
img { border:none; }

/**公共样式*****************************************************/


/**系统主色调********/
:root {
	--theme-color: #0039C7;
}


/**********************************/
/**页面加载动作**********************/
/**********************************/
.loading { width: 100%; height: 100%; background: var(--theme-color); position: fixed; top: 0; left: 0px; z-index: 99999; display: flex; flex-direction:column; justify-content:center; align-items:center; align-content:center; font-size: 0.9em; color: #ddd; }
.loading_img { width: 75px; height: 75px; text-align: center; margin-bottom: 20px; -webkit-animation:1.2s loading infinite; animation: loading 1s infinite; }
.loading_img img { max-width: 100%; width: auto; height: auto; }

@keyframes loading{
	0% {transform: translateY(0px);}
	50% {transform: translateY(-15px);}
	100% {transform: translateY(0px);}
}

.gotop { width: 48px; height: 48px; position: fixed; z-index: 1; right: 20px; bottom: 20px; background: rgba(0,0,0,0.7); border-radius: 5px; display: flex; justify-content:center; align-items:center; cursor: pointer; }
.gotop img { width: 30px; height: auto; }

/**********************************/
/**PC端样式*************************/
/**********************************/
@media (min-width: 1025px){
	
	.pc_dom { width: 100%; min-height: 100vh; height: auto; position: relative; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; }
	/*导航*/
	.pc_nav_dom { width: 100%; height: 90px; background: rgba(0,0,0,0.3); display: flex; justify-content:space-between; align-items:center; border-bottom: 1px solid rgba(255,255,255,0.1); position: fixed; top: 0; z-index: 1; }
	.pc_nav_dom .logo { height: 45%; width: auto; margin-left: 30px; cursor: pointer; }
	.pc_nav_dom .menu { width: auto; height: 35px; display: flex; justify-content:flex-end; align-items:center; }
	.pc_nav_dom .menu div { width: auto; height: 34px; padding: 0 20px; background: white; border-radius: 5px; font-size: 15px; color: #333; line-height: 34px; margin-right: 30px; cursor: pointer; }
	.pc_nav_dom .menu div:hover { background: #0039C7; color: #fff; }
	
	/*BANNER*/
	.pc_banner { width: 100%; height: 45vh; background: #000; display: flex; justify-content:center; align-items:center; }
	.pc_banner_conpos { max-width: 1300px; width: 90%; height: 150px; margin-top: 5vh; }
	.pc_banner_box { width: 360px; height: 130px; padding: 10px 20px; background: rgba(0,0,0,0.7); display: flex; flex-direction:column; justify-content:center; align-items:flex-start; position: relative; font-size: 35px; color: #fff; }
	.pc_banner_box img { width: 16px; height: auto; position: absolute; z-index: 1; top: 10px; right: 10px; }
	.pc_banner_box font { font-size: 15px; color: #ccc; margin-bottom: 10px; text-transform: capitalize; }
	
	/*内容部分*/
	.pc_content_dom { width: 100%; height: auto; padding: 100px 0; background: #fff; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; position: relative; }
	.pc_content_space { width: 100%; height: 100px; background: none; }
	.pc_content_list { max-width: 1300px; width: 90%; height: auto; display: flex; justify-content:space-between; align-items:flex-start; }
	.pc_content_list_img { width: 35%; height: auto; }
	.pc_content_list_text { width: calc(65% - 30px); height: 100%; font-size: 17px; color: #555; line-height: 40px; }
	
	/*左右等分*/
	.pc_con_lr { width: 44%; height: 50vh; margin: 0 3%; display: flex; flex-direction:column; justify-content:center; align-items:center; color: #666; font-size: 16px; }
	.pc_con_lr font { font-size: 30px; margin: 5px 0; color: #000; }
	.pc_con_lr img { height: 50%; width: auto; margin: 20px 0; }


	/*首页*/
	.pc_index_box { width: 100%; height: 100vh; position: relative; }
	.pc_index_dom { width: 100%; height: 100%; background: #ccc; overflow: hidden; }
	.pc_index_dom .swiper-slide { display: flex; flex-direction:column; justify-content:space-between; align-items:center; }
	.pc_top_space { width: 100%; height: 100px; }

	.pc_index_screen1_slogan { width: 90%; height: auto; margin-bottom: 20px; display: flex; flex-direction:column; justify-content:center; color: #fff; font-size: 30px; }
	.pc_index_screen1_slogan span { font-size: 50px; margin-bottom: 20px; }
	.pc_index_screen1_link { width: 94%; height: 100px; margin-bottom: 30px; display: flex; justify-content:flex-end; align-items:center; cursor: pointer; }
	.pc_index_screen1_link_layer { width: 320px; height: 90px; background: rgba(0,0,0,0.6); display: flex; justify-content:space-between; align-items:center; border-radius: 6px; }
	.pc_index_screen1_link_layer .left { flex: 1; height: 70px; margin-left: 20px; color: #fff; font-size: 13px; display: flex; flex-direction:column; justify-content:center; align-items:flex-start; }
	.pc_index_screen1_link_layer .left font { font-size: 23px; margin-top: 3px; }
	.pc_index_screen1_link_layer .right { height: 70px; width: 70px; background: #0039C7; border-radius: 5px; margin-right: 10px; display: flex; justify-content:center; align-items:center; }
	.pc_index_screen1_link_layer .right img { width: auto; height: 50%; }

	.pc_index_screen2_dom { width: 86%; height: 64vh; padding: 15px; margin-top: 17vh; background: rgba(0,0,0,0.5); border-radius: 6px; display: flex; }
	.pc_index_screen2_dom .intro { width: auto; height: calc(100% - 20px); margin: 10px 30px 0 10px; }
	.pc_index_screen2_dom .content { flex: 1; height: 100%; font-size: 18px; color: #fff; line-height: 43px; display: flex; flex-direction:column; overflow: hidden; }
	.pc_index_screen2_dom .content font { font-size: 24px; margin-bottom: 15px; }

	.pc_index_screen3_dom { width: 80%; height: 64vh; padding: 15px; margin-top: 17vh; display: flex; justify-content:center; align-items:center; }
	.pc_index_s3 { height: 40vh; width: 30vh; background: #fff; padding: 10px 25px; margin: 0 7vh; border-radius: 7px; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; cursor: pointer; color: #555; }
	.pc_index_s3_title { width: 100%; height: auto; margin-top: 20px; display: flex; flex-direction:column; justify-content:center; text-align: center; font-size: 14px; }
	.pc_index_s3_title font { font-size: 30px; margin-bottom: 5px; }
	.pc_index_s3_qrcode { width: 100%; height: auto; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; margin-top: 3vh; }
	.pc_index_s3_qrcode font { font-size: 14px; color: #999; margin-top: 5px; }
	.pc_index_s3_qrcode img { width: 22vh; height: auto; }

	.pc_index_screen4_dom { width: 85%; height: calc(100% - 340px); padding: 20px; margin-top: 50px; background: rgba(0,0,0,0.6); display: flex; justify-content:center; align-items:center; border-radius: 6px; }
	.pc_index_screen4_dom .left { width: 34%; height: 80%; margin: 0 8%; display: flex; flex-direction:column; justify-content:center; }
	.pc_index_screen4_dom .left div { width: 88%; height: auto; padding: 0 15px; margin: 30px 0; display: flex; justify-content:flex-start; align-items:center; }
	.pc_index_screen4_dom .left div img { max-height: 88px; width: auto; height: auto; margin-right: 20px; }
	.pc_index_screen4_dom .left div font { color: #fff; font-size: 20px; line-height: 30px; }
	.pc_index_screen4_dom .right { width: 50%; height: 80%; color: #fff; font-size: 35px; display: flex; flex-direction:column; justify-content:center; }
	.pc_index_screen4_dom .right font { font-size: 20px; margin-bottom: 5px; color: #ccc; }
	.pc_index_screen4_dom .right div { width: 100%; height: 40px; }
	.pc_index_screen4_footer { width: 100%; height: 100px; background: #000; display: flex; justify-content:center; align-items:center; color: #fff; font-size: 14px; }
	.pc_index_screen4_footer a { color: #fff; margin-left: 20px; font-size: 14px; }
	
	/*小明日记*/
	.pc_forum_menu { width: 200px; height: auto; padding: 20px; background: #f6f6f6; border-radius: 5px; }
	.pc_forum_menu a { display: block; width: 100%; height: 60px; border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 16px; line-height: 60px; color: #555; text-indent: 10px; }
	.pc_forum_menu a:hover { color: #0039C7; cursor: pointer; }
	.pc_forum_list_box { width: calc(100% - 260px); height: auto; }
	.pc_forum_list { width: calc(100% - 40px); padding: 20px; background: #f6f6f6; border-radius: 5px; margin-bottom: 25px; }
	.pc_forum_list .title { display: block; width: 100%; height: auto; font-size: 16px; line-height: 26px; color: #555; margin: 15px 0 20px; }
	.pc_forum_list .title:hover { color: #0039C7; cursor: pointer; }
	.pc_forum_list .info { width: 100%; height: 40px; display: flex; justify-content:space-between; align-items:flex-end; border-top: 1px solid rgba(0,0,0,0.1); }
	.pc_forum_list .info a { display: block; padding: 3px 20px; background: #aaa; font-size: 13px; color: #fff; border-radius: 4px; cursor: pointer; }
	.pc_forum_list .info div { color: #999; font-size: 13px; }
	
	/*联系小明*/
	.pc_contact_left { width: 45%; height: auto; display: flex; justify-content:center; align-items:center; }
	.pc_contact_left div { width: 33%; height: auto; display: flex; flex-direction:column; justify-content:center; align-items:center; font-size: 14px; color: #666; }
	.pc_contact_left div img { width: 80%; height: auto; margin-bottom: 10px; }
	.pc_contact_right { width: 45%; height: 80%; color: #333; font-size: 1.6rem; display: flex; flex-direction:column; justify-content:center; }
	.pc_contact_right font { font-size: 1rem; margin-bottom: 5px; color: #999; }
	.pc_contact_right div { width: 100%; height: 40px; }


	.pad_dom ,.pad_index_box { display: none; }
	.mob_dom ,.mob_index_box { display: none; }
}

/**********************************/
/**平板端样式************************/
/**********************************/
 @media (min-width: 641px) and (max-width: 1024px) {
	 
	.pad_dom { width: 100%; min-height: 100vh; height: auto; position: relative; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; }
	 
	 /*导航*/
	.pad_nav_dom { width: 45px; height: 45px; background: rgba(0,0,0,0.8); border-radius: 5px; position: absolute; z-index: 2; top: 10px; right: 10px; display: flex; flex-direction:column; justify-content:center; align-items:center; }
	.pad_nav_dom img { width: 32px; height: 32px; }
	.pad_nav_box { width: 100%; height: 100vh; background: rgba(0,0,0,0.9); position: fixed; z-index: 99; top: 0; display: flex; flex-direction:column; justify-content:flex-end; align-items:center; }
	.pad_nav_layer { width: calc(100% - 30px); height: 330px; padding: 15px; border-radius: 10px 10px 0 0; background: white; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; }
	.pad_nav_layer_list { width: 100%; height: 45px; margin-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,0.1); text-align: center; line-height: 40px; color: #555; font-size: 16px; }
	.pad_nav_layer_close { width: 160px; height: 40px; background: #0039C7; font-size: 16px; color: #fff; border-radius: 5px; text-align: center; line-height: 40px; margin-top: 20px; }
	 
	 /*BANNER*/
	.pad_banner { width: 100%; height: 45vh; background: #000; display: flex; justify-content:center; align-items:center; }
	.pad_banner_conpos { max-width: 1300px; width: 90%; height: 130px; margin-top: 5vh; }
	.pad_banner_box { width: 360px; height: 120px; padding: 10px 20px; background: rgba(0,0,0,0.7); display: flex; flex-direction:column; justify-content:center; align-items:flex-start; position: relative; font-size: 35px; color: #fff; }
	.pad_banner_box img { width: 16px; height: auto; position: absolute; z-index: 1; top: 10px; right: 10px; }
	.pad_banner_box font { font-size: 15px; color: #ccc; margin-bottom: 10px; text-transform: capitalize; }

	 
	/*内容部分*/
	.pad_content_dom { width: 100%; height: auto; padding: 100px 0; background: #fff; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; position: relative; }
	.pad_content_space { width: 100%; height: 100px; background: none; }
	.pad_content_list { max-width: 1000px; width: 90%; height: auto; display: flex; justify-content:space-between; align-items:flex-start; margin-bottom: 30px; }
	.pad_content_list_img { width: 35%; height: auto; }
	.pad_content_list_text { width: calc(65% - 30px); height: 100%; font-size: 17px; color: #555; line-height: 40px; }
	.pad_conimg_box { width: 45%; min-height: 100px; display: flex; flex-direction:column; justify-content:center; align-items:center; }
	.pad_conimg_box font { font-size: 2.2rem; margin: 5px 0; color: #000; }
	.pad_conimg_box img { width: 80%; height: auto; margin: 20px 0; }

	/*首页*/ 
	.pad_index_box { width: 100%; height: 100vh; position: relative; }
	.pad_index_dom { width: 100%; height: 100%; background: #ccc; overflow: hidden; }
	.pad_index_dom .swiper-slide { display: flex; flex-direction:column; justify-content:space-between; align-items:center; }
	 
	.pad_index_screen1_slogan { width: 90%; height: auto; display: flex; flex-direction:column; justify-content:center; color: #fff; font-size: 2rem; }
	.pad_index_screen1_slogan span { font-size: 3.2rem; margin-bottom: 20px; }
	.pad_index_screen1_link { width: 94%; height: 100px; margin-bottom: 30px; display: flex; justify-content:flex-end; align-items:center; cursor: pointer; }
	.pad_index_screen1_link_layer { width: 320px; height: 90px; background: rgba(0,0,0,0.6); display: flex; justify-content:space-between; align-items:center; border-radius: 6px; }
	.pad_index_screen1_link_layer .left { flex: 1; height: 70px; margin-left: 20px; color: #fff; font-size: 13px; display: flex; flex-direction:column; justify-content:center; align-items:flex-start; }
	.pad_index_screen1_link_layer .left font { font-size: 23px; margin-top: 3px; }
	.pad_index_screen1_link_layer .right { height: 70px; width: 70px; background: #0039C7; border-radius: 5px; margin-right: 10px; display: flex; justify-content:center; align-items:center; }
	.pad_index_screen1_link_layer .right img { width: auto; height: 50%; }

	.pad_index_screen2_dom { width: 86%; height: 64vh; padding: 15px; margin-top: 17vh; background: rgba(0,0,0,0.5); border-radius: 6px; display: flex; }
	.pad_index_screen2_dom .intro { width: auto; height: calc(100% - 20px); margin: 10px 30px 0 10px; }
	.pad_index_screen2_dom .content { flex: 1; height: 100%; font-size: 1rem; color: #fff; line-height: 2.15rem; display: flex; flex-direction:column; overflow: hidden; }
	.pad_index_screen2_dom .content font { font-size: 24px; margin-bottom: 15px; }

	.pad_index_screen3_dom { width: 80%; height: 64vh; padding: 15px; margin-top: 17vh; display: flex; justify-content:center; align-items:center; }
	.pad_index_s3 { height: 40vh; width: 30vh; background: #fff; padding: 10px 25px; margin: 0 7vh; border-radius: 7px; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; cursor: pointer; color: #555; }
	.pad_index_s3_title { width: 100%; height: auto; margin-top: 20px; display: flex; flex-direction:column; justify-content:center; text-align: center; font-size: 14px; }
	.pad_index_s3_title font { font-size: 30px; margin-bottom: 5px; }
	.pad_index_s3_qrcode { width: 100%; height: auto; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; margin-top: 3vh; }
	.pad_index_s3_qrcode font { font-size: 14px; color: #999; margin-top: 5px; }
	.pad_index_s3_qrcode img { width: 22vh; height: auto; }

	.pad_index_screen4_dom { width: 85%; height: calc(100% - 320px); padding: 20px 10px; margin-top: 50px; background: rgba(0,0,0,0.6); display: flex; justify-content:center; align-items:center; border-radius: 6px; }
	.pad_index_screen4_dom .left { width: 42%; height: 80%; margin: 0 4%; display: flex; flex-direction:column; justify-content:center; }
	.pad_index_screen4_dom .left div { width: 88%; height: auto; padding: 0 10px; margin: 30px 0; display: flex; justify-content:flex-start; align-items:center; }
	.pad_index_screen4_dom .left div img { max-height: 82px; width: auto; height: auto; margin-right: 20px; }
	.pad_index_screen4_dom .left div font { color: #fff; font-size: 1.1rem; line-height: 30px; }
	.pad_index_screen4_dom .right { width: 50%; height: 80%; color: #fff; font-size: 1.6rem; display: flex; flex-direction:column; justify-content:center; }
	.pad_index_screen4_dom .right font { font-size: 1rem; margin-bottom: 5px; color: #ccc; }
	.pad_index_screen4_dom .right div { width: 100%; height: 40px; }
	.pad_index_screen4_footer { width: 100%; height: 100px; background: #000; display: flex; justify-content:center; align-items:center; color: #fff; font-size: 14px; }
	.pad_index_screen4_footer a { color: #fff; margin-left: 20px; font-size: 14px; }
	 
	 /*小明日记*/
	.pad_forum_menu { width: 100%; height: auto; display: flex; flex-wrap: wrap; margin-bottom: 20px; }
	.pad_forum_menu a { display: block; padding: 5px 15px; border-radius: 5px; background: #999; font-size: 1rem; color: #fff; margin-right: 30px; }
	.pad_forum_list { width: calc(100% - 40px); padding: 20px; background: #f6f6f6; border-radius: 5px; margin-bottom: 25px; }
	.pad_forum_list .title { display: block; width: 100%; height: auto; font-size: 16px; line-height: 26px; color: #555; margin: 15px 0 20px; }
	.pad_forum_list .title:hover { color: #0039C7; cursor: pointer; }
	.pad_forum_list .info { width: 100%; height: 40px; display: flex; justify-content:space-between; align-items:flex-end; border-top: 1px solid rgba(0,0,0,0.1); }
	.pad_forum_list .info a { display: block; padding: 3px 20px; background: #aaa; font-size: 13px; color: #fff; border-radius: 4px; cursor: pointer; }
	.pad_forum_list .info div { color: #999; font-size: 13px; }
	 
	/*联系小明*/
	.pad_contact_left { width: 80%; height: auto; display: flex; justify-content:center; align-items:center; margin-bottom: 50px; }
	.pad_contact_left div { width: 33%; height: auto; display: flex; flex-direction:column; justify-content:center; align-items:center; font-size: 14px; color: #666; }
	.pad_contact_left div img { width: 80%; height: auto; margin-bottom: 10px; }
	.pad_contact_right { width: 72%; height: auto; color: #333; font-size: 1.6rem; display: flex; flex-direction:column; justify-content:center; align-items:center; text-align: center; line-height: 2.2rem; }
	.pad_contact_right font { font-size: 1rem; margin-bottom: 5px; color: #999; }
	.pad_contact_right div { width: 100%; height: 40px; }
	 
	.pc_dom ,.pc_index_box { display: none; }
	.mob_dom ,.mob_index_box { display: none; }

}

/**********************************/
/**手机样式*************************/
/**********************************/
@media (max-width: 640px) {
	
	.mob_dom { width: 100%; min-height: 100vh; height: auto; position: relative; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; }
	
	/*导航*/
	.mob_nav_dom { width: 45px; height: 45px; background: rgba(0,0,0,0.8); border-radius: 5px; position: fixed; z-index: 1; top: 10px; right: 10px; display: flex; flex-direction:column; justify-content:center; align-items:center; }
	.mob_nav_dom img { width: 32px; height: 32px; }
	.mob_nav_box { width: 100%; height: 100vh; background: rgba(0,0,0,0.9); position: fixed; z-index: 99; top: 0; display: flex; flex-direction:column; justify-content:flex-end; align-items:center; }
	.mob_nav_layer { width: calc(100% - 30px); height: 330px; padding: 15px; border-radius: 10px 10px 0 0; background: white; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; }
	.mob_nav_layer_list { width: 100%; height: 45px; margin-bottom: 5px; border-bottom: 1px solid rgba(0,0,0,0.1); text-align: center; line-height: 40px; color: #555; font-size: 16px; }
	.mob_nav_layer_close { width: 160px; height: 40px; background: #0039C7; font-size: 16px; color: #fff; border-radius: 5px; text-align: center; line-height: 40px; margin-top: 20px; }
	
	/*BANNER*/
	.mob_banner { width: 100%; height: 40vh; background: #000; display: flex; justify-content:center; align-items:center; overflow: hidden; }
	.mob_banner_conpos { max-width: 640px; width: 90%; height: 130px; margin-top: 5vh; }
	.mob_banner_box { width: 70%; height: 120px; padding: 10px 20px; background: rgba(0,0,0,0.7); display: flex; flex-direction:column; justify-content:center; align-items:flex-start; position: relative; font-size: 35px; color: #fff; }
	.mob_banner_box img { width: 16px; height: auto; position: absolute; z-index: 1; top: 10px; right: 10px; }
	.mob_banner_box font { font-size: 15px; color: #ccc; margin-bottom: 10px; text-transform: capitalize; }

	
	/*内容部分*/
	.mob_content_dom { max-width: 640px; width: 90%; height: auto; padding: 50px 5%; background: #fff; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; position: relative; }
	.mob_content_space { width: 100%; height: 50px; background: none; }
	/*左右图样式*/
	.mob_content_list {width: 100%; height: auto; display: flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; margin-bottom: 30px; }
	.mob_content_list_img { width: 100%; height: auto; margin-bottom: 10px; }
	.mob_content_list_text { width: calc(100% - 0px); height: auto; font-size: 1rem; color: #555; line-height: 2.2rem; }
	/*底部*/
	.mob_footer { width: 100%; height: 100px; background: #000; font-size: 0.8rem; color: #fff; line-height: 1.3rem; display: flex; flex-direction:column; justify-content:center; text-align: center; }
	.mob_footer a { font-size: 0.8rem; color: #fff; }
	
	
	/*首页*/
	.mob_index_box { width: 100%; height: 100vh; position: relative; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; }
	.mob_index_dom { width: 100%; height: 100%; background: #ccc; overflow: hidden; display: flex; flex-direction:column; justify-content:space-between; align-items:center; }
	.mob_index_dom .swiper-slide { display: flex; flex-direction:column; justify-content:space-between; align-items:center; position: relative; }
	.mob_top_space { width: 100%; height: 70px; }
	
	.mob_index_screen1_slogan { width: 90%; height: auto; margin-bottom: 20px; display: flex; flex-direction:column; justify-content:center; color: #fff; font-size: 1.4rem; line-height: 2rem; }
	.mob_index_screen1_slogan span { font-size: 2.3rem; margin-bottom: 30px; line-height: 3.5rem; }
	
	.mob_index_screen1_link_layer { width: 320px; height: 90px; margin-bottom: 30px; background: rgba(0,0,0,0.6); display: flex; justify-content:space-between; align-items:center; border-radius: 6px; }
	.mob_index_screen1_link_layer .left { flex: 1; height: 70px; margin-left: 20px; color: #fff; font-size: 13px; display: flex; flex-direction:column; justify-content:center; align-items:flex-start; }
	.mob_index_screen1_link_layer .left font { font-size: 23px; margin-top: 3px; }
	.mob_index_screen1_link_layer .right { height: 70px; width: 70px; background: #0039C7; border-radius: 5px; margin-right: 10px; display: flex; justify-content:center; align-items:center; }
	.mob_index_screen1_link_layer .right img { width: auto; height: 50%; }
	
	.mob_index_screen2_content { width: 80%; height: 68vh; padding: 20px; background: rgba(0,0,0,0.6); border-radius: 6px; color: #fff; font-size: 1rem; line-height: 2rem; display: flex; flex-direction:column; justify-content:center; align-items:center; }
	
	.mob_index_screen3_dom { width: 80%; height: 64vh; padding: 15px; margin-top: 17vh; display: flex; flex-direction:column; justify-content:center; align-items:center; }
	.mob_index_s3 { height: 35vh; width: 30vh; background: #fff; padding: 0px 25px 20px; margin: 3vh 0; border-radius: 7px; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; cursor: pointer; color: #555; }
	.mob_index_s3_title { width: 100%; height: auto; margin-top: 20px; display: flex; flex-direction:column; justify-content:center; text-align: center; font-size: 1rem; }
	.mob_index_s3_title font { font-size: 1.7rem; margin-bottom: 5px; }
	.mob_index_s3_qrcode { width: 100%; height: auto; display: flex; flex-direction:column; justify-content:flex-start; align-items:center; margin-top: 2vh; }
	.mob_index_s3_qrcode font { font-size: 14px; color: #999; margin-top: 5px; }
	.mob_index_s3_qrcode img { width: 20vh; height: auto; }
	
	.mob_index_s4_list { width: 80%; height: 60px; padding: 10px; margin-bottom: 20px; border-radius: 5px; background: rgba(0,0,0,0.5); display: flex; justify-content:center; align-items:center; }
	.mob_index_s4_list img { height: auto; width: 52px; margin: 0 20px 0 10px; }
	.mob_index_s4_list div { flex: 1; color: #ddd; font-size: 0.9rem; display: flex; flex-direction:column; justify-content:flex-start; }
	.mob_index_s4_list div font { font-size: 1.1rem; color: #fff; }
	.mob_index_s4_media { width: 80%; height: 110px; padding: 10px; background: rgba(0,0,0,0.5); border-radius: 5px; display: flex; justify-content:space-between; text-align: center; }
	.mob_index_s4_media div { width: 30%; height: 110px; color: #fff; font-size: 0.8rem; display: flex; flex-direction:column; justify-content:center; align-items:center; }
	.mob_index_s4_media div img { height: auto; width: 88%; margin-bottom: 5px; }
	.mob_index_s4_footer { width: 100%; height: 70px; position: absolute; z-index: 1; bottom: 0; background: #000; font-size: 0.8rem; color: #fff; line-height: 1.3rem; display: flex; flex-direction:column; justify-content:center; text-align: center; }
	.mob_index_s4_footer a { font-size: 0.8rem; color: #fff; }
		
	 /*小明日记*/
	.mob_forum_menu { width: 100%; height: auto; display: flex; flex-wrap: wrap; margin-bottom: 20px; }
	.mob_forum_menu a { display: block; padding: 5px 15px; border-radius: 5px; background: #999; font-size: 0.95rem; color: #fff; margin-right: 10px; margin-bottom: 20px; }
	.mob_forum_list { width: calc(100% - 40px); padding: 20px; background: #f6f6f6; border-radius: 5px; margin-bottom: 25px; }
	.mob_forum_list .title { display: block; width: 100%; height: auto; font-size: 1rem; line-height: 1.8rem; color: #555; margin: 15px 0 20px; }
	.mob_forum_list .title:hover { color: #0039C7; cursor: pointer; }
	.mob_forum_list .info { width: 100%; height: 25px; padding-top: 15px; display: flex; justify-content:space-between; align-items:center; border-top: 1px solid rgba(0,0,0,0.1); }
	.mob_forum_list .info a { display: block; padding: 3px 20px; background: #aaa; font-size: 0.8rem; color: #fff; border-radius: 4px; cursor: pointer; }
	.mob_forum_list .info div { color: #999; font-size: 13px; }

	/*联系小明*/
	.mob_contact_left { width: 80%; height: auto; display: flex; justify-content:center; flex-direction:column; align-items:center; margin-bottom: 50px; }
	.mob_contact_left div { width: 72%; height: auto; display: flex; flex-direction:column; justify-content:center; align-items:center; font-size: 14px; color: #666; margin-bottom: 20px; text-align: center; }
	.mob_contact_left div img { width: 80%; height: auto; margin-bottom: 10px; }
	.mob_contact_right { width: 72%; height: auto; color: #333; font-size: 1.6rem; display: flex; flex-direction:column; justify-content:center; align-items:center; text-align: center; line-height: 2.2rem; }
	.mob_contact_right font { font-size: 1rem; margin-bottom: 5px; color: #999; }
	.mob_contact_right div { width: 100%; height: 40px; }
	
	
	.pad_dom ,.pad_index_box { display: none; }
	.pc_dom ,.pc_index_box { display: none; }
	
}
