/*框架部分*/
body{color: #333;}
.hack p{margin-bottom: 15px;}
h3{font-size: 22px;margin: 0;color: #494d55;}
a{cursor: pointer;}
a:hover{text-decoration: none;}
a:link{text-decoration: none;}
.personal_center{margin-top: 50px;}
#user_aside{font-size: 16px;padding: 0 30px 0 0;}
#user_aside .topic{border-top: 1px solid #dadfe1;border-bottom: 1px solid #dadfe1;color: #99a2a2;
    padding: 7px 0 3px 14px;margin-bottom: 15px;}
#user_aside .topic b{color: #000;font-size: 17px;}
#user_aside .topic .en{font-size: 12px;}
#user_aside .ul_list{padding-left: 14px;line-height: 2em;font-size: 15px;}
#user_aside .ul_list li a{color: #494d55;}
#user_aside .ul_list li a:hover{color: #797f7f;}
#user_aside .ul_list li.on a{color: #000;font-weight: bold;}
#user_aside .ul_list .message_num{color: #fff;background-color: #cd0000;font-size: 12px;padding: 0 9px;font-weight: normal;
    margin-left: 5px;-webkit-border-radius: 12px;-moz-border-radius: 12px;
    -ms-border-radius: 12px;-o-border-radius: 12px;border-radius: 12px;}
.personal_center .main_info{border: 1px solid #dadfe1;min-height: 500px;padding: 0;}
.personal_center .main_info .main_title{padding: 14px 30px;position: relative;border-bottom: #dadfe1 1px solid;background-color: #333;}
.personal_center .main_info .main_title h3{font-size: 17px;margin: 0;color: #fff;}
.personal_center .main_info .main_title a{color: #fff;}
.personal_center .content{padding: 30px 30px 70px 30px;}
@media (max-width: 991px){
    #user_aside{padding: 0;}
    #user_aside .ul_list{display: flex;flex-wrap: wrap;margin-bottom: 20px;}
    #user_aside .ul_list li{padding-right: 10px;}
}
@media (min-width: 1200px){.personal_center .container {width: 980px;}}
.mgr_page{margin-top: 20px;}
.mgr_page li{margin-bottom: 6px;}
/*带表格框架部分*/
table{width: 100%;border-collapse: collapse;table-layout: fixed;}
table a{color: #226dd4;}
table tr{border-bottom: 1px solid #e8ebec;}
table th, table td {padding: 10px 5px;text-align: center;}
@media screen and (max-width: 600px){
    table{border:0}
    table thead{display:none;}
    table tr {margin-bottom: 10px;display: block;border-bottom: 2px solid #ddd;}
    table td {display: block;text-align: right!important;font-size: 13px;border-bottom: 1px dotted #ccc;}
    table td.empty{text-align: center!important;border-top: 1px solid #e8ebec;}
    table td:last-child {border-bottom: 0;}
    table td:before {content: attr(data-label);float: left;font-weight: bold;padding-right: 9px;}
}

.operate .item{margin-bottom: 20px;font-size: 14px;}
.operate .item a{font-size: 14px;}
.operate .op_label{position: absolute;line-height: 23px;}
.operate .item .choices{margin-left: 76px;}
@media screen and (max-width: 430px){
    .operate .op_label{position: relative;font-weight: bold;}
    .operate .item .choices{margin-left: 0!important;margin-top: 8px;}
}
.operate a.btn{color: #494d55;padding: 0 10px;}
.operate a.active{color: #fff;background-color: #333;}

.report{
    line-height: 50px;
}

.select , .search-area {margin-bottom: 20px;}
.select a{font-size: 14px;}
.select a.btn{padding: 0 10px;}
.select .btn:hover{color: #fff;background-color: #333;border-color: #333;}
.select .btn.active{color: #fff;background-color: #333;border-color: #333;}
.text-overflow {overflow: hidden;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
/*绑定微信*/
.select #wechat .fa{color: #333;margin-left: 5px;}
.select #wechat:hover .fa{color: #fff;}
.select #wechat.active .fa{color: #fff;}
/*机器人*/
#user_aside .machine{margin-top: 90px;}
#user_aside .robot-holder{display: inline-block;}
#user_aside .talking{border: 1px solid #ddd;padding: 8px;position: absolute;top: -37px;-webkit-border-radius: 4px;
    -moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;background-color: #555;
    color: #fff;width: 150px;height: 45px;}
#user_aside .talking:before{clear: both;content: "";display: table;height: 8px;width: 8px;background-color: #555;
    transform: rotate(45deg);border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;position: relative;top: 32px;left: 61px;}
#user_aside .talking div{position: absolute;top: 0;left: 0;padding: 5px 8px;width: 100%;height: 100%;font-size: 12px;}
#user_aside .machine img{width: 160px;}
#user_aside .machine #machine_name{font-size: 16px;font-weight: bold;text-align: left;width: 100px;margin: 0 auto;}
#user_aside .machine #machine_info{line-height: 2em;text-align: left;width: 100px;margin: 10px auto;font-size: 12px;}
@media (max-width: 991px){
    #user_aside .machine{display: none;}
}
/*footer样式部分*/
/*.hack .footer-wrapper,.hack .inner-container{max-width: 980px;padding-left: 20px;padding-right: 20px;margin-left: auto;margin-right: auto;}
.hack .footer {font-size: 12px;padding: 0;background-color: #fff;}
.hack .footer-wrapper {padding: 20px 0;}
.hack .footer-copyright {color: #a5a5a5;float: left;}
.hack .footer-nav {zoom: 1;float: right;}
@media (min-width: 768px){.hack .footer-nav-item {float: left;}}
.hack .footer-nav-item {padding-right: 15px;}
.hack .footer-nav-item:last-child {padding-right: 0;}
.hack .footer-nav-item-link{text-decoration: none;color: #666;opacity: .65;-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;-o-transition: opacity 0.2s ease-in-out;transition: opacity 0.2s ease-in-out;}
.hack .footer-nav-item-link:hover{opacity: 1;text-decoration: underline;}*/