分页demo 自定义跳转页码
效果预览
分页效果
页面代码
<%@page import="org.apache.commons.lang.time.DateUtils"%>
<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html;charset=utf-8"
pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%-- <%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%> --%>
<%-- <%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%> --%>
<%-- <%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%> --%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
String sysmanagerServer = "//" + request.getHeader("host") + request.getContextPath();
request.setAttribute("sysmanagerServer", sysmanagerServer);
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>促销管理title>
<script src="../js/promotionquery/jquery-1.10.2.js">script>
<link href="../css/promotionquery/promotionquery.css" rel="stylesheet" />
<script language="javascript" type="text/javascript"
src="../js/promotionquery/My97DatePicker/WdatePicker.js">script>
<script src="../js/promotionquery/msgbox.js">script>
<script src="../js/promotionquery/jquery-ui-jqLoding.js" type="text/javascript">script>
head>
<body>
<form id="formtest" method="post" action="">
<input type="hidden" id="totalnum">
<input type="hidden" id="queryLevel" value="${queryLevel }">
<div class="mainInner">
<div class="tabs mb15" id="tabs">
<ul class="crumbs">
<li><a href="javascript:;" class="score-0">后台管理系统a><span
class="direct">>span>li>
<li><a href="javascript:;" class="score-0">促销查询a><span
class="direct">>span>li>
<li><a href="javascript:;" class="score-0">商家促销查询a><span
class="direct">>span>li>
ul>
<ul class="tabs-nav13 tab-type13 tabs-nav14">
<li class="current"><a href="/fxRuralOpcItem/promotion/index.do?method=promotionQuery" class="text0">商家促销a>li>
<li class=""><a href="/fxRuralOpcItem/zone/promotion/index.do?method=promotionQuery" class="text1">专区促销a>li>
ul>
<div class="form-wrap">
<div class="title">
<strong> 查询条件
strong> <i class="arrow-down1">i>
div>
<div class="form-main" style="display: block;">
<div class="col">
<div class="form">
<label class="w">招商机构label>
<select id="orgunitidLev1"
onchange="getOrgunitid('orgunitidLev2',this.options[this.options.selectedIndex].value,'0')">
<c:forEach items="${provinces}" var="provinces"
varStatus="status">
<option value="${provinces.id}"
<c:if test="${provinces.id eq orgunitidLev1}">selected="selected"c:if>>${provinces.name}option>
c:forEach>
select>
div>
<div class="form">
<select class="form-control" id="orgunitidLev2"
onchange="getOrgunitidOrgunitidLev2('orgunitidLev3',this.options[this.options.selectedIndex].value,'0')">
<c:forEach items="${citys}" var="citys" varStatus="status">
<option value="${citys.id}"
<c:if test="${citys.id eq orgunitidLev2}">selected="selected"c:if>>${citys.name}option>
c:forEach>
select>
div>
<div class="form">
<select class="form-control" id="orgunitidLev3"
name="orgunitidLev3">
<c:forEach items="${areas}" var="areas" varStatus="status">
<option value="${areas.id}"
<c:if test="${areas.id eq orgunitidLev3}">selected="selected"c:if>>${areas.name}option>
c:forEach>
select>
div>
div>
<div class="col">
<div class="form">
<label class="w">商家名称label> <input type="text"
class="form-text" id="merchantName">
div>
<div class="form">
<label class="w">商家IDlabel> <input type="text"
class="form-text" id="merchantId">
div>
div>
<div class="col">
<div class="form">
<label class="w">促销类型label> <select id="promotionType"
class="form-control">
<option value="">全部option>
<option value="0">满额赠送option>
<option value="1">满额立减option>
<option value="3">满数量赠送option>
<option value="4">仅折扣option>
select>
div>
<div class="form">
<label class="w">促销IDlabel> <input type="text"
class="form-text" id="promotionId">
div>
<div class="form">
<label class="w">促销名称label> <input type="text"
class="form-text" id="promotionTitle">
div>
div>
<div class="col">
<div class="form">
<label class="w">开始日期label> <input type="text" id="startDateBegin"
onClick="WdatePicker()" class="form_datetime form-text">
div>
<div class="form">
<label>-label> <input type="text" id="startDateEnd"
onClick="WdatePicker()" class="form_datetime form-text">
div>
div>
<div class="col">
<div class="form">
<label class="w">结束日期label> <input type="text" id="endDateBegin"
onClick="WdatePicker()" class="form_datetime form-text">
div>
<div class="form">
<label>-label> <input type="text" id="endDateEnd"
onClick="WdatePicker()" class="form_datetime form-text">
div>
div>
<div class="col">
<div class="form">
<label class="w">促销状态label> <input name="promotionStatus"
class="checkbox" type="checkbox" style="width: 15px" value="2"><span>创建中span>
div>
<div class="form">
<input name="promotionStatus" class="checkbox" type="checkbox"
style="width: 15px" value="4"><span>待审核span>
div>
<div class="form">
<input name="promotionStatus" class="checkbox" type="checkbox"
style="width: 15px" value="6"><span>待发布span>
div>
<div class="form">
<input name="promotionStatus" class="checkbox" type="checkbox"
style="width: 15px" value="8"><span>已发布span>
div>
<div class="form">
<input name="promotionStatus" class="checkbox" type="checkbox"
style="width: 15px" value="10"><span>运行中span>
div>
<div class="form">
<input name="promotionStatus" class="checkbox" type="checkbox"
style="width: 15px" value="12"><span>已结束span>
div>
<div class="form">
<input name="promotionStatus" class="checkbox" type="checkbox"
style="width: 15px" value="16"><span>删除span>
div>
div>
<div class="col">
<div class="button-wrap ml-4">
<button class="red-but" onclick="search(1)" type="button">
<span> 查询
span>
button>
<button class="red-but" onclick="doExport()" type="button">
<span> 导出
span>
button>
<button class="red-but" type="button" id="btn_reset"
onclick="doReset()">
<span> 重置
span>
button>
div>
div>
div>
div>
div>
<div class="title">
<i class="icon search2">i>
查询结果：总共
<font id="resultSum" color="red">0font>
条数据，分
<font id="resultPage" color="red">0font>
页显示
strong>
div>
<table id="resultTab">
<thead>
<th><center>促销IDcenter>th>
<th><center>省<br/>(机构号)center>th>
<th><center>市<br/>(机构号)center>th>
<th><center>县<br/>(机构号)center>th>
<th><center>促销类型center>th>
<th><center>商家名称center>th>
<th><center>促销名称center>th>
<th><center>开始时间center>th>
<th><center>结束时间center>th>
<th><center>状态center>th>
<th><center>申请时间center>th>
<th><center>审核人center>th>
<th><center>审核时间center>th>
<th><center>操作center>th>
thead>
<tbody id="resultTbl">
<tr>
<td colspan='14' align='center'>无记录td>
tr>
tbody>
table>
<%@include file="page.jsp"%>
<br />
div>
div>
form>
body>
html>js代码
<script type="text/javascript">
$(document).ready(function(){
var queryLevel = $('#queryLevel').val();
if(queryLevel=='省'){
$('#orgunitidLev1').attr("disabled",true);
$('#orgunitidLev1').css("background-color","#f1f1f1");
}
if(queryLevel=='市'){
$('#orgunitidLev1').attr("disabled",true);
$('#orgunitidLev1').css("background-color","#f1f1f1");
$('#orgunitidLev2').attr("disabled",true);
$('#orgunitidLev2').css("background-color","#f1f1f1");
}
if(queryLevel=='县'){
$('#orgunitidLev1').attr("disabled",true);
$('#orgunitidLev1').css("background-color","#f1f1f1");
$('#orgunitidLev2').attr("disabled",true);
$('#orgunitidLev2').css("background-color","#f1f1f1");
$('#orgunitidLev3').attr("disabled",true);
$('#orgunitidLev3').css("background-color","#f1f1f1");
}
});
var pageSize = 10;
function search(pageNum) {
$("#current").text(pageNum);
var condition = queryParams();
var beginDate1 = $("#startDateBegin").val();
var beginDate2 = $("#startDateEnd").val();
var endDate1 = $("#endDateBegin").val();
var endDate2 = $("#endDateEnd").val();
if (beginDate1 && beginDate2) {
beginDate1 = beginDate1 + " 00:00:00";
beginDate2 = beginDate2 + ' 23:59:59';
}
if (endDate1 && endDate2) {
endDate1 = endDate1 + " 00:00:00";
endDate2 = endDate2 + ' 23:59:59';
}
var d1 = new Date(beginDate1.replace(/\-/g, "\/"));
var d2 = new Date(beginDate2.replace(/\-/g, "\/"));
var d3 = new Date(endDate1.replace(/\-/g, "\/"));
var d4 = new Date(endDate2.replace(/\-/g, "\/"));
if (beginDate1 && beginDate2 && d1 >= d2) {
MsgBox.Alert('消息提示', "日期起止范围的开始时间不能大于结束时间！");
return;
}
if (endDate1 && endDate2 && d3 >= d4) {
MsgBox.Alert('消息提示', "日期起止范围的开始时间不能大于结束时间！");
return;
}
if ((beginDate1 && !beginDate2)||(!beginDate1 && beginDate2)) {
MsgBox.Alert('消息提示', "日期起止范围必须全部选择！");
return;
}
if ((endDate1 && !endDate2)||(!endDate1 && endDate2)) {
MsgBox.Alert('消息提示', "日期起止范围必须全部选择！");
return;
}
$.fn.jqLoading({ height: 90, width: 245, text: "数据加载中，请耐心等待..." });
$.ajax({
type : "post",
url : "getPromotionList.do?method=getPromotionList",
data : condition,
dataType : "json",
success : function(data) {
$.fn.jqLoading("destroy");
$("#resultTbl").children().remove();
$('#totalnum').val(data.total);
// var pdata = $.parseJSON(data);
$("#resultTbl").empty();//清除上一次查询结果
$(".paging").hide();
//如果查询没有异常
// if (pdata.code == '0000') {
var result = "";
// var list = pdata.returnData.list;
//如果查询无结果
if (data.total == 0) {
$("#resultSum").text(0);
$("#resultPage").text(0);
result += "很抱歉， 没有查询到符合条件的促销数据！ 您可以调整 筛选条件 继续搜索 ~ " + data.rows[i].id
+ " " + data.rows[i].provinceName
+ " " + data.rows[i].cityName
+ " " + data.rows[i].areaName
+ " " + data.rows[i].promotionTypeDesc
+ " " + data.rows[i].merchantName+"
"+data.rows[i].merchantId
+ " " + data.rows[i].promotionTitle
+ " " + data.rows[i].startTime
+ " " + data.rows[i].endTime
+ " " + data.rows[i].statusDesc
+ " " + data.rows[i].createTime
+ " " + data.rows[i].auditUserName
+ " " + data.rows[i].auditTime
+ "
+ data.rows[i].id
+ "&show=show&promotionType="
+ data.rows[i].promotionType
+ "&action=view target=\"_blank\">查看 if (patten.test(str[i])){
curlen+=2;
}else{
curlen++;
}
if(str[i]=="：") {
result += "\n"+" ";
}
if(str[i]=="，"){
result+=","+"\n"
}
if(str[i]=="/"){
result+="
"
}
else{
result+=str[i];
}
}
return result;
}
//查询参数
function queryParams() {
var statusStr = "";
$("input[name='promotionStatus']:checked").each(function() {
statusStr += $(this).val() + ",";
});
//去掉最后一个逗号
statusStr = (statusStr.substring(statusStr.length - 1) == ',') ? statusStr
.substring(0, statusStr.length - 1)
: statusStr;
// var startDate = $("#startDate").val()
// var endDate = $("#endDate").val()
// if (startDate && endDate) {
// startDate = startDate + " 00:00:00";
// endDate = endDate + ' 23:59:59';
// }
var beginDate1 = $("#startDateBegin").val();
var beginDate2 = $("#startDateEnd").val();
var endDate1 = $("#endDateBegin").val();
var endDate2 = $("#endDateEnd").val();
if (beginDate1 && beginDate2) {
beginDate1 = beginDate1 + " 00:00:00";
beginDate2 = beginDate2 + ' 23:59:59';
}
if (endDate1 && endDate2) {
endDate1 = endDate1 + " 00:00:00";
endDate2 = endDate2 + ' 23:59:59';
}
var temp = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
pageSize : pageSize,
pageNum : parseInt($("#current").text()),
promotionStatus : statusStr,
merchantId : trim($('#merchantId').val()),
promotionType : $("#promotionType").val(),
merchantName : trim(encodeURI($("#merchantName").val())),
promotionTitle : trim(encodeURI($("#promotionTitle").val())),
beginDate1 : beginDate1,
beginDate2 : beginDate2,
endDate1 : endDate1,
endDate2 : endDate2,
promotionId : trim($("#promotionId").val()),
orgunitidLev1 : $("#orgunitidLev1").val(),
orgunitidLev2 : $("#orgunitidLev2").val(),
orgunitidLev3 : $("#orgunitidLev3").val(),
};
return temp;
};
function trim(str){ //删除左右两端的空格
return str.replace(/(^\s*)|(\s*$)/g, "");
}
function getOrgunitid(id, pid, defaultVal) {
// orgunitidLev2 选择省 orgunitidLev3选择市
var flag = "";
if (id == 'orgunitidLev2') {
flag = "city";
}
var xz = "";
$("#" + id).empty();
$("#" + id).append(xz);
var xz = "";
$("#orgunitidLev3").empty();
$("#orgunitidLev3").append(xz);
if (pid != '0') {
$.getJSON(
"/fxRuralOpcItem/newcpadmin/onlineListingMonitor.do?method=getOrgunitid&pid="
+ pid + "&flag=" + flag, function(data) {
if (data != null) {
$.each(data.data, function(i, item) {
$("#" + id).append(
"
+ item.name + "");
});
$("#" + id).val(defaultVal);
}
});
}
}
function getOrgunitidOrgunitidLev2(id, pid, defaultVal) {
// orgunitidLev2 选择省 orgunitidLev3选择市
var flag = "";
// id=='orgunitidLev3' --切换市 pid当前选择的市 需要查找该市下所有县
if (id == 'orgunitidLev3') {
flag = "area";
}
var xz = "";
$("#" + id).empty();
$("#" + id).append(xz);
if (pid != '0') {
$.getJSON(
"/fxRuralOpcItem/newcpadmin/onlineListingMonitor.do?method=getOrgunitid&pid="
+ pid + "&flag=" + flag, function(data) {
if (data != null) {
$.each(data.data, function(i, item) {
$("#" + id).append(
"
+ item.name + "");
});
$("#" + id).val(defaultVal);
}
});
}
}
//重置
function doReset() {
$("#merchantName").val("");
$('#merchantId').val("");
$("#promotionType").val("");
$("#promotionTitle").val("");
$("#promotionId").val("");
$("#startDateBegin").val("");
$("#startDateEnd").val("");
$("#endDateBegin").val("");
$("#endDateEnd").val("");
$("input[name='promotionStatus']").removeAttr("checked");
var queryLevel = $('#queryLevel').val();
console.log('aaaaaa',queryLevel);
if(queryLevel=='国家'){
$('#orgunitidLev1').val("0");
$('#orgunitidLev2').val("0");
$('#orgunitidLev3').val("0");
}
if(queryLevel=='省'){
$('#orgunitidLev2').val("0");
$('#orgunitidLev3').val("0");
}
if(queryLevel=='市'){
$('#orgunitidLev3').val("0");
}
}
function doExport() {
var totalnum = parseInt($('#totalnum').val());
if (totalnum == 0 || !totalnum) {
MsgBox.Alert('消息提示', '没有需要导出的数据!');
return;
}else{
MsgBox.Confirm("消息提示", "确定导出吗?", excuteExport);
}
}
function excuteExport() {
$.fn.jqLoading({ height: 90, width: 245, text: "下载中，请耐心等待..." });
var params = queryParams();
var exportUrl = 'promotionMerchantExport.do?method=promotionMerchantExport';
$.ajax({
url : exportUrl,
type : "get",
contentType : "application/json;charset=UTF-8",
dataType : "json",
data : params,
success : function(data) {
$.fn.jqLoading("destroy");
if (data.code == "400") {
MsgBox.Alert('消息提示', data.msg);
} else {
window.location = data.data;
}
},
error : function(data) {
$.fn.jqLoading("destroy");
MsgBox.Alert('消息提示', '调用接口导出异常');
},
});
}
script>分页代码
<%@ page language="java" contentType="text/html;charset=utf-8"
pageEncoding="utf-8"%>
<script type="text/javascript">
function searchPrevious() {
var num = $("#current").text() - 1;
if (num < 1) {
MsgBox.Alert('消息提示', '已经是首页');
return;
}
search(num);
}
function searchNext() {
var num = parseInt($("#current").text()) + 1;
var total = $("#total").text();
if (num > total) {
MsgBox.Alert('消息提示', '已经是尾页');
return;
}
search(num);
}
function searchLast() {
var total = $("#total").text();
search(total);
}
function searchByNum() {
var total = parseInt($("#total").text());
if ($("#num").val() == "") {
MsgBox.Alert('消息提示', '请输入页码');
return;
}
var num = parseInt($("#num").val());
if (num<1 || num >total) {
MsgBox.Alert('消息提示', '输入页码超出范围');
return;
}
search(num);
}
function searchFirst() {
search(1);
}
script>css代码
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, form, input, p, button, a, label {
margin: 0;
padding: 0;
}
img, input, button {
border: 0 none;
}
ul, ol, dl {
list-style: outside none none;
}
:focus {
outline: 0 none;
}
a:visited, a:active, a:focus {
outline-width: 0;
}
a {
cursor: pointer;
text-decoration: none;
}
i, th, h3 {
font-style: normal;
font-weight: normal;
}
sup {
font-size: smaller;
vertical-align: super;
}
sub {
font-size: smaller;
vertical-align: sub;
}
.clear::after, .col::after, .form::after, .button-wrap::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.clear {
}
html {
overflow-y: scroll;
}
textarea {
border: 1px solid #d9d9d9;
border-radius: 2px;
color: #666;
float: left;
height: 200px;
padding: 10px;
resize: none;
width: 310px;
}
img {
vertical-align: middle;
}
body, .container {
font-size: 14px;
min-width: 1024px;
}
.container {
height: 100%;
}
body, button, label, input {
font-family: "SimSun";
}
body, a {
color: #333;
}
h3, button {
font-size: 14px;
}
i {
font-size: 12px;
}
.table-wrap {
overflow-x: auto;
}
table {
border: 1px solid #d9d9d9;
border-collapse: collapse;
border-spacing: 0;
color: #666;
font-size: 12px;
margin-bottom: 20px;
width: 100%;
}
table tr:nth-child(2n) {
background-color: #f8f8f8;
}
table tr:nth-child(2n+1) {
}
table tr th:nth-last-child(1) {
}
table th {
background-color: #f1f1f1;
font-weight: bold;
height: 36px;
line-height: 36px;
/* padding: 0 20px; */
text-align: left;
}
table td {
line-height: 20px;
/* padding: 10px 0px; */
}
table .table-tool a {
color: #e54545;
margin-left: 5px;
}
table .table-tool a:hover {
text-decoration: underline;
}
table tr.hover td {
background-color: #faf0f0;
}
table .table-tool {
float: right;
height: 16px;
text-align: right;
z-index: 1;
}
table tr .table-tool span {
display: none;
}
table tr .table-tool i.icon {
display: inline-block;
margin-left: 5px;
}
table .link {
color: #459de6;
}
table .link:hover {
color: #de183c;
text-decoration: underline;
}
table .t_choice {
border: 1px solid #f1f1f1;
left: -10px;
padding: 8px 40px 8px 10px;
position: relative;
z-index: 2;
}
table .t_choice a {
padding: 0 20px 0 0;
position: relative;
}
table .t_choice ul {
display: none;
}
table .t_choice i.arrow-down {
right: 5px;
}
table .t_choice_open {
background: #fff none repeat scroll 0 0;
border: 1px solid #d9d9d9;
}
table .t_choice_open i.arrow-down {
background-position: -70px -20px;
}
table .t_choice_open ul {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #fff none repeat scroll 0 0;
border-color: currentcolor #d9d9d9 #d9d9d9;
border-image: none;
border-style: none solid solid;
border-width: 0 1px 1px;
color: #999;
display: block;
font-weight: normal;
left: -1px;
position: absolute;
text-indent: 10px;
top: 28px;
width: 100%;
z-index: 1;
}
table .t_choice_open ul li {
cursor: pointer;
line-height: 24px;
}
table .t_choice_open ul li.hover {
background-color: #ddeffe;
color: #57a5e6;
}
.c999 {
color: #999;
}
.tl {
text-align: left;
}
.tr {
text-align: right;
}
.mt20 {
margin-top: 20px;
}
.m15 {
margin: 15px;
}
.hide {
display: none;
}
.zi10 {
z-index: 10;
}
.mr0 {
margin-right: 0 !important;
}
.mr1_5 {
margin-right: 1.5%;
}
.ml20 {
margin-left: 20px;
}
.ml-2 {
margin-left: 38px;
}
.ml-4 {
padding-left: 75px;
}
.fl {
display: inline;
float: left;
}
.fr {
display: inline;
float: right;
}
.fs18 {
font-size: 18px;
}
.fb {
font-weight: bold;
}
.blue-f-l {
}
.blue-f-d {
color: #459de6 !important;
}
i.icon, i.icon-c {
color: #fff;
display: block;
text-align: center;
}
i.icon {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/icon.png?v2") no-repeat scroll 0 0;
height: 16px;
line-height: 16px;
z-index: 0;
}
i.box-icon {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/box-icon.png") no-repeat scroll 0 0;
display: block;
}
i.login-icon {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/login-icon.png") no-repeat scroll 0 0;
display: block;
height: 19px;
position: absolute;
z-index: 2;
}
i.mail {
background-position: -308px -18px;
width: 16px;
}
a:hover i.mail {
background-position: -55px 0;
}
i.round {
background-position: 0 0;
width: 17px;
}
i.help {
background-position: -290px -18px;
width: 17px;
}
a:hover i.help {
background-position: -19px 0;
}
i.exit {
background-position: -37px 0;
width: 16px;
}
a:hover i.exit {
opacity: 0.8;
}
i.qx {
background-position: -179px 0;
width: 16px;
}
i.number {
background-position: -74px 0;
height: 16px;
line-height: 14px;
position: absolute !important;
width: 18px;
}
.wide i.number {
right: 10px !important;
}
i.add {
background-position: -110px -17px;
width: 15px;
}
i.add1 {
background-position: -323px 0;
width: 16px;
}
i.download {
background-position: -357px -18px;
width: 16px;
}
i.xj {
background-position: -269px 0;
width: 16px;
}
i.search {
background-position: -128px -17px;
width: 16px;
}
i.search1 {
background-position: -341px 0;
width: 18px;
}
i.search2 {
background-position: -146px -17px;
width: 18px;
}
i.cancel {
background-position: -251px 0;
width: 16px;
}
i.add-user {
background-position: -184px -17px;
width: 18px;
}
i.pen {
background-position: -131px 0;
width: 15px;
}
i.added {
background-position: -202px -18px;
display: inline-block;
vertical-align: middle;
width: 57px;
}
i.exceed {
background-position: -16px -33px;
display: inline-block;
height: 17px;
vertical-align: middle;
width: 72px;
}
i.arrow-down {
background-position: -60px -20px;
height: 4px;
overflow: hidden;
position: absolute;
right: 20px;
top: 50%;
width: 8px;
z-index: 1;
}
i.calendar {
background-position: -360px 0;
cursor: pointer;
height: 16px;
overflow: hidden;
position: absolute;
right: 16px;
top: 11px;
width: 14px;
z-index: 1;
}
i.arrow-down1 {
background-position: -168px -17px;
cursor: pointer;
height: 8px;
margin-top: -4px;
overflow: hidden;
position: absolute;
right: 20px;
top: 50%;
width: 14px;
z-index: 1;
}
i.arrow-down1-close {
background-position: -168px -26px;
}
i.checkbox {
background-position: -32px -20px;
height: 12px;
left: 0;
margin-top: -6px;
position: absolute;
top: 50%;
width: 12px;
}
i.radio {
background-position: 0 -18px;
height: 14px;
left: 0;
margin-top: -7px;
position: absolute;
top: 50%;
width: 14px;
}
i.error {
background-position: -233px 0;
width: 16px;
}
i.no {
background-position: -251px 0;
width: 16px;
}
i.tips {
background-position: -215px 0;
width: 16px;
}
i.tishi {
background-position: -215px 0;
width: 16px;
}
.conf i.yes {
background-position: -100px 0;
}
.conf i.tel {
background-position: 0 0;
}
.conf i.tishi, .conf i.tishi-1but {
background-position: -50px 0;
}
i.yes {
background-position: -197px 0;
width: 16px;
}
i.eye {
background-position: -98px 0;
width: 16px;
}
i.sx {
background-position: 0 -33px;
height: 9px;
position: relative;
top: -3px;
width: 16px;
}
i.jx {
background-position: 0 -42px;
height: 9px;
position: relative;
top: -3px;
width: 16px;
}
i.ban {
background-position: -305px 0;
width: 16px;
}
i.n-ban {
background-position: -287px 0;
width: 15px;
}
i.edit {
background-position: -116px 0;
width: 14px;
}
i.role {
background-position: -148px 0;
width: 16px;
}
i.del {
background-position: -166px 0;
width: 12px;
}
i.wen {
background-position: -261px -17px;
height: 17px;
width: 16px;
}
i.admin {
background-position: -288px -37px;
width: 16px;
}
i.pwd {
background-position: -305px -37px;
width: 16px;
}
i.jd {
background-position: -322px -37px;
width: 18px;
}
i.sh {
background-position: -342px -37px;
width: 15px;
}
span.arrow-down {
border-left: 5px solid #f1f1f1;
border-right: 5px solid #f1f1f1;
border-top: 5px solid #999;
height: 0;
overflow: hidden;
width: 0;
}
.selected span.arrow-down {
border-color: #fff #fff #999;
border-style: solid;
border-width: 5px;
height: 0;
width: 0;
}
button, .button {
border-radius: 2px;
color: #fff;
cursor: pointer;
float: left;
font-weight: bold;
height: 36px;
line-height: 30px;
margin-right: 15px;
text-align: center;
width: 180px;
}
.button {
line-height: 38px;
width: 178px;
}
button:hover, .button:hover {
opacity: 0.8;
}
button.small {
width: 120px;
}
.button.small {
width: 118px;
}
button i.icon, .button i.icon {
left: -20px;
position: absolute;
top: 0;
}
button span, .button span {
position: relative;
}
.blue-but {
background-color: #459de6;
border: 1px solid #459de6;
}
.red-but {
background-color: #e54545;
border: 1px solid #e54545;
}
.grey-but {
background-color: #f1f1f1;
border: 1px solid #d9d9d9;
color: #666;
}
.header {
margin-bottom: 10px;
width: 100%;
}
.header .bar, .header .nav {
padding: 0 20px;
}
.header .bar {
background-color: #fff;
height: 60px;
}
.header .nav {
background-color: #2a303e;
height: 40px;
min-width: 1024px;
}
.header .bar .fl {
width: 48%;
}
.header .bar .fr {
width: 47%;
}
.header .bar .fl, .header .bar .fr {
height: 45px;
line-height: 45px;
padding-top: 7px;
}
.header .bar .fl {
overflow: hidden;
}
.header .bar .fl strong {
font-family: "Microsoft YaHei";
font-size: 18px;
margin-left: 6px;
vertical-align: middle;
}
.header .bar .fr ul {
float: right;
height: 45px;
}
.header .bar .fr ul, .header .bar .fr ul a {
color: #666;
}
.header .bar .fr li {
float: left;
height: 45px;
margin-left: 15px;
position: relative;
text-align: right;
}
.header .bar .fr li .usetrool {
background: #fff none repeat scroll 0 0;
border: 1px solid #d9d9d9;
border-radius: 4px;
display: none;
left: 40px;
line-height: 30px;
position: absolute;
top: 36px;
width: 83px;
z-index: 236;
}
.header .bar .fr li .usetrool a {
display: block;
font-size: 12px;
text-align: left;
text-indent: 10px;
}
.header .bar .fr li .usetrool a:first-child {
border-bottom: 1px solid #d9d9d9;
}
.header .bar .fr li .usetrool a:hover {
background-color: #f0f0f0;
}
i.iad {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/icon.png") no-repeat scroll -60px -20px;
display: inline-block;
height: 4px;
left: 4px;
position: relative;
right: 20px;
top: -2px;
width: 8px;
z-index: 1;
}
.header .bar .fr li i.icon {
background: #fff url("/cun/platform/i/f_t.png?v2") no-repeat scroll 0 0;
float: left;
height: 24px;
position: relative;
top: 14px;
width: 24px;
}
.header .bar .fr li i.msg {
background-position: -156px 0;
height: 26px;
}
.header .bar .fr li a:hover i.msg {
background-position: -156px -26px;
}
.header .bar .fr li span.msgbox {
background-color: #fff;
border: 1px solid #50a3e7;
display: none;
position: absolute;
top: 41px;
z-index: 1;
}
.header .bar .fr li span.msgbox i.msgbox_icon {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/tel.png?v1") no-repeat scroll -45px 0;
display: block;
height: 6px;
position: absolute;
top: -6px;
width: 10px;
}
.header .bar .fr li span.tel {
border-radius: 4px;
color: #333;
height: 52px;
line-height: 22px;
margin-left: -38px;
padding-top: 12px;
text-align: center;
width: 126px;
}
.header .bar .fr li span.notice {
border-radius: 4px;
color: #333;
line-height: 22px;
margin-left: -38px;
text-align: center;
width: 242px;
}
.header .bar .fr li span.notice .notice_list {
border-bottom: 1px dotted #f0f0f0;
display: block;
font-size: 12px;
margin: 10px 10px 0;
}
.header .bar .fr li span.notice .notice_list::after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.header .bar .fr li span.notice .notice_more {
background-color: #ecf5fc;
color: #57b1fa;
display: block;
padding: 5px 0;
}
.header .bar .fr li span.notice .notice_list .n_icon1, .header .bar .fr li span.notice .notice_list .n_icon2 {
float: left;
line-height: 16px;
margin-right: 10px;
}
.header .bar .fr li span.notice .notice_list .n_icon1 {
color: #6ab1eb;
}
.header .bar .fr li span.notice .notice_list .n_icon2 {
color: #ffbc35;
}
.header .bar .fr li span.notice .notice_list sub, .header .bar .fr li span.notice .notice_list sup {
display: block;
font-style: normal;
text-align: left;
}
.header .bar .fr li span.notice .notice_list sub {
color: #999;
}
.header .bar .fr li span.notice .notice_list sup:hover {
color: #6ab1eb;
}
.header .bar .fr li span.msgbox i.msgbox_icon {
left: 45px;
}
.header .bar .fr li a:hover span.msgbox {
display: block;
}
.header .bar .fr li i.tel {
background-position: -26px 0;
}
.header .bar .fr li a:hover i.tel {
background-position: -26px -26px;
}
.header .bar .fr li i.help {
background-position: -52px 0;
}
.header .bar .fr li a:hover i.help {
background-position: -52px -26px;
}
.header .bar .fr li i.map {
background-position: -78px 0;
}
.header .bar .fr li a:hover i.map {
background-position: -78px -26px;
}
.header .bar .fr li i.exit {
background-position: -104px 0;
}
.header .bar .fr li a:hover i.exit {
background-position: -104px -26px;
}
.header .bar .fr li i.heat {
background-position: -130px 0;
}
.header .bar .fr li a:hover i.heat {
background-position: -130px -26px;
}
.header .bar .fr li i.round {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/icon.png") no-repeat scroll 0 0;
border-radius: 100%;
height: 16px;
left: -6px;
line-height: 16px;
width: 16px;
}
.header .nav a {
color: #fff;
display: block;
float: left;
font-weight: bold;
height: 40px;
line-height: 40px;
padding: 0 1.5%;
position: relative;
}
.wide .header .nav a {
padding: 0 1.7%;
}
.header .nav a:hover, .header .nav a.selected {
background-color: #dd0000;
}
.header .nav a:hover i.number, .header .nav a.selected i.number {
background-position: -326px -18px;
color: #dd0000;
}
.header .nav a i.icon {
float: right;
position: relative;
right: 0;
top: 8px;
}
.main .crumbs {
font-size: 12px;
margin-bottom: 20px;
}
.main .crumbs .slected {
color: #ad0003;
}
.main .menu {
background-color: #f1f1f1;
border-bottom: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
float: left;
width: 152px;
}
.main .menu div {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/ul-border.png") no-repeat scroll center bottom;
}
.main .menu h3 {
border-left: 3px solid #f1f1f1;
height: 40px;
line-height: 40px;
text-indent: 10px;
}
.main .menu ul {
display: none;
margin-left: 10px;
width: 143px;
}
.main .menu div.selected {
background: #fff none repeat scroll 0 0;
width: 153px;
}
.main .menu div.selected h3 {
border-left: 3px solid #dd0000;
font-weight: bold;
}
.main .menu div.selected ul {
display: block;
}
.main .menu li {
font-size: 12px;
height: 30px;
line-height: 30px;
text-indent: 20px;
}
.main .menu div.selected li a:hover, .main .menu div.selected li.selected a {
background-color: #e54545;
border-radius: 30px 0 0 30px;
color: #fff;
}
.main .menu a {
display: block;
height: 100%;
position: relative;
width: 100%;
}
.main .menu span.arrow-down {
position: absolute;
right: 10px;
top: 18px;
}
.main .menu .selected span.arrow-down {
top: 12px;
}
.main .content {
float: left;
padding: 0 15px;
}
.wide .main .content {
padding: 0 20px;
}
.footer {
font-size: 12px;
height: 65px;
padding: 20px 0;
text-align: center;
}
.footer p {
margin-bottom: 10px;
}
.footer img {
margin: 0 5px;
}
.col {
margin-bottom: 15px;
}
.choice-col, .choice-col .form {
height: 20px !important;
line-height: 20px;
overflow: hidden;
}
.col .screen {
float: left;
font-size: 12px;
margin-top: 12px;
}
.col .screen span {
cursor: pointer;
padding: 6px 10px;
position: relative;
}
.col .screen span i.arrow-down {
right: 0;
}
.col .screen .slected {
background-color: #e64545;
border-radius: 4px;
color: #fff;
}
.form-main .col, .form-main .form, label {
display: block;
height: 36px;
}
.form, .form input {
color: #666;
font-size: 12px;
}
.form {
float: left;
line-height: 36px;
margin-right: 10px;
position: relative;
}
.form label {
float: left;
font-weight: bold;
margin-right: 10px;
text-align: right;
}
.form label span {
color: #e54545;
}
.form label.w {
width: 65px;
}
.form input, .form-ul {
text-indent: 10px;
}
.col .splitline {
color: #d9d9d9;
display: block;
float: left;
position: relative;
text-align: center;
top: 12px;
width: 10px;
}
.col i.del {
cursor: pointer;
margin-left: 10px;
margin-top: 10px;
}
.form-select {
cursor: pointer;
}
.form input,select {
border: 1px solid #d9d9d9;
border-radius: 2px;
display: block;
float: left;
height: 34px;
line-height: 34px;
width: 178px;
background-color: white;
}
.form-ul {
background-color: #fff;
border: 1px solid #d9d9d9;
display: none;
height: 108px;
overflow: auto;
position: absolute;
right: 0;
text-align: left;
top: 33px;
width: 176px;
}
.mr0 .form-ul {
right: 0;
}
.form-ul li {
cursor: pointer;
height: 36px;
line-height: 36px;
}
.form-ul li.hover, .form-ul li.selected {
background-color: #ddeffe;
color: #57a5e6;
}
.form .checkbox-wrap, .form .radio-wrap {
cursor: default;
float: left;
height: 20px;
line-height: 20px;
margin-right: 30px;
padding-left: 22px;
position: relative;
}
.col .hover i.arrow-down {
background-position: -70px -26px;
}
.col .hover input, .col .hover textarea {
border: 1px solid #459de6;
}
.col .hover i.checkbox {
background-position: -96px -20px;
}
.col .hover i.radio {
background-position: -80px -18px;
}
.col .hover i.radio-selected, i.radio-selected {
background-position: -16px -18px;
}
.col .hover i.checkbox-selected, i.checkbox-selected {
background-position: -46px -20px;
}
.col .error input {
border: 1px solid #e64545;
}
.col .disabled i.arrow-down {
background-position: -60px -26px;
}
.col .selected .form-ul {
display: block;
}
.col .selected i.arrow-down {
background-position: -70px -20px;
}
.button-wrap {
height: 36px;
margin-bottom: 20px;
}
.form-wrap {
border: 1px solid #d9d9d9;
margin-bottom: 20px;
}
.form-wrap .title {
background-color: #f1f1f1;
border-bottom: 1px solid #d9d9d9;
position: relative;
}
.form-wrap .form-main {
padding-top: 15px;
}
.form-wrap .form-main .col-left {
float: left;
width: 54%;
}
.form-wrap .form-main .col-right {
float: left;
margin-left: 2%;
width: 44%;
}
.form-wrap .col {
padding: 0 10px;
}
.title {
font-size: 16px;
height: 35px;
line-height: 35px;
overflow: hidden;
padding-left: 5px;
padding-bottom: 10px;
}
.title strong {
padding-left: 25px;
position: relative;
}
.title strong i.icon {
left: 0;
position: absolute;
top: 0;
}
.paging {
font-size: 12px;
margin-bottom: 20px;
text-align: right;
}
.paging strong {
color: #e64545;
}
.paging a {
border: 1px solid #d9d9d9;
color: #999;
line-height: 20px;
padding: 4px 6px;
}
.paging a.disabled {
background-color: #f1f1f1;
}
.paging a:hover {
background-color: #e64545;
color: #fff;
}
.paging input {
border: 1px solid #d9d9d9;
height: 22px;
line-height: 20px;
margin: 0 5px;
padding: 0 5px;
position: relative;
top: 1px;
width: 30px;
}
.popbox {
}
.popbox .popbox-bg {
background: #000 none repeat scroll 0 0;
height: 100%;
left: 0;
opacity: 0.3;
position: fixed;
top: 0;
width: 100%;
z-index: 300;
}
.popbox .popbox-center {
background-color: #fff;
border: 5px solid #aaa;
left: 50%;
position: fixed;
top: 50%;
z-index: 301;
}
.popbox .popbox-main {
border: 1px solid #888;
height: 100%;
width: 100%;
}
.popbox .tips {
margin-left: -195px;
margin-top: -28px;
text-align: left;
width: 390px;
}
.popbox .tips .popbox-main {
border: 0 none;
margin: 10px 30px;
position: relative;
width: auto;
}
.popbox .tips span {
display: block;
padding-left: 30px;
position: relative;
}
.popbox .cun-pop-title h4 span {
display: inline;
}
.popbox .popbox-main .confame-block-header i.checkbox {
top: 21px !important;
}
.popbox .tips span i.icon {
left: 0;
margin-top: -8px;
position: absolute;
top: 50%;
}
.popbox .box {
margin-left: -413px;
width: 826px;
}
.popbox .conf {
margin-left: -283px;
width: 566px;
}
.popbox .conf i.box-icon {
height: 48px;
margin: 0 auto;
width: 48px;
}
.popbox .conf p {
color: #666;
padding: 15px 0;
text-align: center;
}
.popbox .button-wrap {
margin: 0 auto;
width: 350px;
}
.popbox .cun-pop-content {
padding: 15px 20px;
}
.popbox .cun-pop-contentframe {
position: relative;
}
.popbox .cun-pop-contentframe .col {
}
.popbox .cun-pop-contentframe .col .roleTypes {
clear: both;
color: #333;
font-size: 14px;
}
.popbox .cun-pop-title {
border-bottom: 1px solid #d9d9d9;
margin-bottom: 15px;
overflow: hidden;
padding-bottom: 6px;
}
.popbox .cun-pop-title h4 {
color: #333;
float: left;
font-size: 16px;
height: 18px;
line-height: 18px;
}
.popbox .close.cun-plat-close {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/close_icon.png") no-repeat scroll 0 0;
cursor: pointer;
display: block;
float: right;
height: 17px;
line-height: 17px;
text-indent: -99999px;
width: 17px;
}
.popbox i.eye, .popbox i.eye-o {
background-position: -20px 0;
cursor: pointer;
right: 10px;
top: 6px;
width: 17px;
}
.popbox i.eye-o {
background-position: 0 0;
}
.popbox .form-pass {
position: absolute;
right: 0;
}
.popbox .col p {
margin-bottom: 10px;
}
.popbox .form .checkbox-wrap {
width: 142px;
}
.popbox .pop-code {
color: #459de6;
display: block;
float: left;
margin-top: 10px;
}
.popbox .error-tips {
height: 30px;
line-height: 30px;
margin-bottom: 20px;
}
.error-tips {
background-color: #faf0f0;
border: 1px solid #e54545;
color: #dd0000;
}
.error-tips, .right-tips {
font-size: 12px;
line-height: 20px;
padding-left: 28px;
position: relative;
}
.right-tips {
color: #666;
}
.right-tips span {
color: #999;
}
.error-tips i.error, .right-tips i.yes {
left: 5px;
margin-top: -7px;
position: absolute;
top: 50%;
}
.right-tips i.wen {
cursor: pointer;
margin-top: -9px;
position: absolute;
right: 5px;
top: 50%;
}
.disabled input, inputt.disabled, button.disabled, .col .disabled input {
background-color: #f1f1f1;
border: 1px solid #f1f1f1;
color: #aaa;
}
.popbox #updatePass input {
font-size: 14px;
padding: 0 36px 0 10px;
width: 130px;
}
.popbox #updatePass .safetip {
background-color: rgb(248, 248, 248);
border: 1px solid rgb(217, 217, 217);
border-radius: 2px;
display: none;
padding: 10px;
position: absolute;
right: 5px;
top: 58px;
width: 224px;
}
.popbox #updatePass .safetip i.ps-jt {
background-position: -347px -18px;
height: 16px;
left: -8px;
margin-top: -8px;
position: absolute;
top: 50%;
width: 10px;
}
.popbox #updatePass .safetip li {
line-height: 22px;
padding: 2px 0;
position: relative;
}
.popbox #updatePass .safetip #safe1 i.safe, .popbox #updatePass .safetip #safe1 i.safe1, .popbox #updatePass .safetip #safe1 i.safe2, .popbox #updatePass .safetip #safe1 i.safe3 {
height: 14px;
left: 75px;
top: 6px;
width: 67px;
}
.popbox #updatePass .safetip #safe1 i.safe {
background-position: 0 -36px;
}
.popbox #updatePass .safetip #safe1 i.safe1 {
background-position: 0 -53px;
}
.popbox #updatePass .safetip #safe1 i.safe2 {
background-position: 0 -70px;
}
.popbox #updatePass .safetip #safe1 i.safe3 {
background-position: 0 -87px;
}
.popbox #updatePass .safetip #safe2 i.safe, .popbox #updatePass .safetip #safe3 i.safe, .popbox #updatePass .safetip #safe2 i.safe1, .popbox #updatePass .safetip #safe3 i.safe1 {
background-position: 0 -21px;
float: left;
height: 12px;
left: -20px;
top: 6px;
width: 14px;
}
.popbox #updatePass .safetip #safe2 i.safe1, .popbox #updatePass .safetip #safe3 i.safe1 {
background-position: -14px -21px;
}
.popbox #updatePass .cred {
color: #e54545;
}
.popbox #updatePass i.no {
float: left;
margin-right: 10px;
position: relative;
top: 10px;
}
.popbox .cd_box {
margin-top: 30px;
padding: 15px 0;
}
.popbox .cd_box p {
color: #666;
line-height: 25px;
}
.popbox .cd_box .cd_count {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/cd_bg.jpg") no-repeat scroll 0 0;
color: #e64545;
font: bold 24px/49px Arial;
height: 49px;
left: 50%;
margin-left: -24px;
position: absolute;
text-align: center;
top: -10px;
width: 48px;
}
.button-box {
height: 36px;
margin: 0 auto;
width: 180px;
}
.opc_box {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/pop_opc_bg.png") no-repeat scroll 0 0;
height: 438px;
left: 50%;
margin-left: -373px;
margin-top: 219px;
position: relative;
top: 50%;
width: 747px;
}
.opc_box a.close_pop_opc {
display: block;
height: 40px;
position: absolute;
right: 22px;
text-indent: -9999px;
top: 32px;
width: 40px;
}
.opc_box .opc_time_box {
color: #fff;
font: 14px "microsoft yahei";
left: 310px;
position: absolute;
top: 195px;
width: 187px;
}
.opc_box .opc_cont {
left: 60px;
position: absolute;
top: 280px;
width: 620px;
}
.opc_box .opc_cont h5 {
color: #3e1a01;
font: 16px/25px "microsoft yahei";
}
.opc_box .opc_cont p {
color: #3e1a01;
font: 16px/25px "microsoft yahei";
text-indent: 2em;
}
.opc_box .opc_cont p span {
color: #ce0e05;
}
.pop_help_box {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/pop_help_bg.png") no-repeat scroll 0 0;
height: 460px;
left: 50%;
margin-left: -373px;
position: relative;
top: 0;
width: 719px;
}
.pop_help_box .pop_help_cont {
left: 60px;
position: absolute;
top: 244px;
width: 425px;
}
.pop_help_box .pop_help_cont h5 {
color: #3e1a01;
font: 16px/25px "microsoft yahei";
}
.pop_help_box .pop_help_cont p {
color: #3e1a01;
font: 16px/25px "microsoft yahei";
text-indent: 2em;
}
.pop_help_box .pop_help_cont p span {
background-color: #e64545;
color: #fff;
margin: 0 5px;
padding: 2px 5px;
}
.pop_help_box .close_pop_help {
bottom: 0;
height: 56px;
left: 220px;
position: absolute;
text-indent: -9999px;
width: 150px;
}
.cun_erro_bg {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/cun_erro_bg.jpg") repeat scroll 0 0;
}
.cun_erro_cont {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/cun_erro.jpg") no-repeat scroll 0 0;
height: 385px;
margin: 20px auto 0;
position: relative;
width: 594px;
}
.cun_erro_cont p {
color: #3c3c3c;
font: 14px "microsoft yahei";
left: 306px;
position: absolute;
top: 280px;
width: 265px;
}
.cun_erro_cont p span {
color: #de0000;
}
.cun_erro_cont .button-box {
left: 306px;
position: absolute;
top: 300px;
}
.publishDate {
width: 500px;
}
.publishDate .pd-tips {
background-color: #fdeda6;
border: 1px solid #fccd9b;
color: #333;
font-size: 12px;
margin-bottom: 10px;
padding: 10px;
}
.publishDate .pd-tips em {
color: #e54545;
font-style: normal;
}
.publishDate .col {
margin-bottom: 10px;
}
.publishDate .pd-list {
margin: 0 0 20px 20px;
}
.publishDate .pd-list .error {
border: 1px solid #e64545;
}
.publishDate .pd-list .sep {
float: left;
margin: 0 5px;
}
.myCenter {
display: inline-block;
line-height: 50px;
margin-right: 30px;
padding-bottom: 10px;
}
.tab_title {
border-bottom: 1px solid #e64545;
height: 40px;
margin-bottom: 10px;
position: relative;
}
.tab_title span {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #fff;
border-color: #e64545 #e64545 currentcolor;
border-image: none;
border-radius: 4px 4px 0 0;
border-style: solid solid none;
border-width: 1px 1px 0;
left: 30px;
padding: 10px 15px 5px;
position: absolute;
top: 9px;
}
.infotips {
color: #e64545;
display: block;
float: right;
margin-left: 10px;
padding: 0 0 0 20px;
position: relative;
}
.infotips i.yes, .infotips i.no {
left: 0;
position: absolute;
top: 10px;
}
.region {
color: #666;
font-weight: bold;
margin-left: 20px;
position: relative;
top: 4px;
}
i.rank {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/ranking.png?v4") no-repeat scroll 0 0;
color: #fff;
display: block;
font-family: verdana;
height: 24px;
text-align: center;
width: 22px;
}
i.top1 {
height: 29px;
line-height: 38px;
}
i.top2 {
background-position: 0 -31px;
}
i.top3 {
background-position: 0 -57px;
}
i.top4 {
background-position: 0 -83px;
}
i.top5 {
background-position: 0 -109px;
font-size: 0;
width: 24px;
}
i.top6 {
background-position: 0 -135px;
font-size: 0;
width: 24px;
}
.notice_wrap {
font-family: "microsoft yahei";
font-size: 16px;
line-height: 22px;
margin: 0 auto;
padding: 40px 0;
width: 950px;
}
.notice_wrap .notice_title {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/notice_01.jpg?v4") no-repeat scroll center bottom;
height: 120px;
text-align: center;
}
.notice_wrap .notice_title1 {
background: rgba(0, 0, 0, 0) url("/cun/platform/i/notice_02.jpg?v4") no-repeat scroll center bottom;
height: 120px;
text-align: center;
}
.notice_wrap .notice_title h3, .notice_wrap .notice_title1 h3 {
color: #333333;
font-family: "microsoft yahei";
font-size: 30px;
}
.notice_wrap .notice_title p, .notice_wrap .notice_title1 p {
color: #999999;
margin-top: 15px;
}
.msg {
animation: 2s ease 1s normal none 15 running ringing;
display: inline-block;
transform-origin: 50% 0 0;
}
.mainInner {
padding: 10px;
}
.mainInner {
padding-bottom: 50px;
}
.mb15 {
margin-bottom: 15px;
}
.crumbs {
background: #fcfcfc none repeat scroll 0 0;
border: 1px dotted #ccc;
padding: 3px 3px 3px 6px;
}
.crumbs {
height: 20px;
line-height: 20px;
margin-bottom: 10px;
}
.crumbs li {
float: left;
height: 20px;
line-height: 20px;
}
.crumbs a {
color: #a71f24;
}
a {
color: #000000;
text-decoration: none;
}
a {
color: #000;
cursor: pointer;
outline: medium none;
text-decoration: none;
}
.crumbs .direct {
padding: 0 5px;
}
.tab-type13 li.current a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-bottom: 0 none;
border-top: 2px solid #d81e00;
color: #000;
font-weight: 800;
text-decoration: none;
}
.tab-type13 li a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #f6f6f6 none repeat scroll 0 0;
border-color: #ccc #ccc currentcolor;
border-image: none;
border-style: solid solid none;
border-width: 1px 1px 0;
color: #666;
display: block;
float: left;
font-size: 12px;
font-weight: 100;
height: 28px;
line-height: 28px;
padding: 0 15px;
text-align: center;
width: auto;
}
.tab-type13 li a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-bottom: 0 none;
border-top: 2px solid #d81e00;
color: #000;
font-weight: 800;
text-decoration: none;
}
.mt20 {
margin-top: 20px;
}
#content::after, ul::after, dl::after, .Dgw::after {
clear: both;
content: "Ȁ";
display: block;
height: 0;
visibility: hidden;
}
.tab-type13 {
margin: 0;
overflow: hidden;
padding: 0;
}
.tabs-nav14 {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-bottom: 1px solid #ccc;
height: 30px;
padding-bottom: 0;
}
/* .tabs-nav13 { */
/* background: rgba(0, 0, 0, 0) url("/tomshopping/i/sys/130111/tabbgi.jpg") repeat-x scroll left bottom; */
/* height: 37px; */
/* padding-bottom: 7px; */
/* } */
.tab-type13 li {
float: left;
margin-right: 5px;
}
@keyframes ringing {
0% {
transform: rotate(-15deg);
}
2% {
transform: rotate(15deg);
}
12%, 4% {
transform: rotate(-18deg);
}
14%, 6% {
transform: rotate(18deg);
}
8% {
transform: rotate(-22deg);
}
10% {
transform: rotate(22deg);
}
16% {
transform: rotate(-12deg);
}
18% {
transform: rotate(12deg);
}
20% {
transform: rotate(0deg);
}
}
@keyframes ringing {
0% {
transform: rotate(-15deg);
}
2% {
transform: rotate(15deg);
}
12%, 4% {
transform: rotate(-18deg);
}
14%, 6% {
transform: rotate(18deg);
}
8% {
transform: rotate(-22deg);
}
10% {
transform: rotate(22deg);
}
16% {
transform: rotate(-12deg);
}
18% {
transform: rotate(12deg);
}
20% {
transform: rotate(0deg);
}
}
@keyframes ringing {
0% {
transform: rotate(-15deg);
}
2% {
transform: rotate(15deg);
}
12%, 4% {
transform: rotate(-18deg);
}
14%, 6% {
transform: rotate(18deg);
}
8% {
transform: rotate(-22deg);
}
10% {
transform: rotate(22deg);
}
16% {
transform: rotate(-12deg);
}
18% {
transform: rotate(12deg);
}
20% {
transform: rotate(0deg);
}
}