jy-sdk/Public/Site/css/default/index.css

.trunk-box {padding-bottom:30px;}
.banner {height:400px;width:100%;}
.swiper-container {width:100%;height:100%;}
.banner .pic {width:100%;height:100%;display:block;background:#DEDEDE;color:#FFF;font-size:34px;}

.recommend,.pic-text,.hotgift {padding-top:10px;}
.recommend li {margin-left:21px;float:left;width:282px;height:208px;border:1px solid transparent;box-shadow:2px 0px 2px #eee,-2px 0px 2px #eee,0px 4px 4px #eee;
    background-color: #fff;
}
.recommend li:first-child {margin-left:0;}
.recommend li:hover {border-color:#CAEAFF;}
.recommend li .item {padding:15px;}
.recommend li .pic {overflow:hidden;width:252px;height:135px;position:relative;background:#DEDEDE;color:#FFF;}
.recommend li .pic .font {font-size:22px;}
.recommend li .pic .cover {position:absolute;width:100%;height:100%;transition:0.2s ease-in;top:-100%;left:0;z-index:3;background:rgba(0,0,0,.7);}
.recommend li .pic .cover .coverbox{padding:19px;}
.recommend li .pic .cover .coverbox img {width:100px;height:100px;}
.recommend li .pic .cover .coverbox .qrcode-text {display:inline-block;padding: 0 3% 0 10%;}
.recommend li .txt {position:relative;}
.recommend li .txt .name {font-size:16px;width:192px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-top:5px;display:block;}
.recommend li .txt .info {width:192px;font-size:#999;margin:0;}
.recommend li .txt .info i {font-style:normal;width:1px;height:10px;background:#999;display:inline-block;margin:0 5px;}
.recommend li .txt .butn {position:absolute;right:0;top:10px;text-align:center;color:#42B5FF;border:1px solid #42B5FF;font-size:13px;width:48px;height:24px;line-height:26px;border-radius:2px;display:block;}
.recommend li:hover .pic .cover {top:0;}
.recommend li:hover .txt .butn {background:#42B5FF;color:#fff;}

.pic-text {min-height:364px;}
.pic-text .newsgame {float:left;width:784px;}
.pic-text .open {float:right;width:396px;}
.newsgame ul,.hotgift ul {
	box-shadow: 2px 0px 2px #eee, -2px 0px 2px #eee, 0px 4px 4px #eee;
    max-height: 318px;
    overflow: hidden;
    background-color: #fff;}
.newsgame li {width:25%;float:left;}
.newsgame li .item,.hotgift li .item {padding:17px 0 17px 17px;}
.newsgame li .pic,.hotgift li .pic {overflow:hidden;width:70px;height:70px;position:relative;background:#DEDEDE;color:#FFF;float:left;}
.newsgame li .pic .font,.hotgift li .font {font-size:14px;}
.newsgame li .txt,.hotgift li .txt {margin-left:80px;height:72px;}
.newsgame li .txt .name,.hotgift li .txt .name {width:100%;display:block;font-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.newsgame li .txt .downloadnum,.hotgift li .surplus {margin:3px 0;color:#999;white-space:nowrap;}
.hotgift li .surplus img{
	margin-top:-4px;
	display:inline-block;padding-left:10px;}
.newsgame li .txt .butn,.hotgift li .txt .butn {width:42px;height:21px;line-height:23px;text-align:center;color:#42B5FF;border:1px solid #42B5FF;border-radius:2px;display:block;}
.newsgame li .txt .butn:not(.disabled):hover,.hotgift li .txt .butn:not(.disabled):hover {background:#42B5FF;color:#fff;}
.newsgame li .txt .butn.disabled,.hotgift li .txt .butn.disabled {color:#D7D7D7;border-color:#D7D7D7;}
 
.open ul {
	box-shadow:2px 0px 2px #eee,-2px 0px 2px #eee,0px 4px 4px #eee;
	padding:10px 17px;
	height: 318px;
    overflow: hidden;
    box-sizing: border-box;
	background-color: #fff;
	}
.open li .item {font-size:13px;}
.open li .item .column {display:block;float:left;padding:7px 0 0px;color:#666;}
.open li .table-content .column {padding:8px 0;color:#999;}
.open li .item .column1 {width:35%;}
.open li .item .column2 {
	width:35%;
	color: #42B5FF;
}
.open li .item .column3 {width:30%;}
.open li .item .column i {font-style:normal;color:#42B5FF;}

.hotgift li {float:left;width:20%;}
.hotgift li .pic {border-radius:50%;}
.hotgift li .surplus span {color:red;}



/*轮播图*/


.swiper-pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid transparent;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-pagination-bullet-active{
	background:#42B5FF;
	opacity:1;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image:url("../../images/btn_normal_qiehuan(1).png");
	left:10px;
	right:auto;
	background-size:100% 100%;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image:url("../../images/btn_normal_qiehuan2.png");
	right:10px;
	left:auto;
	background-size:100% 100%;
}
.swiper-button-prev:hover,.swiper-button-prev:focus{
	background-image:url("../../images/btn_selected_qiehuan2.png");
	left:10px;
	right:auto;
	background-size:100% 100%;
}
.swiper-button-next:hover,.swiper-button-next:focus{
	background-image:url("../../images/btn_selected_qiehuan(1).png");
	right:10px;
	left:auto;
	background-size:100% 100%;
}

/*轮播图*/

.z_tuijian{
	display:table;
	width:100%;
	height:210px;
	text-align:center;
	vertical-align:center;
	background-color:#fff;
}
.z_ptabcell{
	display:table-cell;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	color: #999999;
	font-size: 16px;
}
.z_newshangxian{
	display:table;
	width:100%;
	height:300px;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
}
.z_kaifu{
	display: table;
    width: 396px;
    height: 300px;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    box-sizing: border-box;
    margin: -10px 0 -10px -10px;
}
.z_libao{
	display: table;
    width: 100%;
    height: 94px;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
}
.open_li~.open_li{
	border-top:1px solid #e6e2e2;
}