@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl { margin: 0; padding: 0; }
ul, ol { list-style: none; }
em, i { font-style: normal; }
h1, h2, h3, h4, h5, h6,strong,b{font-weight: normal;}
table { border-spacing: 0; border-collapse: collapse; }
img { border: none; vertical-align: middle; }
input, select { vertical-align: middle; outline: none; }
a {text-decoration:none;color:#333;}
a:hover{color:#ee6a2c;}
body { font-family: 'Microsoft YaHei', 'Arial', 'Heiti SC'; /* background: #efefef; */font-size: 14px; color: #333;}
input::-webkit-input-placeholder{ color:#8c8c8c; }
input::-moz-placeholder{ color:#a8a8a8; }
input:-moz-placeholder{ color:#a8a8a8; }
input:-ms-input-placeholder{ color:#a8a8a8;}
.fl {float: left; }
.fr {float: right; }
.clearfix:after {content: " ";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
.w1200 { width: 1200px; margin: 0 auto;}
.noshowlist{display: none;}

/*header*/
.header{width: 100%; background: #f9f9f9;height: 60px;}
.header .logo{display: block;width: 109px;height:40px;float: left; margin: 10px 120px 0 0; text-indent: -9999em; background: url(../images/m-logo.png) no-repeat; background-size: 100% 100%;}
.header .app-logo{display: block;width: 155px;height: 60px;float: left;margin: 0px 120px 0 0;text-indent: -9999em;background: url(../images/app_logo.png) no-repeat;background-size: 100% 100%;}

.header .nav{height:60px; float: left;}
.header .nav a{padding: 0 18px; font-size: 16px; color: #ee6a2c; float: left;transition: all .3s; height: 58px; line-height: 58px; display: inline-block; border-top:2px solid transparent;}
.header .nav a.active{border-color: #ee6a2c; font-weight: bold;}
.header .nav a:hover{border-color: #ee6a2c; font-weight: bold;}
/* crumb */
.crumb{height: 50px; line-height: 50px;color: #666;}
.crumb i{display: inline-block; width: 17px; height: 15px; background: url(../images/icons.png) no-repeat; float: left; margin: 17px 5px 0 0;}
.crumb a{color: #666; margin: 0 2px;}
.crumb a:hover{color: #ee6a2c;}

/* footer */
.footer{color:#999;padding:20px 0;background-color:#202020;}
.footer p{height: 20px; line-height: 20px; font-size: 13px;color: #999;}
.footer p a{color: #999;}
.footer .footer-nav{float: left; margin: 0 60px 0 200px;}
.footer .footer-nav .linkus{height: 20px; line-height: 20px; margin-bottom: 30px;}
.footer .footer-nav .linkus a{ color: #999; margin-right: 20px;}
.footer .footer-nav .linkus a:hover{color: #ee6a2c;}
.footer .footer-nav p{height: 20px; line-height: 20px;font-size: 13px;}
.footer .footer-nav p a{color: #999;}
.footer .footer-nav p a:hover{color: #ccc;}
.footer .foot-img{padding: 20px 0; height: 30px; padding-left: 50px; border-left: 1px solid #404040; overflow: hidden; zoom: 1; float: left;}
.footer .foot-img a{display: block; float: left; height: 30px; margin-right: 50px;}
.footer .foot-img a img{height: 30px; width: auto;}

/* pager */
#page {padding: 10px;text-align:center;}
#page a {box-shadow: 0px 0px 4px #f7f7f7;display: inline-block;height: 30px;line-height: 30px;padding: 0 10px;margin: 0 3px 5px;color: #666;background: #f9f9f9;border-radius: 4px;vertical-align: middle;font-size: 14px;text-decoration: none;}
#page a.selected,#page a:hover {background-color: #ee6a2c; color: #fff;}

@media only screen and (max-width: 480px) {
    .w1200{width: 100%;}
    .header{height: 94px;}
    .header .logo{width: 84px; height: 31px;background: url(../images/m-logo.png) no-repeat 0 9px; text-indent: -9999em; background-size: 84px auto; float: none; margin: 0 0 0 10px; padding: 8px 0;}
    .header .nav{height:46px; width: 100%; float: none;display: flex;justify-content: space-around; border-top: 1px solid #ee6a2c; background: #fff; box-shadow: 0 0 5px #ccc;}
    .header .nav a{padding: 0; margin: 0;height: 46px; line-height: 46px; text-align: center; flex-shrink: 0; color: #ee6a2c;font-size: 15px; position: relative;flex: 1;}
    .header .nav a.active::after{width: 16px; height: 2px; display: block; content:'';position: absolute; left: 50%; margin-left: -8px; bottom: 5px;background: #ee6a2c;}
    .header .nav a:hover,.header .nav a.active{font-weight: bold;}
    .header .nav a em{display: none;}
    
    .crumb{height: 36px; line-height: 36px; padding: 0 10px; box-sizing: border-box; overflow: hidden;font-size: 12px;}
    .crumb i{width: 14px; height: 12px; background-size: 100px auto; margin-top: 12px;}

    .footer{padding: 15px 10px; box-sizing: border-box;}
    .footer .footer-nav p{line-height: 24px;}
    .footer .footer-nav{width: 100%; margin: 0;text-align: center;}
    .footer .foot-img,.footer .footer-nav .linkus{display: none;}
    #page a.first{display: none;}
    .footer p{
        height: auto;
    }
    .header .app-logo{
        width: 102px;
        height: 40px;
        margin-left: 10px;
    }
}