::-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; }