@charset "utf-8";
/* ==========================================================================
   Wise Startup Manager - 产品页专用样式
   页面：templates/products/wise-startup-manager.html
   ========================================================================== */

/*------------------------------------------------------------------
  产品信息区（Banner）
------------------------------------------------------------------*/
#product-icon{ padding-left:30px; padding-right:50px; }
#product-banner{ background: linear-gradient(0deg,#0A1769 0%,#0978DE 100%); }
#products-introduction{ width:540px; }
#products-introduction h1 b{ font-size:30px; color:#ffcc00; line-height:1.5; padding-left:10px; font-weight:normal; }
#products-introduction h2{ color:#74b2f5; }
#products-introduction p{ padding-bottom:15px; }
#products-introduction dl dd{ margin:50px 40px 0 0; }

/*------------------------------------------------------------------
  功能图标（雪碧图 2×2，单块 220×220）
------------------------------------------------------------------*/
.features-icons{ background: url(../images/wisestartupmanager/wstm-features.png) 0px 0 no-repeat; }
.wstm02{ background-position:-220px 0px; }
.wstm03{ background-position:0px -220px; }
.wstm04{ background-position:-220px -220px; }

/*------------------------------------------------------------------
  栏目导航配色
------------------------------------------------------------------*/
#subnav{ background-color:#0756ab !important; }

/*------------------------------------------------------------------
  常见问题（FAQ）
------------------------------------------------------------------*/
#faq{ background-color:#ffffff; border-top:1px solid #eef2f7; padding:60px 0 40px 0; }
  #faq-section{ width:1000px; margin:0 auto; }

  #faq-section h2{ font-size:30px; color:#09a6db; text-align:center; padding-bottom:12px; }
  #faq-section .faq-desc{ text-align:center; color:#8a94a6; font-size:14px; padding-bottom:36px; }

  .faq-item{ position:relative; margin-bottom:12px; border:1px solid #e6ecf5; border-radius:6px; background-color:#ffffff;
    -webkit-transition:border-color .2s, box-shadow .2s; transition:border-color .2s, box-shadow .2s; }
  .faq-item:hover{ border-color:#bcd9ee; box-shadow:0 2px 10px rgba(9,166,219,.08); }
  .faq-item[open]{ border-color:#bcd9ee; }

  .faq-item summary{ display:block; position:relative; padding:16px 52px 16px 20px; font-size:16px; color:#333333;
    line-height:1.6; cursor:pointer; list-style:none; outline:none; }
  .faq-item summary::-webkit-details-marker{ display:none; }
  .faq-item summary::-moz-list-bullet{ list-style-type:none; }
  .faq-item summary:hover{ color:#09a6db; }
  .faq-item[open] summary{ color:#09a6db; background-color:#f7fbfe; border-radius:6px 6px 0 0; }

  /* 展开箭头 */
  .faq-item summary::after{ content:''; position:absolute; right:22px; top:50%; width:8px; height:8px; margin-top:-6px;
    border-right:2px solid #9aa8bd; border-bottom:2px solid #9aa8bd;
    -webkit-transform:rotate(45deg); transform:rotate(45deg);
    -webkit-transition:-webkit-transform .2s; transition:transform .2s; }
  .faq-item[open] summary::after{ margin-top:-2px; border-color:#09a6db;
    -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }

  .faq-item .faq-answer{ margin:0; padding:16px 20px 20px 20px; border-top:1px dashed #c9d8e8;
    color:#666666; font-size:14px; line-height:2; }
  .faq-item .faq-answer p{ padding:4px 0; }
  .faq-item .faq-answer strong{ color:#333333; font-weight:bold; }
  .faq-item .faq-answer a{ color:#09a6db; text-decoration:underline; }
  .faq-item .faq-answer a:hover{ color:#0578a0; }

/* 窄屏适配 */
@media screen and (max-width:1040px){
  #faq{ padding:40px 0 20px 0; }
  #faq-section{ width:auto; padding:0 16px; }
  #faq-section h2{ font-size:24px; }
  .faq-item summary{ font-size:15px; padding:14px 46px 14px 16px; }
}