@charset "utf-8";
/* CSS Document */

/*common*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,span,a,blockquote,b,i,th,td{ margin:0; padding:0; font-size:12px;font-family:"微软雅黑",Verdana,Arial; }
table{ border-collapse:collapse; border-spacing:0;}
a{ text-decoration:none; outline:none; cursor:pointer;}
body{ margin:0; padding:5px; }
.main{ margin:0 auto; min-width:308px; width:100%;}

/*esd*/
.info{ width:100%; border:1px solid #ccc; border-radius:3px; float:left; margin:0 0 20px 0;}
.info .show_title{ width:100%; float:left; height:38px;font-size:16px; color:#FFF; text-align:center; line-height:38px;background:#9ecc45;border-radius:3px 3px 0 0;}
.show_info{ padding:10px; float:left; width:98%; padding:10px 1%;}
.show_info .show_text{ line-height:20px; font-size:14px; color:#8d8d8d; padding:0 10px;}
.show_info .show_text .p_name{ font-weight:normal; font-size:14px; color:#fb6e62;}
.show_info .show_about{ background-color:#f6f6f6; margin:10px 1%;padding:10px 1%; float:left; width:96%;}
.show_about ul{ width:100%;}
.show_about li{ line-height:20px;font-size:12px;  padding:5px 0; border-bottom:1px solid #ccc; width:100%; float:left; list-style:none;}
.show_about li .info_icon{ width:16%;height:30px; text-align:center;float:left; margin:10px 0 0 0;}
.show_about li .info_other{ width:84%; float:left;}
.show_about li .info_title{ width:100%;height:25px; font-size:16px; color:#545454;float:left; line-height:25px; }
.show_about li .info_text{ width:100%;font-size:14px; color:#9c9c9c; float:left;}
.show_text_list{ margin:10px 0;padding:0 5px; float:left;}
.show_text_list ul{ width:100%;}
.show_text_list li{line-height:20px;font-size:12px; width:100%; padding:5px 0; float:left;list-style:none;}
.show_text_list li .c_icon{ background:url(images/mobile/icon_dot.jpg) center left no-repeat; height:8px; width:5%;min-width:15px;-width:15px; float:left; margin:6px 0 0 0;}
.show_text_list li .c_text{ width:93%; font-size:14px; color:#8d8d8d; float:left; line-height:20px;}

/*about*/
.contact_text{  font-size:14px;color:#4f4e4e; line-height:20px; padding:0 10px; }
.contact_text a{ color:#FFA838; font-size:14px;text-decoration:underline;}
.contact_text a:hover{ color:red;}
.contact_text span{color:#8d8d8d; font-size:14px;}

.acceptance_text{ width:100%; border-top:1px solid #ccc; padding:10px 0; margin:10px 0; font-size:16px;}
.acceptance_text b{ color:#4f4f4f; font-size:16px;}
.acceptance_text span{ color:#fb6e62; font-size:16px;}

/*help*/
.help_list{ width:100%;}
.help_list li{border:1px solid #ccc; border-radius:3px; margin:0 0 12px 0;float:left; width:100%;list-style:none;}
.help_list li .help_title{  cursor:pointer; width:92%; padding:0 4%; float:left;}
.help_list li .title_name{ width:88%; line-height:20px; font-size:16px; color:#797979; display:inline-block;  float:left; padding:10px 0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url("ellipsis.xml#ellipsis");}
.help_list li .title_icon{ width:10%;height:40px; margin:0 0 0 2%; float:right;}
.help_list li .title_icon i{ background:url(images/mobile/icon_more.png) no-repeat; width:22px; height:22px; float:right; margin:10px 0px 0 0px; }
.help_list li .help_info{ border-top:1px solid #ccc; line-height:20px; font-size:14px; color:#959595; margin:0 0 0 3%; text-indent:23px; display:none; width:92%; float:left; padding:10px 1%;}
.help_list li .help_info a{ color:#fa7166; font-size:14px;}
.help_list li .help_info a:hover{ text-decoration:underline;}
.help_list li .help_info img{ width:100%;}
.help_list .li_sel .title_icon i{ background:url(images/mobile/icon_more_sel.png) no-repeat; }
.help_list .li_sel .title_name{overflow:visible; white-space:inherit;text-overflow:none;text-overflow:none;-ms-text-overflow:none;-o-text-overflow:none;-moz-binding:none;}

/*index*/
.mobile_body{ padding:0;}
.mobile_main{ width:1000px; margin:0 auto;}
.mobile_info{ width:100%; float:left;}
.cb{ clear:both;}
.mobile_header{ width:96%; padding:15px 2%; float:left;}
.mobile_header .logo{ float:left; margin:5px 0 0 0;}
.mobile_header .top_info{ float:right;}
.mobile_header .top_info p{ text-align:right; line-height:30px;}
.mobile_header .top_info p a{ font-size:18px; font-family:"微软雅黑"; margin:0 0 0 60px; color:#000;}
.mobile_header .top_info p a:hover{ color:#e73628;}
.mobile_banner{ background:url(images/mobile/banner_mobile.png) top center no-repeat; width:100%; height:404px; background-color:#e02b22;}
.mobile_banner_info{ position:relative;}
.mobile_banner .btn_downAndroid{ width:251px; height:53px; position:absolute; top:234px; left:541px; }
.mobile_banner .btn_downIos{width:251px; height:53px; position:absolute;top:295px; left:541px;}
.mobile_info .show_info{ width:100%; float:left; padding:0px;}
.mobile_info .show_info img{float:left; width:100%; margin:50px 0 0 0;}


/*Announcement*/
.help_list li .announcement_link{ cursor:pointer; width:92%; padding:5px 4%; float:left; position:relative;}
.help_list li .announcement_link .show_title{ width:95%; float:left;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url("ellipsis.xml#ellipsis";);overflow:hidden; color:#7a7a7a;font-size:16px;  line-height:20px; padding:5px 0 0 0;}
.help_list li .announcement_link .show_detail{ width:100%; float:left; line-height:20px; padding:5px 0;}
.help_list li .announcement_link .show_message{ width:56%;white-space:nowrap;text-overflow:ellipsis;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url("ellipsis.xml#ellipsis";);overflow:hidden; float:left;font-size:16px;  color:#a4a4a4;}
.help_list li .announcement_link .show_time{ width:100px; float:left;font-size:16px; color:#a4a4a4; text-align:right;}
.help_list li .announcement_link .show_icon{ background:url(images/mobile/icon_more_02.png) no-repeat; position:absolute; right:10px; top:23px; width:15px; height:19px;}
    
.null-data{ width:100%; padding:20px 0; font-size:20px; text-align:center;}

.page-control{ width:100%; float:left; margin:10px 0;}
.page-control .page-info{ width:33%; text-align:center; float:left; font-size:16px; height:33px; line-height:33px; color:#a4a4a4;}
.btn-page-prev{ background:url(images/mobile/page_prev.png) no-repeat; width:78px; height:33px; line-height:33px; display:inline-table; text-align:center; color:#FFF; font-size:14px;}
.btn-page-next{ background:url(images/mobile/page_next.png) no-repeat; width:78px; height:33px; line-height:33px; display:inline-table; text-align:center; color:#FFF; font-size:14px;}

.announcement_info{ width:100%; float:left;}
.announcement_info .show-title{ background:#f3f3f3; padding:15px 2%;border-bottom:1px solid #ccc; color:#ff8500; font-size:16px; text-align:center; float:left; width:96%;}
.announcement_info .show-message{ width:96%; padding:10px 2% 80px 2%; float:left; font-size:14px; line-height:25px; color:#797979;}

.announcement_info .show-button{ width:96%; padding:5px 2%; background:#FFF; position:fixed;left:0px; bottom:0px;}
.announcement_info .btn-grend{color: #ffffff;background-color: #9ecc45;border-color: #9ecc45;position: relative;font-size: 16px;border-radius: 5px; text-align:center;width:100%; padding:10px 0; float:left;}

/*ScoreList*/
.score-info{ width:100%; float:left; border-radius:5px; background:#FFFFFF; margin:10px 0 0 0;}
.score-title{ width:100%; float:left; border-bottom:1px solid #ccc; font-size:14px; padding: 5px 0;}
.score-title img{ float:left; margin:0 5px;}
.score-title b{ color:#797979; font-size:16px; font-weight:normal; float:left; line-height:25px;}
.score-title span{ color:#f8655b; padding:0 5px; font-size:16px;}
.score-list{ width:100%; padding: 0 0 20px 0;}
.score-list ul{ margin:0px; padding:0px; float:left; width:100%;}
.score-list li{ width:96%; margin:0 2%; float:left; border-bottom:1px solid #ccc; list-style:none;}
.score-list .border-none{ border:none;}
.score-list li .show-title{ width:100%; float:left; height:30px; line-height:30px;}
.score-list li .show-title span{font-size:14px; color:#aaaaaa;}
.score-list li .show-name{ float:left; }
.score-list li .show-time{ float:right;}
.score-list li .show-icon{ width:100%; float:left; height:30px; line-height:30px;}
.score-list li .show-score{ width:200px; float:left;}
.score-list li .show-icon img{ float:left; margin:7px 5px 0 0;}
.score-list li .show-icon span{font-size:14px; color:#aaaaaa; float:left; margin:0 5px 0 0;}
.score-list li .show-message{ line-height:20px; width:100%; float:left; color:#797979; margin:5px 0;WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all; font-size:14px; position:relative;}
.score-list li .show-hidden{ display:none; position:absolute; top:20px; right:0px; font-size:14px; line-height:20px; background:#FFF; padding:0 8px 0 0;color:#FF9600;}
.score-list li .show-hidden span{ color:#aaaaaa; }
.score-list li .message-hide{ height:40px; overflow:hidden;}
.score-list li .message-hide .show-hidden{ display:block;}

.score-loading{ width:100%; float:left; text-align:center; height:30px; padding:5px 0;line-height:30px; display:none;}
.score-loading img{  vertical-align:text-top;}
.score-loading span{ font-size:14px; color:#797979; }

/*CommentList*/
.comment-info{ width:100%; float:left;background:#FFFFFF;}

.comment-tab{ width:100%; float:left; background:#ffffff; border-bottom:1px solid #dbdada;}
.comment-tab li{ width:20%; float:left; position:relative; list-style:none;}
.comment-tab li a{ font-size:15px; color:#797979; width:100%; padding:5px 0; text-align:center; float:left;}
.comment-tab li span{color:#797979;font-size:15px;}
.comment-tab li i{ height:30px; position:absolute;top:15px; right:0px; width:1px; background:#bcbcbc;}
.comment-tab li a:hover{ color:#ff7e00; border-bottom:2px solid #ff7e00;}
.comment-tab li a:hover span{color:#ff7e00;}
.comment-tab .li-sel a{color:#ff7e00; border-bottom:2px solid #ff7e00;}
.comment-tab .li-sel span{color:#ff7e00;}

.comment-sign{ width:100%; float:left; background:#eeeeee;}
.comment-sign .show-probability{ width:25%; float:left; text-align:center; margin:14px 0 0 0;}
.comment-sign .show-probability b{ font-size:22px; color:#ff7e00;}
.comment-sign .show-probability span{ font-size:15px; color:#ff7e00;}
.comment-sign .show-sign{ width:75%; float:left;}
.comment-sign .show-sign li{ margin:3px 10px 4px 0; float:left; list-style:none;}
.comment-sign .show-sign li a{ height:30px; line-height:30px; padding:0 5px; border:1px solid #d2d2d2; background:#FFF; font-size:14px; float:left; color:#989898;}
.comment-sign .show-sign li a:hover{ border:1px solid #FF9600; color:#FF9600;}
.comment-sign .show-sign .li-sel a{border:1px solid #FF9600; color:#FF9600;}

.comment-list{ width:100%; padding: 0 0 20px 0;}
.comment-list ul{ margin:0px; padding:0px; float:left; width:100%;}
.comment-list li{ width:96%; padding:0 2%; float:left; border-bottom:1px solid #e7e7e7; list-style:none;}
.comment-list .border-none{ border:none;}
.comment-list li .show-title{ width:100%; float:left; height:30px; line-height:30px;}
.comment-list li .show-title span{font-size:14px; color:#aaaaaa;}
.comment-list li .show-name{ float:left; min-width:40px;_width:40px; font-size:15px; color:#aaaaaa; line-height:30px;}
.comment-list li .show-star{ float:left; font-size:15px; color:#aaaaaa; }
.comment-list li .show-star img{ float:left; margin:7px 5px 0 0;}
.comment-list li .show-useful{ float:right; color:#aaaaaa; font-size:15px; line-height:30px;}
.comment-list li .show-useful b{ color:#fdb537; font-size:15px; font-weight:normal;}
.comment-list li .useful-sel{color:#fdb537; }
.comment-list li .useful-sel b{ color:red;}

.comment-list li .show-more{ clear:both; float:right; height:30px; line-height:30px;}
.comment-list li .show-more img{ float:left; margin:7px 5px 0 0;}
.comment-list li .show-more span{font-size:14px; color:#aaaaaa; float:left; margin:0 5px 0 0;}
.comment-list li .show-reply{ width:96%; padding:10px 2%; float:left; position:relative; background:#f9f9f9; font-size:14px; line-height:25px; margin:0 0 10px 0;}
.comment-list li .show-reply .icon-arrows{ background:url(images/mobile/icon-arrows.png) no-repeat; width:14px; height:13px; position:absolute; top:-13px; left:10px;}
.comment-list li .show-reply b{ font-size:14px; color:#f76559;}
.comment-list li .show-reply span{ font-size:14px; color:#939393;}
.comment-list li .show-message{ line-height:20px; width:100%; float:left; color:#797979; margin:5px 0;WORD-WRAP: break-word;TABLE-LAYOUT: fixed;word-break:break-all; font-size:14px; position:relative;}
.comment-list li .show-hidden{ display:none; position:absolute; top:20px; right:0px; font-size:14px; line-height:20px; background:#FFF; padding:0 8px 0 0;color:#FF9600;}
.comment-list li .show-hidden span{ color:#aaaaaa; }
.comment-list li .message-hide{ height:40px; overflow:hidden;}
.comment-list li .message-hide .show-hidden{ display:block;}

.comment-loading{ width:100%; float:left; text-align:center; height:30px; padding:5px 0;line-height:30px; display:none;}
.comment-loading img{  vertical-align:text-top;}
.comment-loading span{ font-size:14px; color:#797979; }


.loading {left: 50%;position: fixed;text-align: center;top: 50%; z-index: 999; *position:absolute; display:none; color:#808080; line-height:25px;}

.show-nullText{ width:100%; text-align:center; display:inline-block; font-size:14px; padding:10px 0; color:#808080;}
.show-messageText{ font-size:14px;}
.show-shieldText{ color:#FF9600; font-size:14px;}
.show-keyText{ font-size:14px; color:red;}
/*
横向导航
2016-6-23
By TSING
 */
.nav {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 1.2em;
  *zoom: 1;
}
.nav:before,
.nav:after {
  content: " ";
  display: table;
  line-height: 0;
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: .5em 0;
  color: #727272;
  text-decoration: none;
  font-size: 18px;
  line-height: 1.25;
}
.nav > li > a:hover,
.nav > li > a:focus {
  color: #ff7c03;
  text-decoration: none;
}
.nav .sub {
  display: block;
  font-size: .8em;
}
.nav-tabs {
  border-bottom: 1px solid #d2d2d3;
}
.nav-tabs > li {
  float: left;
  text-align: center;
}
.nav-tabs > li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 1em;
  right: 0;
  bottom: 1em;
  border-right: 1px solid #d2d2d3;
}
.nav-tabs .dropdown-toggle::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  width: 10px;
  height: 5px;
  border-width: 5px 5px 0;
  border-style: solid;
  border-color: #ff7c03 transparent transparent;
}
.nav-tabs .dropdown-toggle.open + .dropdown-menu {
  display: block;
}
.nav-tabs .active {
    color: #ff7c03;
}
.nav-tabs .active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 3px solid #ff7c03;
}
.tabs-3col > li {
  width: 33.33333333%;
}
/*
下拉菜单
2016-6-23
By TSING
 */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: none;
  border: 1px solid #ff7c03;
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 50;
}
.dropdown-menu > li {
  display: block;
  text-align: left;
}
.dropdown-menu > li:nth-child(odd) {
  background-color: #EFEFEF;
}
.dropdown-menu > li:nth-child(even) {
  background-color: #FFF;
}
.dropdown-menu > li > a {
  display: block;
  padding: .5em 1em;
  color: #727272;
  line-height: 3;
  text-decoration: none;
  font-size: 14px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: inherit;
  text-decoration: none;
}
/*
返回顶部
 */
#toTop {
  position: fixed;
  right: 15px;
  bottom: 80px;
  width: 40px;
  height: 40px;
  border: 2px solid #d2d2d3;
  border-radius: 50%;
  background-color: #fff;
}
#toTop::before,
#toTop::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -48%, 0);
  transform: translate3d(-50%, -48%, 0);
}
#toTop::before {
  width: 20px;
  height: 20px;
  border-top: 2px solid #d2d2d3;
}
#toTop::after {
  width: 2px;
  height: 20px;
  background-color: #d2d2d3;
}
#toTop i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-color: #d2d2d3 #d2d2d3 transparent transparent;
  -webkit-transform: translate3d(-50%, -42%, 0) rotate(-45deg);
          transform: translate3d(-50%, -42%, 0) rotate(-45deg);
}
#toTop.hidden {
  display: none;
}