header.html 11.1 KB
<style type="text/css">.

.pull-left {
    float:left
}
.pull-right {
    float:right
}
.hide {
    display:none
}
.clearfix {
    zoom:1
}
.clearfix:after {
    content:"";
    display:table;
    clear:both
}
.phptpl-header {
    width:100%;
    min-width:1200px;
    height:auto;
    position:relative;
    background:#ffffff;
    border-bottom:1px solid #ededed;
    -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.1);
    box-shadow:0px 1px 4px rgba(0,0,0,0.1);
    z-index:200;
    -webkit-transition:all 0.5s ease-in;
    -moz-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in
}
@media (max-width:1100px) {
    .phptpl-header {
        min-width:1000px
    }
}.phptpl-header a {
     text-decoration:none
 }
.phptpl-header ul {
    list-style:none
}
.phptpl-header .header-container {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0 auto;
    width:1200px;
    height:70px;
    zoom:1
}
@media (max-width:1100px) {
    .phptpl-header .header-container {
        width:1000px
    }
}.phptpl-header .header-container:after {
     content:"";
     display:table;
     clear:both
 }
.phptpl-header .header-container .logo {
    display:inline-block;
    width:300px;
    height:60px;
    margin-top:5px;
    background-image:url("__STATIC__/images/index/logo.png?v=2019");
    background-repeat:no-repeat;

}
.phptpl-header .header-container .nav-list {
     float:right;
     zoom:1
 }
.phptpl-header .header-container .nav-list:after {
    content:"";
    display:table;
    clear:both
}
.phptpl-header .header-container .nav-list>li {
    float:left;
    display:inline-block;
    height:70px;
    line-height:70px;
    padding:0px 20px; font-size: 16px;
}
@media (max-width:1100px) {
    .phptpl-header .header-container .nav-list>li {
        padding:0px 20px;
    }
}

.phptpl-header .header-container .nav-list>li .product-center {
    margin-right:15px;
    text-decoration:none;
    color:#2c3a46
}
.phptpl-header .header-container .nav-list>li .product-center:hover {
    color:#e00
}
.phptpl-header .header-container .nav-list .product-dropdown {
    z-index:200
}
.phptpl-header .header-container .nav-list .product-dropdown div.active {
    background:#f8f8f8
}
.phptpl-header .header-container .nav-list .product-dropdown:hover .caret:after {
    border-top-color:#e00
}
.phptpl-header .header-container .nav-list .product-dropdown:hover .product-center {
    color:#e00
}
.phptpl-header .header-container .nav-list .product-dropdown:hover .dropdown-menu-wrapper {
    -webkit-transform:rotate3d(0,0,0,0deg);
    -moz-transform:rotate3d(0,0,0,0deg);
    transform:rotate3d(0,0,0,0deg);
    -webkit-transform-origin:50% 0%;
    -moz-transform-origin:50% 0%;
    -ms-transform-origin:50% 0%;
    transform-origin:50% 0%;
    max-height:1000px
}
.phptpl-header .header-container .nav-list .product-dropdown .dropdown-menu-wrapper {
    position:absolute;
    left:0;
    border-bottom:0.5px solid #e5e5e5;
    -webkit-transform:rotate3d(1,0,0,-90deg);
    -moz-transform:rotate3d(1,0,0,-90deg);
    transform:rotate3d(1,0,0,-90deg);
    z-index:1000;
    max-height:0px;
    -webkit-box-shadow:inset 0px 2px 5px rgba(0,0,0,0.07);
    box-shadow:inset 0px 2px 5px rgba(0,0,0,0.07);
    -webkit-transform-origin:50% 0%;
    -moz-transform-origin:50% 0%;
    -ms-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:300ms ease-in-out;
    -moz-transition:300ms ease-in-out;
    transition:300ms ease-in-out;
    overflow:hidden;
    background-color:#fff;
    width:100%
}
.phptpl-header .header-container .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu {
    margin:30px auto;
    width:100%;
    max-width:1100px;
    zoom:1
}
.phptpl-header .header-container .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu:after {
    content:"";
    display:table;
    clear:both
}
.phptpl-header .header-container .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .border-right {
    border-right:0.5px solid #E5E5E5;
    padding-right:45px
}
.phptpl-header .header-container .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .product-main h4,.phptpl-header .header-container .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .product-main p {
    margin-left:26px
}
.phptpl-header .header-container .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .product-main .menu-title {
    padding-left:10px;
    margin-left:0
}
.phptpl-header .header-container .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .product {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    float:left;
    line-height:normal
}
.phptpl-header .header-container .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .product .menu-title {
    font-size:12px;
    color:#666666;
    margin-bottom:12px
}
.phptpl-header .header-container .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .product .link-list-left {
    float:left
}
.phptpl-header .header-container .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .product .link-list-left div {
    position:relative
}
.phptpl-header .header-container .nav-list .product-dropdown .dropdown-menu-wrapper .dropdown-menu .product .link-list-left div span {
    width:20px;
    height:20px;
    position:absolute;
    left:10px;
    top:13px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}



.phptpl-header .header-container li.login_common_ {
    padding:0px 0px 0px 25px
}
.phptpl-header .header-container li.register_common_ {
    padding:0px 0px 0px 10px
}
.phptpl-header .header-container .btn-login {
    width:80px;
    height:30px;
    line-height:28px;
    display:inline-block;
    border:1px solid #C5182C;
    color:#C5182C;
    text-align:center;
    border-radius:2px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    cursor:pointer
}
.phptpl-header .header-container .btn-login:hover {
    background-color:#FC5D6F;
    color:#FFFFFF
}
.phptpl-header .header-container .btn-register_ {
    width:80px;
    height:30px;
    line-height:30px;
    display:inline-block;
    background-color:#C5182C;
    color:#ffffff;
    text-align:center;
    border-radius:2px;
    cursor:pointer
}
.phptpl-header .header-container .btn-register_:hover {
    background-color:#FC5D6F;
    color:#ffffff
}
.phptpl-header .header-container .loaded_common_ {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    width:172px;
    position:relative;
    padding:0;
    z-index:200;
    padding-left:15px !important;
    margin-right:-16px
}
.phptpl-header .header-container .loaded_common_:hover .loaded-menu_ {
    display:block
}
.phptpl-header .header-container .loaded_common_:hover {
    background-color:#ffffff;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5
}
.phptpl-header .header-container .loaded_common_ #mobile_common_ {
    color:#C5182C;
    font-size:16px
}
.phptpl-header .header-container .loaded_common_ .caret:after {
    border-top-color:#C5182C
}
.phptpl-header .header-container .loaded_common_ #avatar_common_ {
    width:40px;
    height:40px;
    margin-right:3px;
    display:inline-block;
    border-radius:50%;
    vertical-align:text-bottom;
    background-size:40px 40px;
    background-position:center;
}
.phptpl-header .header-container .loaded_common_ .loaded-menu_ {
    display:none;
    width:172px;
    margin-left:-16px;
    height:72px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:#ffffff;
    border:1px solid #e5e5e5;
    border-top:0
}
.phptpl-header .header-container .loaded_common_ .loaded-menu_ li {
    height:35px;
    width:170px;
    padding:0
}
.phptpl-header .header-container .loaded_common_ .loaded-menu_ li a {
    height:35px;
    width:170px;
    text-align:center;
    display:block;
    line-height:35px;
    background-color:#ffffff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size:14px;
    color:#666666
}
.phptpl-header .header-container .loaded_common_ .loaded-menu_ li a:hover {
    color:#e00;
    background-color:#F8F8F8
}
</style>
<div class="phptpl-header" yz_ctn_module="nav">
    <div class="header-container">
        <a class="logo" href="/"></a>
        <ul id="nav_list_common_" class="nav-list">
            <li><a href="/" class="product-center">美得得·手店</a></li>
            <li><a href="/home/Introduce/index1.html" class="product-center">功能介绍</a></li>
            <li><a href="/home/index/caselist.html" class="product-center">案例</a></li>
            <li><a href="https://erp.meidd.com" class="product-center">返回官网</a></li>
            <!--<li class="product-dropdown">-->
            <!--<a href="javascript:;" class="product-center">更多服务-->
            <!--<i class="caret"></i></a>-->
            <!--<div class="dropdown-menu-wrapper">-->
            <!--<div class="dropdown-menu">-->
            <!--<div class="item-product" id="#">-->
            <!--<a href="#" class="item-product-link" target="_blank">-->
            <!--<h3>有礼派移动营销平台</h3>-->
            <!--<p>111</p>-->
            <!--</a>-->
            <!--</div>-->

            <!--<div class="bottom-contact-container">-->
            <!--<div class="bottom-contact">开店咨询:4000 879077 &nbsp;-->
            <!--<i class="dividing-line">|</i>周一到周日 9:00 ~ 18:00</div></div>-->
            <!--</div>-->
            <!--</li>-->
            <if condition="$islogin eq 1">
                <li class="loaded_common_">
                    <div style="height: 40px;">

                        <Div style="float: left; padding-top: 15px; height: 20px; width: 42px;"> <img src="{:getImg($stoinfo.store_logo,'__STATIC__/images/index/avatar.png')}"  style="width: 40px; border-radius: 50%;"></Div>
                        <div style="float: left; font-size: 14px;">
                            <if condition="$stoinfo.isweb_reg eq 1">
                                {$stoinfo.reg_mobile}
                             <else>
                                 {$stoinfo.ERPId}
                            </if>
                        </div>
                    </div>
                    <div style="clear: both"></div>

                    <i class="caret"></i>
                    <ul class="loaded-menu_">
                        <li>
                            <a target="_blank" href="/admin/index/index">进入后台</a></li>
                        <li>
                            <a href="/admin/Admin/logout.html">退出登录</a></li>
                    </ul>
                </li>
             <else/>
                    <li class="last login_common_"><a  class="btn-login" href="/Home/index/login.html">登录</a></li>
                    <li class="last register_common_"><a  id="yz_register_" class="btn-register_" href="/Home/index/register.html">注册</a></li>
            </if>


        </ul>
    </div>
</div>