@charset "utf-8";

body{font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", sans-serif;background-size:cover;background-attachment:fixed;background-position:center center;}
input,textarea,select{outline:none;}
ul,ol{margin:0;padding:0;list-style:none;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset;}
.waiting, .waiting *{cursor:wait !important;}
.clear{display:block;clear:both}
.my-hidden{overflow:hidden;}
.my-hide{display:none;}
.c{text-align:center;}
.r{text-align:right;}
.b{font-weight:bold;}
.i{font-style:italic;}
.fl{display:block;float:left;}
.fr{display:block;float:right;}
.block{display:block;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
a.ellipsis, .ellipsis a, .self-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.size16, .medium{font-size:medium;}
.size18, .large{font-size:large;}
.size20{font-size:20px;}
.size22{font-size:22px;}
.size24, .x-large{font-size:x-large;}
.size28{font-size:28px;}
.h0{height:0;}
.h5{height:5px;}
.h10{height:10px;}
.h15{height:15px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.pointer{cursor:pointer;}
.color-fff,.white{color:#fff;}
.color-f00,.red{color:#f00;}
.color-999{color:#999;}
.color-888{color:#888;}
.color-777{color:#777;}
.color-666{color:#666;}
.color-555{color:#555;}
.color-444{color:#444;}
.color-333{color:#333;}
.color-000,.black{color:#000;}
.color-29b{color:#29b;}

/*登录、注册、找回密码*/
.login-logo{margin:20px auto 10px;width:140px;height:140px;line-height:120px;border-radius:50%;background-color:#fff;border:10px solid #fff;}
.login-logo img{max-width:100%;max-height:100%;}
.login-title{margin-bottom:20px;color:#fff;}
.login-title h1{font-size:x-large;}
.login-title h2{font-size:large;}
.login-main{margin:0 auto;width:100%;max-width:500px;padding:2em;background-color:rgba(255,255,255,.85);}
.login-main h3{margin-top:0;}
.login-line{margin:1.5em 0;border-top:1px solid #ccc;border-bottom:1px solid #fff;}
.login-tip{display:none;padding:15px;border-radius:4px;}
.login-footer a{color:#333;}
@media(max-width:767px){
	.login-title h1{margin-top:25px;font-size:large;}
	.login-title h2{margin-top:10px;font-size:medium;}
	.login-title h2 span{display:block;line-height:1.6;}
}

.header{padding-top:15px;padding-bottom:15px;}
.header .logo{height:60px;line-height:60px;}
.header .logo img{max-width:100%;max-height:100%;}
.header .web-title{padding-top:12px;font-size:x-large;}
.header-icons a{margin-right:18px;line-height:60px;}
@media(max-width:991px){
	.header .web-title{padding-top:16px;font-size:large;}
	.navbar-toggle{display:block;margin-right:5px;}
	.navbar-toggle:hover{background-color:#eee;}
	.nav-collapsed-btn .icon-bar{background:#10509c;}
}
@media(max-width:767px){
	.header .logo{height:40px;line-height:38px;}
	.header .web-title{padding-top:0;padding-left:0;font-size:medium;}
}

.nav{margin-bottom:30px;background-color:#29b;}
.wxy-nav{position:relative;z-index:9;}
.wxy-nav, .wxy-nav ul{padding-left:0;list-style:none;}
.wxy-nav li{position:relative;}
.wxy-nav>li{float:left;}
.wxy-nav>li>a{display:block;position:relative;}
.wxy-nav>li>a>em{display:block;position:absolute;right:0;bottom:0;left:0;height:0;overflow:hidden; transition:all linear .3s;}
.wxy-nav>li>a>span{display:block;position:relative;}
.wxy-nav>li>a.on, .wxy-nav>li>a:hover, .wxy-nav>li:hover>a{text-decoration:none;}
.wxy-nav>li>a.on em{height:100%;}
.wxy-nav div{position:absolute;display:none;top:100%;left:0;padding:10px;}
.wxy-nav div a{display:block;padding:0 10px;line-height:30px;white-space:nowrap;}
.wxy-nav div div a:hover{text-decoration:underline;}
.wxy-nav-horizontal ul, .wxy-nav-horizontal ul li{float:left;}
.wxy-nav-vertical>li>div{left:0;padding:0;min-width:100%;}
.wxy-nav-vertical div a{text-align:center;line-height:40px;}
.wxy-nav-vertical div div{padding:0;top:0;left:100%;}
.wxy-nav-vertical div div a{padding:0 15px;text-align:left;}
.wxy-nav-tuwen li div{padding:25px;width:580px;}
.wxy-nav-tuwen ul{float:left;width:280px;}
.wxy-nav-tuwen ul li{float:left;margin-right:25px;width:115px;}
.wxy-nav-tuwen ul li a{padding:0;border-bottom-width:1px;border-bottom-style:solid;line-height:40px;text-align:center;overflow:hidden;text-overflow:ellipsis;}
.wxy-nav-tuwen i{display:block;float:right;overflow:hidden;}
/*自定义区*/
.wxy-nav>li>a{padding:0 20px;line-height:60px;font-size:medium;color:#fff;}
.wxy-nav>li>a>em{background-color:#f60;}
/*.wxy-nav>li>a.on:after, .wxy-nav>li>a:hover:after, .wxy-nav>li:hover>a:after{display:block;position:absolute;bottom:0;left:50%;margin-left:-10px;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #1ea566;}*/
.wxy-nav-vertical div, .wxy-nav-horizontal div{background-color:#f60;}
.wxy-nav-vertical div div, .wxy-nav-horizontal div div, .wxy-nav-vertical ul li:hover, .wxy-nav-horizontal ul li:hover{background-color:#fc870c}
.wxy-nav-vertical div a, .wxy-nav-horizontal div a{color:#fff;}
@media(max-width:767px){
	.nav>.container{padding-right:0;padding-left:0;}
	.wxy-nav>li{width:20%;}
	.wxy-nav>li>a{padding:0;text-align:center;}
}

.m-navbar-mask{position:fixed;z-index:9;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3); margin-left:100%;transition:ease .5s;-webkit-transition:ease .5s;}
.m-navbar-mask.on{margin-left:0;}
.m-navbar{position:fixed;z-index:9;top:0;bottom:0;left:0;width:60%;background-color:#333;font-size:medium; margin-left:-60%;transition:ease .5s;-webkit-transition:ease .5s;}
.m-navbar.on{margin-left:0;}
.m-navbar, .m-navbar a{color:#fff;}
.m-navbar>div{width:200%; transition:all ease .5s;-webkit-transition:ease .5s;}
.m-navbar>div.on{margin-left:-100%;}
.m-navbar ul{float:left;width:50%;}
.m-navbar li{border-top:1px solid #444;border-bottom:1px solid #222;line-height:3em;}
.m-navbar li:first-child{border-top:0;padding-top:1em;}
.m-navbar li a{width:80%;text-indent:2em;}
.m-navbar li em{position:relative;display:block;float:right;border-left:1px solid #222;width:20%;height:3em;cursor:pointer;}
.m-navbar li em:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-left:1px solid #444;content:"";}
.m-navbar li em:after{display:block;position:absolute;left:50%;bottom:50%;width:8px;height:8px;margin-bottom:-4px;margin-left:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:2px solid #ccc;border-right:2px solid #ccc;content:"";}
.m-navbar .m-subnav li a{padding-left:20%;width:100%;text-indent:0;}
.m-navbar .m-subnav li:first-child{background:#222;}
.m-navbar .m-subnav li:first-child em{float:left;border:0;}
.m-navbar .m-subnav li:first-child a{padding:0;width:80%;color:#ccc;}
.m-navbar .m-subnav li:first-child em:after{display:block;position:absolute;left:50%;bottom:50%;width:8px;height:8px;margin-bottom:-4px;margin-left:-4px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);border-top:2px solid #ccc;border-right:2px solid #ccc;content:"";}

.footer{margin-top:50px;padding:20px 0;font-size:14px;line-height:24px;background:#222;}
.footer, .footer a{color:#ccc;}

.main-title{position:relative;margin-bottom:20px;font-size:large;line-height:48px;text-indent:12px;}
.main-title:before{position:absolute;display:block;top:14px;bottom:14px;left:0;border-left:3px solid #29b;content:"";}

.pagebar{clear:both;padding:40px 0 20px;text-align:center;}
.pagebar a{display:inline-block;padding:0 8px;margin:0 3px;font-weight:bold;border:1px solid #ccc;line-height:24px;}
.pagebar .on, .pagebar a:hover{background-color:#f00;border-color:#c00;color:#fff}

.my-table>tbody>tr>td{vertical-align:middle;}

.upload-img-box{margin-top:15px;font-size:14px;}
.upload-img-box div{float:left;margin:0 20px 15px 0;width:120px;text-align:center;}
.upload-img-box em{display:block;border:1px solid #ddd;height:100px;font-size:0;line-height:100px;background-color:#eef;overflow:hidden;}
.upload-img-box img{max-width:100%;max-height:100px;vertical-align:middle;}

.zplist li{float:left;margin:1%;width:23%;}
.zplist li>a{padding:5px 5px 0;font-size:14px;line-height:30px;background-color:#f6f6f6; transition:all ease .5s;}
.zplist li:hover>a, .zplist li>a:hover{color:#fff;background-color:#57ba84;}
.zplist em{display:block;padding-bottom:75%;height:0;overflow:hidden;}
.zplist img{width:100%;transition:transform ease .5s;}
.zplist a:hover img{transform:scale(1.05)}
.zplist p{margin-top:10px;}
.zplist p a{display:inline;}
@media(max-width:991px){
	.zplist li{width:31%;}
}
@media(max-width:767px){
	.zplist li{margin-bottom:1.5%;width:48%;}
}
