body,h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, button, input, textarea,th, td,img{ margin: 0;padding: 0;}
body{font-family:Microsoft YaHei,"微软雅黑",arial, helvetica, verdana, tahoma, sans-serif; font-size:1em; background: #f4f4f4;}
a{-webkit-tap-highlight-color: transparent;}
a:link,a:visited,a:hover,a:active{text-decoration: none;}
a:active { outline: 0; }
a img{ border:none;}
table{ border-collapse:collapse;border-spacing:0;}
textarea{resize: none;}
ol, ul { list-style-type:none;}
em, i{ font-style:normal;}
input[type="submit"],input[type="reset"],input[type="button"],select,button{-webkit-appearance: none;}

.clear{clear:both; font-size:0; height:0; width:100%; overflow:hidden;}
.clearfix:after{content:""; display:block; clear:both;}
.clearfix{zoom:1;}

.header{ background: #151515;padding:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; max-width:640px;margin: 0 auto;}
.header div{  -webkit-box-flex:1 -webkit-flex:1; -ms-flex:1; flex:1; }
.header div:nth-of-type(2){ text-align: right;}
.logo img{width: 80%;max-width: 356px;}
.logo_text img{width: 60%;max-width: 258px;}

.btn_model{ padding: 10px;max-width: 640px;margin: 0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.btn_model li{-webkit-box-flex:1 -webkit-flex:1; -ms-flex:1; flex:1; margin: 0 5px;}
.btn_model li a{ display: block;padding: 8px 0;text-align: center;font-size: 1em; color: #4f4f4f;border-radius:4px;border: 1px solid #ccc;  background: #e1e1e1; }

.nav_list{padding: 12px 10px;background: #e83428; max-width:640px;margin: 0 auto;}
.nav_list ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.nav_list li{ display: block; -webkit-box-flex:1 -webkit-flex:1; -ms-flex:1; flex:1; width: 33%;text-align: center;}
.nav_list li:nth-of-type(2){border-left:1px solid #fff;border-right:1px solid #fff;}
.nav_list a{color: #ffffff;}

.img_list{ padding: 10px; max-width:640px;margin: 0 auto;}
.img_list ul{width: 100%;}
.img_list li{width: 100%; margin-bottom: 10px;}
.img_list li a{ display: block;color: #000;}
.img_list li span{ display: block; width: 100%; }
.img_list li img{border: 2px solid #e83428; margin-left: -2px;}
.img_list li div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.img_list li p{-webkit-box-flex:1 -webkit-flex:1; -ms-flex:1; flex:1;font-size: 0.875em;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right: 5px;}
.img_list li em{color: #939393;font-size: 0.875em;}
.addmore{ display: block;color: #4f4f4f;font-size: 1.2em;padding: 10px 0;margin: 10px 0; text-align: center;background: #e1e1e1;border: 1px solid #cccccc;}

.hot_news{ padding: 10px;max-width: 640px;margin: 0 auto;}
.hot_news h2{ border-bottom: 2px solid #e83428;padding-bottom: 2px;}
.hot_news h2 img{width: 28%;max-width: 180px;}
.hot_news li{ margin-top: 10px;}
.hot_news li a{ display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.hot_news li a div{-webkit-box-flex:1 -webkit-flex:1; -ms-flex:1; flex:1;}
.hot_news li a div:nth-of-type(1){ width: 30%;max-width: 200px;margin-right: 10px;}
.hot_news li a img{width: 100%;border: 1px solid #9f9f9f;}
.hot_news li p{color: #000;font-size: 0.875em;line-height: 150%;}
.hot_news li em{color: #939393;font-size: 0.8em;}

.sole_list{padding: 10px;max-width: 640px;margin: 0 auto;}
.sole_list h2{ border-bottom: 2px solid #e83428;padding-bottom: 2px;}
.sole_list h2 img{width:28%;max-width: 170px;}
.sole_list li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; margin-top: 10px;}
.sole_list li a{-webkit-box-flex:1 -webkit-flex:1; -ms-flex:1; flex:1; text-align: center;color: #000000;}
.sole_list li img{width: 90%;max-width: 296px;}
.sole_list li p{padding: 2px 0;font-size: 0.875em;}

.hot_ip{padding: 10px;max-width: 640px;margin: 0 auto;}
.hot_ip h2{ border-bottom: 2px solid #e83428;padding-bottom: 2px; margin-bottom: 20px;}
.hot_ip h2 img{width:36%;max-width: 170px;}
.ranking{}
.rank_tab{width: 96%;padding: 0 2%; text-align: center; margin-bottom: 30px;}
.rank_tab h3{font-size: 0.875em;font-weight: normal; text-align: center;padding:0 0 10px 0;}
.rank_tab h3 img{ display: inline-block;vertical-align: middle; width: 22px; margin-left: 5px;}

.rank_tab input,.rank_tab section {
  display: none;
}
.rank_tab label { display: inline-block;float: left;  width:50%; text-align: center;color: #000;font-size: 0.8em; border-bottom: 1px solid #525252; padding-bottom: 5px; }
label:hover {
  cursor: pointer;
  text-decoration: none;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 {
  display: block;
}
.rank_tab section{ clear: both;}
.rank_tab input:checked + label {  border-bottom: 2px solid #d43200; padding-bottom: 4px;text-decoration: none;}
.rank_tab ul{ padding-top: 10px;}
.rank_tab li{padding: 5px;border-bottom: 1px solid #cccccc;}
.rank_tab li a{ display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color: #000;}
.rank_tab li p{ display: block; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1;font-size: 0.875em;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rank_tab li p:nth-of-type(2){ text-align: right;padding-right: 5px;color: #939393;}
.rank_tab li p span{  color: #d43200;}
.rank_tab li em{ display: block; width: 40px;}
.rank_tab li img{width: 12px;height: auto;max-width: 22px;max-height: 22px;}
.rank_tab li em img{ display: inline-block; vertical-align: middle;}
.rank_tab li span.one,.rank_tab li span.two,.rank_tab li span.three{color: #d43200;}

.details_main{ max-width: 640px; background: #f4f4f4;margin: 0 auto; }
.details_main .title{padding: 10px; background: #d9d9d9;font-weight: normal;color: #000000;font-size: 1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.explain{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; padding:5px 0;border-bottom: 1px solid #BFBFBF; margin: 0 10px 10px 10px;}
.explain p{-webkit-box-flex:1 -webkit-flex:1; -ms-flex:1; flex:1;font-size:12px; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #7b7b7b;}
.explain p:nth-of-type(1){width: 120px;}
.explain_text{ padding: 10px;}
.explain_text p{font-size: 0.875em;color: #747474;line-height: 180%;}

.boxModel{padding: 10px;max-width: 640px;margin: 0 auto;}
.boxModel h2 img{width:30%;max-width: 170px;}

.leave_behind_name{padding: 10px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.leave_behind_name input{ display: block; -webkit-box-flex:1 -webkit-flex:1; -ms-flex:1; flex:1; font-size: 1em;color: #4f4f4f; border: 0; outline: none; height: 22px;line-height: 22px;padding: 6px 0; text-indent: 5px; }
.leave_behind_name input:nth-of-type(1){border: 1px solid #b6b6b6;background: #e8e8e8;}
.leave_behind_name a.comment_submit{ display: block; width: 100px; text-align: center;color: #fff;border:1px solid #d43200;background: #d43200; height: 34px;line-height: 34px; margin-left: 20px;}
.comment a.comment_submit{ display: block; width: 100px; text-align: center;color: #fff;border:1px solid #d43200;background: #d43200; height: 34px;line-height: 34px; margin-left: 20px;}
.comment{ padding-top: 10px;}
.comment_text{border: 1px solid #9fa2a3; position: relative;}
.comment_text textarea{width:96%;height: 86px;padding: 5px; border: 0;font-size: 1em;color: #4f4f4f; margin: 0 auto; outline: none;}

.replies_even,.replies_odd{ margin-top: 10px; padding: 10px 10px 40px 10px;border: 1px solid #a1a4a5;background: #e3e2e2;position: relative;}
.replies_odd{background: #fff;}
.replies_name{float: left;color:#4f4f4f;font-size: 0.875em;}
.replies_time{float: right;color:#4f4f4f;font-size: 0.875em;}
.replies_cont{font-size: 1.2em;color: #333;line-height: 150%;padding: 5px 0;}
.replies_praise{position: absolute;right: 0;bottom: 0; height: 32px;}
.replies_praise ul{height: 32px;}
.replies_praise li{height: 14px;padding: 9px 15px;background: #4c5154;float: left;font-size: 14px;color: #fff;cursor: pointer; margin-left: 1px; }
.replies_praise li span{display: block;width: 17px;height: 14px;float: left;background: url(../img/praise_0.png) no-repeat center top; background-size:100% 100%; margin-right: 5px;}
.replies_praise li span.praise{background: url(../img/praise_1.png) no-repeat center; background-size:100% 100%;}
.replies_praise li p{float: left;height: 14px;line-height: 14px;}


.score{padding:0 10px;max-width: 640px;margin:20px auto 0 auto;}
.score_head{ background: #000000;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.score_head .score_left{-webkit-box-flex:1 ;-webkit-flex:1; -ms-flex:1; flex:1; position: relative;}
.score_head .score_left > div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.score_icon{ width: 80px;height: 80px; margin-left: 10px;position: relative;}
.score_icon img{width: 100%;height: 100%;position: absolute;left: 0;bottom: 10px;}
.score_head p{ display: block; -webkit-box-flex:1 ;-webkit-flex:1; -ms-flex:1; flex:1;color: #fff;font-size: 1em; text-align: right;padding-top: 10px;padding-right: 5px;}
.score_head p em{color: #a6a6a6;font-size: 0.75em;}
.score_head .score_num{padding:0 0 10px 0; width: 100px; background: #d43200; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.score_head .score_num p{-webkit-box-flex:1 -webkit-flex:1; -ms-flex:1; flex:1;}
.score_head .score_num p:nth-of-type(1){ text-align: center;font-size: 0.875em;}
.score_head .score_num p:nth-of-type(2){text-align: center;font-size: 2em;}
.score_main{padding:10px 0;border: 1px solid #b6b6b6; border-top: none; background: #fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.advantage{width: 120px; border-right: 1px dashed #a6a6a6;}
.advantage strong{ display: block; margin: 5px 0;padding-left: 2px;}
.advantage p{font-size: 0.875em;color: #4b4b4b;padding-left: 2px;}
.advantage p em{color: #d43200;}
.summary{-webkit-box-flex:1 -webkit-flex:1; -ms-flex:1; flex:1; margin-left: 10px;}
.summary strong{ display: block; margin: 5px 0;}
.summary p{}

.grade{padding:0 10px;max-width: 640px;margin:60px auto 0 auto;}
.grade_head{ background: #000000;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.grade_head .grade_left{-webkit-box-flex:1 ;-webkit-flex:1; -ms-flex:1; flex:1; position: relative;}
.grade_head .grade_left > div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.grade_icon{ width: 80px;height: 80px;position: relative;margin-left: 10px;}
.grade_icon img{width: 100%;height: auto; position: absolute;left: 0;bottom: 10px;}
.grade_head p{ display: block; -webkit-box-flex:1 ;-webkit-flex:1; -ms-flex:1; flex:1;color: #fff;font-size: 1em; text-align: right;padding-top: 10px;padding-right: 10px;}
.grade_head p em{color: #a6a6a6;font-size: 0.75em;}
.grade_head .grade_num{padding:0 0 10px 0; width: 100px; background: #d43200; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.grade_head .grade_num p{-webkit-box-flex:1 -webkit-flex:1; -ms-flex:1; flex:1;}
.grade_head .grade_num p:nth-of-type(1){ text-align: center;font-size: 0.875em;}
.grade_head .grade_num p:nth-of-type(2){text-align: center;font-size: 2em;}
.grade_main{padding:10px 0;border: 1px solid #b6b6b6; border-top: none;background: #fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.grade_main div{-webkit-box-flex:1 -webkit-flex:1; -ms-flex:1; flex:1;}
.grade_main p{font-size: 0.75em; line-height: 180%;color: #4b4b4b;padding-left: 2px;}
.grade_main img{ display: inline-block; width: 12px; vertical-align: middle; margin-left: 2px;}

.footer_btn{ padding: 10px;max-width: 640px;margin: 0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.footer_btn li{-webkit-box-flex:1 -webkit-flex:1; -ms-flex:1; flex:1; margin: 0 5px;}
.footer_btn li a{ display: block;padding: 8px 0;text-align: center;color: #4f4f4f;border-radius:8px ;
background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top,  #e0e0e0 0%, #bfbfbf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(100%,#bfbfbf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#bfbfbf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e0e0e0 0%,#bfbfbf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e0e0e0 0%,#bfbfbf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e0e0e0 0%,#bfbfbf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
}


.footer{background: #151515;padding-bottom: 10px;}
.footer_logo{ text-align: center;padding: 10px 0;}
.footer_logo img{width: 40%;max-width: 154px;}
.footer p{ text-align: center;color: #a4a7ab;font-size: 12px;padding: 0 10px;line-height: 180%;}