master

分支 (1)

管理

管理

master

operator-web
/
product-detail-zxhd.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="icon" href="img/favicon.ico">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/reset.css">
    <!-- Minify Version -->
    <link rel="stylesheet" href="css/vendor.min.css">
    <link rel="stylesheet" href="css/plugins.min.css">

    <!-- Style CSS -->
    <link rel="stylesheet" href="css/style.min.css">
    <style>
        .btn-custom-size{
            width: auto;
            padding-left:40px;
            padding-right:40px;
        }
        .containera {
            background-color: #014099;
            min-width: 1200px;
        }
        .main-box{
            width: 1200px;
        }

        .font-yellow {
            color: #1EB9EE;
        }

        .search_div {
            position: relative;
            margin-top: 20px;
            width: 331px;
            border-radius: 18px;
            background: #f7f7f7;
            overflow: visible;
        }

        input {
            border: none;
            background: none;
            vertical-align: middle;
        }

        .coloraaa {
            color: #aaa;
        }

        .search_input {
            width: 310px;
            height: 25px;
            line-height: 25px;
            margin-top: 7px;
            font-size: 14px;
            margin-left: 25px;
            float: right;
            width: 280px;
            margin-left: 0;
        }

        .fr {
            float: right !important;
        }


        .cur_pointer {
            cursor: pointer;
        }

        .search_btn {
            width: 19px;
            height: 19px;
            margin: 8px 12px 0 0;
        }


        img {
            border: 0 none;
            vertical-align: top;
        }
        .suspend_nav > li {
            float: left;
            height: 18px;
            border-right: 1px solid #bbbbbb;
        }
        .suspend_nav1 > li {
            float: left;
            height: 27px;
            cursor: pointer;
            line-height: 20px;
            position: relative;
        }

        .suspend_nav1 > li > a {
            padding: 0 12px;
            font-size: 14px;
            font-weight: bold;
            vertical-align: middle;
        }

        .nav_indicate_div {
            width: 100%;
            min-width: 1200px;
            height: auto;
            text-align: center;
            position: fixed;
            top: 255px;
            left: 0;
            background: #fff;
            display: none;
            z-index: 99;
            cursor: default;
        }

        .Two_nav_indicate_D {
            position: relative;
            left: 50%;
            margin-left: -600px;
            z-index: 5;
        }

        .MuneDown {
            width: 100%;
            position: relative;
            font-weight: normal;
            margin-top: 20px;
            background: #fcfcfc;
            border-top: 1px solid #d9d9d9;
            /* border-bottom: 1px solid #d9d9d9; */
            box-shadow: 0 2px 0px 0 #f0f0f0;
            -webkit-box-shadow: 0 2px 0px 0px #f0f0f0;
            -moz-box-shadow: 0 2px 0px 0px #f0f0f0;
            -ms-box-shadow: 0 2px 0px 0px #f0f0f0;
            -o-box-shadow: 0 2px 0px 0px #f0f0f0;
            padding-top: 20px;
            padding-bottom: 14px;
        }

        .MuneDown dl {
            /* overflow: hidden; */
            width: 1200px;
            margin: 0 auto;
        }

        .MuneDown dl dt {
            width: 81%;
            float: left;
        }

        .menuSecond {
            /* overflow: hidden; */
            padding-bottom: 8px;
        }

        .MuneDown dl dd {
            width: 19%;
            float: left;
        }
        .clrDiv {
            clear: both;
            width: 0;
            height: 0;
            display: block;
            content: '';
        }
        .adsquence:before {
            background: linear-gradient(to bottom, #f8f8f8, #d9d9d9, #f8f8f8);
            width: 1px;
            /* height: 220px; */
            float: right;
            content: '';
        }

        .hot_icon {
            position: absolute;
            width: 30px;
            display: inline-block;
            top: -16px;
            left: 50%;
            margin-left: -15px;
        }

        .menuTitle2 {
            float: left;
            padding-right: 10px;
            border: 1px solid;
            cursor: pointer;
        }

        .menuSecond .menuSecondIcon {
            width: 18px;
            height: 18px;
            vertical-align: middle;
            margin: 0 4px;
        }

        .menuSecond .menuSecondTitle {
            font-size: 13px;
            color: #ff7744;
            padding-right: 6px;
        }

        .menuSecond .menuleader {
            width: 10px;
            height: 12px;
            vertical-align: middle;
            margin-top: -4px;
        }

        .menuThird .menuThird-Item {
            font-size: 12px;
            position: relative;
            color: #555;
            float: left;
            border-left: 1px solid #d9d9d9;
            padding-left: 8px;
            padding-right: 8px;
            margin-bottom: 6px;
            cursor: pointer;
        }

        .cx_nav_indicate {
            left: 90px;
        }

        .suspend_nav1 > li:hover a {
            background: #006fb7;
            color: #fff;
        }

        .Two_nav_indicate {
            position: absolute;
            top: 13px;
            width: 24px;
            height: 8px;
        }

        .suspend_nav1 > li > a {
            padding: 0 12px;
            font-size: 14px;
            font-weight: bold;
            vertical-align: middle;
        }

        .suspend_nav1 > li > a {
            height: 18px;
            line-height: 17px;
            padding: 0 16px;
            border-radius: 10px;
            display: inline-block;
            transition: all 0.2s;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
        }

        .suspend_nav1 > li:hover div {
            display: block;
        }

        /*    轮播样式*/
        .layui-carousel img {
            width: 100%;
            height: 375px;
        }

        /*    轮播下菜单*/
        .user_operate_ul > li {
            float: left;
            height: 100%;
            width: 25%;
        }

        /*    联通精选*/

        .lx_jx_sx_ul {
            width: 441px;
            overflow: hidden;
            margin: 15px auto 15px;
            padding: 2px 2px;
            border: 1px solid #ebebeb;
            background: #fff;
            border-radius: 17px;
            font-size: 14px;
        }

        .lx_jx_sx_ul > li {
            float: left;
            width: 98px;
            height: 22px;
            color: #999999;
            line-height: 22px;
            *line-height: 20px;
            line-height: 20px \9;
            border-radius: 11px;
            margin: 0 8px;
            cursor: pointer;
            transition: all 0.2s;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
        }

        .lx_jx_sx_select {
            background: #006fb7;
            color: #fff !important;
        }

        .lx_jx_sx_ul > li:hover {
            background: #006fb7;
            color: #fff;
        }

        .lx_jx_pro_ul > li {
            position: relative;
            float: left;
            width: 292px;
            height: 207px;
            background: #fff;
            text-align: center;
            margin-right: 10px;
            /* border: 1px solid #f3f3f3; */
            border-top: 1px solid #006fb7;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -ms-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear;
            cursor: pointer;
        }


        .lx_jx_pro_ul > li:hover {
            -webkit-box-shadow: 0 15px 30px #ddd;
            -moz-box-shadow: 0 15px 30px #ddd;
            -ms-box-shadow: 0 15px 30px #ddd;
            -o-box-shadow: 0 15px 30px #ddd;
            box-shadow: 0 15px 30px #ddd;
            -webkit-transform: translate3d(0, -2px, 0);
            -moz-transform: translate3d(0, -2px, 0);
            -ms-transform: translate3d(0, -2px, 0);
            -o-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0);
        }

        .lx_jx_pro_ul > li:hover .orage_fc_div, .traffic_ul2 > li:hover .orage_fc_div, .broadband_ul2 > li:hover .orage_fc_div, .G4_ul2 > li:hover .orage_fc_div, .phone_ul1_li1:hover .orage_fc_div, .phone_ul2_li2:hover .orage_fc_div, .InternetCard_ul > li:hover .orage_fc_div {
            height: 100px;
        }

        .orage_fc_div {
            width: 100%;
            height: 0;
            position: absolute;
            bottom: 0;
            left: 0;
            overflow: hidden;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -ms-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear;
        }

        .orage_fc_bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #006fb7;
            opacity: 0.8;
        }

        .collectDiv {
            position: relative;
            height: 29px;
            padding: 0 15px;
            border-bottom: 1px solid #fda970;
        }

        .collect_icon1, .shoppingCar2 {
            height: 17px;
            margin-top: 7px;
            cursor: pointer;
        }

        .orage_fc_nr {
            position: relative;
            padding-top: 7px;
            padding-left: 20px;
        }

        .orage_fc_nr > li {
            height: 18px;
            line-height: 18px;
            font-size: 12px;
            color: #fff;
            text-align: left;
        }

        /*    流量、宽带专区*/
        .traffic_div, .G4_div, .broadband_div, .mobileNumber_div {
            height: 512px;
        }

        .traffic_div, .G4_div {
            /* clear: both; */
            width: 594px;
            height: 512px;
        }

        .traffic_div_header, .broadband_div_header, .G4_div_header, .mobileNumber_div_header {
            padding-top: 25px;
            line-height: 38px;
        }

        .floor_tit3_div, .floor_tit4_div {
            width: 100%;
            height: 24px;
            font-size: 14px;
            line-height: 24px;
            text-align: center;
            color: #666;
        }

        .floor_tit3_div div {
            display: inline-block;
            padding: 0;
            position: relative;
        }

        .floor_tit3_fg {
            display: inline-block;
            margin: 0 5px;
        }

        .more_div {
            width: 50px;
            height: 17px;
            line-height: 17px;
            margin-top: -21px;
            font-size: 14px;
            color: #999;
        }

        .more_div a, .more_div a {
            color: #bbb;
        }

        .more_icon {
            margin-top: 1px;
            width: 15px;
            height: 15px;
            background: url(img/more_icon.png) no-repeat;
        }

        .traffic_ul1, .G4_ul1 {
            margin-top: 15px;
            height: 160px;
        }

        .traffic_ul2, .broadband_ul2, .G4_ul2 {
            margin-top: 10px;
            height: 245px;
        }

        .traffic_ul1 li {
            background: #fff;
        }

        .traffic_ul1 li, .G4_ul1 li {
            float: left;
            width: 292px;
            height: 160px;
            position: relative;
            cursor: pointer;
            overflow: hidden;
        }

        .traffic_ul1_libg, .G4_ul1_libg, .kdzq_bg1 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 160px;
            -moz-transition: -moz-transform 1s;
            -o-transition: -o-transform 1s;
            -webkit-transition: -webkit-transform 1s;
            transition: -webkit-transform 1s;
            transition: transform 1s;
            transition: transform 1s, -webkit-transform 1s;
        }

        .traffic_ul1_li_bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .traffic_ul1_li_message_div {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 215px;
            height: 73px;
            margin-top: -38px;
            margin-left: -104px;
            text-align: center;
        }

        .traffic_ul1_li_message1 {
            font-size: 16px;
            line-height: 38px;
            padding-top: 2px;
            color: #555;
            font-weight: bold;
        }

        .traffic_ul1_li_message2 {
            border: none;
        }

        .traffic_ul2 > li, .broadband_ul2 > li, .G4_ul2 > li {
            position: relative;
            float: left;
            width: 191px;
            height: 100%;
            overflow: hidden;
            text-align: center;
            background: #fff;
            margin-right: 10px;
            cursor: pointer;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -ms-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear;
            cursor: pointer;
        }

        element.style {
        }

        .traffic_ul2>li:last-child, .broadband_ul2>li:last-child, .G4_ul2>li:last-child {
            margin-right: 0!important;
        }
        .traffic_ul2 .pro_style {
            position: absolute;
            left: 0;
            bottom: 15px;
            width: 60px;
            height: 17px;
            line-height: 17px;
            line-height: 16px \0;
            color: #fff;
            font-size: 12px;
        }
        .broadband_ul2 .img_div2 .kdzq_pic {
            width: 100%;
        }
        .broadband_ul2 .img_div2 {
            width: 100%;
        }
        #lan-box{
            opacity: 0;
            position: absolute;
            top: 25px;
            height: 40px;
            z-index: 100;
        }
        #lan-box li{
            margin-top: 10px;
        }
        .font-yellow{
            cursor: pointer;
        }
        .font-yellow:hover #lan-box{
            opacity: 1;
        }
    </style>
</head>
<body>
<div class="containera">
    <div class="main-box flex flex-between padding-top10 padding-bottom10">
        <div style="color: white">
            <ul class="flex">
                <li class="margin-right10">普通客户</li>
                <li class="margin-right10">企业客户</li>
                <li class="margin-right10">Email</li>
            </ul>
        </div>
        <div>
            <ul class="flex">
                <li class="font-yellow margin-right10">商店</li>
                <li class="font-yellow yuyan" data-yuyan="zh"><img src="img/zhongguo.png" width="18" /> <span>中文</span>
                    <ul id="lan-box">
                        <li data-yuyan="la"><img class="trp-flag-image" src="http://store.etllao.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/lo.png" width="18" height="12" alt="lo" > <span>ພາສາລາວ</span></li>
                        <li data-yuyan="en"><img class="trp-flag-image" src="http://store.etllao.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US"> <span>English</span></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="main-box flex flex-between" style="margin-top: 20px;margin-bottom: 10px;">
    <div>
        <img src="img/logo.png"
             class="logoImg"
             id="j_logo_img" tabindex="0">
    </div>
    <div class="search_div fr"><img id="searchButton"
                                    src="//iservice.10010.com/net5/back/images/search_icon_zhl.png"
                                    class="search_btn cur_pointer fr"><input
            type="text" value="" class="search_input coloraaa" id="searchWord">
    </div>
</div>
<div class="main-box suspend_nav">
    <div class="padding-right10">
        <ul class="suspend_nav1">
            <li class="suspendBg1"><a href="index.html" class="marginLeft15 colorff6600 i18n" id="home" data-lang="index_index">首页</a></li>
            <li><a href="javascript:;" id="query" >移动电话</a>
                <div class="nav_indicate_div" id="query_div" style="top:150.16px;">
                    <div class="width1200 Two_nav_indicate_D" style="width: 1220px;">
                        <img src="//iservice.10010.com/net5/back/images/nav_indicate.png"
                             class="cx_nav_indicate Two_nav_indicate">
                    </div>
                    <div class="MuneDown">
                        <dl>
                            <dt class="menuListBox adsquence">
                                <ul class="">
                                    <li class="menuSecond paddingL0">
                                        <div class="menuTitle2"><img
                                                src="https://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20211129/png/20211129181804.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc"  href="product-detail-fufei.html?type=1"><span
                                                class="menuSecondTitle">预付费</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond">
                                        <div class="menuTitle2"><img
                                                src="https://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20220107/png/20220107185205.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc"  href="product-detail-fufei.html?type=2"><span
                                                class="menuSecondTitle">后付费</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond">
                                        <div class="menuTitle2"><img
                                                src="https://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20220107/png/20220107185220.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc"  href="product-detail-swk.html"><span class="menuSecondTitle">上网卡4.5G</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173108.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-gjmy.html"><span
                                                class="menuSecondTitle">国际漫游</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                </ul>
                            </dt>
                            <dd class="adMuneBox validateArea"></dd>
                            <div class="clrDiv"></div>
                        </dl>
                    </div>
                </div>
                <img src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20170822/png/20170822150036.png"
                     class="hot_icon"></li>
            <li><a href="product-detail-hometel.html?type=1" id="handle">家庭电话</a>
            </li>
            <li class=""><a href="javascript:;" id="pay">互联网</a>
                <div class="nav_indicate_div" id="pay_div" style="top:150.16px;">
                    <div class="width1200 Two_nav_indicate_D" style="width: 1220px;">
                        <img src="//iservice.10010.com/net5/back/images/nav_indicate.png"
                             class="jf_nav_indicate Two_nav_indicate" style="left: 260px;">
                    </div>
                    <div class="MuneDown">
                        <dl>
                            <dt class="menuListBox">
                                <ul class="">
                                    <li class="menuSecond paddingL0">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173248.png"
                                                class="menuSecondIcon"><a href="product-detail-ftth.html" style="background-color: #fcfcfc"><span class="menuSecondTitle">光纤入户(FTTH)</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173300.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-hlwCPE.html"><span class="menuSecondTitle">互联网CPE</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-WiFi.html"><span class="menuSecondTitle">WIFI网络</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-adsl.html"><span class="menuSecondTitle">经济型ADSL互联网</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                </ul>
                            </dt>
                            <dd class="adMuneBox validateArea" _bamboo_rep_transid="150154001-1" _bamboo_rep_menuid=""
                                modulecode="module_nav_pay" _bamboo_rep_productlink="" validatetype="module_logo_area_2"
                                rowrecordid="8bc5fa1b19d64330b94718c006a41f76"></dd>
                            <div class="clrDiv"></div>
                        </dl>
                    </div>
                </div>
            </li>
            <li class=""><a href="javascript:;" id="zengzhi">增值服务</a>
                <div class="nav_indicate_div" id="zengzhi_div" style="top:150.16px;">
                    <div class="width1200 Two_nav_indicate_D" style="width: 1220px;">
                        <img src="//iservice.10010.com/net5/back/images/nav_indicate.png"
                             class="jf_nav_indicate Two_nav_indicate" style="left: 343px;">
                    </div>
                    <div class="MuneDown">
                        <dl>
                            <dt class="menuListBox">
                                <ul class="">
                                    <li class="menuSecond paddingL0">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173248.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-gjtelfy.html"><span class="menuSecondTitle">国际通话费用</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173300.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-cl663.html"><span class="menuSecondTitle">彩铃633</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-bshj.html"><span class="menuSecondTitle">变声呼叫664</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-zwzp.html"><span class="menuSecondTitle">职位招聘</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-cxcp6166.html"><span class="menuSecondTitle">查询彩票6166</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-wjldtx.html"><span class="menuSecondTitle">未接来电提醒</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-hly.html"><span class="menuSecondTitle">回铃音</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-sjxw.html"><span class="menuSecondTitle">手机新闻</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-SerchHL.html"><span class="menuSecondTitle">查询汇率</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-dzyjzd.html"><span class="menuSecondTitle">电子邮件账单</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                </ul>
                            </dt>
                            <dd class="adMuneBox validateArea" _bamboo_rep_transid="150154001-1" _bamboo_rep_menuid=""
                                modulecode="module_nav_pay" _bamboo_rep_productlink="" validatetype="module_logo_area_2"
                                rowrecordid="8bc5fa1b19d64330b94718c006a41f76"></dd>
                            <div class="clrDiv"></div>
                        </dl>
                    </div>
                </div>
            </li>
            <li class=""><a href="product-detail-cxhl.html" id="cuxiao">促销活动</a></li>
            <li class=""><a href="javascript:;" id="chanpinshow">产品展示</a>
                <div class="nav_indicate_div" id="chanpinshow_div" style="top:150.16px;">
                    <div class="width1200 Two_nav_indicate_D" style="width: 1220px;">
                        <img src="//iservice.10010.com/net5/back/images/nav_indicate.png"
                             class="jf_nav_indicate Two_nav_indicate" style="left: 518px;">
                    </div>
                    <div class="MuneDown">
                        <dl>
                            <dt class="menuListBox">
                                <ul class="">
                                    <li class="menuSecond paddingL0">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173248.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-dzcz.html"><span class="menuSecondTitle">电子充值服务</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173300.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-ztapp.html"><span class="menuSecondTitle">掌厅APP</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-Youtube.html"><span class="menuSecondTitle">Youtube业务</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-Torch.html"><span class="menuSecondTitle">Torch模拟网</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                </ul>
                            </dt>
                            <dd class="adMuneBox validateArea" _bamboo_rep_transid="150154001-1" _bamboo_rep_menuid=""
                                modulecode="module_nav_pay" _bamboo_rep_productlink="" validatetype="module_logo_area_2"
                                rowrecordid="8bc5fa1b19d64330b94718c006a41f76"></dd>
                            <div class="clrDiv"></div>
                        </dl>
                    </div>
                </div>
            </li>
            <li class=""><a href="javascript:;" id="aboutus">关于我们</a>
                <div class="nav_indicate_div" id="aboutus_div" style="top:150.16px;">
                    <div class="width1200 Two_nav_indicate_D" style="width: 1220px;">
                        <img src="//iservice.10010.com/net5/back/images/nav_indicate.png"
                             class="jf_nav_indicate Two_nav_indicate" style="left: 605px;">
                    </div>
                    <div class="MuneDown">
                        <dl>
                            <dt class="menuListBox">
                                <ul class="">
                                    <li class="menuSecond paddingL0">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173248.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-gsjj.html"><span class="menuSecondTitle">公司简介</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173300.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-newxx.html"><span class="menuSecondTitle">最新消息</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-zxns.html"><span class="menuSecondTitle">招贤纳士</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-khfw.html"><span class="menuSecondTitle">客户服务</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-download.html"><span class="menuSecondTitle">下载</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                    <li class="menuSecond borderRn">
                                        <div class="menuTitle2"><img
                                                src="//m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20180207/png/20180207173314.png"
                                                class="menuSecondIcon"><a style="background-color: #fcfcfc" href="product-detail-Forstaff.html"><span class="menuSecondTitle">For staff</span></a><img
                                                src="//m1.img.10010.com/net5/back/images/menuLeader.jpg"
                                                class="menuleader"></div>
                                        <div class="clrDiv"></div>
                                    </li>
                                </ul>
                            </dt>
                            <dd class="adMuneBox validateArea" ></dd>
                            <div class="clrDiv"></div>
                        </dl>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<div style="height: 40px;"></div>
<div class="container">
    <div class="row">
        <div class="col-lg-6">
            <div class="single-product-img h-100">
                <div class="swiper-container single-product-slider">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="./img/no.jpg"
                               class="single-img gallery-popup" id="pic-bac">
                                <img class="img-full" src="./img/no.jpg"
                                     alt="Product Image" id="pic-bac2">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="./img/no.jpg"
                               class="single-img gallery-popup">
                                <img class="img-full" src="./img/no.jpg"
                                     alt="Product Image">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href=""
                               class="single-img gallery-popup">
                                <img class="img-full" src="./img/no.jpg"
                                     alt="Product Image">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href=""
                               class="single-img gallery-popup" id="pic_bac">
                                <img class="img-full" src="./img/no.jpg"
                                     alt="Product Image" id="pic_bac2">
                            </a>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="product-thumb-with-content row">
                <div class="col-12 order-lg-1 order-2 pt-10 pt-lg-0">
                    <div class="single-product-content">
                        <h2 class="title">经济型ADSL互联网</h2>
                        <p class="short-desc mb-6" id="detail">此商品的详情介绍</p>
                        <ul class="quantity-with-btn pb-7">
                            <li class="quantity">
                                <div class="cart-plus-minus">
                                    <input class="cart-plus-minus-box" value="1" type="text">
                                </div>
                            </li>
                            <li class="add-to-cart">
                                <a class="btn btn-custom-size lg-size btn-primary btn-secondary-hover rounded-0"
                                   href="cart.html">加入购物车</a>
                            </li>
                            <li class="wishlist-btn-wrap">
                                <a class="btn rounded-0" href="wishlist.html">
                                    <i class="pe-7s-like"></i>
                                </a>
                            </li>
                        </ul>
                        <div class="social-link align-items-center pb-lg-8">
                            <span class="title pe-3">分享 :</span>
                            <ul>
                                <li>
                                    <a href="javascript:void(0)">
                                        <i class="fa fa-pinterest-p"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">
                                        <i class="fa fa-tumblr"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:void(0)">
                                        <i class="fa fa-dribbble"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--                图片点击放大-->
                <div class="col-12 order-lg-2 order-1 pt-10 pt-lg-0">
                    <div class="swiper-container single-product-thumbs">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="product-tab-area section-space-top-100">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <ul class="nav product-tab-nav product-tab-style-2" role="tablist">
                    <li class="nav-item" role="presentation">
                        <a class="active btn btn-custom-size" id="description-tab" data-bs-toggle="tab" href="#description" role="tab" aria-controls="description" aria-selected="true">
                            描述
                        </a>
                    </li>
                </ul>
                <div class="tab-content product-tab-content">
                    <div class="tab-pane fade show active" id="description" role="tabpanel" aria-labelledby="description-tab">
                        <div class="product-description-body">
                            <p class="short-desc mb-0" id="remark">文本占位</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Minify Version -->
<script src="js/vendor.min.js"></script>
<script src="js/plugins.min.js"></script>

<!--Main JS (Common Activation Codes)-->
<!-- <script src="assets/js/main.js"></script> -->
<script src="js/main.min.js"></script>


<script src="layui/layui.js"></script>
<script src="js/token.js"></script>
<script src="js/config.js"></script>
<script>

    var layer = layui.layer;
    var form = layui.form;

    //得到工程路径
    function getRootPath() {
        var curWwwPath = window.document.location.href;
        var pathName = window.document.location.pathname;
        var pos = curWwwPath.indexOf(pathName);
        var localhostPaht = curWwwPath.substring(0, pos);
        var projectName = pathName
            .substring(0, pathName.substr(1).indexOf('/') + 1);
        if (projectName == "/admin" || projectName == "/static")
            projectName = "";

        return (projectName);
    }

    var carousel = layui.carousel;
    //建造实例
    carousel.render({
        elem: '#test1'
        , width: '100%' //设置容器宽度
        , arrow: 'always' //始终显示箭头
        // ,anim: 'updown' //切换动画方式
    });
    $("#test1").css("height", '350px')
    var path = getRootPath();
    var $ = layui.$;
    // 人气推荐和特色专区动画
    $(".lx_jx_sx_ul li").mouseover(function () {
        console.log(this.dataset.class)
        if (this.dataset.class == 'rqtj-conf') {
            $(".rqtj-conf").show();
            $(this).addClass('lx_jx_sx_select')
            $(this).next().removeClass('lx_jx_sx_select')
            $(".tszj-conf").hide();
        } else if (this.dataset.class == 'tszj-conf') {
            $(".tszj-conf").show();
            $(".rqtj-conf").hide();
            $(this).addClass('lx_jx_sx_select')
            $(this).prev().removeClass('lx_jx_sx_select')
        }
    })
    // 切换语言
    $("#lan-box li").click(function(){
        let now_url = $(".yuyan img").attr('src');
        let now_txt = $(".yuyan span:eq(0)").text();
        let new_yuyan = $(".yuyan").get(0).dataset.yuyan;
        let old_yuyan= this.dataset.yuyan;
        let old_url = $(this).find('img').attr('src');
        let old_txt = $(this).find('span:eq(0)').text();
        $(this).find('img').attr('src',now_url);
        $(this).find('span:eq(0)').text(now_txt);
        $(".yuyan img:eq(0)").attr('src',old_url);
        $(".yuyan span:eq(0)").text(old_txt);
        $(".yuyan").get(0).dataset.yuyan=old_yuyan;
        this.dataset.yuyan=new_yuyan;
        let n= 0;
        switch (old_yuyan) {
            case  'la':n=2;break;
            case  'en':n=1;break;
        }
        langu=$(".yuyan").get(0).dataset.yuyan;
        search();
        // language_pack.loadProperties(n);
        // window.history.go(0);

    })
    $(function (){
        langu="zh";
        search();
    })
    function search() {
        $.ajax({
            url: HOST+"webapi/absl/getabsl",
            type: "GET",
            success: function (res) {
                console.log(res.code);
                $("#pic-bac").attr("href",res.data[0].picture);
                $("#pic-bac2").attr("src",res.data[0].picture);
                if (langu == "zh") {
                    $('#detail').html(res.data[0].detailZh);
                    $('#remark').html(res.data[0].remarkZh);
                } else if (langu == "la") {
                    $('#detail').html(res.data[0].detailLao);
                    $('#remark').html(res.data[0].remarkLao);
                } else if (langu == "en") {
                    $('#detail').html(res.data[0].detailEn);
                    $('#remark').html(res.data[0].remarkEn);
                }
            }
        })
    }

</script>
</body>
</html>