*{padding:0;margin:0;}
html{font-size: 62.5%;font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;}
img{-webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    border: 0;width: auto;max-width: 100%;}
ul,li{list-style: none;margin:0;padding:0;}
a{text-decoration: none;color: inherit;}
.show { display: block !important; }
.hide { display: none !important; }
.flex-row{display: flex;flex-direction: row;justify-content: space-between;}
.admin-header{height: 70px;background-color: #5491ed;}
.admin-sideBar{display: block;position: fixed;top: 70px;left: 0; width: 230px;background-color: #fff;}
.admin-content{position: fixed;right: 0;bottom: 0;top: 70px;left: 230px;overflow-y: auto;overflow-x: hidden;background-color: #f5f5f5;}

.topbar-brand{float: left;width: 230px;text-align: center;line-height: 70px;}
.topbar-nav{float: left;}
.topbar-nav-ul{display: block;overflow: hidden;}
.topbar-nav-ul li{float: left;padding:0 45px;line-height: 1;}
.topbar-nav-ul li a{display: block;color: #ffffff;font-size:1.8rem;padding:25px 5px 15px;}
.topbar-nav-ul li a.active{border-bottom:2px solid #fff;}
.topbar-nav-ul li a:hover{color: rgba(255, 255, 255, .8);}

.topbar-user{float: right;margin-right: 65px;line-height: 70px;font-size:18px;color: #fff;}
.topbar-user i{display: inline-block;vertical-align: middle;margin-right: 15px; width: 34px;height: 34px;overflow: hidden;border-radius: 50%;}
.topbar-user i img{vertical-align: top;}

.tpl-left-nav-hover{padding-top:15px;}
.tpl-left-nav-item .nav-link {display: block;position: relative;margin: 1px 0 0;border: 0;padding: 0px 22px;line-height: 48px;text-decoration: none;color: #333;font-size: 18px;}
.tpl-left-nav-item .nav-link span{font-size: 18px;font-weight: 400;color: #333;}
.tpl-left-nav-item .nav-link i,
.tpl-left-nav-sub-menu a i {font-size: 10px;position: relative;text-shadow: none;font-weight: 300;margin-right: 16px;color: #5491ed;vertical-align: top;}
.tpl-left-nav-item .nav-link:hover {background: #cbdefa;color: #333333;}
.tpl-left-nav-item .nav-link.active {background: #cbdefa;}
.tpl-left-nav-item .nav-link.active span{color: #333333;}
.tpl-left-nav-sub-menu {list-style: none;display: none;padding: 0;margin: 0;}
.tpl-left-nav-more-ico {-webkit-transition: all 300ms;transition: all 300ms;font-size: 16px!important;}
.tpl-left-nav-more-ico-rotate {-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition: all 300ms;transition: all 300ms;}
.tpl-left-nav-sub-menu a {display: block;margin: 0;padding: 0px 25px 0 56px;text-decoration: none;font-size: 16px; color: #999999;line-height: 48px;}
.tpl-left-nav-sub-menu a:hover,
.tpl-left-nav-sub-menu a.active {color: #5b9bd1;background: #f2f6f9!important;}
.tpl-left-nav-sub-menu a.active i,
.tpl-left-nav-sub-menu a.active span {color: #5b9bd1;background: #f2f6f9!important;}

.cont-main{padding:13px 35px;display: block;overflow: hidden;}
.part{background-color: #fff;border-radius:10px; border:1px solid #eaeaea;margin-bottom: 20px;}
.tim-c-m{float: left;width: 70.626%;}
.tim-c-r{float:right;width: 28.125%;}
.tim-title{display: block;overflow: hidden; height: 48px;line-height: 48px; border-bottom: 1px solid #eaeaea;padding:0 26px;}
.tim-caption{color: #333;font-size: 18px;float: left;display: inline-block;}
.tim-caption i{color: #5491ed;font-size: 10px;margin-right: 18px;vertical-align: top;}
.tim-search{float: right;}
.tim-bill{padding:20px 65px;}
.tim-bill-row>div{color: #5491ed;font-size: 16px;}
.tim-bill-row>p{color:#333333;font-size:30px;}
.tim-bill-row>span{color:#999999;font-size: 16px;}
.tim-ad-list{padding: 0 30px;}
.tim-ad-list ul li{display: flex;margin:20px 0;}
.tim-ad-list ul li .ad-list-title{font-size:14px;color: #333;flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tim-ad-list ul li .ad-list-time{font-size:12px;color: #999999;}
.tpl-echarts {width: 100%;min-height: 400px;}
.tim-search{color: #5491ed;font-size: 14px;}
.tim-search input{margin-left: 20px;padding-left: 5px; border:1px solid #eaeaea;width: 148px;height: 28px;outline: none;color: #333333;}

/*版权信息*/
.tim-copyright{color: #666666;font-size: 16px;text-align: center;position: absolute;bottom:20px;left: 0;right: 0;}

/*登录页*/
.dl-head{width: 1200px;margin:0 auto;height: 80px;line-height: 80px;}
.dl-body{height: 620px; background:url("../images/login/dlbg.png") no-repeat;background-size: cover;}
.dl-body-con{width: 1200px;margin:0 auto;position: relative;}
.dl-body-img{padding:100px 0 0 70px;}
.dl-body-login{width: 350px;height: 430px;background-color: #fff;position: absolute;top:95px;right: 110px;}
.dl-copyright{padding-top: 40px;text-align: center; color: #666666;font-size: 16px;}
.dl-form{height: 324px;}
.change-login{display: block;overflow: hidden; height: 55px;line-height: 55px; border-bottom: 1px solid #f4f4f4;font-size: 18px;color: #666;}
.change-login>div{width: 50%;float: left;text-align: center;position: relative;}
.change-login>div:nth-child(1)::after {content: '';height: 18px;width: 1px;background-color: #f4f4f4;position: absolute;top:20px;right: 0px;}
.change-login>div.on{color: #5491ed;font-weight: bold;}
.dl-signup{height: 50px;line-height: 50px;padding-right: 20px; background-color: #fcfcfc;text-align: right;color: #666;font-size: 14px;}
.dl-signup img{margin-right: 5px;}
.code-con{text-align: center;}
.code-con-wei{padding-top:30px;}
.code-con-wei p{font-size: 12px;color: #666;margin-top: 30px;}
.code-con-wei p span{color:#5491ed;}
.code-con-icon{padding-top: 30px; display: flex;color: #999;font-size: 12px;flex-direction: row;justify-content: center;}
.code-con-icon div{padding:0 10px;}
.code-con-icon div img{margin-right: 5px;margin-top: -3px;}
.mobile-con{padding-top: 40px;}
.mobile-con-box{width: 87%;margin:0 auto;}
.mobile-con-input{display: flex; border:1px solid #bbbbbb;height: 40px;line-height: 38px; }
.mobile-con-icon{display: inline-table; width: 38px;text-align: center; background-color:#f4f4f4;border-right:1px solid #bbbbbb;}
.mobile-con-input input{height: 100%;width: 90%;flex:1;outline: none;border:none;padding-left: 10px;color: #666;font-size: 14px;}
.mobile-con-code{margin-top: 20px;display: block;overflow: hidden;}
.con-code-part{width:194px;float: left;}
.send{display: inline-block;vertical-align: top;margin-left:15px;  width: 95px;height: 40px;background-color: #5491ed;font-size: 14px;color: #fff;text-align: center;line-height: 40px;}
.dl-btn{margin-top: 30px; width: 100%;height: 36px;line-height: 36px;letter-spacing: 20px; background-color: #5491ed;font-size: 20px;color: #fff;border:none;outline: none;}

/*缴费*/
.pay-nav{border-bottom:1px solid #eaeaea;padding:0 24px;height: 48px;color: #333333;font-size: 18px;}
.pay-nav a{display: inline-block;line-height: 40px;margin-right: 85px;}
.pay-nav a.active{border-bottom: 2px solid #5491ed;}
.pay-sort{height: 60px;line-height: 60px;padding:0 15px;}
.pay-sort a{display: inline-block;margin: 0 30px; color: #333333;font-size: 16px;}
.pay-sort a.active{color:#5491ed;}
.pay-sort a img{margin-right: 10px;vertical-align:text-top;}
.pay-list{overflow-y: auto;}
.pay-list-ul li{display: flex;align-items: center; padding: 20px 70px 20px 20px; margin-bottom: 12px; border:1px solid #eaeaea;border-radius: 10px;background-color: #fff;}
.pay-list-ul li .label label{width: 20px;margin-bottom: 0;}
.label input[type=checkbox] {display: none;}
.pay-item-box{flex:1;margin-left: 20px;}
.pay-item-tit{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 15px;line-height: 1;}
.pay-item-tit-name{color: #333333;font-size: 16px;}
.pay-item-tit-time{color: #999999;font-size: 14px;}
.pay-item-con{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.pay-item-con-icon{float:left;width: 50px;height: 50px;margin-right: 20px;}
.pay-item-con-name{float: left;width: 275px; color: #333333;font-size: 14px;}
.pay-item-con-name span{color: #999999;}
.pay-item-con-name p{margin-bottom: 5px;}
.pay-item-con-price{float: left;color: #333333;font-size: 14px;}
.pay-item-con-price p:nth-child(1){margin-bottom: 5px;}
.btn-pay{width:120px;height: 36px;line-height: 36px; border-radius: 5px;border:none;background-color:#ff5d03;font-size: 20px;color: #fff;outline: none;}
.total-part-pos{position: absolute;bottom: 20px;left: 35px;right: 35px;}
.total-part{display: flex;flex-direction: row;justify-content: space-between;align-items: center; height: 68px;padding:0 70px 0 20px;border:1px solid #eaeaea;border-radius: 10px;background-color: #fff;}
.total-part label{color: #333333;font-size: 16px;}
.total-part label img{margin-right:20px;}
.total-end{color: #333333;font-size: 16px;}
.total-end span{color: #ff5d03;font-size: 24px;}
.total-end button{width:120px;height: 36px;line-height: 36px;margin-left: 80px;vertical-align: top; border-radius: 5px;border:none;background-color:#ff5d03;font-size: 20px;color: #fff;outline: none;}
.btn-check{width:120px;height: 36px;line-height: 36px; border-radius: 5px;border:1px solid #5491ed;background-color:#fff;font-size: 20px;color: #5491ed;outline: none;}
.btn-apply{width:120px;height: 36px;line-height: 36px; border-radius: 5px;border:none;background-color:#5491ed;font-size: 20px;color: #fff;outline: none;}

/*账单详情*/
.cont-main-title{color:#333;font-size: 18px;padding:10px 0 25px;}
.pay-info{float: left; color: #5491ed;font-size: 14px;margin-left: 50px;}
.pay-info span{margin-left: 20px;}
.pay-details{padding:20px 60px 20px 30px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.pay-details-name{margin-bottom: 20px; color:#333;font-size: 16px;line-height: 1;}
.pay-details-span{margin-bottom: 15px;}
.pay-details-span span{display: inline-block;color: #5491ed;font-size: 14px;background-color:#e6f0ff;padding:5px 15px;border-radius: 3px;line-height: 1.2;}
.pay-details-pay span{display: inline-block;margin-right: 100px;color: #333;font-size: 14px;}
.pay-details-pay span big{color:#ff5d03;font-size: 20px;}
.pay-information{ padding: 10px 30px;display: block;overflow: hidden;}
.pay-information ul li{float: left;color: #333;font-size: 14px;padding:10px 0;}
.pay-information ul li:nth-child(3n+1){width: 40%;}
.pay-information ul li:nth-child(3n+2){width: 40%;}
.pay-information ul li:nth-child(3n+3){width: 20%;}
.inp-price{margin-right: 15px;text-align: center; width:90px;height: 36px;border:1px solid #999;border-radius: 5px;outline: none;}

/*开票信息*/
.billing—info{padding:0 30px;}
.billing—info-part{border-bottom:1px solid #eaeaea;padding:10px 15px;}
.billing—info-part>p{font-size: 16px;}
.billing—info-price{margin-top: 10px;display: inline-block;color: #333;font-size: 20px;}
.billing—info-price i{color:#5491ed;font-style: normal;}
.billing—info-sort{margin: 10px 0;}
.billing—info-sort span{display: inline-block;padding:12px 20px;width:210px;height: 90px;color: #5491ed;font-size: 16px;background-color: #e6f0ff;border-radius: 10px;line-height: 2;}
.billing—info-form{color: #333;font-size: 16px;}
.billing—info-form label{margin:20px 0;font-size: 16px;line-height: 1.2;}
.billing—info-btn{padding:30px 0;text-align: right;}
.billing—info-btn button{margin-left:20px;}
.billing—info-add{color:#5491ed;}
.billing—info-part-sort{display: flex;}
.billing—info-part-sort .am-radio,.billing—info-part-sort .am-radio+.am-radio{margin:10px 70px 10px 0;font-size: 16px;line-height: 1.2;}
.billing—info-grop{padding:10px 0;}
.billing—info-grop label{color: #333333;font-size: 16px;width: 96px;font-weight: normal;}
.billing—info-grop input{padding-left: 10px; border:1px solid #999;border-radius: 3px;width: 40%;height: 36px;outline: none;color: #333;}
.billing—info-radio label{font-size: 16px;line-height: 1.2;}

/*合并支付*/
.merge-info{font-size: 18px;padding:0 25px 15px;color: #333;}
.merge-list{padding:10px 40px;}
.merge-list-tit{display: flex; flex-direction: row;justify-content: space-between;}
.merge-list-tit span{flex: 1; display: inline-block;color: #5491ed;font-size: 14px;text-align: center;}
.merge-list-ul{}
.merge-list-ul li{border-bottom: 1px solid #eaeaea;display: flex; flex-direction: row;justify-content: space-between;text-align: center;}
.merge-list-ul li:last-child{border-bottom:none;}
.merge-list-num{padding: 10px 0; flex: 1; color: #333;font-size: 14px;}
.merge-list-content{flex: 4;}
.merge-list-item{padding: 10px 0; display: flex; flex-direction: row;justify-content: space-between;text-align: center;font-size: 14px;}
.merge-list-item>div{flex: 1;}
.merge-list-item-type span{display: inline-block;width: 76px;height: 26px;line-height: 26px; background-color: #e6f0ff;color:#5491ed;border-radius: 5px;}
.merge-list-item-price{color: #ff5d03;}

.am-nav-tabs>li.am-active>a, .am-nav-tabs>li.am-active>a:hover, .am-nav-tabs>li.am-active>a:focus{border-color:transparent transparent #5491ed;}
.am-tabs-bd,.am-nav-tabs{border:none;}
.am-nav-tabs > li > a:hover{border-color:transparent transparent #5491ed;background:none;}
.am-nav-tabs>li>a{font-size: 13px;color: #333333;margin-right: 20px;}

.merge-list-radio{margin:20px 36px 20px 0;padding-left:15px; border:1px solid #cccccc;width:260px;height: 50px;line-height: 50px;display: inline-block;overflow: hidden;}
.am-radio-inline+.am-radio-inline, .am-checkbox-inline+.am-checkbox-inline{margin-top:20px; margin-left: 0;}
.am-radio-inline input[type=radio]{float: none;margin:0 13px 0 0;}
.merge-list-radio img{float: right;margin: 10px 18px 0 0;}
.merge-pay-part{padding:10px 70px;text-align: right;}
.merge-pay{display: inline-block;color: #333;font-size: 18px;}
.merge-pay span{color: #ff5d03;}
.merge-pay p:last-child{font-size: 16px;}
.merge-btn{margin-left: 60px;vertical-align: top;margin-top: 10px; width: 120px;height: 36px;line-height: 36px;color: #fff;font-size: 20px;background-color:#ff5d03;border-radius: 5px;border:0;outline: none;}

.merge-success{height: 770px;text-align: center;padding-top: 120px;}
.merge-succ-check{margin-bottom: 30px; color: #333;font-size: 14px;}
.merge-succ-check img{margin-bottom: 20px;}
.merge-succ-check span{color: #ff5d03;font-size: 20px;}
.merge-succ-btn{margin-top: 20px; display: inline-block; width: 120px;height: 36px;line-height: 36px;background-color:#009944;color: #ffffff;font-size: 20px;border-radius: 5px;}
.merge-succ-btn:hover{color: #fff;}
.merge-succ-info{margin: 0 auto;padding: 10px 0 10px 40px;text-align: left; width:430px;background-color: #f2f2f2;color: #333;font-size: 14px;border-radius: 10px;}
.merge-succ-info p{margin:10px 0;}