@charset "utf-8";
/*
* Site:博爱曙光美容科-仿站-列表-PC
* Author:luochou
* Date:2021.7.22
*/
.item{width:1200px;margin:0 auto;}
/* banner */
.banner-layer{width:100%;height:440px;overflow:hidden;position:relative;}
.banner{width:1920px;position:absolute;left:50%;top:0;margin-left:-960px;}
.banner li,.banner li img{width:1920px;height:440px;}
.banner .bajs-easy-slider-pagination{width:100%;text-align:center;line-height:0;font-size:0;position:absolute;left:0;bottom:10px;}
.banner .bajs-easy-slider-pagination a{width:12px;height:12px;background-color:#6b4c1d;border-radius:50%;display:inline-block;margin:0 7px;}
.banner .bajs-easy-slider-pagination a.active{background-color:#ffc643;}
/* 面包屑 */
.list_crumbs{height: 50px; background-color:#f2f2f2;font-size: 16px;color: #666; line-height: 50px;}
.list_crumbs .adr{float: left; position: relative; height: 50px; padding-left:24px; display: block;}
.list_crumbs .adr .icon_home{position: absolute; left: 0; top:50%; margin-top: -9px; width: 18px; height: 18px; background:url(/style/images/article_article/icon_list.png) no-repeat 0 -40px;}
.list_crumbs .adr i{padding: 0 4px;}
.list_crumbs .adr a{color: #666;}
.list_crumbs .adr a:hover{color: #1494da;}
.list_crumbs .tel{float: right; height: 50px; display: block; color: #666; font-size: 16px; line-height: 50px;}
/* f1Box */
.f1Box{padding:32px 0; overflow: hidden;}
.f1Box .main{float: left; width:820px;}
.list_left h1{ font:24px/28px "Microsoft YaHei"; color:#0f82d2; text-align:center;}
.list_left .article_about{ font-size:12px; line-height:24px; color:#999; text-align:center; padding:10px 0 0 0;}

.daoyu {
    position: relative;
    padding: 20px 26px 20px 18px;
    line-height: 24px;
    margin: 25px auto 0 auto;
    border: 1px solid #d7d7d7;
    font-size: 14px;
    color: #555;
}
.daoyu h3 {
    position:absolute;
    left: 34px;
    top: -12px;
    width: 56px;
    height: 22px;
    background: url(/images/global/daoyu.gif);
    text-indent: -100px;
    overflow: hidden;
}
	
.arc_body p{line-height: 30px;text-indent: 2rem;font-size: 14px;color: #666;margin: 10px 0 20px 0;}
.arc_body p img{max-width: 100%;}

.tip_head{ height:30px;}
.tip_head span{float:left; font-size:20px; font-family:"Microsoft YaHei"; text-align:left;}
.tip_name{ width:88px; height:28px; line-height:28px; text-align:center; border-bottom:solid 2px #0f82d2; color:#0f82d2;}
.tip_name a{ color:#28b4c3;}
.tip_des{ width:497px; height:29px; line-height:29px; border-bottom:solid 1px #cccccc; text-align:left; color:#bababa; text-transform:uppercase;}

.like_article{ margin-top:30px;}
.like_article .tip_head span{ padding-bottom:5px;}
.like_article .tip_des{ width:605px;}


/* .list_left .like_article ul li{ float:left; width:345px; height:30px; line-height:30px; list-style:inside square; color:#666; font-size:14px;border:none;overflow:hidden}
.list_left .like_article ul li a{ font-size:14px; color:#666;}
.list_left .like_article ul li a:hover{color:#0f82d2;} */

.f1Box .main ul{padding-top:26px;}
.f1Box .main li{padding:20px 0 18px;border-bottom:dotted 1px #999;}
.f1Box .main li h3{height:28px;margin-bottom:4px;color:#2b2b2b;font-size:18px;line-height:28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.f1Box .main li h3 a{color:#2b2b2b;}
.f1Box .main li h3 a:hover{color:#1494da;}
.f1Box .main li p{color:#666;font-size:14px;line-height:28px;text-align:justify;}
.f1Box .main li p a{color:#1494da;font-weight:bold;}
.f1Box .main li .time{position:relative;height:28px;padding-left:22px;display:block;color:#666;font-size:14px;line-height:28px;}
.f1Box .main li .time i{position: absolute; left: 0; top:50%; margin-top: -8px; width:16px; height:16px;background:url(/style/images/article_article/icon_list.png) no-repeat -30px -40px;}


.art_cc{ text-align:left; padding:10px 0; color:#999; font-size:14px}
.art_cc a{color:#999;}
.list_left .arc_share{ text-align:right; line-height:36px; font-size:14px; color:#999; margin-bottom:20px;}
.list_left .arc_share div{ float:left; margin-left:0px; width:190px;}
.wirter{ text-align:right; padding:10px 0; color:#999; font-size:14px}
.list_left .context span{ color:#28b4c3; padding-right:5px;}
.list_left .context{line-height:30px;font-size:14px;color:#666;}
.list_left .context a{color:#666;}
.list_left .context a:hover{color:#0f82d2;}
.list_left .context span{color:#0f82d2;padding-right:5px;}

.f1Box .sideBar{float: right; width:320px;}
.f1Box .sideBar.active{position:fixed;top:0;right:50%;margin-right:-600px;}
.f1Box .sideBar.none{position:absolute;right:0;bottom:0;}
.f1Box .sideBar .tit{position:relative;height:36px;margin-bottom:0;border-bottom:1px solid #ccc;color:#bababa;font-size:18px;font-weight:normal;line-height:36px;text-transform:uppercase;}
.f1Box .sideBar .tit span{height:34px;margin-right:10px;display:inline-block;border-bottom:#0f82d2 solid 2px;color:#0f82d2;font-size:20px;line-height:34px;}
.center_list .con{padding-top: 16px; overflow: hidden;}
.center_list .con a{float:left; position: relative; width:90px; height:48px; padding-left:60px; margin-bottom:18px; display: block; background-color:#0f82d2; color: #fff; font-size: 16px; line-height: 48px;transition: all .3s;}
.center_list .con .a2,.center_list .con .a4{float: right;}
.center_list .con a i{position: absolute; top:50%; background:url(/style/images/article_article/icon_list.png) no-repeat;}
.center_list .con .a1 i{left:14px; margin-top: -13px; width: 32px; height: 26px;}
.center_list .con .a2 i{left:15px; margin-top: -13px; width: 30px; height: 25px;background-position: -40px 0;}
.center_list .con .a3 i{left:17px; margin-top: -13px; width: 25px; height: 26px;background-position: -80px 0;}
.center_list .con .a4 i{left:16px; margin-top: -14px; width: 28px; height: 29px; background-position: -110px 0;}
.center_list .con a:hover{background-color:#1494da;}
.recommended{padding-top:10px;}
.recomm_hot{padding:10px 0;border-bottom: dotted 1px #adadad;}
.recomm_hot h4{height: 30px; color:#666; font-size: 16px; font-weight: normal; line-height: 30px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.recomm_hot h4 a{color: #666;}
.recomm_hot p{color:#1494da; font-size: 14px; line-height: 28px;}
.recomm_hot p a{color:#f00;}
.recommended ul{padding-top: 12px;}
.recommended li{position: relative; height: 30px; padding-right: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.recommended li span{position: absolute; top:0; right: 0; color: #ccc; font-size:12px;line-height: 30px;}
.recommended li a{color: #666; font-size: 14px; line-height: 30px;}
.recommended li a:hover{color:#1494da;}
.new-article{}
.new-article ul{padding-top: 12px;}
.new-article li{position: relative; height: 30px; padding:0 40px 0 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.new-article li span{position: absolute; top:0; right: 0; color: #ccc; font-size:12px;line-height: 30px;}
.new-article li i{position: absolute; left: 0; top:50%; margin-top: -8px; width: 16px; height: 16px; background-color: #ddd; border-radius: 2px; color: #666; font-size: 12px; line-height: 16px; text-align: center;}
.new-article li.red i{background-color: #ff0000; color: #fff;}
.new-article li a{color: #666; font-size: 14px; line-height: 30px;}
.new-article li a:hover{color:#1494da;}
/* f2Box */
.f2Box{padding:25px 0 60px;}
.f2Box h2{position:relative;height:36px;margin-bottom:24px;border-bottom:1px solid #ccc;color:#bababa;font-size:18px;font-weight:normal;line-height:36px;text-transform:uppercase;}
.f2Box h2 span{height:34px;margin-right:10px;display:inline-block;border-bottom:#0f82d2 solid 2px;color:#0f82d2;font-size:20px;line-height:34px;}
.f2Box ul{overflow: hidden;}
.f2Box li{float: left; position: relative; width:590px; height: 50px;}
.f2Box li h3{position: absolute; left: 0; top:0; width: 100px; height: 30px; background-color:#0f82d2; color: #fff; font-size: 16px; line-height: 30px; text-align: center;}
.f2Box li h3 i{position: absolute;top: 50%;right: -6px;margin-top: -6px;width: 0;height: 0;border-top: 6px solid transparent;border-left: 6px solid #0f82d2;border-bottom: 6px solid transparent;}
.f2Box li .con{padding-left: 120px;}
.f2Box li .con i{padding: 0 3px;}
.f2Box li .con a{color: #666; font-size: 14px; line-height: 28px;}
.f2Box li .con a:hover{color:#1494da;}