/*包含regular.html regular_list.html regular_detail.html 页面的css*/ @charset 'utf-8' body { font-family: Tahoma, Arial, Verdana; font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; /*color: #eee;*/ } /*regular.html*/ .re-header { background-image: url(../img/regular/1.jpg); background-position: center 20%; background-repeat: no-repeat; background-size: cover; padding: 50px 0 20px 0; } .re-header .re-search { float: right; width: 300px; padding-right: 50px; } .re-header h1 { color: #fff; font-size: 3em; font-weight: 700; } .re-nav { text-align: center; background: #ffffff; border-top: 1px solid #ebebeb; border-bottom: 2px solid #e1e1e1; } .re-nav .menu { padding: 0; margin: 0; } .re-nav .menu li { list-style: none; display: inline-block; position: relative; } .re-nav .menu li.nav-current { border-bottom: 2px solid #f4645f; margin-bottom: -2px; } /*.nav-current-li { border-bottom: 2px solid #f4645f; margin-bottom: -2px; }*/ .re-nav .menu li a { text-decoration: none; line-height: 4em; padding: 0 21px; color: #F1362F; font-size: 18px; font-weight: 700; display: block; } .re-nav .menu li a:hover { color: #666; } .re-body { margin: 25px 0; } .re-body .re-img { height: 66px; background-image: url(../img/regular/c.jpg); border-radius: 5px; margin: 15px 0; } .re-img .a { padding: 5px 60px; } .re-content { background-color: #fff; padding: 21px 30px; margin: 10px 0; border-radius: 2px; } .re-content-heading { /*background: rgba(244,100,95,0.5);*/ border-bottom: 1px solid #EBEBEB; margin-bottom: -1px; position: relative; overflow: hidden; } .re-content-heading .upline { position: absolute; background: #f4645f; color: #fff; text-align: center; /*top: -24px; right: -40px; width: 80px; height: 54px; line-height: 84px; transform: rotate(45deg);*/ top: -12px; right: -32px; width: 80px; height: 40px; line-height: 54px; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); } .re-content-heading h4 a { text-decoration: none; color: #666; font-weight: 700; padding-left: 10px; } .re-content-heading h4 a:hover { color: #F1362F; } .re-content-heading .underline { width: 130px; border-bottom: 1px solid #F4645F; } .re-content-body { margin: 10px 10px; overflow: hidden; position: relative; } .re-content-body .re-list { padding: 0; margin: 0; } .re-content-body .re-list li.re-item { list-style: none; display: block; border-bottom: 1px dotted #EBEBEB; padding: 10px 0; position:relative; overflow:hidden; } .re-list .re-item a { text-decoration: none; font-size: 12px; color: #666; } .re-item .re-item-title { width: 50%; display:block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .re-item .re-item-time { float: right; } .re-content-heading2 { /*background: rgba(244,100,95,1);*/ background-color: #F4645F; padding: 10px 0; border-radius: 4px; } .re-content-heading2 h4 { margin: 0; padding: 0; } .re-content-heading2 h4 a { text-decoration: none; color: #fff; font-weight: 700; margin-left: 20px; } .re-content-heading2 span { float: right; padding-right: 20px; } .re-body .re-btn { margin: 20px 20px; margin-bottom: 10px; } .re-btn li a { color: #fff; font-size: 18px; } .re-btn .btn { border-radius: 100px; padding: 18px 40px; margin: 0 10px; } .re-btn .btn1 { background-color: #2dd98e; border-color: #2dd98e; } .re-btn .btn2 { background-color: #69A1CE; border-color: #75A7CE; } .re-btn .btn3 { background-color: #5EA8AE; border-color: #5EA8AE; } .re-btn .btn4 { background-color: #F6CE41; border-color: #F6CE41; } /*regular_list.html*/ .re-li-body { /*background-color: #D1EBDE;*/ background-color: #fff; } .re-li-body .re-li-list { margin: 50px 40px; padding: 0; background-color: #fff; border-radius: 4px; transition: all 0.5s cubic-bezier(0.29, 1.02, 1, 0.93); box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.5); overflow: hidden; position: relative; } .re-li-body .re-li-list:hover { transform: translateY(-5px); } .re-li-body .panel { border: none; } .re-li-body .panel-default .panel-heading { background-color: #F4645F; padding: 15px 22px; color: #fff; font-size: 16px; font-weight: 700; } .re-li-body .panel-default .panel-heading span { margin-right: 10px; } .re-li-body .re-li-list .panel-body { margin: 0; padding: 20px 30px; position: relative; overflow: hidden; } .re-li-list ul { padding: 0; } .re-li-list ul li.re-li-item { list-style:none; display: block; border-bottom: 1px dotted #EBEBEB; padding: 8px 0; } .re-li-item a { font-size: 12px; color: #666; } .re-li-item .re-li-title { display: block; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .re-li-item .re-li-time { float: right; } .re-li-body .panel-default .panel-footer { background-color: #fff; padding: 0; margin: 0; } .re-li-list .panel-footer ul { list-style: none; margin: 0; margin: 3px 30px; } .re-li-list .panel-footer ul li { display: inline-block; } .re-li-list .panel-footer ul li a { background-color: #f4645f; color: #fff; padding: 9px 18px; border-radius: 4px; text-decoration: none; } .re-li-list .panel-footer ul li a:hover ,.re-li-list .panel-footer ul li a:focus { background-color: #000; } .re-li-sidebar { /* position: fixed; right: 100px;*/ position: absolute; top: 50px; border: 1px solid #F4645F; border-radius: 4%; padding: 20px 0px; max-width: 130px; } .re-li-sidebar ul { list-style: none; display: block; margin: 0; padding: 0; } .re-li-sidebar .nav li { padding: 0; margin: 0; border-bottom: 1px dotted #eee; } .re-li-sidebar .nav li a { color: #666; font-size: 16px; } .re-li-sidebar .nav li a:hover ,.re-li-sidebar .nav li a:focus { background-color: #F4645F; color: #fff; } /*regular_detail.html*/ .re-li-body .re-dt-nav { padding: 18px 50px 0 50px; } .re-dt-nav .breadcrumb { background-color: rgba(157,214,234,0.3); } .breadcrumb li.active { margin-bottom:-6px; } .re-dt-nav .re-dt-info { color: #aaa; font-size: 12px; float: right; padding-top: 12px; padding-bottom: 3px; } .re-dt-nav .re-dt-info span { margin-right: 10px; } .re-li-body .re-dt-head { text-align: center; padding: 5px 50px 15px 50px; } .re-li-body .re-dt { padding: 0px 50px; color: #666; font-size: 14px; line-height: 2.0; } .re-dt .re-dt-content { padding: 20px 16px; margin-bottom: 50px; border-top: 1px solid #9DD6EA; border-bottom: 1px solid #9DD6EA; text-align: justify; word-wrap:normal; word-break:break-all; overflow:hidden; } /*regular_search.html*/ .re-li-body .panel .panel-heading2 { position: relative; padding: 15px 10px 0px 25px; border-bottom: #ddd solid 1px; } .panel-heading2 p { font-size: 12px; color: #000; } .panel-heading2 p span { font-size: 14px; color: red; margin: 0 10px; } .re-footer { text-align: center; font-size: 12px; background-color: #202020; color: #959595; padding: 35px 0; }