official_website/static/newCss/index.css

::-webkit-scrollbar{width:0;padding: 0;height: 0}
.topTab{
    background: #FFF;
    padding: 20px 0;
    line-height: 36px;
}
.topTab p{
    font-size: 24px;
}
.topTab ul li{
    float: left;
    padding: 0px 18px;
    font-size: 16px;
    margin-right: 10px;
}
.topTab ul li:hover{
    background: #168a44;
    border-radius: 50px;
}
.topTab ul li:hover a{
    color: #FFF;
}

.topTab input{
    margin-left: 52px;
    border: 1px solid #afafaf;
    line-height: 26px;
    margin-top: 4px;
    border-radius: 26px;
    width: 145px;
    background: url("../images/newBusinessEntities/searchIcon.png") no-repeat;
    background-size: 13px 13px;
    background-position: 10px 6px;
    padding-left: 28px;
    font-size: 12px;
}
.topTab select{
    background: transparent;
    border: none;
    margin-top: 10px;
}
.topTab img{
    margin-top: 3px;
}
.topTab .upBtn {
    background: #168a44;
    padding: 0 15px;
    line-height: 20px;
    margin-top: 8px;
    color: #FFF;
    border-radius: 20px;
}
.topTab .active{
    background-color:#168a44 ;
    border-radius: 50px;
}
.topTab .active a{
    color: #FFF!important;
}
.newBox{
    /*margin-top: 15px;*/
}
.newBox_img{
    width: 292px;
    height: 330px;
    position: relative;
}
.newBox_img img{
    border-radius: 12px;
    box-shadow: 4px 4px 4px #ccc;
}
.newBox_tit{
    position: absolute;
    bottom: 15px;
    color: #FFF;
    font-size: 24px;
    background: #168a44;
    padding: 5px 26px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    left: 10px;
    width: 100%;
}
.newBox_list{
    margin-left: 20px;
    background: #FFF;
    width: 582px;
    height: 330px;
    border-radius: 12px;
    padding: 6px 20px;
}
.newBox_list ul li{
    font-size: 16px;
    margin-top: 10px;
    color: #666666;
}
.newBox_list ul li:hover a{
    color: #168a44;
}
.newBox_list ul li span{
    color: #a4a3a3;
}
.newBox_list_titBg{
    font-size: 36px;
    color: #dddddd;
}
.newBox_list_tit{
    font-size: 24px;
    position: absolute;
    top: 20px;
    left: 20px;
}
.titBox{
    position: relative;
}
.activityBox{
    width: 894px;
    background: #FFF;
    margin-top: 15px;
    border-radius: 12px;
    padding: 6px 20px;
}
.activityBox table{
    margin-top: 10px;
    font-size: 16px;
}
.activityBox table tr:hover td{
    color: #168a44;
    cursor: pointer;
}
.activityBox table tr td{
    padding: 5px 0;
    text-align: center;
    color: #666666;
}
.activityBox table tr:first-child td{
    color: #168a44!important;
    font-weight: bold!important;
    font-size: 16px!important;
}
.activityBox table tr td:first-child{
    text-align: left;
}
.activityBox table tr td:last-child{
    color: #a4a3a3;
    font-size: 14px;
}
.headBg{
    background: #FFF;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    position: absolute;
    bottom: -30px;
    left: 20px;
}
.headBg img{
    width: 50px;
    margin: 5px;
    border-radius: 100%;
}
.rightBox_img{
    position: relative;
}
.rightBox{
    background: #FFF;
    height: 557px;
    width: 292px;
    border-radius: 12px;
    overflow: hidden;
}
.rightBox_table{
    margin-top: 30px;
    padding: 0px 20px;
    font-size: 16px;
}
.rightBox_table table tr td {
    padding: 8px 0px;
    color: #666666;
}
.rightBox_bottom{
    padding: 0px 15px;
}
.rightBox_message{
    background: #b2d8c1;
    padding: 15px;
    border-radius: 10px;
    color: #4c725b;
}
.goLogin{
    background-color: #168a44;
    color: #FFF!important;
    padding: 8px 0;
    border-radius: 50px;
    width: 100%;
    display: block;
    text-align: center;
    margin: 80px 0 50px;
}
.supplyBox{
    position: relative;
    width: 894px;
    background: #FFFFFF;
    padding: 6px 20px 20px;
    border-radius: 12px;
}
.supplyBox ul li {
    width: 186px;
    border: 1px solid #d9d9d9;
    margin: 20px 13.5px 0;
    float: left;
    border-radius: 10px;
    overflow: hidden;
}
.supplyBox ul li img{
    width: 100%;
}
.supplyNat{
    padding: 12px 8px;
}
.supplyNat_type{
    padding: 2px 4px;
    background: #168a44;
    color: #ffffff;
    border-radius: 5px;
}
.supplyNat_box{
    margin-top: 10px;
}
.supplyNat_money{
    color: #d21313;
}
.supplyNat_money span{
    font-size: 20px;
}
.fileBox{
    width: 292px;
    height: 575px;
    background: #FFF;
    border-radius: 12px;
    padding: 14px 0px;
}
.fileBox_title{
    background: #168a44;
    font-size: 18px;
    color: #FFF;
    line-height: 38px;
    width: 160px;
    border-top-right-radius: 38px;
    border-bottom-right-radius: 38px;
    padding: 0 22px;
    box-shadow: 0px 5px 8px #ccc;
}
.fileBox_title img{
    margin-right: 15px;
}
.fileBox_list_tit{
    font-size: 16px;
    color: #666666;
}
.hotFile{
    text-transform:uppercase;
    background: -webkit-linear-gradient(45deg,#e95616,#56e916,#e716e9,#1616e9);
    -moz-linear-gradient(45deg,#e95616,#56e916,#e716e9,#1616e9);
    -ms-linear-gradient(45deg,#e95616,#56e916,#e716e9,#1616e9);/* 渐变背景 */
    color:transparent;
    /*设置字体颜色透明*/
    -webkit-background-clip: text;
    /*背景裁剪为文本形式*/
    animation: ran 5s linear infinite;
    /*动态20s展示*/
}
.hotFile_icon{
    width: 9px;
    height: 14px;
    overflow: hidden;
    background: url(../images/newBusinessEntities/new.gif) no-repeat;
    display: inline-block;
}
@keyframes ran {
    from {
        backgroud-position: 0 0;
    }
    to {
        background-position: 1000px 0;
    }
}
.fileBox ul{
    padding: 20px 15px 0px;
}
.fileBox ul li{
    margin-top: 12px;
}
.fileBox ul li:hover p{
    color: #168a44!important;
    cursor: pointer;
}
.supplyBox ul li:hover{
    cursor: pointer;
    box-shadow: 1px 1px 5px #ccc;
}
.supplyBox ul li:hover .supplyNat p:first-child{
    color: #168a44!important;
}
.fileBox_list_time{
    color: #adadad;
}
.fileBoxSecond{
    height: 1165px;
}

.fileBoxSecond table tr td{
    color: #666666;
}
.fileBoxSecond_table_title{
    color: #000!important;
}
.fileBoxSecond_table{
    padding: 0px 15px;
}
.fileBoxSecond table{
    margin: 28px 0;
}
.bottomLink {
    background: #e8e8e8;
    margin-top: 40px;
    padding: 30px 0 40px;
}

.bottomLink-tit {
    font-size: 12px;
    color: #7f7f7f;
}

.bottomLink-tit img{
    vertical-align: middle;
    margin-right: 2px;
}

.bottomLink-linkList {
    font-size: 12px;
    color: #7f7f7f;
    width: 1000px;
}

.bottomLink-linkList a {
    margin-top: 15px;
    margin-right: 15px;
    display: inline-block;
}

.ba {
    font-size: 12px;
    color: #7f7f7f;
    margin-top: 20px;
}

.ba span {
    margin-left: 20px;
}

.ewm {
    padding: 25px 25px 0;
}

.ewmtit {
    font-size: 12px;
    color: #7f7f7f;
    margin-top: 5px;
}
.more{
    position:absolute;
    bottom: 0;
    right: 0;
    color: #666666;
}
.more:hover{
    color: #168a44;
    cursor: pointer;
}
.more2{
    color: #666666;
    line-height: 38px;
    margin-right: 22px;
}
.more2:hover{
    color: #168a44;
    cursor: pointer;
}

.breath_light {
    /*width: 300px;  */                                  /* 宽度 */
    /*height: 300px; */                                   /* 高度 */
    /*border:#666 1px solid;*/
    /*border-radius:50%;*/
    opacity: 0.1;                                   /* 不透明度 */
    overflow: hidden;                               /* 溢出隐藏 */
    /* margin: 25% auto; */                              /* 外边距 */

    /* IE10、Firefox and Opera，IE9以及更早的版本不支持 */
    animation-name: breath;                         /* 动画名称 */
    animation-duration: 700ms;                         /* 动画时长3秒 */
    animation-timing-function: ease-in-out;         /* 动画速度曲线：以低速开始和结束 */
    animation-iteration-count: infinite;            /* 播放次数：无限 */

    /* Safari and Chrome */
    -webkit-animation-name: breath;                 /* 动画名称 */
    -webkit-animation-duration: 700ms;                 /* 动画时长3秒 */
    -webkit-animation-timing-function: ease-in-out; /* 动画速度曲线：以低速开始和结束 */
    -webkit-animation-iteration-count: infinite;    /* 播放次数：无限 */
}

@keyframes breath {
    from { opacity: 0.1; }                          /* 动画开始时的不透明度 */
    50%  { opacity:   1; }                          /* 动画50% 时的不透明度 */
    to   { opacity: 0.1; }                          /* 动画结束时的不透明度 */
}

@-webkit-keyframes breath {
    from { opacity: 0.1; }                          /* 动画开始时的不透明度 */
    50%  { opacity:   1; }                          /* 动画50% 时的不透明度 */
    to   { opacity: 0.1; }                          /* 动画结束时的不透明度 */
}

.crumbs{
    font-size: 16px;
    margin: 15px 0px;
    color: #666666;
    width: 1200px;
}
.tab{
    background: #FFFFFF;
    padding: 12px 35px;
    border-radius: 12px;
}
.tab li{
    float: left;
    padding: 10px 18px;
    background: #e4e4e4;
    color: #333333;
    margin-right: 22px;
    font-size: 16px;
    border-radius: 25px;
}
.tab li:hover{
    background: #168a44!important;
    color: #FFFFFF!important;
    cursor: pointer;
}
.tab .active{
    background: #168a44!important;
    color: #FFFFFF!important;
}
.recommendTit{
    font-size: 18px;
    color: #333333;
    border-bottom: 1px solid #e4e5e4;
    padding: 15px 0px;
}
.lvd{
    width: 12px;
    height: 12px;
    display: inline-block;
    background: #168a44;
    border-radius: 100%;
    margin-right: 5px;
}