@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/list_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;}
.f1Box .main h2{position:relative;height:20px;border-bottom:solid 1px #cecdcd;}
.f1Box .main h2 span{position:absolute;left:0;top:0;padding-right:10px;background-color:#fff;color:#1494da;font-size:24px;line-height:40px;}
.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/list_article/icon_list.png) no-repeat -30px -40px;}
.f1Box .pager{text-align:center;padding-top:32px;}
.f1Box .pager li{height:26px;text-align:center;line-height:26px;font-size:14px;color:#666;padding:0 8px;border:solid 1px #e5e5e5;margin-right:5px;display:inline-block;}
.f1Box .pager a{display:block;color:#666;}
.f1Box .pager .thisclass{background-color:#f2b83d;border-color:#f2b83d;color:#fff;}
.f1Box .sideBar{float:right;width:320px;}
.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/list_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{padding-top:32px;}
.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:#937342;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 #937342;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;}