body {background: #eee;}
.wh {background: #fff; padding-bottom: 10px;}
.main {margin-top: 0; padding-top: 90px;}
.indexL {width: 910px; display: flex; flex-wrap:wrap; align-content: flex-start; }
.indexR {width:320px; position: relative;}

.cb {width:48%; padding-right: 2%;}
.cb h3 {height:32px; margin:10px 0; padding-left: 5px; color: #333; font-size: 1.1em; display: flex; border-bottom: 1px solid #eee;}
.cb h3 span { margin-left: 15px; padding-top: 5px; font-size: 16px; color: #999; font-weight: normal; }
.cb h3 span a {font-size: 16px; color: #999;}
.cb h3 a:hover {color:#f30}
.cb p { margin-bottom: 10px; display: flex; justify-content: space-between; align-items:flex-start}
.cb p a {min-width: 15%; margin-right: 5%;display: inline-block; font-size:15px;}
.cb p a img {height: 45px;}
.cb p a em {max-width: 68px; display: block; text-align: center; color: #999;}
.cb p a:hover em {color: #f30;}

.cb p span {min-width: 15%; margin-right: 5%;display: inline-block; font-size:15px;}
.cb p span img {height: 45px;}
.cb p span em {max-width: 68px; display: block; text-align: center; color: #999;}
.cb p span a:hover em {color: #f30;}

ul.cc  {display: flex; flex-wrap:wrap; padding-bottom: 20px;}
ul.cc li {min-width:20%; border-bottom: 1px dashed #eee;}
ul.cc li a {line-height:2.2; font-size: 18px; padding-left: 5px;}
ul.cc li a:hover {text-decoration:none}
ul.cc li span {line-height:2.2; font-size: 18px; padding-left: 5px; color:#5a594f;}
ul.cc li.allline {width:467px;  padding:0 10px;}
ul.cc li.allline a {display:inline; padding:0;}

.rh3 {height: 25px; color: #333; font-size: 18px; font-weight: 700; margin: 10px 0 5px; display: flex; justify-content: space-between;}
#rUserid {font-size: 24px; padding-bottom: 10px}
#rUserid em {display: inline-block; font-size: 16px; font-weight: normal; color: #999; padding-top: 8px;}
#rUserExp {background: #fff9de; border: 1px solid #d5cc9f; padding: 8px 12px; margin: 0 0 10px; border-radius: 6px; font-size: .9em;}
.mytrade ul li {display: flex; justify-content: space-between; padding: 5px 0;}
.mytrade ul li img {width: 50px; height: 50px; margin-right: 5px;}
.mytrade ul li span {width: 45%; display: inline-block; font-weight: normal; overflow: hidden;}
.mytrade ul li span em {display: block; font-size: 14px; color: #999; padding-top: 5px;}
.mytrade ul li div {width: 35%; display: inline-block;  font-size: 15px; text-align: right;}
.mytrade ul li div a {display: inline-block; border-radius: 4px; padding: 8px; border:1px solid #e1e1e1; background-image: linear-gradient(to top left, #efefef, #fff); text-align:center;}
.mytrade ul li div a:hover {background-image: linear-gradient(to top left, #fff, #efefef);}
.affairs li {display: flex; justify-content: space-between; color: #5682af; padding: 8px 0 8px 16px; background: url(../images/icon_litArrow.png) no-repeat 0 12px;  border-bottom: 1px dashed #eee;}
.affairs li a {color: #f30; }


.official {display: flex; justify-content: space-between; padding-bottom: 15px;}
.official a {display: inline-block;}
.official a img {height: 50px;}
.link {display: flex; flex-wrap: wrap; line-height: 1.8;}
.link a { padding-right:15px;}
.foot {display: flex; justify-content: space-between; padding: 10px 0; color: #9b968f;}
.foot p {text-align: left; padding-bottom: 5px;}