#detail{margin:40px auto 80px;width:1200px;color:#444}#head{margin:30px auto 0;padding:4%;width:92%;height:150px;background:#fff;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px #eee solid}#head .left{float:left}#head .left .img{float:left;width:141px;height:141px;border-radius:4px;border:2px solid #ddd;overflow:hidden}#head .left .img img{width:100%}#head .left .detail{float:left}#head .left .detail div *{display:inline-block}#head .left .detail div:nth-of-type(3) *,#head .left .detail div:nth-of-type(4) *{margin-right:10px;width:120px;height:25px;text-align:center;line-height:25px;font-size:12px;border-radius:4px;color:#2e82ff;background:rgba(46,130,255,.1)}#head .left .detail div:nth-of-type(4) p:nth-last-of-type(1){width:160px}#head .left .detail div{margin-top:20px;color:#888}#head .left .detail div:first-of-type{margin-top:0;color:#444}#head .left .detail div h2{margin-top:5px;font-size:18px}#head .right{float:right;width:29%;padding-left:50px;height:150px;color:#444;border-left:1px solid #eee}#head .right .auther{position:relative;float:left;height:86px;overflow:hidden}#head .right .desc{position:relative;float:right}#head .wx-share{position:absolute;left:-60px;margin-top:15px;width:120px;height:120px;background:#fff;border:20px solid #fff;border-bottom:40px solid #fff;border-radius:4px;box-shadow:0 3px 20px rgba(0,0,0,.1);visibility:hidden;opacity:0;transition:all .5s ease}#head .qrcode{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:9999999;visibility:hidden}#close_qrcode{margin:40px auto auto;width:35px;height:35px;background:#fff;border-radius:100%;cursor:pointer}#close_qrcode i{margin-right:0;line-height:35px}#head .qrcode .code{position:absolute;left:calc(50% - 125px);top:calc(50% - 175px);text-align:center;width:250px;height:350px;background:#fff;border-radius:4px;transform:scale(.7);transition:.3s all ease}#head .qrcode .code img{margin:auto;display:block}#head .qrcode .code img:first-of-type{margin-top:-42px;width:80px;background:#fff;border:4px solid #fff;border-radius:100%}#head .qrcode .code img:nth-of-type(2){margin-top:20px;width:150px;height:150px}#head .qrcode .code p{color:#666;font-size:12px}#head .qrcode .code .no{margin-top:40px;line-height:170px}#head .qrcode .code .tip{margin-top:20px;font-size:13px}#head .qrcode .code .explain{margin-top:30px}#head .qrcode .code .explain p:first-of-type{margin:auto;height:1px;width:80%;background:#eee}#head .qrcode .code .explain p:nth-of-type(2){margin:-8px auto auto;width:6em;color:#bebebe;background:#fff}#head .qrcode .code .explain p:nth-of-type(3){margin:10px auto auto;width:80%}#head .right .auther img{float:left;margin-right:20px;width:74px;border:3px solid #eee;border-radius:100%}#head .right .auther p{float:left;color:#444;width:calc(100% - 100px);max-height:50px;line-height:25px;overflow:hidden}#head .right .auther p:first-of-type{padding-bottom:5px;font-weight:700;border-bottom:1px #eee solid}#head .right .auther p:nth-of-type(2){padding-top:5px;font-size:12px;color:#666}#head .right div{position:relative;cursor:default;width:100%;clear:both}#head .right div:first-of-type{margin-bottom:15px}#head .right div:first-of-type p span{font-size:20px;color:#2e82ff}#head .right div:nth-of-type(3){top:23px}#head .right .desc{margin-top:25px;text-align:center}#head .right .share_show{position:absolute;left:calc(50% - 9px);margin-top:-30px;width:62px;height:30px;text-align:center;background:#64b532;border-radius:4px;visibility:hidden;transition:.3s ease all;z-index:1}#head .right .share_show li{position:relative;line-height:25px;text-align:left;text-indent:10px;height:25px;color:#fafafb;font-size:12px;cursor:pointer}#head .right .share_show li i{margin-right:5px;font-size:12px;color:#fafafb}#head .right .share_show li:hover i{opacity:.8}#head .right .share_show li:nth-of-type(2):hover .wx-share{visibility:visible}#head .right .share_show li:first-of-type{margin-top:35px}#head .buy_btn,.collect_ui,.shang_btn,.share_btn{display:inline-block;margin:auto 2px;width:60px;height:30px;line-height:30px;text-align:center;color:#fafafb;font-size:12px;background:#2e82ff;border-radius:4px;transition:.3s ease all;cursor:pointer}#head .shang_btn{background:#ffa000}.shang_btn:hover{box-shadow:0 0 2px 2px rgba(255,160,0,.4)}#head .share_btn{position:relative;background:#64b532;z-index:2}.share_btn:hover{box-shadow:0 0 2px 2px rgba(100,181,50,.4)}.buy_btn:hover{box-shadow:0 0 2px 2px rgba(46,130,255,.4)}.collect_ui{background:#f76b8a}.collect_ui:hover{box-shadow:0 0 2px 2px rgba(247,107,138,.4)}#head .buy_btn{width:85px}#head .heads{position:fixed;top:0;left:calc(50% - 600px);padding:10px 20px;width:1160px;height:35px;background:#fff;border-bottom:1px #eee solid;z-index:999;display:none}#head .heads .l{float:left}#head .heads .l h2{line-height:30px;font-size:18px;font-weight:600}#head .heads .r{float:right}#head .heads .r a{float:left;margin-left:10px}#detail .desc{padding:2%;width:96%;background:#fff;border-radius:4px}#detail .desc{margin-bottom:40px;padding:2% 0;width:100%}#switch{margin:auto;padding:0 0 1%;width:93%;text-align:center;border-bottom:1px solid #eee;overflow:hidden}#switch a{display:inline-block;margin-right:40px;padding:5px;line-height:20px;text-align:center;color:#444;border-bottom:2px solid transparent;transition:all .5s ease}#switch a:first-child{margin-left:-2px;color:#2e82ff;border-color:#2e82ff}#switch a:hover{color:#2e82ff}#intro{margin:0 auto;width:90%;overflow:hidden}#intro>*{position:relative;margin:10px auto;width:100%;height:550px;border-radius:4px;overflow:hidden}#intro>div:first-of-type,#intro>div:nth-of-type(2){padding-bottom:15px;margin-bottom:15px;border-bottom:1px #eee solid}#intro>div:first-of-type .left img{width:370px;border:10px solid rgba(255,255,255,.1);box-shadow:0 3px 30px rgba(0,0,0,.05)}#intro>div:first-of-type .left{float:left;padding:4.5% 4%;width:41%}#intro>div:first-of-type .right{float:left;padding:180px 2% 180px 10%;width:39%}#intro>div:first-of-type .right div:nth-of-type(2){padding-top:20px;margin-top:20px;border-top:1px solid rgba(0,0,0,.1)}#intro>div:first-of-type .right div:nth-of-type(1) p{line-height:50px;color:#444;font-size:28px}#intro>div:first-of-type .right div:nth-of-type(2) p{line-height:30px;color:#666;font-size:16px;font-weight:100}#intro>div:nth-of-type(2){border-bottom:0}#intro>div:nth-of-type(2) .left{float:left;padding:160px 4%;width:41%}#intro>div:nth-of-type(2) .right{position:relative;float:right;padding:4.5% 4%;width:41%}#intro>div:nth-of-type(2) .right img{position:absolute;width:300px;border:10px solid rgba(255,255,255,.1);box-shadow:0 3px 30px rgba(0,0,0,.05)}#intro>div:nth-of-type(2) .right img:first-of-type{right:calc(4.5% + 30px)}#intro>div:nth-of-type(2) .right img:nth-of-type(2){right:calc(4.5% + 25px);filter:hue-rotate(135deg)}#intro>div:nth-of-type(2) .right img:nth-of-type(3){right:calc(4.5% + 20px)}#intro>div:nth-of-type(2){height:420px}#intro>div:nth-of-type(2) .center{margin:130px auto;text-align:center;width:100%}#color{margin:auto;padding:20px 20px;width:260px;background:rgba(0,0,0,.1);border-radius:57px}#intro>div:nth-of-type(2) div div:nth-of-type(2){margin:40px auto auto;width:85%;overflow:hidden}#intro>div:nth-of-type(2) div div:nth-of-type(2) p:first-of-type{line-height:50px;color:#444;font-size:28px}#intro>div:nth-of-type(2) div div:nth-of-type(2) p:nth-of-type(2){padding-top:20px;margin-top:20px;line-height:30px;color:#666;font-size:16px;font-weight:100;border-top:1px solid rgba(0,0,0,.1)}#color span{display:inline-block;margin:auto 4px;width:18px;height:18px;border:1px solid #eee;border-radius:100%}#color span:first-of-type{background:#d82617}#color span:nth-of-type(2){background:#4586ff}#color span:nth-of-type(3){background:#f76b8a}#color span:nth-of-type(4){background:#ff6f3c}#color span:nth-of-type(5){background:#6a3cbc}#color span:nth-of-type(6){background:#f9a828}#color span:nth-of-type(7){background:#8d6262}#color span:nth-of-type(8){background:#0b8457}#comment_list{margin-top:40px}.copyright{margin-top:40px;color:#888;font-size:12px}.copyright a{color:#2e82ff}