/* global.css */
    body, p, ol, ul, li, dl, dd, h1, h2, h3, h4, h5, h6, input, iframe, nav, header, footer {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    body {
        font: 14px Microsoft YaHei, sans-serif;
        color: #2a2b2c;
        background: #fff;
    }
    *{
        margin: 0px;
        padding: 0px;
    }
    .hd{
        position: relative;
    }
    .header{
        position: absolute;
        background-color: #41ACA7;
        width:100%;
        height:80px;
        top:0px;
    }
    .header div{
        float: left;
    }
    .header-lf{
        width: 20%;
    }
    .header-lf img{
        width: 45px;
        height: 45px;
        margin-left: 10px;
        margin-top: 18px;
    }
    .title{
        color: #fff;
        width: 60%;
        margin-top: 20px;
    }
    .title p{
        height: 25px;
    }
    .header-rt{
        width: 20%;
    }
    .header-rt img{
        height: 30px;
        margin-top: 26px;
    }
    .share{
        height: 80px;
        width: 100%;
        clear: both;
        position: absolute;
        left: 0px;
        bottom: 0px;
    }
    .share img{
        width: 100%;
        height: 80px;
    }
    .share p{
        width: 50%;
        float: left;
    }
    .pic{
        width: 90%;
    }
    .pic img{
        display: none;
        width: 100%;
    }
    .arr{
        width: 40px;
        height: 70px;
        font-size: 30px;
        font-weight: 900;
        line-height: 70px;
        text-align: center;
        color: #ccc;
        position: absolute;
        top: 125px;
        display: none;
        cursor: pointer;
    }
    .l-arr{
        left: 0px;
    }
    .r-arr{
        right: 0px;
    }
    .big:hover .arr{
        display: block;
    }
    .arr:hover{
        background: rgba(0,0,0,0.3);
        color: #fff;
    }
    .mtp{
        height: 130px;
    }
    .ze {
        width: 100%;
        height: 100vh;
        background-color: rgba(00, 00, 00, 0.8);
        position: fixed;
        z-index: 20;
        top: 0;
        display: none;
    }

    .zao {
        width: 100%;
        height: 100%;
        background: url(/img/12/down-07.png) no-repeat;
        background-size: 100%;
    }
    /* ===layer_download====================================== */
    #layer_download {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9991;
        background: rgba(0,0,0,.3);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .d_wrap {
        width: 90%;
        min-height: 180px;
        max-height:390px;
        background: rgba(255,255,255,1);
        border-radius: 10px;
        box-shadow: 0 1px 10px #aaa;
        padding: 20px 20px;
    }

    .d_wrap .yzDown{text-align:center; font-size:14px; line-height:30px; color:#900;}

    .u_down {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
    }
    .u_down li {
        width: 0;
        -moz-flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 10px 10px;
    }
    .d_wrap .h_h3 {
        margin-bottom: 15px;
        font: 16px Microsoft YaHei;
        text-align: center;
        color: #555;
    }
    .u_down li .direct_down {
        height: 35px;
        font: 12px/37px Microsoft YaHei;
        color: #fff;
        background: #09d;
        text-align: center;
        border-radius: 3px;
        padding: 0 10px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border: 0;
        margin-bottom: 10px;
    }
    .u_down li .direct_down:hover {
        opacity: .9;
    }
    .u_down li p {
        text-align: center;
        color: #555;
        font-size: 12px;
    }
    .d_wrap .p_hint {
        text-align: center;
        font-size: 12px;
        color: #f33;
    }

    /* ===ios_download====================================== */
    #ios_download {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9991;
        background: rgba(0,0,0,.3);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .w_wrap{
        width: 90%;
        min-height: 180px;
        max-height:390px;
        background: rgba(255,255,255,1);
        border-radius: 10px;
        box-shadow: 0 1px 10px #aaa;
    }
    .ios_wrap {
        padding: 0 20px 20px 20px;
    }
    .w_wrap img{
        height: 70px;
            border-radius: 15px;
    }

    .w_wrap .u_down {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
        border-bottom: 1px solid #dcd8d8;
    }
    .ios_wrap li {
        width: 0;
        -moz-flex: 1;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 10px 10px;
        text-align: center;
    }
    .ios_h3 {
        font: 22px Microsoft YaHei;
        color: #fff;
        background-color: #2B8CEF;
        border-radius: 10px 10px 0 0;
        height: 44px;
        line-height: 44px;
        padding-left: 20px;
    }
    .ios_wrap li .direct_down,.ios_wrap li .tf_share {
        height: 30px;
        font: 12px/30px Microsoft YaHei;
        color: #166cdd;
        background: #E7F2FE;
        text-align: center;
        border-radius: 13px;
        padding: 0 10px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border: 0;
        margin-bottom: 10px;
    }
    .ios_wrap li .direct_down,.ios_wrap li .tf_share:hover {
        opacity: .9;
    }
    .ios_wrap li p {
        text-align: center;
        color: #555;
        font-size: 12px;
    }
    .ios_hint {
        color: #82b3ea;
        margin-top: 10px;
    }


    /*footer*/
   .footer {
        height: 250px;
        line-height: 16px;
        background-color: #1b1b1b;
        color: #4a4a4a;
    }
    .footer .foot-nav {
        width: 100%;
        margin: 0 auto;
    }
    .fr{
        width: 97%;
        padding-left: 2%;
        padding-top: 10px;
    }
    .fr a{
        color: #6c6e7e;
        margin: 0 4px;
        text-decoration:none;
    }
    .fr img{
        border: none;
        vertical-align: middle;
    }