放在服務(wù)器的h5

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
      <!-- <meta name="divport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum=1.0,user-scalable=no"> -->
     <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>幫助與客服</title>
    <style>

     * {
         margin:0;
         padding:0;
        }
    .page{
  padding: 1rem 1rem ;
  font-size: 30px;
  color: #000;
  -webkit-overflow-scrolling: touch;  ----解決ios bug
}
.content{
   display: flex;
   justify-content: space-between;
   align-content: center;
   border-bottom: 1px solid #E5E5E5;
   height: 4rem;
   font-size: 1rem;
   line-height: 4rem;

}
.contentHide{

   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   /*border-bottom: 1px solid #E5E5E5;*/
   font-size: 0.8rem;
   color: #404040
    
}
.connet{
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0rem;
  bottom: 2rem;
  font-size: 0.8rem;
    vertical-align:middle
}
.connet img{
   width: 0.61rem;
  height: 1.22rem;
  margin-left: 0.1rem;
  line-height:1.5rem;

}
img{
  vertical-align:middle
}
.picDown{
  width: 1rem;
  height:1rem ;
  margin-top: 1.6rem
}
.picRight{
  width: 1rem;
  height: 2rem
}
        
    </style>
</head>
<body>


    <div class="page">

       <div class="content  title1 " onclick="displayitle1()">
          <span>出境后如何上網(wǎng)纺荧？</span>           
          <image src='./pic/ic_help_unfold.png' class="picDown picDown11"></image>
       </div>

       <div class="contentHide title11 " style="display:none;">
             訂單成功啟用后,您可以在“我的”>“電子發(fā)票”中申請(qǐng)“開(kāi)發(fā)票”并下載發(fā)票土居；代金券購(gòu)買(mǎi)成功后，也可在“我的”>“電子 發(fā)票”中申請(qǐng)并下載,開(kāi)票成功后將不可退款。
                  
      </div>

       <div class="content title2" onclick="displayitle2()">
           <span>電子發(fā)票如何下載迷郑？</span>      
           <image src='./pic/ic_help_unfold.png' class="picDown picDown22"></image>
      </div>

       <div class="contentHide title22 " style="display:none;">
           訂單成功啟用后,您可以在“我的”>“電子發(fā)票”中申請(qǐng)“開(kāi)發(fā)
          票”并下載發(fā)票悄晃；代金券購(gòu)買(mǎi)成功后，也可在“我的”>“電子
          發(fā)票”中申請(qǐng)并下載,開(kāi)票成功后將不可退款担败。
      </div>


       <div class="content title3" onclick="displayitle3()">
           <span>PIN碼如何使用殿托？</span>           
           <image src='./pic/ic_help_unfold.png' class="picDown picDown33"></image>
      </div>
      
       <div class="contentHide title33 " style="display:none;">
           訂單成功啟用后,您可以在“我的”>“電子發(fā)票”中申請(qǐng)“開(kāi)發(fā)
          票”并下載發(fā)票霹菊；代金券購(gòu)買(mǎi)成功后剧蚣，也可在“我的”>“電子
          發(fā)票”中申請(qǐng)并下載,開(kāi)票成功后將不可退款支竹。
      </div>



      <div class="content title4" onclick="displayitle4()">
           <span>代金券使用規(guī)則</span>
           <image src='./pic/ic_help_unfold.png' class="picDown picDown44"></image>
      </div>
       <div class="contentHide title44 " style="display:none;">
           訂單成功啟用后,您可以在“我的”>“電子發(fā)票”中申請(qǐng)“開(kāi)發(fā)
          票”并下載發(fā)票；代金券購(gòu)買(mǎi)成功后鸠按，也可在“我的”>“電子
          發(fā)票”中申請(qǐng)并下載,開(kāi)票成功后將不可退款礼搁。
      </div>

      <div class="connet" onclick="displayitle5()">        
         聯(lián)系我們
         <image src='./pic/ic_gray_right_small.png' ></image>
      </div>

    </div>

</body>
<script>

  var statementUrl =window.location.href.substring(0,window.location.href.lastIndexOf("\/"))+"/"+ "statement .html"
   var title11 = document.getElementsByClassName("title11")[0];
   var title22 = document.getElementsByClassName("title22")[0];
   var title33 = document.getElementsByClassName("title33")[0];
   var title44 = document.getElementsByClassName("title44")[0];

   var picDown11 = document.getElementsByClassName("picDown11")[0];
   var picDown22 = document.getElementsByClassName("picDown22")[0];
   var picDown33 = document.getElementsByClassName("picDown33")[0];
   var picDown44 = document.getElementsByClassName("picDown44")[0];

   function displayitle1(obj){
     if (title11.style.display=="none") {
        title11.style.display = 'block';   
       title22.style.display = 'none';
       title33.style.display = 'none';
       title44.style.display = 'none';
       picDown11.setAttribute('src', "./pic/ic_help_hide.png");
       picDown22.setAttribute('src', "./pic/ic_help_unfold.png");
       picDown33.setAttribute('src', "./pic/ic_help_unfold.png");
       picDown44.setAttribute('src', "./pic/ic_help_unfold.png");
     }             
      else{
        title11.style.display = 'none';
        picDown11.setAttribute('src', "./pic/ic_help_unfold.png");
     }
    }

   function displayitle2(obj){
     if (title22.style.display=="none") {
        title22.style.display = 'block';
         title11.style.display = 'none';
         title33.style.display = 'none';
        title44.style.display = 'none';
         picDown22.setAttribute('src', "./pic/ic_help_hide.png");
          picDown11.setAttribute('src', "./pic/ic_help_unfold.png");
       picDown33.setAttribute('src', "./pic/ic_help_unfold.png");
       picDown44.setAttribute('src', "./pic/ic_help_unfold.png");
     }             
      else{
        title22.style.display = 'none';
        picDown22.setAttribute('src', "./pic/ic_help_unfold.png");
     }
  }

   function displayitle3(obj){
     if (title33.style.display=="none") {
        title33.style.display = 'block';
         title22.style.display = 'none';
       title11.style.display = 'none';
       title44.style.display = 'none';
         picDown33.setAttribute('src', "./pic/ic_help_hide.png");
          picDown22.setAttribute('src', "./pic/ic_help_unfold.png");
       picDown11.setAttribute('src', "./pic/ic_help_unfold.png");
       picDown44.setAttribute('src', "./pic/ic_help_unfold.png");
     }             
      else{
        title33.style.display = 'none';
         picDown33.setAttribute('src', "./pic/ic_help_unfold.png");
     }
  }

   function displayitle4(obj){
     if (title44.style.display=="none") {
        title44.style.display = 'block';
         title22.style.display = 'none';
       title33.style.display = 'none';
       title11.style.display = 'none';
        picDown44.setAttribute('src', "./pic/ic_help_hide.png");
         picDown22.setAttribute('src', "./pic/ic_help_unfold.png");
       picDown33.setAttribute('src', "./pic/ic_help_unfold.png");
       picDown11.setAttribute('src', "./pic/ic_help_unfold.png");
     }             
      else{
        title44.style.display = 'none';
        picDown44.setAttribute('src', "./pic/ic_help_unfold.png");
     }
  }

  function displayitle5(obj){
   window.open(statementUrl); 
  }


</script>
</html>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末，一起剝皮案震驚了整個(gè)濱河市目尖，隨后出現(xiàn)的幾起案子馒吴，更是在濱河造成了極大的恐慌，老刑警劉巖瑟曲，帶你破解...
沈念sama閱讀 212,884評(píng)論 6贊 492
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件饮戳，死亡現(xiàn)場(chǎng)離奇詭異，居然都是意外死亡洞拨，警方通過(guò)查閱死者的電腦和手機(jī)扯罐，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 90,755評(píng)論 3贊 385
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門(mén)，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)烦衣，“玉大人歹河，你說(shuō)我怎么就攤上這事』ㄒ鳎” “怎么了秸歧？”我有些...
開(kāi)封第一講書(shū)人閱讀 158,369評(píng)論 0贊 348
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵，是天一觀的道長(zhǎng)衅澈。經(jīng)常有香客問(wèn)我键菱，道長(zhǎng)，這世上最難降的妖魔是什么今布？我笑而不...
開(kāi)封第一講書(shū)人閱讀 56,799評(píng)論 1贊 285
?港島之戀（遺憾婚禮）
正文為了忘掉前任纱耻，我火速辦了婚禮芭梯，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘弄喘。我一直安慰自己玖喘，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 65,910評(píng)論 6贊 386
惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
文/花漫我一把揭開(kāi)白布蘑志。她就那樣靜靜地躺著累奈，像睡著了一般。火紅的嫁衣襯著肌膚如雪急但。梳的紋絲不亂的頭發(fā)上澎媒，一...
開(kāi)封第一講書(shū)人閱讀 50,096評(píng)論 1贊 291
城市分裂傳說(shuō)
那天，我揣著相機(jī)與錄音波桩，去河邊找鬼戒努。笑死，一個(gè)胖子當(dāng)著我的面吹牛镐躲，可吹牛的內(nèi)容都是我干的储玫。我是一名探鬼主播，決...
沈念sama閱讀 39,159評(píng)論 3贊 411
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開(kāi)眼萤皂，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼撒穷！你這毒婦竟也來(lái)了？” 一聲冷哼從身側(cè)響起裆熙，我...
開(kāi)封第一講書(shū)人閱讀 37,917評(píng)論 0贊 268
萬(wàn)榮殺人案實(shí)錄
序言：老撾萬(wàn)榮一對(duì)情侶失蹤端礼，失蹤者是張志新（化名）和其女友劉穎，沒(méi)想到半個(gè)月后入录，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體蛤奥，經(jīng)...
沈念sama閱讀 44,360評(píng)論 1贊 303
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 36,673評(píng)論 2贊 327
?白月光啟示錄
正文我和宋清朗相戀三年僚稿，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了凡桥。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
茶點(diǎn)故事閱讀 38,814評(píng)論 1贊 341
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡贫奠，死狀恐怖唬血，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情唤崭，我是刑警寧澤拷恨，帶...
沈念sama閱讀 34,509評(píng)論 4贊 334
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布，位于F島的核電站谢肾，受9級(jí)特大地震影響腕侄，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 40,156評(píng)論 3贊 317
男人毒藥：我在死后第九天來(lái)索命
文/蒙蒙一冕杠、第九天我趴在偏房一處隱蔽的房頂上張望微姊。院中可真熱鬧，春花似錦分预、人聲如沸兢交。這莊子的主人今日做“春日...
開(kāi)封第一講書(shū)人閱讀 30,882評(píng)論 0贊 21
一樁弒父案笼痹，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)配喳。三九已至，卻和暖如春凳干，著一層夾襖步出監(jiān)牢的瞬間晴裹，已是汗流浹背。一陣腳步聲響...
開(kāi)封第一講書(shū)人閱讀 32,123評(píng)論 1贊 267
情欲美人皮
我被黑心中介騙來(lái)泰國(guó)打工救赐，沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留涧团，地道東北人。一個(gè)月前我還...
沈念sama閱讀 46,641評(píng)論 2贊 362
代替公主和親
正文我出身青樓经磅，卻偏偏與公主長(zhǎng)得像泌绣，于是被迫代替她去往敵國(guó)和親。傳聞我的和親對(duì)象是個(gè)殘疾皇子馋贤，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 43,728評(píng)論 2贊 351

放在服務(wù)器的h5

推薦閱讀更多精彩內(nèi)容