﻿html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6,p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output,textarea,section, summary,
time, mark, audio, video,input,button{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-family: '微软雅黑';}
em,i{font-style: normal;}
input,textarea{ outline: none; }
input:focus,textarea:focus{border-color: #396ED4;}
a{ text-decoration: none; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {font-size: 14px;line-height: 1.8;background:#F3F7F8;}
ol, ul {list-style: none;}
ul{font-size: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
.container{width:1200px;margin:0 auto;position: relative;clear:both}
.main{background: #fff;padding: 15px;margin-top: 15px;padding-top: 0;}
.goTop{position: fixed;left: 50%;margin-left: 535px;bottom: 50px;display: none;}
.goTop p{border-radius: 6px;text-align: center;cursor: pointer;display: block;z-index: 1000;line-height: 60px;width: 60px;height: 60px;border:1px solid #396ED4;color: #396ED4;background: #fff;}
.goTop p:hover{background: #396ED4;color: #fff;}
.goTop p span{font-size: 30px;}
.load{
    font-size: 14px;
    line-height: 42px;
    background: #f9f9f9;
    color: #929292;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    cursor: pointer;
}
.main-title{
	position: relative;
	height: 46px;
	line-height:46px;
	font-size: 17px;
	font-weight: 550;
	overflow: hidden;
	border-bottom: 1px solid #f5f5f5;
}
/*.main-title.border-0{border:none;}*/
.main-title:after{
	    display: block;
    content: " ";
    border-radius: 3px;
    clear: both;
    content: '';
    width: 3px;
    height: 18px;
    background: #ff8700;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}
.main-title span.main-name{
	display: inline-block;margin-left: 10px;
}
.main-title p{
	float: right;
	font-size: 13px;
	font-weight: normal;
}
.main-title p i{
	margin: 0 8px;
	/* display: inline-block; */
	vertical-align: middle;
	padding-bottom: 10px;
	/*border-bottom: 2px solid transparent;*/
}
.main-title p i.on{
	color: #ff8700;
	/*border-bottom: 2px solid #ff8700;*/
}
/*header*/
.header{height:88px;border-bottom:1px solid #e9e9e9;background:#fff;border-top:3px solid #ff7800;}
.header .logo{float:left;padding:15px 0 0 15px;}
.header .user,
.header .search{float:right;margin-top:25px; position: relative;}
.header .header-title{display: inline-block;margin-top: 15px;}
.header .header-title .title-left,.header .header-title .title-right{display:inline-block;vertical-align:middle;}
.header .header-title .title-left img{display:block;margin:0 auto;}
.header .header-title .title-right span{font-size: 25px;line-height: 40px;color: #666;padding-right: 5px;display: inline-block;vertical-align: middle;}
.header .header-title .title-right{border: 1px solid #d8d7d7;padding: 0 15px;height: 40px;border-radius: 35px;margin-left:10px;position:relative;cursor:pointer;transition:all .2s linear;}
.header .header-title .title-right .code_img{position:absolute;top:60px;left:-22px;z-index:99;box-shadow:0px 0px 4px 0px rgba(0,0,0,.3);background:#fff;border-radius:5px;display:none;padding:10px;transition:all .3s linear;}
.header .header-title .title-right .code_img img{ display:block;margin:0 auto;}
.header .header-title .title-right:hover{border-color:#174090;color:#174090;}
.header .header-title .title-right:hover .code_img{display:block;}
.header .header-title .title-right:hover b,.header .header-title .title-right:hover span{color:#174090;}
.header .header-title .title-right b{display:inline-block;vertical-align:middle;font-weight:normal;font-size:16px;color:#666;}
.header .search i{ position:absolute;left:0;top:0; line-height: 34px;width:44px; text-align: center;color:#b9b9b9; }
.header .search .sc-text{height: 34px;line-height:34px;border:1px solid #e9e9e9;border-radius:40px; padding-left:40px; font-size:14px;width:200px; transition: .3s;}
.header .search .sc-text:focus{border:1px solid #e0e0e0; }
.header .user{margin-left:20px;padding:0 15px;border-left:1px solid #e9e9e9; line-height:18px;margin-top:35px;}
.header .user a{color:#999;}
.provices{display: inline-block;float: right;margin-top:30px;margin-right:10px;sor:pointer;position:relative;}
.provices .name{cursor:pointer;line-height:30px;text-align:center;width: 80px;}
.provices .name:hover,.provices .name:hover i{color:#ff8700;}
.provices .name i{display:inline-block;}
.citys{position: absolute;top: 40px;width: 500px;box-shadow: 0px 0px 2px 0px rgba(0,0,0,.2);background: #fff;z-index: 10;left: -430px;display:none;}
.citys:after{content: "";position: absolute;top: 0;width: 0;height: 0;right: 27px;border-top: 10px solid transparent;border-bottom: 10px solid #f1f1f1;border-right: 10px solid transparent;border-left: 10px solid transparent;margin-top: -20px;}
.citys .city_name{line-height:35px;font-size:0;border-bottom:1px solid #f5f5f5;}
.citys .city_name span{font-size:14px;width:20%;text-align:center;display:inline-block;vertical-align:middle;cursor:pointer;}
.citys .city_name span i{display:block;border:1px solid transparent;margin:0 auto;width:55%;}
.citys .city_name span.on,.citys .city_name span:hover{color:#ff8700;}
.citys .city_name span.on i,.citys .city_name span:hover i{border:1px solid #ff8700;}
.province{position: absolute;background: #fff;width:450px;z-index:1000;top: 34px;left:-20px;display:none;box-shadow: 0px 0px 3px 0px rgba(0,0,0,.3);border: 1px solid #e2e1e1;}
.province.active{display:block;}
.province .pro{height: 30px;padding: 8px 6px;}
.province .pro a{color:#3b5998;border: solid 1px #cbddeb;background-color: #f0f9fe;display: inline-block;    padding: 0 5px;height: 20px;line-height:20px;border-radius: 2px;margin: 3px 5px;font-size: 14px;;text-align: center;}
.province .pro a:hover{color:#3b5998;border:solid 1px #17469e;}
.province .citypop{width:450px;max-height:300px;overflow-x: hidden;}

.province .citypop dl{border-top: dotted 1px #cecfd3;margin: 0;overflow: hidden;padding: 5px 0;font-size: 0.76rem;}
.province .citypop dl dt{width: 95px;text-align: right;font-weight: bold;float: left;}
.province .citypop dl dt label{height: 1.5rem;line-height: 1.5rem;display: inline-block;float: right;color: #333;padding: 0;font-size: 0.76rem;}
.province .citypop dl dt b{color: #999;height: 1.5rem;line-height: 1.5rem;display: inline-block;float: left;padding: 0;font-size: 0.8rem;padding-left: 0.6rem;}
.province .citypop dl dd{width: 320px;float: left;}
.province .citypop dl dd a{color: #555;height: 1.5rem;line-height: 1.5rem;display: block;float: left;padding: 0 0.5rem;white-space: nowrap;border-radius: 0.15rem;}
.province .citypop dl dd a:hover,.province .citypop dl dd a.active{background: red;color: #fff;}
/*nav*/
/*.nav{background: #396ED4;}
.nav .navtab{height: 50px;font-size: 0;width: 100%;display: block;}
.nav a{display: inline-block;vertical-align: middle;font-size: 18px;text-align: center;width: 11.11%;height: 50px;line-height: 50px;color: #fff;position: relative;}
.nav a.on,.nav a:hover{background: #ff8700;}
.nav a span.icon b{position: relative;z-index: 2;color: #fff;font-size: 13px;}
.nav a span.icon{width: 55px;line-height: 45px;background: url(../images/hot.png) no-repeat center center;background-size: 100% 100%;position: absolute;top: -12px;right: 1px;animation-name:animate;z-index: 1;cursor: pointer;animation-duration: 1s;animation-fill-mode: both;animation-iteration-count: infinite;animation-timing-function: linear;}
*/
.aside_menu{width:160px;background:#fff;border:1px solid #e9e9e9;border-radius:6px; position: absolute;left:0;top:15px;}
.aside_menu li{position:relative;line-height:60px;margin:0 20px;border-top:1px solid #e9e9e9;}
.aside_menu li img{position: absolute;right: 0;top: 0;}
/*.aside_menu li img{position: absolute;right: 0;top: 0;-webkit-animation: bounce-up .7s linear infinite;animation: bounce-up .7s linear infinite;}*/
/*@-webkit-keyframes bounce-up {
 25% {-webkit-transform: translateY(3px);}
 50%, 100% {-webkit-transform: translateY(0);}
 75% {-webkit-transform: translateY(-3px);}
}

@keyframes bounce-up {
 25% {transform: translateY(3px);}
 50%, 100% {transform: translateY(0);}
 75% {transform: translateY(-3px);}
}*/





.aside_menu li:first-child{border-top:0;}
.aside_menu li a{font-size:16px; display: block;color: #222;}
.aside_menu li i{width:30px;float:left;font-size:20px; color:#444;}
.aside_menu li.active a,
.aside_menu li.active i,
.aside_menu li a:hover,
.aside_menu li a:hover i{color:#ff7800;}
.aside_menu.box-fixed{ position: fixed; left:inherit;}
.aside_menu li a span{     display: inline-block;
    height: 20px;
    padding: 0 5px;
    background: #ff7800;
    border-radius: 7px;
    float: right;
    color: #fff;
    line-height: 20px;
    font-size: 12px;    letter-spacing: 1px;
    font-weight: bold;
    margin-top: 20px;}