@charset "utf-8";

/* ----------------------banner--------------------- */
.help_banner{ height: 460px; min-width: 1200px; overflow: hidden;}
.help_form{ width: 592px; height: 36px; background: #FFFFFF; border-radius: 2px; margin: 60px auto; line-height: 36px;}
.help_form_text{ width: 528px; height: 36px; border-radius: 2px 0px 0px 2px; padding-left: 12px;}
.help_form_but{ width: 64px; height: 36px; background: #E1251B; border-radius: 0px 2px 2px 0px; text-align: center;}
.help_form_but i{ font-size: 20px; color: #FFFFFF;}
.help_banner_con{ height: 244px;}
.help_banner_con ul li{ width: 232px; height: 244px; display: block; padding-top: 32px; background: #FFFFFF; text-align: center; border-radius: 2px; float: left; margin-left: 10px;}
.help_banner_con ul li:first-child{ margin-left: 0px;}
.help_banner_con ul li span{ width: 58px; height: 64px; line-height: 64px; display: block; margin: 0 auto; background: url(../images/help_banner_con_bg.png) center no-repeat;}
.help_banner_con ul li i{ font-size: 32px; color: #E1251B;}
.help_banner_con ul li .title{ height: 24px; font-size: 18px; font-weight: 600; line-height: 24px; padding: 20px 0px 24px 0px; }
.help_banner_con ul li p{line-height: 24px;}
.help_banner_con ul li a{ transition:all .3s;  -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari and Chrome */ -o-transition:all .3s; /* Opera */}
.help_banner_con ul li a:hover{ color: #E1251B;}


/* ----------------------header--------------------- */
.help_header{ height: 96px; background: #FFFFFF;border-bottom: 2px solid #E1251B;}
.help_header_logo{ width: 184px; height: 56px; padding-top: 20px; margin-right: 24px;}
.help_header_title{ width: 96px; height: 40px; position: relative; top: 28px; margin-right: 20px; line-height: 40px; text-align: center; background: #FFF4EF; border-radius: 2px;  color: #E1251B;  font-weight: 600; font-size: 18px;}
.help_header ul li{ float: left; width: auto; margin-left: 40px; line-height: 96px; font-size: 15px; font-weight: 600; }
.help_header ul li:hover a{color: #E1251B;}

/* ----------------------首页列表--------------------- */
.help_con{ height: auto;}
.help_left{ width: 232px; height: auto; background: #FFFFFF; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); border-radius: 2px;}
.help_left_title{ height: 92px; padding-left:24px; background: url(../images/icon_question.png)  #E1251B no-repeat; background-position: 154px 14px; color: #fff;}
.help_left_title .title{  padding: 24px 0px 4px 0px; height: 24px; font-size: 18px;  font-weight: 600; color: #FFFFFF; line-height: 24px; }
.help_left_title p{ line-height: 16px; font-size: 12px;}
.help_left_con{ height: auto; padding: 20px 0px;}
.help_right{ width: 958px; height: auto; background: #FFFFFF; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); border-radius: 2px;}
.help_right_title{ width: 958px; height: 48px; border-bottom: 1px solid #F2F2F2; padding-left: 24px; line-height: 48px;}
.help_right_title p{ font-size: 16px; font-weight: 600;}
.help_right_title a{ color: #8C8C8C; float: left;}
.help_right_title a:last-child{ color: #333; font-weight: 600;}
.help_right_title i{ float: left; color: #CCCCCC; margin: 0 4px;} 
.help_right_con{ padding: 24px; padding-top: 0px;}
.help_right_content{ height: auto;}
.help_right_content li{ width: 50%; height: 264px; float: left; margin-top: 24px; overflow: hidden; }
.help_right_content li .title{ margin-bottom: 12px; height: 24px; font-weight: 600; line-height: 24px;}
.help_right_content li .title i{ color: #E1251B; margin-left: 8px; font-weight: 400; position: relative; top: 1px;}
.help_right_content .question_a{display: block; width: 100%; height: 24px; margin-bottom: 8px; color: #4D4D4D; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.help_right_content .question_a:hover{ color: #E1251B;}



/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-accordion-menu {
    width: 100%;
  }
  .cd-accordion-menu ul {
    /* by default hide all sub menus */
    display: none;
  }
  .cd-accordion-menu li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .cd-accordion-menu input[type=checkbox] {
    /* hide native checkbox */
    position: absolute;
    opacity: 0;
  }
  .cd-accordion-menu label, .cd-accordion-menu a {
    height: 40px; line-height: 40px;
    
    position: relative;
    display: block;
    color: #333333;
  }
  .cd-accordion-menu label:hover, .cd-accordion-menu a:hover{ color: #E1251B; background: #FFF4EF;}
  .no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
    background: #52565d;
  }
  .cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
    /* icons */
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-accordion-menu label {
    cursor: pointer;
    padding-left: 44px;
  }
  .cd-accordion-menu .hot a i{ padding-left: 24px; margin-right: 4px;}

  .cd-accordion-menu label::before, .cd-accordion-menu label::after {
    background-image: url(../images/icon_arrow.png);
    background-repeat: no-repeat;
  }
  .cd-accordion-menu label::before {
    /* arrow icon */
    left: 24px;
    background-position: 0 0;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
  }
  .cd-accordion-menu label::after {
    /* folder icons */
    left: 41px;
    background-position: -16px 0;
  }

  .cd-accordion-menu input[type=checkbox]:checked + label::before {
    /* rotate arrow */
    -webkit-transform: translateY(-50%) rotate(90deg);
    -moz-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    -o-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }
  .cd-accordion-menu input[type=checkbox]:checked + label::after {
    /* show open folder icon if item is checked */
    background-position: -32px 0;
  }
  .cd-accordion-menu input[type=checkbox]:checked + label + ul,
  .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
    /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
    /* show children when item is checked */
    display: block;
  }

  .cd-accordion-menu .cur{ color: #E1251B; background: #FFF4EF;}

  .cd-accordion-menu .has-children-con li a{ padding-left: 68px !important;}
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 60px;
  }
  .no-touch .cd-accordion-menu ul label:hover, .no-touch
  .cd-accordion-menu ul a:hover {
    background: #3c3f45;
  }
  .cd-accordion-menu > li:last-of-type > label,
  .cd-accordion-menu > li:last-of-type > a,
  .cd-accordion-menu > li > ul > li:last-of-type label,
  .cd-accordion-menu > li > ul > li:last-of-type a {
    box-shadow: none;
  }
  .cd-accordion-menu ul label::before {
    left: 40px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left: 59px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 68px;
  }
  .cd-accordion-menu ul ul label::before {
    left: 54px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left: 77px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 118px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left: 95px;
  }

  .cd-accordion-menu.animated label::before {
    /* this class is used if you're using jquery to animate the accordion */
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  


/* ----------------------列表页--------------------- */
.help_right_list{ height: auto; padding-top: 24px; padding-bottom: 8px;}
.help_right_list li{ height: 48px; line-height: 48px; border-bottom: 1px solid  #F2F2F2;}
.help_right_list li a{ color: #4D4D4D; display: block;}
.help_right_list li a i{ float: right; color: #CCCCCC;}
.help_right_list li a:hover{ color: #E1251B;}
.help_right_list li a:hover i{ color: #E1251B;}
.help_search{ height: 640px; text-align: center; padding-top: 80px;}
.help_search i.iconinfo-fill-blue{ color: #CCCCCC; font-size: 40px;}
.help_search .tips{ padding: 16px 0px 8px 0px;height: 24px; font-size: 18px; font-weight: 600; line-height: 24px;}
.help_search p{ height: 24px; color: #8C8C8C; line-height: 24px; margin-bottom: 24px;}
.help_search a{ display: block; width: 108px; height: 32px; margin: 0 auto; border-radius: 2px; border: 1px solid #E1251B; line-height: 30px; color: #E1251B;}
.help_search a i{ margin-right: 4px; position: relative; top: 1px;}
.help_search a:hover{ background: #E1251B; color: #fff;}

/* ----------------------详情页--------------------- */
.help_show{ height: auto; padding-bottom: 24px; border-bottom: 1px solid #F2F2F2;}
.help_show .title{ height: 24px; font-size: 18px; font-weight: 600; line-height: 24px; padding: 24px 0px;}
.help_show_con{ height: auto; width: 836px;line-height: 24px; overflow: hidden;}
.help_show .time{ line-height: 24px; margin-top: 24px;}
.help_show_solve{ height: auto; padding-top: 24px; text-align: center; padding-bottom: 32px;}
.help_show_solve .title{ height: 24px; color: #8C8C8C; line-height: 24px; margin-bottom: 8px;}
.help_show_solve span{ width: 120px; height: 32px; line-height: 30px; cursor: pointer; border-radius: 2px; border: 1px solid #EBEBEB; display: inline-block; margin: 0px 5px;}
.help_show_solve span i{ color: #B3B3B3; margin-right: 8px; position: relative; top: 1px;}
.help_show_solve span.cur{ color: #E1251B;}
.help_show_solve span.cur i{ color: #E1251B;}
.help_right_c{ width: 958px; height: auto;}
.help_right_shop{ height: auto; padding: 24px; background: #FFFFFF; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05); border-radius: 2px; margin-top: 10px;}
.help_right_shop .shop_up{ height: 24px; font-size: 18px; font-weight: 600;line-height: 24px;}
.help_right_shop .shop{ height: 120px; padding: 24px 0px; overflow: hidden; border-bottom: 1px solid #F2F2F2;}
.help_right_shop .shop .shop_img{ width: 120px; height: 120px; margin-right: 20px;}
.help_right_shop .shop .shop_title{ width: 190px; margin-right: 70px; height: 120px;}
.help_right_shop .shop .shop_title .infeed_a{ height: 48px; color: #4D4D4D; margin-bottom: 22px; line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.help_right_shop .shop .shop_title .label{width: 60px; display: inline-block; margin-right: 4px; border: 0px; line-height: 20px; color: #666666; font-size: 12px; text-align: center; height: 20px; background: #F5F5F5;border-radius: 2px;}
.help_right_shop .shop .shop_list_label{ height: 20px; margin-top: 10px; overflow: hidden;}
.help_right_shop .shop .shop_list_label img{ height: 20px; width: auto; float: left; margin-right: 4px;}
.help_right_shop .shop .shop_list_label span{ width: auto; height: 20px; border-radius: 2px; display: inline-block; float: left; line-height: 18px; font-weight: 500; color: #E1251B; font-size: 12px; border-top: 1px solid #E1251B; border-bottom: 1px solid #E1251B;}
.help_right_shop .shop .shop_list_label i{ width: 3px; height: 20px;}
.help_right_shop .shop .shop_list_label_l{ background: url(../images/lable_left.jpg) center no-repeat; background-position: 0px -1px; margin-right: 4px;}
.help_right_shop .shop .shop_list_label_r{ background: url(../images/lable_right.jpg) center no-repeat;  background-position: 0px -1px; margin-left: 4px;}
.help_right_shop .shop .shop_attribute{ width: 190px; margin-right: 20px; font-family: "Roboto";}
.help_right_shop .shop .shop_attribute .title{ width: 100%; float: left; color: #E1251B; font-weight: bold; line-height: 24px; margin-bottom: 8px; display: block;}
.help_right_shop .shop .shop_attribute .title span{ font-size: 18px;}
.help_right_shop .shop .shop_attribute p{ text-decoration: line-through;font-size: 12px; color: #8C8C8C; line-height: 16px; padding-left: 3px;}
.help_right_shop .shop .shop_type{ width: 200px; float: left;}
.help_right_shop .shop .shop_type p{ font-size: 12px; color: #8C8C8C; line-height: 24px;}
.help_right_shop .shop .shop_infeed{ width: 64px; height: 28px; background: #FFFFFF;}
.help_right_shop .shop .shop_infeed a{ width: 100%; display: block; border-radius: 2px; height: 28px;color: #666666; font-size: 12px; border: 1px solid #EBEBEB; margin-bottom: 8px; text-align: center; line-height: 26px;}
.help_right_shop .shop .shop_infeed a i{ margin-right: 4px; position: relative; top: 1px;}
.help_right_shop .shop .shop_infeed a.shop_infeed_a{ color: #E1251B;}
.help_right_shop .shop .shop_title .infeed_a:hover{ color: #E1251B;}
.help_right_shop .shop .shop_infeed a:hover{ border-color: #E1251B; color: #E1251B;}
.help_right_shop .shop .shop_infeed a.shop_infeed_a:hover{ background: #FFF4EF; border-color: #FFF4EF;}