/*dede58.com 做最好的织梦整站模板下载网站*/
/*电脑端的banner样式*/
.priceBanner{
	background:url(../image/tembanner.png);
	background-size:cover;
	background-position:0 center;
	height:400px}
.priceBanner1{ position:relative; height:400px}
.index_banner_box{ position:absolute; top:60%; left:0; transform:translateY(-50%)}
.index_banner_box_title{font-size:36px;color:#FFF;font-weight:bold;}
.index_banner_box_title2{font-size:20px;color:#FFF;margin-top:16px}

.index_banner_img{
	width:500px;
	height:343px;
	background:url(../image/temp.png) no-repeat bottom right;
	position:absolute;
	bottom:30px;
	right:20px}


/*模板列表*/
.temp{
	background:#f8f8f8;
	padding-bottom:100px}
.temp_dl_dt{
	margin: 30px 0 0 0;
    padding: 15px 0;
    background: #FFF;
	}
.temp_dl_dt_ul{
	overflow:hidden;
	margin:0 10px}
.temp_dl_dt_ul_li {
    line-height: 36px;
    width: 90px;
    float: left;
    text-align: center;
    border: 1px solid #ddd;
    color: #999999;
    margin-right: 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
	margin-bottom: 10px;
}
.temp_dl_dt_ul_li a{
    color: #999999;
}
.temp_dl_dt_ul_li.active{
	background:#36bb81;
	color:#ffffff}
.temp_dl_dt_ul_li.active a{
	color:#ffffff}
.temp_dl_dt_ul_li:hover{
	background:#36bb81;
	color:#ffffff}
.temp_dl_dt_ul_li:hover a{
    display: block;
	color:#ffffff}
.temp_dl_dd{
	overflow:hidden}
.temp_dl_dd_div{
	width:256px;
	height:418px;
	float:left;
	border:1px dashed #d2dce6;
	background:#FFF;
	cursor:pointer;
	margin-right:12px;
	margin-top:30px;}
.temp_dl_dd_div_1{
	width:30px;
	height:30px;
	background:url(../image/tempadd.png);
	margin:0 auto;
	margin-top:172px;}
.temp_dl_dd_div_2{
	text-align:center;
	font-size:16px;
	color:#aab4be;
	margin-top:30px;}
.temp_dl_dd_div:hover .temp_dl_dd_div_1{
	background:url(../image/tempadd1.png)}
.temp_dl_dd_div:hover .temp_dl_dd_div_2{
	color:#36bb81}

.temp_dl_dd_ul_li{
	width:25%;
	float:left;
	position:relative;
	margin-top:30px;
	height:487px;
	padding:0 10px;}
.temp_dl_dd_ul_li>div{
	background:#FFF;
	border:1px solid #D7D7D7;}
.temp_dl_dd_ul_li_img{
	width:240px;
	height:427px;
	display:block;
	margin:0 auto;
	margin-top:10px}
.temp_dl_dd_ul_li1{
	height:50px;
	line-height:50px;
	position:relative;}
	
.temp_dl_dd_ul_li11{
	text-indent:10px;
	font-size:16px;
	color:#333333;
	width:60%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis}
.temp_dl_dd_ul_li12{
	width:54px;
	height:20px;
	text-align:center;
	background:#f79d3d;
	color:#FFF;
	font-size:12px;
	position:absolute;
	right:10px;
	bottom:15px;
	line-height:20px;}
.temp_mf{
	background:#56cba6;
	color:#FFF}
.temp_dl_dd_ul_li:hover{
	box-shadow:0 0 10px rgba(54,187,129,0.5)}
.temp_dl_dd_ul_li:hover .temp_dl_dd_ul_li3{
	bottom:0;}
.temp_dl_dd_ul_li30{
	height:50px;
	line-height:50px;
	position:relative;
	width:100%}
.temp_dl_dd_ul_li:hover .temp_dl_dd_ul_li31{
	opacity:1;
	top:0}
.temp_dl_dd_ul_li31{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	opacity:0;
	transition: all ease 0.3s;
	z-index:10}
.temp_dl_dd_ul_li31_1{
	width:200px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%)}
.temp_dl_dd_ul_li31_1 img{
	margin-bottom:20px;
	width:200px;
	height:200px;
	transition: all ease 0.3s;}
.temp_dl_dd_ul_li31_1 a{
	border-radius:5px;
	width:200px;
	margin:0 auto;
	text-align:center;
	color:#FFF;
	border:1px solid #FFF;
	display:block;
	line-height:30px;
	font-size:16px;}
.temp_dl_dd_ul_li31_1 a:hover{background:#3DA7D7;color:#fff;}


.moveList_dl_dd_page{
	height:140px;
	border-top:1px solid #f0f0f0;
	padding-top:50px;
	position:relative;
	padding-bottom:50px;
	width:100%}
.moveList_dl_dd_page ul{
	position:absolute;
	height:40px;
	left:50%;
	transform:translateX(-50%);
	overflow:hidden;}
.moveList_dl_dd_page ul li{
	float:left;
	width:38px;
	height:38px;
	line-height:38px;
	border:1px solid #ececec;
	margin:0 5px;
	color:#333333;
	font-size:14px;
	text-align:center;
	border-radius:4px;
	cursor:pointer}
.moveList_dl_dd_page ul li a{
	color:#333333;
	display:block}
.moveList_dl_dd_page ul li a:hover{
	background:#36bb81;
	color:#FFF}
.moveList_dl_dd_page ul li.active{
	width:40px;
	height:40px;
	line-height40px;
	background:#36bb81;
	color:#FFF;
	border:none}
.moveList_dl_dd_page ul li:first-child,.moveList_dl_dd_page ul li:last-child{
	width:78px}
.moveList_dl_dd_page ul li.border_none{
	border:none}