footer.fixed{position:absolute ;bottom:0;width:100%; left:0;z-index: 100;}
.cards.reg{ min-height:700px; max-width:800px; margin:auto;z-index: 200;}
.register-step-heading{  background: url(../images/site-bannner.jpg); background-size:cover; height:100px; font-size:1.5em; line-height:80px; font-weight:bold;}
.register-step .step{position:relative;top:-20px}
.step{position:relative;font-family:'Microsoft Yahei',arial,sans-serif;color:#666}
.step ul{position:relative;z-index:5;display:table;width:100%}
.step li b{display:block;padding-top:5px;font-size:.8em}
.step i{display:inline-block;width:40px;height:40px;background:#ddd;border-radius:40px;font-size:16px;line-height:40px;text-align:center;font-style:normal;padding:0}
.step em{display:block;position:absolute;top:30%;width:100%;height:3px;background:#ddd;z-index:-5}
.step.md em{display:block;position:absolute;top:34%;width:100%;height:3px;background:#ddd;z-index:-5}
.step.md i{width:50px;height:50px;border-radius:50px;font-size:1.6em;line-height:50px}
.step.md li b{padding-top:10px;font-size:1.1em}
.step{position:relative;font-family:'Microsoft Yahei',arial,sans-serif;color:#999}
.step .active em{background:#5ddcd3}
.step .active i{background:#5ddcd3;border:1px solid #5ddcd3;color:#fff}
.step li.active{color:#5ddcd3}
.step .progress{width:100%;height:2px;position:absolute;left:0}
.reg-content{ padding:20px 100px;}
.reg-content .form-fixed{ width:360px !important;}
.agreement{ padding:20px; border:1px solid #ddd; overflow-y:scroll; max-height:400px;}
.tip-block{text-align:center;padding:100px 0}
.tip-block p{margin-top:20px}
#frame-top{ border-bottom:1px solid #309e96; position:fixed; width:100%; z-index:100;}
#frame-side{position:fixed;width:170px;height:100%;background:#fff; border-right:1px solid #ddd; margin-top:56px;}
#frame-container{margin-left:170px;height:100%;overflow:hidden;}
#container{ padding:30px; height:100%; position:relative; padding-top:90px; position:relative;}
.content{ padding:15px;}
.content-heading{ padding:10px 15px; background:#fbfbfb; border-bottom:1px solid #eee;}
.content-heading h4{ display:inline-block; font-size:1.2em;}
.top-side{position:relative;float:left;width:170px;height:50px;text-align:center}
.top-content{background: url(../images/bg.png); background-size:cover; padding:5px 0;}
.organization-brand{padding:5px;}
.organization-brand img{height:40px}
.user-nav a{display:inline-block;line-height:42px;color:#fff;overflow:hidden}
.user-nav a:hover{opacity:.5}
.user-nav .profile{height:40px; position:relative; top:3px;}
.user-nav .profile img{width:40px;height:40px;border:2px solid rgba(255,255,255,.5)}
.side-menu li{position:relative}
.side-menu li>a>span{font-weight:bold;}
.side-menu li>a{display:block;height:81px;line-height:81px;padding-left:35px;color:#666;font-size:1.12em; }
.side-menu li>b{width:95px;left:30px;bottom:0;position:absolute;border-bottom:1px solid rgba(0,0,0,.03);z-index:100}
.side-menu li>a>i{position:relative;top:-2px;padding-right:5px;font-size:1.6em;vertical-align:middle}
.side-menu li.active b{width:0}
.side-menu li.active{background:rgba(0,0,0,.03);z-index:101}
.side-menu li.active a,.side-menu li>a:hover{color:#5ddcd3;}
.side-menu li.active a:before{width:5px;background:#5ddcd3;height:100%;content:'';position:absolute;left:0}
.side-menu li.active:first-child a:before{top:-1px}
.breadcrumb{list-style:none;padding:18px 0;margin:0;color:#fff}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0";opacity:.5}
.breadcrumb>.active{opacity:.8}
.breadcrumb a{color:#fff}
.breadcrumb a:hover{color:#fff;opacity:.5}
.cards.account{width:560px;min-height:450px;padding:80px 50px;background:rgba(255,255,255,.9);box-shadow:0 0 10px rgba(0,0,10px,.1)}
.cards.account .brand{width:190px}
.cards.account .form-group{position:relative}
.cards.account .addon-text,.cards.account .addon-btn,.cards.account .form-tip.error{position:absolute;top:6px;right:0;}
.cards.account .addon-btn{ color:#fff; padding:5px 10px; top:0;}
.profile-account{}
.profile-account .total-sum{}
.profile-account .total-sum b{ font-size:2em; vertical-align:middle; position:relative; top:-3px; padding-right:10px;}
.profile-account .action{ position:absolute; right:50px; top:55px; }
.profile-account .action span{ padding-left:10px;} 
.profile-account .action .btn{ padding:8px 15px; min-width:100px;}
.profile-img{ width:160px; float:left; padding:5px; border:1px solid #eee;}
.profile-img img{ width:100%;}
.profile-content{ overflow:hidden; padding-left:20px; padding-top:10px;}
.profile-chart{ min-height:400px;}
.profile-msg{ min-height:200px;}
.tab-content-border{ border:1px solid #ddd; border-top:none;}
.casgier-form .form-inline .form-group .form-fixed{ width:auto; min-width:220px; }
.casgier-form .form-inline .form-group .input-group.form-fixed{ width:220px; }
.form-addon{ line-height:30px;}
.pay-brand{ line-height:1; font-size:1.5em;}
.pay-brand span{ display:inline-block; vertical-align:middle;}
.pay-brand img{ width:40px;}
.bank-brand>span{ display:inline-block; padding:4px 5px 0 5px; border:1px solid #eee; margin:0 5px 5px 0;}
.bank-brand>span input[type="radio"]{ position:relative; top:-8px;}
.account-item{position:relative;display:inline-block;margin:0 20px;width:180px}
.account-item .btn{min-width:auto;border:none}
.account-item .btn-item{position:absolute;bottom:0;width:100%;padding:10px;z-index:999}
.account-item .btn-item li{display:inline-block;padding:5px}
.account-item .name{position:absolute;width:180px;text-align:center}
.account-item:hover img{opacity:.9}
.account-item a{color:#fff}
.icon-content{width:200px;text-align:center}
.vertical-item h3,.vertical-item h4{padding:0;margin:0 0 10px 0}
.vertical-item [class*=col-md-]{padding:0}
.vertical-item li{padding:5px 0}
.list-item>li{position:relative;height:40px;line-height:40px;border-bottom:1px solid rgba(0,0,0,.05);cursor:pointer;list-style:none}
.list-item>li .action{position:absolute;top:0;right:0;visibility:hidden}
.list-item>li .action i{font-size:.5em}
.list-item>li:hover .action{visibility:visible;opacity:.5}
.list-item>li:hover .action a:hover{opacity:1}
.list-item>li .name{display:inline-block;white-space:nowrap;width:140px;overflow:hidden;text-overflow:ellipsis}
.bg-white.list-item .table-form{border-width:0 1px!important}
.bg-white.list-item.edit .table-form{border-width:0 0 0 1px!important}
.table-form:hover{border-color:var(--default-primary-color);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px var(--default-primary-color);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px var(--default-primary-color)}
.list-item span.table-form{background:#fff;display:inline-block;overflow:hidden;height:30px;vertical-align:top}
.list-item span.table-form.border{border:1px solid var(--box-border-color)!important}
.table-form .addon{padding:0 8px!important}
.table-form input[type=text]{padding:5px;text-align:center;min-width:30px!important;border:none;width:20px!important}
.table-form input.form-md{width:50px!important;text-align:center!important}
.table-form select{width:auto!important;min-width:auto!important;border:none}
.table-form .border-l{display:inline-block;border-left:1px solid var(--box-border-color)!important}
.list-item:after{display:table;content:"";clear:both}
.list-item{position:relative;border:1px solid #eee;background:#fbfbfb;padding:4px 10px 6px;margin-bottom:15px}
.list-item .mark{padding:7px 10px 8px;position:absolute;right:-1px;top:-1px;background:#ddd}
.list-item.edit:hover .icon-group{display:inline-block}
.list-item .name{font-size:1.2em;font-weight:700;display:inline-block}
.list-item .icon-group{padding-left:5px;display:none;color:#fff;opacity:.5}
.list-item .icon-group i{font-size:1em}
.list-item .icon-group i:hover{color:#333}
.template-view span{position:absolute;right:60px;top:5px}
.template-content{display:none;border:1px solid #ddd;width:100%}
.template-view span:hover .template-content{display:block}
.list-item.item-border{border:1px solid var(--box-border-color)!important}
.list-item .item{display:table-cell}
.list-border{padding:5px 0;border-bottom:1px solid var(--box-border-color)!important}
.list-item.edit:hover .small{visibility:visible}
.list-item.list-item-control{background:0 0!important}
.list-item.addon .form-control{border-color:var(--box-border-color)!important;border-right:none}
.list-item.addon .form-control:focus{position:relative;z-index:9999}
.list-item .table-form{border-width:0 0 0 1px!important}
.list-item.addon .table-form{position:relative;z-index:999;border-width:1px;border-style:solid;border:1px solid var(--box-border-color)!important}
.list-item .form-control .list-item .name{padding:0 10px;line-height:30px}
.list-item .input-group-btn{border:none;line-height:1!important}
.list-item .input-group-btn paper-button{padding:4px 10px}
.list-item .pull-well{float:right}
.list-item-hover:hover{background:var(--paper-grey-100)}
.list-item-hover:hover .close-control,.list-item-hover:hover .edit{display:block}
.list-item-control{margin-right:30px;padding:0!important}
.limits{border:1px solid #eee}
.limits [class*=col-md-]{border-right:1px solid #eee;min-height:360px}
.limits [class*=col-md-]:last-chid{border-right:none}
.limits [class*=col-md-] b{display:inline-block;padding:20px 0 10px 0}
.pay-style .justified4-4{margin:0 -5px}
.pay-style .justified4-4 li{padding:0 5px!important}
.pay-style .item{display:block;border:1px solid #eee;padding:10px;cursor:pointer}
.pay-style .item .icon{line-height:30px}
.pay-style .item .icon img{width:32px;vertical-align:middle}
.pay-style .item .check{position:absolute;right:15px;top:18px;width:20px;height:20px;border-radius:10px;background:#ddd;color:#fff;font-size:.5em!important;text-align:center}
.pay-style .item.active{border:1px solid #46a4da}
.pay-style .item.active .check{background:#46a4da}
.pay-style .item .check i{position:relative;top:-6px}
.pay-style .qrcode{padding:10px}
.pay-style .qrcode img{width:50%;border:1px solid #eee}
.modal-qrcode{ width:300px; margin:auto; padding:50px; text-align:center;}
.modal-qrcode img{ width:100%;}
.badge{display:inline-block;min-width:10px;padding:3px 8px 3px 6px;position:relative;margin-left:5px;top:-1px;font-size:12px;font-style:normal;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#0e98dc;border-radius:10px}
.caret{position:relative;top:-1px;opacity:.5}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;padding:0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.dropdown-menu>li>a{display:block;padding:10px 30px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid: DXImageTransform.Microsoft.gradient(enabled=false)}
.open>.dropdown-menu{display:block}
.open>a{outline:0}
.dropdown-menu-right{right:0;left:auto}
.caret{display:inline-block;width:0;height:0;margin-left:5px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.dropdown{position:relative}
.dropdown-toggle:focus{outline:0}
.tabs{background-color:#fff;position:relative;height:50px;border-bottom:2px solid #eee;margin:0;padding:0;clear:both;font-weight:700}
.tabs>li{position:relative;float:left;min-width:80px;text-align:center;display:inline-block;list-style:none;margin-right:20px}
.tabs>li>a{line-height:50px}
.tabs>li.active:after{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#0e98dc;content:""}
.tabs>li.active a{color:#0e98dc!important}
.tabs.sm{border-bottom:1px solid #eee}
.tabs.sm>li{min-width:auto}
.tabs.sm>li.active:after{height:1px}
.tabs.sm>li{margin-right:20px}
.tabs-team li{min-width:160px}
.nav.nav-tabs>li{border-bottom:1px solid #5ddcd3;opacity:.8;position:relative;top:-1px}
.nav.nav-tabs>li.active{opacity:1;border-bottom:1px solid #fff}
.nav.nav-tabs>li.active>a{background-color:#fff;border:0}
.nav.nav-tabs>li>a{display:block;background-color:#fff;padding:0 15px;min-width:80px;text-align:center;border-radius:0;border:none;color:#505461!important;cursor:pointer;line-height:40px;font-weight:600;font-size:1.1em}
.nav.nav-tabs>li>a:hover,.nav.tabs-vertical>li>a:hover{color:#5ddcd3!important}
/*.tab-content{color:#333;background:#fff;min-height:400px}*/
.tab-content{color:#333;background:#fff;}
.nav.nav-tabs{background:#5ddcd3;border-bottom:0;list-style:none;margin:0;padding:10px 0 0 10px;height:50px;overflow:hidden}
.nav.nav-tabs li{float:left;display:inline-block;margin:0 0 0 1px}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#5ddcd3!important}
.tab-content>.tab-pane{display:none;visibility:hidden}
.tab-content>.active{display:block;visibility:visible}
.tabs-vertical{margin:0;padding:0;width:160px;float:left}
.tabs-vertical li{list-style:none;border-bottom:1px solid #eee;border:1px solid #eee;border-top:none;border-left:none;padding:10px}
.tabs-vertical li:last-child{border-bottom:none}
.tabs-vertical li.active{border-right:1px solid #fff}
.tabs-vertical li a{display:block}
.tab-content.vertical{overflow:hidden}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}
.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:20px;background:#fff}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;overflow:hidden}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000; z-index:9990;}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{padding:10px 20px;margin:0;background:#5ddcd3;min-height:20px;border-bottom:1px solid #309e96}
.modal-title{font-size:1.2em;line-height:30px;padding:0;margin:0}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px 20px;text-align:right;background:#fbfbfb;border-top:1px solid #eee}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal .modal-dialog{position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}
.modal .modal-dialog.modal-lg{max-width:1200px;min-width:1000px}
.modal .modal-dialog.modal-sm{width:600px}
.modal-header .close{position:absolute;right:-5px;top:15px;text-align:center;line-height:16px;font-size:2em;background:0 0;z-index:999}
.modal-header .close:focus{outline:0}
.modal-header .close:hover{opacity:.5}
.modal .modal-dialog .modal-content{-moz-box-shadow:none;-webkit-box-shadow:none;border-radius:0;border:none;box-shadow:none}
.icon-menu{position:absolute;right:40px;top:10px;z-index:99}
.modal-header.fixes{padding:0 0 0 12px}
.modal-header .nav.nav-tabs{position:relative;top:12px;padding:0;margin:0}
.border-r{border-right:1px solid #eee}