/*
 * @Author www.289w.com
 * @Date 2014-12-08
 */

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0}
body{font-family:MicroSoft YaHei,Helvetica,Arial,Verdana,Geneva,sans-serif;color:#333;font-size:12px;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit}
h1,h2,h3,h4,h5,h6,strong{font-size:100%;font-weight:bold;}
input,textarea,select{font-family:inherit;font-size:inherit;outline: none;font-weight:inherit}
fieldset,img{border:0;vertical-align: middle;}
input{ vertical-align:middle;}
li{list-style:none}
em,i{font-style:normal;}
img{border:none;}
a{text-decoration:none;cursor: pointer;color:#666;}
a:hover{color:#f60;}
.wrap{margin:0 auto;width:980px;}
.mtop{margin-top:10px;}
.left{float:left;}
.right{float:right;}
.tright{text-align:right;}
.tcenter{ text-align:center;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.red{color:#f00;}

select {vertical-align: middle;border-color: #666666 #CCCCCC #CCCCCC #666666;border-style: solid;border-width: 1px;color: #333;padding: 3px;margin: 0;margin-right:5px;}
.input-text,textarea{border: 1px solid #A7A6AA;height: 22px;margin: 0 5px 0 0;padding: 2px 0 2px 5px;border: 1px solid #d0d0d0;background: #FFF url(../images/input.png) repeat-x;}
textarea{height:auto !important;}
.input-date{cursor:pointer;background:#fff url(../images/input-date.gif) right center no-repeat;}
.btn{border:none;padding:4px 10px;*padding:4px;_padding:3px;background: #ccc;color: #555;font-size: 14px; line-height:20px;cursor:pointer;border-radius:2px;}
.btn-mid{padding:8px 20px;border-radius:4px;font-weight:bold;}
.btn-confirm{background: #357CF8;color: #FFFFFF;}
.btn-alert{background:#f60;color:#fff !important;}

#header{background:#f8f8f8 url(../images/header-shadow.png) bottom repeat-x;height:60px;padding:5px 0;}
#header .logo{float:left;margin-right:15px}
#header .title{float:left;margin-top:10px;;padding-left:15px;color:#28a9e3;font-size:25px;font-weight:bold;background:url(../images/seperate-v.png) left center repeat-y;}
#header .member{float:right;margin-top:5px}
#header .member a{margin:0 10px;}
.nav{margin-top:-5px;height:50px;line-height:50px;background:#3498FB;border-bottom:1px solid #2680da;}
.nav a{display:inline-block;padding:0 30px;font-size:16px;font-weight:bold;color:#fff;}
.nav a.active{background:#2889e9;}

.breadclumb{line-height: 30px;height: 30px;color: #999999;margin-top: 5px;clear: both;margin-bottom: 5px;}

.sidebar{float:left;padding:10px;padding-bottom:30px;width:140px;background:#f5f5f5;border:1px solid #d5d5d6;}
.sidebar dl{padding:10px 0;background:url(../images/seperate-h.png) center bottom repeat-x;}
.sidebar dt{margin-bottom:5px;font-size:16px;font-weight:bold;color:#666;}
.sidebar dd{padding:1px 0;font-size:14px;line-height:30px;}
.sidebar dd a{display:block;padding-left:20px;}
.sidebar dd a:hover,.sidebar dd a.active,.sidebar dd.active a{background:#28A9E3;color:#fff;}
#container{padding-bottom:30px;}
.mainbody{float:right;width:800px;padding-bottom:20px;}

/*==== 图标 ====*/
.icon-member{padding-left:20px;background:url(../images/icon-member.png) left center no-repeat;}
.icon-cross{padding-left:20px;background:url(../images/icon-cross.png) left center no-repeat;}
.icon-fx{padding-left:20px;background:url(../images/icon-fx.png) left center no-repeat;}
.icon-group{padding-left:20px;background:url(../images/icon-group.png) left center no-repeat;}
.icon-chart{padding-left:20px;background:url(../images/icon-chart.png) left center no-repeat;}
.icon-gear{padding-left:20px;background:url(../images/icon-gear.png) left center no-repeat;}


/*==== 首页 ====*/
/*.mainbox a{float:left;display:inline-block;margin-right:10px;height:120px;line-height:120px;width:32%;font-size:22px;color:#fff;text-align:center;}*/
/*.mainbox .box-blue{background:#28a9e3;}*/
/*.mainbox .box-green{background:#27b779;}*/
/*.mainbox .box-yellow{background:#f2ae43;}*/
/*.mainbox a:hover{opacity:.8;filter:alpha(opacity=80);}*/
/*.news{padding:20px 0;}*/
/*.news h2{padding:10px 25px;font-size:16px;color:#28a9e3;background:url(../images/news.png) 5px center no-repeat;border-bottom:2px solid #ccc;}*/
/*.news ul{padding:10px;}*/
/*.news li{padding-left:20px;background:url(../images/arrow-news.gif) 5px center no-repeat;line-height:40px;border-bottom:1px dotted #ccc;}*/
/*.news li .date{float:right;}*/


/*==== 功能 ====*/
.tabs-title{padding:5px 0;height:30px;border-bottom:1px solid #ccc;}
.tabs-title a{display:inline-block;width: 100px;text-align: center;height: 30px;float: left;line-height: 30px;color: #636262;}
.tabs-title a:hover{background: #f4f4f4;}
.tabs-title a.active{background: #357CF8 !important;color: #FFFFFF;}
.tabs-content{padding-top:20px;}
.tabs-content .option {padding:8px 0;line-height:25px;}
.tabs-content .option label{ display:inline-block;vertical-align:top;padding-top:2px;}
.tabs-content .option .text-box{display:inline-block;line-height:32px;}
.tabs-content .option .text-box a{margin-right:15px;color:#06c;}
.tabs-content .option select{margin-right:20px;}
.msg-list{margin-top:10px;border:1px solid #ddd;}
.msg-list li{padding:15px;height:65px;line-height:22px;border-top:1px solid #ddd;}
.msg-content{float:left;width:380px;overflow:hidden;}
.msg-status{float:left;width:120px; text-align:center;}
.msg-status a{display:inline-block;padding-right:12px;background:url(../images/arrow-green.gif) right center no-repeat;color:#26b577;}
.msg-time{float:left;width:120px; text-align:center;}
.msg-action{float:left;width:145px;text-align:center;}
.msg-action a{display:inline-block;color:#357cf8;height:20px;line-height:20px;margin:1px;padding:0 10px; border:1px solid #fff;}
.msg-action .active,.msg-action a:hover{background: #F6A36C;border: 1px solid #db7e40;color: #FFFFFF;}
.page{height:25px;padding:5px 0;}
.page .page-list{float:right;line-height:25px;font-size:14px;}
.page .page-list span{display:inline-block;float:left;}
.page .page-list a {float:left;display: inline-block;padding:0 10px;height: 25px;background: #F2F2F2;line-height: 25px;text-align: center;border: 1px solid #9B9B9B;margin:0 5px;}
.page .page-list input {float:left;width: 35px;height: 25px;border: 1px solid #9B9B9B;text-align:center;}
.page .page-list button {float:left;border: 1px solid #F86809;color: #F86809;background: #F2F2F2;width: 50px;height: 28px;margin-left: 5px;line-height: 25px;text-align: center;}
.page .status-list a{margin:0 5px;color:#06c;font-size:14px;}
.page .status-list label{font-size:16px;margin:0 20px 0 3px; vertical-align:middle;}

.group{padding-top:15px;border-top:1px solid #ccc;}
.group-list{padding:10px 0;}
.group-list p{padding-left:50px;padding-top:10px;}
.group-list .mright{display:inline-block;margin:5px 5px 0 0;}
.group-list input.mright{_margin-right:1px;}
.group-list .input-long{width:400px;}
.group-list .input-mid{width:355px;}
.group-title{height:35px;border-bottom:1px solid #ddd;line-height:34px;font-size:16px;color:#0562d9;position:relative;}
.group-title em{display:inline-block;padding:0 15px;border-bottom:2px solid #f00;}
.group-content{padding:20px 0;line-height:25px;}

.content-box{margin-bottom:20px;padding:15px;border:1px solid #ddd;}
.content-box .list{padding:10px 0;}
.content-box .list li{display:inline-block;padding:3px 0;width:600px;line-height:30px;font-size:14px;}
.content-box .list li label{display:inline-block;float:left;padding-right:10px;vertical-align:top;width:100px;text-align:right;}
.content-box .list li .cbox{float:left;}
.content-box .list li .image{width:100px;height:100px;overflow:hidden;border:1px solid #ccc;border-radius:5px;background:#f6f6f6;}

.items{font-size:14px;}
.items strong{color:#f60;}
.items label{margin-right:5px;font-size:12px;}
.table-info{margin:20px 0;}
.table-info thead th{background:#e2e2e2;border:1px solid #ccc;}
.table-info td,.table-info th{padding:8px;border:1px solid #ddd;text-align:center;}
.table-info tr.bg td{background:#e9f6ff;}
.table-info .action a{margin:0 3px;color:#06c;}
.table-info .info{text-align:left;line-height:22px;}
.table-info .info .image{float:left;width:60px;height:60px;line-height:60px;border:1px solid #ddd;background:#f6f6f6;border-radius:3px;text-align:center;margin-right:15px;overflow:hidden;}
.table-info.border-none td{ border:none;}
.table-info-mbz{ margin-bottom:0;}
.log-list li{line-height:35px;border-bottom:1px dotted #ccc;}

.message-list .time{margin:10px 80px;height:24px;text-align:center;background:url(../images/seperate-h.png) center repeat-x;}
.message-list .time em{display:inline-block;padding:0 40px;background:#fff;line-height:24px;}
.message-list .box{padding:10px 0;position:relative;}
.message-list .img{float:right;width:60px;height:60px;background:#f4f4f4;border:1px solid #d3d3d3; border-radius:3px;overflow:hidden;text-align:center;} 
.message-list .content{float:right;margin:0 15px;width:600px;padding:20px;border:1px solid #ccc;border-radius:5px;line-height:22px;}
.message-list .arrow{position:absolute;right:66px;top:30px;width:15px;height:15px;background:url(../images/box-right.gif) center no-repeat; z-index:10;}
.message-list .to .arrow{left:66px;background:url(../images/box-left.gif) center no-repeat; }
.message-list .to .img{float:left;}
.message-list .to .content{float:left;border-color:#f0c5a7;background:#f6f6f6;}

.head-title{padding:20px;font-size:25px;text-align:center; }
.head-brief{padding:20px;font-size:14px;}
.box-alert{background:#fcfcf0;border:1px solid #f8f0d4;}

/*注册登陆*/
.wrapper{margin:0 auto;width:965px;}
.wrapper .header{padding:10px 0;}
.wrapper .header span {display:inline-block;font-size:20px;margin: 15px 0 0 25px;padding-left:15px;background: url(../images/seperate-v.png) left center repeat-y;color:#28a9e3;}
.panel{border:1px solid #ccc;border-radius:5px;padding:30px;}
.step_name {background: url("../images/regstep.png") no-repeat;}
.step_name {background-position: 0 -6px;}
.step_name li {float: left;height: 34px;text-align: center;width: 300px;font: bold 14px/34px "Microsoft YaHei";color: #999;}
.step1 .step_name_1 {color: #fff;}
.register{padding-top:20px;}
.password_strength{padding-top:10px;}
.password_strength div {float: left;width: 54px;margin-right: 4px;display: inline;}
.password_strength p {padding: 0;margin: 0;height: 8px;overflow: hidden;background-color: #ddd;}
.password_strength .current_level_pointing {background-color: #ffa63c;}
.password_strength span {display: block;text-align: center;line-height: 22px;color: #999;}

.login{height:450px;background:url(../images/login-bg.jpg) left bottom no-repeat;	position:relative;border-radius:5px;}
.login-box{width:280px;padding:10px 0 30px;right:30px;top:45px;position:absolute;z-index:101;background-color:rgba(34,115,195,0.6);_background-color:#2273c3;}
.login-box h2{color:#fff;}
.login-box .f-pass{display:inline-block;width:80px;height:22px;text-align:center;padding-top:8px;margin-right:5px;zoom:1;}
.login-tab{height:35px;clear:both;width:240px;margin-left:16px;}
.login-tab .tab-item{width:80px;height:35px;float:left;display:inline;position:relative;cursor:pointer;list-style:none;}
.login-tab .tab-item a{width:100%;height:35px;line-height:35px;color:#b8b7b7;font-size:14px;text-align:center;display:block;text-decoration:none;outline:none;position:absolute;}
.login-tab .tab-selected a{font-weight:bold;color:#fff;}
.tang-pass-login form{margin-left:30px;}

.tang-pass-login .clearfix:after,.tang-pass-login .pass-form-item:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.tang-pass-login{font:12px/1.5 tahoma,arial,Hiragino Sans GB,\5b8b\4f53;position:relative;}
.tang-pass-login .pass-form-item{margin-top:20px;display:block;position:relative;}
.tang-pass-login .pass-label{height:26px;line-height:26px;padding-right:5px;float:left;font-size:12px;color:#fff;}
.tang-pass-login .pass-text-input{width:207px;padding:0 5px 0 5px;float:left;display:inline;border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fff;height:32px;font-size:14px;color:#333;*line-height:24px;line-height:24px;-webkit-transition-property:all;-webkit-transition-duration:.5s;-moz-transition-property:all;-moz-transition-duration:.5s;-o-transition-property:all;-o-transition-duration:.5s;transition-property:all;transition-duration:.5s;}
.tang-pass-login .pass-text-input a{font-size:12px;color:#d70000;display:block;text-align:center;line-height:32px;}
.tang-pass-login .pass-text-input-hover{border-left-color:#ababab;border-top-color:#ababab;border-right-color:#ccc;border-bottom-color:#ccc;}
.tang-pass-login .pass-text-input-focus{border-left-color:#377bcb;border-top-color:#377bcb;border-right-color:#377bcb;border-bottom-color:#377bcb;}.tang-pass-login .pass-text-input-error{border-left-color:#d91111;border-top-color:#db1111;border-right-color:#d91111;border-bottom-color:#d91111;}.tang-pass-login .pass-generalError{color:#ff7326;height:30px;font-size:12px;line-height:30px;}
.tang-pass-login input:focus{outline:0;}
.tang-pass-login .pass-button-submit:hover{background-position:0 -40px;}
.tang-pass-login .pass-button-submit:active{background-position:0 -80px;}
.login-box-bottom{margin-top:20px!important;margin-top:5px;margin-left:30px;}
.login-box-bottom a{font-size:12px;color:#fff;}

.login-nav-separate{width:10px;height:35px;float:left;display:inline;list-style:none;position:relative;margin-right:12px;}
.login-nav-separate span{width:100%;height:35px;line-height:35px;color:#b8b7b7;font-size:14px;text-align:center;display:block;position:absolute;}
.login-box .tang-pass-login .pass-form-item-password{margin-top:6px;}
.login-box .tang-pass-login .pass-form-item-password label{display:block;text-align:left;}
.tang-pass-login .pass-button-submit{background:url(../images/button.png) no-repeat;width:220px;height:40px;border:none;color:#FFF;background-position:0 0;font-size:20px;letter-spacing:3px; cursor:pointer;}

/*JS*/
.fl{ float: left;}
.fr{ float: right;}
.both{clear:both;}
.block{display: block;}
.none{display:none;}
.red{color:red;}