</div> </article> </div> </div> <!-- * @Author: Phtom * @Date: 2021-05-31 17:39:49 * @LastEditors: Phtom * @LastEditTime: 2021-06-22 21:37:32 * @FilePath: /cps/Apps/Common/View/Public/en_front/footer.v * @Description: --> <!-- footer --> <style> .flex-box {display: flex;} /* .flex-box .flex-item { flex: 1;} */ .foot .footwrap {width: 1165px;} .foot,.foot .footwrap .foot-1 {background:#181b1e;} .foot .footwrap .foot-1 .f-1{border-left-color:#181b1e;} .foot .footwrap .foot-2 {padding:20px 0 15px 0;} .foot .footwrap .foot-1 {padding-top:30px;padding-bottom:0;} /* .footwrap .foot-1 {padding-top:50px;} */ .foot .footwrap .yq-ul { margin-top: -3px; } .foot .footwrap .yq-ul>li { border-bottom: 1px solid #d1ab8e; width: 110px; position: relative; } .foot .footwrap .yq-ul>li>a { color: #d6c560; display: inline-block !important; /* vertical-align: ; */ padding: 4px 0 5px 0; } /* .foot .footwrap .yq-ul>li:first-child>a { padding-top: 0; } */ .foot .footwrap .yq-ul>li::after { content: ''; display: inline-block; width: 0; height: 0; border-top: 10px solid #d9c96e; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; right: -10px; top: 10px; } .foot .footwrap .yq-ul>li .options { width: 105%; position: absolute; right: -126px; top: -40px; background: #0e1b27; padding: 5px; z-index: 10; /* display: none; */ max-height: 90px; overflow-y: auto; color: #d6c560; } /* .foot .footwrap .yq-ul>li .options::-webkit-scrollbar { display: none; } */ .foot .footwrap .yq-ul>li .options a { color: #d6c560; line-height: 20px; } .foot .footwrap .copy-2 img { margin-right: 30px; } .foot .footwrap .foot-2 { /* background: url('/Public/tpls/frontx/image/bg5.png') no-repeat right -88px; */ } .foot .footwrap .foot-1 .thulogo a div { display: none; } /* .foot .footwrap .select_shape { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent; border: none; color: #d6c560; outline: none; } .foot .footwrap .select_shape option { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #0e1b27; border: none; color: #d6c560; outline: none; } .foot .footwrap .select_shape option:hover { background: red; } */ @media (max-width: 768px) { .foot .footwrap .copy-2 { display: none; } .foot .foot-2 .flex-box { flex-direction: column; } .foot .foot-2 .flex-box .flex-item { border-top: 1px solid #4a4a4a; padding: 30px 0; } .foot .footwrap .foot-2 { /* background: url(/Public/tpls/frontx/image/bg5.png) no-repeat top right -88px; */ } .foot .footwrap .foot-2{ padding:0;} .foot .footwrap .foot-1 .thulogo { display: flex; padding-left: 30px; justify-content: center; align-content: center; } .foot .footwrap .foot-1 .thulogo a div{ font-family: "KaiTi", "楷体", STKaiti; color: #bfb365; display: block; } .foot .footwrap .foot-1 .thulogo a div:first-child { font-family: "KaiTi", "楷体", STKaiti; font-size: 18px; } .foot .footwrap .foot-1 .thulogo a img { display: none; } } </style> </div> <div class="foot"> <div class="footwrap clearfix"> <div class="left foot-1"> <span class="thulogo"> <a href="#" target="_blank"> <img src="/Apps/Common/View/Public//en_front/static/images/logo2.png"> <div>中国物理学会</div> <div>Chinese Physical Society</div> </a> </span> <!-- <div class="f-1" ></div> --> </div> <div class="right clearfix foot-2"> <div class="copy-2 right"> <div> <img src="/Public/img/wx.jpeg" alt="" width="100" height="100"> <img src="/Uploads/Admin/2020-08/18/5f3b6e4436454.png" alt="" width="100" height="100"> <!-- <img src="/Uploads/Admin/2020-08/18/5f3b6e831eaff.jpg" alt="" width="100" height="100"> --> </div> <div> <span style="width:100px;display:block;float:left;text-align:center;margin-right:30px;">Wechat</span> <span style="width:100px;display:block;float:left;text-align:center;margin-right:30px;">Website</span> <!-- <span style="width:100px;display:block;float:left;text-align:center;margin-right:30px;">Joumals</span> --> </div> </div> <div class="copy-1 right"> <div class="flex-box"> <div class="flex-item" style="padding-right: 88px;"> <a href="javascript:void(0);" class="c">CANTACT</a> <p> Address: Beijing post office box 603 (100190)</br> Tel：010-82649019</br> Email：cps@iphy.ac.cn</br> </p> <!-- <div class="copylink clearfix"> <p><a href="https://beian.miit.gov.cn" target="_blank">京ICP备05002789-4号</a></p> </div> --> </div> <div class="flex-item"> <a href="javascript:void(0);" class="c">Useful Links</a> <ul class="yq-ul"> <li class="select"> <a onclick="return false;" href="javascript:void(0);" target="_blank">Physical Societies in Other Countries</a> <ul class="options" data-active="0" style="display: none;"> <li><a href="https://www.aps.org/" target="_blank">APS</a></li> <li><a href="https://www.iop.org/" target="_blank">IOP</a></li> <li><a href="https://www.dpg-physik.de/" target="_blank">GPS</a></li> <li><a href="https://www.jps.or.jp/english/" target="_blank">JPS</a></li> </ul> </li> <li class="select"> <a onclick="return false;" href="javascript:void(0);" target="_blank">Physical Societies in Other Regions</a> <ul class="options" data-active="0" style="display:none"> <li><a href="https://www.eps.org/" target="_blank">EPS</a></li> <li><a href="https://iupap.org/" target="_blank">IUPAP</a></li> <li><a href="http://aapps.org/" target="_blank">AAPPS</a></li> </ul> </li> </ul> <!-- <ul class="yq-ul"> <li class="select"> <a onclick="return false;" href="javascript:void(0);" target="_blank">国际友好协会</a> <ul class="options" data-active="0" style="display:none;"> </ul> </li> <li class="select"> <a onclick="return false;" href="javascript:void(0);" target="_blank">推荐相关链接</a> <ul class="options" data-active="0" style="display:none;"> <li><a href="http://www.hnwlxh.net/" target="_blank">河南省物理学会</a></li> <li><a href="http://jlwlxh.wap0431.cn/" target="_blank">吉林省物理学会</a></li> <li><a href="http://www.jxphys.cn/" target="_blank">江西省物理学会</a></li> <li><a href="http://www.wlxh.sdu.edu.cn/" target="_blank">山东省物理学会</a></li> <li><a href="http://www.sxswlxh.com.cn/" target="_blank">山西省物理学会</a></li> <li><a href="http://www.sxwlxh.com/" target="_blank">陕西省物理学会</a></li> <li><a href="http://www.scphys.org.cn/" target="_blank">四川省物理学会</a></li> </ul> </li> </ul> --> <!-- <div class="copylink clearfix" style="margin-top:10px;"> <p style="color:#8f7a63;">技术支持：<a href="http://www.dyuntech.com" target="_blank">顶云科技</a></p> </div> --> <!-- <select class="select_shape" name="friead" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"> <option selected="">- 国际友好协会 -</option> </select> <br/> <select class="select_shape" name="friead" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1"> <option selected="">- 推荐相关链接 -</option> <option value="http://www.hnwlxh.net/">河南省物理学会</option> <option value="http://jlwlxh.wap0431.cn/">吉林省物理学会</option> <option value="http://www.jxphys.cn/">江西省物理学会</option> <option value="http://www.wlxh.sdu.edu.cn/">山东省物理学会</option> <option value="http://www.sxswlxh.com.cn/">山西省物理学会</option> <option value="http://www.sxwlxh.com/">陕西省物理学会</option> <option value="http://www.scphys.org.cn/">四川省物理学会</option> </select> <br/> --> </div> </div> </div> </div> </div> </div> <!-- <script src="/Public/js/run.js"></script> --> <script> $(document).click(function() { opstionObj.closeAll(); }) $(".yq-ul .select").click(function(event) { event.stopPropagation() var $options = $(this).find(".options"); opstionObj.toggleItem($options); }) var opstionObj = { el: {}, init: function(){ this.el.allOptions = $(".yq-ul .select").find(".options"); this.el.allOptions.jScrollPane(); this.el.allOptions.hide(); }, toggleItem($opts) { if ($opts.data("active") === '1') { $opts.hide(); $opts.data("active", '0'); } else { this.closeAll(); $opts.show(); $opts.data("active", '1'); } }, closeAll:function() { this.el.allOptions.each(function() { $(this).hide(); $(this).data("active", '0'); }) } } $(function() { opstionObj.init(); }) </script> </body> <script> $('.en_nav_ul li').mouseover(function() { $('.en_nav_ul li').removeClass('hover'); $(this).addClass('hover'); }); $('.en_nav_ul li').mouseout(function() { $('.en_nav_ul li').removeClass('hover'); }); </script> </html>
