body { margin:0; padding:0; font-size: 15px; background:#f2f2f2; color:#333;font-family:"Arial, Helvetica, sans-serif";  width:100%; height:100%; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:100%; }
p { margin:0; padding:0; }
ul { margin:0; padding:0; list-style:none; }
a { color:#333; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:0; }
form, button, input, textarea { margin: 0; padding: 0; }
button, input, select, textarea { font-size:100%; vertical-align:middle; } 
table { border-collapse: collapse; border-spacing: 0; }

.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }

.all { background:#f2f2f2; }
.nav{ width: 100%; height: 85px; background: #272930;}
.nav .nav_tab{ width: 1200px; margin: auto; overflow: hidden; height: 85px;}
.nav .nav_tab .logo{ width: 235px; height: 85px; float: left; border-right:solid 1px #33353c}
.nav .nav_tab .logo img{ margin-top: 20px;}
.nav .nav_tab .nav_list{ width: 455px; height: 85px; float: left;}
.nav .nav_tab .nav_list ul{ padding: 0px;}
.nav .nav_tab .nav_list ul li{  font-size: 16px; color: #fff;  float: left; list-style: none; float: left; margin-left: 35px; margin-top: 30px;}
.nav .nav_tab .search{ width: 226px; height:85px; float: left; position: relative}
.nav .nav_tab .search input{ width: 230px; height: 34px; border:none; background: #000; float: left; margin-top: 20px; padding-left: 5px; }
.nav .nav_tab .search span{ display: block; float: right; position: absolute; top: 27px; right: 5px;}
.nav .nav_tab .login{ width: 246px; height: 85px; float: right; border-left:solid 1px #33353c}
.nav .nav_tab .login a{display: block; width: 103px; height: 33px; margin-top: 20px;}
.nav .nav_tab .login a:nth-child(1){  background: #2d6ff7; color: #fff; text-align: center; line-height: 33px; margin-left: 20px;}
.nav .nav_tab .login a:nth-child(2){  background: #7c7f85; color: #fff; margin-left: 19px;text-align: center; line-height: 33px; float: left;}

/*主体*/
.center_mian { width: 1200px; margin: 0 auto;  }
.main { width: 845px;text-align: left;}
.list { width: 325px; background: #fff }
.problem { height: 95px; border: 1px solid #e4e4e4; border-top: none; text-align: center}
.problem a { width: 290px; height: 48px; color: #fff; line-height: 48px; display: inline-block; background: #2d6ff7; margin-top: 22px; border-radius: 3px; }

/*热门问题*/
.list_menu { text-align: left; border: 1px solid #e1e3e3; }
.list_menu h3 { height: 55px; line-height: 55px; color:#26333b; background: #f9f9f9; padding-left: 25px; }
.list_menu h3 img { width: 15px; margin-right: 5px }
.list_menu ul { width: 282px; margin: 0 auto; }
.list_menu ul li { padding:25px 0; border-bottom: 1px solid #e9eaea }
.list_menu ul li img { width: 23px; height: 23px; border-radius: 50%; margin-right: 11px; vertical-align: top; margin-top: 5px;}
.list_menu ul li span { display: inline-block; width: 215px;}

/*左侧*/
.main_nav { height: 95px; background: #fff; line-height: 95px; border: 1px solid #e4e4e4; border-top: none; padding-left: 38px;}
.main_nav a { font-weight: bold; padding: 2px}
.instance { /* height: 418px; */ border: 1px solid #e4e4e4; background: #fff; position: relative; }
.instance_head { padding: 35px 0 50px 0; width: 772px; margin: 0 auto; border-bottom: 1px solid #e7e9e9;  }
.instance_head .img img { width: 45px; height: 45px; border-radius: 50%; border: 3px solid #2d6ff7; padding: 3px; }
.jiantou { position: absolute; top:150px;color: #677483; left: 45px; font-size:18px; font-weight: bold; text-align: center;width: 35px; }
.jiantou span { display: block;}
.jiantou img { width: 18px; }
.contents { padding-left: 24px; width: 675px; }
.contents_head .name { font-size: 16px; color: #2d6ff7; }
.contents_head .time { color: #989898; padding:0 20px; font-size: 12px}
.contents_head .number {color: #989898; font-size: 12px }
.contents_head .number img { padding-right: 14px; vertical-align:middle; }
.contents .title { font-size:20px; font-weight: bold; padding:5px 0 15px 0}
.contents .dope {color: #666; line-height: 24px }
.contents .dope p{padding: 12px 0; }
.contents .dope img {width: 100%;}
.contents .contents_btn{margin:30px 0;}
.contents .contents_btn  span { margin: 34px 10px 30px 0; color: #868686; text-align: center; line-height: 30px; border: 1px solid #d7d7d7; display: inline-block; width: 50px; height: 30px;  }
.contents .contents_btn a { color: #868686 ;color: #868686;

    padding: 4px 8px;
    
    border: 1px solid #cfc9c9;
    
    margin-left: 4px;}
.trouble a { background: #272930; text-align: center;  border: 2px solid #272930; width: 120px;  height: 34px; line-height: 34px; color: #fff; display: inline-block; }
.instance_bottom {  width: 772px; margin: 15px auto; }
.instance_bottom .fl { padding-top: 3px; }
.instance_bottom .fl img { margin-right: 6px; vertical-align: sub;  }
.instance_bottom .fr { padding-right: 80px; font-size: 12px; }
.instance_bottom .fr ul li { float: left; padding-left: 20px;}
.instance_bottom .fr ul li:first-child { margin-top: 2px; margin-right: 5px}
.instance_bottom .fr ul li:first-child img { width: 26px; vertical-align: middle; margin-right: 8px;}
.instance_bottom .fr p{float: left;line-height: 30px;}
.instance_bottom .fr img{margin-top:5px;}
.instance_bottom .fr div{float: right;margin-left: 10px;}

/*其他问题*/
.other { background: #fff; border: 1px solid #e4e4e4; margin-top: 8px; padding: 20px 40px }
.other{margin:5px;}
.other a{margin:0 56px 0 0; padding-left:14px;
    width:40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
    line-height:30px; font-size:14px; color:#333; position:relative}
.other a:before{ content:""; position:absolute; background:#333; width:4px; height:4px; border-radius:4px; top:13px; left:0}
.other h3 { font-size: 14px; font-weight: bolder; color: #000; padding-bottom: 15px; }
.other ul li { float: left; width: 253px; padding-bottom: 8px; }
.other ul li a { color: #666; }

/*回答*/
.answers { border: 1px solid #e4e4e4; background: #fff;  }
.skele {border-bottom:1px solid #e7e9e9 }
.skele .instance_head { border-bottom: none; }
.answers h3 { height: 60px; line-height: 60px; padding-left: 40px; font-weight: bold; font-size: 16px; border-top: 1px solid #e4e4e4; color: #000; background: #f9f9f9; border-bottom: 1px solid #e4e4e4; }
.positio .job span { display:inline-block;  }
.positio .job span:first-child {color:#2d6ff7; font-size: 16px; /*border-right: 1px solid #e4e4e4;*/ padding-right: 12px }
.positio .job span:last-child { color: #656565;/* padding-left: 12px*/}
.positio .job img { vertical-align: middle;/* padding-left: 12px;*/ width: 20px}
.positio .place { color: #989898; margin:7px 0; }
.positio .place span { display: inline-block; text-align: center; font-size: 12px; line-height: 22px; height: 22px; background: #6b3de4; color: #fff; padding:0 10px;}
.positio .place_time { color: #989898; padding-bottom: 21px; }
.positio .place_con { color:#666; }
.positio .place_con span { display: block; line-height: 26px; }
.place_con p { line-height: 26px; padding: 12px 0;}
.place_con p img { width: 100%;}
.reply { width: 658px; padding:35px 0 27px 130px; margin: 0;  }
.reply .contents { width: 575px; }
.reply .name { color: #2d6ff7;}
.reply .zw a {color: #2d6ff7; }
.reply .time { color: #989898; padding: 15px 0 30px 0; }
.reply .place_con { color: #666; padding-bottom:15px;  }
.instance_head  .tem { position: relative;}
.instance_head .key { position: absolute; right: 6px; top: 0; color: #2d6ff7;}
.put { height: 59px; color: #666; line-height: 59px; padding-left: 120px;}
.put label { color: red}
.put span:last-child { margin-top:11px; display: inline-block; text-align: center; color: #fff; margin-left: 130px; width: 118px; line-height: 37px; height: 37px; background:#272930; border: 2px solid #797979 }
.put span:last-child a { color: #fff;  }

.switch { background: #fff; border: 1px solid #e7e9e9; margin-bottom: 10px; }
.switch .hd { height:85px;  background:#f9f9f9; padding:0 10px 0 20px; border-bottom:1px solid #e7e9e9; position:relative; }
.switch .hd ul { float:left; border: 1px solid #eceded; position:absolute; left:20px; top:-1px; height:50px; line-height: 50px; margin-top: 35px;   }
.switch .hd ul li { float:left; cursor:pointer; border: 1px solid #eceded; width: 85px; height: 50px; text-align: center; }
.switch .hd ul li.on { height:50px; background:#fff; border:1px solid #e7e9e9; border-bottom:2px solid #fff; }

.switch .bd ul { padding: 0 38px; zoom:1; } 
.switch .bd ul span { display: block; }
.switch .bd ul li { line-height: 24px; border-bottom:1px #e4e4e4 dashed; padding:14px 0}

.switch .bd ul li span{color: #666; margin-bottom: 5px; font-size: 13px;}
.switch .bd ul li a span{ color: #000; font-size: 15px;}
.switch .bd ul li:last-child { border-bottom:none; }
.switch .bd ul li label a{ color: #2d6ff7;}
 span.zw.fr{ color: #2d6ff7;}
.footer{ width: 100%; float: left; background: #000;} 
.footer .footer_t{ width: 1200px; margin: 86px  auto 56px auto; overflow: hidden;}
.footer .footer_t .foot1{ width: 332px; float: left; margin-right: 52px; }
.footer .footer_t .foot1 .f_logo{ width: 50px; height: 70px; float: left;;}
.footer .footer_t .foot1 .foot_text{ width: 273px; float: left; color: #999; margin-left: 5px}
.footer .footer_t .foot2 { width: 100px; float: left; margin-right: 120px;} 
.footer .footer_t .foot2 p{ font-size: 14px; color: #999; margin-bottom: 12px;}
.footer .footer_t .foot2 .p_title{ font-weight: bold; font-size: 16px; color: #fff; margin-bottom: 20px;}
.footer .footer_t .foot3 { width: 70px; float: left;}
.footer .footer_t .foot3 .bet p{font-weight: bold; font-size: 16px; color: #fff; margin-bottom: 15px; }
.footer .du{ width: 100%; float: left; text-align: center; color: #999; margin-top: 118px;}