﻿@charset "utf-8";

/*新网厅登录页面*/
html,body{background-color: #F1F2F6;}
ul{padding: 0;}
a:hover{cursor: pointer;}
.et-index{min-width: 1200px; font-size: 16px; width: 100%; max-width: 1920px; margin: 0 auto;}
.et-index li{margin: 0;padding: 0;list-style: none;}
.et-index a{text-decoration: none;}
.et-index-head{	height: 460px; background:url(../../common/img/bg-banner.png) center no-repeat;background-size: 100% 460px;min-width: 1200px; margin: 0 auto; position: relative; overflow: auto;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sso/themes/qdtaxkx/common/img/bg-banner.png', sizingMethod=scale);}
.et-index-logo{ padding-top: 15px; margin-left: 28px;height: 83px;}
.et-toolbar li{position: relative; margin-right: 30px; margin-top: 12px; padding: 0 !important; }
.et-toolbar a{color: #D2E6F7;}
.et-toolbar a img{width: 16px;height: 16px;}
.et-toolbar a:hover{color: #FFFFFF;}
.et-user{position:absolute; top: 48px; right: 34px; text-align: center;}
.et-user img{width: 48px;height: 48px;}
.et-user span{display: block; color: #FFFFFF; margin-top: 10px;}
.et-user a:hover{font-weight: bold;}
/*快捷导航开始*/
.et-quick-nav{ text-align: center; position:absolute; top: 238px; left: 50%; margin-left: -450px; padding:0;}
.et-quick-nav>li{float: left; padding:0 60px; list-style: none;}
.et-quick-nav a{display: block;}
.et-quick-nav .et-quick-nav-icon{ width: 105px; height: 105px; background:url(../../common/img/quick-nav-bg.png) center no-repeat; margin-bottom: 20px;}
.et-quick-nav .et-quick-nav-icon img{ display: block; margin: 0 auto;padding-top: 27px;width: 50px;height: 77px;}
.et-quick-nav span{position:relative; display: block; color: #FFFFFF;/*text-shadow: 1px 1px 2px #53A6F4;*//*-webkit-text-stroke:0.3px #53A6F4;*/text-shadow: 0 1px #53A6F4, 1px 0 #53A6F4, -1px 0 #53A6F4, 0 -1px #53A6F4;
filter:
        Dropshadow(offx=1,offy=0,color=#53A6F4)
        Dropshadow(offx=0,offy=1,color=#53A6F4)
        Dropshadow(offx=0,offy=-1,color=#53A6F4)
        Dropshadow(offx=-1,offy=0,color=#53A6F4);
    	 }
.et-quick-nav a:hover .et-quick-nav-icon{  background:url(../../common/img/quick-nav-bg1.png);}

/*功能按钮*/

.et-function-btn {height:274px;margin: 0 auto; padding-top:80px; text-align:center; background-color: #fff; width:100%;}
.et-function-btn ul{width:1120px; margin: 0 auto;}
.et-function-btn li{ float:left; width:224px; padding: 0 12px;}
.et-function-btn li>a{display: block; height: 120px; border-radius: 4px;}
.et-function-btn li>a>img{display: block;margin: 0 auto; padding-top: 26px;padding-bottom: 10px;width: 44px;height: 80px;}
.et-function-btn li a span{color: #FFFFFF;}
.et-function-btn .et-function-btn1{background:url(../../common/img/bg-1.png) center no-repeat #67BBE7 ;}
.et-function-btn .et-function-btn2{background:url(../../common/img/bg-2.png) center no-repeat #A2DC75 ;}
.et-function-btn .et-function-btn3{background:url(../../common/img/bg-3.png) center no-repeat #95ADED ;}
.et-function-btn .et-function-btn4{background:url(../../common/img/bg-4.png) center no-repeat #F1CF6B ;}
.et-function-btn .et-function-btn5{background:url(../../common/img/bg-5.png) center no-repeat #F5B697 ;}
/*.et-function-btn .et-function-btn1:hover{background: #67BBE7;}
.et-function-btn .et-function-btn2:hover{background: #A2DC75;}
.et-function-btn .et-function-btn3:hover{background: #95ADED;}
.et-function-btn .et-function-btn4:hover{background: #F1CF6B;}
.et-function-btn .et-function-btn5:hover{background: #F5B697;}*/
/*页脚*/
.et-foot-box{background: #E5E7EA; min-width:1200px; margin: 0 auto; height: 82px; width: 100%;}
.et-foot{width: 430px; margin: 0 auto;}
.et-foot .pull-left:first-child{ margin-top: 3px;width: 80px;height: 80px;}
/*.et-foot img{ margin-top: 3px;}*/
.et-foot p{text-align: left; font-size: 14px;color: #666666; line-height: 24px; padding: 0; padding-top: 24px; margin-left: 10px;}


/*自定义步骤样式*/
.et-step{width: 100%; list-style: none;  line-height: 1.8; font-size: 16px;  margin-bottom: 16px; padding: 0; text-shadow: 0 1px 0 #fff;}
.et-step>li {float: none; display: table-cell; width: 1%; background-color: #EEEEEE; color: #999999;}
.et-step>li+li{ border-left: 1px solid white;}
.et-step>li.active{ background: #00A8EC; color: white; text-shadow: none;}
.et-step>li.done{ background: #0096D1; color: white; text-shadow: none;}

/*自定义步骤样式*/
.et-step-detach { position: relative; width: 100%; list-style: none;  line-height: 1.8; margin-bottom: 16px; padding: 0 10px 0 40px; font-size: 14px; color: #b7b7b7; overflow: hidden; }
.et-step-detach li { position: relative; display: table-cell; width: 33.33%; height: 54px;}
.et-step-detach li:before { content: '-'; position: absolute; top: 14px; left: 20px; right: 20px; height: 3px; background: #b9b9b9; display: block; line-height: 1; overflow: hidden; }
.et-step-detach li.end:before { content: none; }
.et-step-detach .icon { position: relative; height: 30px; top: 0px; left: -15px; width: 30px; text-align: center; font-family: tahoma; }
.et-step-detach .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; background-color: #ccc; text-shadow: 1px 1px 2px #fff, 0 0 0 #ccc, 1px 1px 2px #fff; }
.et-step-detach .number{ position: relative; display: block; font-style: normal; line-height: 30px; text-align: center; font-weight: 700; color: #fff; text-shadow: none; background: transparent; font-size: 12px; }
.et-step-detach .text { position: relative; display: block; width: 66px; height: auto; line-height: 20px; text-shadow: 0 1px 0 #fff; top: 2px; left: -33px; }
.et-step-detach .active { color: #f16f20; }
.et-step-detach .active .bg { color: #ff7001; background-color: #ff7001;}
.et-step-detach .done { color: #fc9c27; }
.et-step-detach .done .bg { color: #ff9a00; background-color: #ff9a00;}

.et-step-detach.et-step-blue .done { color: #418cd6; }
.et-step-detach.et-step-blue .done .bg { color: #428fd6; }
.et-step-detach.et-step-blue .active { color: #3b7cb8; }
.et-step-detach.et-step-blue .active .bg { color: #1e6bb3; }

/*.et-step-detach .active { color: #f16f20; }
.et-step-detach .active .iconfont { color: #f16f20; }
.et-step-detach .done { color: #67c23a; }
.et-step-detach .done .iconfont { color: #67c23a; }
.et-step-detach.et-step-blue .done { color: #418cd6; }
.et-step-detach.et-step-blue .done .iconfont { color: #428fd6; }
.et-step-detach.et-step-blue .active { color: #3b7cb8; }
.et-step-detach.et-step-blue .active .iconfont { color: #1e6bb3; }*/

.et-step-2 li{width: 100% !important;}
.et-step-3 li{width: 50% !important;}
.et-step-4 li{width: 33.33% !important;}
.et-step-5 li{width: 25% !important;}
.et-step-6 li{width: 20% !important;}
.et-step-7 li{width: 16.66% !important;}
.et-step-8 li{width: 14.28% !important;}
.et-step-9 li{width: 12.5% !important;}

/*自定义步骤内容*/
.et-step-con { font-size: 14px; line-height:2;}
.et-step-con .title{ position: relative; font-size: 16px; color: #666; line-height: 1.2; font-weight: bold; padding-left: 10px;}
.et-step-con .title:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 5px; height: 17px; background-color:#428fd6 ;}
.et-step-con .item{ display: none;}
.et-step-con .item.active{display: block;}
