@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0px; font-size:14px; font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; color:#000;}
body,div,p,ul,li,a,span{ margin:0; padding:0;}
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; color:#000; }
a img{ border:0 none;}
.png {background-image: expression(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "../images/1.gif")} 

/*头和导航*/
.header{ height:860px; background:url(/rayli/mini/2017/aupres/images/header_g.jpg) top center no-repeat;}
.head_in{ width:1180px; height:860px; margin:0 auto; background:url(/rayli/mini/2017/aupres/images/header_g.jpg) top center no-repeat;}
.navs{ background:#e28496; height:104px; z-index:200;}
.navs.add{ width:100%; position:fixed; left:0; top:0;}
.nav_box_body{ width:1180px; height:104px; margin:0 auto; position:relative; background:#e28496;}
.nav_box{ position:absolute; left:0; top:0; width:1114px; height:104px; padding-left:66px; overflow:hidden; z-index:300;}
.nav_li{ height:104px; line-height:104px; float:left; font-size:24px; padding:0 15px; cursor:pointer;}
.nav_li.current{ background:#e2778b;}
.mouse_top_b { position:absolute; z-index:301; top:-50px; right:10px;width:181px; height:100px;}
/*第一部分*/
.top_bg{ height:880px; background:url(/rayli/mini/2017/aupres/images/top_bg.png) top center no-repeat; margin-top:-104px;}
.top_bg_in{ width:1180px; height:880px; margin:0 auto; background:url(/rayli/mini/2017/aupres/images/top_bg.png) top center no-repeat; position:relative;}
.top_txt{ width:520px; position:absolute; top:468px; right:20px; font-size:18px; line-height:28px; text-align:center; font-weight:700;}
.top_txt p{ margin-bottom:20px;}
/*黄金循环*/
.bg01{ height:780px; background:url(/rayli/mini/2017/aupres/images/bg01_g.jpg) top center no-repeat;}
.bg01_in{ width:1180px; height:780px; margin:0 auto; background:url(/rayli/mini/2017/aupres/images/bg01_g.jpg) top center no-repeat;}
/*素颜美*/
.bg02{ height:842px; background:url(/rayli/mini/2017/aupres/images/bg02_g.jpg) top center no-repeat;}
.bg02_in{ width:1180px; height:842px; margin:0 auto; background:url(/rayli/mini/2017/aupres/images/bg02_g.jpg) top center no-repeat; position:relative;}
.beauty_img01{ width:315px; height:324px; display:block; position:absolute; left:30px; top:93px;}
.beauty_img02{ width:315px; height:324px; display:block; position:absolute; left:30px; top:473px;}
.bg02_txt{ position:absolute; width:370px; left:471px; top:124px; font-size:16px; line-height:30px;}
/*小鲜肉*/

/*素颜美跑*/
.s_bg01{ height:920px; background:url(/rayli/mini/2017/aupres/images/s_bg01.jpg) top center no-repeat;}
.s_bg01_in{ width:1180px; height:920px; background:url(/rayli/mini/2017/aupres/images/s_bg01.jpg) top center no-repeat; margin:0 auto; position:relative;}
.s_bg01_txt{ font-size:18px; line-height:34px; padding:170px 35px 0;}
.s_ma{ width:204px; height:204px; position:absolute; left:460px; top:680px;}

.s_bg02{ height:900px; background:url(/rayli/mini/2017/aupres/images/s_bg02.jpg) top center no-repeat;}
.s_bg02_in{ width:1180px; height:900px; background:url(/rayli/mini/2017/aupres/images/s_bg02.jpg) top center no-repeat; margin:0 auto; position:relative;}
.s_bg02_txt{ font-size:18px; line-height:34px; padding:140px 35px 0;}
.mouse_z{ width:170px; height:90px; position:absolute; left:880px; top:205px;}
.bg04_tip05_box_z{ width:630px; border:5px solid #f3a6b4; background:#fff; position:absolute; left:240px; top:290px; padding:80px 40px; z-index:20;}
.t_close_z{ position:absolute; width:26px; height:23px; right:10px; top:10px; cursor:pointer;}
.tip_c_z{ width:270px; margin:0 auto; margin-bottom:20px;}
.tip_txt_z{ font-size:16px; line-height:30px;}
.tip_txt_z span{ color:#807d7d;}
.tip_bot_z{ font-size:16px; line-height:30px; padding-top:20px; color:#000;}


.bg04{ height:840px; background:url(/rayli/mini/2017/aupres/images/s_bg03_g.jpg) top center no-repeat;}
.bg04_in{ width:1180px; height:840px; margin:0 auto; background:url(/rayli/mini/2017/aupres/images/s_bg03_g.jpg) top center no-repeat; position:relative;}
.z_ma{ width:178px; height:178px; position:absolute; left:819px; top:272px;}
.bg04_tip{ width:230px; height:260px; position:absolute;}
.bg04_tip.t01{ left:0; top:236px;}
.bg04_tip.t02{ left:205px; top:236px;}
.bg04_tip.t03{ left:0; top:503px;}
.bg04_tip.t04{ left:205px; top:503px;}
.bg04_tip05{ width:310px; height:310px; position:absolute; left:770px; top:500px; cursor:pointer;}
.bg04_tip05_box{ width:540px; border:5px solid #f3a6b4; background:#fff; position:absolute; left:140px; top:253px; padding:80px 40px; z-index:20;}
.t_close{ position:absolute; width:26px; height:23px; right:10px; top:10px; cursor:pointer;}
.tip_c{ width:270px; margin:0 auto; margin-bottom:20px;}
.tip_txt{ font-size:16px; line-height:30px;}
.tip_bot{ font-size:16px; line-height:30px; padding-top:20px; color:#000;}
/*编辑红人*/
.bg05{ height:770px; background:url(/rayli/mini/2017/aupres/images/bg05_g.jpg) top center no-repeat;}
.bg05_in{ width:1180px; height:770px; margin:0 auto; background:url(/rayli/mini/2017/aupres/images/bg05_g.jpg) top center no-repeat; position:relative;}
.h_all{ width:1180px; height:770px; position:relative;}
.slide_con_body{ width:370px; height:350px; position:absolute; left:95px; top:130px;}
.slide_con{ width:370px; height:350px; position:absolute; left:0; top:0; display:none;}
.slide_con.block{ display:block;}
.sli_show{ width:370px; height:215px;}
.sli_p{ width:300px; font-size:14px; line-height:22px; position: absolute; left:40px; top:205px;}
.sli_p a{ color:#333;}
.sli01_txt01{ width:230px; position:absolute; left:54px; top:650px; padding-top:10px; font-size:16px; text-align:center; line-height:24px;}
.sli01_txt01 span{ font-size:20px; color:#000;}
.sli01_txt02{ width:200px; position:absolute; top:580px; right:110px; font-size:14px; line-height:22px;}
.sli01_pro{ width:140px; height:460px; position:absolute; left:100px; top:190px;}
.sli01_ps{ width:265px; height:360px; position:absolute; top:210px; right:60px;}
.slide01_box{ width:560px; height:560px; position:absolute; left:280px; top:182px;}
.slide_nav{ width:560px; height:560px; position:relative;}
.slide_nav h3{ position:absolute; cursor:pointer;}
.li_a{ width:1180px; height:770px; background:url(/rayli/mini/2017/aupres/images/slider01_bg_a.png) no-repeat;}
.slide_nav h3.btn01_a{ width:130px; height:350px; left:4px; top:72px;}
.slide_nav h3.btn02_a{ width:364px; height:107px; left:98px; top:5px;}
.slide_nav h3.btn03_a{ width:129px; height:348px; top:72px; right:3px;}
.slide_nav h3.btn04_a{ width:478px; height:165px; left:42px; bottom:1px;}
.slide_nav h3.btn01_a.current{ background:url(/rayli/mini/2017/aupres/images/sli_btn01_a.png) no-repeat;}
.slide_nav h3.btn02_a.current{ background:url(/rayli/mini/2017/aupres/images/sli_btn02_a.png) no-repeat;}
.slide_nav h3.btn03_a.current{ background:url(/rayli/mini/2017/aupres/images/sli_btn03_a.png) no-repeat;}
.slide_nav h3.btn04_a.current{ background:url(/rayli/mini/2017/aupres/images/sli_btn04_a.png) no-repeat;}
/*达人*/
.bg06{ height:608px; background:url(/rayli/mini/2017/aupres/images/bg06.jpg) top center no-repeat;}
.bg06_in{ width:1180px; height:608px; margin:0 auto; background:url(/rayli/mini/2017/aupres/images/bg06.jpg) top center no-repeat; position:relative;}
.weixin{ width:181px; height:234px; position:absolute; top:10px; right:125px;}
.tmall{ width:181px; height:278px; position:absolute; top:266px; right:125px;}
.per_box{ width:730px; height:500px; position:absolute; left:0; top:30px; background:url(/rayli/mini/2017/aupres/images/p6_line.png) top left no-repeat;}
.tab_all{ width:108px; position:absolute; top:64px; right:5px; z-index:100;}
.tab_all h3{ width:108px; height:68px; background:url(/rayli/mini/2017/aupres/images/tab_bg01.png) no-repeat; margin-bottom:15px; font-size:18px; text-align:center; padding-top:40px; line-height:22px; font-weight:300; cursor:pointer; display:block;}
.tab_all h3.current{ background:url(/rayli/mini/2017/aupres/images/tab_bg02.png) no-repeat; font-weight:700;}
.tab_con{ width:670px; height:500px; position:absolute; left:0; top:0; display:none;}
.tab_a_img01{ width:270px; height:450px; position:absolute; left:27px; top:55px;}
.tab_a_img02{ width:220px; height:220px; position:absolute; left:343px; bottom:0;}
.tab_num{ width:52px; height:82px; position:absolute; left:305px; top:58px;}
.tab_body{ width:250px; position:absolute; left:360px; top:57px;}
.tab_tit{ font-size:20px; padding-bottom:5px;}
.tab_txt{ font-size:16px; line-height:26px;}
.tab_more{ text-align:right; padding-right:5px;}