guojy
/
qzw_app


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../css/star-rating-svg.css" />
    <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
    <style>
        .back-header {
            background: rgb(0, 0, 0, 0);
        }
       .swiper-container {
          width: 100% !important;
          height: 7.5rem;
        }
        .swiper-slide img {
          width: 7.5rem;
          height: 7.5rem;
          object-fit:cover;
        }
        .goods-btn{
           margin:auto;
           width:60%;
        }
        .goods-btn span{
          height:100%;
          width:50%;
          float:left;
        }
        .goods-btn-active{
           border-bottom:2px solid #D9251C;
        }
        .goods-desc{
          /*height:86px;*/
        }
        .font-rem11 {
            color: #000;
        }
        .goods-costprice {
            color: #999;
        }
        .goods-desc li{
          float:left;
          /*width:50%;*/
        }
        .buy-btn{
          width:100%;
          height: 1rem;
          /*border-top: 0.02rem solid #e8e8e8;*/
          position:fixed;
          bottom:0px;
          background:#ffffff;
          z-index: 9;
        }
        .buy-btn-wid{
          width:50px;
        }
        .buy-btn li{
          float: right;
          border-right: 0.01rem solid #e8e8e8;
          text-align:center;
          height: 1rem;
          line-height: 1rem;
        }
        .home-ads {
            height: auto;
        }
        .buy-btn img{
            width: 0.42rem;
            vertical-align: middle;
        }
        .buy-btn-item{
          width:50%;
          float:right;
          background: #d9251c;
          color:#ffffff;
        }
        .goods-desc-right{
          /*width:120px;height:100%;*/
          float:right;
        }
        .goods-desc-right ul{
          width:100%;
          margin:0px;
        }
        .goods-desc-right li{
          float:right;
        }
        .goods-desc-mtotal {
          /*width:100%;*/
          text-align:right;
          padding: 0.5rem 0 0.3rem 0;
          clear:both;
          font-size: 0.24rem;
          color: #999;
        }
      span#goods_name.goods-desc-item.font-rem11 {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          height: auto;
          line-height: unset;
          width: inherit;
      }
        .goods-desc-mtotal span#sale-number {
            color: #999;
        }
        .goods-desc-percentage{
            text-align: right;
            border-left: 0.01rem solid #e8e8e8;
            width: auto;
            padding: 0 0.07rem 0px 15px;
            font-size: 0.24rem;
        }
        .mask-goods{
          position:fixed;
          left:0px;right:0px;bottom: 1.001rem;
          background: rgba(0, 0, 0, 0.5);
          z-index:999999;
        }
        .goods-size{
           width:100%;
           position:absolute;
           left:0px;right:0px;
           bottom:0px;
           background:#ffffff;
           padding: 0 0.32rem 0.48rem 0.32rem;
           box-sizing:border-box;
            z-index:9999;
        }
        .goods-size-title li img#goods_image {
            width: 1.76rem;
            /*height: 1.76rem;*/
            position: absolute;
            top: -0.33rem;
            border-radius: 0.2em;
        }
        .goods-size-title li{
          float:left;
        }
        #regoods_price {
            font-size: 0.28rem;
            color: #000;
            padding: 0.28rem 0;
        }
        #goods-size-item {
            color: #777;
            font-size: 0.22rem;
        }

        .goods-tag-item{
           font-size: 0.24rem;
           width:100%;
           line-height: 0.6rem;
           height: 0.6rem;
        }
       .iconfont {
        color: #ffffff;
       }
        .goods-tag{
          font-size: 0.28rem;
          padding:8px;
          border:1px solid #e8e8e8;
          border-radius:3px;
          margin-right:5px;
          margin-top:5px;
        }
        .goods-tag-active{
          border:1px solid #d9251c;
          color:#d9251c;
        }
        .close-goods-size{
          font-size: 0.4rem;
          position:absolute;
          right: 0.32rem;
          top: 0rem;
          color:#999999;
          font-weight: 300;
          padding-top: 0.28rem;
        }
        .goods-tab-b-line{
            width: 100%;
            height: 0.8rem;
            line-height: 0.8rem;
            background: #fafafa;
            /*position: fixed;*/
            z-index: 3;
        }
        .goods-tab2 {
            padding-bottom: 1rem;
            /*padding-top: 0.7rem;*/
        }
        .goods-tab-b-line div{
          float:left;
          width:50%;
          text-align:center;
          box-sizing:border-box;
        }
        .goods-tab-active{
           color:#D9251C;
           border-bottom:2px solid #D9251C;
        }
        #goods-content img{
            width: 100%;
            margin-bottom: -0.03rem;
        }
        .add-num li {
            height: 0.6rem;
            line-height: 0.6rem;
        }
        .goods-tab-btn2{
          min-width:60px;
        }
        .chances{
          color:#d9251c;
        }
        .back-imgs{
          position: absolute;
          left:15px;
          top:15px;
        }
        #goods-issue{
         width: 100%;
         word-wrap:break-word;
        }
       .share-item{
         position:fixed;
         left:0px;right:0px;
         bottom:0px;
         height: 3.9rem;
         background:#f2f2f2;
         border-top:1px solid #E8E8E8;
         z-index:9999;
       }
       .share-item-tips{
          height: 0.28rem;
          line-height: 0.28rem;
          width:100%;
          text-align:center;
          font-size: 0.28rem;
          padding: 0.38rem 0;
       }
       .share-item-cent{
          height: 1.8rem;
          width: 100%;
       }
       .share-item-cent li{
          width:33.3%;
          text-align:center;
          float:left;
          font-size: 0.28rem;
       }
       .share-item-cent img{
          width: 0.9rem;
       }
       .share-item-cancel{
          height: 0.98rem;
          line-height: 0.98rem;
          width:100%;
          text-align:center;
          background:#ffffff;
          font-size: 0.28rem;
       }
        .header-mask{
          position:fixed;width:100%;height:70px;z-index:2;background:#ffffff;
        }
       .weui-mask {
          position: fixed;
          z-index: 3;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
          background: rgba(0, 0, 0, .6);
      }

      .weui-mask_transparent{
          position: fixed;
          z-index: 3;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
      }
        .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
            bottom: 0;
        }
        .swiper-pagination-bullet {
            background: #fff;
            opacity: .8;
        }
        .swiper-pagination-bullet-active {
            background: #d9251c;
        }
        #goods_price_span span.down {
            color: #d9251c;
            padding-left: 0.2rem;
            font-size: 0.24rem;
        }
        .feed-item{
        /*width:100%;*/
        border-bottom: 1px solid #e8e8e8;
        position:relative;
        padding: 0.2rem 0.32rem;
      }
      .feed-item ul{
        width:100%;
        clear: both;
      }
      .fl {
       float:left;
      }
      .feed-item-right{
        padding-left: 0.2rem;
      }
      .feed-item-titel{
        font-size: 0.24rem;
        color: #999;
        padding: 0.2rem 0;
      }
      .user-head{
        width: 0.7rem;
        height: 0.7rem;
        border-radius:50%;
      }
      .feed-img{
        float: left;
        width: 1.2rem;
        height: 1.2rem;
        padding-right: 0.3rem;
      }
      .my-rating{
        position: absolute;
        right: 0.32rem;
        top: 0.2rem;
      }
      .my-rating .jq-star {
        width: 0.3rem !important;
        height: 0.3rem !important;
      }
      .no_active {
        border: #eee 1px solid;
        color: #aaa;
      }
      .back-top {
        bottom: 60px;
      }
      .nav_fixed {
            position: fixed;
            margin-top: 0.86rem;
            top: 0;
      }
      .goods-tab-b.goods-tab img {
          max-width: 100% !important;
          height: auto !important;
      }
      .buy-kuc-tip {
          display: none;
      }
    </style>
    <script>
        (function(w, d, m) {
        function r() {
            var t = 100,
                o = 750,
                e = d.documentElement.clientWidth || w.innerWidth,
                n = m.max(m.min(e, 480), 320),
                h = 50;
            320 >= n && (h = m.floor(n / o * t * .99)),
                n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
                n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
                n > 375 && (h = m.floor(n / o * t * .97)),
                d.querySelector("html").style.fontSize = (e/7.5) + "px"
        };
        r();
        w.onresize = function() {
            r()
        }
    })(window, document, Math);
    </script>
</head>

<body class="box">
    <div class="topbar"></div>
    <header class="back-header" id="fix1">
        <ul>
            <li style="width: 0.66rem;" class="back-btn">
                <div class="hotel-top-back"><span class="iconfont">&#xe61e;</span></div>
            </li>
            <li style="width: 5.5rem;">
                <div class="goods-btn font-rem11" style="text-align: center;margin: auto;">
                    <span class="goods-btn-active goods-tab-btn font-rem11 goods-tab-btn-a" tag="goods-tab-a">商品</span>
                    <span class="goods-tab-btn font-rem11 goods-tab-btn-b" tag="goods-tab-b">详情</span>
                </div>
            </li>
            <li style="width: 0.66rem;">
                <div class="hotel-top-back" id="share-btn" style="float:right;"><span class="iconfont">&#xe648;</span></div>
            </li>
        </ul>
    </header>
    <div class="goods-tab-a goods-tab">
        <div class="home-ads">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="h10"></div>
        <section>
            <div class="goods-desc">
                <ul>
                    <li style="width: 5.1rem;">
                        <span class="goods-desc-item font-rem11" id="goods_name"></span>
                        <p style="font-size: 0.26rem;color: #999;padding: 0.2rem 0 0.2rem 0px;">购买得<span class="goods-costprice">0</span>圈币</p>
                        <p class="goods-desc-item color-red" id="goods_price_span" style="color: #d9251c;">￥<span id="goods_price" class="color-red" style="color: #d9251c;"></span> <span class="line-through"></span></p>
                    </li>
                    <li style="width: 1.7rem;">
                        <div class="goods-desc-right">
                            <ul class="show-feedgoods">
                                <li style="line-height: 0.58rem;"><span class="iconfont" style="color: #999;">&#xe62e;</span></li>
                                <li class="goods-desc-percentage"><span class="goods-desc-item color-red" style="color: #d9251c;"><span id="praise" style="color: #d9251c;">0</span>%</span>
                                    <p>好评率</p>
                                </li>
                            </ul>
                            <div class="goods-desc-mtotal">月销售 <span id="sale-number">0</span></div>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
        <div class="back-h50"></div>
        <div class="my-order padding-08 select-goods-size font-rem11" style="border-bottom: none;">规格数量选择<span class="right-tag iconfont" style="color: #999;">&#xe62e;</span></div>
        <div class="back-h50"></div>
        <div class="feed-list">
            <div class="my-order padding-08 feedgoods font-rem11" style="border-bottom: none;">
                评价<span class="right-tag iconfont" style="color: #999;">&#xe62e;</span>
            </div>
        </div>
        <div class="back-h50"></div>
    </div>
    <div class="mask-goods mask-hidden">
        <div class="goods-size mask-hidden">
            <div class="goods-size-title">
                <ul>
                    <li style="position: relative;"><img id="goods_image" src="../../image/0002.jpg" /></li>
                    <li style="margin-left: 1.95rem;color: #000;">￥<span id="regoods_price"></span>
                        <p id="goods-size-item">
                            <span class="default-item1">请选择规格数量</span>
                        </p>
                    </li>
                    <li><span class="close-goods-size iconfont">&#xeb6a;</span></li>
                </ul>
            </div>
            <div class="h2" style="padding-top: 0.33rem;"></div>
            <div class="goods-size-item">
            </div>
            <div class="goods-tag-item"><span>数量</span>
                <div class="add-num">
                    <ul>
                        <li class="num-down">-</li>
                        <li><input class="buy-num" id="buy-num" data-kuc="1" type="tel" value="1" /></li>
                        <li style="border-right:none;" class="num-up">+</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="goods-tab-b goods-tab">
        <div class="goods-tab-b-line" id="nav_fixed">
            <div><span class="goods-tab-active font-rem11 goods-tab-btn2" tag="goods-tab-c">详情</span></div>
            <div><span class="font-rem11 goods-tab-btn2" tag="goods-tab-d">常见问题</span></div>
        </div>
        <section>
            <div id="goods-content" class="goods-tab2 goods-tab-c"></div>
            <div id="goods-issue" class="mask-hidden goods-tab2 goods-tab-d"></div>
        </section>
    </div>
    <div class="share-item mask-hidden">
        <div>
            <div class="share-item-tips">分享至</div>
            <div class="share-item-cent">
                <ul>
                    <li class="share-item-friend"><img src="../../image/share_friend.png" />
                        <p>微信好友</p>
                    </li>
                    <li class="share-item-cale"><img src="../../image/share_cale.png" />
                        <p>微信朋友圈</p>
                    </li>
                    <li class="share-item-qq"><img src="../../image/share_qq.png" />
                        <p>QQ</p>
                    </li>
                </ul>
            </div>
            <div class="share-item-cancel">取消</div>
        </div>
    </div>
    <div class="buy-btn">
        <ul>
            <li class="buy-btn-item" style="width: 2.2rem;border-right:0px;">立即购买</li>
            <li class="add-buycar" style="width: 2.2rem">加入购物车</li>
            <li style="width: 1rem;" class="go-buycar">
                <img src="../../image/goods_buy_car.png" />
                <span class="msg-total mask-hidden" style="position: absolute;transform: translateY(75%) translateX(-37%);animation: bounceOut 2s;">10</span>
            </li>
            <li style="width: 1rem;" class="add-favorite"><img id="favorite" src="../../image/goods_buy_favorite.png" /></li>
            <li style="width: 1rem;" class="go-home"><img src="../../image/goods_buy_home.png" /></li>
        </ul>
    </div>
    <div class="weui-mask mask-hidden"></div>
    <div class="back-top mask-hidden" id="fix2"></div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/jquery.min.js"></script>
<script type="text/javascript" src="../../script/jquery.tap.js"></script>
<script type="text/javascript" src="../../script/swiper.min.js"></script>
<script type="text/javascript" src="../../script/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="../../script/jquery.star-rating-svg.js"></script>
<script type="text/javascript">
var _keyid = '';
var _size_item = new Array();
var _single_price = '0.00';
var _goods_id = '';
var _sku_open = false;
var _spot = '1';
var _storeid = '';
var _freight = '';
var _images = [];
var _isfavorite = false;
var _shareimg = '';
var _description = '';
var _title = '';
var _shareurl = '';
var _storeid_url = '';
var _sku_data = {};
var _sku_spec_map = {};
var imgUrl="";

apiready = function() {
    _keyid = api.pageParam.keyid;
    _storeid = api.pageParam.storeid;
    // _spot = api.pageParam.spot;
    setIosTopBar();
    getRouteData(_keyid, _storeid);
    // chkfavorite();
    getfeed();
    api.addEventListener({
        name: 'longpress'
    }, function(ret, err) {
        save_img();
    });
};

function getRouteData(_keyid, _storeid) {
    $.ajax({
        url: siteurl + 'v2/goods/detail',
        data: {
            goods_commonid: _keyid,
            store_id: _storeid
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                if (datas.data.is_platform_store == '1') {
                    _storeid_url = datas.data.store_id;
                    _spot = '2';//公共商品，未进货
                } else {
                    _storeid_url = datas.data.public_store_id;
                }
                $("#goods_name").html(datas.data.goods_name);
                _title = datas.data.goods_name;
                _description = datas.data.goods_name;
                _shareurl = siteurl + 'v1/view/market.html'; //'home/goods/index/goods_id/' + datas.data.goods_commonid + '.html';
                $("#goods_price").html(datas.data.goods_price);
                $("#goods_image").attr("src", siteurl + "uploads/home/store/goods/" + datas.data.goods_image.substr(0, datas.data.goods_image.indexOf("\_")) + "/" + datas.data.goods_image);
                _shareimg = siteurl + "uploads/home/store/goods/" + datas.data.goods_image.substr(0, datas.data.goods_image.indexOf("\_")) + "/" + datas.data.goods_image;
                $("#regoods_price").html(datas.data.goods_price);
                $(".line-through").html(datas.data.goods_marketprice);
                $("#goods-content").html('<p></p>'+datas.data.goods_body);
                $("#goods-issue").html(datas.data.issue);
                if ( datas.data.cart > 0 ) {//调用赋值给购物车数量方法
					// getCar();
					$(".msg-total").html(datas.data.cart);
                    $(".msg-total").removeClass("mask-hidden");
                }
                if ( datas.data.has_collected == 1 ) {
                    $("#favorite").attr("src", "../../image/favorite2.png");
                }
                if ( datas.data.hide_collect == 1 ) {
                    $("#favorite").parent(".add-favorite").attr("nofav", true);
                }
                if (datas.data.store_id == 1) {//goods_storage
                        $("#goods_price_span").append('<span class="down"> 已下架</span>');
                        $(".add-buycar").data('state', '0');
                        $(".buy-btn-item").data('state', '0');
                        _spot = 2;
                } else {
                    if ( datas.data.goods_state != 1 || datas.data.goods_storage < 1 ) {
                        $("#goods_price_span").append('<span class="down"> 已下架</span>');
                        $(".add-buycar").data('state', '0');
                        $(".buy-btn-item").data('state', '0');
                        _spot = 2;
                    }
                }
                if (datas.data.points == 0) {
                    $(".goods-costprice").css("color", "rgba(0, 0, 0, 0)");
                    $(".goods-costprice").parent("p").css("color", "rgba(0, 0, 0, 0)");
                } else {
                    $(".goods-costprice").html(datas.data.points);
                }
                $("#sale-number").html(datas.data.sale_number);
                $("#praise").html(datas.data.praise);
                $("#goods-costprice").html(datas.data.goods_costprice);
                var _html = '';
                if ( datas.data.spec_list.length > 0 ) {
                  _sku_data = datas.data.goods_list;
                  _sku_spec_map = datas.data.spec_map;
                    var i = 0;
                    $.each(datas.data.spec_name, function(index, item) {
                        _html += '<div class="goods-tag-item" ptag="item' + index + '">' + item + '</div><div class="h2"></div><div class="tag_item">';
                        $.each(datas.data.spec_value, function(index2, item2) {
                            if (index == index2) {
                                $.each(item2, function(index3, item3) {
                                      _html += '<span class="goods-tag" id="sku_'+i+'_'+index3+'" ptag="item' + index + '" index="' + index2 + '" tag="' + index3 + '" spec_goods_image="" spec_goods_price="" spec_id="">' + item3 + '</span>';
 
                                })
                            }
                        })
                        _html += '</div><div class="h10"></div>';
                        $("#goods-size-item").append('<span tag="" class="size-item item' + index + '"></span> ');
                        i++;

                    })
                    $("#goods-size-item").append('<span class="buy-num-tip"></span><span class="buy-kuc-tip"></span>');
                } else {
                  $("#goods-size-item").html('<span class="buy-num-tip"></span><span class="buy-kuc-tip"></span>');
                  // 无规格
                    $.each(datas.data.goods_list, function (index_n_spec, item_n_p) {
                      // body...
                        $("#regoods_price").html(item_n_p.goods_price);
                        _goods_id = item_n_p.goods_id;
                        _sku_open = true;
                        _single_price = item_n_p.goods_price;
                        if (item_n_p.goods_image) {
                            $("#goods_image").attr("src", siteurl + "uploads/home/store/goods/" + item_n_p.goods_image.substr(0, item_n_p.goods_image.indexOf("\_")) + "/" + item_n_p.goods_image);
                        }
                        $("#buy-num").data("kuc", item_n_p.goods_storage);
                        function_name();
                        $(".buy-num-tip").text("x" + $("#buy-num").val());
                        $(".buy-kuc-tip").text(' ( 库存 '+ item_n_p.goods_storage +' ) ');
                        var _num = parseInt($("#buy-num").val());
                        var _goods_price = _single_price * _num;
                        $("#regoods_price").html(_goods_price.toFixed(2));
                    });
                }
                if (datas.data.images.length > 0) {
                    $.each(datas.data.images, function(index_b, item_b) {
                        $(".swiper-wrapper").append('<div class="swiper-slide"><img src="' + siteurl + "uploads/home/store/goods/" + item_b.goodsimage_url.substr(0, item_b.goodsimage_url.indexOf("\_")) + "/" + item_b.goodsimage_url + '"/></div>');
                        _images.push(siteurl + "uploads/home/store/goods/" + item_b.goodsimage_url.substr(0, item_b.goodsimage_url.indexOf("\_")) + "/" + item_b.goodsimage_url);
                    })
                }
				if(datas.data.images.length > 0){
					imgUrl=_images[0];
				}
                var swiper = new Swiper('.swiper-container', {
                    allowSlidePrev: true,
                    pagination: {
                        el: '.swiper-pagination',
                    },
                });
                $(".goods-size-item").append(_html);
                set_checked_list();
            } else {
                errcode(datas, datas.code);
            }
            function_name();
        }
    });
}

$(function() {

    $(window).scroll(function() {
        var a = document.getElementById("nav_fixed").offsetTop;
        var b = document.getElementById("fix1").offsetTop;
        if (a > $(window).scrollTop() && a < ($(window).scrollTop() + $(window).height())) {
            $("#nav_fixed").removeClass("nav_fixed");
        }
        if (($("#nav_fixed").outerHeight() + a) <= $(window).scrollTop()) {
            $("#nav_fixed").removeClass("mask-hidden");
            $("#nav_fixed").addClass("nav_fixed");
            $(".goods-tab-b-line.nav_fixed").css("top", (b - 1) + 'px');
        }
        if ( a === 0 || a == b ) {
            $("#nav_fixed").addClass("mask-hidden");
            $(".goods-tab-a").removeClass("mask-hidden");
        }
    });

    var aa = [];
    var i = 0;
    var src = [];
    var json = null;
    aa = $('img');
    for (i = 1; i < aa.length; i++) {
        src[i] = aa[i].src;
    }
    $("img").click(function() {
        var index = $('img').index(this);
        // imagePreview(src[index],src);
    });
})

function spot_msg() {
  // body...
  if ( _spot == 2 ) {
      api.toast({ msg: '商品已下架' });
      return false;
  }
}


function get_checked_list() {
    var ret = [];
    $('.tag_item').each(function (index,element) {
      var ac = $(this).find('.goods-tag-active');
      if(ac.length > 0){
        var tag = ac.attr('tag');
        ret.push({
          line:index, key: tag
        });
      }
    })
    return ret;
  }

function get_sku(goods_list, spec_map, checked_list) {
  var list = [];
  for (var i in spec_map) {
    list.push({"spec_map": i.split("_"), "key": spec_map[i]})
  }
  var ret = [];
  var checked_spec = [];
  var checked_neer = [];

  for (var i in checked_list) {
    checked_spec.push(checked_list[i].key);
  }

  for (var j in list) {
    var flag = [];
    var all_spec_key = [];
    for (var i in checked_list) {
      checked_neer.push(list[j].spec_map[checked_list[i].line]);
      if (list[j].spec_map.indexOf(checked_list[i].key.toString()) === checked_list[i].line * 1) {
        flag.push(list[j]);
        all_spec_key = (list[j].spec_map)

      }
    }

    if (checked_list.length == flag.length) {
      var goods_info = goods_list[list[j].key]
      if (goods_info.goods_storage > 0) {
        ret.push(all_spec_key)
      }
    }
  }
  return ret;
}

function spec_map_check(goods_list, spec_map, line, key, checked_list) {

  for(var i in checked_list){
    if(checked_list[i].key != key && checked_list[i].line == line){
      checked_list[i].key = key
    }
  }
  var e = get_sku(goods_list, spec_map, checked_list);
  if(e.length > 0){
    return true;
  }else{
    return false;
  }
}


$(".home-ads").on("tap", "img", function() {
    // console.log($(this).attr("src"));
    gallery_qz($(this).attr("src"));
});
$(".feed-list").on("tap", "img", function() {
    // console.log($(this).attr("src"));
    gallery_qz($(this).attr("src"));
});
$(".goods-content").on("tap", "img", function() {
    // console.log($(this).attr("src"));
    gallery_qz($(this).attr("src"));
});


function getfeed() {
    $.ajax({
        url: rooturl + '?do=getevaluategoods',
        data: {
            goodsid: _keyid
        },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.length > 0) {
                $.each(datas, function(index, item) {
                    if (index == 1) {
                        return false;
                    }
                    var _html = '';
                    if (item.geval_image) {
                        var _imglist = item.geval_image.split(",");
                    } else {
                        var _imglist = '';
                    }
                    _html += '<div class="feed-item"><ul>';
                    _html += '<li class="fl" style="width: 0.7rem;"><img src="' + item.member_avatar + '" class="user-head"/></li>';
                    _html += '<li class="feed-item-right fl">' + item.member_truename + '<p class="feed-item-titel">' + item.geval_addtime + '</p></li>';
                    _html += '<li><div class="my-rating my-rating' + index + '"></div></li></ul>';
                    _html += '<ul><li>' + item.geval_content + '</li></ul><ul style="margin-top: 0.25rem;"><li>';
                    if (_imglist.length > 0) {
                        for (var i = 0; i < _imglist.length; i++) {
                            _html += '<img src="' + _imglist[i] + '" style="width: 1.2rem;height: 1.2rem;margin-right: 0.3rem;"/>';
                        }
                    }
                    _html += '</li></ul><div class="h50"></div></div>';
                    $(".feed-list").append(_html);
                    $(".my-rating" + index).starRating({
                        starSize: 24,
                        activeColor: '#d9251c',
                        starShape: 'rounded',
                        hoverColor: '#d9251c',
                        useGradient: false,
                        initialRating: item.geval_scores,
                        readOnly: true,
                        callback: function(currentRating, $el) {
                            // make a server call here
                        }
                    });
                })
            }
        }
    });
}


function openPhotoBrowser(_index) {
    var UIPhotoViewer = api.require('UIPhotoViewer');
    UIPhotoViewer.open({
        images: _images,
        activeIndex: _index,
        placeholderImg: 'widget://image/loading_more.gif',
        bgColor: '#000'
    }, function(ret, err) {
        api.openFrame({
            name: 'TEST',
            url: './photoSwiperJson_frm.html',
            rect: {
                x: 0,
                marginTop: 10,
                w: 'auto',
                h: 100,
                marginBottom: 50
            }
        });
        api.bringFrameToFront({
            from: 'TEST'
        });
    });
}

function closePhotoViewer() {
    var UIPhotoViewer = api.require('UIPhotoViewer');
    UIPhotoViewer.close();
}
$(".share-item-friend").on("tap", function() {
    var wx = api.require('wx');
	api.download({
	    url: _shareimg,
	    // savePath: 'widget://'+_storeid+'.png',
	    report: false,
	    cache: true,
	    allowResume: true
	}, function(ret, err) {
		console.log("1");
		console.log(JSON.stringify(ret));
		console.log(JSON.stringify(err));
		 if (ret.state == 1) {
			var str=ret.savePath.slice(-3);
			var str2="";
			if(str=='png'){
				str2=ret.savePath;
			}else{
				str2="widget://image/logo3.png";
			}
			wx.shareProgram({
				scene: 'session',
				title: _title,
				description: _description,
				thumb: str2,
				webpageUrl: _shareurl,
				userName: 'gh_344fb21bce0f',
				path: 'pages/index/shop?id='+_keyid+'&store_id'+_storeid+'&isfx=true'
			}, function(ret, err) {
				// console.log("2");
				// console.log(str2);
				// console.log(_description);
				// console.log(_shareurl);
				// console.log(_keyid);
				// console.log(_storeid);
				// console.log(JSON.stringify(ret));
				// console.log(JSON.stringify(err));
			})
		}
	})
	
    $(".share-item").slideUp(500, function() {});
    $(".weui-mask").addClass("mask-hidden");
    _show = false;
    return false;
})
$(".share-item-cale").on("tap", function() {

    var wx = api.require('wx');
    wx.shareWebpage({
        scene: 'timeline',
        title: _title,
        description: _description,
        thumb: 'widget://image/logo2.png',
        contentUrl: _shareurl
    }, function(ret, err) {
        if (ret.status) {
            //alert("分享成功！");
            api.toast({ msg: '分享成功！' });
            setPoint();
        } else {
            // alert(err.code);
            api.toast({ msg: err.msg });
        }
    });
    $(".share-item").slideUp(500, function() {});
    $(".weui-mask").addClass("mask-hidden");
    _show = false;
    return false;
})
$(".share-item-qq").on("tap", function() {
    var qq = api.require('QQPlus');
    qq.shareNews({
        url: _shareurl,
        title: _title,
        description: _description,
        imgUrl: _shareimg
    }, function(ret, err) {
        if (ret.status) {
            //alert("分享成功！");
            api.toast({ msg: '分享成功！' });
            setPoint();
        } else {
            // alert(err.code);
            api.toast({ msg: err.msg });
        }
    });
    $(".share-item").slideUp(500, function() {});
    $(".weui-mask").addClass("mask-hidden");
    _show = false;
    return false;
})

var _show = false;
$("#share-btn").on("tap", function() {
    if (_show == false) {
        $(".share-item").slideDown(500, function() {});
        $(".weui-mask").removeClass("mask-hidden");
        _show = true;
    } else {
        $(".share-item").slideUp(500, function() {});
        _show = false;
    }
    return false;
})

$(".share-item-cancel").on("tap", function() {
    $(".share-item").slideUp(500, function() {});
    $(".weui-mask").addClass("mask-hidden");
    _show = false;
    return false;
})

$(".goods-size-item").on("tap", ".goods-tag", function() {
    // $(this).addClass('goods-tag-active').siblings('.goods-tag-active').removeClass('goods-tag-active');
    if ( $(this).hasClass("no_active") ) {
        return false;
    }
    var _index = $(this).attr("index");
    $(".goods-tag").each(function() {
        if ($(this).attr("index") == _index) {
            $(this).removeClass("goods-tag-active");
        }
    })
    $(this).addClass("goods-tag-active");
    $(".default-item1").empty();
    $("." + $(this).attr("ptag")).text($(this).text());
    $("." + $(this).attr("ptag")).attr("tag", $(this).attr("tag"));
    _size_item = [];
    var _sku_spec_map_index = '';
    $(".size-item").each(function(xind) {
        if ($(this).text() != "") {
            var _item = $(this).attr("tag") + ":" + $(this).text();
            if (xind == 0) {
              _sku_spec_map_index += $(this).attr("tag");
            } else {
              _sku_spec_map_index += '_' + $(this).attr("tag");
            }
            _size_item.push(_item);
        }
    })
    // console.log(_sku_spec_map_index)
    // console.log(_sku_spec_map[_sku_spec_map_index])
    // console.log(_sku_data[_sku_spec_map[_sku_spec_map_index]].spec_img)
    set_checked_list();
    if (_size_item.length == $(".size-item").length) {
        _single_price = _sku_data[_sku_spec_map[_sku_spec_map_index]].goods_price;//$(this).attr("spec_goods_price");
        _goods_id = _sku_data[_sku_spec_map[_sku_spec_map_index]].goods_id;//$(this).attr("spec_id");
        $("#goods_image").attr("src", _sku_data[_sku_spec_map[_sku_spec_map_index]].spec_img);
        $("#buy-num").data("kuc", _sku_data[_sku_spec_map[_sku_spec_map_index]].goods_storage);
        function_name();
        $(".buy-num-tip").text("x" + $("#buy-num").val());
        $(".buy-kuc-tip").text(' ( 库存'+_sku_data[_sku_spec_map[_sku_spec_map_index]].goods_storage+' )');
        var _num = parseInt($("#buy-num").val());
        var _goods_price = _single_price * _num;
        $("#regoods_price").html(_goods_price.toFixed(2));
    }
    return false;
})


function set_checked_list() {
    $('.tag_item').each(function (index, element) {
      $(this).find('.goods-tag').each(function (i,e) {
        var is_checked = spec_map_check( _sku_data, _sku_spec_map, index, $(e).attr('tag'), get_checked_list());
        if(!is_checked){
          $(e).addClass('no_active');
        }else{
          $(e).removeClass('no_active');
        }
      })
    })
}
function getCar() {
    $.ajax({
        url: siteurl + 'v2/order/cart',//'?do=getbuycar',
        data: {
            buyer_id: $api.getStorage("memberid"),
            store_id: _storeid,
            page: 1
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
				var sum;
                $.each(datas.data.cart_list, function(index, item2) {
					var item=JSON.stringify(item2);
						sum = sum + item.goods_num;
                });
				 $(".msg-total").html(sum);
            } else {
                errcode(datas, datas.code);
            }
       
		}
    });
}


$(".select-goods-size").on("tap", function() {
    showGoodsSize();
    return false;
})

function showGoodsSize() {
    $(".mask-goods").show();
    $(".goods-size").show(100);
    $(".weui-mask").removeClass("mask-hidden");
}
$(".close-goods-size").on("tap", function() {
    $(".mask-goods").hide();
    $(".goods-size").hide();
    $(".weui-mask").addClass("mask-hidden");
    return false;
})
$(".num-up").on("tap", function() {
    if ( _spot == 2 ) {
        api.toast({ msg: '商品已下架' });
        return false;
    }
    var _num = parseInt($(".buy-num").val()) + 1;
    var _kucun = $("#buy-num").data("kuc");
    if (_num > _kucun) {
        api.toast({ msg: '库存不足' });
        return false;
    }
    $("#buy-num").val(_num);
    $(".buy-num-tip").text("x" + $(".buy-num").val());
    var _goods_price = _single_price * _num;
    $("#regoods_price").html(_goods_price.toFixed(2));
    return false;
})
$(".num-down").on("tap", function() {
    if ( _spot == 2 ) {
        api.toast({ msg: '商品已下架' });
        return false;
    }
    if (parseInt($("#buy-num").val()) > 1) {
        var _num = parseInt($(".buy-num").val()) - 1;
        $("#buy-num").val(_num);

        $(".buy-num-tip").text("x" + $(".buy-num").val());
        var _goods_price = _single_price * _num;
        $("#regoods_price").html(_goods_price.toFixed(2));
    }
    return false;
})
$(".buy-btn-item").on("tap", function() {
    if ( _spot == 2 ) {
        api.toast({ msg: '商品已下架' });
        return false;
    }
    if (_goods_id == "") {
        //api.toast({ msg:'请选择商品参数！'});
        showGoodsSize();
        return false;
    }
    if (_sku_open) {
        showGoodsSize();
        _sku_open = false;
        return false;
    }
    var _goodsx = [];
    _goodsx.push({"goods_id": _goods_id, "buy_num": $("#buy-num").val() });
    $.ajax({
        url: siteurl + 'v1/order/save_og',//'?do=saveordergoods',
        data: {
            store_id: _storeid,
            goods: JSON.stringify(_goodsx),
            goods_id: _goods_id,
            buy_num: $("#buy-num").val(),
            buyer_id: $api.getStorage("memberid")
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                // var _gorderid = datas.gorderid;
                api.openWin({
                    name: 'postaddr',
                    url: 'postaddr.html',
                    bounces: false,
                    pageParam: {
                        gorderid: datas.data.order_id,
                        storeid: _storeid
                    }
                });
            } else {
                errcode(datas, datas.code);
            }
        }
    });

    return false;
})
$(".feedgoods,.show-feedgoods").on("tap", function() {
    api.openWin({
        name: 'feedgoods',
        url: 'feedgoods.html',
        bounces: false,
        pageParam: {
            keyid: _keyid
        }
    });
    return false;
})
$(".go-home").on("tap", function() {
    api.openWin({
        name: 'hoteldtl',
        url: 'hoteldtl.html',
        bounces: false,
        animation: {
            type: 'push',
            subType: 'from_left'
        },
        pageParam: {
            keyid: _storeid
        }
    });
    setTimeCloseWin("showgoods");
    return false;
})

$(".go-buycar").on("tap", function() {
    api.openWin({
        name: 'buycar',
        url: 'buycar.html',
        bounces: false,
        pageParam: {
            keyid: _keyid,
            storeid: _storeid
        }
    });
    return false;
})
$(".add-buycar").on("tap", function() {
    if ( _spot == 2 ) {
        api.toast({ msg: '商品已下架' });
        return false;
    }
    if (_goods_id == "") {
        showGoodsSize();
        return false;
    }
    if (_sku_open) {
        showGoodsSize();
        _sku_open = false;
        return false;
    }
    $(".msg-total").css("animation", "");
    $.ajax({
        url: siteurl + 'v2/order/add_cart',//'?do=addbuycar',
        data: {
            goods_id: _goods_id,
            store_id: _storeid,
            goods_num: $("#buy-num").val(),
            buyer_id: $api.getStorage("memberid")
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                $(".msg-total").css("animation", "bounceOut 2s");
                var num_car = $(".msg-total").html()*1 + $("#buy-num").val()*1;
                $(".msg-total").removeClass("mask-hidden");
                $(".msg-total").html(num_car);
                api.toast({ msg: datas.msg });
            } else {
                errcode(datas, datas.code);
            }
        }
    });
    return false;
})
$(".add-favorite").on("tap", function() {
    var xx = $(this).attr("nofav");
    $("#favorite").css("animation", "");
    if (xx) {
        api.toast({ msg: "该商品暂不支持收藏" });
        return false;
    }
    // if (!_isfavorite) {
        $.ajax({
            url: siteurl + 'v1/favorites/collect',//'?do=addfavorite',
            data: {
                fav_id: _keyid,
                buyer_id: $api.getStorage("memberid"),
                type: 'goods'
            },
            headers: { "X-TOKEN": $api.getStorage("accesstoken") },
            dataType: 'json',
            type: 'post',
            success: function(datas) {
                if (datas.result) {
                    // api.toast({ msg: '加入收藏成功！' });
                    $("#favorite").css("animation", "bounceOut 2s");
                    if (datas.data.action == 'add') {
                        _isfavorite = true;
                        $("#favorite").attr("src", "../../image/favorite2.png");
                    } else {
                        _isfavorite = false;
                        $("#favorite").attr("src", "../../image/goods_buy_favorite.png");
                    }
                } else {
                    errcode(datas, datas.code);
                }
            }
        });
    // } else {
    //     $.ajax({
    //         url: rooturl + '?do=delfavorite',
    //         data: {
    //             goods_id: _keyid,
    //             buyer_id: $api.getStorage("memberid")
    //         },
    //         dataType: 'json',
    //         type: 'post',
    //         success: function(datas) {
    //             if (datas.result) {
    //                 //api.toast({ msg:'删除收藏！'});
    //                 _isfavorite = false;
    //                 $("#favorite").attr("src", "../../image/goods_buy_favorite.png");
    //             }
    //         }
    //     });
    // }
    return false;
})

$(".goods-tab-btn").on("tap", function() {
    $(".goods-tab").addClass("mask-hidden");
    $(".header-mask").addClass("mask-hidden");
    $("." + $(this).attr("tag")).removeClass("mask-hidden");
    $(".goods-tab-btn").removeClass("goods-btn-active");
    $(this).addClass("goods-btn-active");
    $(".goods-tab-b-line").addClass("nav_fixed");
    $(".goods-tab-b-line").addClass("mask-hidden");
    // $(".goods-tab").removeClass("mask-hidden");
    var tag = $(this).attr("tag");
    console.log(tag)
    if (tag == 'goods-tab-a') {
        $(".goods-tab-b").removeClass("mask-hidden");
    }
    $('html , body').animate({ scrollTop: 0 }, 'slow');
    return false;
})

$(".goods-tab-btn2").on("tap", function() {
    $(".goods-tab2").addClass("mask-hidden");
    $("." + $(this).attr("tag")).removeClass("mask-hidden");
    $(".goods-tab-btn2").removeClass("goods-tab-active");
    $(this).addClass("goods-tab-active");
    return false;
})

function touch() {
    $("body").on('touchstart', function(e) {
        var touch = e.originalEvent;
        startX = e.originalEvent.changedTouches[0].pageX;
        startY = e.originalEvent.changedTouches[0].pageY;
        $(".box").on('touchmove', function(e) {
            e.preventDefault();
            touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
            if (touch.pageX - startX > 10) {

            } else if (touch.pageX - startX < -10) {

            };
            if (touch.pageY - startY > 3) {
                if ($(window).scrollTop() <= 30) {
                    $(".goods-tab").addClass("mask-hidden");
                    $(".header-mask").addClass("mask-hidden");
                    $(".goods-tab-a").removeClass("mask-hidden");
                    $(".goods-tab-btn").removeClass("goods-btn-active");
                    $(".goods-tab-btn-a").addClass("goods-btn-active");
                }
            } else if (touch.pageY - startY < -5) {
                $(".goods-tab").addClass("mask-hidden");
                $(".header-mask").removeClass("mask-hidden");
                $(".goods-tab-b").removeClass("mask-hidden");
                $(".goods-tab-btn").removeClass("goods-btn-active");
                $(".goods-tab-btn-b").addClass("goods-btn-active");
            };
            $(".box").off('touchmove');
        });
        return false;
    }).on('touchend', function() {
        $(".box").off('touchmove');
    })
}

function chkfavorite() {
    $(".msg-total").addClass("mask-hidden");
    $.ajax({
        url: rooturl + '?do=chkfavorite',
        data: {
            goods_id: _keyid,
            store_id: _storeid,
            buyer_id: $api.getStorage("memberid")
        },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.fav) {
                _isfavorite = true;
                $("#favorite").attr("src", "../../image/favorite2.png");
            }
            $(".msg-total").html(datas.cart);
            $(".msg-total").removeClass("mask-hidden");
        }
    });
}

function save_img() {
    // body...
    var _img_url = $("body .weui-gallery").data("imgurl");
    if ( typeof(_img_url) == "undefined" ) {
        console.log(_img_url)
    } else {
        var _img_arr = '';
        // alert(_img_url);
        _img_arr = _img_url.substr((_img_url.lastIndexOf("/")+1));
        console.log(_img_arr)
        console.log(_img_url)
        api.confirm({
            title: '保存图片',
            buttons: ['取消', '确定']
        }, function (ret, err) {
          // body...
            // alert(JSON.stringify(ret))
            var index = ret.buttonIndex;
            if (index == 2) {
                download_img(_img_url, _img_arr)
            }
        })
    }
}

function download_img(img_url, save_name) {
  // body...
  api.download({
      url: img_url,
      encode: false,
      cache: true,
      savePath: 'fs://' + save_name,
  }, function (ret, err) {
      // body...
      if (ret.state == 1) {
          api.saveMediaToAlbum({
              path: 'fs://' + save_name
          }, function (ret, err) {
              // body...
              if (ret && ret.status) {
                  api.toast({msg: '保存成功'})
              } else {
                  api.toast({msg: '保存失败'})
              }
          })
      } else {
          api.toast({msg: '下载失败' })
      }
  })
}

function setPoint() {
    $.ajax({
        url: siteurl + 'v1/member/point',
        data: {
            memberid: $api.getStorage("memberid"),
            stage: 'share'
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                //
            } else {
                errcode(datas, datas.code);
            }
        }
    });
}

$(".back-top").on("tap", function() {
    $('html , body').animate({ scrollTop: 0 }, 'slow');
    return false;
});

$.fn.fixedDiv = function(actCls) {
    var that = $(this),
        offsetTop = that.offset().top,
        scrollTop;

    function fix() {
        scrollTop = $(document).scrollTop();
        if (scrollTop > offsetTop) {
            that.addClass(actCls);
            $("#nav_fixed").removeClass("mask-hidden");
        } else {
            that.removeClass(actCls);
        }
    }
    fix();
    $(window).scroll(fix);
}
$.fn.fixedDivx = function(actCls) {
    var that = $(this),
        offsetTop = that.offset().top,
        scrollTop;

    function fix() {
        scrollTop = $(document).scrollTop();
        if (scrollTop > offsetTop) {
            that.removeClass(actCls);
        } else {
            that.addClass(actCls);
        }
    }
    fix();
    $(window).scroll(fix);
}
$('#fix1').fixedDiv('white-back');
$('#fix2').fixedDivx('mask-hidden');
</script>

</html>