1018 lines
23 KiB
CSS
1018 lines
23 KiB
CSS
/*******************************index首页样式*********************/
|
|
/* basic-css */
|
|
/* 基本元素重置 */
|
|
html { overflow-x:hidden; }
|
|
*{margin:0; padding:0;}
|
|
body,html{font-size:12px; font-family:"Microsoft YaHei",SimSun,SimHei; color:#686868; background-color:#FFF; }
|
|
img{border:0;}
|
|
a{text-decoration:none; color:#404242; outline:none;}
|
|
div{margin:0 auto;}
|
|
li,dl,dt,dd{list-style-type:none;}
|
|
input,textarea,select,option,em,h1,h2,h3,h4,h4,h6,strong,span,li,dl,dt,td{font-size:12px;}
|
|
h1,h2,h3,h4,h5,h6,em,i{font-style:normal; font-weight:400; outline:none;}
|
|
|
|
/* 重用类样式 */
|
|
.f_l{float:left !important;}
|
|
.f_r{float:right !important;}
|
|
.no_margin{margin:0px !important;}
|
|
.no_border{border:0px !important;}
|
|
.no_bg{background:none !important;}
|
|
.clear_both{clear:both !important;}
|
|
.display_block{display:block !important;}
|
|
.text_over{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');}
|
|
|
|
|
|
/* 重用自定义样式 */
|
|
.w_100{width:100%;}
|
|
.w_95{width:95%;}
|
|
.indextx{width:980px;margin:0 auto; margin-top:10px; background:#FFFFFF;}
|
|
.w_min_width{min-width:1200px;}
|
|
.w_1200{width:1200px;}
|
|
.w_1067{width:1067px;}
|
|
.w_980{width:980px;}
|
|
|
|
*{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
html, body {
|
|
width: 100%;
|
|
height: auto !important;
|
|
max-width: 1920px;
|
|
min-width: 1280px;
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* header */
|
|
.header_full{
|
|
position: fixed;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 999;
|
|
}
|
|
.header{
|
|
width: 1200px;
|
|
height: 90px;
|
|
}
|
|
/* left */
|
|
.logoImg{
|
|
position: relative;top: 11px;width: 245px;
|
|
}
|
|
|
|
/* right */
|
|
.top_right{width:748px;}
|
|
/* top_link */
|
|
.top_link{padding-top:24px;height:26px;line-height:26px;padding-right:35px;text-align:right;}
|
|
.top_link i{color:#686868;}
|
|
.top_link span,.top_link a{color:#46AAFE;}
|
|
.top_link a{font-size:13px;}
|
|
.top_link a:hover{text-decoration:underline;}
|
|
/* nav */
|
|
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
|
|
.nav_bar{position:relative;z-index:1;height:42px;line-height:42px;color:#333;}
|
|
.nav{position:relative;top: 22px;width:748px;margin:0 auto; font-family:"Microsoft YaHei",SimSun,SimHei;font-size:14px;}
|
|
.nav a{color: white;}
|
|
.nav h3{font-size:100%;font-weight:normal;}
|
|
.nav h3 a{display:block;width:120px;text-align:center;font-size:18px;}
|
|
.nav h3 a:hover{color: #ffca00;}
|
|
.nav .m{float:right;position:relative;z-index:1;}
|
|
.nav .s{float:right;width:3px;text-align:center;color:#D4D4D4;font-size:12px;}
|
|
.nav .sub{display:none;position:absolute;left:-3px;top:42px;z-index:1;width:126px;border-top:0; background:#fff;}
|
|
.nav .sub li{text-align:center;margin-bottom:-1px;}
|
|
.nav .sub li a{display:block; border-bottom:1px solid #E6E4E3;height:28px;line-height:28px;color:#666;}
|
|
.nav .sub li a:hover{background:#1E95FB;color: #FFFFFF;}
|
|
.nav .block{height:3px;width:126px;background:#ffca00;position:absolute;left:0;bottom: 60px;;overflow:hidden;}
|
|
/* index - banner */
|
|
.full_banner{width:100%;position:relative;height:423px;background:#FFF;overflow:hidden;margin-top: 90px;}
|
|
.full_banner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
|
|
.full_banner .bd ul{width:100% !important;}
|
|
.full_banner .bd li{width:100% !important;float:left;height:450px;overflow:hidden;text-align:center;}
|
|
.full_banner .bd li a{ display:block;height:450px;}
|
|
.full_banner .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;text-align:center;}
|
|
.full_banner .hd ul{text-align:center;padding-top:5px;}
|
|
.full_banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:8px;height:8px;margin:5px;background:url(/templates/static/images/pc/tg_flash_p.png) -18px 0;overflow:hidden;
|
|
line-height:9999px;}
|
|
.full_banner .hd ul .on{background-position:0 0;}
|
|
|
|
|
|
/*中部样式*/
|
|
.main{
|
|
/*position: relative;bottom: 26px;*/
|
|
}
|
|
.hot-game .hot-game-area {
|
|
height: 390px;
|
|
overflow: hidden;
|
|
zoom: 1;
|
|
}
|
|
.hot-game .hot-game-area ul li {
|
|
float: left;
|
|
position: relative;
|
|
width: 290px;
|
|
height: 275px;
|
|
background: #ffd739;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.hot-game .hot-game-area ul li a {
|
|
display: block;
|
|
}
|
|
|
|
.hot-game .hot-game-area ul li .one-game-top {
|
|
height: 166px;
|
|
}
|
|
|
|
.hot-game .hot-game-area ul li .one-game-bottom {
|
|
height: 130px;
|
|
padding: 0 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.hot-game .hot-game-area ul li .one-game-bottom p {
|
|
font-size: 16px;
|
|
line-height: 25px;
|
|
color: #333333;
|
|
}
|
|
|
|
.hot-game .hot-game-area ul li .one-game-bottom p.lowred {
|
|
color: black;
|
|
}
|
|
|
|
.hot-game .hot-game-area ul li .one-game-bottom .game-name {
|
|
font-size: 20px;
|
|
line-height: 30px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
.hot-game .hot-game-area ul li .mask {
|
|
position: absolute;
|
|
z-index: 888;
|
|
left: 0;
|
|
top: 0;
|
|
width: 272px;
|
|
height: 156px;
|
|
background: rgba(0, 0, 0, 0.3);
|
|
display: none;
|
|
}
|
|
|
|
.hot-game .hot-game-area ul li .mask img {
|
|
position: absolute;
|
|
width: 103px;
|
|
height: 102px;
|
|
left: 50%;
|
|
margin-left: -51.5px;
|
|
top: 50%;
|
|
margin-top: -51px;
|
|
}
|
|
|
|
.hot-game .hot-game-area ul li:hover .mask {
|
|
display: block;
|
|
}
|
|
|
|
.hot-game .hot-game-area ul {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.hot-game {
|
|
position: relative;
|
|
}
|
|
|
|
.hot-game .slide-ctrl ul {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 350px;
|
|
width: 60px;
|
|
margin-left: -30px;
|
|
}
|
|
|
|
.picScroll-left .prev {
|
|
background: url(/templates/static/images/pc/slide_left.png) no-repeat;
|
|
background-size: contain;
|
|
left: 0;
|
|
}
|
|
|
|
.picScroll-left .next {
|
|
right: 0;
|
|
background: url(/templates/static/images/pc/slide_right.png) no-repeat;
|
|
background-size: contain;
|
|
}
|
|
|
|
.picScroll-left .prev, .picScroll-left .next {
|
|
display: block;
|
|
width: 25px;
|
|
height: 47px;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 130px;
|
|
}
|
|
|
|
.hot-game {
|
|
height: 320px;
|
|
position: relative;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.picScroll-left {
|
|
width: 1400px;
|
|
height: 390px;
|
|
position: relative;
|
|
}
|
|
|
|
.hot-game .hot-game-area ul li .one-game-top:before {
|
|
content: '';
|
|
position: absolute;
|
|
/*z-index: 100;*/
|
|
left: 0;
|
|
top: -6px;
|
|
width: 68px;
|
|
height: 67px;
|
|
background: url(/templates/static/images/pc/game_sign.png) no-repeat;
|
|
}
|
|
|
|
.picScroll-left .hd {
|
|
overflow: hidden;
|
|
height: 30px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 49.5%;
|
|
}
|
|
|
|
.picScroll-left .hd ul {
|
|
float: right;
|
|
overflow: hidden;
|
|
zoom: 1;
|
|
margin-top: 10px;
|
|
zoom: 1;
|
|
}
|
|
|
|
.picScroll-left .hd ul li {
|
|
float: left;
|
|
width: 9px;
|
|
height: 9px;
|
|
border: solid 1px #ffffff;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
margin-right: 5px;
|
|
text-indent: -999px;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
}
|
|
|
|
.picScroll-left .hd ul li.on {
|
|
background: #ffca00
|
|
}
|
|
|
|
/*企业咨询*/
|
|
.bg-qyzx {
|
|
background: url(/templates/static/images/pc/efun_info_bg.jpg) center no-repeat;
|
|
background-size: 100% 100%;
|
|
height: 6.2rem;
|
|
background-position: center center;
|
|
}
|
|
|
|
.efun-info-wrap {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.efun-info-wrap img {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.efun-info-wrap .efun-info {
|
|
width: 1200px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 50%;
|
|
margin-left: -602px;
|
|
}
|
|
|
|
.efun-info-wrap .efun-info h2 {
|
|
width: 100%;
|
|
font-size: 40px;
|
|
line-height: 140px;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.efun-info-wrap .efun-info .info-left {
|
|
float: left;
|
|
width: 450px;
|
|
height: 320px;
|
|
}
|
|
|
|
/* .efun-info-wrap .efun-info .info-left .video-top {
|
|
position: relative;
|
|
height: 250px;
|
|
background: url("../templates/static/images/pc/video_bg.jpg") no-repeat;
|
|
cursor: pointer;
|
|
}*/
|
|
|
|
.efun-info-wrap .efun-info .info-left .video-top .video-play {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -34px;
|
|
margin-top: -34px;
|
|
width: 85px;
|
|
height: 85px;
|
|
background: url("/templates/static/images/pc/video.png");
|
|
}
|
|
|
|
.efun-info-wrap .efun-info .info-left .text-bottom {
|
|
height: 56px;
|
|
background: #ffd739;
|
|
text-align: center;
|
|
line-height: 56px;
|
|
color: #333333;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.efun-info-wrap .efun-info .info-right {
|
|
float: right;
|
|
width: 710px;
|
|
height: 368px;
|
|
border-top: 1px dashed #a3a3a3;
|
|
}
|
|
|
|
.efun-info-wrap .efun-info .info-right li {
|
|
height: 50px;
|
|
/* padding-top: 12px;
|
|
line-height: 22px;*/
|
|
border-bottom: 1px dashed #a3a3a3;
|
|
font-size: 14px;
|
|
/*color: #3a3a3a;*/
|
|
cursor: pointer;
|
|
}
|
|
|
|
.efun-info-wrap .efun-info .info-right li a {
|
|
display: block;
|
|
}
|
|
|
|
.efun-info-wrap .efun-info .info-right li p {
|
|
color: white;
|
|
font-size: 16px;
|
|
line-height: 50px;
|
|
}
|
|
.efun-info-wrap .efun-info .info-right li p:hover{
|
|
color: #000000;
|
|
/* font-size: 16px;
|
|
line-height: 50px;*/
|
|
}
|
|
|
|
|
|
.efun-info-wrap .efun-info .info-right li p.Time {
|
|
height: 27px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.efun-info-wrap .efun-info .info-right li p.Time {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.efun-info-wrap .efun-info .info-right li:hover {
|
|
background-color:#ffca00;
|
|
}
|
|
|
|
.efun-info-wrap .efun-info .moreNews {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 455px;
|
|
width: 171px;
|
|
height: 41px;
|
|
text-align: center;
|
|
line-height: 41px;
|
|
background: #dddfe1;
|
|
font-size: 16px;
|
|
color: #3a3a3a;
|
|
border: 1px solid #bec7cf;
|
|
border-radius: 5px;
|
|
background: #ffffff;
|
|
}
|
|
|
|
.efun-info-wrap .efun-info .moreNews:hover {
|
|
background: #dddfe1;
|
|
}
|
|
|
|
.aui-commentTxT {
|
|
width: 70%;
|
|
}
|
|
.bg-zpBox{
|
|
background-color: #000000;
|
|
position: relative;
|
|
bottom: 1px;
|
|
}
|
|
/*招聘信息*/
|
|
.efun-link {
|
|
display: none;
|
|
height: 190px;
|
|
padding: 50px 0 68px 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.efun-link .link-center {
|
|
padding-left: 190px;
|
|
}
|
|
|
|
.efun-link .link-center a {
|
|
position: relative;
|
|
float: left;
|
|
display: block;
|
|
width: 319px;
|
|
height: 94px;
|
|
line-height: 94px;
|
|
background: #ffffff;
|
|
margin-left: 66px;
|
|
font-size: 24px;
|
|
/*color: #3f89ed;*/
|
|
text-indent: 153px;
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: 0px 3px 14px #cccccc;
|
|
-moz-box-shadow: 0px 3px 14px #cccccc;
|
|
box-shadow: 0px 3px 14px #cccccc;
|
|
}
|
|
|
|
.efun-link .link-center .wanter:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 12px;
|
|
left: 63px;
|
|
width: 67px;
|
|
height: 60px;
|
|
color: #3f89ed;
|
|
background: url("/templates/static/images/pc/xinxi.png") no-repeat;
|
|
}
|
|
|
|
.efun-link .link-center .wanter:hover {
|
|
color: #0e0e0e;
|
|
background: #ffca00;
|
|
}
|
|
|
|
.efun-link .link-center .wanter:hover:before {
|
|
background: url("/templates/static/images/pc/xinxi.png") no-repeat;
|
|
}
|
|
|
|
.efun-link .link-center .linkWay:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 12px;
|
|
left: 63px;
|
|
width: 59px;
|
|
height: 64px;
|
|
color: #3f89ed;
|
|
background: url("/templates/static/images/pc/dianhua.png") no-repeat;
|
|
}
|
|
|
|
.efun-link .link-center .linkWay:hover {
|
|
color: #0e0e0e;
|
|
background: #ffca00;
|
|
}
|
|
|
|
.efun-link .link-center .linkWay:hover:before {
|
|
background: url("/templates/static/images/pc/dianhua.png") no-repeat;
|
|
}
|
|
|
|
/*底部*/
|
|
.footer{
|
|
/*background-image: linear-gradient(#0e0e0e, #242424, #383838,#333333);*/
|
|
background-image: linear-gradient(0deg,
|
|
#0e0e0e 0%,
|
|
#242424 50%,
|
|
#383838 100%),
|
|
linear-gradient(
|
|
#333333,
|
|
#333333);
|
|
background-blend-mode: normal,
|
|
normal;
|
|
height: 120px;
|
|
}
|
|
img{
|
|
vertical-align: middle;
|
|
}
|
|
/******************************************零游游戏(game)页面样式******************************************/
|
|
.outBox .hd .hd-wrap {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
background-color: #333333;
|
|
}
|
|
.outBox .hd .hd-wrap ul {
|
|
width: 1400px;
|
|
margin: 0 auto;
|
|
height: 100%;
|
|
font-size: 0;
|
|
}
|
|
.outBox .hd .hd-wrap ul li {
|
|
width: 25%;
|
|
line-height: 74px;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
.outBox .hd .hd-wrap ul li span {
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 22px;
|
|
color: #ffffff;
|
|
}
|
|
.outBox .hd .hd-wrap ul li.on {
|
|
background: #fecb00;
|
|
}
|
|
.outBox .hd .hd-wrap ul li.on span {
|
|
color:#0e0e0e;
|
|
}
|
|
|
|
/*游戏详情*/
|
|
.hotGameList{
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
.hotGameList li {
|
|
width: 272px;
|
|
overflow: hidden;
|
|
/*margin-bottom: 40px;
|
|
margin-right: 21px;*/
|
|
margin: 20px 39px;
|
|
}
|
|
/*鼠标移动效果*/
|
|
.slideInfo{
|
|
top: -233px;
|
|
width: 272px;
|
|
height: 158px;
|
|
background: rgba(0,0,0,.65);
|
|
padding: 10px;
|
|
transition: top linear .3s;
|
|
}
|
|
.hotGameList li:hover .slideInfo{
|
|
top:0;
|
|
transition:top linear .3s;
|
|
}
|
|
.slideInfo .fiveStars span{
|
|
background-position: -228px -285px;
|
|
}
|
|
.slideInfo .fiveStars span.halfColor{
|
|
background-position: -228px -308px;
|
|
}
|
|
.slideInfo .fiveStars span.noColor{
|
|
background-position:-10000px -10000px;
|
|
}
|
|
.downLoad{
|
|
display: inline-block;
|
|
padding:5px 10px;
|
|
border:1px solid #fff;
|
|
border-radius: 5px;
|
|
}
|
|
.marginB15{
|
|
margin-bottom:15px;
|
|
}
|
|
.jrGw{
|
|
position: relative;
|
|
bottom: 10px;
|
|
}
|
|
.popRight{
|
|
width:150px;padding-left: 15px;
|
|
color: white;
|
|
}
|
|
.Game_LXTab ul{
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.Game_LXTab ul li{
|
|
padding: 30px 20px;
|
|
font-size: 20px;
|
|
color: white;
|
|
}
|
|
.Game_LXTab ul li.LeiX{
|
|
color: #fecb00;
|
|
}
|
|
.language_Tab ul{
|
|
width: 1200px;
|
|
margin: 0 auto;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.language_Tab ul li{
|
|
padding: 30px 20px;
|
|
font-size: 20px;
|
|
color: white;
|
|
}
|
|
.language_Tab ul li.active-on{
|
|
color: #fecb00;
|
|
}
|
|
|
|
|
|
/****************************************关于零游(AboutOg)页面样式***************************************/
|
|
.sectionList,.sectionListTwo,.sectionListThree{
|
|
padding: 0 0 37px 0;
|
|
}
|
|
.section_ptjz{
|
|
background:url(/templates/static/images/pc/ptjz.png) center 0 no-repeat;
|
|
}
|
|
.section_ptys{
|
|
background:url(/templates/static/images/pc/ptys.png) center 0 no-repeat;
|
|
}
|
|
.section_wlqx{
|
|
background:url(/templates/static/images/pc/wlqx.png) center 0 no-repeat;
|
|
}
|
|
.section_0gfc{
|
|
background:url(/templates/static/images/pc/bg_0gfc.png) center 0 no-repeat;
|
|
}
|
|
.recruitment:hover, .section_LxUs:hover{
|
|
background:url(/templates/static/images/pc/ptys.png) center 0 no-repeat;
|
|
}
|
|
.section_ptjz h2,.section_ptys h2,.section_wlqx h2,.section_0gfc h2{
|
|
width: 100%;
|
|
font-size: 40px;
|
|
line-height: 100px;
|
|
text-align: center;
|
|
}
|
|
.wid50{
|
|
width: 848px;
|
|
height: 408px;
|
|
}
|
|
.padding0180{
|
|
padding: 0 180px;
|
|
}
|
|
|
|
/***************************************加入零游(JoinOg)页面样式***************************************/
|
|
.recruitment{
|
|
height: 345px;
|
|
background-color: #000000;
|
|
}
|
|
.recruitment h2{
|
|
width: 100%;
|
|
font-size: 40px;
|
|
line-height: 100px;
|
|
text-align: center;
|
|
}
|
|
.recruitment_Icon{
|
|
width: 50%;
|
|
display: flex;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-top: 15px;
|
|
}
|
|
.recruitment_Icon li a img:hover{
|
|
opacity: 1;
|
|
/*CSS3鼠标经过小图标时图片产生一个圆形大边框*/
|
|
box-shadow: 0 0 0;
|
|
/*CSS3鼠标经过小图标放大且旋转360度动画*/
|
|
transform: rotate(0deg) scale(1.15);
|
|
-webkit-transform:rotate(0deg) scale(1.15);
|
|
-moz-transform:rotate(360deg) scale(1.15);
|
|
-ms-transform:rotate(360deg) scale(1.15);
|
|
-o-transform:rotate(360deg) scale(1.15);
|
|
}
|
|
|
|
.recruitment-Detail{
|
|
background:url(/templates/static/images/pc/bg-zpDe.jpg) center 0 no-repeat;
|
|
height: 815px;
|
|
}
|
|
.recruitment-Detail h2{
|
|
width: 100%;
|
|
font-size: 40px;
|
|
line-height: 100px;
|
|
text-align: center;
|
|
}
|
|
.listHeader ul{
|
|
width: 50%;
|
|
display: flex;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.on-active{
|
|
color: #ffca00;
|
|
}
|
|
.Size-item{
|
|
/*height: 630px;*/
|
|
background-color: #000000;
|
|
border-radius: 4px;
|
|
width: 88%;
|
|
margin-top: 30px;
|
|
}
|
|
.Size-item p:first-child{
|
|
padding: 20px 0 10px 20px;
|
|
color: #ffca00;
|
|
font-size: 20px;
|
|
}
|
|
.Size-item p:last-child{
|
|
padding: 20px 0 10px 20px;
|
|
/*padding: 5px 0 30px 20px;*/
|
|
font-size: 20px;
|
|
}
|
|
.Size-item p{
|
|
font-size: 18px;
|
|
color: #ffffff;
|
|
line-height: 25px;
|
|
padding: 5px 20px;
|
|
}
|
|
|
|
.colorffca00{
|
|
color: #ffca00;
|
|
}
|
|
|
|
/*************************************商务合作(Business)页面样式*********************************/
|
|
.section_LxUs{
|
|
background:url(/templates/static/images/pc/ptjz.png) center 0 no-repeat;
|
|
line-height: 93px;
|
|
}
|
|
.section_LxUs h2{
|
|
width: 100%;
|
|
font-size: 40px;
|
|
text-align: center;
|
|
}
|
|
/*联系我们*/
|
|
.SListBu{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.LixOne,.LixTwo{
|
|
float: left;
|
|
width: 320px;
|
|
height: 98px;
|
|
border-radius: 8px;
|
|
border: solid 2px #dcdcdc;
|
|
padding-left: 23px;
|
|
margin: 0 50px;
|
|
}
|
|
.numWe{
|
|
position: relative;
|
|
right: 48px;
|
|
top: 5px;
|
|
line-height: 27px;
|
|
color: #ffca00;
|
|
}
|
|
.numSize{
|
|
position: relative;
|
|
right: 19px;
|
|
top: 5px;
|
|
line-height: 27px;
|
|
color: white;
|
|
}
|
|
.numSize2{
|
|
position: relative;
|
|
right: 15px;
|
|
top: 5px;
|
|
line-height: 27px;
|
|
color: white;
|
|
}
|
|
.numSize3{
|
|
position: relative;
|
|
right: 11px;
|
|
top: 5px;
|
|
line-height: 27px;
|
|
color: white;
|
|
}
|
|
|
|
/*合作伙伴*/
|
|
.og-block-four {
|
|
background: url(/templates/static/images/pc/foot_bg.jpg) center no-repeat;
|
|
height: 360px;
|
|
}
|
|
.og-block-four h2{
|
|
width: 100%;
|
|
font-size: 40px;
|
|
line-height: 100px;
|
|
text-align: center;
|
|
}
|
|
.og-part-box {
|
|
height: 150px;
|
|
overflow: hidden;
|
|
margin-top: 39px;
|
|
}
|
|
.og-part-list>li{
|
|
float:left;
|
|
display:flex;
|
|
display: -webkit-box;
|
|
display:-webkit-flex;
|
|
align-items:center;
|
|
width:340px;
|
|
height:120px;
|
|
margin-right:30px;
|
|
overflow:hidden;
|
|
}
|
|
.og-part-list>li img{
|
|
margin:0 auto;
|
|
}
|
|
/*************************************列表页(list)面样式*********************************/
|
|
.news-efun-content .news-efun-news-lists .news-efun-news-item-wrap {
|
|
width: 100%;
|
|
/*padding-top: 40px;*/
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.news-efun-content .news-efun-news-lists .news-efun-news-item-wrap li.news-efun-news-item {
|
|
width: 100%;
|
|
height: 200px;
|
|
padding: 24px 20px;
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
.news-efun-content .news-efun-news-lists .news-efun-news-item-wrap li.news-efun-news-item .news-pic {
|
|
width: 282px;
|
|
height: 100%;
|
|
float: left;
|
|
}
|
|
.news-efun-content .news-efun-news-lists .news-efun-news-item-wrap li.news-efun-news-item .news-pic img {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.news-efun-content .news-efun-news-lists .news-efun-news-item-wrap li.news-efun-news-item .news-text {
|
|
width: 860px;
|
|
margin-top: 30px;
|
|
float: right;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.news-efun-content .news-efun-news-lists .news-efun-news-item-wrap li.news-efun-news-item .news-text .title {
|
|
font-size: 24px;
|
|
line-height: 40px;
|
|
color: white;
|
|
text-align: left;
|
|
-o-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.news-efun-content .news-efun-news-lists .news-efun-news-item-wrap li.news-efun-news-item .news-text .text {
|
|
display: block;
|
|
width: 100%;
|
|
max-height: 150px;
|
|
font-size: 16px;
|
|
color:white;
|
|
line-height: 30px;
|
|
text-align: left;
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-line-clamp: 5;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
|
|
.news-efun-content .news-efun-news-lists .news-efun-news-item-wrap li.news-efun-news-item:before {
|
|
content: '';
|
|
width: 100%;
|
|
height: 1px;
|
|
background: #666666;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.news-efun-content .news-efun-news-lists .news-efun-news-item-wrap li.news-efun-news-item:hover:after {
|
|
content: '';
|
|
width: 6px;
|
|
height: 100%;
|
|
background-color: #ffca00;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.news-efun-content .news-efun-news-lists .news-efun-news-item-wrap li.news-efun-news-item:hover .news-text .title {
|
|
color: #ffca00;
|
|
}
|
|
.marginB4{
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
/*列表下方的分页样式*/
|
|
.pager {
|
|
font-size: 12px;
|
|
line-height: 120px;
|
|
color:#000000;
|
|
text-align: center;
|
|
}
|
|
|
|
.pager i, .pager a.next, .pager a.end {
|
|
padding: 4px 8px;
|
|
margin-right: 8px;
|
|
line-height: 28px;
|
|
background-color: #a6937c;
|
|
color: #ffffff;
|
|
font-style: normal
|
|
}
|
|
.pager > i, .pager a:hover i {
|
|
border: 1px solid #f24854;
|
|
background: #f24854;
|
|
color: #fff
|
|
}
|
|
.pager .choose_page input {
|
|
width: 50px;
|
|
border: 0;
|
|
border-bottom: 1px solid silver;
|
|
text-align: center
|
|
}
|
|
.pager .choose_page button {
|
|
padding: 3px 20px;
|
|
color: #fff;
|
|
background: #f24854;
|
|
border: 0
|
|
}
|
|
.pager .choose_page button:hover {
|
|
background: #ef2c3a
|
|
}
|
|
|
|
/*************************************详情(detail)面样式*********************************/
|
|
.fh-hack{
|
|
border-radius: 5px;
|
|
border: solid 1px #c4c4c4;
|
|
position: relative;
|
|
top: 20px;
|
|
padding: 7px 40px;
|
|
color: #ffffff;
|
|
font-size: 18px;
|
|
}
|
|
.titleSize{
|
|
padding: 45px 0 23px 0;
|
|
font-size: 24px;
|
|
color: #ffca00;
|
|
}
|
|
.xinW{
|
|
font-size: 36px;
|
|
color: white;
|
|
position: relative;
|
|
padding: 9px;
|
|
left: 70px;
|
|
bottom: 59px;
|
|
border-bottom: 4px solid #ffca00;
|
|
}
|
|
.xinW2{
|
|
font-size: 36px;
|
|
width: 14%;
|
|
color: white;
|
|
position: relative;
|
|
padding: 4px;
|
|
left: 70px;
|
|
bottom: 59px;
|
|
border-bottom: 4px solid #ffca00;
|
|
}
|
|
.news-time{
|
|
height: 60px;
|
|
border-bottom: 1px solid #666666;
|
|
border-top: 1px solid #666666;
|
|
box-sizing: border-box;
|
|
}
|
|
.news-time span{
|
|
line-height: 60px;
|
|
}
|
|
.News_content p:first-child{
|
|
padding: 20px 0 10px 0;
|
|
line-height: 30px;
|
|
}
|
|
.News_content p{
|
|
font-size: 16px;
|
|
color: white;
|
|
padding: 10px 2px;
|
|
line-height: 25px;
|
|
}
|
|
.News_content>p>img{
|
|
min-width: 2%;
|
|
max-width: 100%;
|
|
text-align: center;
|
|
}
|
|
.News_content p:last-child{
|
|
padding-bottom: 20px;
|
|
}
|
|
.News_bottom{
|
|
display: flex;
|
|
padding: 50px 0;
|
|
border-top: 1px solid #666666;
|
|
}
|
|
.left_news{
|
|
width: 49%;
|
|
border-right: 1px solid #b7b7b7;
|
|
}
|
|
.Jx-w{
|
|
width: 40%;
|
|
margin: 0 auto;
|
|
padding-top: 10px;
|
|
color: white;
|
|
font-size: 16px;
|
|
}
|
|
.right-news{
|
|
width: 49%;
|
|
}
|
|
.first-page,.last-page{
|
|
background-color: #ffca00;
|
|
padding: 4px 15px;
|
|
} |