body { background-color: #ffffff; font-family: "Arial",  'Microsoft Yahei',"Lucida Grande", "Tahoma","Helvetica", "sans-serif";  }
body, html { height: calc(100% - 10px); font-size: 14px; }
ul { list-style: none; padding: 0; margin: 0; }
.fr { float: right; }
.fl { float: left; }
.pr20 { padding-right: 20px; }
.mr20 { margin-right: 20px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt10 { margin-top: 10px; }
.mt16 { margin-top: 16px; }
.mt30 { margin-top: 30px; }
.fs12 { font-size: 12px; }
.cred {color: #b50c0a!important;}
.cff0000 {color: #ff0000!important;}
.c08a5e0 {color: #08a5e0!important;}
.cb3b3b3 {color: #b3b3b3!important;}
.cff6600 {color: #ff6600!important;}
.c008000 {color: #008000;}
.cffffff {color: #ffffff!important;}
.bge4e4e4 { background-color: #e4e4e4; }
.bgcecece { background-color: #cecece!important; color: #fff!important; }
.bgf07878 { background-color: #f07878!important; }
.bg6cc67f { background-color: #6cc67f!important; }
.bg08a5e0 { background-color: #08a5e0!important; }
.bgfdeedf { background-color: #fdeedf!important; }
.bgf0f0f0 { background-color: #f0f0f0!important; }
.form-horizontal .form-group {margin-right: 0;margin-left: 0;}
.alignl{text-align: left!important;}
.alignr{text-align: right!important;}
.alignc{text-align: center;}
.btn-info {background-color: #08a5e0;border-color: #08a5e0;}
a.btna-grey {padding: 0 22px;height: 25px;line-height: 25px;color: #4b4b4b!important;cursor: pointer;background-color: #dcdfe3;display: inline-block;border-radius: 5px;font-size: 12px;}
a.btna-grey-1 {padding: 0 5px;height: 24px;line-height: 24px;color: #08a5e0;cursor: pointer;background-color: #f4f4f4;display: inline-block;font-size: 12px;border: 1px solid #c9c9c9;}
a.btna-blue {padding: 0 22px;height: 25px;line-height: 25px;color: #4b4b4b;cursor: pointer;background-color: #08a5e0;display: inline-block;border-radius: 5px;font-size: 12px;color: #ffffff;}
a.btna-grey:hover,
a.btna-blue:hover,
a.btna-grey-1:hover {text-decoration: none;}
.fwbold { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-family: 'Microsoft Yahei'; }
.vera-mid { vertical-align: middle!important; }
.lh25 {line-height: 25px;}
.row { margin:0; }
.container { padding: 0; }
.col-sm-12 { padding: 0; }
a:hover { text-decoration: none; }



/** 个人中心-头部  **/
.mainWrap .container { width: 1200px; }
.mainWrap { height: 65px; width: 100%; background-color: #ffffff; }
.mainWrap .logo { height: 43px; margin-top: 11px; float: left;  }
.mainNav { height: 65px; background-color: #ffffff;  }
.mainNav ul { float: right; }
.mainNav ul li { width: auto; float: left; padding: 0 15px; line-height: 62px; border-top:3px solid #ffffff; }
.mainNav ul li>a { display: block;  font-size: 16px; color: #10487b; text-align: center; width: 100%; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; }
.mainNav ul li.on>a,
.mainNav ul li:hover>a { color: #e4a219; }
.mainNav ul li.on,
.mainNav ul li:hover { text-decoration: none; color: #e4a219; border-top:3px solid #e4a219;}

footer { height: 120px; background-color: #000000; color: #ffffff; text-align: center; }
footer .container { height: 100%; }
footer .row { display: table; width: 100%; height: 100%; }
footer .row .col-ms-12 { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
@media (max-width: 1280px){
.mainWrap .container { width: 1000px; }
}