html
{
    font-size: 62.5%;
}
body
{
    background-color:#fff;
}
body *
{
    font-size: 1.2rem;
    font-family: verdana, "Microsoft YaHei";
}

/** @Method:      顶部导航
 *  @Author:      Alvin
 *  @DateTime:    2016-11-03 17:18:30
 */
    .zw-topbar
    {
        display:flex;
        width: 1000px;
        height: 12rem;
        margin: 0 auto;
    }
    .zw-topbar-brand
    {
        display: flex;
        flex: 4;
        align-items: center;
        margin: 0 0 !important;
        /*justify-content: center;*/
        background: transparent url('/shellext/images/logo-new.png') 5% 50% no-repeat;
        background-size: 30.4rem 7rem;
    }
    .zw-topbar-slogan
    {
        text-indent: 12rem;
        font-size: 4rem;
    }
    
    .zw-topbar-search
    {
        display: flex;
        flex: 5;
        align-items: center;
        justify-content: center;
    }
    .zw-topbar-search form {
        width: 80%;
    }
    .zw-topbar-pub
    {
        display: flex;
        flex: 2;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .zw-topbar-pub .zw-topbar-qrcode
    {
        display: block;
        width: 15.4rem;
        height: 8rem;
        background: transparent url('/shellext/images/zw-topbar-qrcode.png') 0% 0% no-repeat;
        background-size: 15.4rem 8rem;
        text-align: center;
        /* vertical-align: bottom !important; */
        font-size: 1.4rem;
        line-height: 14.5rem;
        transition: all .2s;
        cursor:pointer;
        position: absolute;
        right: 5rem;
        z-index: 1001;
    }
    .zw-topbar-pub .zw-topbar-qrcode:hover
    {
        width: 23.1rem;
        height: 12rem;
        background-size: 23.1rem 12rem;
        color: transparent;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
        background-color: #fff;
        right: 0rem;
        background-position: 50% 50%;
    }

    .zw-nav
    {
        
        width: 1200px;
        background-color: #3bf;
        height: 4rem;
        color: #fff;
    }
    .zw-nav ul
    {
        display: flex;
        height: 4rem;
        width: 1000px;
        margin: 0 auto;
        padding-left: 0px;
    }
    .zw-nav li
    {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;
    }
    
    .zw-nav li a
    {
        display: flex;
        font-size: 1.6rem;
        font-family: "Microsoft YaHei";
        /* font-weight: bold; */
        color: #fff;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }
    .zw-nav li a:after
    {
        /* position: absolute;
        content: " ";
        bottom: 15px;
        opacity: 0;
        -webkit-transition: opacity .5s;
                transition: opacity .5s;
        -webkit-transition: bottom .2s;
                transition: bottom .2s;
        border-bottom: 2px solid #000; */
    }
    .zw-nav li.active a,
    .zw-nav li a:hover,
    .zw-nav li a:focus
    {
        color:  #000;
        position: relative;
        /*background-color: #fff;*/
    }
    .zw-nav li.active a:after,
    .zw-nav li a:hover:after
    {
        width: 70%;
        left: 15%;
        position: absolute;
        content: " ";
        bottom: 5px;
        opacity: 1;
        border-bottom-color: #fff;
        background-color: #fff;
        color: #fff/*e40082*/;
    }

    

/** @Method:      顶部下载二维码
 *  @Author:      Alvin
 *  @DateTime:    2016-11-03 17:18:54
 */
    /*
    .download_box {

    }
    */
    .download_box .left {
        float: left;
    }
    .download_box .erweima {
        width: 110px;
        height: 110px;
        background: url(../images/icon.png) no-repeat;
        background-position: -15px -112px;
        overflow: hidden;
    }

    .download_box .right {
        float: left;
        margin-left: 10px;
    }

    .download_box .item {
        display: block;
        width: 180px;
        height: 46px;
        line-height: 45px;
        text-align: left;
        color: #999;
        font-size: 18px;
    }
    .download_box .item_pc {
        text-align: center!important;
        border: 1px solid #eeeeee;
    }
    .pc_download {
                transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
        -webkit-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
           -moz-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
             -o-transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    }
    .pc_download:hover {
        color: #333;
        background: #fedd00;
        border-color:#fedd00;
    }

    .am-container
    {
        cursor:default;
        min-width:1200px;
        max-width:1200px;
        padding: auto 100px;
        padding:0px;
        /* background-color: #f0f0f0; */
        -webkit-touch-callout: none;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none;
        -webkit-text-size-adjust: none;
            -ms-text-size-adjust: none;
                /* text-size-adjust: none; */
    }

/** @Method:      全局页面底部
 *  @Author:      Alvin
 *  @DateTime:    2016-11-04 11:52:06
 */
    footer
    {
        margin-top:0px !important;
    }
    .footer-container
    {
        background-color: #f0f0f0;
        width: 1200px;
        margin: 0 auto;
        padding-top: 4rem;
        padding-bottom: 2rem;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -webkit-text-size-adjust: none;
          -ms-text-size-adjust: none;
              /* text-size-adjust: none; */
    }
        /*
        .footer-container .logo
        {

        }
        */
            .footer-container .logo .logo-img
            {
                display:block;
                width:100%;
                height: 12rem;
                background: transparent url('../images/logo-new.png') 0% 0% no-repeat;
                background-size: 12.9rem 11rem;
            }
            .footer-container .logo .logo-contact
            {
                margin-top: 1rem;
                color:#777;
                font-size:16px;
                line-height:36px;
            }

        /*
        .footer-container .about
        {

        }
        */
            .footer-container .about .about-title
            {
                font-size:20px;
                color: #333;
                font-weight: bold;
                line-height: 42px;
            }
            .footer-container .about .about-info
            {
                font-size: 14px;
                color: #777;
                line-height:36px;
            }
        .footer-container .qrcode-bot
        {
            text-align: center;
            padding-top: 1rem;
        }
            .footer-container .qrcode-bot .qr-img
            {
                margin:0 auto;
                display:block;
                width: 152px;
                height:200px;
                   -moz-background-size:152px 200px;
                -webkit-background-size:152px 200px;
                     -o-background-size:152px 200px;
                        background-size:152px 200px;
                background-image:url("../images/qrcode-full.png");
                background-repeat: no-repeat;
            }
            .footer-container .qrcode-bot .qr-img.weibo
            {
                background-image:url("../images/qr-weibo.png");
            }

            .footer-container .qrcode-bot .qr-inf
            {
                padding-top:18px;
                font-size:16px;
                color:#777;
                line-height: 24px;
            }
    .footer-nav {
        margin: 0 auto;
        text-align: center;
        margin-bottom: 1rem;
    }
    .footer-nav a {
        color: #000;
        margin:0  1rem;
        border-bottom: 1px solid transparent;
    }
    .footer-nav a:hover {
        color: #3bf;
        border-bottom: 1px dotted #3bf;
    }
    .footer-copyright
    {
        display: block;
        width: 1200px;
        height:2rem;
        text-align: center;
        font-size: 1.2rem;
    }
    .footer-copyright a
    {
        font-weight: bold;
        color:#bababa;
    }
    .footer-copyright a:hover
    {
        color:#930;
    }


    .btn-secondary
    {
        border-radius: 10px;
        background-color: #08d790;
        color:#fff;
        width:210px;
        height:72px;
        margin-top:4rem;
    }
    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary:active
    {
        color:#fff;
    }

/** @Method:      加载css3动画01
 *  @Author:      Alvin
 *  @DateTime:    2016-11-14 15:05:28
 */
    .loader {
        box-sizing: border-box;
        display: flex;
        flex: 0 1 auto;
        flex-direction: column;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 25%;
        max-width: 25%;
        height: 100px;
        align-items: center;
        justify-content: center;
    }
    .loader.outer-pacman
    {
        position: relative;
        left:30%
    }
    .loader-text
    {
        color:#e9e9e9;
        font-size:18px;
    }

/** @Method:      区块阴影
 *  @Author:      Alvin
 *  @DateTime:    2016-11-14 18:19:01
 */
    .box-shadow {
        -moz-box-shadow: 0px 0px 10px rgba(99,99,99,0.5);
        -webkit-box-shadow: 0px 0px 10px rgba(99,99,99,0.5);
        box-shadow: 0px 0px 10px rgba(99,99,99,0.5);
    }

/** @Method:      其他全局样式
 *  @Author:      Alvin
 *  @DateTime:    2016-11-28 17:49:20
 */
    .am-btn:focus,
    .am-btn:active:focus {
      outline: none;
      outline: none;
      outline-offset: none;
    }

    .text-xl
    {
        font-size:38px;
    }
    .text-36
    {
        font-size:36px;
    }
    .text-lg
    {
        font-size:30px;
    }
    .text-mid
    {
        font-size:24px;
    }
    .text-def
    {
        font-size:18px;
    }
    .text-sm
    {
        font-size:16px;
    }
    .text-xs
    {
        font-size:14px;
    }
    .text-20
    {
        font-size:20px;
    }
    .text-color-3
    {
        color:#333;
    }
    .text-color-5
    {
        color:#555;
    }
    .text-color-7
    {
        color:#777;
    }
    .text-color-9
    {
        color:#999;
    }
    .text-color-b
    {
        color:#bbb;
    }
    .text-color-e
    {
        color:#eee;
    }
    .text-color-hl
    {
        color:#fedd00;
    }
    .text-color-ln
    {
        color:#feaa00;
    }
    .text-color-red
    {
        color:#fe2400;
    }

/** @Method:      会员中心菜单
 *  @Author:      Alvin
 *  @DateTime:    2016-11-29 17:18:30
 */
[class*="my-icon-"]
    {
        display: inline-block;
        width:20px;
        height:20px;
        font-size:2rem;
    }

    .my-icon-profile
    {
        background:transparent url("/shellext/images/my-profile.png") 2px 2px no-repeat;
    }
    .my-icon-course
    {
        background:transparent url("/shellext/images/my-course.png") 0 0 no-repeat;
    }
    .my-icon-order
    {
        background:transparent url("/shellext/images/my-order.png") 0 0 no-repeat;
    }
    .my-icon-coupons
    {
        background:transparent url("/shellext/images/my-coupons.png") 0 0 no-repeat;
    }
    .my-icon-address
    {
        background:transparent url("/shellext/images/my-address.png") 0 0 no-repeat;
    }

    #mcenter-menu
    {
        position:fixed;
        width:261px;
    }

    #mcenter-menu [class*="my-icon-"]
    {
        position:relative;
        top:4px;
        margin-right:8px;
    }
    #mcenter-menu .my-icon-truck
    {
        top:1px;
    }
    #mcenter-menu .my-icon-coupons
    {
        top:7px;
    }
    #mcenter-menu .my-icon-address
    {
        top:6px;
    }
    #mcenter-menu .my-icon-course
    {
        top:5px;
    }

    #mcenter-menu
        li a
        {
            font-size:16px;
            height:50px;
            line-height:40px;
            color:#333;
        }

    #mcenter-menu
        li.am-active
        a
        {
            background-color: #fedd00;
            color:#333;
        }

    .am-btn-primary,
    .am-btn-danger
    {
        height:42px;
        background-color:#fedd00;
        color:#333;
        font-size:16px;
        border-width: 0px;
        border-radius: 5px;
    }
    .am-btn-primary:focus,
    .am-btn-primary:hover
    {
        background-color:#faee00;
        color:#333;
    }

    .am-btn-danger
    {
        background-color: #fe2400;
        color:#f7f7f7;
    }

    span.fileinput-button span
    {
        line-height:28px;
    }