@charset "utf-8";
/*header*/
body{ background:#f6f6f6;}
.main{ width:1000px; margin:0 auto;}
.header { background:#ff552e; height:117px; border-bottom:1px solid #ed2e03;min-width:1000px;}
.header .top{ background:#282322; height:38px; line-height:38px; color:#858585;}
.header .top a{ color:#858585;}
.header .top a:hover{ color:#fff;}
.navition{ margin:26px 0 0 173px;}
.navition a{display:inline-block; float:left; height:30px; line-height:30px; width:110px;color:#fff; font-size:16px;background:url(../images/nav_bg.jpg) no-repeat -110px 0; transition: all 0.2s; text-align:center; margin-right:25px;}
.navition a:hover,.navition a.current{ background-position:0 0;}
/*footer*/
.footer{ background:#413c33;color:#fff;min-width:1000px;}
.footer li *{ display:block;}
.footer a{ color:#c4c4c4;line-height:23px;}
.footer a:hover{ color:#ff552e;}
.footer li img{ border:4px solid #8d8a85; width:100px;}
.footer .content p.last{color:#97a2aa;}
/*index*/
.banner .main{z-index:10; top:0;}
.index .icon-money:after,.index .icon-userfill:after{ content: "\e607"; font-size:60px; color:#ffcd62;}
.index .icon-userfill:after{ color:#52dc9d}
.index .icon-money:before,.index .icon-userfill:before{position:absolute;top:18px; margin-left:15px;}
.index .icon-userfill:before{ top:14px;}
.banner{min-width:1000px;}
/*help*/
.box{ background:#f6f6f6;padding:10px 0; display:inline-block; width:100%;}
.white-box{ background:#fff; padding:15px; min-height:290px;min-height:auto\9;}
.white-box .title{ border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:13px;}
.hotList a,.hotList li{ display:inline-block; width:100%; height:25px; line-height:25px; overflow:hidden;}
.hotList a:hover{ text-decoration:underline; color:#4398db;}
.hotList li i{ background:#cccccc; width:3px; height:3px; display:inline-block; margin-right:5px; line-height:25px; float:left; margin-top:11px;}
.hotList span{ display:inline-block;}
.f-w200{ width:200px;}
.help ul.list span{display:block;padding:0 15px; cursor:pointer;}
.span_title{background:#f9f9f9; height:40px; line-height:40px;}
.help .list{ transition:all 0.5s;}
.help ul.list .content{ background:#fff;}
.help ul.list .content a{ display:block; padding:0 15px;border-bottom:1px dashed #ddd; color:#666; line-height:40px; height:40px; overflow:hidden;}
.help ul.list .content a:last-child{border:0;}
.help ul.list .content a.current{ color:#fff; background:#ff552e; border-bottom:0;}
.help .detail li{ line-height:49px; border-bottom:1px dashed #ddd; padding: 0 15px; cursor:pointer; transition: all 0.5s;}
.help .detail li:hover{ background:#f9f9f9;}
.help .detail li .content{ display:none;}
.help .detail li.open{ background:#f9f9f9}
.help .detail li.open span{ color:#ff552e;}
.help .detail li.open .content{ display:block;color:#666; line-height:2.2em; padding:0 0 18px 24px;}
/*notice*/
.notice .content{ line-height:2.2em; padding:30px 100px;}
/*reg and login*/
.login{ padding-left:80px; width:340px; padding-top:30px;}
.login .items{ background:#fff; border:1px solid #bbbbbb; height:36px; line-height:36px;}
.login .items span{ width:40px; border-right:1px solid #cecece;}
.login .items input{ padding:0; height:36px; line-height:100%; width:215px; text-indent:12px;}
.login dd a:hover{ color:#aaa;}
.login dd a:hover span{ color:#fff;}
.login .alert-danger{ padding:8px 15px; position:absolute; display:block; width:260px; margin-top:-50px;}
.login .yanz .items,.login .yanz .items input{ width:100px;}
.login .icon-refresh{ cursor:pointer;}
/*forget*/
.step em{ background:#dddddd; width:6px; height:6px; display:inline-block; margin-right:5px;}
.step .active em{ background:#52dc9d;}
.step .icon-radiusfill{ color:#ddd;}
.step .icon-radiusfill span{ left:15px; top:15px; font-size:20px;}
.step .active .icon-radiusfill{ color:#52dc9d;}
.step .left,.step .right{ top:12px;}
.step .left{ left:0;}
.step .right{right:0}
.icon-warn{ margin-top:-5px;}
.btn03{background: #1480d1;display: block;height: 34px;padding: 6px 0;width: 100%;text-align: center;cursor: pointer;color: #fff;}
#time_box.btn03 {background: #dcdcdc;cursor: not-allowed;color: #aaa;}
/**/
.mytabs .tablist th{ background:#f5f5f5; border-top:0; text-align:center}
.mytabs .tablist td{ border-bottom:1px dashed #ececec; line-height:43px;border-top:0; padding:0;}
.mytabs .tablist{display:none;}
.txt01{ border:1px solid #ccc; height:30px; line-height:30px; line-height:100%\8; font-size:12px; width:auto; padding:0; padding-left:5px; margin-left:5px; background:#fff;}
.tab_nav a{ padding:35px 0 25px; opacity:.3;filter: alpha(opacity=30);width:28%; margin-right:5%;}
.tab_nav a.active{ width:34%;}
.tab_nav a:hover,.tab_nav a.active{ opacity:1;filter: alpha(opacity=100); color:#fff;}
.tab_nav a.money{ background:#95c0f5;}
.tab_nav a.collection{ background:#6fcdc4;}
.tab_nav a.info{ background:#ffb795; margin:0;}
.consumption{ background:#fafcff;}
.consumption .txt01{ width:250px;}
.tooltip-inner{ background:#fff; border:1px solid #ddd}
/*collection*/
.collections .col-lg-4,.collections .col-lg-8,.collections .col-lg-12,.collections .col-sm-1,.collections .col-sm-2,.collections .col-sm-3,.collections .col-sm-4,.collections .col-sm-5,.collections .col-sm-6,.collections .col-sm-7,.collections .col-sm-8,.collections .col-sm-9,.collections .col-sm-10,.collections .col-sm-11,.collections .col-sm-12{padding-left:0;padding-right:0;}
.collections .form-group.col-lg-4{ width:36.333%;}
.collections .icon-radius span {width: 8px;height: 8px;background: #999;top: 5px;left: 5px;display: none;}
.collections .icon-radius.on span {display: inline-block;}
.collections .form-control{ padding:0;}
.collections .dropdown.col-lg-4{ width:30%; margin-right:3%;}
.collections .success.small{ font-size:12px;}
.collections .success.small .icon-radiusfill{ font-size:18px; margin-top:3px;}
.collections .success.small .icon-radiusfill span{ font-size:12px;top:3px;left:3px;}
.collections .txt01{ width:90%;}
.dropdown .btn{ padding:5px 12px;font-size:12px;}
.upload_button_class {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;padding: 0px;top: 0px;right: 0px;font-family: Arial;font-size: 20px;cursor: pointer;position: absolute;margin: 0;}
/*my*/
/*left*/
.user .white-box{ min-height:10px;}
.user .c-blue{ color:#7bd2ee;}
.user-left{ width:185px; padding:0; margin-right:25px;}
.user-left .icon-you{ right:0; margin-right:-9px; top:18px; color:#7bd2ee; display:none}
.user-left li{ height:50px;  position:relative;}
.user-left li a{ display:inline-block; width:100%; height:50px; line-height:50px; border-bottom:1px dashed #ececec;}
.user-left li.active,.user-left li:hover{ background:#7bd2ee;}
.user-left li.active a,.user-left li:hover a{ color:#fff;border-bottom-color:#7bd2ee}
.user-left li.active .icon-you{ display:inline-block;}
.user-left .badge{ margin-left:3px; margin-top:-7px; background-color:#ff552e;}
/**/
table{table-layout:fixed; }
td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden; max-width:150px; } 
.user-right .table th {background: #eef4f8;color: #3d85b8;border-top: 0;}
.user-right .table td {border-bottom: 1px dashed #ececec;line-height: 43px;border-top: 0;padding: 0; height:43px;}
.user-right .table tr.current .titles {font-weight: 700; padding-left:20px;}
.user-right .nav-tabs {height: 36px;line-height: 36px;background: #f7f7f7;border-bottom: 1px solid #ececec;}
.user-right .nav-tabs li a{ padding:10px 30px;}
.user-right .tablist {display: none;}
.user-right .progress .progress-bar-success{ background-color:#ffca08;}
.user-right .progress-bar{ box-shadow:none;}
.user-right .progress{ height:10px; display:inline-block; margin-bottom:0; width:150px;}
.myuserinfo .icon-container{ padding-right:0;}
.myuserinfo .icon-container a{ color:#dcdcdc;}
.myuserinfo .icon-container a.active{ color:#52dc9d;}
.myuserinfo .icon-container .payword{ width:49px; height:34px; background:url(../images/payword.jpg) no-repeat; display:inline-block;}
.myuserinfo .icon-container .payword.active{ background-image:url(../images/paywordActive.jpg)}
.myuserinfo .icon-container .icon-phonefill{ font-size:36px;}
.myuserinfo .icon-container .icon-card{ font-size:46px; margin-top:-5px}
.myuserinfo .icon-container  a.c-orange{ line-height:36px;}
.mysafe ul {height: 69px;line-height: 34px;padding: 20px 0;}
.mysafe ul .two {line-height: 1.5em;}
.user .table tr.current .titles {padding-left:0;}
/*down*/
.down{ background:url(../images/app_img.jpg) bottom right no-repeat; min-height:590px; padding-top:70px;}
.area .dropdown-menu { padding:10px;}
.area .dropdown-menu span{ line-height:24px; color:#0082c8;}
.area .dropdown-menu > li > a{ padding:0; line-height:24px;}
.area .dropdown-toggle .text{ overflow:hidden; width:90%; text-align:left}
.dropdown-menu > li > a{ font-size:12px;}
.success.error span.pull-left{ color:red;} 
.outC .tipsIcon{ text-align:center; padding:30px;}
.success.normal{ font-size:18px; line-height:40px;}
.success .icon-help{ font-size:54px;}
.success.normal .icon-radiusfill,.success.normal .icon-help{ font-size:36px; margin-top:3px;}
.success .icon-help{ color:#f60;}
.success.normal .icon-radiusfill span{ font-size:24px;top:6px;left:5px;}
/*col-lg edit*/
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left; display:inline-block}
.col-lg-12 {width: 100%;}
.col-lg-11 {width: 91.66666667%;}
.col-lg-10 {width: 83.33333333%;}
.col-lg-9 {width: 75%;}
.col-lg-8 {width: 66.66666667%;}
.col-lg-7 {width: 58.33333333%;}
.col-lg-6 {width: 50%;}
.col-lg-5 {width: 41.66666667%;}
.col-lg-4 {width: 33.33333333%;}
.col-lg-3 {width: 25%;}
.col-lg-2 {width: 16.66666667%;}
.col-lg-1 {width: 8.33333333%;}
/*ie7*/
.ie7_box{ height:485px; background:#57afe2;}
.ie7_foot{background:#fff; text-align:center; color:#666; padding-top:15px; font-size:12px;}
.ie7_box .box_c{display:block; margin:0 auto; width:720px;*width:400px; height:400px; *height:300px; background:url(../images/ie7_1.jpg) no-repeat left 100px; padding:100px 0 0 270px;color:#fff;}
.ie7_box .box_c a{ color:#fff; font-size:14px; background:url(../images/ie7_2.jpg) no-repeat top center; padding-top:94px; display:block; width:33%; text-align:center; float:left; margin-top:50px;}
.ie7_box .box_c a:hover{ color:#a2cfed;}
.ie7_box .box_c a.chrome{ background-image:url(../images/ie7_3.jpg);}
.ie7_box .box_c a.firefox{ background-image:url(../images/ie7_4.jpg);}
.main a img{width:146px;height:56px;}