body { min-width:320px; max-width:640px; color:#3e3e3e; background: #fff; font-size: 13px;}
body.body-bg{background-color: #ebebeb;}
body.body-bg-1{background-color: #f6f4e7;}

.header{height: 44px;background-color: #308ed8;;position: fixed;text-align: center;width: 100%;left: 0;z-index: 50;}
.header a.header-account{position: absolute;right: 12px;top: 9px;display: block;width: 22px;height: 24px;background: url(../images/account.png) no-repeat;background-size: 22px 24px;}
.header a.header-back{position: absolute;left: 12px;top: 9px;display: block;width: 12px;height: 22px;background: url(../images/back.png) no-repeat;background-size: 12px 22px;}
.header a.header-time{position: absolute;right: 12px;top: 9px;display: block;background: url(../images/xiao_san.png) no-repeat right center;background-size: 6px 4px;padding-right: 12px;color: #fff;font-size: 16px;}
.header .logo{width: 83px;margin-top: 12px;}
.header h3{padding-left: 34px;font-weight: normal;font-size: 16px;color: #fff;text-align: left;line-height: 39px;}

.header .account-menu{position: absolute;top: 44px;right: 0;box-shadow: 0 0 10px #888;display: none;}
.header .account-menu ul li{}
.header .account-menu ul li a{display: block;height: 31px;line-height: 31px;width: 100px;text-align: center;color: #585858;font-size: 15px;background-color: #fff;}
.header .account-menu ul li a:active{background-color: #a9d1ff;}
.header .account-menu.other-menu ul li a{color: #fff;background-color: #0666b1;}
.header .account-menu.other-menu ul li a:active{background-color: #2177ba;}


.main{padding-top: 44px;}
.main.main-bottom{padding-bottom: 45px;}
.main .index-box{overflow: hidden;}
.main .index-box .box-1{}
.main .index-box ul{display: -webkit-box;}
.main .index-box ul li{-webkit-box-flex:1;box-flex:1; width:0;box-sizing: border-box; }
.main .index-box ul li:last-child{ }
.main .index-box ul li .img.other-img{margin-bottom: 0;margin-top: 4px;}
.main .index-box ul li .img{height: 134px;margin-bottom: 4px;}
.main .index-box ul li .min-img{height: 105px;}
.main .index-box ul li .img.img-1{background: url(../images/pic_1.jpg) no-repeat;background-size: cover;}
.main .index-box ul li .img.img-2{background: url(../images/pic_2.jpg) no-repeat;background-size: cover;}
.main .index-box ul li .img.img-3{background: url(../images/pic_3.jpg) no-repeat;background-size: cover;}
.main .index-box ul li .img.img-4{background: url(../images/pic_4.jpg) no-repeat;background-size: cover;}
.main .index-box ul li .img.img-5{background: url(../images/pic_5.jpg) no-repeat;background-size: cover;}
.main .index-box ul li .box-font{position: relative;height: 105px;background-color: red;}
.main .index-box ul li .box-font div{vertical-align: middle;color: #fff;font-size: 14px;text-align: center; position: absolute;left: 50%;top: 50%;-webkit-transform: translate3d(-50%,-50%,0);width: 100%;}
.main .index-box ul li .box-font.color-1{background-color: #e05736;}
.main .index-box ul li .box-font.color-2{background-color: #5db481;}
.main .index-box ul li .box-font.color-3{background-color: #ca8737;}
.main .index-box ul li .box-font.color-4{background-color: #00a0ea;}
.main .index-box ul li .box-font.color-5{background-color: #c272c7;}
.main .index-box ul li .box-font.color-6{background-color: #125cb0;}
.main .index-box ul li.li-1{padding-right: 2px;}
.main .index-box ul li.li-2{padding: 0 2px;}
.main .index-box ul li.li-3{padding-left: 2px;}
.main .index-box .box-2{margin: 4px 0;}
.main .index-box .box-2 .img{margin-bottom: 0;}
.main .index-box .box-3 .img{margin-bottom: 0;}
.main .index-box .box-3 ul li.li-1{-webkit-box-flex:2;box-flex:2;}
.main .index-box .box-3{margin-right: -2px;}


.main .over-img{}
.main .over-img img{width: 100%;}

.main .menu-box{padding: 10px;}
.main .menu-box ul li{margin-bottom: 10px;}
.main .menu-box ul li a{display: block;height: 42px;line-height: 42px;background-color: #fff;border-left: 10px solid #fff;padding-left: 13px;font-size: 15px;color: #3f3f3f;}
.main .menu-box ul li.li-1 a{border-left-color: #e05736;}
.main .menu-box ul li.li-2 a{border-left-color: #f6a50e;}
.main .menu-box ul li.li-3 a{border-left-color: #72b756;}
.main .menu-box ul li.li-4 a{border-left-color: #5590f5;}
.main .menu-box ul li.li-5 a{border-left-color: #5573f5;}
.main .menu-box ul li.li-6 a{border-left-color: #5c489d;}
.main .menu-box ul li.li-7 a{border-left-color: #7d489d;}

.main .news-pic-box{padding: 10px;}
.main .news-pic-box ul li{margin-bottom: 10px;}
.main .news-pic-box ul li a{display: block;border: 1px solid #d3d3d3;border-radius: 5px;overflow: hidden;position: relative;box-shadow: 0 0 10px #aaa;}
.main .news-pic-box ul li a img{width: 100%;}
.main .news-pic-box ul li a .desc{position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(0,0,0,.4);padding: 5px 0;}
.main .news-pic-box ul li a .desc p{font-size: 15px;color: #fff;line-height: 20px;padding: 0 8px;}
.main .news-pic-box ul li a .desc p.time{font-size: 14px;margin-top: 5px;}
.main .news-pic-box ul li a .desc p.time span{float: right;}

.main .view-box{padding: 15px;}
.main .view-box h3{font-size: 16px;font-weight: normal;color: #000;line-height: 22px;}
.main .view-box p.time{font-size: 13px;color: #797979;margin-bottom: 10px;margin-top: 3px;}
.main .view-box .img img{width: 100%;}
.main .view-box .content{font-size: 15px;color: #2b2b2b;line-height: 23px;margin-top: 10px;}
.main .view-box .content div{text-indent: 2em;}
.main .view-box .other-content div{text-indent:0em;margin-bottom: 10px;}
.main .view-box .content-css{margin-top: 10px;}
.main .view-box.other-view .content{color: #585858;border-top: 1px solid #e3e3e4;padding-top: 13px;margin-top: 13px;}


.main .list-box-1{}
.main .list-box-1 ul li{margin-bottom: 10px;background-color: #fff;padding: 15px 12px; }
.main .list-box-1 ul li a{display: block;height: 103px;overflow: hidden;}
.main .list-box-1 ul li a .img{float: left;width: 100px;height: 103px;margin-right: 15px;}
.main .list-box-1 ul li a .img img{width: 100px;height: 103px;}
.main .list-box-1 ul li a h3{font-size: 15px;color: #000;font-weight: normal;margin-bottom: 5px;}
.main .list-box-1 ul li a p{font-size: 14px;color: #999999;line-height: 20px;}


.main .physical-box{padding: 14px;}
.main .physical-box h3{font-size: 17px;text-align: center;font-weight: normal;color: #585858;padding: 5px 0 10px;}
.main .physical-box ul{margin-bottom: 15px;}
.main .physical-box ul li{padding-left: 75px;font-size: 14px;color: #8d8d8d;line-height: 22px;margin-top: 5px;}
.main .physical-box ul li label{display: block;float: left;width: 75px;margin-left: -75px;}
.main .physical-box .img img{width: 100%;}



.main .list-box-2{padding: 15px;}
.main .list-box-2 ul li{margin-bottom: 15px;}
.main .list-box-2 ul li a{display: block;border-radius: 5px;overflow: hidden;background-color: #fff;}
.main .list-box-2 ul li a .img img{width: 100%;}
.main .list-box-2 ul li a .desc-box{padding: 8px;}
.main .list-box-2 ul li a .desc-box h3{font-size: 16px;color: #585858;font-weight: normal;margin: 5px 0 3px;}
.main .list-box-2 ul li a .desc-box p.p-info{color: #a3a3a3;font-size: 14px;}
.main .list-box-2 ul li a .desc-box .bot-info{border-top: 1px solid #ccc;padding-top: 8px;font-size: 14px;color: #9a9a9a;margin-top: 8px;margin-bottom: 5px;}
.main .list-box-2 ul li a .desc-box .bot-info span.here{padding-left: 14px;background: url(../images/icon_here.png) no-repeat left center;background-size: 9px 12px;}
.main .list-box-2 ul li a .desc-box .bot-info p{float: right;}
.main .list-box-2 ul li a .desc-box .bot-info p span{display: inline-block;height: 22px;line-height: 22px;padding: 0 13px;border-radius: 9px;background-color: #e1e1db;color: #878785;margin-left: 10px;}
.main .list-box-2 ul li a .desc-box .bot-info p.on{color: #308ed8;}
.main .list-box-2 ul li a .desc-box .bot-info p.on span{background-color: #f3672b;color: #fff;}


.main .view-box-1{padding: 15px;}
.main .view-box-1 h3{font-size: 16px;color: #000;font-weight: normal;line-height: 22px;margin-bottom: 3px;}
.main .view-box-1 p.p-info{font-size: 14px;color: #308ed8;line-height: 22px;}
.main .view-box-1 p.p-info a{display: block;float: right;height: 22px;line-height: 22px;color: #fff;background-color: #f3672b;font-size: 14px;border-radius: 8px;padding: 0 13px;}
.main .view-box-1 ul{border-top: 1px solid #e3e3e3;margin-top: 8px;padding-top: 8px;}
.main .view-box-1 ul li{padding-left: 55px;line-height: 22px;color: #2b2b2b;margin-bottom: 3px;}
.main .view-box-1 ul li label{display: block;width: 55px;margin-left: -55px;font-size: 15px;color: #797979;float: left;}
.main .view-box-1 ul li.time div{color: #fc1c1c;}


.main .list-box-3{}
.main .list-box-3 ul li{margin-bottom: 10px;}
.main .list-box-3 ul li a{display: block;background-color: #fff;height: 130px;padding-right: 8px;}
.main .list-box-3 ul li a .img{float: left;width: 105px;height: 130px;margin-right: 13px;}
.main .list-box-3 ul li a .img img{width: 105px;height: 130px;}
.main .list-box-3 ul li a h3{font-size: 17px;color: #343434;height: 26px;padding-top: 6px;}
.main .list-box-3 ul li a h3 i{float: left;display: block;width: 17px;height: 26px;background: url(../images/icon_good.jpg) no-repeat;background-size: 17px 26px;margin-top: 2px;margin-right: 8px;}
.main .list-box-3 ul li a .desc{font-size: 14px;color: #585858;padding-left: 20px;margin: 15px 0 10px;display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main .list-box-3 ul li a p{text-align: right;color: #585858;font-size: 13px;margin-right: 10px;}

.main .list-box-4{}
.main .list-box-4 ul li a{display: block;color: #525250;}
.main .list-box-4 ul li a p{font-size: 12px;}
.main .list-box-4 ul li a h3{font-size: 14px;;margin-top: 4px;font-weight: normal;}
.main .list-box-4 ul li.li-1{}
.main .list-box-4 ul li.li-1 .img img{width: 100%;}
.main .list-box-4 ul li.li-1 .info{background-color: #f0f1eb;padding: 10px;}
.main .list-box-4 ul li.li-1 .info h3{font-weight: 700;display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main .list-box-4 ul li.li-2{float: left;width: 50%;}
.main .list-box-4 ul li.li-2 a{display: block;border: 1px solid #e4e4e4;padding: 12px;}
.main .list-box-4 ul li.li-2:first-child a{border-right: none;}
.main .list-box-4 ul li.li-2 a h3{height: 60px;display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.main .list-box-4 ul li.li-3{margin-top: -1px;}
.main .list-box-4 ul li.li-3 a{padding: 15px;border: 1px solid #e4e4e4;height: 55px;}
.main .list-box-4 ul li.li-3 a .img{width: 65px;height: 55px;float: left;margin-right: 8px;}
.main .list-box-4 ul li.li-3 a .img img{width: 65px;height: 55px;}
.main .list-box-4 ul li.li-3 a h3{display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.main .list-box-5{}
.main .list-box-5 ul li{background-color: #fff;}
.main .list-box-5 ul li:nth-child(even){background-color: #f4f9fc;}
.main .list-box-5 ul li a{display: block;height: 42px;line-height: 42px;padding: 0 15px;color: #2d64b3;font-size: 15px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}

.main .list-box-6{padding: 10px;}
.main .list-box-6 ul li{margin-bottom: 10px;}
.main .list-box-6 ul li a{display: block;padding: 10px 15px;background-color: #fff;}
.main .list-box-6 ul li a h3{line-height:25px;font-size: 16px;font-weight: normal;color: #000;display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main .list-box-6 ul li a p{font-size: 13px;color: #999999;margin-bottom:4px;}
.main .list-box-6 ul li a .desc{font-size: 14px;color: #999;line-height: 21px;display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.main .list-box-7{padding: 10px;}
.main .list-box-7 ul li{margin-bottom: 10px;border: 1px solid #d3d3d3;border-radius: 5px;overflow: hidden;box-shadow: 0 0 5px #ccc;}
.main .list-box-7 ul li a{display: block;}
.main .list-box-7 ul li a .img img{width: 100%;}
.main .list-box-7 ul li a .info{color: #585858;padding: 10px;background-color: #fff;}
.main .list-box-7 ul li a .info h3{font-weight: normal;font-size: 15px;display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.main .list-box-7 ul li a .info p{color: #878785;font-size: 13px;margin-top: 3px;}


.main .heart-box{}
.main .heart-box .pic-img img{width: 100%;}
.main .heart-box ul{margin-top: -50px;}
.main .heart-box ul li{margin:0 12px 33px 33px;border: 4px solid #308ed8;border-radius: 10px;padding: 5px 10px 10px 10px;background-color: #fff;position: relative;}
.main .heart-box ul li .img{position: absolute;width: 44px;height: 44px;border: 4px solid #308ed8;border-radius: 50%;left: -24px;top: -24px;overflow: hidden;}
.main .heart-box ul li .img img{width: 44px;height: 44px;}
.main .heart-box ul li p{font-size: 15px;color: #585858;margin-left: 22px;}
.main .heart-box ul li p span{float: right;color: #999;font-size: 13px;}
.main .heart-box ul li .desc{font-size: 14px;color: #5b5b5b;margin-top: 6px;}


.leave-mes-box{position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;border-top: 1px solid #d8d8d8;}
.leave-mes-box .mes-box{padding:10px 70px 10px 10px;position: relative;}
.leave-mes-box .mes-box a.btn{border: 1px solid #308ed8;width: 47px;height: 28px;text-align: center;line-height: 28px;color: #308ed8;position: absolute;right: 10px;top: 10px;border-radius: 3px;}
.leave-mes-box .mes-box .info-mes{border: 1px solid #979797;background-color: #f5f5f5;height: 28px;line-height: 28px;padding: 0 5px;border-radius: 3px;}
.leave-mes-box .mes-box .info-mes input{width: 100%;color: #9b9b9b;}

.main .list-box-8{}
.main .list-box-8 ul li{margin-bottom: 5px;float: left;}
.main .list-box-8 ul li .box{}
.main .list-box-8 ul li .box a{display: block;position: relative;}
.main .list-box-8 ul li .box a img{width: 100%;}
.main .list-box-8 ul li .box a .desc{height: 30px;line-height: 30px;position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(0,0,0,.6);}
.main .list-box-8 ul li .box a .desc p{font-size: 14px;color: #fff;margin: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main .list-box-8 ul li.li-50{width: 50%;}
.main .list-box-8 ul li.left-li .box{margin-right: 2px;}
.main .list-box-8 ul li.right-li .box{margin-left: 2px;}

.main .reset-box{padding: 10px 20px;}
.main .reset-box ul li{padding-left: 65px;margin-top: 10px;}
.main .reset-box ul li label{float: left;margin-left: -65px;text-align: right;margin-top: 9px;display: block;width: 60px;color: #8d8d8d;}
.main .reset-box ul li div{border-bottom: 1px solid #b2b2b2; padding: 0 5px;height: 30px;line-height: 30px;}
.main .reset-box ul li div input{background-color: transparent;border: none;width: 100%;font-size: 14px;color: #000;}
.main .reset-box ul li a.submit-btn{border: 1px solid #308ed8;border-radius: 5px;height: 28px;line-height: 28px;color: #308ed8;padding: 0 60px;display: inline-block;font-size: 15px;margin-left: 15px;margin-top: 15px;}



.login-body{background: url(../images/login_bg.png) no-repeat center top #117ecd;background-size: cover;}
.login-body .login-box{margin: 220px 70px 0;}
.login-body .login-box ul li{border-bottom: 1px solid #fff;padding-left: 35px;height: 30px;line-height: 30px;margin-top: 17px;}
.login-body .login-box ul li input{background-color: transparent;color: #fff;width: 100%;font-size: 13px;}
.login-body .login-box ul li.li-account{background: url(../images/account_bg_1.png) no-repeat 7px center;background-size: 17px 18px;}
.login-body .login-box ul li.li-password{background: url(../images/account_bg_2.png) no-repeat 7px center;background-size: 12px 16px;}
.login-body .login-box ul li.li-password span{color:red;padding-top:5px;}

.login-body .login-box ul li.submit-li{border-bottom: 0;padding-left: 0;height: auto;margin-top: 35px;}
.login-body .login-box ul li.submit-li a{border: 1px solid #fff;border-radius: 4px;color: #fff;display: block;text-align: center;}


.login-body ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
.login-body :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
.login-body ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
.login-body :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}

#block_loading{padding: 10px 0;font-size: 14px;text-align: center;}