/* contents */
#contents { width: 1200px; margin: auto; padding-top: 18px;}

#contents .left { width: 420px; float: left;}
#contents .left .abouts { height: 400px; width: 404px; margin-bottom: 20px;}
#contents .left .abouts #carousel { width: 404px; height: 239px; position: relative;}
#contents .left .abouts #carousel .text { width: 404px; height: 41px; position: absolute; bottom:0; left:0; background: rgba(74,178,78,.4);}
#contents .left .abouts #carousel .text p { color: #fff; padding-left: 20px; line-height: 41px; float: left;}
#contents .left .abouts #carousel .text ul { margin-top: 15px; float: right;}
#contents .left .abouts #carousel .text ul li { float: left; width: 10px; height: 10px; border-radius: 5px; margin-right: 10px; background: #fff;}
#contents .left .abouts .abouts_text { padding-top:10px; line-height:30px; text-indent: 30px;}
#contents .left .info {width: 404px;height: 322px;box-sizing: border-box;padding: 0 10px;}
#contents .left .info .info_top {width: 380px;height: 36px;border-bottom: 1px solid #cacccc;background: url(../image/line.jpg) no-repeat 3px 1px;}
#contents .left .info .info_top h3{float: left; color: #000; font-weight: 400; margin-left: 20px;}
#contents .left .info .info_top p {float: right;font-size: 14px}
/*#contents .left .info .info_img {margin: 2px 0 0 7px;}*/
#contents .left .info .info_text {color: #000;margin-top: 10px;}

#contents .right { width: 776px; float: left;}

#contents .right .routine {float: left; width: 398px;height: 551px;}
#contents .right .routine .routine_top {width: 398px;height: 36px;border-bottom: 1px solid #cacccc;background: url(../image/line.jpg) no-repeat 3px 1px;}
#contents .right .routine .routine_top h3{float: left; color: #000; font-weight: 400; margin-left: 20px;}
#contents .right .routine .routine_top p {float: right;font-size: 14px}
#contents .right .routine .routine_list {margin-top: 17px;}
#contents .right .routine .routine_list li {float: left; width: 398px; height: 38px;line-height: 38px; margin-left:5px;border-bottom: 1px dashed #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;box-sizing: border-box; padding-left: 27px;background: url(../image/spot.jpg) no-repeat 7px 14px;}
#contents .right .routine .routine_list li a{color: #a9a6a6;}

#contents .right .search {float: left; height: 551px;}
#contents .right .search .search_con {position: relative; height: 40px;line-height: 40px;margin: 10px 0 8px 28px;}
#contents .right .search .search_con p {float: left; margin-right: 10px; width: 120px}
#contents .right .search .search_con input {width: 148px;height: 27px; border: 1px solid #d8d8d8;}
#contents .right .search .search_con select {width: 148px;height: 27px; border: 1px solid #d8d8d8;}

#contents .right .search .search_con .btn {width: 27px;height: 27px; border: 1px solid #7fba68; background: url(../image/search.jpg); position: absolute; top:8px;cursor: pointer;}
#contents .right .intro {height: 163px; margin-top: 5px; float: left;}

#contents .friend {float: left;width: 1200px;height: 110px;margin-top: 13px;background: url(../image/friend.jpg) no-repeat;}
#contents .friend .friend_list {width: 1100px;height: 80px;margin: 20px 0 20px 50px;}
#contents .friend .friend_list li {float: left;width: 110px;height: 31px;margin: 5px 30px;line-height: 31px;box-sizing: border-box;padding-left: 10px;background: url(../image/spot.jpg) no-repeat -1px 12px;}
#contents .friend .friend_list li a {color: #aca9a9;}
#contents .lunbo {float: left;width: 1123px;height: 80px;margin: 27px 0 0 40px;}
#contents .lunbo .abc { float: left; width: 1080px; height: 80px; background: slateblue; position: relative; overflow: hidden;}
#contents .lunbo .container{ position: absolute; left:-151px; width: 2246px;}
#contents .lunbo .container li {float: left; width: 148px;height: 78px;border: 1px solid #d3d3d3; margin: 0 2px;}
#contents .lunbo .container li img { width: 144px; height: 77px;}
#contents .lunbo .arrow_l,
#contents .lunbo .arrow_r {float: left;width: 19px;height: 80px;line-height: 80px;font-size: 40px; color: #a4a4a3;}

#contents .lunbo .arrow_l {color: #47b245;}
::selection {
    background: #31b8f5;
    color: #fff;
}
.justify-content-center, .nav.nav-center {
    justify-content: center !important;
}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}
.page-item:last-child .page-link, .page-item:first-child .page-link {
    border-radius: 2px;
}
.page-link, .page-item:last-child .page-link, .page-item:first-child .page-link {
    border-radius: 2px;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 32px;
    color: #757575;
    background-color: #fff;
    border: 1px solid #eaeff4;
}
.page-link {
    color: #535353;
    font-weight: 400;
    border-color: #ebebeb;
    padding: 0;
    margin: 0 3px;
    min-width: 34px;
    line-height: 32px;
    text-align: center;
    border-radius: 2px;
}